/*
Theme Name: Formica UmzugsTransporte
Theme URI: http://www.webdeZZZign.at
Description: Wordpress-Template f&uuml;r <a href="http://www.formica-umzug.at">www.formica-umzug.at</a> (erstellt von <a href="http://www.webdezzzign.at/">www.webdeZZZign.at</a>)
Author: webdeZZZign.at (J&uuml;rgen Zahrl)
Author URI: http://www.webdeZZZign.at
Version: 1.0
Tags: none
License: copyright
License URI:
*/

/* ********************************************************
-- Stylesheet (CSS) by Jürgen Zahrl - www.webdeZZZign.at --
******************************************************** */

/* ******************************************************
-- RESET --
****************************************************** */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
html {
   font-size: 100.01%;
   height: 100%;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
/*    content: none; */
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* ******************************************************
-- Basis --
****************************************************** */

body {
   background: #fff;
   color: #333;
   font: 100%/1.4 'Century Gothic', 'Muli', Verdana, Arial, sans-serif;
   font-weight: normal;
   font-style: normal;
   height: 100%;
}

/* ******************************************************
-- Wrapper --
****************************************************** */

#wrapper {
   background: #fff;
   min-height: 1100px;
   width: 946px;
   margin: auto;
}

/* ******************************************************
-- Header --
****************************************************** */

#header {
   height: 230px;
   margin: 0 auto 0 auto;
   width: 960px;
}

/* ******************************************************
-- Navi --
****************************************************** */

#navi-wrapper {
   background: #603813;
   height: 36px;
   width: 100%;
}

#navi {
   margin: auto;
   width: 960px;
   text-transform: uppercase;
}

ul#menu, ul#menu ul {
   margin:0;
   list-style:none;
   padding:0;
}

ul#menu ul {
   display: none;
   position: absolute;
   left:0px;
   top:33px;
/*   background-color: #3476b9; */
   padding:0;
   -moz-box-shadow:5px 5px 10px #999;
   -webkit-box-shadow:5px 5px 10px #999;
   box-shadow:5px 5px 10px #999;
}

ul#menu ul ul {
   display: none;
   position: absolute;
   left:99.9%;
   top:-1px;
   background-color: #603813;
   padding:0;
   -moz-box-shadow:5px 5px 10px #999;
   -webkit-box-shadow:5px 5px 10px #999;
   box-shadow:5px 5px 10px #999;
}

ul#menu li:hover>* {
   display:block;
}

ul#menu li {
   position:relative;
   display:block;
   white-space:nowrap;
   font-size:0;
   float:left;
}

ul#menu li:hover {
   z-index:1;
}

ul#menu {
   list-style-type: none;
   padding: 0 0 0 10px;
   position: relative;
   top: 3px;
   width: 960px;
   font-size:0;
   z-index:999;
   position:relative;
   display:inline-block;
   zoom:1;
   padding:0;
   *display:inline;
}

* html ul#menu li a {
   display:inline-block;
}

ul#menu>li {
   margin:0;
}

ul#menu a:active, ul#menu a:focus {
   outline-style:none;
}

ul#menu a {
/*   background: url(ul-li-trennstrich.png) left center no-repeat; */
   color: #cbac50;
   text-shadow: 0px 0px 10px #eee;
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!! FONT !!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
   font-family: 'Comfortaa', Verdana, Arial, sans-serif !important;
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!! FONT !!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
   height: 40px;
   font-size: 14px;
   text-decoration: none;
   vertical-align: middle;
/*   line-height: 29px; */
   display:block;
   text-align:left;
   text-decoration:none;
   margin-right: 0px;
   font-size: 14px;
/*   color:#d6e4f1; */
   padding: 5px 11px 5px 11px;
}

ul#menu ul a {
/*   border-right: 1px solid #719fce; */
/*   background: none; */
   background-color: #603813;
   height: 32px;
   margin-right: 0px;
}

ul#menu ul li:first-child {
/*   border-top: 1px solid #719fce; */
}

ul#menu ul li:last-child {
/*   border-bottom: 1px solid #719fce; */
}

ul#menu ul li {
   float: none;
   margin-top: 0px;
/*   border-left: 1px solid #719fce;
   border-right: 0px solid #719fce; */
   padding: 0;
}

ul#menu ul a, ul#menu li.current_page_item ul a, ul#menu li.current-menu-item ul a, ul#menu li.current-menu-parent ul a {
   text-align:left;
   background-color: #603813;
   font:13px;
   color: #cbac50;
   padding: 7px 11px 0px 11px;
   text-decoration:none;
}

ul#menu li:hover>a,ul#menu li a.pressed, ul#menu li.current_page_item a, ul#menu li.current-menu-item a, ul#menu li.current-menu-parent a {
/*   background: #85add5; */
/*   background-color: #603813; */
   color: #fff;
   text-decoration:none;
}

ul#menu li.current-menu-item ul a {
/*   background: none; */
   background-color: #603813;
}

ul#menu span {
   display:block;
   overflow:visible;
   background-position:right center;
   background-repeat:no-repeat;
   padding-right:0px;
}

ul#menu ul li:hover>a,ul#menu ul li a.pressed {
/*   background-color:#85add5; */
   background-color: #603813;
   background-image:none;
   color:#fff;
   text-decoration:none;
}

/*

#navi ul {
   list-style-type: none;
   padding: 0 0 0 10px;
   position: relative;
   top: 3px;
   width: 960px;
}

#navi li {
   background: url(../img/navi-trennstrich.png) left center no-repeat;
   display: inline;
   height: 40px;
   padding: 0 34px 0 0px;
   vertical-align: middle;
}

*/

#navi a {

}

#navi li:first-child {
   background: none;
}

#navi a:hover, #navi a:focus, #navi a:active, #navi a#active {
   color: #fff;
}

/* ******************************************************
-- Slide --
****************************************************** */

#slide {
   margin: 0 auto 0 auto;
   padding: 0;
   width: 100%;
}

#img-slider img {
/*  min-height: 100%; */
/*   margin: auto; */
  max-width: 100%;
  width: 100%;
  min-width: 960px;
  /* Set up proportionate scaling */
/*  width: 100%; */
  height: auto;

  /*
   margin: 0;
   min-width: 960px;
   padding: 0;
   width: 100%; */
}

#slide-txt-wrapper {
   background: #c7c7c7;
   height: 36px;
   margin: 0;
   padding: 0;
   position: relative;
   top: -5px;
   width: 100%;
}

#slide-txt {
   color: #868686;
   font-family: 'Comfortaa', Verdana, Arial, sans-serif !important;
   font-size: 18px;
   font-weight: bold;
   margin: auto;
   position: relative;
   top: 5px;
   width: 960px;
   text-align: center;
}

/* ******************************************************
-- Content --
****************************************************** */

h1#home {
   position: absolute;
   left: -7358px;
   top: -8647px;
}

#content h1, #content-anfrage h1 {
/*   font-size: 16.5px; */
/*   color: #ba8b3a; */
   color: #603813;
   font-size: 28px;
   font-weight: bold;
   padding-bottom: 15px;
   text-align: left;
   text-transform: uppercase;
}

h2 {
   color: #ba8b3a;
   font-size: 24px;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content-anfrage h1, #content-anfrage h2, #content-anfrage h3, #content-anfrage h4, #content-anfrage h5, #content-anfrage h6 {
   clear: both;
}

#content h2, #content-anfrage h2 {
   color: #603813;
   font-weight: bold;
}

#content h4, #content-anfrage h4 {
   font-size: 17px !important;
   font-weight: normal;
}

#content h3, #content-anfrage h3 {
   color: #ba8b3a;
   font-size: 20px !important;
   font-weight: bold;
   clear: both;
}

#content div.wp-caption, #content-anfrage div.wp-cation, #content-left div.wp-caption {
   background: #F3F3F3;
   border: 1px solid #ddd;
   margin-bottom: 15px;
   padding: 5px 0px 5px 0px !important;
   text-align: center;
}

#content p.wp-caption-text, #content-anfrage p.wp-caption-text, #content-left p.wp-caption-text {
   font-weight: bold;
   padding: 0 !important;
   text-align: center;
}

#content p.wp-caption-text, #content-anfrage p.wp-caption-text {
   font-size: 110% !important;
}

#content-left p.wp-caption-text {
   font-size: 11pt !important;
}

div.wp-caption img {
/*   float: none !important;
   padding: 0 !important;
   margin: 0 !important;
   text-align: center !important; */
}

h1, h2, h3, h4, h5, h6 {
   font-family: 'Century Gothic', 'Muli', Verdana, Arial, sans-serif !important;
   font-weight: normal;
}

h1#nv {
   position: absolute;
   top: -12000px;
   left: -12000px;
}

h2.partner {
   padding-bottom: 0;
}

#content-wrapper {
   clear: both;
   margin: 20px auto 100px auto;
   min-height: 500px;
   width: 960px;
}

#content-wrapper-inside {
   float: left;
   width: 700px;
}

#zusammen {
   background: #F3F3F3;
   border: 1px solid #ddd;
   font-size: 90%;
   font-weight: bold;
   margin-bottom: 20px;
   padding: 10px;
   text-align: center;
}

#donot {
   display: none;
}

#content-wrapper-inside-anfrage {
   float: left;
   width: 960px;
}

#content {
   color: #444;
   font-size: 15px;
/*   font-weight: bold; */
   margin: 0;
   padding: 0;
   width: 700px;
/*   text-align: justify; */
}

#content-anfrage {
   color: #444;
   font-size: 15px;
/*   font-weight: bold; */
   margin: 0;
   padding: 0;
   width: 960px;
/*   text-align: justify; */
}

/* TEST */
#content-left {
/*font-size: 120% !important */
}

#content-left, #content-right {
   color: #444;
   font-size: 13px;
/*   font-weight: bold; */
   margin: 0;
   padding: 0;
   width: 330px;
   text-align: justify;
}

#content-left {
   float: left;
}

#content-right {
   float: right;
}

#content-right h2 {
   font-size: 11pt !important;
   font-weight: bold;
}

#content-right p, #content-right ul, #content-right ol {
   font-size: 9pt !important;
}

#content-wrapper h2 a {
   text-decoration: none;
}

#content-wrapper h2 a:hover, #content-wrapper h2 a:focus, #content-wrapper h2 a:active {
   color: #ba8b3a;
   text-decoration: none;
}

#bottom {
   height: 1px;
   width: 100%;
   clear: both;
}

hr {
   border: 1px solid #ece7e2;
   margin-bottom: 10px;
}

div.introbild img {
   border: 1px solid #d9d9d9;
   float: left;
   padding: 0;
   margin: 0 20px 0 0;
}

h2, h3, h4, h5, h6, p, ul, ol {
   padding-bottom: 15px;
   text-align: left;
}


#content-wrapper a, #content a, #content-anfrage a {
   color: #ba8b3a;
   text-decoration: underline;
}

#content a:hover, #content a:focus, #content a:active, #content a#active, #content-anfrage a:hover, #content-anfrage a:focus, #content-anfrage a:active, #content-anfrage a#active {
   color: #131515;
   text-decoration: underline;
}

#content-wrapper span {
   color: #ba8b3a;
   font-weight: bold;
}

#content-right ul, #content-left ul {
   list-style-type: disc;
   margin-left: 14px;
}

#content ul, #content-anfrage ul {
   list-style-type: disc;
   margin-left: 50px;
}

#content ol, #content-anfrage ol {
   list-style-type: decimal;
   margin-left: 50px;
}

#content-right ul, #content-left ul, #content-right ol, #content-left ol {
   clear: both;
}

#content-right ol, #content-left ol  {
   list-style-type: decimal;
   margin-left: 20px;
}

span.up {
   text-transform: uppercase;
}

table {
   width: 100%;
   margin-bottom: 10px;
}

td.left {
   width: 400px;
   vertical-align: top;
}

td.right {
   width: 300px;
}

td.partner {
   padding-top: 22px;
}

table#tablepress-1 td {
   vertical-align: middle;
}

p.center {
   text-align: center;
}

p.dist {
   margin-top: 38px;
}

div.alignleft, img.alignleft {
   float: left;
   margin-right: 10px;
   padding-bottom: 5px;
}

div.alignright, img.alignright {
   float: right;
   margin-left: 10px;
   padding-bottom: 5px;
}

img.aligncenter {
   text-align: center;
}

div.aligncenter {
   margin: auto;
}

/* ******************************************************
-- Sidebar --
****************************************************** */

#sidebar {
   background: url(img/formica-logo-sidebar-unten.png) bottom center no-repeat #eee0b6;
   border: 1px solid #b3b3b3;
   float: right;
   font-size: 12px;
   min-height: 1150px;
   padding: 10px 10px 10px 10px;
   width: 186px;
}

#sidebar h3 {
   color: #603813;
   font-size: 17px;
   font-weight: bold;
}

#sidebar li {
   background: url(img/sidebar-li-ameise.png) left center no-repeat;
   padding-left: 24px;
   margin-bottom: 10px;
/*   height: 35px; */
}

#sidebar li a {
   font-size: 12px;
}

input#searchsubmit {
   display: none;
}

label.screen-reader-text {
   display: none;
}

input#s {
   margin-bottom: 15px;
}

/* ******************************************************
-- Kontaktformular --
****************************************************** */

div#FSContact1 label {
   padding-bottom: 20px !important;
}

/* ******************************************************
-- Footer --
****************************************************** */

div#footer-wrapper {
   background-color: #603813;
   height: 69px;
   width: 100%;
}

div#footer {
   font-family: 'Comfortaa', Verdana, Arial, sans-serif !important;
   font-weight: normal;
   font-size: 12px;
   padding-top: 26px;
   width: 960px;
   margin: auto;
}

div#footer, div#footer a {
   color: #fff;
}

div#footer-left {
   width: 700px;
}

div#footer-right {
   float: right;
   width: 200px;
}

/* ******************************************************
-- Orbit Image Slider --
****************************************************** */

/* CSS for jQuery Orbit Plugin 1.2.3
 * www.ZURB.com/playground
 * Copyright 2010, ZURB
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php

/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY ================================================== */

#img-slider {
        width: 100%;
        height: 100%;
        background: #000 url(orbit/loading.gif) no-repeat center center;
        overflow: hidden; }

#img-slider>img, #img-slider>div,#img-slider>a { display: none; }

/* CONTAINER ================= */

div.orbit-wrapper {
    width: 100%;
    height: auto;
    position: relative;
    }

div.orbit {
    width: 100%;
    height: auto;
/*    position: relative; */
    overflow: hidden; }

div.orbit>img {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    }

div.orbit>a {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 0;
    display: none; }

.orbit>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px; }

/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */

/* TIMER ==================== */

div.timer {
   display: none;
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: .6;
    cursor: pointer;
    z-index: 1001; }

span.rotator {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: -20px;
    background: url(orbit/rotator-black.png) no-repeat;
    z-index: 3; }

span.mask {
    display: block;
    width: 20px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    overflow: hidden; }

span.rotator.move {
    left: 0 }

span.mask.move {
    width: 40px;
    left: 0;
    background: url(orbit/timer-black.png) repeat 0 0; }

span.pause {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(orbit/pause-black.png) no-repeat;
    z-index: 4;
    opacity: 0; }

span.pause.active {
    background: url(orbit/pause-black.png) no-repeat 0 -40px }

div.timer:hover span.pause, span.pause.active {
    opacity: 1 }

/* CAPTIONS ================= */

.orbit-caption {
    display: none;
    font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }

.orbit-wrapper .orbit-caption {
    background: #000;
    background: rgba(0,0,0,.6);
    z-index: 1000;
    color: #fff;
    text-align: center;
    padding: 7px 0;
    font-size: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%; }

/* DIRECTIONAL NAV ====================== */

div.slider-nav {
    display: none; }

div.slider-nav span {
    width: 38px;
    height: 49px;
    text-indent: -9999px;
    position: absolute;
    z-index: 1000;
    top: 50%;
    margin-top: -25px;
    cursor: pointer; }

div.slider-nav span.right {
    background: url(orbit/arrows.png) right bottom;
    right: 0; }

div.slider-nav span.left {
    background: url(orbit/arrows.png) left top;
    left: 0; }

/* BULLET NAV ======================= */

.orbit-bullets {
    position: absolute;
    z-index: 1000;
    list-style: none;
    bottom: 12px;
    left: 10px;
    margin-left: 0px;
    padding: 0; }

.orbit-bullets li {
    float: left;
    margin-left: 5px;
    cursor: pointer;
    color: #999;
    text-indent: -9999px;
    background: url(orbit/bullets.png) no-repeat 0 0;
    width: 13px;
    height: 12px;
    overflow: hidden; }

.orbit-bullets li.active {
    color: #222;
    background-position: -13px 0; }

.orbit-bullets li.has-thumb {
    background: none;
    width: 100px;
    height: 75px; }

.orbit-bullets li.active.has-thumb {
    background-position: 0 0;
    border-top: 2px solid #000; }