/* :.:..........:.:.........................: */
html, body{height:100%; width:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#fff; background-color:#FFECD1;}

/* ..........................
... ::: HAUPTELEMENTE ::: ... 
.......................... */
h1{font-size:18px; color:#fff; margin-bottom:12px; line-height:normal;}
h2{font-size:16px; color:#fff; margin-bottom:10px; line-height:normal;}
h3{font-size:15px; color:#fff; margin-bottom:8px; line-height:normal;}
h4{font-size:14px; color:#fff; margin-bottom:8px; line-height:normal;}

p{margin-bottom:13px; line-height:15px;}

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

img{border:0;}
.fl_left{float:left;}
.fl_right{float:right;}
.line{color:#fad09e; height:1px; border:0px solid #fff; border-top:1px solid #fad09e;}
.clearer{clear:both;}

.dbblock{display:block;}
.dbnone{display:none;}

/* ....................................
... ::: ALLGEMEINE CSS STRUKTUR ::: ... 
.................................... */
div.sterne{background-image:url(../img/bg_sterne.png); background-position:center center; background-repeat:no-repeat; width:100%; height:100%;}
div#vertical_breaker{float:left; width:100%; height:50%; margin-top:-325px;}
div#mainbox{clear:both; position:relative; width:1040px; height:650px; margin:0px auto; background:url(../img/bg_mainbox_02.png) top left no-repeat;}
	div#header{clear:both; width:980px; height:130px; margin:0px auto; padding-top:19px;}
		div.animation{float:left; width:107px; height:102px; background:url(../img/cadavre-exquis.gif) top left no-repeat;}
		div.logo{float:left; margin:-13px 0px 0px 130px;}
		div.slogan{float:right; margin:65px 50px 0px 0px;}
	div#content{clear:both; width:980px; height:441px; margin:0px auto;}
		div.col_left{float:left; width:208px; position:relative;}
			div.top_five{height:297px;}
			div.kauf_link{color:#000; width:178px; height:114px; padding:15px;}
		div.col_center{float:left; width:480px; position:relative;}
			div.video_bereich{width:480px; height:270px;}
			div.shop_bereich{}
		div.col_right{float:right; width:292px; position:relative;}
	div#footer{clear:both; width:980px; height:26px; margin:0px auto; padding-top:7px;}
		div.newsletterbox{float:left; width:446px; padding-left:15px;}
		ul#navigation_footer{float:left;}
		ul#navigation_social_links{float:right; padding-right:25px;}
			
/* .........................
... ::: CSS ELEMENTE ::: ... 
......................... */
div#header p{margin:0;}
div#header div.animation img{margin:-1px 0px 0px -3px;}

div.top_five{}
div.top_five h2{}
div.top_five div.videoauswahl{clear:both; margin:7px 0px 7px 9px; width:170px; border-bottom:1px solid #fad09e;}
div.top_five div.videoauswahl h3{margin:0;}
div.top_five div.videoauswahl p{margin:0;}
div.top_five div.videoauswahl a{clear:both; display:block; width:150px; margin:0px 0px 6px 0px; padding:2px 10px;}
div.top_five div.videoauswahl a:hover h3, div.top_five div.videoauswahl a.active h3{color:#000;}
div.top_five div.videoauswahl a:hover, div.top_five div.videoauswahl a.active{color:#000; background:url(../img/bg_top_five_hover.jpg) top left repeat-y; padding:2px 10px;}

div.kauf_link{height:114px; overflow:hidden;}
div.kauf_link a{color:#000;}

input#newsletter_email{float:left; width:182px; height:19px; border:1px solid #b6b6b6; margin-right:4px; font-size:10px; padding:0px 5px; line-height:19px;}
input#newsletter_submit{float:left; display:block; width:116px; height:21px; background:url(../img/btn_footer.jpg) top left no-repeat; border:0px;}
input#newsletter_submit:hover, input#newsletter_submit.active{cursor:pointer; background:url(../img/btn_footer_hover.jpg) top left no-repeat;}

ul#navigation_footer{}
ul#navigation_footer li{display:inline; float:left;}
ul#navigation_footer li a{display:block; float:left;}
ul#navigation_footer a:hover{}
ul#navigation_footer li a span{display:none;}
ul#navigation_footer li.btn_links a{width:51px; height:21px; background:url(../img/btn_footer.jpg) -229px 0px no-repeat; margin-right:4px;}
ul#navigation_footer li.btn_links a:hover, ul#navigation_footer li.btn_links a.active{background:url(../img/btn_footer_hover.jpg) -229px 0px no-repeat;}
ul#navigation_footer li.btn_kontakt a{width:50px; height:21px; background:url(../img/btn_footer.jpg) -116px 0px no-repeat; margin-right:4px;}
ul#navigation_footer li.btn_kontakt a:hover, ul#navigation_footer li.btn_kontakt a.active{background:url(../img/btn_footer_hover.jpg) -116px 0px no-repeat;}
ul#navigation_footer li.btn_impressum a{width:63px; height:21px; background:url(../img/btn_footer.jpg) -166px 0px no-repeat;}
ul#navigation_footer li.btn_impressum a:hover, ul#navigation_footer li.btn_impressum a.active{background:url(../img/btn_footer_hover.jpg) -166px 0px no-repeat;}
ul#navigation_footer li.btn_agb a{width:51px; height:21px; background:url(../img/btn_footer.jpg) -280px 0px no-repeat; margin-left: 4px;}
ul#navigation_footer li.btn_agb a:hover, ul#navigation_footer li.btn_agb a.active{background:url(../img/btn_footer_hover.jpg) -280px 0px no-repeat;}

ul#navigation_social_links{}
ul#navigation_social_links li{display:inline; float:left;}
ul#navigation_social_links a{float:left; margin:0px 2px;}
ul#navigation_social_links a:hover{}

form#kontaktform{width:252px;}
form#kontaktform p{margin-bottom:5px;}
form#kontaktform label{display:none;}
form#kontaktform input, form#kontaktform textarea{font-size:10px; width:242px; border:1px solid #b6b6b6; height:19px; line-height:19px; padding:0px 5px; font-family:Verdana, Arial, Helvetica, sans-serif;}
form#kontaktform textarea{height:100px;}
form#kontaktform input#submit{width:60px; border:1px solid #fff; background:#F29400; color:#fff; float:right; padding-bottom:4px; display:block;}
form#kontaktform input#submit:hover{cursor:pointer; background:url(../img/btn_submit_hover.jpg) top left no-repeat #000;}

.buttonsunten {
	font-size: 10px; 
	font-weight: bold; 
	border: solid 1px #ffffff; 
	padding: 4px 5px 5px 5px; 
	margin-right: 4px;
}
.buttonsunten:hover {
	background-color: #000000;
}