@charset "utf-8";

/* 
 * vsa css design
 * (c) October Labs 
 * engine version 1.7
 */

@import "/lib/css/default.css";
@import "/lib/css/menu.css";
@import "/lib/css/frames.css";
@import "/lib/css/buttons.css";
@import "/lib/css/form.css";
@import "/lib/css/table.css";
@import "/lib/css/tabs.css";
@import "/lib/css/suggest.css";
@import "/lib/css/shop.css";
@import "/lib/css/artikel.css";
#vsa-warenkorb .buttons a.cart-delete,#vsa-warenkorb .buttons a.cart-go{font-size:11px;line-height:16px;margin:2px 0 5px 0;} #vsa-warenkorb .buttons a.cart-go{margin-right:3px;} #vsa-order-warenkorb #artikel-anzahl{padding:5px 0 5px 0;} #vsa-order-warenkorb table.shopping-cart{margin:5px 0 5px 0;} #vsa-order table#tableCustomer{width:100%;} #vsa-order table#tableCustomer td{vertical-align:top;margin-top:10px;} #vsa-order table#tableCustomer td.customerSelection{width:30%;padding-top:3px;text-align:right;} #vsa-order p{text-align:left;} #vsa-order p.HelpButton{text-align:center;} #vsa-order p.newCustomer,#vsa-order p.oldCustomer{font-weight:bold;} #vsa-order .warning-box{margin:10px 0 10px 0;} div.main div.tablebody { padding-left:0;} div.main div.tablebody { width:665px; padding:0; margin:0;} div.main div.lo { background: transparent url("/images/hostsektor/box_ol.png") top left no-repeat; height:41px; margin: 0;} div.main div.ro { background: transparent url("/images/hostsektor/box_or.png") top right no-repeat; height:41px; margin: 0;} div.main div.om { background: transparent url("/images/hostsektor/box_om.png") repeat-x; height: 41px; margin: 0px 6px 0px 6px; padding: 0px;} div.main div.ml { background: transparent url("/images/hostsektor/box_ml.png") top left repeat-y; margin-right: 6px;} div.main div.mr { background: transparent url("/images/hostsektor/box_mr.png") top right repeat-y;} div.main div#content div.inhalt { background-color:#FFFFFF; margin-left: 6px; padding-right: 12px;} div.main div.ul { background: transparent url("/images/hostsektor/box_ul.png") bottom left no-repeat; height:40px; margin-right: 6px;} div.main div.ur { background: transparent url("/images/hostsektor/box_ur.png") bottom right no-repeat; height:40px;} div.main div.um { background: transparent url("/images/hostsektor/box_um.png") bottom repeat-x; height:40px; margin-left: 6px;} div.main .spalte1 { float:left;} div.main div.spalte1 { width:665px; margin-left: 0px;} body { margin: 0 auto; margin-top: 10px; padding: 0; font-size: 12px; color: #000000; background: #3c3c3c;} div.document { width: 922px; /* width: 919px !important; */ padding: 0; margin: 0 auto; margin-top: 10px;} div.main { background: #000000; width: 922px; padding: 0; background: #3c3c3c;} div.head { margin: 0; padding: 0; background: none;} div#navigation { width:198px; margin: 0px; padding: 0;} div#info { width: 256px; margin: 0px; padding: 0;} div#content { margin: 0; padding-top: 0px; width: 660px; color:#000000; background-color:#FFFFFF;} div#info .inhalt { font-size: 11px;} .head_tab { margin: 0; padding: 0;} div#info { margin: 0; font-size: 11px; display: block; background-repeat: no-repeat; background-position: center right;} div#info li a:hover { background-color: #FFFFFF; color: #000000;} div#info a:hover { background-color: #6593B6; color: #000000;} div#navigation a, .link { color: #000000; font-size:10px; display: block; background-color: transparent;} .text-err, .text-err2 { color : #f8a406; background-color: transparent;} .text-err2 { border : 2px dotted #c0c0c0;} .text-small { font-size: 10px;} .text-small-dark { font-size: 10px; color: #778899;} .text-box { color: #000000; background-color: #fcf8e9; border : 1px solid #c0c0c0;} .text-comment { color: #6593B6; background-color: transparent;} .text-updatebox { border-color: #8196ba; background-color: transparent;} .text-updatebox h4, .text-updatebox h3 { color: #ffffff; background-color: #000000;} .text-errorbox { border-color: #ffa0a0; background-color: transparent;} .text-errorbox h4, .text-errorbox h3 { color: #ffffff; background-color: #ff0000;} .text-enlight { color: #cb4f30;} .text-enlight1 { color: #b7cf9c;} .text-enlight2 { color: #cd853f;} .tablelight { background-color: #f7f8f9;} .tablelight1 { background-color: #dce1ef;} .tablelight2 { background-color: #f0f4f9;} .tablelight3 { background-color: #e4eaed;} .tablelight4 { background-color: #ddecec;} .tablelight5 { background-color: #deebe7;} .tablelight6 { background-color: #e8e0e9;} .tablelight7 { background-color: #e9e0e2;} .table-enlight, .table-err { background-color: #fbd6b5;} .table-enlight2 { background-color: #eee8df;} table.grid th, table.grid-std th { border-color: #c0c0c0;} table.grid td, table.grid-std td { border-color: #c0c0c0;} select { color: #000000; border-color: #c0c0c0; background: #FFFFFF;} input, textarea, .checkbox { color: #000000; background: #FFFFFF; border-color: #c0c0c0;} .button { color: #d3d3d3; border-color: #ffffff; background: #3b4e61; font-weight: bold;} th, table.grid th, table.grid-std th { background-color:#EEEEEE; border-color:#888888; color:#FFFFFF;} div.button1 { float: left;} div.button2 { float: right;} div.button1, div.button2 { margin: 1px 2px 4px 2px; padding: 5px 0px 7px 10px; background: url("/images/design_normal/bo2.png") top left no-repeat;} div.button1 a, div.button2 a { margin: 1px 2px 4px 2px; padding: 5px 10px 7px 0px; background: url("/images/design_normal/bo1.png") top right no-repeat; font-size: 11px; color: #444444; font-weight : bold;} div.button1 a img, div.button2 a img { vertical-align: middle;} div.button1 a:hover, div.button2 a:hover { color: #5BB2E7;} */ a, .link { color: #FFFFFF; background-color: transparent;} a:hover { color: #5BB2E7; background-color: transparent;} div.buttons a { background-color:#787878; border:1px solid #6299C5; color:#ebebeb; border-color: #585858;} button:hover, .buttons a:hover{ background-color:#ebebeb; border:1px solid #6299C5; color:#737373; border-color: #737373;} .buttons a:active{ background-color:#0c65ac; border:1px solid #6e92b5; color:#ffffff;} div.vsa-artikel { color: #000000 ;} div.vsa-artikel fieldset legend { color: #747474;} fieldset legend { color: #000000;} div.vsa-artikel fieldset { background-color: #FFFFFF; border-color: #c4c4c4; padding: 8px;} div.vsa-artikel fieldset fieldset { background-color: #EEEEEE ;} div.vsa-artikel fieldset fieldset fieldset { background-color: #DDDDDD;} div.vsa-artikel fieldset fieldset fieldset fieldset { background-color: #CCCCCC;} div.vsa-artikel fieldset fieldset fieldset fieldset fieldset { background-color: #38a3da;} div.vsa-artikel .preis { padding: 7px;} div.vsa-artikel .hinweis { font-size:9px; color: #0B599A;} div.vsa-artikel .info { font-size:11px; color: #0B599A; background-color: #EEEEEE;} div.vsa-artikel .notice { font-size:11px; color: #000000; background-color: #f9a3a3;} div.vsa-artikel .order { border: 1px solid #3C3C3C;} div.vsa-artikel-load { background-color: transparent; background-position: center 10px; background-repeat: no-repeat; background-image: url("/images/icons/artikel-loader.gif"); height: 30px; width: 100%; padding-top: 38px; font-size: 90%; text-align: center;} div.vsa-artikel-warenkorb { background-color: transparent; background-position: left top; background-repeat: no-repeat; background-image: url("/images/icons/warenkorb.png"); line-height: 18px; padding-left: 20px; margin-top: 3px; margin-bottom: 2px;} th, table.grid th, table.grid-std th { background-color:#EEEEEE; border-color:#888888; color:#000000;} .Stil1 a { color: #fff;} div.head { height: 500px; display: block; float: left;} div.content-area { height: 157px; width: 666px; background-image: url("/images/hostsektor/head_o.png"); background-repeat:no-repeat; background-color:#000000;} div.content-area1 { height: 157px; width: 256px; background-image: url("/images/hostsektor/kundenbereich.png"); background-repeat:no-repeat; background-color:#000000;} div.content-area2 { height: 37px; width: 489px; background-repeat:no-repeat; background-color:#000000;} div.content-area3 { height: 183px; width: 489px; background-image: url("/images/hostsektor/head_u2.png"); background-repeat:no-repeat; background-color:#000000;} div.head2 { height: 220px; width: 177px; display: block; float: left; background-color: transparent;} div.content-area4 { height: 220px; width: 177px; margin-top: -37px; background-image: url("/images/hostsektor/head_ur.png"); background-repeat:no-repeat; background-color:#000000;} div.content-area4 a { display: block; width: 200px; height: 16px; margin: 0px 0px 0 0px; padding: 9px 0 0 30px; color: #CCCCCC; font-size: 12px;} .content-area4 li a:hover { background-color: transparent; color: #FFFFFF;} .content-area4 a:hover { background-color: transparent; color: #FFFFFF;} .content-area4 a, .link { color: #FFFFFF; font-size:11px; display: block; background-color: transparent;} div.content-area5 { height: 220px; width: 256px; margin-top: -37px; background-image: url("/images/hostsektor/kundensupport.png"); background-repeat:no-repeat; background-color:#000000;} a.nav-head { background-repeat: no-repeat; background-position: 0; height: 37px; width: 489px; display: block; float:left;} a.nav-head2 { background-repeat: no-repeat; background-position: 0; display: block; float:left;} .content-area a { background-position: 0px 0px ; background-repeat: no-repeat;} .content-area1 a { background-position: 0px 0px ; background-repeat: no-repeat ;} .content-area2 a { background-position: 0px 0px ; background-repeat: no-repeat ;} .content-area2 a.nav1 { width: 125px; background-image: url("/images/hostsektor/nav1.png");} .content-area2 a.nav2 { width: 122px; background-image: url("/images/hostsektor/nav2.png");} .content-area2 a.nav3 { width: 122px; background-image: url("/images/hostsektor/nav3.png");} .content-area2 a.nav4 { width: 120px; background-image: url("/images/hostsektor/nav4.png");} .content-area2 a:hover { background-position: 0px -37px;} div#initpage-boxes a:hover fieldset { border:none; border-color: #fff; background-color: #718ea3;} div#initpage-boxes a:hover { border:none; color: #fff;} div#initpage-boxes a:hover .read-more { text-decoration: underline;} div.info-angebot1 { height: 63px; width: 256px; background-image: url("/images/hostsektor/side_angebot1.png"); background-repeat:no-repeat; background-color:#000000;} div.info-angebot2 { height: 159px; width: 256px; background-image: url("/images/hostsektor/side_angebot2.png"); background-repeat:no-repeat; background-color:#000000;} div.info-warenkorb1 { height: 45px; width: 256px; background-image: url("/images/hostsektor/side_warenkorb1.png"); background-repeat:no-repeat; background-color:#000000;} div.info-warenkorb2 { height:311px; width: 256px; background-image: url("/images/hostsektor/side_warenkorb2a.png"); background-repeat:no-repeat; background-color:#000000;} div.info-copyright { height: 96px; width: 256px; background-image: url("/images/hostsektor/side_copyright.png"); background-repeat:no-repeat; background-color:#000000;} div#shopping-basket { font-size:10px; width:220px; color: #888888;} table.shopping-basket td { color:#888888; padding-right:5px;} div#shopping-basket h3 { color:#888888;} div#artikel-anzahl { color:#888888;} div#login-block { padding: 0; margin: 40px 15px 0 15px;} div#login-block #login-warn-box { height: 53px;} div#login-block div#username-block , div#login-block div#password-block { margin: 0 0 0px 0; padding: 0px;} div#login-block #username-block .description, div#login-block #password-block .description { display: none;} div#login-block #username-block .value { ;} div#login-block #password-block .value { ;} div#login-block #username-block .value input, div#login-block #password-block .value input { width: 165px; height: 21px; background-color: #fff; background-repeat: no-repeat; padding: 2px 0 0 20px; border: 0; line-height: 21px;} div#login-block #username-block .value input { background-image: url('/images/login/user.png');} div#login-block #password-block .value input { background-image: url('/images/login/passwd.png');} div#login-block .buttons { margin: 0px 0 0 126px;} div#login-block .warning-box { padding: 2px;} div#login-block .warning-box h3 { font-size: 10px; padding: 0px;} div#login-block .warning-box p { font-size: 8px; padding: 0;} a#login-button { line-height: 100%; margin: 0; padding: 3px 5px 3px 21px; font-size: 10px; background-position: 2px 0;}