*{
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
color:#333333; 
line-height: 15px; 
font-size:11px;

}
a{
text-decoration: underline;
color:#2382c7;
}

.clear_div{
height:0px;
line-height:0px;
clear:both;
}

td{
vertical-align:top;
}

body{
background-color:#ffffff;
}

h1{
padding-right: 0px;
padding-left: 0px; 
font-weight: bold;
font-size: 14px; 
padding-bottom: 5px; 
width: 100%; 
color: #666666; 
padding-top: 20px;
line-height:20px;
}

h2{
font-weight: bold;
font-size: 12px; 
color: #666666; 
}

h4{

}

hr{
height: 1px;
border-top:1px solid #4c4c4c;
border-bottom:0px;
margin-bottom:7px;
margin-top:7px;
padding:0px;
line-height:0px;
}

* html hr{
margin:0px;
}

.content{
margin:0px;
margin-top:0px;
}

.content a{
text-decoration: underline;
}

.content ul{
padding-top:6px;
padding-bottom:6px;
padding-left:16px;
}

.content ul.nobullet li{
 list-style-type:none;
 margin-top:6px;
 margin-left:0px;
}

.content ol{
padding-top:6px;
padding-bottom:6px;
padding-left:18px;
}

* html .content ol{
padding-left:24px;
}

.content img{
padding-bottom:3px;
margin-bottom:-3px;
}

.content li{
margin-bottom:2px;
line-height:14px;
list-style-type: square;
}
.content li br{
line-height:6px;
}

div.infodivgif {
background-image:url(/images/info_hand.gif);
background-repeat:no-repeat;
padding-left:35px;
padding-bottom:4px;
}

.lead{
font-weight:bold;
}

.form_dank{
position:absolute;
top:250px;
left:210px;
border:1px solid #4c4c4c;
padding:20px;
background-color:#cee2f3;
width:350px;
height:100px;

}




/****************************/

.link_symbol{
margin-bottom:0px;
}

h2{
	font-weight: bold;
	padding-bottom:2px;
	padding-top:12px;

}



#alles{
border-right:1px solid #000000; 
border-bottom:1px solid #000000; 
width:1000px; 
background-image:url(/Bilder/leftmenu_bg.gif); 
background-repeat:repeat-y;
}

#hauptteil{
background-color:#FFFFFF;
width:530px;
float:left;
}

/***** Header *****/


#logo{
padding-top:12px;
height:64px;
width:217px;
}

/***** Header Suchbox und Informationsbox *****/

#searchbox{
display:block;
width:155px;
position:absolute;
top:46px;
left:757px;
font-size:11px;
}

#searchfield_symbol{
position:absolute;
left:155px;
padding-right:0px;
margin-right:0px;
padding-left:5px;
}

#searchbox a{
padding-left:5px;
}

#searchfield{
	font-size:11px;
	height:15px;
	width:100%;
	padding-left:5px;
	border: 0px none #D4D0C8;
	margin-bottom:3px;
}

/***** Hauptnavigation *****/
#navi_haupt{
height:25px;
background-image:url(http://www.fensterkeller.ch/Bilder/navi_top_bg.gif);
position:relative;
width:800px;
padding-left:200px;
text-decoration:none;
}


#navi_haupt li{
	display: block;
	float:left;
	border-left:1px solid #748dc3;
	height:25px;
	text-align:center;
	width:112px;
	text-decoration:none;
}
#navi_haupt li.activ a{
	color:#000000;
	text-decoration:none;
}

#navi_haupt li a{
list-style: none;
color:#FFFFFF;
font-size:11px;
line-height: 22px;
text-decoration:none;
}

/******* leftmenu ******/
#menu {
width: 201px;
background-color:#cee2f3;
margin-left:0px;
line-height:3px;
margin-top:23px;
margin-bottom:10px;
}

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

#menu li {
position: relative;
}

#menu li a{
border-bottom: 1px solid #e1ecf5;
}

#menu a{
font-size:11px;
display: block;
margin: 0px;
padding-left:15px;
line-height: 24px;
color:#748dc3;

text-decoration: none;
}

#menu ul ul a:hover {
color: #000000;
background-color:#b1c9e5;
}

#menu ul ul ul a:hover {
color: #000000;
background-color:#b1c9e5;
}
#menu ul ul ul.activeLevel3 a:hover {
color: #000000;
background-color:#b1c9e5;
}

/*Klasse wir auf ul auf Level 3 gesetzt. Dieser Level 3 Wird sichbar auf Level2 leich eingeruckt*/
#menu .activeLevel3{
display:block;
position:relative;
left:0px;
}

/* Klasse wird auf a gesetzt  Level 2 und 3*/
#menu .activeLink, #menu ul ul ul.activeLevel3 a.activeLink:hover, #menu ul ul a.activeLink:hover {
color:#000000;
}

#menu .activeLevel3 a{
padding-left:35px;
}

#menu ul ul ul li a {
padding-left:12px;
font-size:11px;
}
#menu ul ul ul.activeLevel3 {
background-color:#cee2f3;
}

#menu ul ul ul {
background-color:#b1c9e5;
display: none;
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

#menu ul ul li:hover ul{
display: block;
}





/* Sitemap */
#sitemap {
margin-left:0px;
}

#sitemap ul {
list-style:none;
margin-left:0px;
}

#sitemap ul ul {
position:relative;
margin-left:0px;
}

#sitemap ul ul ul {
position:relative;
margin-left:20px;
margin-bottom:0px;
}

.searchstring{
background-color:#FFFF00;
font-weight:bold;
}

#searchfield_symbol{
position:absolute;
padding-top:1px;
left:155px;
}

#searchfield{
font-size:11px;
height:15px;
width:140px;
margin-left:15px;
margin-bottom:3px;
}








/***** Formularfelder *****/

.kform{
width:250px; 
border:0px none #4c4c4c;
}

.kfrom br{
display:none;
}

.button{
background-color:#cee2f3;
border:2px solid #cccccc;
cursor: pointer;
width:auto;
}

.kform input,.kform textarea,.kform select{ 
position:relative;
left:90px;
top:-15px;
font-size:12px;
border:1px solid #4c4c4c;
width:99%;
margin-bottom:0px;
}

fieldset
{
 border: 1px solid #4c4c4c;
}

input.required, textarea.required {
	border: 1px solid #4c4c4c;
	width:99%;
	margin-bottom:3px;
}

input.validation-failed, textarea.validation-failed {
	
	border: 1px solid #FF0000;
	color : #FF3300;
	margin-bottom:0px;
}
input.validation-passed, textarea.validation-passed {
		
}

.validation-advice {
	
	border: 1px solid #FF3300;
	margin-top:6px;
	background-color: #FF3300;
	color : #FFF;
	width:99%;
	position:relative;
left:90px;
top:-15px;
	}

.custom-advice {
	
	position:relative;
left:90px;
top:-15px;
	border: 1px solid #FF3300;
	margin-top:6px;
	background-color: #FF3300;
	color : #FFF;
	width:99%;
	
}









input[type=text], select { 

} 

input.right { 
float: left; 
width: auto; 
clear: both; 
margin-left: 5.3em; 
margin-right: .3em; 
} 

input[type=checkbox].right, 
input[type=radio].right, 
input[type=submit].right { 

} 

form br { 

} 


