@charset "utf-8";

*{padding: 0px; margin: 0px; }

body{padding: 0px; margin: 0px;	font: 14px Arial, Helvetica, sans-serif; color: #000; background-color: #fff; background-image: url("../data/bg.png"); background-repeat: repeat-y; background-position: center 0px; }

/* DIVs ########################################*/

#container{width: 984px; margin: 0px auto; position: relative; }

#header{width: 984px; height: 398px; position: relative; background-image: url("../data/header/9.jpg"); background-repeat: no-repeat; }
#header_flash{z-index: 160; width: 984px; height: 398px; position: relative; }
#header_slogan{z-index: 210; width: 912px; height: 156px; top: 162px; position: absolute; }
#header_headline{z-index: 240; width: 700px; height: 40px; top: 353px; left: 57px; position: absolute; }
#header_flash_overlay{z-index: 120; width: 984px; height: 398px; top: 0px; left: 0px; position: absolute; }
#header_logo{z-index: 140; width: 508px; height: 122px; top: 0px; left: 0px; position: absolute; }
#header_logo_click{z-index: 260; width: 508px; height: 97px; top: 0px; left: 0px; position: absolute; }

#vidcook{z-index: 288; width: 100px; height: 18px; text-align: right; top: 308px; left: 879px; position: absolute; font: 11px Arial, Helvetica, sans-serif; }
#vidcook a{color:#000;}
#vidcook a:hover {text-decoration: underline; }

#bottom_flash{z-index: 180; height: 480px; width: 980px; bottom: 0px; position: fixed; }

#mid{width: 984px; position: relative; overflow: hidden; background-image: url("../data/bg_mid.png"); background-repeat: repeat-y; }
#mid_cont{width: 565px; float: left; position: relative; padding: 16px 58px 9999px 58px; margin-bottom: -9999px; }
#mid_menu{width: 303px; margin-left: 681px; position: relative; }
#mid_clear{width: 984px; height: 20px; position: relative; clear: both; }

#bot{width: 984px; height: 80px; position: relative; background-image: url("../data/footer.jpg"); background-repeat: no-repeat; font-size: 11px; color: #333; }
#btn_10_jahre{z-index: 188; width: 154px; height: 153px; position: absolute; top: 141px; left: 886px; }

#menusub_produkte{top: 74px; float: left; position: relative; width: 147px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: right; }
#menusub_referenzen{top: 109px; float: left; position: relative; width: 147px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: right; }
#menusub_kontakt{top: 135px; float: left; position: relative; width: 147px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: right; }
#menusub_ueber_uns{top: 179px; float: left; position: relative; width: 147px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: right; }

#menusub_produkte li, #menusub_referenzen li, #menusub_kontakt li, #menusub_ueber_uns li {list-style-type: none; padding: 4px 8px 4px 0px; border-right: 1px dashed #000; }
#menusub_produkte a, #menusub_referenzen a, #menusub_kontakt a, #menusub_ueber_uns a {text-decoration: none; color: #fff; font-size: 14px; }
#menusub_produkte a:hover, #menusub_referenzen a:hover, #menusub_kontakt a:hover, #menusub_ueber_uns a:hover {text-decoration: underline; }

#menu{top: 4px; position: relative; width: 156px; height: 340px; margin: 0px 0px 0px 147px; padding: 0px 0px 0px 0px; }
#menu li {list-style-type: none; padding: 12px 0px 4px 32px; }
#menu a {padding-right: 68px; text-decoration: none; color: #fff; font-size: 16px; font-weight: bold; background: url("../data/dot.png") no-repeat 96px 1px; }
#menu_akt {border-bottom: 1px dashed #000; }
#menu a:hover {background: url("../data/dot_hover.png") no-repeat 96px 1px; }

#footer_meta{float: left; margin:42px 58px 2px 58px; }
#footer_meta p{padding-bottom: 4px; line-height: 8px;}
#footer_meta a{color:#333;}

#aktionsdiv{background: url("../data/produktpackung.png") no-repeat 302px 142px; }
	
/* TAGS ########################################*/

p{padding-bottom: 12px; line-height: 20px; }
h1{font-size: 28px; color: #505298; } 
h1 a {text-decoration: none; color: #1f69ea; }
h1 a:hover {text-decoration: underline; }
h2{font-size: 18px; color: #0aa1e2; margin: 0px 0px 12px 0px; border-bottom: 1px solid #000000; }
h2 a {text-decoration: none; color: #190b0a; }
h2 a:hover {text-decoration: underline; }
h3{font-size: 16px; color: #190b0a; margin: 24px 0px 12px 0px; border-bottom: 1px solid #0aa1e2; }
h3 a {text-decoration: none; color: #190b0a; }
h3 a:hover {text-decoration: underline; }

input, submit, textarea, select{font: 14px Arial, Helvetica, sans-serif; padding: 6px; border: 0px solid #000; color: #000; background-color: #ddd; }
.foamsenda{border: 2px solid #0aa1e2; font-weight: bold; color: #000; background-color: #ddd; }
.promptcheck{padding: 2px 1px 1px 2px; border: 1px solid #999; background-color: #fff;}

img{margin: 0px 24px 12px 0px; }

/* PSEUDO KLASSEN ########################################*/

a {text-decoration: none; color: #1f69ea; }
a:hover {color: #000000;  }

ul{margin: 6px 0px 12px 8px;}
#mid_cont li{margin: 0px 0px 2px 32px;}

/* KLASSEN ########################################*/

.emlsw{color: #000; }

.sub_head{font-weight: bold; }
.sub_item{padding-right: 8px; }

.mid_cont_row a{text-decoration: underline; }

.mid_cont_left{width: 258px; padding:0px 24px 0px 0px; float: left; }
.mid_cont_right{width: 258px; padding:0px 0px 0px 24px; margin-left: 282px; border-left: 1px solid #666;}

.mid_cont_left_referenzen{width: 258px; padding:0px 24px 0px 0px; float: left; } /* font-weight: bold; */
.mid_cont_right_no_border{width: 258px; padding:0px 0px 0px 24px; margin-left: 282px; border-left: 1px solid #fff;}

.mid_cont_left_auftraggeber{font-size: 12px; width: 258px; padding:0px 24px 0px 0px; float: left; }
.mid_cont_right_auftraggeber{font-size: 12px; width: 258px; padding:0px 0px 0px 24px; margin-left: 282px; border-left: 1px solid #fff;}

.clear{height: 32px; clear: both; }