body {
	margin:0;
	background-color: #e4e4e4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
}

* { 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; }

#wrapper {
	margin: 0 auto;
	width: 880px;
	background: url(../images/shadow.png) repeat-y;
	padding: 0 7px;
}

/* Top right navigation */
#toprightnav { float:right; }
#toprightnav ul, #topnav ul { list-style:none; }
#toprightnav ul li { float: left; border-left: 1px solid #ccc; }
#toprightnav ul li a {
	display: block;
	float:left;
	padding: 11px 5px 0 5px;
	color: #999;
	height: 20px;
	text-decoration: none;
}
#toprightnav ul li a:hover {
	padding-top: 8px;
	border-top: 3px solid #c00;
}

#logo {
	padding: 31px 0 27px 33px;
}

/* Top navigation bar */
#topnav {
	border-top: 1px solid #000;
	background: url(../images/topnav_bg.png) repeat-x;
	height: 40px;
}
#topnav ul li {
	float:left;
	border-right: 1px solid #333;
	border-left: 1px solid #666;
}
#topnav ul li.noright {
	border-right: none;
}
#topnav ul li a, #topnav ul li.noright {
	display: block;
	float:left;
	background: url(../images/topnav_bg.png) repeat-x;
	height: 14px;
	padding: 13px 11px;
	color: #fff;
	text-decoration: none;
	font-size: 1em;
}
#topnav ul li a:hover {
	background-position: bottom;
}

#viki {
	background: url(../images/viki.png) no-repeat;
	padding: 54px 0 0 162px;
	font-size: 1.3em;
	font-weight: normal;
	color: #fff;
	height: 73px;
}
#breadcrumb {
	height: 0px;
	background-color: #ccc;
}
#content_wrapper {
	margin:0;
	background: url(../images/content_bg.jpg) repeat-y;
}

/* 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;
	padding-bottom: 3px;
	border-top: 1px solid #ccc;
	padding: 1px 0 0 0;
}
#menu ol li h3 {
	background-color: #eee;
	padding: 2px 0 2px 4px;
	font-size: 1em;
}
#menu ol li a {
	color: #666;
	display:block;
	text-decoration: none;
}
#menu ul {
	list-style: square;
	color: #c00;
	margin: 0 0 0 20px;
}
#menu ul li {
	font-weight: normal;
	border: none;
	font-size: 12px;
}
#menu ul li a {	padding: 2px; display: block; color: #333; border: 1px solid #fff; border-width: 0 2px 1px 0; }
#menu ul li a:hover {  border-color: #ddd; background-color: #f5f5f5; }

/*
 * General content style 
 */
#content {
	margin-left: 220px;
	padding: 6px 12px 6px 6px;
	width: 642px;
	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; }
#content h3 { font-size: 1.2em; color: #444; margin: 0 0 1em 0; }
#content p { margin: 0 0 1em 0; padding:0; }
#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; 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; }
#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_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; padding-left: 48px; }

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

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

/* 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_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:146px; 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; }
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 4px 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: #333; color: #ddd; font-weight: bold; padding: 3px; }

/* 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; }