@charset "utf-8";

@import url("../stylesheets/reset.css");
@import url("../stylesheets/jcarousel.css");
@import url("../stylesheets/jquery.jcarousel.css");

html {height: 101%;}
body {background: #fff; color: #1a0406; font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: 101%; line-height: 16px; overflow: -moz-scrollbars-vertical;}


/* Selektoren */
a { color: #e53534; text-decoration: none; }
a:hover { text-decoration: underline; }
em { font-style: oblique; }
h1 { font-size: 24px; font-weight: bold; line-height: 32px; margin-bottom: 28px;}
h2 { font-size: 16px; font-weight: bold; line-height: 24px; margin-bottom: 13px; }
h3 { font-size: 14px; font-weight: bold; line-height: 20px; }
ol,
ul,
p { margin-bottom: 16px;}
strong { font-weight: bold; }
table {	}
table p {margin-bottom: 0; font-weight: normal;	}
/* Selektoren Ende */
/* ID Selektoren */
h3#masthead { display: none;}
#breadcrumb { color: #bab3b4; padding: 8px;}
#breadcrumb span { margin: 0 8px 0 8px;}
#f1a #contentBlock-1{position: relative; z-index: 1}
#f1a #feature h1.csc-firstHeader { margin: 55px 0 0 32px;}
#f2b #contentBlock-1 li,
#contentBlock-2 li { padding-left: 2px;}
#f2b #contentBlock-1 ul,
#contentBlock-2 ul { list-style-type: disc;margin-left: 32px; }
#f2b #contentBlock-1 ol,
#contentBlock-2 ol { list-style-type: decimal; margin-left: 24px;}
#contentBlock-2 {background: url("../images/border-vertical.png") left top repeat-y; float: left; margin-top: 75px; padding: 16px 0 0 8px; width: 336px; }
#contentBlock-2 h3 { padding-top: 6px;}
#contentBlock-2 h3,
#contentBlock-2 p { clear:both; margin-left: 16px;}
#contentBlock-2 img { } 
#feature.bleed .csc-textpic { width: 992px; color: #fff !important; }
#breadcrumb,
#footer { font-size: 11px; margin: 0 auto; width: 928px;}
#breadcrumb a,
#footer a {color: #76686a; }
#breadcrumb-wrapper { background: #fff; height: 32px; border-bottom: 1px dashed #e53534;}
#footer-wrapper { background: #fff; border-top: 1px dashed #e53534; padding: 34px 0 64px 0;}
#footer address { float: right; width: 208px;}
#footer ul,
#footer ul li { float: left; margin-bottom:0;}
#footer ul li { font-weight: bold; margin-right: 16px;}
#footer ul ul,
#footer ul ul li { float: none;}
#footer ul ul li { font-weight: normal; margin:0;}
#globalMenu-wrapper { border-top: 2px solid #e53534; height: 53px; margin: 0 240px 0 32px; padding-top: 53px; position: relative; z-index: 2;  }
#globalMenu,
#globalMenu ul { margin-bottom:0; }
#globalMenu li a { color: #76686a; display: block; padding-bottom: 5px;}
#globalMenu li.active a { color: #e53534; border-bottom: 2px solid #e53534; }
#globalMenu a:hover { color: #e53534; text-decoration: none; }
#globalMenu li { display: inline; font-size: 14px; font-weight: bold; float: left; margin-right: 16px; text-transform: uppercase; position: relative;}
#globalMenu li li { display: block; font-size: 12px; font-weight: normal; float: none; margin: 0;}
#globalMenu li li a { display: block; padding: 7px 16px 7px 16px; width: 168px; }
#globalMenu li li a:hover,
#globalMenu li li.active a { background: #fff; color: #e53534 !Important; border: none;}
#globalMenu li.active li a { color: #76686a; border-bottom: none; }
#globalMenu li:hover ul { display: block;}
#globalMenu ul { background: rgba(240,240,240,1) url("../images/menu-background.png") bottom left repeat-x ; border-top: 2px solid #e53534; display: none; float: none; left: -16px; position: absolute; top: 21px; width: 250px; z-index: 5; }
#globalMenu ul { background: #f0f0f0\9} /*IE Hack*/

#globalMenu ul li a { width: 218px; }

#header { padding-top: 107px; position: relative; width: 992px; margin: 0 auto; margin-bottom: 12px; }
#logo { position: absolute; right: 32px; top: 62px; z-index: 10; }
#page-wrapper {/* background: url("../images/grid.png") top left repeat-y; */margin: 0 auto; width: 1032px; }
#feature.bleed { height: 320px; position: relative; z-index: 1; margin-left: 0; width:992px;}
#feature .csc-textpic-text { margin: 0 512px 0 32px; padding-top: 40px;position:relative; z-index:2; }
#feature .csc-textpic-single-image { width: 992px !IMportant;top: 0; position: absolute; z-index:1; left: 0; }

#feature .csc-textpic-single-image img { }
#wrapper {background: url("../images/background-bottom.png") repeat-x bottom left, url("../images/background-top.png") repeat-x top left #f0f0f0; padding-bottom: 83px;}
*+html #wrapper {background: url("../images/background-bottom.png") repeat-x bottom left #f0f0f0;  }/* for IE7 */
#wrapper {background: url("../images/background-bottom.png") repeat-x bottom left #f0f0f0\0/;} /* for IE8, going last */

/* ID Selektoren Ende */

/* Seiten ID Selektoren */
#f2b #header { margin-bottom: 16px;}
#f2b #feature { height: 192px; position: relative; z-index: 1; padding-top: 0;}
#f2b #contentBlock-1 { float: left; margin: 0 0 0 52px; padding: 39px 25px 0 0; width: 559px;}
#f2b #contentBlock-1 li { padding-left: 2px;}
#f2b #contentBlock-1 ul { list-style-type: disc;margin-left: 24px; }
#f2b #contentBlock-1 ol { list-style-type: decimal; margin-left: 24px;}
#f2b #contentBlock-1 table { min-width: 50%; margin-bottom: 24px;}
#f2b #contentBlock-1 tr { background: bottom left url("../images/border-horizontal.png") repeat-x; }
#f2b #contentBlock-1 tr:hover { background: bottom left url("../images/border-horizontal.png") repeat-x #fbfbfb; }
#f2b #contentBlock-1 td {padding: 4px 0 4px 0; }
/* Seiten ID Selektoren Ende */

/*WEC_Map*/
#f2b #contentBlock-1 .tx-wecmap-pi1 table { min-width: 50%; margin-bottom: 24px; border: none !Important;}
#f2b #contentBlock-1 .tx-wecmap-pi1 table tbdody tr { min-width: 50%; margin-bottom: 24px; border: none !Important;}
#f2b #contentBlock-1 .tx-wecmap-pi1 tr { background: bottom left url("../images/border-horizontal.png") repeat-x; border: none !Important;}
#f2b #contentBlock-1 .tx-wecmap-pi1 tr:hover { background: bottom left url("../images/border-horizontal.png") repeat-x; border: none !Important; }
#f2b #contentBlock-1 .tx-wecmap-pi1 td {padding: 4px 0 4px 0;border: none !Important; }
.tx-wecmap-pi1 form { margin-top: -10px !Important; top: 0 !Important;  }
.tx-wecmap-pi1 form input {}
.tx-wecmap-pi1 form input#tx-wecmap-directions-from-map55:focus, 
.tx-wecmap-pi1 form input#tx-wecmap-directions-to-map55:focus {background-color: #cee6b2;}
#map55_fromdirform_0_0.fromdirform form input {background: #8dc54c url("../images/menu-background.png") bottom left no-repeat; border: 1px solid #808080; color: #ffffff; margin-left: 4px !Important; padding: 1px;}
.tx-wecmap-pi1 form input#tx-wecmap-directions-from-map55, 
.tx-wecmap-pi1 form input#tx-wecmap-directions-to-map55 { background: #fff !Important; width: 138px !Important; border: 1px solid #808080 !Important; border-bottom-color: #cccccc !Important; border-right-color: #cccccc !Important; color: #1a0406 !Important; padding: 2px 4px 2px 4px !Important; margin:0 !Important; }
/*WEC_Map Ende*/

/* Klassen Selektoren */
.clear {clear: both;}
.clearOnly {clear: both; height: 0px; margin: 0; padding: 0; overflow: hidden; line-height: 0; font-size: 0; }
.outOfSight { position: absolute; top: 0; left: -4000px; }
/* Klassen Selektoren Ende */

/*JCarousel*/
#carousel-wrapper { overflow: hidden; width: 1032px; margin: 0 auto; margin-top: 5px; }
#carousel-wrapper h2 { text-transform: uppercase;}
.jcarousel-skin-tango .jcarousel-container-horizontal {  height: 192px; margin: 0 32px 0 32px; padding: 27px 0 26px 0; width: 968px; }
.jcarousel-skin-tango .jcarousel-clip { background: url("../images/border-vertical.png") right top repeat-y; width: 960px; height: 192px; margin-left: 4px; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { background: url("../images/border-vertical.png") left top repeat-y; width: 960px; height: 192px; margin-left: 4px; }
.jcarousel-skin-tango .jcarousel-item { display: block; height: 192px; padding: 0 16px 0 16px; width: 208px; background: url("../images/border-vertical.png") right top repeat-y; }

.jcarousel-skin-tango .jcarousel-next-horizontal { background: url("../images/jcarousel-controls.png") right top; cursor: pointer; position: absolute; right: -32px; top: 83px; width: 32px; height: 40px; }
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: right bottom; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { background: url("../images/jcarousel-controls.png") left top; cursor: pointer; position: absolute; left: -32px; top: 83px; width: 32px; height: 40px; z-index: 10 }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: left bottom; } 

.partner { margin-bottom: 32px;}
.partner a { margin-right: 32px;}

