/* css created by youna baik 2008 */
/* youna.baik@sacchidesign.ch */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by/2.0/deed.en */


/*------------------- CSS RESET ---------------------
---------------------------------------------------*/

* {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: normal;
text-align:left;
font-family: Verdana,Arial,Helvetica,sans-serif;
}


body {
min-height: 101%;
}

html {
height:100.1%;
}



/*------------------- Schriften ---------------------
---------------------------------------------------*/

h1 {
font-size:2.0em;
text-align:center;
padding-top:12px;
}

h1 a{
text-decoration:none;
color:#000000;
}


h2 {
font-size:1.5em;
color:#999999;
padding-bottom:20px;
text-align:left;
}

h3 {
font-size:0.8em;
font-weight:bold;
text-align:left;
padding-bottom:20px;
}

h4 {
font-size:0.8em;
font-weight:bold;
text-align:left;
}


p {
font-size:0.8em;
line-height: 1.4em;
text-align:justify;
}



/*------------------- Layout ---------------------
---------------------------------------------------*/

body {	
color:#000000;

background-color: #ffffff; 
margin:0px;
text-align: center;
}


#container { 		
background-color:#FFFFFF;
margin:0 auto;
padding:0;
width:700px;

}


#head {
	height:70px;
	padding-top:20px;
	background-image:url(../image/logo.png);
	background-repeat:no-repeat;
	background-position:left;
}

/*------------------- Navigation ---------------------
---------------------------------------------------*/

#navcontainer {
height:30px;
}


#navlist
{
background-color:#eee;
position: relative;
width: 100%;
height: 20px;
white-space: nowrap;
}


#navlist li {
float: left;
margin: 0 ;
list-style-type: none;

}


#navlist li a {
display: block;
font-size:0.7em;
padding:0;
position:relative;
text-align:center;
text-decoration:none;
width:175px;
color:#000000;

}

#navlist li#active a {
font-weight: bold;
background-color: #ccc;
color: #000;
height: 20px;

}


#navlist li a:hover {
color: #000;
text-decoration: none;
background-color: #ccc;
font-weight:bold;
height: 20px;
}


#navlist li#active a:hover { 
color: #000; 
height: 20px;
}


#subnavlist {
background-color: #FFFFFF;
position: relative;
width: 100%;
height: 20px;
margin: 0;
padding: 0;
white-space: nowrap;
}


#subnavlist li {
float: left;
margin: 0 ;
list-style-type: none;
}


#subnavlist li a {
color:#999999;
display:block;
font-size:0.7em;
height:20px;
padding:0;
position:relative;
text-align:center;
text-decoration:none;
width:175px;
}


#subnavlist li a:hover {
color: #000;
text-decoration: none;
border-bottom:1px;
border-bottom-style:solid;
border-bottom-color:#999999;
height:19px;
}

/**************************/
#bestellen{
color:#999999;
display:block;
height:20px;
padding-left:350px;
position:relative;
text-align:center;
text-decoration:none;
width:175px;
}
/**************************/

#subnavlist li#active a {
font-weight: bold;
color: #000;
height: 19px;
border-bottom:1px solid #999999;

}

#subnavlist li#active a:hover 
{ 
color: #000; 
height: 19px;
border-bottom:1px solid #999999;
}





/*------------------- Inhalt ---------------------
---------------------------------------------------*/

#inhalt {
text-align: left;
padding: 40px 0 0 0 ;
width: 700px;
background-color: #ffffff;
clear: both;
min-height:400px;
}

#inhalt a {
color: #999999;
text-decoration:none;

}

#inhalt a:hover{
color: #000000;
}



.kasten1 {
margin:0px;
padding:0;
width:700px;
}

.kasten1 p {
margin:0 0 0 160px;
padding:0;
}


.bild {
border: none;
float:left;
margin-right: 20px;
font-size:0.8em;
font-style:normal;

}




.linie {

border-bottom :#666666 solid 1px;




}


.antifloat {
clear:left;
}




.bestellen{
color:#999999;
}

.bold{
font-weight:bold;
}

.boldbig{
font-weight:bold;
font-size:1em;
}

span{font-style:italic;}

td { padding: 3px 8px 3px 0; }
.error { color:red; background:inherit; }




/*------------------- Sprachewechsel ----------------
---------------------------------------------------*/




#sprachwahl {
text-align:right;
height:30px;
}

.Sprachwahl {
color: #CCCCCC;
text-decoration:none;
font-size:0.7em;
font-weight:normal;
line-height:15px;

}

.Sprachwahl a:hover{
color: #000000;
text-decoration:none;
font-size:0.7em;
font-weight:normal;
line-height:15px;

}

.Sprachwahlaktiv{
text-decoration:none;
font-size:0.7em;
color:#000000;

}


/*------------------- Fusszeile ---------------------
---------------------------------------------------*/

#fusszeile {
height:10px;
width: 700px;

}

.fusszeile {
text-align: center;
font-size:0.6em;
color:#999999;
margin-top:50px;
text-decoration:none;
border-top:1px;
border-top-color:#CCCCCC;
border-top-style:dotted;
padding-top:5px;
clear:both;
}

.oben {
text-align: right;
font-size:0.7em;
text-decoration:none;
padding-top:20px;


}

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

.oben a:hover{
border-bottom:thin;
border-bottom-color:#999999;
border-bottom-style:solid;
}

/*------------------- Fusszeile ---------------------
---------------------------------------------------*/




#tabelle{
font-size:0.8em;
line-height: 1.4em;

}

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

#tabelle a:hover{
text-decoration:none;
color: #000000;
}