@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.navbody, div.main div.navbody2 { width: 160px;} div.main div.navbody div.lo, div.main div.navbody2 div.lo { background-color: #F8F8F8; margin: 0;} div.main div.navbody div.ro, div.main div.navbody2 div.ro { background-color: #F8F8F8;} div.main div.navbody div.om { background-color: #F8F8F8; margin: 0; padding: 0px;} div.main div.navbody2 div.om { background-color: #F8F8F8; margin: 0; padding: 0px;} div.main div.navbody div.ml, div.main div.navbody2 div.ml, div.main div.navbody div.mr, div.main div.navbody2 div.mr, div.main div.navbody div.inhalt, div.main div.navbody2 div.inhalt { background-color: #F8F8F8; margin-left: 0px; margin-right: 0px;} div.main div.navbody div.inhalt, div.main div.navbody2 div.inhalt { background-color: #F8F8F8; margin: 0; padding: 0;} div.main div.navbody div.ul, div.main div.navbody2 div.ul, div.main div.navbody div.ur, div.main div.navbody2 div.ur, div.main div.navbody div.um, div.main div.navbody2 div.um { background-color: #F8F8F8; margin-left:0; margin-right:0;} div.info-hotline { background-image:url("/images/site/info-hotline.png"); background-repeat:no-repeat; height:185px; width:206px; margin: 20px 40px 0px 0px;} div.info-ausgezeichnet1 { background-image:url("/images/site/info-ausgezeichnet_01.png"); background-repeat:no-repeat; height:124px; width:206px; margin: 20px 40px 0px 0px;} div.info-ausgezeichnet2 { background-image:url("/images/site/info-ausgezeichnet_02.png"); background-repeat:no-repeat; height:62px; width:206px; margin: 0px 40px 0px 0px; padding: 0px 0px 0px 20px;} div.main div.tablebody { padding-left:0;} div.main div.tablebody { width:960px; padding:0; margin:0;} div.main div.lo { background: transparent top left no-repeat; background-color: #F8F8F8; height:19px;} div.main div.ro { background: transparent top right no-repeat; background-color: #F8F8F8; height:19px;} div.main div.om { background: transparent repeat-x; background-color: #F8F8F8; height: 19px; margin-left: 15px; padding: 0px;} div.main div.ml { background: transparent top left repeat-y; background-color: #F8F8F8; margin-right: 15px;} div.main div.mr { background: transparent top right repeat-y; background-color: #F8F8F8;} div.main div.inhalt { background: #F8F8F8; background-color: #F8F8F8; margin-left: 15px;} div.main div.ul { background: transparent bottom left no-repeat; background-color: #F8F8F8; height:21px; margin-right: 15px;} div.main div.ur { background: transparent bottom right no-repeat; background-color: #F8F8F8; height:21px;} div.main div.um { background: transparent bottom repeat-x;*/ background-color: #F8F8F8; height:21px; margin-left: 15px;} div.info .spalte_info { float:right;} div.main .spalte1 { float:left;} div.main .spalte1_1 { float:left;} div.main .spalte1_2 { float: left;} div.main .spalte2_2 { margin-left: 365px;} div.main .spalte1_3 { float: left;} div.main .spalte2_3 { margin-left: 12px; float: left;} div.main .spalte3_3 { margin-left: 486px;} div.info div.spalte_info { width:180px; margin-right: 6px;} div.main div.spalte1 { width:520px; margin-left: 0px;} div.main div.spalte1_1 { width:712px; margin-left: 6px;} div.main div.spalte1_2 { width:351px; margin-left: 6px;} div.main div.spalte2_2 { width:351px;} div.main div.spalte1_3 { width: 230px; margin-left: 6px;} div.main div.spalte2_3, div.main div.spalte3_3 { width:230px;} body { margin: 0; padding: 0; font-size: 12px; color: #000000; background: none;} div.document { width: 989px; width: 989px !important; background: none; margin: 0 auto 0;} div.main { background: #F8F8F8; width: 960px; padding: 0; margin-left: 15px;} div.head { margin: 0; padding: 0; background: none;} div#navigation { width:160px; margin: 0; padding: 0px 0px 0px 25px;} div#info { width: 205px; margin: 0px; padding: 0px 25px 0px 0px;} div#content { margin: 0px 0px 0px 200px; width: 520px;} div#info .inhalt { font-size: 11px;} .head_tab { margin: 0; padding: 0;} div#navigation li { background-image: url("/images/design_normal/box_m.png") repeat-x; background-repeat: repeat; background-position: bottom; display: inline; margin: 0; padding: 0;} div#navigation li.line a { background-image: url("/images/site/line_03.png"); background-repeat:repeat-x; background-position: 0 20px; height:14px;} div#navigation li a{ padding: 4px 8px 4px 0px; font-weight: bold; margin: 0; font-size: 10px; display: block; background-repeat: no-repeat; background-position: center left;} div#navigation li a:hover { background-color: #FAEECB; color: #ff6600;} div#navigation a:hover { background-color: #FAEECB; color: #000000;} 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 { ;} 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;} .comment { color: #333333; 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;} .tablecontent { width: 520px ;} .tablestart { border-top: 4px #D4D4D4 solid; margin: 0px;} .tablemitte { border-bottom: 1px #999999 dotted; margin: 0px;} .tableend { border-bottom: 4px #D4D4D4 solid; margin: 0px;} .tabledunkel { background-color: #F1F1F1 ;} .tablefont { font:Arial, Helvetica, sans-serif; font-size:10px;} table.grid th, table.grid-std th { border:none; border-color: #c0c0c0;} table.grid td, table.grid-std td { border:none; border-color: #c0c0c0;} table.shopping-cart tr.sum { background-color:#3b4e61;} select { color: #000000; border-color: #c0c0c0; background: #f5f5f5;} input, textarea, .checkbox { color: #000000; border-color: #c0c0c0;} .button { color: #d3d3d3; border-color: #ffffff; background: #3b4e61; font-weight: bold;} th, table.grid th, table.grid-std th { background-color:#F1F1F1; border-color:#888888; color:#000000;} tr.sum td { background-color:#F1F1F1; border-color:#888888; color:#000000;} div.button1 { float: left;} div.button2 { float: right;} div.button1, div.button2 { margin: 1px 2px 4px 2px; padding: 4px 0px 7px 7px; background: url("/images/site/button2_01.png") top left no-repeat;} div.button1 a, div.button2 a { margin: 1px 2px 4px 2px; padding: 5px 9px 7px 0px; background: url("/images/site/button2_02.png") top right no-repeat; font-size: 11px; font-family:Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight : bold;} div.button1 a img, div.button2 a img { vertical-align: middle;} div.button1 a:hover, div.button2 a:hover { color: #FFFFFF;} /* div.button3 { float: left;} div.button4 { float: right;} /* div.button3, div.button4 { margin: 1px 2px 4px 2px; padding: 4px 0px 7px 7px; background: url("/images/site/button_01.png") top left no-repeat;} div.button3 a, div.button4 a { margin: 1px 2px 4px 2px; padding: 5px 7px 7px 0px; background: url("/images/site/button_02.png") top right no-repeat; font-size: 11px; font-family:Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight : bold;} div.button3 a img, div.button4 a img { vertical-align: middle;} div.button3 a:hover, div.button4 a:hover { color: #FFFFFF;} div.button5 { float: left;} div.button6 { float: right;} div.button5, div.button6 { margin: 1px 2px 4px 2px; padding: 4px 0px 7px 7px; background: url("/images/site/button3_01.png") top left no-repeat;} div.button5 a, div.button6 a { margin: 1px 2px 4px 2px; padding: 5px 7px 7px 0px; background: url("/images/site/button3_02.png") top right no-repeat; font-size: 11px; font-family:Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight : bold;} div.button5 a img, div.button6 a img { vertical-align: middle;} div.button5 a:hover, div.button6 a:hover { color: #FFFFFF;} */ a, .link { color: #000000; background-color: transparent;} a:hover { color: #ff6600; background-color: transparent;} div.head { height: 253px; width: 989px; display: block; float: none;} div.content-area h1 { height: 170px; text-indent:-700em; background-image: url("/images/site/head_04.png"); background-repeat:no-repeat; background-color:#FFFFFF;} div.head2 { height: 9px; width: 989px; display: block; float: none;} div.content-head { height: 9px; background-image: url("/images/site/head_11.png"); background-repeat:no-repeat; background-color:#FFFFFF;} a.nav-head { background-repeat: no-repeat; background-position: 0; height: 83px; display: block; float: left;} .content-area a { background-position: 0px 0px; background-repeat: repeat-no;} .content-area a.button-warenkorb { width: 205px; background-image: url("/images/site/head_05.png"); padding-left:30px;} .content-area a.button-webspace { width: 151px; background-image: url("/images/site/head_06.png");} .content-area a.button-managedweb { width: 152px; background-image: url("/images/site/head_07.png");} .content-area a.button-domains { width: 152px; background-image: url("/images/site/head_08.png");} .content-area a.button-gameserver { width: 152px; background-image: url("/images/site/head_09.png");} .content-area a.button-voiceserver { width: 147px; background-image: url("/images/site/head_10.png");} div#initpage-boxes a:hover fieldset { border-color: #fff; background-color: #718ea3;} div#initpage-boxes a:hover { color: #fff;} div#initpage-boxes a:hover .read-more { text-decoration: underline;} h2 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#ff6600 ;} h3 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:24px; color:#ff6600; font-weight:100 ;} h4 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#ff6600 ;} p { font-size: 10px ;} strong { color:#ff6600 ;} th { font-size: 10px ;} table.shopping-cart tr, table.shopping-cart td { font-size: 10px ;} .passwordCustomer { font-size: 10px ;}