*   { font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #e6e6e6; line-height: 130%; }
body  { background-color: #232323; text-align: center; margin: 0; padding: 0; }

a { color: #d33c3c; text-decoration: none; }
a:hover { color: #d2d2d2; text-decoration: underline; }

.clear {  height: 1px; clear: both; font-size: 1px; border:0px none; margin:0; padding: 0; background:transparent;  }


#main {background-image: url(../images/img_bkrnd.gif); background-repeat: repeat-y; text-align:left; margin-right: auto; margin-left: auto; width: 908px; padding: 0;}
#top { background-image: url(../images/img_top.gif); width: 100%; height: 75px; margin: 0; padding: 0; } 

/* Home */

#home_movie { text-align: center; margin: 5px 0 15px; }
#home_cta { width: 908px; height: auto; margin: 0; padding: 0 43px; }
#home_cta ul { margin: 0; padding: 0; }
#home_cta ul li { display: inline; }



/* Unterseite */

/* Hauptnavi oben */

#navi_top { background-image: url(../images/navi_main_bkrnd.gif); background-repeat: no-repeat; letter-spacing: 1px; width: 819px; height: 42px; margin: 0 0 0 44px; padding: 0; }

#navi_top ul { margin: 0 0 0 35px; padding: 0;}
#navi_top ul li { display:block; float: left; height:42px; text-align:center; width:124px; list-style:none; font-weight:bold; margin: 0}
#navi_top ul li a { color: #d2d2d2; font-size: 12px; display:block; height:22px; width:124px; text-decoration:none; padding:13px 0 10px; }
#navi_top ul li a:hover { background-image: url(../images/navi_main_hover.gif); background-repeat:repeat-x;}
#navi_top .selected {  background-image: url(../images/navi_main_selected.gif); background-repeat:repeat-x; padding:0 0 0;}
#navi_top p { margin: 13px 0 10px; }

/* Subnavi links */
#navi_left { background-image: url(../images/nav_sub_bkgrnd.gif); width: 155px; margin:20px 0 0 44px; float: left; /*display: inline; braucht man um den margin-doubleing bug im IE zu verhindern*/display: inline; padding: 0; }
#navi_left p { margin: 5px 0 0 15px; }
#navi_left h1 { background-image: url(../images/nav_sub_top.gif); background-repeat: no-repeat; width: 155px; height: 53px; margin: 0 0 5px; }
#navi_left h2 { background-image: url(../images/nav_sub_mid.gif); background-repeat: no-repeat; width: 155px; height: 27px; margin: 5px 0; }
#navi_left h3 { background-image: url(../images/nav_sub_bot.gif); background-repeat: no-repeat; width: 155px; height: 32px; margin: 5px 0 0; }
#navi_left ul { margin: 0; padding: 0; }
#navi_left ul li { width: 155px; height: 30px; margin: 0; list-style: none; }
#navi_left ul li a { color: #9c9c9b; font-size: 13px; text-decoration: none; height: 30px; padding: 8px 0 0 15px; display: block; }
#navi_left ul li a:hover { color: #008e7d; }
#navi_left .selected { color: #008e7d; }




/* Flash  */
#movie { width: 497px; margin: 20px 160px 0 215px; padding: 0;}

/* CTA rechts */

#cta { width: 131px; margin: 20px 44px 0 0; padding: 0;float: right; /*display: inline; braucht man um den margin-doubleing bug im IE zu verhindern*/display: inline; }#cta img { margin: 0 0 12px; padding: 0; }
/* #cta a { margin-bottom: 10px; } */
#cta ul { margin: 0; padding: 0; list-style-type: none; }
#cta ul li { margin: 0; padding: 0; height:66px; margin-bottom:10px}



/* Content HTML */
#cont_main { width: 495px; margin: 20px 160px 0 215px; padding: 0; }
#cont_top { background-image: url(../images/cont_img_top.gif); width: 495px; height: 26px; }
#cont_mid { background-image: url(../images/cont_img_bkrnd.gif); width: 495px; height: 445px; margin:0;}

/* Movie- und Bildbereich im Content der HTML-Seiten */
#movie_cont { background-color: #666; width: 494px; height: 174px; border-bottom: 1px solid #c1c2c5; }



/* Content-Box mit margin */
#cont_box { margin: 0 25px 15px; padding-top: 10px; }
#cont_box p { margin:5px 0; }
#cont_box h1 { color: #fff; font-size: 13px; font-weight: bold; letter-spacing: 1px; margin:0; } 


/* Abschluss Content-Box */
#cont_bot { background-image: url(../images/cont_img_bot.gif); width: 495px; height: 17px; }

/* Content-Box mit margin fuer Kontaktformular */

#cont_mid_form { background-image: url(../images/cont_img_bkrnd.gif); background-repeat: repeat-y; width: 495px; height: auto; margin:0; }
#cont_box_form { font-size: 11px; margin: 0 25px 0; padding-top: 7px; }
#cont_box_form p { font-size: 11px; margin:5px 0 0; }
#cont_box_form h1 { color: #fff; font-size: 13px; font-weight: normal; letter-spacing: 1px; margin:5px 0; } 
.text_form { font-size: 11px; }
.text_optin { font-size: 9px; }
input { margin: 0; padding: 0; }
input.text { color: #333; font-size: 11px; background-color: #e6e6e6; height: 13px; margin: 1px 0 4px; padding: 0; }
select { color: #000; font-size: 11px; background-color: #e6e6e6; }
option { color: #000; font-size: 11px; background-color: #e6e6e6; }
textarea { color: #000; font-size: 11px; background-color: #e6e6e6; }


/* Footer */
#footer { background-image: url(../images/img_footer.gif); background-repeat: no-repeat; width: 100%; height: 45px; margin-top: 20px; padding:0; }
#footer p { color: #9c9c9c; font-size: 9px; margin-left: 44px; }
#footer a { color: #9c9c9c; font-size: 9px; text-decoration: none; }
#footer a:hover { text-decoration: underline; }