body{
margin-right:10px;
margin-top:0px;
font-family: helvetica, arial, sans-seriv;
background-color:white;
color:black;
font-size:14px;
}
/* ##farbe aktiver text: #660033 ######################## */

/* ###################################################### */
/* ####################### Zentrierter Bereich  ############## */
/* ###################################################### */
#zentriert{
position:relative;
width:1000px;
margin: 0px auto auto auto;
text-align:left;
}

#inhalte{
position:relative;
display:inline-block;
width:1000px;
margin: 0px;
padding:0;
text-align:left;
background-color:#f2f2f2;
}

/* ###################################################### */
/* ####################### Seitenkopf  ############## */
/* ###################################################### */
#top{
position:relative;
background-color:white;
margin:0;
padding:0;
display:inline-block;
width:1000px;
border-top:solid 10px white;
z-index:1;
}

#titel{
position:relative;
margin:0;
padding:0px;
width:602px;
}




#sucheingabe{
position:absolute;
z-index:2;
right:0px;
bottom:6px;
text-align:right;
margin:0;
padding:0px;
width:398px;
}


#sucheingabe input{
font-size:70%;
-moz-border-radius:2px;
-webkit-border-radius: 2px;
}

#sucheingabe input.button{
background-color:#f2f2f2;
}
/* #### Formular erweiterte Suche #### */
#erwsuche{
margin:10px 0 0 100px;
}

#erwsuche td{
padding: 0 10px 5px 0;
}

/* ###################################################### */
/* ####################### Meta-Navi 1  ############## */
/* ###################################################### */

#metaNavi1{
position:absolute;
right:0px;
top:10px;
text-align:right;
margin:0;
padding:0px;
width:398px;
}


#metaNavi1 a,
#metaNavi1 a:link,
#metaNavi1 a:active,
#metaNavi1 a:visited{
color:black;
margin:0px 10px 0px 10px;
padding:0px;
display:inline-block;
}

#metaNavi1 a.active,
#metaNavi1 a:hover {
color:#cc0000;
}

#metaNavi1 a.last {
margin-right:0px;
}




/* ###################################################### */
/* ####################### Meta-Navi 2  ############## */
/* ###################################################### */


#metaNavi2{
margin:0;
padding:0px;
text-align:right;
border-bottom:solid 10px white;
}


#metaNavi2 a,
#metaNavi2 a:link,
#metaNavi2 a:active,
#metaNavi2 a:visited{
color:black;
margin:0px 10px 0px 10px;
padding:0px;
display:inline-block;
}

#metaNavi2 a.active,
#metaNavi2 a:hover {
color:#cc0000;
}


/* ###################################################### */
/* ####################### Seitenaufteilung  ############## */
/* ###################################################### */

#t1Mitte{
position:relative;
float:left;
margin:0 0 0 0;
padding:20px 0 0 0;
width:540px;
}

#t1Rechts{
position:relative;
float:left;
margin:0px 0 0 20px;
padding:20px 0 0 0;
width:190px;
}


/* ###################################################### */
/* ####################### t2 unterseitenliste  ############## */
/* ###################################################### */
#usListe{
margin:10px 0px 10px 0px;
}
#usListe a,
#usListe a:link,
#usListe a:active,
#usListe a:visited{
color:black;
margin:0px 0px 10px 0px;
padding:0px;
display:block;
width:250px;
}
/* ###################################################### */
/* ####################### Hauptnavigation  ############## */
/* ###################################################### */

#mainNavi{
position:relative;
float:left;
margin:0px 0 0 0;
padding:20px 20px 0 20px;
width:190px;
font-size:12px;
}


#mainNavi a,
#mainNavi a:link,
#mainNavi a:active,
#mainNavi a:visited{
font-weight:bold;
text-decoration: none;
color:#cc0000;
background-color:#fCfCfC;
margin:0px 0px 10px 0px;
padding:5px 10px 5px 10px;
display:block;
border:solid 1px silver;
-moz-border-radius:2px;
-webkit-border-radius: 2px;
}

#mainNavi a.active,
#mainNavi a:hover {
color:#cc0000;
background-color:#e9e9e9;
}







/* ###################################################### */
/* ####################### NAVIGATION rechte Seite ############## */
/* ###################################################### */

/* oooooooooooooooooooooooooooooooooooo Level 1 ooooooooooooooooooooooooooooo*/
/* Level 1, umgebender Tag, nicht aktiv */

.subNavi {
position:relative;
display:block;
height:300px;
}

.subNavi ul {
margin:0;
padding:0;
background-color:transparent;

}

.subNavi ul li {
margin:0 2px 0 2px;
padding:8px 0 8px 0px;
list-style-type:none;
oversize:
/*border-top:solid 1px silver;*/
}

/* Level 1, umgebender Tag, erster Eintrag*/
.subNavi ul li.first {
border-top:none;
} 

/* Level 1, umgebender Tag, letzter Eintrag 
.subNavi ul li.last {
border-bottom:none;
}
*/

/* Level 1, Link, nicht aktiv 
.subNavi ul li a, .subNavi ul li a:visited {
color:#87888a;
}*/

/* Level 1, Link, mouseover oder aktiv */
.subNavi ul li a:hover, .subNavi ul li a.active {
color:silver;
}

/* oooooooooooooooooooooooooooooooooooo Ende Level 1 ooooooooooooooooooooooooooooo*/

/* oooooooooooooooooooooooooooooooooooo Level 2 ooooooooooooooooooooooooooooo*/
/* Level 2, umgebender Tag, nicht aktiv */
.subNavi ul li.naviLevel_2 {
	margin:0 2px 0 2px;
	padding:2px 0 2px 0px;
	list-style-type:none;
	border:none;
	/* border-bottom:solid 1px #e8e8e8;*/
}

/* Level 2, umgebender Tag, erster Eintrag
.subNavi ul li.naviLevel_2.first {
    padding: 0px 0 0px 20px;
} 
*/

/* Level 2, umgebender Tag, letzter Eintrag 
.subNavi ul li.naviLevel_2.last {
     padding: 0px 0 20px 20px;
}*/


/* Level 2, Link, nicht aktiv 
.subNavi ul li.naviLevel_2 a, .subNavi ul li.naviLevel_2 a:visited {

}*/

/* Level 2, Link, aktiv oder mouseover
.subNavi ul li.naviLevel_2 a:hover, .subNavi ul li.naviLevel_2 a.active{

}*/

/* oooooooooooooooooooooooooooooooooooo Ende Level 2 ooooooooooooooooooooooooooooo*/


/* ###################################################### */
/* ####################### artikelliste ############## */
/* ###################################################### */


#artikelliste,#artikeldetails {
position:relative;
width:100%;
}

#artikelliste td,
#artikeldetails td{
padding: 20px 0 20px 0;
vertical-align:top;
}

#artikelliste td{
border-bottom: solid 1px black;
}

#artikelliste .bes{
padding:0 0 5px 0;
}

#artikelliste .artikellisteImg,
#artikeldetails .artikellisteImg{
vertical-align:top;
text-align:left;
width:200px;
}

/*
#artikelliste .artikellisteText{
padding:0px;
}*/

#artikelliste .first,
#artikeldetails td{
padding: 0px 0 20px 0;
}


#artikelliste td a,
#artikeldetails  td a{
padding:0;
margin:0;
color:#cc0000;
text-decoration:underline;
}

/* ###Autorenlink### */
#artikelliste td a.autor,
#artikeldetails td a.autor{
color:black;
}

#artikelliste td a.tiA{
text-decoration:none;
font-weight:bold;
font-size:16px;
color:black;
display:block;
}

.abbbez, .abbbezadm{
margin:0 0 15px 0;
padding:0;
font-size:12px;
}



#sNaviUnten{
margin: 10px 0 10px 0;
text-align:center;
}

#sNaviUnten a{
text-decoration:none;
}

.sold{
font-weight:bold;
}

/* ###################################################### */
/* ####################### Abb. L-ansicht (t4) ############## */
/* ###################################################### */



#t4 .abbL, #t4 .bez, #t4 .linkZurueck{
text-align:center;
margin:0 0 0px 0;
padding:0;
}



/* ####################### Vorschau AbbL  ############## */

#vorschau {
text-align:center;
margin:10px 0 50px 0;
padding:0;
}

#vorschau a {
margin:0;
padding:0;
}

#vorschau img {
margin:0 10px 5px 0;
padding:0;
border:none;
border-bottom:solid 3px #f2f2f2;
border-top:solid 3px #f2f2f2;
}

#vorschau img.last{
margin:0 0px 5px 0;
}

#vorschau img.active{
border-bottom:solid 3px #cc0000;
border-top:solid 3px #cc0000;
}


#vorschau img.offline{
border-bottom:dotted 3px #CC0000;
}





/* ###################################################### */
/* ####################### seitliche Textcontainer ############## */
/* ###################################################### */
.container{
position:relative;
margin:0 0 10px 0;
padding:0px;
}

.container .bez,.containerBez{
padding:1px 5px 1px 5px;
background-color:#cc0000;
color:#fCfCfC;
font-weight:bold;
font-size:12px;
border-left:solid 1px #cc0000;
border-right:solid 1px #cc0000;
border-top:solid 1px #cc0000;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
-webkit-border-top-left-radius:2px;
-webkit-border-top-right-radius:2px;
}

.containerBez{
margin:0 0 10px 0;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}



.container .bez a:link,
.container .bez a:active,
.container .bez a:visited,
.containerBez a:link,
.containerBez a:active,
.containerBez a:visited{
color:#fCfCfC;
text-decoration:none;
}

.container .box1{
padding:10px;
background-color:#fCfCfC;
border-left:solid 1px #cc0000;
border-right:solid 1px #cc0000;
border-bottom:solid 1px #cc0000;
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;
-webkit-border-bottom-left-radius:2px;
-webkit-border-bottom-right-radius:2px;
}


.container .box1 a.wk{
padding:0 8px 0 8px;
margin:0;
font-size:12px;
color:#cc0000;
text-decoration:none;
border:solid 1px #cc0000;
}


.container .mess{
margin:0 0 5px 0;
color:#cc0000;
}

#sNavDetailansicht, #sNaviOben{
margin: 0px 0 0px 0;
text-align:center;
}
/* ###################################################### */
/* ####################### Runde Ecken ############'#### */
/* ###################################################### */
/*
.ctl, .cbl, .ctr, .cbr {
position:absolute;
width:2px;
height:2px;
overflow:hidden;
font-style:normal;
z-index:1;
display:inline-block;
}

.ctl {
top:-1px; left:-1px;
    background-image: url(../img/hp/eckeLiO.png);
    background-repeat:no-repeat;
}
.cbl {
bottom:-1px; left:-1px;
    background-image: url(../img/hp/eckeLiU.png);
    background-repeat:no-repeat;
}
.ctr {
top:-1px; right:-1px;
    background-image: url(../img/hp/eckeReO.png);
    background-repeat:no-repeat;
}
.cbr {
bottom:-1px; right:-1px;
    background-image: url(../img/hp/eckeReU.png);
    background-repeat:no-repeat;
}
*/
/* ###################################################### */
/* ####################### warenkorb ############## */
/* ###################################################### */

#warenkorb{
margin: 0px 0 0px 0;
width:100%;
background-color:white;
font-size:14px;
border-left:solid 1px silver;
border-top:solid 1px silver;
}

#warenkorb td,
#warenkorb th {
padding:5px 10px 5px 5px;
vertical-align:bottom;
border-bottom:solid 1px silver;
border-right:solid 1px silver;
}

#warenkorb th {
font-size:12px;
}

#warenkorb select, #warenkorb input{
font-size:10px;
}

#warenkorb submit{
color:#87888a;
}


#warenkorb a{
padding:0 4px 0 4px;
margin:0;
font-size:10px;
color:black;
text-decoration:none;
}

#warenkorb a.ol,#bestellformular button.ol{
padding:0 4px 0 4px;
margin:0;
font-size:14px;
border:solid 1px #cc0000;
background-color:white;
color:#cc0000;
text-decoration:none;
}


/* ###################################################### */
/* ####################### Bestellformular ############## */
/* ###################################################### */

#wkZusammenfassung{
margin:0 0px 20px 0px ;
width:400px;
}
#wkZusammenfassung td{
padding:0px 10px 5px 10px;
vertical-align:bottom;
}
#wkZusammenfassung td.first{
padding-top:5px;
}

#wkZusammenfassung td.last{
border-top:solid 1px silver;
padding-top:5px;
}

#wkZusammenfassung td.bez{
width:250px;
}
#wkZusammenfassung td.betrag{
text-align:right;
}



#bestellformular td{
padding:0px 10px 5px 0;
}
#bestellformular input.tfl,
#bestellformular textarea.tfl{
width:300px;
}
#bestellformular input.tfm{
width:100px;
}

#bestellformular a{
color:#cc0000;
}

#bestellformular .cboxAgb{
width:15px;
border:none;
}

#errMess ul{
color:red;
padding:0px 0px 0px 16px;
}







/* ###################################################### */
/* ####################### kontaktformular ############## */
/* ###################################################### */
#kontaktformular {
margin:0 0 60px 0 ;
}

#kontaktformular td{
padding:2px 0 2px 0;
}

#kontaktformular td.bez{
padding:2px 0 2px 0;
width:180px;
}

#kontaktformular input, #kontaktformular textarea{
width:250px;
}

#kontaktformular textarea{
height:150px;
}

#kontaktformular button{
font-size:10px;
}
.errMessKofo{
color:black;
background-color:white;
border:solid 1px red;
position:absolute;
left:0px;
top:0px;
width:310px;
z-index:25
}

/* ###################################################### */
/* ####################### Formular Artikel empfehlen ############## */
/* ###################################################### */
#foArtikelEmpfehlen,
#foArtikelKommentieren {
margin:0 0 20px 0 ;
}

#foArtikelEmpfehlen td,
#foArtikelKommentieren td{
padding:2px 0 2px 0;
}

#foArtikelEmpfehlen td.bez,
#foArtikelKommentieren td.bez{
padding:2px 0 2px 0;
width:200px;
}

#foArtikelEmpfehlen input,
#foArtikelEmpfehlen textarea,
#foArtikelKommentieren input,
#foArtikelKommentieren textarea{
width:300px;
}

#foArtikelEmpfehlen textarea{
height:100px;
}
#foArtikelKommentieren textarea{
height:200px;
}


#foArtikelEmpfehlen button,
#foArtikelKommentieren button{
font-size:10px;
}

.errMessArtEmp{
color:black;
background-color:white;
border:solid 1px red;
position:absolute;
left:200px;
top:-80px;
width:310px;
z-index:25
}

.errMessArtKom{
color:black;
background-color:white;
border:solid 1px red;
position:absolute;
left:200px;
top:-130px;
width:310px;
z-index:25
}

/* ###################################################### */
/* ####################### Versandkostentabelle  ############## */
/* ###################################################### */

#vktabelle th{
padding:0;
vertical-align:bottom;
font-size:12px;
}


#vktabelle td.ziel{
padding:0 10px 10px 0;
}


#vktabelle td.betrag{
padding:0 40px 10px 0;
width:60px;
text-align:right;
}




/* ###################################################### */
/* ####################### Link eine Ebene zurück  ############## */
/* ###################################################### */

#zurueck{
margin:20px 0 50px 0;
}

#zurueck a,
#zurueck a:link,
#zurueck a:active,
#zurueck a:visited{
padding:0;
margin:0;
text-decoration:underline;
color:#cc0000;
}



/* ###################################################### */
/* ####################### Krümelnavi  ############## */
/* ###################################################### */

#kn {
margin:0;
background-color:white;
}
#kn A:link,
#kn A:active,
#kn A:visited{
text-decoration:underline;
color:#cc0000;
}






form {
margin:0;
padding:0;
}

h1,h2,h3,h4{
color:black;
padding:0px 0px 0px 0px;
margin:0px 0px 15px 0px;
}
h1{font-size:18px}
h2{font-size:16px}
h3{font-size:14px}
h4{
font-size:16px;
margin:0px;
}

p {
margin:0 0 5px 0;
padding:0;
}

ul {
margin:0 0 5px 10px;
padding:0;
}

li {
margin:0 0 10px 0;
padding:0;
}


img {
margin:0;
padding:0;
border:none;
}

A,A:link,A:active,A:visited{
padding:0;
margin:0;
color:black;
}




input, textarea, select{
border:solid 1px silver;
font-family: helvetica, arial, sans-seriv;
background:white;
}

input .borderRed, textarea .borderRed, select.borderRed{
border:solid 1px #CC0000;
}

input .borderGreen, textarea .borderGreen, select.borderGreen{
border:solid 1px #F56D6D;
}



button {
border:solid 1px silver;
font-size:10px;
padding:2px 10px 2px 10px;
background-color:white;
cursor:pointer;
}

.rundeEcke {
-moz-border-radius:2px;
-webkit-border-radius: 2px;
}

.back {
clear:both;
margin: 0;
padding:0;
position:absolute;
bottom:0px;
right:0px;
}


.randGrau{
border:solid 1px silver;
}
.randGruen{
border:solid 1px green;
}
.randOrange{
border:solid 1px #ff9900;
}

.opacity60 {
filter:alpha(opacity=60);
moz-opacity: 0.60;
opacity: 0.60;
}

.opacity80 {
filter:alpha(opacity=80);
moz-opacity: 0.80;
opacity: 0.80;
}
.opacity40 {
filter:alpha(opacity=40);
moz-opacity: 0.40;
opacity: 0.40;
}
.textGrau{
color:#535353;
}