body, table, td, p {
	font: 11px Tahoma, Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	line-height: 1.5em;
}

body{
    background: #999 url(../bilder/bg_body.gif) center top repeat-y;
    text-align: center;
    margin: 0;
    padding: 0;
}

#container{
    margin: 0 auto;
    text-align: left;
    position: relative;
    width: 780px;
    background: #fff url(../bilder/bg_container.gif) center top repeat-y;
}

#hauptnavi {
    width: 780px;
    height: 30px;
    background: #000 url(../bilder/bg_head.gif) no-repeat;
}

#sprachauswahl {
    position: absolute;
    top: 3px;
    left: 10px;
}

#kopf {
    width: 780px;
    height: 90px;
    background: #fff;
    position: relative;
}

#rubriknavi{
    float: left;
    background: transparent url(../bilder/ecke_rechts_oben.gif) right top no-repeat;
    width: 220px;
    height: auto;
    min-height: 100px;
    _height: 100px;
    position: relative;
}

#suche {
    float: left;
    width: 540px;
    height: 30px;
    margin: 10px 0 0 20px;
    background: #F4B50D url(../bilder/ecke_links_unten.gif) left bottom no-repeat;
}

#inhalt {
    float: left;
    width: 520px;
    margin: 20px 0 0 20px;  
    min-height: 700px;
    height: auto;
    _height: 700px;
}

#websitelogo {
    position: absolute;
    top: 10px;
    left: 10px;
}

#anmeldung {
    position: absolute;
    top: 10px;
    left: 240px;
    width: 205px;
    height: 80px;
}

#warenkorb_klein {
    position: absolute;
    top: 10px;
    left: 465px;
    width: 150px;
    height: 80px;
    z-index: 10;
    background: transparent url(../bilder/warenkorb.gif) right top no-repeat;
}

#austauschbild {
    position: absolute;
    top: 10px;
    left: 595px;
    width: 175px;
    height: 80px;
    z-index: 5;
    text-align: right;
}

#footer {
    width: 780px;
    height: 21px;
    margin: 20px 0 0 0;
}


#hauptnavi ul {
    color: #fff;
    font-weight: bold;
    margin: 0 0 0 220px;
    padding: 8px 0 0 0;
    list-style: none;
}

#hauptnavi li {
    float: left;
    display: inline;
}

#hauptnavi a {
    color: #fff;
    text-decoration: none;
    margin-left: 25px;
    display: block;
}

#hauptnavi a:hover, #hauptnavi a.active {
    color: #F4B50D;
}

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

#sprachauswahl li {
    float: left;
    display: inline;
}

#sprachauswahl a {
    float: left;
    margin-right: 12px;
}

#listmenu ul {
    margin: 0 0 0 12px;
    padding: 0;
    list-style: none;
    font-weight: normal;
}

#listmenu ul li, #listmenu ul li a {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    color: #000;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
}

#listmenu ul li a{
    text-decoration: none;
}

#listmenu ul li a:hover {
    text-decoration: underline;
}

#listmenu ul li a.active {
    font-weight: bold;
    color: #331b85;
}

#listmenu ul li a.parentnode {
    font-weight: normal;
    color: #331b85;
}

#listmenu {
    margin: -12px 10px 0 -5px;
    overflow: hidden;
    width: 205px;
}


#inhalt ul {
    margin: 0;
    padding: 0 0 0 20px;
    position: relative;
}

#inhalt ul li {
  
}

p {
    margin: 0 0 1em 0;
    padding: 0;
    line-height: 1.3em;
}

h1{
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    margin: 0 0 1em 0;
    padding: 0;
    border-bottom: 1px solid #999;
}

h2{
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    margin: 0 0 1em 0;
    padding: 0;
}

h3{
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    margin: 0;
    padding: 0;
}   

a {
	color: #331B85;
	text-decoration: underline;
}

a:hover {
	/* color: #F4B50D; */
	text-decoration: none;
}

a img{
	border: none;
}	

a.lang_inactive img {
    filter : alpha(opacity=60);
    opacity : 0.60;
    -moz-opacity : 0.60;        
}

a.lang_inactive:hover img {
    filter : alpha(opacity=100);
    opacity : 1;
    -moz-opacity : 1;
}

form { 
	display:inline
}

.select_orange {
	font: 11px Tahoma, Arial, Verdana, Helvetica, Geneva, sans-serif;
    background: #F4B50D;
}

.select_white, .adresse select {
	font: 11px Tahoma, Arial, Verdana, Helvetica, Geneva, sans-serif;
    background: #fff;
}

#rubriknavi .select_orange {
    margin-top: 2px;
}

.sucheformular .select_orange {
    margin: 6px 5px 0 0;
}

.sucheformular .submit_login {
    margin: 6px 5px 0 0;
}

.sucheformular select.select_orange, .sucheformular input.input_suche {
    margin-bottom: 4px;
    font-size: 10px;
    float: left;
}

.links {
    float: left;
}

.rechts {
    float: right;
}

.mittel {
    width: 250px;
}

.breit {
    width: 300px;
}

.schmal {
    width: 200px;
}

.padding {
    padding: 10px;
}

.box_schmal {
    background: #fff url(../bilder/bg_box_body_narrow.gif) repeat-y;   
}

.box_mittel {
    background: #fff url(../bilder/bg_box_body_medium.gif) repeat-y;   
}

.box_breit {
    background: #fff url(../bilder/bg_box_body_wide.gif) repeat-y;   
}

.box_foot {
    background: #fff url(../bilder/bg_box_foot.gif) right top no-repeat;
    text-align: right;
}

.box_abstand {
    margin: 10px;

}

.box_abstand2 {
    margin: 10px;

}

.box_abstand3 {
    margin: 10px;

}

.box_abstand4 {
    padding: 10px;
}

.box_untertitel {
    width: 140px;
 
}

.box_schmal h2, .box_mittel h2, .box_breit h2 {
    font-size: 11px;
    text-transform: default;
    margin: 0;
    padding: 0 20px 0 10px;
    background: transparent url(../bilder/bg_box_head.gif) right top no-repeat;
    line-height: 20px;
}

.box_schmal h2 a, .box_mittel h2 a, .box_breit h2 a {
    color: #000;
    text-decoration: none;
}

.box_schmal h2 a:hover, .box_mittel h2 a:hover, .box_breit h2 a:hover {
    color: #331B85;
}

.produktbilder {
    width: 200px;
    margin-left: 10px;
    float: right;
    text-align: right;
}

.produktbilder img {
    margin-bottom: 10px;
}

.klein, .klein p, .klein h3 {
    font-size: 10px;
}

em {
    font-style: normal;
    font-weight: bold;
    color: #c00;
}

.durchgestrichen {
    text-decoration: line-through;
}

#anmeldung h3, #warenkorb_klein h3 {
    text-transform: uppercase;
    color: #331B85;
    line-height: 13px;
    border-bottom: 1px solid #999;
    margin-bottom: 5px;
}

#suche h3 {
    display: inline;
    font-size: 12px;
    text-transform: uppercase;
    margin: 0 5px 0 0;
    padding: 0;
    line-height: 30px;
    float: left;
}

#suche select, #suche input {
    display: inline;
}

.sucheformular {
    margin-left: 10px;
}

input.input_submit {
    font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-size: 11px;
    padding: 2px 1px 1px 1px;
    margin: 0;
    border: 1px solid black;
}

input.input_suche {
    font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-size: 11px;
    width: 190px;
    padding: 2px 1px 1px 1px;
    margin: 6px 5px 0 0;
    border: 1px solid black;
}

input.input_login {
    font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-size: 11px;
    width: 69px;
    margin: 0 5px 0 0;
    padding: 2px 1px 1px 1px;
    border: 1px solid black;
    float: left;
}

input.input_anzahl {
    font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-size: 11px;
    width: 18px;
    margin: 0 5px 0 0;
    padding: 2px 1px 1px 1px;
    border: 1px solid black;
    float: left;
}

input.submit_login {
    
}

input.kontakt, textarea.kontakt, .adresse input.input_text {
    font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-size: 11px;
    width: 170px;
    padding: 2px 1px 1px 1px;
    border: 1px solid black;
}

.breit label {
    width: 120px;
}

.schmal label {
    width: 50px;
    margin: 0;
}

.mittel label {
    width: 50px;
}

.rahmen {
	border: 1px solid black;
}

.datum {
	font-size: 10px;
	color: #808080;
}

.floatleft {
	float: left;
	margin-right: 10px;
	display: inline;
}

.floatright {
	float: right;
	margin-left: 10px;
	display: inline;
}

/* Kontaktformular */
.ausfuellen{
	border: 1px solid red ;
}

form label{
	cursor: pointer;
	cursor: hand;
}

form label.required {
  color: #c00;
}

form label.completed {
  color: black;
}

.formmailerror{
	border: 1px solid #c00;
	background: #FEF5E0;
	padding: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
}

label{
  position: relative;
	width: 170px;
	display: block;
	float: left;
	margin-bottom: 5px;
}

.kontakt {
    position: relative;
	width: 200px;
	display: block;
	float: left;
	margin-bottom: 5px;
}

.clearleft{
	clear: left;
}
/* Ende Kontakt */


#warenkorb table{
    border: 1px solid #000;
    width: 100%;
    border-collapse: collapse;
    empty-cells: show;
}

#warenkorb table th, #warenkorb table td {
    margin: 0;
    padding: 4px;
    vertical-align: top;
    border-bottom: 1px solid #000;
}

#warenkorb table thead th, table.direktbestellung thead th {
    background: #F4B50D;
    font-weight: bold;
    text-transform: uppercase;
}

#warenkorb table tbody tr.bkg_1 {
    background: #fff;
}

#warenkorb table tbody tr.bkg_2 {
    background: #efefef;
}

#warenkorb table tfoot td {
    text-align: right;
}

#warenkorb table tfoot th {
    text-align: right;
    font-weight: bold;
}

#warenkorb table tfoot td#gesamtpreis {
    color: #900;
    font-weight: bold;
}

#warenkorb table input, table.direktbestellung input {
    border: 1px solid #000;
    font-size: 11px;
    font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
    padding: 1px 2px;
}

#infos {
    width: 190px;
    float: right;
}

.adresse label {
    width: 120px;
}

table.table {
    width: 250px;
    
}

table.bestellung {
    width: 100%;
    border-collapse: collapse;
    empty-cells: show;
}

table.bestellung td, table.bestellung th {
    margin: 0;
    padding: 4px;
}

table.bestellung thead th {
    border-bottom: 1px solid #000;
}
table.bestellung tfoot th {
    border-top: 1px solid #000;
    text-align: right;
    font-weight: bold;
}

#zusammenrechnung table {
    border-top: 1px solid #000;
    width: 100%;
    empty-cells: show;
    border-collapse: collapse;
}

.fehlermeldung {
    color: #900;
    background: #FFEAEA;
    border: 1px solid #900;
    margin-bottom: 10px;
    padding: 5px;
    font-weight: bold;
}

.fehler {
    color: #c00;
}

table.direktbestellung {
    width: 100%;
    border: 1px solid #000;
    empty-cells: show;
    border-collapse: collapse;
}

table.direktbestellung th, table.direktbestellung td {
    vertical-align: top;
    margin: 0;
    padding: 2px 4px;
}

table.direktbestellung {
    
}

.gespeichert {
    border: 1px solid #090;
    background: #D5FFD5;
    padding: 5px;
    color: #060;
    font-weight: bold;
    margin-bottom: 10px;
}

table.table td {
    vertical-align: top;
}

.normal {
    text-transform: none;
    font-weight: normal;
}

#rabatthinweis {
    z-index: 10;
    border: 2px solid #331B85;
    padding: 10px;
    background: #CCFFFF url(../bilder/bg_aktion.jpg) center bottom no-repeat;
    margin-bottom: 10px;
}

#rabatthinweis.rabattklein {
    padding: 2px;
    background-color: #FFFFCC;
    background-image: none;
    color: #331B85;
}

#produktefinanzierung {
    border: 2px solid #f4b50d;
    padding: 4px;
    background-color: #efefef;
    float: right;
    width: 50%;
}

#finanzierung {
    border: 2px solid #f4b50d;
    padding: 10px;
    background-color: #efefef;
}
#finanzierung label {
    width: 120px;
}

#minbetrag {
    position: absolute;
    top: 30px;
    right: 10px;
}

#finanzierungsinhalt {
    margin: 70px 10px 10px 10px;
    text-align: left;
}

.finanzierungsinfo {
    border: 1px solid #333;
    background: #efefef;
    padding: 5px;
    float: right;
    width: 200px;
    cursor: pointer;
    cursor: hand;
}

div#letzteAktualisierung {
    position: relative;
    top: 10px;
    left: 30px;
    color: #F9D373;
    font-size: 9px;                     
}

table.optionen {
    border-collapse: collapse;
    empty-cells: show;
    border: 1px solid #000;
}

table.optionen td, table.optionen th {
    font-size: 11px;
    vertical-align: top;
    text-align: left;
    padding: 5px 10px;
    border: 1px solid #000;
}

table.optionen thead th {
    background: #F4B50D;
    color: #29166F;
    font-weight: bold;
    text-transform: uppercase;
    padding: 3px 10px;    
}

table.optionen tbody td {
    color: #000;
}

table.gesamtpreis {
    border: none;
    width: 100%;
}

table.gesamtpreis td, table.gesamtpreis th {
    padding: 3px 0;
    border: none;
    text-align: right;
}

table.optionen select {
    font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-size: 11px;
    border: 1px solid #000;
    padding: 1px;
}

table.optionen textarea {
    width: 230px;
    background: #efefef;
    border: 1px solid #000;  
}

.small {
    font-size: 10px;
}

.map_submit {
    font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 1px 1px 1px 1px;
    margin: 0;
    border: 1px solid black;
    background: #331b85;
    color: #fff;
}