@charset "UTF-8";
/* CSS Document */


* { margin:0 auto; padding:0; border:0 none; }

body {background-color:#000; background-image:url(../images/bg.jpg); background-repeat:repeat-x; background-color:#000; height:100%;}

container {margin:0 auto; padding:0; border:0 none; width:900px; height:auto;}  

.head { background-image:url(../images/head.png); height:273px; width:1000px; margin:0 auto;}

.body {background-image:url(../images/body.jpg); height:840px; width:1000px;}

.banner {height:90px; width:auto;  margin-left:135px; margin-bottom:20px;  } 

.content {float:left; margin-left:70px; width:480px;}

.content img {float:left; padding-right:10px; padding-bottom:20px;}

.bild_rechts img{ margin-right:0px; padding-right:0;}

.sitebar {float:left; width:360px; margin-left:20px; /* background-color:#FFF;*/ height:100%; }

.werbung { width:360px; /* background-color:#999;*/ border-top:#777 solid 25px; height:300px;  margin-bottom:20px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;}

.werbung a { padding-left:35px;}

.werbung img {padding-top:20px;}

.werbung_headline p { margin:0 auto; vertical-align:middle; color:#FFF; text-align:center; margin-top:-20px;}

.samll1 {width:170px; height:100px; background-color:#0F0; float:left;}

.samll2 {width:170px; height:100px; background-color:#0F0; float:left; margin-left:20px;}

.genre { width:360px; /*background-color:#999;*/ border-top:#777 solid 25px; height:auto;  margin-bottom:20px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;}

.genre_headline p { margin:0 auto; vertical-align:middle; color:#FFF; text-align:center; margin-top:-20px; margin-bottom:20px;}

.tag { width:360px; /*background-color:#999;*/ border-top:#777 solid 25px; height:300px; margin-bottom:20px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;}

.tag a:hover { color:#999; text-decoration:none;}

.tag a {color:#FFF; text-decoration:none; line-height:1.3em;}

.tag_headline p { margin:0 auto; vertical-align:middle; color:#FFF; text-align:center; margin-top:-20px; margin-bottom:20px;}

.bild_container {padding-top:20px;}

.start_button img {margin-top:80px; padding-left:200px;}


/* Text */

h1 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; color:#FFF; padding-bottom:15px;}

h2 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; color:#FFF; padding-bottom:10px;}

h3 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; padding-bottom:8px;}

p {font-size:14px; color:#FFF; line-height:1.2em; font-family:Verdana, Geneva, sans-serif; color:#FFF; font-weight:300; }

#inf {color:#FFF; text-decoration:none;}

.lit { color:#FFF; text-decoration:none; font-weight:800;}


/* Table */

table {width:360px; font-size:14px; color:#FFF; line-height:1.2em; font-family:Verdana, Geneva, sans-serif; }

table a {color:#FFF; text-decoration:none;}

tr {padding:8px 5px; font-size:12px;} 

th {text-align:left; padding-left: font-weight:bold;}

td {text-align:left;}






/* NAVIGATION */


.navi {padding-top:56px; padding-left:50px;}

ul {list-style:none; }

ul#navigation { float:left; /*background:#f00;*/ width:900px; height:52px;}

#navigation li { float:left; width:150px; height:100%; }

#navigation a {color:#000; text-decoration:none; display:block; /*padding: .4em .5em;*/ text-align:center; position:relative; background:#666; height:32px; border-right:1px #000 solid; padding-top:10px; font-family:Verdana, Geneva, sans-serif; font-size:16px;}

#navigation a:hover {background:#333;}

#navigation li li {float:none;}

#navigation li li a {background:#666; color:#fff; border-right:none; border-bottom:#999 solid 1px; padding-top:4px; height:20px; font-size:12px; }

#navigation li li a:hover {color:#000;}

#navigation ul {position:absolute; left:-9999px; }

#navigation li:hover ul {left:auto; top:10px;}

#navigation a b {display:block; position:absolute; width:100%; height:52px; left:0; top:0px;}



/* tag */



.klein { font-size:12px;}

.mittel { font-size:14px;}

.gross { font-size:16px;}

.big { font-size:20px;}


/* footer */

.footer p {font-size:10px; color:#999; margin-bottom:5px;}

.footer a {color:#999; text-decoration:none;}


/* gutschein */

.gutschein p {text-align:center;}



/* FORMULAR */


.form {	margin-top:10px; font-size:14px; color:#FFF; line-height:1.2em; font-family:Verdana, Geneva, sans-serif; color:#FFF; font-weight:300; }
		
.form  #firma, #name, #vorname, #land { margin-left:3px; padding-left:3px; padding-top:3px; min-width:255px; font-size:14px; font-family:Verdana, Geneva, sans-serif; font-size:11px; line-height:1.5em;}		
						
textarea { padding:5px; }
	
	
.ein { height:25px; width:auto; margin-bottom:17px; padding-top:5px;}
	
.zwei { width:70px; float:left; padding-right: 30px;}
	
.drei {	width:190px; padding-bottom:20px; font-size:16px; left:0;}			
	

.form .submit {background-color:#eef0ed; color:#000; border:1px solid #666; display:inline; padding-bottom:20px; padding-top:5px;
	padding-left:4px; padding-right:4px; margin:10px 30px 30px 0; font-size:14px; font-family:Verdana, Geneva, sans-serif; font-size:11px; line-height:1.5em; }	
	
	
.textbox  {	margin-top:-25px; margin-left:103px; border:#666 solid 1px; font-size:14px; color:#000; line-height:1.2em; font-family:Verdana, Geneva, sans-serif; font-weight:300; }	
	
input {	height:20px; border:#666 solid 1px;}

	
.felder{ height:150px; width:390px; margin-left:0; margin-bottom:70px;}

.bemerkung p {margin-top:20px; padding-top:50px; }

.senden {margin-left:1px; margin-top:-38px; }

.senden input:hover {background-color:#ddd;}