html {
    overflow-y: scroll;
}

body {
    margin:0;
    padding:0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    /*background: url(/images/bg.png) repeat-x center top #fff;*/
    background: #fff;
}

* { margin:0; padding:0; }
a { outline: none; color: #a10100; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
p { margin: 0 0 2em 0; }

.clear { clear: both; height:0; line-height:0; font-size:0; text-indent: -999em; }

#wrapper {
    margin: 0 auto 1em auto;
    width: 890px;
    padding: 0 7px;
}

#header {
}

#logo {
    padding: 25px 0 25px 10px;
    margin-right: 32px;
}

/* Top navigation bar */
#topnav {
    padding-top: 40px;
    height: 40px;
    float:right;
}
#topnav ul { list-style: none; }
#topnav ul li {
    float:left;
}
#topnav ul li.last {
    border-right: none;
}
#topnav ul li a {
    display: block;
    float:left;
    line-height: 28px;
    height: 31px;
    padding: 0 24px;
    color: #fff;
    text-decoration: none;
    font-size: 1em;
    background: url(/images/menu.png) no-repeat -4px 0;
    text-shadow: 1px 1px 1px #333;
}
#topnav ul li.separator {
    background: url(/images/menu-break.gif) no-repeat;
    float:left;
    height:31px;
    width:2px;
    font-size:0;
}
#topnav ul li.first a {
    background-position: 0 0;
}
#topnav ul li.last a {
    background-position: right top;
}

#topnav ul li a:hover {
    background-position: -4px -31px;
}
#topnav ul li.first a:hover {
    background-position: 0 -31px;
}
#topnav ul li.last a:hover {
    background-position: right center;
}

#topnav ul li a.active {
    background-position: -4px -62px;
}
#topnav ul li.first a.active{
    background-position: 0 -62px;
}
#topnav ul li.last a.active {
    background-position: right bottom;
}

#slogan {
    padding: 31px 24px 0 0;
    font-weight: normal;
    color: #666;
}
#slogan h2 {
    font-weight: normal;
    text-align: center;
    line-height: 50px;
}

#breadcrumb {
    height: 0px;
    background-color: #ccc;
}
#content_wrapper {
    margin:12px 0 0;
    box-shadow: 0 0 3px #aaa;
    background: #fff;
}

/* Main menu (left col) */
#menu {
    float:left;
    margin-top: 2px;
    width: 220px;
}
#menu ol {
    min-height: 360px;
    list-style:none;
    color: #999;
    padding:4px;
    width: 212px;
}
#menu ol li {
    font-weight: bold;
    font-size: 1.2em;
}
#menu ol li h3 {
    padding: 8px;
    font-size: 17px;
    color: #666;
    font-weight: normal;
}
#menu ol li h3 a {
    color: #666;
}
#menu ol li a {
    color: #666;
    display:block;
    text-decoration: none;
}
#menu ul {
    list-style: none;
    color: #c00;
    margin: 0 0 1em;
}
#menu ul li {
    font-weight: normal;
    border: none;
    font-size: 13px;
    border-bottom: 1px solid #e4e4e4;
}
#menu ul li a {	padding: 10px; display: block; color: #c30005; }
#menu ul li a:hover { background-color: #f5f5f5; }

/*
 * General content style 
*/
#content {
    margin-left: 220px;
    padding: 16px;
    font-size: 1em;
    color: #333;
    line-height: 18px;
}
/* 6px padding-left - 3px IE-bug = 3px, fix it yeah! \*/
* html #content {
    padding-left:3px;
}
/* Do not hide the following for IE5mac, we don't want to exclude minorities*/
#content strong { color: #444; }
#content h2 { font-size: 1.5em; color: #444; margin: 0 0 1em 0; font-weight:normal; }
#content h3 { font-size: 1.3em; color: #444; margin: 1.5em 0 1em 0; font-weight: normal; }
#content p { margin: 0 0 1em 0; padding:0; line-height: 1.7em; text-align: justify; }
#content ul { margin-left: 16px; list-style: square; margin-bottom: 1em; }
#content ul li { color: #000; margin-bottom: 0.2em; }
#content .slogan { font-size: 1.5em; margin: 1.5em 0; color: #666; font-style: italic; text-align: center; }

/* Fieldset */
fieldset { border: 1px solid #ccc; padding: 4px; margin-bottom: 1em; }
fieldset legend { margin-left: 2px; font-size: 1.1em; font-weight: bold; padding: 0 4px; }

/* Forms */
dl { margin-bottom: 2em; }
dt { float:left; color: #666; font-size: 1.1em; }
dd { margin-left: 140px; margin-bottom: 10px; }
dd input.text, dd textarea, textarea {
    width: 76%;
    border: 1px solid #ccc;
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
    padding: 1px;
    margin-bottom: 2px;
}
dd input[type=text]:focus, dd input[type=password]:focus, dd textarea:focus, textarea:focus {
    background-color: #f5f5f5;
}
dd input[type=submit] { padding: 0 16px; }
dd em { color: #666; }

/*
 * Special content style
*/

/* Boxes */
#content div.box_left_col { float:left; margin: 0 20px 0 6px; height: 210px; width: 300px; }
#content div.box_right_col { margin: 0 0 0 332px; width: 300px; height: 210px; }

#content div.box_left_col h3,
#content div.box_right_col h3 { padding: 18px 0 0 108px; height: 18px; font-size: 2em; }

#content div.box_left_col h4,
#content div.box_right_col h4 { padding: 18px 0 0 72px; height: 44px; font-size: 1.5em; }

#content div.box_content { padding: 12px 12px 0 12px; height: 162px; }
#content div.box_content p,
#content div.box_content ul { margin-bottom:0; }
#content div.box_foot { background: url(/images/box_footer.jpg) no-repeat; height: 31px; margin-bottom: 10px; padding: 5px 0 0 124px; width: 176px; }

#content div.box_large { width: 610px; height: 160px; padding: 10px 10px 0 10px; margin: 0 0 0 6px; }
#content div.box_large h2, #content div.box_large h3 { padding: 18px 0 0 80px; height: 24px; font-size: 1.5em; margin-top:0; }
#content div.box_large p, #content div.box_large ul { margin-bottom:0; }
#content div.box_large_foot { margin: 0 0 6px 6px; padding: 5px 0 0 500px; background: url(/images/box_large_footer.jpg) no-repeat; height: 31px; }

/** Startpage **/
#content .startpage_right { float:right; width: 206px; }
#content .startpage_right_box { background: url(../images/box_bg.jpg) no-repeat; margin-bottom: 1em; padding: 4px; }

#content .startpage_domain { background: url(../images/startpage_domain_bg.png) no-repeat; width: 402px; height: 73px; margin-bottom:6px; padding: 10px 0 0 20px; }
#content .startpage_domain h3 { margin-top: 0; }
#content .startpage_webhosting { background: url(../images/startpage_webhosting_bg.jpg) no-repeat;  width: 194px; height: 88px; padding: 6px; }
#content .startpage_webvisitenkarte { background: url(../images/startpage_webvisitenkarte_bg.jpg) no-repeat;  width: 194px; height: 156px; padding: 6px; }
#content .startpage_webdesign { background: url(../images/startpage_webdesign_bg.jpg) no-repeat;  width: 194px; height: 158px; padding: 6px; }
#content .startpage_webhosting p,
#content .startpage_webdesign p { margin:0; }
#content .startpage_box_footer { background:url(../images/startpage_webhosting_bg.jpg) no-repeat 0 -100px; height: 20px; margin-bottom: 6px; padding: 2px 0 0 62px; }
#content .startpage_box_footer.webvisitenkarte { background-image: url(../images/startpage_webvisitenkarte_bg.jpg); background-position: 0 -170px; height: 24px; text-align:center; padding-left:0; }

#content .startpage_webhosting h3, 
#content .startpage_webdesign h3 { padding: 10px 0 0 80px; font-size: 1.4em; margin-top:0; }
#content .startpage_webvisitenkarte h3 { padding: 10px 0 0 70px; font-size: 1.3em; margin-top:0; }

#content .startpage_text {  width: 200px; float:left; text-align: justify; padding: 5px; }
#content .startpage_text h3 { margin-top:0; }

/* webhosting/index */
#content div.webhosting_static { background: url(/images/webhosting/static.jpg) no-repeat; }
#content div.webhosting_dynamic { background: url(/images/webhosting/dynamic.jpg) no-repeat; }
#content div.webhosting_more { margin-top: 0.5em; padding: 0 0 0 80px; }

/* webhosting/domains */
#content table.domains_prices { margin-top: 1em; width: 100%; }
#content table.domains_prices td { padding: 4px; }
#content table.domains_prices td.price strong { font-size: 16px; }
#content table.domains_prices .row1 td { background-color: #E8F2F7; }
#content table.domains_prices .row2 td { background-color: #F7F7F7; }
#content table.domains_prices .domain { width: 240px; }
#content table.domains_prices .status { width: 200px; }
#content table.domains_prices .price { width: 100px; }
#content table.domains_prices .checkbox { text-align: right; padding-right: 10px; }
#content div.domains_check {
    background: url(/images/webhosting/domain.jpg) no-repeat;
    width: 404px;
    height: 92px;
    padding: 104px 0 0 12px;
    margin-top:0;
    float:left;
}
#content div.domains_check h3 { margin-top: 0; }
#content div.domains_keyword { margin-left: 416px; padding: 40px 0 0 12px; background: url(/images/webhosting/domain_keyword.jpg) no-repeat; width: 214px; height: 156px; }
* html #content div.domains_check {
    margin: 0 -3px 0 0;
} 
* html #content div.domains_keyword {
    margin:0;
}

/* webhosting/pakete */
#content div.webhosting_web100 { background: url(/images/webhosting/webhosting-starter.jpg) no-repeat; }
#content div.webhosting_web100_foot { background: url(/images/webhosting/webhosting-starter.jpg) no-repeat 0 -174px; padding-left: 125px; }
#content div.webhosting_web500 { background: url(/images/webhosting/web500.jpg) no-repeat; }
#content div.webhosting_web1000 { background: url(/images/webhosting/web1000.jpg) no-repeat; }
#content div.webhosting_web2000 { background: url(/images/webhosting/web2000.jpg) no-repeat; }
#content div.webhosting_web10000 { background: url(/images/webhosting/web10000.jpg) no-repeat; }

/* webdesign/index */
#content div.webdesign_static { background: url(/images/webdesign/static.jpg) no-repeat; }
#content div.webdesign_dynamic { background: url(/images/webdesign/dynamic.jpg) no-repeat; }
#content div.webdesign_shop { background: url(/images/webdesign/shop.jpg) no-repeat; }
#content div.webdesign_logo { background: url(/images/webdesign/logo.jpg) no-repeat; }
#content div.webdesign_more { margin-top: 0.5em; padding: 0 0 0 80px; }

/* webdesign/logo */
#content div.logo { background: url(/images/webdesign/logo_large.jpg) no-repeat; }

/* webdesign/statische-internetseite */
#content div.statische_internetseite_1 { background: url(/images/webdesign/statische-internetseite-1.jpg) no-repeat; }
#content div.statische_internetseite_2 { background: url(/images/webdesign/statische-internetseite-2.jpg) no-repeat; }
#content div.statische_internetseite h3 { padding-left: 80px; }

/* webdesign/internetseite-mit-cms */
#content div.internetseite-mit-cms { background: url(/images/webdesign/dynamic_large.jpg) no-repeat; }

/* webdesign/online-shop */
#content div.online-shop { background: url(/images/webdesign/online-shop.jpg) no-repeat; }

#content ul.checklist { margin-left:10px; list-style:none; }
#content ul.checklist li { padding: 2px 0 0 40px; background: url(/images/pfeil.png) no-repeat left; height: 38px; }
#content h3.checklist { background: url(/images/pfeil.png) no-repeat left; padding: 10px 0 0 40px; height: 30px; margin-left: 6px; }

/* webdesign/kriterien */
#content ul#kriterien { list-style:none; }
#content ul#kriterien li { border-bottom: 1px dashed #ddd; }
#content ul#kriterien li.right { padding-right:160px; background-position:top right !important; }

/* service/pressemitteilungen */
#content div.pressemitteilungen { background: url(/images/service/pressemitteilung.jpg) no-repeat; }

/* service/print */
#content div.visitenkarte { background: url(/images/service/visitenkarte.jpg) no-repeat; }
#content div.plakat { background: url(/images/service/plakat.jpg) no-repeat; }
#content div.briefpapier { background: url(/images/service/briefpapier.jpg) no-repeat; }
#content div.flyer { background: url(/images/service/flyer.jpg) no-repeat; }

/* service/seo */
#content div.seo { background: url(/images/service/seo.jpg) no-repeat; }

/* referenzen */
#content ul.referenz_cat, ul.referenz_cat { list-style: none; height: 32px; margin:1em 0; }
ul.referenz_cat li { float:left; list-style: none; }
ul.referenz_cat li.last { float: none; border-bottom: 1px solid #666; height: 31px; }
ul.referenz_cat li a {
    border: 1px solid #ccc;
    border-width: 1px 0 1px 1px;
    border-bottom-color: #666;
    display: block;
    width: 100px;
    height: 24px;
    background-color: #eee;
    text-align: center;
    padding-top:5px;
    margin-top: 1px;
}
ul.referenz_cat li a.active {
    border-bottom-color: #fff;
    height: 25px;
    background-color: #fff;
    margin-top: 0;
}
#content div.referenz { border-bottom: 1px dotted #ccc; margin-bottom: 1em; height: 100px; }
#content div.referenz_picture { float:left; margin: 0 16px 4px 0; height: 92px; overflow: hidden; }
#content div.referenz_picture img { border: none; }
#content div.referenz_text { margin-left: 134px; }

/* warenkorb */
#content div.warenkorb { float: right; width: 210px;}
#content div.warenkorb h3 { font-size: 1.1em; font-weight: bold; border-bottom: 1px solid #000;}

/* ################## BACKEND ################### */
#content.design { padding-top:0;}
.design_sector { float:left;width:370px;margin-right:10px;border:1px solid #003366;padding:1px;}
#content .design_sector h2 { background: #003366; color: #fff !important; margin:0; }
#content .design_sector div { overflow:auto; height:210px;}
#content .design_sector ul { margin:0;padding:0 0 6px 0;}
#content .design_sector ul li { list-style: none; }
#content .design_sector ul li a { display: block; width:48%;background: #eee;padding:2px;float:left;margin:1px; }

/* footer */
#footer { clear:left; background-color: #efefef; border-top: 1px solid #aaa; color: #333; font-weight: normal; padding: 6px; font-size: 0.9em; }

/* Table styles */
table {
    width: 100%;
}
table th {
    background-color: #383838;
    color: #fff;
    padding: 4px 0;
    border-right: 2px solid #fff;
    border-bottom: 1px solid #fff;
}
table td {
    padding: 4px;
    border-bottom: 1px solid #fff;
    border-right: 2px solid #fff;
    text-align: center;
}
table.paketvergleich td {
    width: 64px;
}
table.webbanner td {
    width: 151px;
}
table.bestellung td {
    text-align: left;
}
table.bestellung td.price {
    text-align: right;
}
table.paketvergleich td.label { text-align: left; width: 336px; }
table.paketvergleich td div.inf { font-size: 1.4em; }
.row1 td { background-color: #E8F2F7; }
.row2 td { background-color: #F7F7F7; }

.addr, .chk { display: none; }

.erstellenButton {
    display:block;
    width:219px; height:20px;
    color:#fff; font-size:1.5em; text-align:center; font-family:Arial,Helvetica,sans-serif;
    padding:6px 4px;
    background: url(/images/webcard/startseiteButtonBg.jpg) no-repeat;
}
a.erstellenButton:hover { color: #ffff00; }
.erstellenButton.blue { background: url(/images/webcard/startseiteButtonBlue.jpg) no-repeat; }
.erstellenButton.blue:hover { color: #33ccff; }


/** Admin **/
#sf_admin_container div.wv_admin_td_actions>a { display: block; height: 16px; padding: 2px; }
#sf_admin_container div.wv_admin_td_actions { position: relative; }
#sf_admin_container div.wv_admin_td_actions:hover { z-index: 20; border-bottom-color: #fff; background: #fff; }
#sf_admin_container ul.wv_admin_td_actions { padding: 4px; display: none; position: absolute; top: -3px; left: -3px; list-style: none; background: #fff; width: 240px; z-index: 10; border: 1px solid #ccc; }
#sf_admin_container .wv_admin_td_actions a { }
#sf_admin_container div.wv_admin_td_actions:hover ul { display: block; }

#slider { height: 200px; overflow: hidden; }
#slider ul { list-style: none; }

#teaser { height: 200px; width: 890px; background:url(/images/startimage.png) no-repeat; position: relative; }
#teaser h1 { font-size: 2.8em; color: #fff; font-weight: normal; line-height: 1.8em; padding-left: 220px; padding-top: 36px; letter-spacing: 2px; word-spacing: 6px; }
#teaser h1 .big { font-size: 1.2em; }
#teaser h1 .secondline { padding-left: 50px; }
#teaser .cta { position: absolute; display: block; top: 117px; left: 555px; width: 286px; height: 47px; color: #fff; line-height: 47px; text-align: center; font-size: 1.7em; }
#teaser .cta:hover { font-size: 1.8em; text-decoration: none; }
#teaser .referenzen { position: absolute; display: block; width: 286px; top: 168px; left: 555px; color: #fff; text-align: center; }

#referenzen { padding: 0 0 16px 36px; height: 133px; }
#referenzen li { float: left; margin-right: 32px; list-style: none; }
#referenzen img { border: 1px solid #ccc; padding: 2px; }

.text { margin-top: 2em; }
.text a { color: #777; text-decoration: none; }
.text a:hover { text-decoration: underline; }
.text strong { font-weight: normal; }
.text li { float: left; color: #999; width: 270px; margin: 4px 10px; list-style:none; height: 136px; }