/* Farben

anthrazit): #2d2d2d2

grau (lines); #6c6c6c

blau: #7f9fcc



 */



* {
 margin: 0;
 padding: 0;
}



html {
 margin: 0;
 padding: 0;
 min-height: 100%; 
 margin-bottom: 1px;
 width: 100%

	 }



body {
 margin: 0;
 padding: 0;
 background: #fff;
 font-family: "Trebuchet MS", Trebuchet, Arial, Tahoma, Verdana, sans-serif;
 font-size: small;
 color: #2d2d2d;
 background: #fff;
 text-align: center;
 }

 

a:link, a:visited {
 color: #7f9fcc;
 }

 

a:hover, a:active {
 color: #2d2d2d;
 text-decoration: underline;
 } 



.seitenanfang {
 margin: 20px 0 0 0;
}



.seitenanfang a {
 padding: 0 0 0 10px;
 color: #7f9fcc;
 text-decoration: none;
 

 }

 

.seitenanfang a:hover{
 padding: 0 0 0 10px;
 color: #8d8d8d;
 } 

 

h1 {
 color: #7f9fcc;
 font-size: 130%;
 letter-spacing: 0.05em;
 line-height: 1.3em;
 margin: 0 0 12px 0;
 padding: 0;
}





h2 {
 font-size: 110%;
 line-height: 1.2em;
 color: #7f9fcc; 

 font-weight: bold;
 margin: 15px 0 8px 0;
}



h3 {
 font-size: 100%;
 font-weight: bold;
 margin: 15px 0 10px 0;
 color: #000;
}



p {
 font-size: 100%;
 margin: 0 0 8px 0;
}



ul {
 list-style: none;
}



li {
 line-height: 1.6em;
}





img {
 border: 0;
}



strong {
 font-weight: bold;
 color: #7f9fcc;
 

}

 

.floatleft {
 float: left;
}



.floatright {
 float: right;
}



.clear {
 clear: both;
 

}





/* layout */



#wrapper {
 min-width: 550px;
 max-width: 950px;
 margin: 0 0 0 15px;
 padding: 0;
 text-align: left;
 }



#logo {
 border: 0;
 margin: 20px 0 0 0;
}



ul#mainnav {
 padding: 0;
 margin: 2em 0;
 list-style: none;
 font-size: 130%;
 font-weight: bold;
 }	 

 

ul#mainnav li{
 list-style: none;
 margin: 1em 0;
 } 



ul#mainnav li a{
 padding: 0;
 color: #2d2d2d;
 font-weight: bold;
 text-decoration: none;
 background: none;
 }

 

ul#mainnav li a:hover{
 color: #7f9fcc;
 font-weight: bold;
 }

 

ul#mainnav li.curr a{
 color: #7f9fcc;
 font-weight: bold;
 }



 

 

#b-home #col-1 {
 float: left;
 width: 35%;
 line-height: 1.4em;
 margin-bottom: 15px;
 background: #fff;
 }

 

#b-home #col-2 {
 float: right;
 width: 55%;
 line-height: 1.4em;
 margin-bottom: 15px;
 border-left: 20px solid #7f9fcc;
 background: #2d2d2d;
 color: #fff;
 }

 

#col-1 {
 float: left;
 width: 50%;
 line-height: 1.4em;
 margin-bottom: 15px;
 background: #fff;
 }

 

#col-2 {
 float: right;
 width: 35%;
 line-height: 1.4em;
 margin-bottom: 15px;
 border-left: 20px solid #7f9fcc;
 background: #2d2d2d;
 color: #969696;
 } 

 

#col-2 .abstand {
 margin: 0;
 border-left: 1px solid #fff;
 float: right;
 width: 100%;
 }

 

#col-2 h1 {
 border-bottom: 1px solid #6c6c6c;
 border-top: 1px solid #6c6c6c;
 padding: 10px 0 10px 20px;
 margin: 40px 0 10px 0;
}



#col-2 h1.first {
 border-bottom: 1px solid #6c6c6c;
 margin: 0 0 10px 0;
} 

#col-2 #bigpic {
    margin: 15px 0 15px 20px;
}
 

#col-2 .markenblock {
 width: 150px;
 width: 200px;
 float: left;
 margin: 15px 0 15px 20px;
 color: #fff;
 }

 

#col-2 .marke {
 height: 160px;
 height: 135px;
 }

 

#col-2 .markenblock ul {
 padding: 0;
}	 

 

#col-2 .markenblock li {
 padding: 0 0 .4em 0;
} 

 

#col-2 .markenblock li.nummer {
 color: #7f9fcc;
 }



#col-2 p {
 clear: both;
 color: #969696;
 margin: 0;
 padding: 10px 10px 10px 20px;
}



#col-2 p.doubleline {
 border-top: 1px solid #6c6c6c;
 border-bottom: 1px solid #6c6c6c;
}

 

#col-2 p.zoom {
 color: #969696;
 margin: 0;
 padding: 5px 0 10px 40px;
 background: url(../images/zoom.gif) no-repeat 15px 5px;
 border-bottom: 1px solid #6c6c6c;
}



#col-2 a.extern span {
 display: none;
}





#col-2 ul {
 clear: both;
 margin: 0;
 padding: 10px 10px 10px 20px;
}



#col-2 a:hover{
 color: #fff;
}



#col-2 img#sidepic {
 border: 1px solid #6c6c6c;
 padding: 2px;
}





ul.linklist {
 margin: 1.3em 0;
 list-style: none;
}



ul.linklist li {
 margin: 1em 0;
}



ul.linklist li a {
 background: url(../images/pfeil.gif) no-repeat 0 0;
 font-size: 110%;
 font-weight: bold;
 color: #7f9fcc;
 padding: 0 0 0 20px;
 text-decoration: none;
}



ul.linklist li a:hover {
 color: #2d2d2d;
}



#col-2 ul.linklist {
 margin: 0 0 0 15px;
}



#col-2 ul.linklist li a {
 background: url(../images/pfeil_col2.gif) no-repeat 0 0.1em;
}



#col-2 ul.linklist li a:hover {
 color: #fff;
}

 

dl {
 margin: 20px 0 0 0;
 clear: both;
 width: 100%;
 float: left;
}



dt {
 margin: .2em -30px 0 0;
 font-weight: bold;
 font-size: 130%;
 color: #7f9fcc;
 width: 1.8em;
 float: left;
}



dd {
 margin: 0 0 0 30px;
 width: 90%;
}



dd.preis {
 clear: both;
 margin: 0 0 0 30px;
 color: #7f9fcc;
 font-weight: bold;
 border: 1px solid white;
 padding: 1px 1px 1px 0;
 width: 90%;
}

dd.verkauft {
 color: #7f9fcc;
 font-weight: bold;
 }



/* - - - Formulare - - - */



form {
 margin: 0 0 30px 0;
 padding: 0;
}



fieldset {
 border: none;
 margin: 0;
 padding: 15px;
 overflow: auto;
}



legend {
 display: none;
}



label {
 margin: 0;
 padding: 0;
 width: 130px;
 float: left;
 clear: both;
}



input {
 border: 1px solid #7f9fcc;
 margin: 4px 0;
 padding: 2px;
 width: 270px;
 float: right;
 font-family: "Trebuchet MS", Trebuchet, Arial, Tahoma, Verdana, sans-serif;
 font-size: 12px;
 background: #d3e2f7;
}



input.button {
 width: 100px;
 height: 25px;
 background: #7f9fcc;
 color: #FFF;
 padding: 0;
 clear: both;
 cursor: pointer;
}



textarea {
 border: 1px solid #7f9fcc;
 margin: 4px 0;
 padding: 2px;
 width: 270px; 

 float: right;
 font-family: "Trebuchet MS", Trebuchet, Arial, Tahoma, Verdana, sans-serif; 

 font-size: 12px;
 background: #d3e2f7;
}



input:focus, textarea:focus {
 border: 1px solid #000;
}



#footer {
 clear: both;
 padding: 0;
 height: 40px;
 background: #fff;
 }



#footer p {
 padding: 10px 0;
 color: #7f9fcc;
 } 



#footer a {
 color: #7f9fcc;
 text-decoration: none;
 padding: 0;
 }

 

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