html, body { height:100%}
body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px; background:#FFFFFF; color:#3E3E37; margin-top: 0px; margin-left: 0px;}
body a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#3E3E37;}
body a:hover { color:red;}
h1 { font-size:18px; color:#3E3E37; text-align:center;}
input, textarea { border: 1px solid #3E3E37;}
input:hover, textarea:hover {border: 1px solid red;}
input:focus, textarea:focus {border: 1px solid red;}
select {margin-top: 3px; padding:0px; border: 1px solid #CCCCCC;}
.inputerror {display:block; color:red; } /* Fehlermeldungen mit __error__ */
.menu1 {display:block;
background:#D8DFEB;
text-decoration:none;
padding-left: 5px;
padding-top: 2px;
font-family: Arial, Helvetica, sans-serif;
color:#3E3E37;
/* border-bottom: 1px solid #CCCCCC;*/
/* font-size: 105%;*/
border-collapse:collapse;
}
.msel1 {
display:block;
background: #D8DFEB;
text-decoration:none;
padding-left: 5px;
padding-top: 5px;
font-family: Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
/* border-bottom: 1px solid red;*/
}
.menu2 {
display:block;
width: 150px ;
/* background: url(../images/other/arrow.gif) no-repeat;*/
text-decoration:none;
text-indent: 10px;
padding-left: 5px;
padding-top: 5px;
font-family: Arial, Helvetica, sans-serif;
color:#3E3E37;
background-color: #D8DFEB;
font-size: 95%;
}
.msel2 {
display:block;
width: 150px ;
/* background: url(../images/other/arrowsel.gif) no-repeat;*/
background-color:#D8DFEB;
text-decoration:none;
padding-left: 5px;
text-indent: 10px;
padding-top: 5px;
font-family: Arial, Helvetica, sans-serif;
color:#000000;
font-size: 95%;
font-weight:bold;
}
.menu3 {
display:block;
width: 150px ;
background: #D8DFEB;
text-decoration:none;
padding-left: 5px;
text-indent: 20px;
padding-top: 5px;
font-family: Arial, Helvetica, sans-serif;
color:#3E3E37;
font-size: 90%;
}
.msel3 {
display:block;
width: 150px ;
text-decoration:none;
padding-left: 5px;
text-indent: 20px;
padding-top: 5px;
font-family: Arial, Helvetica, sans-serif;
background-color:#D8DFEB;
font-size: 90%;
color:#000000;
font-weight:bold;
/* font-style:italic;
color: red;*/
}
.menu4 {
display:block;
width: 150px ;
background: #D8DFEB;
text-decoration:none;
padding-left: 5px;
text-indent: 25px;
padding-top: 5px;
font-family: Arial, Helvetica, sans-serif;
color:#3E3E37;
font-size: 85%;
}
.msel4 {
display:block;
width: 150px ;
text-decoration:none;
padding-left: 5px;
text-indent: 25px;
padding-top: 5px;
font-family: Arial, Helvetica, sans-serif;
background-color:#D8DFEB;
font-size: 85%;
color:#000000;
font-weight:bold;
/* font-style:italic;
color: red;*/
}
.menu5 {
display:block;
width: 150px ;
background: #D8DFEB;
text-decoration:none;
padding-left: 5px;
text-indent: 30px;
padding-top: 5px;
font-family: Arial, Helvetica, sans-serif;
color:#3E3E37;
font-size: 80%;
}
.msel5 {
display:block;
width: 150px ;
text-decoration:none;
padding-left: 5px;
text-indent: 30px;
padding-top: 5px;
font-family: Arial, Helvetica, sans-serif;
background-color:#D8DFEB;
font-size: 80%;
color:#000000;
font-weight:bold;
/* font-style:italic;
color: red;*/
}
#wrap {height: 100%; width: 1000px;}
#bar {
color:#000000;
border-top: none;
height:100%;
vertical-align:top;
margin-top: 0px;
width:160px;
padding-right:9px;
background: #D8DFEB;
border-right: 1px solid #CCCCCC;
padding-bottom: 190px;
overflow:hidden;
padding-left: 3px;
}
.container {
background:#D8DFEB;
margin-bottom: 10px;
width:100%;
}
.innertopseller .header, .multibox .header {
background:#B5C8EB;
height:100%;
text-align:left;
font-weight:bold;
padding-top: 5px;
color:#3E3E37;
border-top: 1px solid #CCCCCC;
border-bottom: 1px dotted #CCCCCC;
border-collapse:collapse;
font-size: 14px;
padding-left: 5px;
}
#bar .container .header{
background:#B5C8EB;
height:100%;
text-align:left;
font-weight:bold;
padding-top: 5px;
color:#3E3E37;
border: 1px solid #CCCCCC;
width: 150px;
border-collapse:collapse;
font-size: 14px;
padding-left: 5px;
}
.randombox {
width: 216px; /*157*/
border: 1px solid #CCCCCC;
border-top: none;
padding-bottom:8px;
}
.randombox img:hover {border: 1px solid red;}
.randombox .randomcontent {margin-left: 5px;}
.randombox img {border: 1px solid gray; margin: 5px;}
.randombox .header {
background:#F5D17E;
text-align:center;
font-weight:bold;
padding-top: 5px;
color:#3E3E37;
border-top: 1px solid #CCCCCC;
border-bottom: 1px dotted #CCCCCC;
border-collapse:collapse;
font-size: 11px;
padding-left: 5px;
padding-bottom: 4px;
}
.incont {
padding-top: 10px;
margin: 0px;
background:#D8DFEB;
border-bottom:0px;
padding-bottom: 10px;
width:100%;
padding-left: 5px;
}
.vertical_navi {
background:#D8DFEB;
border-right: 1px solid #CCCCCC;
padding: 0px;
overflow: hidden;
padding-top: 4px;
padding-bottom:6px;
padding-left: 8px;
}
.vertical_navi div a {
color:gray;
font-size:9px;
vertical-align:bottom;
padding-left: 3px;
}
.barlinks {
list-style:none;
margin: 0px;
margin-top: 0px;
margin-left: 5px;
padding: 0px;
display: block;
background:#D8DFEB;
}
.barlinks a {color:#3E3E37;font-size: 90%;}
#head {
width:1000px;
color:#000000;
background:url(../images/other/nfvlogo.gif) no-repeat center left;
background-color:#B5C8EB;
padding-bottom: 10px;
}
#head a {color: #3E3E37;margin-right: 5px;font-size: 90%;}
#head a:hover {color: red;}
#main {
background:#FFFFFF;
padding: 0px;
margin: 0px;
height: auto;
color:#000000;
border-top: 1px solid #CCCCCC;
vertical-align:top;
}
#mainhead {
margin-top:20px;
background: #B5C8EB;
border: 1px solid #CCCCCC;
font-size: 10px;
padding-left: 5px;
padding-top: 5px;
color:gray;
padding-bottom: 3px;
}
.topsellerandwk {
background: #D8DFEB;
font-size:10px;
border: 1px solid #CCCCCC;
border-top: none;
}
/* .topsellerandwk img {width: 120px;height: 60px;}*/
.rightcontainer {
border-top: 1px solid #CCCCCC;
padding-top: 15px;
width: 140px;
}
#content {width:700px;}
.spacer {width: 20px;}
.barform input {width:100px;}
.barform select {width:104px;}
.headuform {
padding: 0px;
margin: 0px;
margin-right: 5px;
}
.headuform select, option, input {font-size: 9px;}
#inputsearch {
height:15px;
width: 90px;
background:#D8DFEB;
}
.headuform select {
height:18px;
width: 90px;
background:#D8DFEB;
}
.pic a {
color:#000000;
text-decoration:none;
margin-left: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size:70%;
}
.pic img {display:inline;}
.wkanzaen input {display: block;}
.globalbutton {
height: 19px;
border: 1px solid #3E3E37;
font-size:9px;
}
.weitereseiten .ws_active { font-weight:bold; font-size:larger; }
.weitereseiten .ws_inactive {}
.weitereseiten .ws_dots {}
.multibox , .multibox2 {
width:660px;
border: 1px solid #CCCCCC;
border-top: none;
margin-bottom: 15px;
}
.multibox .multicont , .multibox2 .multicont {padding: 5px;}
.multibox .multibox_foot , .multibox2 .multibox_foot {clear: both;height: 1px;}
div .weitereseiten {clear:both;text-align:center;}
.multibox .header , .multibox2 .header {
background:#B5C8EB;
height: 100%;
text-align:left;
font-weight:bold;
padding-top: 5px;
color:#3E3E37;
border-top: 1px solid #CCCCCC;
border-bottom: 1px dotted #CCCCCC;
border-collapse:collapse;
font-size: 14px;
padding-left: 5px;
padding-bottom:2px;
}
.multibox .header a , .multibox2 .header a {text-decoration: none;}
.bold {font-weight:bold;}
.detailtable td {padding-right: 10px;padding-bottom: 5px;}
.pagetitle a {font-size:16px;text-decoration:underline;}
.pagetitle span a {font-size:14px;text-decoration:none;}
.pagetitle a:hover {color: red;}
.pagetitle span a:hover {color:#3E3E37;}
.titel {
font-size:16px;
color:#999999;
font-weight:bold;
padding-bottom: 10px;
}
.wkartikel td {background:#D8DFEB;}
.wkhead th {background:#F5D17E;color: #3E3E37;}
.wkfoot td {background: #B5C8EB;color:#3E3E37;}
#SchnellsucheHersteller {
padding: 0px;
margin: 0px;
margin-top: 0px;
margin-bottom: 0px;
display:inline;
}
.move_to_header img {position:relative;top: -20px;}
.detail_zoom_table {
border: 1px solid gray;
padding: 0px;
text-align: center;
width:650px;
}
.detail_zoom_table .pic a {text-decoration: none;font-weight: bold;}
.detail_zoom_table .pic {background:#EBEBEB;width: 300px;}
.detail_zoom_table .text {border-left: 1px solid gray;width: 300px;}
.order_select, .order_select select {}
.input_without_border input {border: none;}
.changelink {text-decoration:underline;}
.changelink:hover {cursor:help;}
.userlogin { padding-left: 5px;}
.username .welcome { font-weight: bold;}
.username { color: gray;;}
.printpreis {text-align: right; padding-right: 10px;}
.printpreis .mwst {font-size: smaller; color: gray; display:block;}
.printpreis .versand a {font-size: smaller; color: gray; display:block; white-space:nowrap;}
.printpreis .excpreis { color: #CC0000; font-size:medium; font-weight:bold;}
.printpreis .excgrundpreis { color: #CC0000; font-size:smaller;}
.printpreis .incpreis { color: #0000CC; font-size:medium; font-weight:bold;}
.printpreis .incgrundpreis { color: #0000CC; font-size:smaller;}
.detailnavigation a { color:gray; font-size:smaller;}
.detailnavigation a:hover {text-decoration:overline underline;}
.detailnavigation .previtem {
float:left;
background:url(../images/other/last.gif) no-repeat left bottom;
padding-left: 10px;
}
.detailnavigation .nextitem {
float:right;
background:url(../images/other/next.gif) no-repeat right bottom;
padding-right: 10px;
}
.detailnavigation {clear:both;}
.detailnavigation .manufacturer {display:none;}
.detailnavigation .product {color:red;}
.welcomemessage { float:right; padding-right: 10px;}
.currency { float:left;}
.inline form {display:inline;}
.oldprice {color:red;text-decoration:line-through; font-weight:bold;}
.angebotsbild {width:200px; heigth: 133px;}
/* Verfügbarkeit (iplAvailability.ipl) */
.availability { display:inline; } /* Umschliessendes div */
.availability table { display:inline; }
.availability .select { } /* td um select für Variantenauswahl (nur Varianten) */
.availability .descr { } /* td um Artikelbeschreibung (nur Varianten) */
.availability .price { } /* td um Artikelpreis (nur Varianten) */
.availability .count_buy {} /* td um Eingabefeld für Artikelanzahl */
.availability .count_buy .input_text {} /* Eingabefeld für Artikelanzahl */
.availability .count_available {} /* td um Verfügbarkeitstext */
.availability .available { background-color:green; color:white; text-align:center; padding:2px; font-weight:bold; } /* Verfügbare Menge (nicht verfügbar) */
.availability .notavailable { background-color:red; color:white; text-align:center; padding:2px; font-weight:bold; } /* Verfügbare Menge (verfügbar) */
.asn {margin-bottom: 30px; border-bottom: 1px dotted gray; border-top: 1px dotted gray; padding-top: 8px;}
.asn_line {margin-bottom: 4px;}
.asn_line a { font-weight: bold; font-size: 120%; color:#3E3E37; text-decoration: none;}
.asn_line a:hover {color:red;}
.asntoptext {font-size: 80%; color: gray; display:inline;}
.back {display: inline; float: right; margin-right: 5px;}