@charset utf-8; 

/* EL 29 */

/* Allgemein */
*,html,body { margin:0; padding:0; }
html { height:100%; margin-bottom:1px; }
body { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#3a3a3a; background-color:#a3a3a3; line-height:130%; background-image:url(../img/bg.png); background-repeat:repeat-x; }
p { margin-bottom:5px; }
p.italic { font-style:italic; }
p.small { font-size:12px; margin-top:15px; }
img { border:0; }
a { color:#6d0039; text-decoration:underline; }
a:hover { text-decoration:none; }
a:focus { outline:none; }
.breaker { clear:both; }
.center { text-align:center; }

/* Headlines */
h1,h2,h3,h4 { font-family:Arial, Helvetica, sans-serif; line-height:120%; width:100%; }
#colLeft h1 { margin:20px 0; height:26px; padding-top:8px; font-size:14px; font-weight:normal; color:#fff; background-color:#30352b; text-transform:uppercase; }
#colRight h1 { margin:20px 0; height:26px; padding-top:8px; font-size:14px; font-weight:normal; color:#3a3a3a; background-color:#e4e4e4; text-transform:uppercase; }
.col50,h1,#colRight h2,#colRight h3,#colRight h4,#colRight p { text-align:center; }
#colRight h1:first-child { margin-top:0; }
#colRight h4 { text-transform:uppercase; }
h2 { margin:10px 0; font-size:14px; font-weight:bold; color:#6d6d6d; }
h3 { margin:10px 0 0; font-size:13px; font-weight:bold; color:#6d0039; }
h4 { font-size:14px; font-weight:normal; }

/* Positionierung der Seitenelemente */
#page { margin:0 auto; width:862px; position:relative; }
#header { height:120px; width:862px; background-color:#30352b; border-bottom:3px solid #c71978; }
#logo { position:absolute; top:22px; left:37px; width:141px; height:83px; }
#topnavi { position:absolute; top:90px; left:196px; }
#content { width:790px; background-color:#fff; padding:30px 36px; }
#teaser { position:relative; width:790px; height:207px; }
#colLeft { margin-top:24px; float:left; width:520px; text-align:left; }
#colRight { position:relative; margin-top:24px; float:right; width:222px; }
.col50 { float:left; width:50%; }
.col50 p { font-style:italic; }
#wrapperStoerer { position:relative; width:222px; height:175px; }
#stoerer { position:absolute; left:0; top:0; height:175px; }
#footer { position:relative; top:5px; left:0; width:862px; height:30px; }
#adresse { font-size:12px; color:#3a3a3a; float:left; margin-left:8px; vertical-align:top; }
#imprint { float:right; margin-right:8px; font-size:12px; vertical-align:top; }
#imprint a { font-size:12px; color:#6d0039; font-weight:bold; text-decoration:none; }
#imprint a:hover { font-size:12px; color:#6d0039; font-weight:bold; text-decoration:underline; }

/* Top-Navi */
#topnavi ul { margin:0; padding:0; }
#topnavi ul li { list-style:none; margin:0 20px 0 0; display:block; float:left; color:#fff; font-size:12px; height:30px; }
#topnavi ul li a { margin-right:3px; padding:0 0 0 3px; float:left; color:#fff; text-decoration:none; font-size:12px; letter-spacing:1px; text-transform:uppercase; height:30px; }

/* Forms */
#form-module input, #form-module textarea, #form-module select { width:240px; border:1px solid #a9a9a9; font-size:12px; }
#form-module textarea { font-family:Arial, Helvetica; height:140px; }
#form-module textarea:first-child { height:85px!important; }
fieldset { border:none; padding:0; margin:0; }
fieldset label { width:85px; padding:0; margin:0; float:left; }
fieldset label.checkbox { width:auto; float:left; }
#form-module .checkbox { float:left; }
fieldset div { padding:8px 0; }
fieldset legend { font-weight:bold; padding:10px 0 5px; color:#6d0039; }
#form-module fieldset .submit { cursor:pointer; position:relative; z-index:2; margin-left: 85px; }
#form-module .fieldError { border:1px solid #6D0039; }
#form-module div.msgError { color:#6D0039; position:absolute; margin:0 0 0 335px; padding:0; }
/* reCAPTCHA */
fieldset div#recaptcha_widget_div, fieldset div#recaptcha_widget_div div { padding: 0; }
fieldset div#recaptcha_widget_div { padding-left: 10px; }

/* Sliding Doors */
#topnavi ul li.rex-current a,#topnavi ul li a:hover { display:block; background:url(img/naviLeft.gif) no-repeat left 17px; }
#topnavi ul li.rex-current,#topnavi ul li:hover { float:left; background:url(img/naviRight.gif) no-repeat right 17px; }

/* scrollable */

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/
div.scrollable { 
/* required settings */
position:relative; overflow:hidden; width:790px; height:207px; }

/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/
div.scrollable div.items { 
/* this cannot be too large */
width:20000em; position:absolute; }
div.scrollable div#banderole { position:absolute; top:0; right:0; width:113px; height:95px; }

/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/
div.scrollable div.items img { float:left; padding:3px; border:1px solid #c7c7c7; }
div.scrollable div#naviTeaser { position:absolute; top:177px; left:718px; width:60px; height:15px; }
div.scrollable a.browse { width:30px; height:15px; cursor:pointer; }
div.scrollable a.left { background-image:url(../img/teaser/prev.gif); background-repeat:no-repeat; float:left; }
div.scrollable a.right { background-image:url(../img/teaser/next.gif); background-repeat:no-repeat; float:right; }