/* @override http://www.tonundart.ch/fileadmin/template/tonundart.css */

/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */
/*
Farben
hellgelb F7F6EB
*/
html, body, #wrap {
height: 100%;
margin: 0; 
padding: 0;
font-family: "Trebuchet MS", Arial, SunSans-Regular, Sans-Serif; 
letter-spacing: 0.15em; 
font-size: 11px; 
background-color: #fff;
}

body > #wrap {
height: auto; 
min-height: 100%;
color: #000; 
margin: 0; padding: 0; 
}

#main {padding-bottom: 30px;}  /* must be same height as the footer */
#main {width:1050px;

	margin-left:0;
	margin-right:0;
	clear:both;
	padding-right:0;
	padding-left:0;
	
}
td {font-size: 11px}
td a{font-size: 11px}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
	
	
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


a {color: #000;
text-decoration: underline;}
a:visited {color:#000;
text-decoration: underline;}
a:hover {
text-decoration: underline;}


h1 {
margin:0 }

h2   { font-size: 12px; font-weight: bold; margin-top: 15px; margin-bottom: 2px }
p  { margin-top: 5px; margin-bottom: 5px }
h3  { font-size: 12px; font-weight: bold; margin-bottom: 5px }
h4   { font-weight: bold; margin-top: 2px; margin-bottom: 0 }
img.download {vertical-align:middle;}


/* ----------banner for logo-------------- */
/* ----------logogroesse: -------------- */

#banner {

margin: 0px;
background-repeat: no-repeat;
height: 90px;
/*background-color: blue; */
z-index: 100;
padding:0 0 0 30px;
}
#banner img {} 

/* -----------------Inhalt--------------------- */
#kerzenstaenderText 
{position:absolute; top: 630px; left: 450px; width: 600px;
}
#see074 { position: absolute; z-index: 10; top:660px; left:985px; width: 100px; height: 30px; visibility: visible }
#bestellen  { position: absolute; z-index: 9; top: 660px; left: 260px; width: 100px; height: 30px; visibility: visible }   
#staenderfarbenSelect  { position: absolute; z-index: 9; top:580px; left:260px; width: 100px; height: 30px; visibility: visible }   

	
	.ausgleich{
line-height: 22px;
}

#content {
background: orange;
float:left;
width:425px;
padding:5px 40px 0 0;
background-color: white;
z-index: 100;
line-height: 16px;

}
.bodytext{
line-height: 16px;
color: #000;
}
.bodytext a{
line-height: 16px;
color: #000;
text-decoration: underline; }


#content a{text-decoration: underline; 
color: #000;
}
#content p{clear: both;}

#content img   { padding: 0 0 20px 0; 
float: left;
}

#content li img   { padding: 15px 10px 0px 0; float: left }
#content img.klein  { padding: 5px 5px 0px 0; float: left }
.csc-mailform-field{width: 400px;}
#content h1.csc-firstHeader{
font-size: 11px;}


form{padding: 0;
margin: 0;
width: 420px;
}
fieldset {

border-left: 0;
border-right: 0;
border-bottom: 0;
border-top: 30px solid white;}
.tx-indexedsearch .searchbox-tmpl-css LABEL { float:left; }



#content form input   { 
width: 250px;
float: right;
background-color: #ffffff; 
border-top: 0px solid; 
border-right: 1px solid #AE540B; 
border-bottom: 1px solid #AE540B; 
border-left: 0px solid; 
	padding-top: 0px;
}
#content form input checkbox  { 
width: 20px;
float: right;
background-color: #ffffff; 
border-top: 0px solid; 
border-right: 1px solid #AE540B; 
border-bottom: 1px solid #AE540B; 
border-left: 0px solid; 
	padding-top: 0px;
}

#content form input.check { 
width: 20px;
background-color: #ffffff; 
border-top: 0px solid; 
border-right: 1px solid #AE540B; 
border-bottom: 1px solid #AE540B; 
border-left: 0px solid; 
}
#content form input.name_kind { 
clear: both;
float: left;
width: 200px;
background-color: #ffffff; 
border-top: 0px solid; 
border-right: 1px solid #AE540B; 
border-bottom: 1px solid #AE540B; 
border-left: 0px solid; 
clear:both;}

#content form input.absenden_kontakt { 
clear: both;
width: 250px;
background-color: #ffffff; 
border-top: 0px solid; 
border-right: 1px solid #AE540B; 
border-bottom: 1px solid #AE540B; 
border-left: 0px solid; 
}


/*#content form input.submit  { 
width: 180px;
float: right;
background-color: #00cc00; 
border-top: 0px solid; 
border-right: 1px solid #AE540B; 
border-bottom: 1px solid #AE540B; 
border-left: 10px solid white; 
}




#content form input.kurz { 
width: 200px;
background-color: #ffffff; 
border-top: 0px solid; 
border-right: 1px solid #AE540B; 
border-bottom: 1px solid #AE540B; 
border-left: 0px solid; 
}
#content form input.check2 { 
width: 30px;
background-color: #ffffff; 
border-top: 0px solid; 
border-right: 1px solid #AE540B; 
border-bottom: 1px solid #AE540B; 
border-left: 0px solid; 
}

*/
#content form textarea   { 
width: 250px;
float: right;
background-color: #ffffff; 
border-top: 0px solid; 
border-right: 1px solid #AE540B; 
border-bottom: 1px solid #AE540B; 
border-left: 0px solid;
margin-bottom: 15px; 
margin-top: 20px;
	padding-top: 0px;}

#content form select   { 
background-color: #ffffff; 
border-top: 0px solid; 
border-right: 1px solid #AE540B; 
border-bottom: 1px solid #AE540B; 
border-left: 0px solid }
#content input:focus, input:hover, textarea:focus, textarea:hover
	{
		background-color: #AE540B;
	}


/*#text { padding: 0; float: right }
#bild{ padding: 0 10px 10px 0; float: left }*/



#clr {
   clear: both;
   width: 1px;
   height: 1px; 
   margin: 0;}
/*div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}
*/

/* --------------left navigavtion------------- */
#mainmenu {
float:left;
width:220px;
padding:0 0 0 40px;
/*background-color: green; */
z-index: 100;
line-height: 22px;
}
#mainmenu a{text-decoration: none;}
#mainmenu.menu_eng{
padding: 0;
width: 110px;}
#mainmenu a:hover{
text-decoration: underline;
color: #AE540B;
}
#mainmenu ul{
 list-style: none;
 margin: 0; padding: 0;

}
#mainmenu li{
 list-style: none;
 padding: 0;

}
#mainmenu li.nonactive-level1 a{
text-decoration: none;
color: #333333;
font-size: 12px;

}

#mainmenu li.nonactive-level1 a:hover{
text-decoration: underline;
color: #AE540B;

}

#mainmenu li.active-level1 a{
text-decoration: underline;
color: #AE540B;
font-size: 12px;
}

#mainmenu li.nonactive-level2 a{
font-size: 11px;
text-decoration: none;
color: #333333;
 margin: 0 0 0 12px; 

}

#mainmenu li.active-level2 a{
font-size: 11px;
 margin: 0 0 0 12px; 
 text-decoration: underline;
color: #AE540B;

}

#mainmenu li.nonactive-level2 a:hover{
text-decoration: underline;
color: #AE540B;

}

#mainmenu li.nonactive-level3 a:hover{
text-decoration: underline;
color: #AE540B;

}

#mainmenu li.nonactive-level3 a{
font-size: 11px;
text-decoration: none;
color: #333333;
 margin: 0 0 0 24px; 
}


#mainmenu li.active-level3 a{
font-size: 11px;
 margin: 0 0 0 24px; 
 text-decoration: underline;
color: #AE540B;
}

/* --------------right column------------- */

#content_rechts  { 
float:left;
width:280px;
padding:5px 0 0 0;
background-color: white; 
z-index: 100;
line-height: 16px;
}

/*div#content_rechts { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}*/
#content_rechts img { 
margin-top: 0px; 
margin-right: 5px; 
margin-bottom: 5px; 
}
#div.csc-textpic
{
background: #fff; width: 110px;
}
#legende { font-size: 10px; margin-top: 20px; width: 250px; clear: both }

/* -----------footer--------------------------- */


#footer {
color: #666;
position: relative;
margin-top: -30px; /* negative value of footer height */
height: 30px;
border-top: dotted #333 1px;
padding: 10px 0 0 40px;
font-size: 11px;
clear:both;}
	
#footer a{
color: #999; text-decoration: none;
}
#footer a:hover{
color: #999;
text-decoration: underline;
}

/*  -----------------------------tabellarische darst ------------------------*/
/* Danke fuer die Unterstuetzung von http://www.intensivstation.ch/css/tips/list-columns/ */
#content ul {
   list-style-type: none;
   padding: 0;
   margin: 0; }
   
#content li.linksbild {
   float: left;
   width: 280px;
   margin: 10px 0 0 0; }
   
    #content li.rechtsbild {
   float: left;
   width: 180px; 
   padding: 0;
   padding-left: 10px;
   margin: 10px 0 0 0;}


#content li.links_titel {
   float: left;
   width: 400px;
   font-weight: bold;
   margin: 10px 0 0 0; }
   
   #content li.links {
   float: left;
   width: 250px; 
   padding: 0;
   margin: 10px 0 0 0;}
        
 #content li.rechts {
   float: left;
   width: 250px; 
   padding: 0;
   margin: 10px 0 0 0;}
   
   
   #content li.links_bio {
   float: left;
   width: 80px;
   font-weight: bold;
   margin: 2px 0 0 0; }
   
     
   #content li.rechts_bio {
   float: left;
   width: 400px; 
   padding: 0;
   margin: 2px 0 0 0;}
  
#content li.clr {
   clear: left;
   width: 1px;
   height: 1px; 
   margin: 0;}
/* biografie tabellarische darst  ende */

/* verwaltung formular */