/* CSS lebens-raeueme.ch | Design und Umsetzung Kompatibel websolution */

/* Globale Einstellungen*/

body {
background:#336666;
background-image:url(images/background.gif);		
background-repeat:repeat-y;
background-position:center;
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
}

#container	{
width:950px;
margin:0 auto;
padding:0;
}

/*Formular*/
form{	
margin: 0px;
padding: 0px;
}

fieldset {	
width: 300px;
padding:0;	
margin: 0px;
border:none;
}	
			
legend 	{	
padding: 3px 6px;
margin: 0px;
font-size:0.875em;
letter-spacing:0.1em;
color:#333333;
		}	
		
label	{	
width: 80px;
float: left;
margin: 3px;
}	

select	{		
background-color:#FFFFCC;
border:none;
border-bottom: 1px dotted #33CCFF;
margin: 1px;
padding: 2px;
width:200px;
}

#news {
width:inherit;
}

.newsback {
background-color:#CCFFFF;
border-bottom: solid 1px #33CCFF;
height:20px;}


#news table {
margin:0;
padding:0;
width:100%;
border-collapse:collapse;
border:solid 1px #33CCFF;
}

#news table tbody {
margin:0;
padding:0;
}

#news table td {
border:solid 1px #33CCFF;
border-bottom:none;
padding:10px;
}

#newsbox {
width:inherit;
border:solid 1px #33CCFF;
background-color:#CCFFFF;
}

#newsbox td {
margin:0;
padding:5px;
}



/*Kontaktformular*/

.contactFormClass_text {
background-color:#FFFFCC;
border:none;
border-bottom: 1px dotted #33CCFF;
margin: 1px;
padding: 2px;
width:200px;
}


.contactFormClass_capacha {
background-color:#FFFFCC;
border: 1px dotted #33CCFF;
margin: 1px;
padding: 2px;
width:200px;
}

.contactFormClass_textarea {
background-color:#FFFFCC;
border:none;
border: 1px dotted #33CCFF;
margin: 1px;
padding: 2px;
width:675px;
}

#contactFormError {
width:200px;
margin: 1px;
padding: 2px;}


/*Sitemap*/

#sitemap {
width:inerit;
}

#sitemap ul {
margin:0;
padding:0;}


.sitemap_level_1 {
font-size:16px;
border-top:solid 1px #33CCFF;
list-style:none;
padding: 8px 0 8px 5px;
}

.sitemap_level_2 {
font-size:14px;
border-top:dotted 1px #33CCFF;
list-style:none;
padding: 5px 0;
}

/* Header */

#header	{
width:100%;
height:100px;
margin:0;
padding:0;
background-color:#CCFFFF;
background-image:url(images/logo.gif);
background-repeat:no-repeat;
border-bottom:solid 6px;
border-color:#33CCFF;
}

.metanavi {
padding:85px 0 0 760px;
height:20px;
font-size:10px;
color:#999999;
}

.metanavi a {
text-decoration:none;
color:#999999;
}

.metanavi a:hover {
color:#666666;
}

.unsichtbar {
color:#CCFFFF;
}

/* Container fuer Navigation und Content */

#container2 {
width:950px;
margin:0;
padding:0;
background-image:url(images/lichterschale.gif);
background-repeat:no-repeat;
background-position:top right;
}

/* Navigation */

#navigation {
width:200px;
float:left;
margin:20px 0;
padding:0;
}

#navigation ul	{
list-style-type:none;
margin:0;
padding:0;
}

#navigation ul li ul {
margin: 5px 0 10px 0;
}

/* Content */

#content {
width:700px;
margin:20px 0 0 235px;
padding:0;
font-size:12px;
line-height:150%;
color:#333333;
}

#content p {
margin:5px 0;
padding:0;
}

#content h1 {
font-size:16px;
margin:0 0 20px 0;
padding:0;
}

#content h2 {
font-size:14px;
margin:20px 0 10px 0;
}

#content h3 {
font-size:12px;
margin:10px 0;
}

#content h4 {
font-size:11px;
margin: 10px 0;
}

#content h5 {
font-size:10px;
margin:10px 0;
}

#content a {
text-decoration:none;
color:#33CCFF;
}

#content a:hover {
color:#666666;
}

.bild {
float:right;
margin:0 20px 20px;
}

#kontakt {
float:right;
width:300px;
border: solid 1px #33CCFF;
margin:0 20px 0 0;
}

#kontakt p {
margin:10px 20px;
font-size:14px;
}

#kontakt-logo {
height:55px;
width:300px;
background-color:#CCFFFF;
border-bottom:solid 2px #33CCFF
}

#kontakt-logo p {
padding:10px 20px;
margin:0;
line-height:150%;
}