/* CSS Document */
body {
font-family: "Lucida Grande", Arial, sans serif;
font-size: x-small;
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;
text-align: center;
margin-top:20px;

}
html>body {
font-size: small;
}

#wrap {
width: 900px;
background: #fff;
margin: 0px auto;
text-align: left;
}



a {
font-weight:normal;
color:#666;
line-height: 150%;
text-decoration:none;
}

a:hover {
font-weight:normal;
color:#333;
line-height: 150%;
text-decoration:none;
}

.Stil1 {color: #333333}

h3 {
/*padding-left:0px;*/
font-size: 0.85em;
font-weight:normal;
color:#999999;
line-height: 150%;
}

h4 {
padding-left:20px;
font-size: 0.85em;
font-weight:normal;
color:#333;
}

h5 {
font-size: 0.9em;
font-weight:bold;
color:#666;
line-height: 150%;
}

h2 {
background: url(../images/zei.gif);
background-repeat: no-repeat;
background-position: 0 0px;
margin-top: 0px;
font-size: 1em;
font-weight: bold;
color:#666;
line-height: 150%;
padding-left: 25px;
}


#head {
background: url(../images/logo_sono.gif) left no-repeat;
height:120px;
}
	
ul#navigation
{
font-size: 1em;
margin-top:80px;
list-style-type: none;
float: right;
}
	
ul#navigation li { 
display: inline; 
font-size: 1em;
}
	
ul#navigation a
{
font-size: 1em;
padding-left:10px;
float: right;
text-decoration: none;
color: #999;
	}
	
ul#navigation a:hover
{
color: #000;
}

ul#navigation a#current
 {
color: #000;
}

ul#nav
{
font-size: 1em;
margin-top:15px;
list-style-type: none;
float: right;
}
	
ul#nav li {
font-size: 1em; 
display: inline; 
}
	
ul#nav a
{
font-size: 1em;
padding-left:10px;
float: right;
text-decoration: none;
color: #999;
	}
	
ul#nav a:hover
{
color: #000;
}

ul#nav a#current
 {
color: #000;
}

#content {
width:100%;
border-top: 1px solid #e6e6e6;
}

#ecken {
margin-top:10px;
margin-bottom:5px;
width:400px;
float:left;
padding: 10px 10px 0px 10px;
line-height: 120%;
/*background: #ccc;
overflow: hidden;*/
}

#ecken h1 {
font-size: 0.85em;
font-weight:normal;
color:#999999;
}

#ecken p {
font-size: 0.85em;
font-weight:normal;
color:#999999;
}


.content {
width:400px;
float:right;
text-align: right;
}
.content h1 {
font-size: 0.85em;
line-height:120%;
font-weight:normal;
color:#999999;
}


#footer {
border-top: 1px solid #e6e6e6;
height:40px;
clear: both;
}


#ecken table {
text-align:left;
font-size: 0.9em;
font-weight:normal;
/*position: relative;*/
	}
	
#ecken table a {
margin: 0;
padding-top: 0px;
padding-left: 0px;
color: #999;
text-decoration: none;
font-weight:normal;
 }

#ecken table a:hover {
color: #333;
}

#ecken table caption {
margin-top: 10px;
padding: 2px 0px;
text-align: left;
font-weight:normal;
	}
	
#ecken table th {
margin: 0px;
padding: 2px 0px;
text-align: left;
font-weight:normal;
background-color:#f0f0f0;
	}

#ecken table td {
margin: 0px;
padding: 2px 0px;
text-align: left;
font-weight:normal;
	}
	
#ecken table th {
color: #999;
text-align: left;
font-weight:normal;
	}

#ecken table .name {
text-align: left;
color:#666;
background-color: #fef8f7;
font-weight:normal;
	}
	
#ecken table tr {

font-weight:normal;
	}
	
#ecken table tr.alt {
font-weight:normal;
background-color: #fef8f7;
color:#999;
	}
	
#ecken table td a {
display: block;
font-weight: bold;
font-weight:normal;
	}
/*test ecken*/
        #ecken { width:400px ; background:#fef8f7; padding:1em; position: relative; float:left; margin-top: 25px; margin-bottom:25px; }
	    #ecken img { position:absolute; }
		#ecken img.eck1 { top:0; left:0; }
		#ecken img.eck2 { top:0; right:0; }
		#ecken img.eck3 { bottom:0; left:0; }
		#ecken img.eck4 { bottom:0; right:0; }


		
/*Formular*/
.contactleft {
width:25%;
clear:both;
float:left;
display:inline;
padding: 0px 4px;
margin:10px 0;
text-align:right;
}

.contactright {
width: 70%;
text-align: left;
float:right;
display:inline;
padding: 0px 4px;
margin:4px 0;

}

input. textarea {
border: 1px solid #ccc;
}

span. required {
color:##fff;
font-size: 2em;
}

.label {
color: #666;
font-weight: bold;
padding: 0px 5px;
}

.contactform #Name.
.contactform #Adresse.
.contactform #PLZ.
.contactform #Stadt.
.contactform #Email.
.contactform #Telefon.
.contactform #Feedback
{
background: #fff;
width: 80%;
padding: 0px 5px;
color: #333;
border: 1px solid #ccc;
}

.contactform #Name:hover.
.contactform #Email:hover.
.contactform #Feedback:hover
{
background: #ccc;
width: 80%;
padding: 0px 5px;
color: #333;
border: 1px solid #ccc;
}

#text2 { font-size:2.5 em; }
#starttext { background-color:#663300; }