
/*  Stylesheet chillaeffects.com / by Philipp Hentschel / 14.11.2007  */


html{height:100%;}
body{width:100%; height:100%; text-align:center; background:orange; margin:0em; font-family:verdana, arial, helvetica, sans-serif; color:#000; font-size:1em;}

form label{clear:left; display:block; width:120px; float:left;}
form input{margin:0 0 4px 0;}
form fieldset{border:0px; padding:0px; margin:20px 0 0 0;}
form input.csc-mailform-submit{margin:20px 0 0 120px; background:#b61c3e; border:0px; color:#fff;}

h1, h2, h3{font-size:12px; font-weight:bold;}
h2{font-size:10px;}

div, p, ul, span {margin:0em; padding:0em;}
li{list-style-type:none; float:left; margin:9px 0px 0 17px;}

img.onlineshop{margin:0 0 0 367px;}

a{color:#fff; text-decoration:none;}
.white{color:#fff;}

.clear{clear:left; height:1px; line-height:1em;}

#outerbox{width:60.38em; height:32.88em; text-align:left; margin:-17.44em 0 0 -30.19em; position:absolute; top:50%; left:50%;}
#content{background:#fff url(images/home/bg_punkte.gif) repeat-y; border:2px solid #fff; width:100%;}

#star{position:absolute; top:-0.65em; left:50.1em; #left:50.05em; z-index:100;}

.top{margin:11px 0px 10px 10px; height:55px;}

.top .logos{float:left; margin:0 125px 0 6px;}

.footer .metanav{float:left; text-align:left; width:250px;}
.footer .metanav li{margin:0px; height:20px;} 
.footer .metanav a{color:#fff; padding:5px;}
.footer .metanav a.aktiv, .footer .metanav a:hover{text-decoration:underline;}
.footer .footer_text{text-align:right; padding:0 30px 0 0; color:#fff;}

.nav_3{font-size:0.8em; font-weight:bold; float:left; width:150px; padding:0 0 7px 0; margin:15px 40px 0 20px;}
.nav_3 li{width:185px; float:left; margin:0 10px 5px -5px;}
.nav_3 a{color:#b61c3e; padding:5px 0 5px 25px; background:url(images/stern_quadrat.gif) no-repeat 0 3px;}

.nav_3 .ebene2{padding:0 0 0 40px; font-weight:normal; color:#B61C3E;}
.nav_3 .ebene2 a {background:none; padding:0px; font-weight:normal;}

.fade{background:#e30079 url(images/bg_verlauf_startseite.jpg) repeat-y;  height:2.5em; width:100%;}
.fade .logos{padding:8px 165px 0 0; text-align:right;}
.fade .logos img{margin:0 11px 0 0;}
.fade .loesungen{padding:0 295px 5px 0;}

.content_container a:link, .content_container a:active{color:#b61c3e;}
.content_container a:visited, .content_container a:hover{color:#ea8618;}
.csc-textpic-caption{display:none;}

#content .navigation{ background:#404040 url(images/bg_navigation.jpg) repeat-x; height:2.8em; font-size:0.75em;}
#content .navigation a{padding:4px}
#content .navigation a:hover, #content .navigation a.aktiv{background:#e30576; padding:4px;}

#content .footer{ background:#404040 url(images/bg_footer.jpg) repeat-x; height:1.8em; font-size:0.65em; color:#bfbfbf; margin:27px 0 0 0; padding:4px 0 0 20px; text-align:center;}

.content_container{width:750px; float:left;}

.infotext{color:#fff; font-size:0.65em; text-align:center; margin:15px 0 0 0;}
.infotext a{text-decoration:underline;}

.pic_content{float:left; width:320px; margin:20px 0 0 0; font-size:11px;}
.pic_content DIV{width:auto !important;}
.pic_content IMG, div.csc-textpic img{border:1px solid grey; float:left; margin:10px 3px 0 0;}

.tx-flvplayer2-pi1{margin: 0 0 5px 0;}

.text_content{margin:18px 50px 0 0; float:left; width:375px; font-size:11px; padding:10px 0 18px 0; border-bottom:1px solid #302d2f; border-top:1px solid #302d2f;}
.text_content .text{}


/* Effect Startpage*/
#kwicks_container {height:300px; margin:25px 0 0 45px;}
#kwicks_container a{color:#000;}
#kwicks_container .item{width:316px; height:291px; font-size:11px;}
#kwicks_container .item p{float:left; margin:0 20px 0 0;}
#kwicks_container .item h1{font-size:13px; margin:0 0 10px 0;}
#kwicks_container .item a{color:#e5166e; font-weight:bold;}

#kwicks_container li{margin:0px;}
#kwicks {position:relative;}
#kwicks .kwick {float:left; display:block; width:108px;	height:291px;}
 
#kwick1{background:url(images/bg_home_metall.jpg) repeat-x; overflow:hidden;}
#kwick2 {background:url(images/bg_home_metall.jpg) repeat-x; overflow:hidden;}
#kwick3 {background:url(images/bg_home_metall.jpg) repeat-x; overflow:hidden;}
#kwick4 {background:url(images/bg_home_metall.jpg) repeat-x; overflow:hidden;}
#kwick5 {background:url(images/bg_home_metall.jpg) repeat-x; overflow:hidden;}
#kwick6 {background:url(images/bg_home_metall.jpg) repeat-x; overflow:hidden;}
#kwick7 {background:url(images/bg_home_metall.jpg) repeat-x; overflow:hidden;}
#kwick8 {background:url(images/bg_home_metall.jpg) repeat-x; overflow:hidden;}

