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

/*   ====================================================================
CSS Document for screendesign by Tanner Design
Last Update: 25.10.2012
Author: Anita Tanner
Media: Screen

Structure: 	  1 Kalibrierung
              2 Allgemeine Definitionen
			  3. Anchors
		      4. Screendesign
		      5. Navigation	
			  6. Form
 ======================================================================== */

/* ==========================================
   1. Kalibrierung
   ========================================== */
*{
	margin:0;
	padding:0;
	border:0;
}
html{
	height:100%;
	margin-bottom:1px;
}
body{
	height:100%;
	width:100%;
}
/*****Abstand nach unten****/
h1,h2,h3,p,ol, ul{
	margin-bottom:1em;
}
/****Verschachtelte Listen**********/
ul ul, ol ol{
	margin-bottom:0;
}
/*****Liste****/
li{
	margin-left:1em;
}	



/* ===========================================
   2. Allgemeine Definitionen
   =========================================== */
*{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
	color:#564b47;
	
} 
body{
	background-color:#ccc;
	background-image:url(../styleimage/hintergrund.jpg);
	background-attachment:fixed;
}
h1,h2,h3{
	font-weight:bold;
	color:#fff;
}
h1{
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
	font-size:28px;
	margin:6px 0 18px 0;
}
h2{
	font-size:18px;
	margin:6px 0 12px 0;
	font-family:"Times New Roman", Times, serif;
}
h3{
	font-size:16px;
	margin:6px 0 9px 0;
}
p{
	margin:5px;
}

strong{
	color:#564b47;
	font-size:14px;
	
}
em{
	font-style:italic;
	color:#564b47;
}
address{
}
blockqoute{
}
q{
}
	
	


/* ===========================================
   3. Anchors
   =========================================== */
a{
	text-decoration:underline;
	color:#eea332;
}
a:hover{
	text-decoration:none;
	color:#e20074;
}
#footer a{
	color:#903;
	text-decoration:none;
}



/* ===========================================
   4. Screendesign
   =========================================== */
#wrapper{
	bottom:0;
	position:relative;
	width:960px;
	height:100%;
	margin:0 auto;
	
}
#header{
	position:fixed;
	width:960px;
	height:351px;
	background-image:url(../styleimage/hintergrund.jpg);
	background-attachment:fixed;
	padding-top:5px;
	z-index:1;
}
#logo{
	top:280px;
	left:20px;
	z-index:2;
	position:absolute;
}
#menu{
	top:356px;
	left:0;
	width:100%;
	height:30px;
	background-color:#666;
	border-style:solid;
	border-color:#24f14c;
	border-width:5px 0;
	z-index:10;
}
#footer{
	bottom:0;
	position:fixed;
	width:960px;
	height:25px;
	background-color:#ccc;
	text-align:center;
	padding-top:5px;
	border-top:5px solid #24f14c;
	z-index:1;
}
#content{
	width:960px;
	height:100%;
	background-color:#ccc;
	z-index:-10;
	position:fixed;
}
#left{
	top:420px;
	position:absolute;
	width:490px;
	height:100%;
	padding:0px 60px 10px 60px;
	z-index:0;
}
/*#right{
	top:420px;
	left:480px;
	position:absolute;
	width:460px;
	height:100%;
	padding:10px 10px 40px 10px;
	z-index:0;

}*/
.month{
	font-weight:bold;
}
.miete{
	padding-top:580px;
}





/* ===========================================
   5. Navigation
   =========================================== */
#menu ul{
	list-style:none;
	position:relative;
}
#menu li{
	height:20px;
	margin:0 0 5px 0;
	width:135px;
	float:left;
}
#menu a{
	display:block;
	height:22px;
	padding:5px 0 2px 5px;
	width:135px;
	color:#fff;
	text-decoration:none;
	font-size:14px;
	line-height:16px;
	text-align:center;
}
#menu a:active{
	color:#e20074;
}
#menu a:hover, a:focus{
	background-color:#333;
	color:#e20074;
}
.sub{
	position:absolute;
	left:-9999px;
	float:left;
}
#menu ul ul{
	width:200px;
	background-image:url(../styleimage/submenu.png);
	background-repeat:repeat;
}
#menu li:hover ul.pos2{
	left:0;
	top:-88px;
	height:61px;
	z-index:10;
}
#menu li:hover ul.pos6{
	left:0;
	top:-110px;
	height:83px;
	z-index:10;
}

#menu ul ul a{
	width:200px;
	text-align:left;
}
#menu ul ul a:hover, a:focus{
	width:195px;
	text-align:left;
}

/* ===========================================
   6. Form
   =========================================== */
fieldset{
	 width:750px;
	 display:block;
	 margin-bottom:6px;
	 padding:10px;
	 border-style:groove;
	 border-width:1px;
	 border-color:#666;
	 font-size:14px;
 }
 legend{
	 margin-left:10px;
	 padding:0 10px;
	 color:#564b47;
 }
 label{
	 margin-left:12px;
	 cursor:pointer;
	 color:#564b47;
	 float:left;
	 width:100px;
 }
 input{
	 background-color:#fff;
	 width:250px;
	 height:20px;
	 margin-bottom:6px;
	 margin-left:20px;
	 /*border-width:1px;*/
	 border-style:solid;
	 border-color:#fff;
 }
 select{
	 background-color:#fff;
	 width:300px;
	 float:left;
	 margin-bottom:6px;
	 margin-right:5px;
	 border-width:1px;
	 border-style:solid;
	 border-color:#24f14c;
 }
.error{
	 display:block;
 }
[type=checkbox]{
}

#send{
	width:100px;
	margin:8px;
	background-color:#564b47;
	color:#24f14c;
	text-transform:uppercase;
	border-radius:10px;
	cursor:pointer;
}

textarea{
	width:350px;
	margin-left:20px;
}