html, body {margin:0; padding:0; height:100%; width:100%;}
#aussen {
position:relative;
background: url(../vogt_assets/layout/bg_eins.gif);
background-repeat:repeat-y;
min-width: 400px;
}
#wrapper {
position:relative;
background: url(../vogt_assets/layout/bg_zwei.gif);
background-position:top right;
background-repeat:repeat-y;
min-width: 400px;
margin: 0 -1px;
width: 100%;
height:auto;
min-height:100%;
}
#outer {
border-left-width: 200px;
border-left-color: #C0C0C0;
border-left-style: solid;
border-right-width: 200px;
border-right-color: transparent;
border-right-style: solid;
width: auto;
height:100%;
}
#inner {
margin:0;
width: 100%;
}
/* Mozilla code */
#outer > #inner {border-bottom:1px solid transparent;}
#links {
background-color:#C0C0C0;
width:200px;
height:156px;
}
#links div.linksabstand{
background-color:#002850;
width:200px;
height: 34px;
border-bottom:2px solid #FFFFFF;
}
#links div.logo a{
background: url(../vogt_assets/header/logo.gif) no-repeat;
height:120px;
width:200px;
position: absolute;
border-bottom:2px solid #FFFFFF;
}
#links div.logo a:hover{
background: url(../vogt_assets/header/logo.gif) no-repeat;
height:120px;
width:200px;
position: absolute;
border-bottom:2px solid #FFFFFF;
}
#mitte {
width: 100%;
}
#right {
width: 203px;
margin-right: -203px;
margin-left: 1px;
float:left;
position:relative;
z-index: 11;
background: url(../vogt_assets/layout/bg_rechts.gif);
background-repeat:repeat-y;
}
#rightcolumn {
width: 200px;
border-left:2px solid #FFFFFF;
}
#rechts {
background-color:#FFFFFF;
width:200px;
padding:0px;
margin:0px;
height:156px;
}
#rechts div.rechtsabstand{
background-color:#002850;
width:200px;
height: 34px;
border-bottom:2px solid #FFFFFF;
}
#rechts div.schnellsuche{
background: url(../vogt_assets/layout/bg_dunkel.gif);
background-repeat:repeat;
height:120px;
color:#ffffff;
}
#mit {background-color:#002850; width:auto; height: 155px;color:#FFFFFF;}
#mit div.servicenavigation {background-color:#002850; height:26px; border-bottom:2px solid #FFFFFF; padding-left:20px; padding-top:8px; color:#FFFFFF;}
#mit div.bildheader {background: url(../vogt_assets/header/header.jpg); height:120px; background-repeat:repeat-x;}
.inputschsuche {background-color:#FFFFFF; border:1px solid #E6E6E6; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight:normal; line-height:12px;}
.inputlogin {
background-color:#FFFFFF;
border:1px solid #5473A1;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #000000;
font-weight:normal;
line-height:14px;
}
.inputlogin1 {
background-color:#FFFFFF;
border:1px solid ##5473A1;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #000000;
font-weight:normal;
line-height:16px;
width:200px;
margin-bottom:6px;
}
.inputlogindrop {
background-color:#FFFFFF;
border:1px solid ##5473A1;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #000000;
font-weight:normal;
line-height:16px;
width:205px;
margin-bottom:6px;
}
.inputloginplz {
background-color:#FFFFFF;
border:1px solid ##5473A1;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #000000;
font-weight:normal;
line-height:16px;
width:50px;
margin-bottom:6px;
}
.cssbuttonlogin{
font-family:Verdana, Arial, sans-serif;
font-size: 10px;
font-weight:bold;
background-color:#E6E6E6;
color: #000000;;
border:1px solid #E6E6E6;
text-transform:uppercase;
margin:0px;
padding:0px;
}
.input {
font-family:Verdana, Arial, sans-serif;
font-size: 10px;
font-weight:normal;
background-color:#FFFFFF;
color: #000000;;
border:1px solid #5473A1;
line-height:14px;
}
.cssbutton{
font-family:Verdana, Arial, sans-serif;
font-size: 10px;
font-weight:bold;
background-color:#E6E6E6;
color: #000000;;
border:1px solid #E6E6E6;
text-transform:uppercase;
margin:0px;
padding:0px;
}
td,div,p{
font-family:Verdana, Arial, sans-serif;
font-size:10px;
color: #000000;
font-weight:normal;
text-decoration:none;
line-height:13px;
}
a:link {font-family:verdana, Arial, sans-serif; font-size:10px; color: #000000; font-weight:normal; text-decoration:none;}
a:alink {font-family:verdana, Arial, sans-serif; font-size:10px; color: #000000; font-weight:normal; text-decoration:none;}
a:vlink {font-family:verdana, Arial, sans-serif; font-size:10px; color: #000000; font-weight:normal; text-decoration:none;}
a:visited {font-family:verdana, Arial, sans-serif; font-size:10px; color: #000000; font-weight:normal; text-decoration:none;}
a:hover {font-family:verdana, Arial, sans-serif; font-size:10px; color: #000000; font-weight:normal; text-decoration:underline;}
a:active {font-family:verdana, Arial, sans-serif; font-size:10px; color: #000000; font-weight:normal; text-decoration:underline;}
.klweissr {
font-family:Verdana, Arial, sans-serif;
font-size: 10px;
font-weight:bold;
background-color:#E6E6E6;
color: #000000;;
border:1px solid #E6E6E6;
text-transform:uppercase;
margin:0px;
padding:0px;
line-height:16px;
width:100px;
padding-left:10px;
}
a.klweiss:link {background-color:#E6E6E6; font-family:verdana, Arial, sans-serif; font-size:10px; color: #000000; font-weight:bold; text-decoration:none;}
a.klweiss:visited {background-color:#E6E6E6; font-family:verdana, Arial, sans-serif; font-size:10px; color: #000000; font-weight:bold; text-decoration:none;}
a.klweiss:hover {background-color:#E6E6E6; font-family:verdana, Arial, sans-serif; font-size:10px; color: #000000; font-weight:bold; text-decoration:none;}
a.klweiss:active {background-color:#E6E6E6; font-family:verdana, Arial, sans-serif; font-size:10px; color: #000000; font-weight:bold; text-decoration:none;}
.navi {font-family:verdana, Arial, sans-serif; font-size:10px; color: #000000; font-weight:normal; text-decoration:none;}
a.navi:link {font-family:verdana, Arial, sans-serif; font-size:10px; color: #000000; font-weight:normal; text-decoration:none;}
a.navi:alink {font-family:verdana, Arial, sans-serif; font-size:10px; color: #000000; font-weight:normal; text-decoration:none;}
a.navi:vlink {font-family:verdana, Arial, sans-serif; font-size:10px; color: #000000; font-weight:normal; text-decoration:none;}
a.navi:visited {font-family:verdana, Arial, sans-serif; font-size:10px; color: #000000; font-weight:normal; text-decoration:none;}
a.navi:hover {font-family:verdana, Arial, sans-serif; font-size:10px; color: #000000; font-weight:normal; text-decoration:underline;}
a.navi:active {font-family:verdana, Arial, sans-serif; font-size:10px; color: #000000; font-weight:normal; text-decoration:underline;}
.naviaktiv {font-family:verdana, Arial, sans-serif; font-size:10px; color: #000000; font-weight:normal; text-decoration:underline;}
a.naviaktiv:link {font-family:verdana, Arial, sans-serif; font-size:10px; color: #000000; font-weight:normal; text-decoration:underline;}
a.naviaktiv:alink {font-family:verdana, Arial, sans-serif; font-size:10px; color: #000000; font-weight:normal; text-decoration:underline;}
a.naviaktiv:vlink {font-family:verdana, Arial, sans-serif; font-size:10px; color: #000000; font-weight:normal; text-decoration:underline;}
a.naviaktiv:visited {font-family:verdana, Arial, sans-serif; font-size:10px; color: #000000; font-weight:normal; text-decoration:underline;}
a.naviaktiv:hover {font-family:verdana, Arial, sans-serif; font-size:10px; color: #000000; font-weight:normal; text-decoration:underline;}
a.naviaktiv:active {font-family:verdana, Arial, sans-serif; font-size:10px; color: #000000; font-weight:normal; text-decoration:underline;}
.linkservice {font-family:verdana, Arial, sans-serif; font-size:10px; color:#FFFFFF; font-weight:normal; text-decoration:none;}
a.linkservice:link {font-family:verdana, Arial, sans-serif; font-size:10px; color:#FFFFFF; font-weight:normal; text-decoration:none;}
a.linkservice:alink {font-family:verdana, Arial, sans-serif; font-size:10px; color:#FFFFFF; font-weight:normal; text-decoration:none;}
a.linkservice:vlink {font-family:verdana, Arial, sans-serif; font-size:10px; color:#FFFFFF; font-weight:normal; text-decoration:none;}
a.linkservice:visited {font-family:verdana, Arial, sans-serif; font-size:10px; color:#FFFFFF; font-weight:normal; text-decoration:none;}
a.linkservice:hover {font-family:verdana, Arial, sans-serif; font-size:10px; color:#FFFFFF; font-weight:normal; text-decoration:underline;}
a.linkservice:active {font-family:verdana, Arial, sans-serif; font-size:10px; color:#FFFFFF; font-weight:normal; text-decoration:underline;}
a.curr{font-size:10px;color:#fff;font-weight:bold;}
a.curr:hover{color:red;font-weight:bold;}
.warenkorb {font-family:verdana, Arial, sans-serif; font-size:10px; color:#FFFFFF; font-weight:normal; background:#002850; text-decoration:none; padding:2px;}
a.warenkorb:link {font-family:verdana, Arial, sans-serif; font-size:10px; color:#FFFFFF; font-weight:normal; background:#002850; text-decoration:none;}
a.warenkorb:alink {font-family:verdana, Arial, sans-serif; font-size:10px; color:#FFFFFF; font-weight:normal; background:#002850; text-decoration:none;}
a.warenkorb:vlink {font-family:verdana, Arial, sans-serif; font-size:10px; color:#FFFFFF; font-weight:normal; background:#002850; text-decoration:none;}
a.warenkorb:visited {font-family:verdana, Arial, sans-serif; font-size:10px; color:#FFFFFF; font-weight:normal; background:#002850; text-decoration:none;}
a.warenkorb:hover {font-family:verdana, Arial, sans-serif; font-size:10px; color:#FFFFFF; font-weight:normal; background:#002850; text-decoration:underline;}
a.warenkorb:active {font-family:verdana, Arial, sans-serif; font-size:10px; color:#FFFFFF; font-weight:normal; background:#002850; text-decoration:underline;}
.inputwarenkorb {border:1px solid #FFFFFF; font-family:verdana, Arial, sans-serif; font-size:10px; color:#FFFFFF; font-weight:normal; background:#002850; text-decoration:none; padding:2px;}
#navleft{
padding-right:5px;
padding-left:5px;
padding-top:15px;
background-color:#C0C0C0;
margin:0px;
width:190px;
}
#content{
padding-right:11px;
padding-left:11px;
padding-bottom:50px;
}
#cart{
padding-right:5px;
padding-left:5px;
width:190px;
}
H2 {font-family:verdana, Arial, sans-serif; font-size:12px; color:#000000; font-weight:bold; text-decoration:none;margin:0px; padding-left:10px;}
a.hierarchy: {font-weight:bold;text-decoration:none; font-size:12px; }
a.hierarchy:link {font-weight:bold;text-decoration:none; font-size:12px; }
a.hierarchy:visited {font-weight:bold;text-decoration:none; font-size:12px; }
a.hierarchy:hover {font-weight:bold;text-decoration:none; font-size:12px; }
a.hierarchy:active {font-weight:bold;text-decoration:none; font-size:12px; }
H1 {font-family:verdana, Arial, sans-serif; font-size:14px; color:#000000; font-weight:bold; text-decoration:none;margin-bottom:5px; padding-bottom:5px;padding-left:10px;}
H3 {font-family:verdana, Arial, sans-serif; font-size:12px; color:#000000; font-weight:bold; text-decoration:none;margin:0px; padding:0px;}
H4 {font-family:verdana, Arial, sans-serif; font-size:12px; color:#000000; font-weight:bold; text-decoration:none;margin:0px;}
hr{
background-color:#333333; /* Mozilla 1.4 */
color:#333333; /* IE 6 */
border: #333333; /* Opera 7.11 */
height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
padding-left:10px;
margin-left:10px;
}
hr.search{
background-color:#333333; /* Mozilla 1.4 */
color:#333333; /* IE 6 */
border: #333333; /* Opera 7.11 */
height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
padding-left:0px;
margin-left:0px;
}
.gelb {background: url(../prod_images/nav_images/gelb.gif); background-repeat:no-repeat; width:250px; height:55px;}
.rot {background: url(../prod_images/nav_images/rot.gif); background-repeat:no-repeat; width:250px; height:55px;}
.abstandgelb {background: url(../vogt_assets/prod_images/nav_images/gelb.gif); background-repeat:no-repeat; width:250px; height:35px; padding:10px;}
.abstandrot {background: url(../vogt_assets/prod_images/nav_images/rot.gif); background-repeat:no-repeat; width:250px; height:35px; padding:10px;}
.abstandgruen {background: url(../vogt_assets/prod_images/nav_images/gruen.gif); background-repeat:no-repeat; width:250px; height:35px; padding:10px;}
.abstandblau {background: url(../vogt_assets/prod_images/nav_images/blau.gif); background-repeat:no-repeat; width:250px; height:35px; padding:10px;}
.abstandrot {background: url(../vogt_assets/prod_images/nav_images/rot.gif); background-repeat:no-repeat; width:250px; height:35px; padding:10px;}
.abstandkleingelb {background: url(../vogt_assets/prod_images/nav_images/gelb_small.gif); background-repeat:no-repeat; width:130px; height:50px;}
.abstandkleinrot {background: url(../vogt_assets/prod_images/nav_images/rot_small.gif); background-repeat:no-repeat; width:130px; height:50px; }
.abstandkleinblau {background: url(../vogt_assets/prod_images/nav_images/blau_small.gif); background-repeat:no-repeat; width:130px; height:50px;}
.abstandkleingruen {background: url(../vogt_assets/prod_images/nav_images/gruen_small.gif); background-repeat:no-repeat; width:130px; height:50px;}
.abstand {padding:10px;}
.abstandklein {background: url(../vogt_assets/prod_images/nav_images/gelb_small.gif); background-repeat:no-repeat; width:130px; height:50px; }
.abstanddesc {width:250px; padding-top:0px;padding-left:10px;padding-right:10px;padding-bottom:15px; font-weight:normal;}
.abstanddescklein {width:98px; padding-top:0px;padding-left:10px;padding-right:10px;padding-bottom:15px; font-weight:normal;}
.navtext{
padding-left: 14px;
padding-right: 10px;
line-height:10px;
}
.navtextfirst{
padding-left: 5px;
padding-right: 10px;
line-height:14px;
height:30px;
width:200px;
font-weight:bold;
}
a.navtextfirst {font-weight:bold;padding:0px; margin:0px;font-size:10px;}
a.navtextfirst:link {font-weight:bold;padding:0px; margin:0px;font-size:10px;}
a.navtextfirst:visited {font-weight:bold;padding:0px; margin:0px;font-size:10px;}
a.navtextfirst:hover {font-weight:bold;padding:0px; margin:0px;font-size:10px;}
a.navtextfirst:active {font-weight:bold;padding:0px; margin:0px;font-size:10px;}
a.navtext {padding:0px; margin:0px;font-size:10px;}
a.navtext:link {padding:0px; margin:0px;font-size:10px;}
a.navtext:visited {padding:0px; margin:0px;font-size:10px;}
a.navtext:hover {padding:0px; margin:0px;font-size:10px;}
a.navtext:active {padding:0px; margin:0px;font-size:10px;}
/*productdarstellung */
.textartikel {font-family:verdana, Arial, sans-serif; font-size:10px; color:#000000; font-weight:normal; text-decoration:none;padding:3px;}
a.textartikel:link {font-family:verdana, Arial, sans-serif; font-size:10px; color:#000000; font-weight:normal; text-decoration:none;padding:3px;}
a.textartikel:alink {font-family:verdana, Arial, sans-serif; font-size:10px; color:#000000; font-weight:normal; text-decoration:none;padding:3px;}
a.textartikel:vlink {font-family:verdana, Arial, sans-serif; font-size:10px; color:#000000; font-weight:normal; text-decoration:none;padding:3px;}
a.textartikel:visited {font-family:verdana, Arial, sans-serif; font-size:10px; color:#000000; font-weight:normal; text-decoration:none;padding:3px;}
a.textartikel:hover {font-family:verdana, Arial, sans-serif; font-size:10px; color:#000000; font-weight:normal; text-decoration:underline;padding:3px;}
a.textartikel:active {font-family:verdana, Arial, sans-serif; font-size:10px; color:#000000; font-weight:normal; text-decoration:underline;padding:3px;}
.textartikelbold {font-family:verdana, Arial, sans-serif; font-size:10px; color:#000000; font-weight:bold; text-decoration:none;}
a.textartikelbold:link {font-family:verdana, Arial, sans-serif; font-size:10px; color:#000000; font-weight:bold; text-decoration:none;}
a.textartikelbold:alink {font-family:verdana, Arial, sans-serif; font-size:10px; color:#000000; font-weight:bold; text-decoration:none;}
a.textartikelbold:vlink {font-family:verdana, Arial, sans-serif; font-size:10px; color:#000000; font-weight:bold; text-decoration:none;}
a.textartikelbold:visited {font-family:verdana, Arial, sans-serif; font-size:10px; color:#000000; font-weight:bold; text-decoration:none;}
a.textartikelbold:hover {font-family:verdana, Arial, sans-serif; font-size:10px; color:#000000; font-weight:bold; text-decoration:underline;}
a.textartikelbold:active {font-family:verdana, Arial, sans-serif; font-size:10px; color:#000000; font-weight:bold; text-decoration:underline;}
.textartikelgrau {font-family:verdana, Arial, sans-serif; font-size:10px; color:#000000; font-weight:normal; text-decoration:none; background-color:#E6E6E6;padding:3px;}
a.textartikelgrau:link {font-family:verdana, Arial, sans-serif; font-size:10px; color:#000000; font-weight:normal; text-decoration:none; background-color:#E6E6E6;padding:3px;}
a.textartikelgrau:alink {font-family:verdana, Arial, sans-serif; font-size:10px; color:#000000; font-weight:normal; text-decoration:none; background-color:#E6E6E6;padding:3px;}
a.textartikelgrau:vlink {font-family:verdana, Arial, sans-serif; font-size:10px; color:#000000; font-weight:normal; text-decoration:none; background-color:#E6E6E6;padding:3px;}
a.textartikelgrau:visited {font-family:verdana, Arial, sans-serif; font-size:10px; color:#000000; font-weight:normal; text-decoration:none; background-color:#E6E6E6;padding:3px;}
a.textartikelgrau:hover {font-family:verdana, Arial, sans-serif; font-size:10px; color:#000000; font-weight:normal; text-decoration:underline; background-color:#E6E6E6;padding:3px;}
a.textartikelgrau:active {font-family:verdana, Arial, sans-serif; font-size:10px; color:#000000; font-weight:normal; text-decoration:underline; background-color:#E6E6E6;padding:3px;}
.textartikelgraubold {font-family:verdana, Arial, sans-serif; font-size:10px; color:#000000; font-weight:bold; text-decoration:none; background-color:#E6E6E6;padding:3px;}
.textartikeltitle {font-family:verdana, Arial, sans-serif; font-size:10px; color:#000000; font-weight:bold; text-decoration:none;padding-left:3px; }
.textartikelsearch {font-family:verdana, Arial, sans-serif; font-size:10px; color:#000000; font-weight:normal; text-decoration:none;padding:3px; display:block;}
a.textartikelsearch:link {font-family:verdana, Arial, sans-serif; font-size:10px; color:#000000; font-weight:normal; text-decoration:none;padding:3px; display:block;}
a.textartikelsearch:alink {font-family:verdana, Arial, sans-serif; font-size:10px; color:#000000; font-weight:normal; text-decoration:none;padding:3px; display:block;}
a.textartikelsearch:vlink {font-family:verdana, Arial, sans-serif; font-size:10px; color:#000000; font-weight:normal; text-decoration:none;padding:3px; display:block;}
a.textartikelsearch:visited {font-family:verdana, Arial, sans-serif; font-size:10px; color:#000000; font-weight:normal; text-decoration:none;padding:3px; display:block;}
a.textartikelsearch:hover {font-family:verdana, Arial, sans-serif; font-size:10px; color:#000000; font-weight:normal; text-decoration:underline;padding:3px; display:block;}
a.textartikelsearch:active {font-family:verdana, Arial, sans-serif; font-size:10px; color:#000000; font-weight:normal; text-decoration:underline;padding:3px; display:block;}
.inputarticle{border-width:2px;}
.scrolldiv{
background-color:white;
width:100%;
height:500px;
overflow-y:scroll;
padding:0px;
margin:0px;
}
.headertable {position:relative; background-color:white; }
.question{
font-weight:bold; /* Bold font */
color: #FF0000; /* The questions is in red */
cursor:pointer; /* Cursor is like a hand when someone rolls the mouse over the question */
}
.answer{
/* Layout properties - You can change these */
border: 1px solid #555555;
padding:3px;
background-color:#fff;
width:200px;
position:relative; z-index:3;
/* This one should not be changed */
display:none;
}
.answer1{
/* Layout properties - You can change these */
border: 1px solid #555555;
padding:3px;
background-color:#fff;
width:600px;
position:relative; z-index:3;
/* This one should not be changed */
display:none;
}
.textartikel {font-family:verdana, Arial, sans-serif; font-size:10px; color:##000000; font-weight:normal; text-decoration:none;padding:3px; }
.textartikelgrau {font-family:verdana, Arial, sans-serif; font-size:10px; color:##000000; font-weight:normal; text-decoration:none; background-color:##E6E6E6;padding:3px;}