/* CSS Document */

/* Stylesheet
www.beyer-klaviere.de
Autor: Uwe Hapke | http://wwww.uwehapke.de
Letzte Aenderung: 24.11.2008
*/


html,body{
   margin:0;
   padding:0;
   height: 101%;
}

body{
   font-family: 'Verdana', Arial;
   font-size: 13px;
   text-align:center;
   background-color:#e1e8e3;
}

div#header{
   position:relative;
   
   margin-bottom: 0px;
   border-top: 1px solid #000;
}

div#header h1{
   height:200px;
   background: #FFFFFF;
   color: #79B30B;
}


div#container{
   text-align:left;
}


div#content p{
    font-family: 'Verdana', Arial;
    font-size: 12px;
	color:#333;
    width: 450px;
	margin: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-left: 40px;
	padding-bottom: 10px;
    line-height: 18px;
}

div#content ul{
    font-family: 'Verdana', Arial;
    font-size: 12px;
	font-variant: small-caps;
	letter-spacing: 1px;
    width: 350px;
	margin-top: 10px;
	margin-left: 60px;
	padding-left: 30px;
    line-height: 16px;
}

div#content ol{
    font-family: 'Verdana', Arial;
    font-size: 12px;
	margin-left: 60px;
	line-height: 18px;
}

div#content li {
    list-style-Type: square;
	}

#content a {
    font-weight: normal;
    color:#993300;
	text-decoration: none;
	
	}
	
#content a:hover {
    text-decoration: none;
    font-weight: normal;
	color:#333;
	
	}
	
h1 {
    font-size: 23px;
	font-family: 'Georgia', Arial, Verdana;
	color:#666;
	font-weight:normal;
	width: 420px;
	line-height: 25px;
	margin-top: 55px;
	margin-left: 40px;
	}
	
h2 {
    font-size: 16px;
	font-family: 'Georgia', Arial;
	color:#666666;
	font-weight:normal;
	width: 420px;
	line-height: 22px;
	margin: 0px;
	margin-top: 10px;
	margin-left: 40px;
	}
	
h3 {
   font-size: 23px;
	font-family: 'Georgia', Arial, Verdana;
	color:#666;
	font-weight:normal;
	width: 420px;
	line-height: 25px;
	margin-top: 30px;
	margin-left: 40px;
	}


div#navi{
   text-align: left;
   font-family: 'Verdana', Arial;
   font-size: 12px;
   
   font-variant: small-caps;
   letter-spacing: 1px;
   
}

#navi ul {
    margin: 0;
	padding: 0;
    margin-left: 0px;
	padding-left: 50px;
	margin-top: 30px;
    font-weight: normal;
	line-height: 18px;
	list-style-position: ;
	list-style-type:none;
	}
	
#navi li {
   
	}
	
#navi a {
    color:#666;
    background: url(../images/qua_5.gif) no-repeat 0 50%;
	text-decoration: none;
    padding-left: 20px;
    
	}
	
#navi a:hover {
    text-decoration: none;
	background: url(../images/qua_aktiv_1.gif) no-repeat 0 50%;
	color:#000;
	}
	
#navi p {
    padding-left: 20px;
	font-family: 'Verdana', Arial;
	font-size: 10px;
	font-weight:normal;
	font-variant: none;
	line-height: 15px;
	color:#666;
	width: 80px;
	}
	
#ad p {
    font-family: 'Verdana', Arial;
    font-size: 10px;
	font-style: normal;
    color:#666;
	font-weight:normal;
	line-height: 13px;
	padding-left: 90px;
	margin-left: 0px;
	margin-top: 50px;
	margin-bottom: 20px;
	}
	
#ad a {
    color: #666;
	text-decoration: none;
    text-transform: uppercase;
	}	

div#footer{
   background-color:#fff;
   font-size: 9px;
   color: #999;
   border-top: 1px solid #ccc;
   margin-left: 40px;
   margin-right: 40px;
}


div#footer p{
   font-family: 'Verdana', Arial;
   font-size: 9px;
   color:#666;
   margin-left: 0px;
   padding-top: 8px;
   margin-top: 0px;
   padding-bottom: 30px;
   }
   
div#footer a {
   font-family: 'Verdana', Arial;
   font-size: 9px;
   color:#666666;
   text-decoration: none;
   }
   
div#footer a:hover {
    color:#000000;
	}

/*  Struktur  */

div#container{
   width:760px;
   margin:0 auto;
   background-color: #ffffff;
   margin-top: 20px;
   border-left: 1px solid #000;
   border-right: 1px solid #000;
   border-bottom: 1px solid #000;
}

div#content{
   float:left;
   width:520px;
   background-color:#fff;
   margin-bottom: 30px;
}

div#contenthome{
   float:left;
   width:490px;
}

div#navi{
   float:right;
   width:240px;
   background-color: #fff;
}


div#ad {
   float:right;
   width:240px;
   background-color: #ffffff;
   }

div#footer{
   clear:both;
   width:85%;
}

/*  Ende Struktur  */


.aktiv {
    font-family:'Verdana', Arial;
    font-size: 12px;
	font-weight: bold;
    line-height: 18px;
    font-variant: small-caps;
	letter-spacing: 1px;
    color: #000;
	padding-left: 20px;
	background: url(../images/qua_aktiv_1.gif) no-repeat 0 50%;
	}
	

	 
	
.small {
   font-size: 10px;
    width: 350px;
	margin-left: 30px;
	margin-top: -3px;
	}
	
form {
    background-color: #fff;
	width: 400px;
	text-align: left;
	font-family: "Verdana", Arial;
	font-size: 12px;
	color:#666666;
	margin-left: 40px;
	margin-bottom: 20px;
	}
	
label {
    display: block;
	padding-top: 10px;

	}
	
#absender {
    width: 300px;
	border: 1px solid #8c8c8c;
	background:#f7f7f7;
	}
	
#nachname {
    width: 300px;
	border: 1px solid #8c8c8c;
	background:#f7f7f7;
	}
	
#betreff {
    width: 300px;
	border: 1px solid #8c8c8c;
	background:#f7f7f7;
	}
	
#ort {
    width: 300px;
	border: 1px solid #8c8c8c;
	}
	
#tel {
    width: 300px;
	border: 1px solid #8c8c8c;
	}
	
#text {
    width: 300px;
	border: 1px solid #8c8c8c;
	margin-bottom: 10px;
	}
	
textarea {
    height: 7em;
	background:#f7f7f7;
	}
	
input:focus, textarea:focus {
    background-color: #e9e9e9;
	}
	
.mail {
    font-family: 'Verdana', Arial;
    font-size: 9px;
    color:#666666;
	}
	

.img {
    border: 1px solid #ccc;
	padding: 3px;
	}
	
.img1 {
    padding: 3px;
	margin:3px;
	border: 1px solid #ccc;
	}	


.oben {	
  text-align: left;
	margin-left: 40px;
	}
	

dl.bild {
    margin-left: 30px;
   
    }
  
 dt {
    margin-left: 10px;
	position: relative;
   }
	
 dd {
    text-align: center; 
    font-size: 9px;
    margin-right: 40px;
    padding-bottom: 15px;
	}
	
#tab {
    border-collapse: collapse;
	width:450px;
	margin-left: 35px;
    border: 0px;
    font-family: 'Verdana', Arial, Lucida Sans Unicode, sans-serif;
    font-size:12px;
	
    }

	
#tab td {
    border: 0px solid #000;
    background:white;
    text-align: left;
	padding: 8px;
    }
	
form {
    background-color: #fff;

	text-align: left;
	font-family: "Verdana", Arial;
	font-size: 12px;
	margin-bottom: 20px;
   
	}
	
label {
    display: block;
	padding-top: 10px;
	}
	
#absender {
    width: 300px;
	border: 1px solid #8c8c8c;
	background:#fff;
	}
	
#nachname {
    width: 300px;
	border: 1px solid #8c8c8c;
	background:#fff;
	}
	
#strasse {
    width: 300px;
	border: 1px solid #8c8c8c;
	background:#fff;
	}
	
#ort {
    width: 300px;
	border: 1px solid #8c8c8c;
	background:#fff;
	}
	
#tel {
    width: 300px;
	border: 1px solid #8c8c8c;
	background:#fff;
	}
	
#text {
    width: 300px;
	border: 1px solid #8c8c8c;
	margin-bottom: 10px;
	background:#fff;
	}
	
textarea {
    height: 7em;
	}
	
input:focus, textarea:focus {
    background-color: #e9e9e9;
	}