@charset "utf-8";
/* CSS Document */
* 			{padding:0; margin:0;list-style:none;}
html,body 	{height:100%;}
body {
	font-family: "Trebuchet MS", Trebuchet MS,Arial, Helvetica, sans-serif;
	background: url(../images/body_bg.png) repeat-x; 
	color:#000;
}
body.design_bg {background: url(../images/design_bg.jpg) #000; repeat-x;}
img {border:none;}
a {text-decoration:none; 	color: #fffff;}
a:link, a:visited, a:focus {
	color: #fffff;
}
div.clear {
	clear: left;
	height: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

h1{font-size:18px;color:#444; padding-bottom:6px;}
h2{ font-size:14px;color:#666666; padding: 6px 0 0 10px;}
h3{ font-size:14px;color:#000; padding: 6px 0 0 10px; }
/* FOOTER */
.footer, .innerfooter {
    clear:left;
}
p#footer_pang {text-align:center;font-size:11px;color:#999;}
.footer {background:#fff;border-top:1px solid #d8d8d8; position:relative; top:46px;}
.innerfooter {
	width:880px; 
	margin:0 auto;
	background:url(../images/rubberstamp.gif) 705px 10px no-repeat; 
	position:relative;
	height:215px;
}
div#imprint {
	position:absolute;
	top:150px; 
	right:18px;
	color:#999;
	font-size:11px;
	width:178px;	
}
ul#footer_menu { position:relative; top:10px; left:34px;}
ul#footer_menu li {float:left;padding:0 10px 0 0;width:100px;}
ul#footer_menu li a {font-size:12px;font-weight:bold; color:#333;}
ul#footer_menu li ul li {clear:left;padding:3px 0 0 0;}
ul#footer_menu li ul li a { font-size:11px; color:#666;}

ul#footer_menu li ul li a p,
ul#footer_menu li ul li a span,
ul#footer_menu li a img,
ul#footer_menu li ul li ul{
 display:none;
}

/* LINK HEADER replacement */
.replace{ 
	position:relative; 
	margin:0px; 
	padding:0px; 
	/* hide overflow:hidden from IE5/Mac */
	/* \*/ 
	overflow: hidden; 
	/* */ 
} 
.replace span{
	display:block;
	position:absolute;
	top:-1px;
	left:-1px;
	z-index:1;
	/*for Opera 5 and 6*/ 
} 
/*LINK HEADER END */
#header {width:880px; margin: 0 auto;position:relative;}
#newsscroller {
	width:880px; 
	margin: 0 auto;
	height:38px; 
	font-size:14px;
	position:relative;
	z-index:10;
	line-height:35px;
	text-align:center;
}
.newsscroller_center {text-align:center;}
#newsscroller a, #newsscroller a:visited {font-size:14px;text-decoration:underline;color:#333;}

/**********************
  TEASER 
**********************/
#teaser {
	height:396px;
	width:898px;
	position:relative; 
	top:-9px;
	z-index:1;
	margin:0 auto;
}
#teaser_content {
	background:url(../images/teaser.jpg) no-repeat;
	height:396px;
	position:relative;
}
#teaser_referenz {
	width:898px;
	position:relative; 
	top:-9px;
	z-index:1;
	margin:0 auto;
	height:515px;
	position:relative;
}
#teaser_gruende, #datenschutz {
	width:898px;
	position:relative; 
	top:-9px;
	z-index:1;
	margin:0 auto;
	position:relative;
	min-height:565px;
	height:auto !important;  /* für moderne Browser */
	height:565px;  /*für den IE */
}
#teaser_gruende ul li {width:218px;height:125px;border:1px solid #ccc;float:left;}
#datenschutz ul li {padding-left:15px;font-size:13px;font-weight:bold; list-style-type:circle; list-style-position:inside;}

#teaser_design {
	background:url(../images/design_teaser.jpg) no-repeat;
	height:396px;
	position:relative;
	overflow:hidden;
}
#teaser_print {
	background:url(../images/print_teaser.jpg) no-repeat;
	height:396px;
	position:relative;
}
#teaser_newsletter {
	background:url(../images/newsletter_teaser.jpg) no-repeat;
	height:396px;
	position:relative;
	overflow:hidden;
}
#teaser_tools {
	background:url(../images/tools_teaser.jpg) no-repeat;
	height:396px;
	position:relative;
	overflow:hidden;
}
#teaser_content ul {position:absolute; bottom: 33px;left:21px;}
#teaser_content ul li {float:left;margin-right:25px;width:168px;height:35px;}
#teaser_btn li a, #teaser_btn li a span {cursor:pointer;width:168px; height:35px; background:url(../images/teaser_buttons.jpg) no-repeat; display:block; }

/* SLIDES CAROUSEL */
#simpleCarousel div.slide{
	position:absolute;
	top:9px;
	width:237px;
	height:294px;
	right:9px;
}
#simpleCarousel div.slide p, #simpleCarousel div.slide h1{
	position:absolute;
	top:0px;
	width:237px;
	height:294px;
	right:0px;
	z-index:0;
	font-size:8px;
	}
#simpleCarousel div.slide_img  {
	position:absolute;
	width:237px;
	height:294px;
	top:0px; right:0px;z-index:10;}
#simpleCarousel div.slide_web {
	background:url(../images/teaser_slide_web.jpg) no-repeat;
	}
#simpleCarousel div.slide_mail {
	background:url(../images/teaser_slide_mail.jpg) no-repeat;}
#simpleCarousel div.slide_domain {
	background:url(../images/teaser_slide_domain.jpg) no-repeat;}
#simpleCarousel div.slide_design {
	background:url(../images/teaser_slide_design.jpg) no-repeat;}
/* Buttons CAROUSEL */
#teaser_btn li a#tb_hosting,
#teaser_btn li a#tb_hosting span, 
#teaser_btn li.off a#tb_hosting,
#teaser_btn li.off a#tb_hosting span{
	background-position:  0 -35px ; }	
#teaser_btn li a#tb_mail, 
#teaser_btn li a#tb_mail span, 
#teaser_btn li.off a#tb_mail, 
#teaser_btn li.off a#tb_mail span {
	background-position: -168px -35px ;}
#teaser_btn li a#tb_domainservice,
#teaser_btn li a#tb_domainservice span, 
#teaser_btn li.off a#tb_domainservice,
#teaser_btn li.off a#tb_domainservice span {
	background-position: -336px -35px  ;}	
#teaser_btn li a#tb_design,
#teaser_btn li a#tb_design span,
#teaser_btn li.off a#tb_design,
#teaser_btn li.off a#tb_design span {
	background-position: -506px -35px;}

#teaser_btn li a#tb_hosting:hover, 
#teaser_btn li a#tb_hosting:hover span,
#teaser_btn li.selected a#tb_hosting,
#teaser_btn li.selected a#tb_hosting span {
	background-position:  0 0; }	
#teaser_btn li a#tb_mail:hover, 
#teaser_btn li a#tb_mail:hover span,
#teaser_btn li.selected a#tb_mail, 
#teaser_btn li.selected a#tb_mail span  {
	background-position: -168px 0;}
#teaser_btn li a#tb_domainservice:hover,
#teaser_btn li a#tb_domainservice:hover span,
#teaser_btn li.selected a#tb_domainservice,
#teaser_btn li.selected a#tb_domainservice span   {
	background-position: -336px 0;}	
#teaser_btn li a#tb_design:hover,
#teaser_btn li a#tb_design:hover span,
#teaser_btn li.selected a#tb_design,
#teaser_btn li.selected a#tb_design span  {
	background-position: -506px -0;}
	
/* EMAIL MARKETING */
#emailCarousel div.slide{
	position:absolute;
	width:460px;
	height:294px;
	left:70px;
	top:95px
}
#email_btn {position:absolute; bottom:24px; font-size:14px;left:53px;}
#email_ref_btn {position:absolute; bottom:185px; font-size:12px;left:53px;}
#email_btn li, #email_ref_btn li {float:left; padding:12px;}
#email_btn li a, #email_ref_btn li a{cursor:pointer;display:block;padding:5px;}

#emailCarousel div.slide h1{ font-size:18px;}
#emailCarousel div.slide p { font-size:14px;padding-bottom:5px;}
#emailCarousel div.slide p, #emailCarousel div.slide h1{
	position:relative;
	top:0px;
	color:#f5f5f5;
	left:0px;
	z-index:0;
	}
#emailCarousel div.slide ul {margin:5px; position:absolute; left:3000px;}
#emailCarousel div.slide li {color:#fff; list-style-type: disc; font-size:14px; list-style-position:inside;}
#email_ref_btn a:hover {color:#EA8823;}
#email_ref_btn a, #email_ref_btn a:visited {color:#fff;}
#email_btn .off a, #email_btn .off a:visited {color:#fff;}
#email_btn .selected a, #email_btn .selected a:visited {color:#666;}

#toolsCarousel div.slide{
	position:absolute;
	width:460px;
	height:294px;
	left:50px;
	top:48px;
	overflow:visible;
}
#toolsCarousel div.slide h1{ position:relative; font-size:18px;}
#toolsCarousel div.slide p { font-size:14px;padding-bottom:5px; }
#toolsCarousel div.slide p, #toolsCarousel div.slide h1{
	position:relative;
	top:0px;
	color:#f5f5f5;
	left:0px;
	z-index:15;
	}
#toolsCarousel div.slide ul {margin:5px; position:absolute; z-index:15; }
#toolsCarousel div.slide li {color:#fff; list-style-type: disc; font-size:14px; list-style-position:inside;}

#tools_btn li {float:left; padding:12px;}
#tools_btn li a{cursor:pointer;display:block;padding:5px;}
#tools_btn {position:absolute; bottom:24px; font-size:14px;left:53px;}
#tools_btn .off a, #tools_btn .off a:visited {color:#fff;}
#tools_btn .selected a, #tools_btn .selected a:visited {color:#666;}

#toolsCarousel img.toolspic {left:402px;position:absolute;top:-39px; z-index:5;}

/* END SLIDES CAROUSEL */
#subteaser {width:880px; margin: 0 auto;}
#box_content {
	width:880px; 
	margin: 0 auto; 
	position:relative;
	top:9px;
}

/* Index Boxen */
#box_content form {padding: 5px 20px;}
#box_content div {float:left; position:relative;}
#box_content div.box_spacer {margin-left:14px;}
#box_content div h3 {
	font-size:16px; 
	font-weight:normal;
	padding: 15px 20px 10px 20px;
}
#box_content div p strong {text-decoration:underline;}
#box_content a.info_bt {
	position:absolute;
	bottom:15px;
	left:20px;
}
#box_content a.info_bt,#box_content a.info_bt span {
	cursor:pointer;
	width:240px;
	height:28px;
	background:url(../images/box_buttons.png) no-repeat;}
	
#box_content a.domain,#box_content a.domain span {background-position: 0 -28px;}

#subbox_left, #subbox_mid, #subbox_right {
	width:284px;
	height:175px;
	background:url(../images/subbox.jpg) no-repeat;
}

#design_subbox_left, #design_subbox_mid, #design_subbox_right {
	width:284px;
	height:175px;
	background:url(../images/design_subbox.jpg) no-repeat;
}

#subbox_right_small {
	width:284px;
	height:90px;
	background:url(../images/subbox_grey_small.jpg) no-repeat;}
	
#subbox_left{background-position: 0 0;}
#subbox_mid {background-position:  0 -175px;}
#subbox_mid ul{
font-size:12px;
list-style-image:none;
list-style-position:inside;
list-style-type:disc;}
#subbox_right {background-position: 0 -350px;}
#subbox_left p  {
	font-size:12px;
	padding: 0 85px 0 20px;
	white-space: normal;
}
#subbox_right p, #subbox_mid p{
	font-size:12px;
	padding: 0 20px 0 20px;
	white-space: normal;
}
#subbox_right p span{font-size:10px;}
#subbox_right p span a{font-weight:bold; color: #000;}
#subbox_right p span a:hover {text-decoration:underline;}
#subbox_right form input.domain_submit { position:absolute; bottom:15px;left:20px;}
#subbox_right span, #subbox_right_small span {font-size:11px;}
#domaincheck {width:100px;}
#domainlist {width:55px;}

#subbox_right_small {
	width:284px;
	height:90px;
	background:url(../images/subbox_grey_small.jpg) no-repeat;
	text-align:center;
	margin-top:12px;
	padding-top:5px;
	}
#subbox_right_small form input.domain_submit {position:relative; top:8px;}

.subbox p {
	font-size:12px;
	padding: 0 20px 0 20px;
	white-space: normal;
}

/* INHALT SEITEN  */
#inhalt_content {
	width:898px;
	background: url(../images/inhalt_content_bg.jpg) no-repeat;
	min-height:565px;
	height:auto !important;  /* für moderne Browser */
	height:565px;  /*für den IE */
	margin: 0 auto;
	position:relative;
	top:18px;
}

#inhalt_content .header, #inhalt_content .body  {
	width:880px; 
	margin:0 auto;
} 
#inhalt_content .header {height:122px; position:relative;}
#inhalt_content .header img {position:relative;top:38px;left:34px;}
#inhalt_content .body {width:812px; background-color:#fff;padding: 0 34px;}
/*************
E-Mailmarketing design
***********/	

#marketing_content {
	width:898px;
	background: url(../images/newsletter_system_teaser.jpg) no-repeat;
	min-height:565px;
	height:auto !important;  /* für moderne Browser */
	height:565px;  /*für den IE */
	margin: 0 auto;
	position:relative;
	top:18px;
}
#marketing_content .header {
	height:122px;
	position:relative;
}
#marketing_content .header, #marketing_content .body {
	margin:0 auto;
	width:880px;
}
#marketing_content .header {height:122px; position:relative;}
#marketing_content .header img {position:relative;top:38px;left:34px;}
#marketing_content .body {width:812px; background-color:#fff;padding: 0 34px;}
#marketing_navi {height:31px;width:815px; background: url(../images/newsletter_system_navi_bg.gif) no-repeat; margin-top:10px; padding:3px 10px;}
#marketing_navi ul li {line-height:24px; padding: 0 12px;}
#marketing_navi ul li a:hover { text-decoration:underline;}
div.content_info, div.faq_info{margin-top:20px; padding: 5px 10px 10px 10px; position:relative;} 
div.marketing_info {padding: 0; } 
#marketing_panel .panel div{ font-size:12px; padding:10px; float:left; width:310px;}
#marketing_panel .panel p{ font-size:12px; }
#marketing_panel .panel div p{ width:310px;}
#marketing_panel .panel p.last{ font-size:12px; width:770px;}
#marketing_panel .panel ul {padding:10px;}
#marketing_panel .panel ul li {font-size:12px; list-style:disc inside;}
.mark_2 {padding: 15px 0 0 10px;}
.mark_2 div {float:left;}

a.news_img {display:block;float:right; padding:10px;}

/****
NEWSLETTER TABLE TARIFE 
*****/

.newsletter_table {margin-top:10px;}
.newsletter_table td {text-align:center; font-size:12px;height:30px;}
.newsletter_table th {text-align:center; font-size:14px;}
.newsletter_table td.feature, .newsletter_table th.feature {text-align:left;width:138px;padding-left:10px;}
#news_einführung {bottom:130px;color:#EA8823;font-size:18px;left:70px;position:absolute;}

div.content_info p {width:470px; color:#333; font-size:13px;}
div.content_info #subbox_right {}
div.faq_info p{color:#333; font-size:13px;}

div.text_addon {background:url(../images/addon.jpg) top right no-repeat;height:185px;}
div.text_domain {background:url(../images/puzzle.jpg) right -13px no-repeat;height:222px;}
div.text_hosting {height:84px;}
div.text_mailserver {background:url(../images/mailserver.jpg) no-repeat;height:200px;background-position: right -30px ;}
div.text_pushmail {background:url(../images/pushmail.jpg) no-repeat;height:156px;background-position: right top ;}
div.text_payback {background:url(../images/payback_money.jpg) no-repeat;height:210px;background-position: right top ;}
div.text_marketing {background:url(../images/newsletter_system_head.jpg) no-repeat 33px 10px; height:120px;padding:20px 0 0 200px;}

div.panel p.tabtext {font-size:13px; padding-top:10px;}
.content_img_fl {float:left;padding:30px 25px 30px 0;}
.eingerückt {margin-left:200px;}

.stretchtoggle { cursor:pointer;}
#inhalt_content img.conten_body_btn {
	 position:absolute; top:0; right:0;}
ul#myTabs { clear:right;}
ul#myTabs a{
	font-size:14px;
	cursor:pointer;
	}
ul#myTabs li {
	float:left; 
	height:38px; 
	padding: 0 10px;}
#marketing_navi ul li {line-height:24px; height:24px;padding: 0 12px;}	
.on {text-decoration:underline;}
.off {}
.panel p, #domainservice_form label {font-size:11px;padding:10px;}
.table_head_info {font-size:12px;}
table.tarif_informationen {
	width:812px;
	background:url(../images/tbody_bg.png) repeat-x;
}

table.tarif_informationen tr.dark, .newsletter_table tr.dark  {
	background: url(../images/dark_bg.png) repeat-x;
}

table.tarif_informationen thead th{
	font-size:14px; 
	height:38px; 
	color:#fff;
	font-weight:normal
}
table.tarif_informationen thead th.features, table.tarif_informationen thead th.info{
	padding-left:10px;
	text-align:left;
}
table.tarif_informationen tbody td{
	font-size:13px;
	height:40px;
	padding:0 10px;
}
table td.features,table th.features {width:150px;}
table td.tarif, table th.tarif {width:80px;text-align:center;}
table tbody td.info {font-size:11px;}
div.addon table tbody td.info {width:200px;}
table tbody td.tarif_button { text-align:center;}

a#order_btn, a#order_btn span {
	cursor:pointer;
	width:165px;
	height:30px;
	display:block;
	margin: 0 auto;
	background:url(../images/order_start.gif) no-repeat 1px 0px;;
}
a#order_btn:hover, a#order_btn:hover span {
	background-position: 1px -30px;
	}

	
/*************
Inhalt design
***********/
#design_banner {margin-top:30px;}
#email_banner  {margin-top:30px;float:left; margin-left:15px;}
.box_content_p {float:left; color:#777; font-size:11px; margin-left:15px; width:515px;margin-top:35px;}

/*************
Inhalt ABOUT
***********/
h4 {margin:30px 0 0 48px;float:left;width:150px;line-height:48px}
.digits {margin:30px 0 0 48px;width:80px;height:48px;float:left; background:url(../images/10_reasons_digits.jpg) no-repeat;}
.reasons {height:65px;margin:30px 0 0 48px;width:410px; float:left;font-size:13px;}
.r1 { background-position: 0 0;}
.r2 { background-position: 0 -48px;}
.r3 { background-position: 0 -95px;}
.r4 { background-position: 0 -144px;}
.r5 { background-position: 0 -192px;}
.r6 { background-position: 0 -240px;}
.r7 { background-position: 0 -288px;}
.r8 { background-position: 0 -336px;}
.r9 { background-position: 0 -384px;}
.r10 { background-position: 0 -432px;}
/*************
Inhalt AGB
***********/
h3.toggler {text-transform: uppercase;}
.docs h3.toggler{padding: 10px 0px 5px 10px;}
.element p {font-size:13px; padding:10px;}
.element a:link, .element a:visited{color:#000000;}
.docs div.element p {padding: 3px 10px;}
#impressum {float:left;width:220px;}
#kontakt {width: 600px;margin-left:10px;float:left;}
#impr_formular td {font-size:13px;padding:2px 5px}
#impr_formular fieldset {margin: 10px; padding:5px;} 
#impr_formular legend {padding-left:5px;font-size:13px;}
#field1, #field2 {float:left;}
#field3 {clear:left;}
#impr_formular select {width:60px;}
.docs div p.acrobatdownload {line-height:30px;text-decoration:underline;}
.docs_box {border:1px solid #ccc;}
.docs_adobe {margin-top:20px; font-size:13px;}

/*************
Formulare Domainservice
***********/
#f1,#f2,#f3,#f4 {width:380px;float:left; margin-bottom:10px;}
#f1, #f3 {margin-right:10px}
#f2, #f4 {margin-left:10px}
#f3 {clear:left;}
#domainservice_form fieldset {padding:5px;}
#domainservice_form table td {padding:2px 0;}
#domainservice_form textarea {margin-left:10px;}

/*************
Formulare Domainservice
***********/
#payback_tab {margin:0 0 10px 10px;}
#payback_tab th, #payback_tab td {font-size:13px; padding:5px;border-top:1px solid #ccc;border-left:1px solid #ccc;}
#payback_tab th.border_r, #payback_tab td.border_r {border-right:1px solid #ccc;}
#payback_tab th.no_border {border:0;}
#payback_tab tfoot tr td {text-align:right; border-left:0; font-size:11px; color:#333;}