body {
	cursor: default;
	padding: 0;
	margin: 0;
	text-align: center;
	background: url(bg.gif) repeat-x 0 66px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	z-index: 0;
	position: relative;
}

br.clear{
clear:both;
height:1px;
font-size:1px;
line-height:1px;
visibility:hidden;
}

a img{
	border:none;
}

#bg {
	position: absolute;
	top: 66px;
	left: 0;
	width: 100%;
	height: 679px;
	background: url(bg_content.gif) no-repeat center;
	z-index: -1;
}

p {
	text-align: justify;
	clear: none;
}

#head {
	width: 775px;
	margin: 0 auto;
	position: relative;
	padding-top: 200px;
	text-align: left;
}

img {
	border: none;
	vertical-align: middle;
}

input {
	vertical-align: middle;
}

table input, textarea {
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #00305F;
	border: 1px solid #DCEAF2;
}

table input:hover, textarea:hover {
	border: 1px solid #EFF5F9;
}

table input:focus, textarea:focus {
	border: 1px solid #00305F;
}

table input.submit {
	cursor: pointer;
	background: White;
	font-weight: bold;
	color: #00305F;
	border: 1px solid #DCEAF2;
	padding: 4px;
}

table input.submit:hover {
	color: #DCEAF2;
	background: #00305F;
}

form {
	margin: 0;
	padding: 0;
}

table {
	margin: 10px 0 0 10px;
}

table tfoot td.submit {
	text-align: center;
}

form td, form th {
	padding: 3px;
	background: #EFF5F9;
}

form th {
	text-align: right;
	padding: 0;
}

form tr:hover td, form tr:hover th {
	background: #DCEAF2;
}

form th label {
	display: block;
	width: 150px;
	vertical-align: middle;
	clear: left;
	padding: 3px 10px;
	text-align: right;
	font-weight: bold;
}

address {
	margin: 10px;
	font-style: normal;
}

address span {
	margin-left: 10px;
	display: block;
}

hr {
	margin: 5px 0;
	height: 1px;
	border: 0;
	color: #333;
	background: #DCEAF2;
	width: 400px;
	margin-right: 200px;
}

hr.short, p hr {
	width: 50px;
	margin: 2px 0;
	margin-right: 550px;
}

a span {
	display: none;
}

form {
	margin: 0;
	padding: 0;
}

h1 {
	margin: 0;
	padding: 0;
	left: 10px;
	top: 10px;
	position: absolute;
}

.center {
	text-align: center;
	position: relative;
}

object#logo_flash {
	width: 773px;
	height: 85px;
	position: absolute;
	top: 66px;
	left: 1px;
}

div.webmail_heading{
	width:312px;
	height:45px;
	background: url(webmail_bg_big.png) no-repeat;
}

#webmail{
	width: 174px;
	height: 125px;
	background: url(webmail_bg.png) no-repeat;
	position: relative;
}

#right #webmail {
	top: 0;
	right: 0;
	position: absolute;
}

#webmail input {
	position: absolute;
}

#webmail #login {
	top: 51px;
	left: 70px;
}

#webmail #login, #webmail #pass {
	width: 95px;
	border: 1px solid white;
	font-size:11px;
	padding:1px;
}

#webmail #pass {
	top: 72px;
	left: 70px;
}

#webmail #submit {
	top: 95px;
	left: 144px;
	cursor: pointer;
}

/* Menu top */

#menu_top {
	position: absolute;
	right: 0px;
	top: 0;
	background: url(menu_top.png) no-repeat;
	width: 362px;
	height: 55px;
	padding-left: 41px;
}

#menu_top ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu_top li {
	float: left;
	width: 90px;
	height: 55px;
	padding: 0;
	margin: 0;
}

#menu_top span, #menu_top a {
	padding: 43px 12px 0 0;
	font-size: 10px;
	width: 78px;
	display: block;
	color: #B1B1B1;
	text-decoration: none;
	text-align: right;
}

#menu_top a:hover {
	text-decoration: underline;
}

/* Main menu */

#menu{
	position: absolute;
	top: 146px;
	left: 1px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #00305E url(menu_bg.png) no-repeat bottom;
	width: 750px;
	height: 49px;
	padding-left: 23px;
	display: block;
}

#menu li {
	float: left;
	height: 49px;
	padding: 0 0 0 0;
}

#menu li a {
	height: 49px;
	display: block;
	float: left;
}

#menu li a img {
	padding-left: 12px;
	color: White;
	font-size: 14px;
}

#menu li a:hover {
	border-bottom: 9px solid #FF5D00;
	height: 40px;
}

/* Main content */

#content {
	clear: both;
}

/* Right content */

#right {
	width: 600px;
	position: relative;
	float: right;
	background: url(content_bg.png) no-repeat;
	color: #00305F;
	min-height: 185px;
	_height: 185px;
	padding:  0 0 10px 0;
}

#right.index{
	background-image:none;
}

#right a {
	text-decoration: underline;
	color: #00305F;
}

#right a:hover {
	text-decoration: none;
}

#right h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 15px 10px 0 5px;
	padding: 0 0 10px 5px;
	border-bottom: 1px solid #DCEAF2;
}

#right h3 {
	font-size: 11px;
	border-bottom: 1px solid #DCEAF2;
	margin: 15px 10px 0 5px;
	padding: 0 0 5px 5px;
	width: 500px;
}

#right ul.punkt {
	margin: 10px 0 10 30px;
	padding: 10px 0 10 30px;
	list-style: url(punkt.png);
}

#right ul.punkt li {
	padding: 1px 0px 1px 0;
}

#right p {
	margin: 10px 10px 10px 10px;
   padding: 0px;
	/*clear: both;*/
}

#right p.addtime {
	margin-right: 0;
}

#right .box {
	height: 282px;
	width: 297px;
	background: #C5E5F7;
	float: left;
	margin: 4px 0 0 2px;
	top: -4px;
	position: relative;
	color: #555555;
}

#right .box h2 {
	margin: 0;
	padding: 0;
}

#right .box ul {
	margin: 3px;
	padding: 0;
	list-style: none;
	background: url(left_box_list.png) repeat-y 0 -1px;
	padding-bottom: -1px;
}

#right .box ul li {
	background: transparent;
}

#right .box li {
	padding: 3px 0 3px 24px;
}

#right .box .price {
	position: absolute;
	bottom: 0;
	left: 0;
}

#right .box .jetzt {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 22px;
}

#right .sitemap {
	clear: both;
	margin: 5px 0;
}

#right .sitemap div {
	width: 195px;
	float: left;
	position: relative;
	border-right: 1px dotted #DCEAF2;
}

#right .sitemap h3 {
	margin: 7px;
	padding: 7px;
	width: auto;
	border: 0 none;
}

#right .sitemap ul {
	margin: 0;
	padding: 0;
	list-style: none;
}


#right .sitemap ul li {
	padding: 0;
	margin: 0;
}

#right .sitemap ul li li {
	padding: 0 0 0 15px;
}

#right .sitemap ul li a {
	padding: 3px 0 4px 5px;
	margin-left: 5px;
	display: block;
	color: #555;
	border-left: 1px dotted #DCEAF2;
	text-decoration: none;
}

#right .sitemap ul li a:hover {
	background:#DCEAF2;
	color: #00305F;
	border-left: 1px solid #00305F;
}

/* Left content (menu) */

#left {
	float: left;
	width: 174px;
	position: relative;
}

#ad {
	position: relative;
	clear: both;
}

#ad img {
	clear: both;
	margin-bottom: 4px;
}

#blue {
	color: White;
	position: relative;
	clear: both;
	background: url(left_menu_bottom.png) no-repeat bottom;
	padding-bottom: 8px;
	margin-bottom: 5px;
}

#blue ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 5px;
	position: relative;
	background: #00305E url(left_menu_bg.png) no-repeat ;
}

#blue li {
	margin: 0;
	padding: 0;
	background-image: url(blue_white_arrow.png);
	background-repeat: no-repeat;
	background-position: 0 8px;
}

#blue h2 {
	margin: 0;
	padding: 0;
	background: White;
}

#blue h2 img {
	float: inline;
}

#blue li a {
	border-bottom: 1px solid #0C4378;
	display: block;
	padding: 3px 0 3px 10px;
	width: 154px;
	color: White;
	text-decoration: none;
}

#blue li a:hover {
	border-bottom: 1px solid #DCEAF2;
}

#blue .box {
	padding: 0 10px;
	position: relative;
	background: #00305E url(left_menu_bg.png) no-repeat ;
}

#blue .box p {
	margin: 0;
	padding: 0;
}

#blue .box a {
	color: white;
	text-decoration: none;
}

#blue .box h3 {
	padding: 0;
	padding-left: 15px;
	background: url(arrow.png) no-repeat 0 3px;
	font-size: 11px;
	margin: 0 0 6px 0;
	position: relative;
	clear: both;
}

#blue .box a:hover h3 {
	background: url(arrow.png) no-repeat 3px 3px;
}

#blue .box a:hover {
	text-decoration: underline;
}

/*
#blue .box a img {
	border: 2px solid #28629B;
}

#blue .box a:hover img {
	border-color: White;
}
*/

#blue a.read-more{
	display:block;
	margin:10px 0 0 77px;
}

/*Footer */

#footer {
	clear: both;
	margin: 0;
	padding: 0;
	height: 32px;
	/* background: #A3CEE7 url(footer_bg.png) no-repeat left top;*/
	position: relative;
	border-top:3px solid #A3CEE7;
}

#footer #copy {
	position: absolute;
	top: 10px;
	left: 10px;
}

#footer a {
	color: #555;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer ul {
	position: absolute;
	top: 10px;
	left: 175px;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 480px;
}

#footer li {
	float: left;
	padding: 0 12px;
	background: url(arrow_red.png) no-repeat 4px 5px;
}

#footer li img {
	vertical-align: middle;
}

#footer li.icon {
	padding: 0 10px 0 0;
	background: transparent;
}

/* Table #call
********************************************************** */

#call td, #call th, #call tr, table#call {
	margin: 0;
	padding: 0;
}

table#call {
	width: 468px;
	position: relative;
	font-family: Tahoma;
	/*float: right;*/
	margin: 0px 0px 10px 10px;
}

#call thead th {
	background: url(table_th.png) no-repeat left top;
	height: 35px;
	width: 122px;
	color: White;
	font-weight: bold;
	text-align: center;
}
#call thead th.title {
	width: auto;
	background: transparent;
}

#call thead th img {margin-left: 5px;}

#call thead th.left {background: url(table_th_left.png) no-repeat left top;}

#call thead th.right {background: url(table_th_right_internetbycall.png) no-repeat left top;}

#call tfoot td {background: url(table_td_bottom_center.png) no-repeat bottom right;height: 35px;padding:0 5px;color:#FF6200;font-size:11px;font-weight:bold;text-align:center}

#call tbody td {padding: 4px 0 4px 4px;font-size:10px;text-align: left;}
#call tbody th, #call tfoot th {
	background: #00305E;
	padding: 3px 3px 3px 4px;
	color: White;
	border-bottom: 1px solid white;
	border-right: 2px solid white;
	text-align: left;
}
#call tbody th img, #call tfoot th img {
	margin-right: 4px;
}
#call tbody th.top {
	background: #00305E url(table_th_top_internetbycall.png) no-repeat top;
}

#call tfoot th.bottom {
	background: #00305E url(table_th_bottom_internetbycall.png) no-repeat bottom;
}

#call tbody#unternehmen th.top {
	background: #00305E url(table_th_top_unternehmen.png) no-repeat top;
}

#call tbody#unternehmen th.bottom {
	background: #00305E url(table_th_bottom_unternehmen.png) no-repeat bottom;
}

#call tbody tr.first_row td {height: 18px;}
#call tbody tr.first_row td.left {background: url(table_td_left.png) repeat-x 1px bottom;}
#call tbody tr.first_row td.right {background: url(table_td_light_right.png) no-repeat bottom left;}

#call tbody tr.first_row td.left2 {background: url(table_td_left.png) repeat-x 0px top;}
#call tbody tr.first_row td.right2 {background: url(table_td_light_right.png) no-repeat top right;}

#call tbody tr.first_row td.light {background: url(table_td_light.png) repeat-x bottom;}
#call tbody tr.first_row td.dark {background: url(table_td_dark.png) no-repeat bottom;}

#call tbody tr.dark td.dark {background: #E2EDF4;}
#call tbody tr.dark td.light {background: #EFF5F9;}

#call tbody tr.light td.dark {background: #EFF5F9;}
#call tbody tr.light td.light {background: #FFFFFF;}




/* Table #housing
********************************************************** */

#housing {
	width: 269px;
	float: left;
	margin: 10px;
	font-family: Tahoma;
}

#housing thead th {
	padding: 10px 10px 10px 0;
	background: Black url(housing_thead.png) no-repeat;
	color: White;
	overflow: hidden;
	text-align: right;
}

#housing tfoot tr {
	height: 33px;
	font-weight: bold;
}

#housing tfoot th {
	background: url(housing_tfoot.png) no-repeat left 2px;
	padding: 0 0 0 16px;
	color: #2062A0;
	text-align: left;
}

#housing tfoot td {
	background: url(housing_tfoot.png) no-repeat right 2px;
	color: #FF6200;
	text-align: center;
}

#housing tbody tr.main th {
	background: url(housing_tbody_th.png) no-repeat 0 2px;
	padding: 8px;
	text-align: left;
	color: #2062A0;
	font-weight: bold;
}

#housing tbody tr.first {
	background: #E9F2F7;
}

#housing tbody tr.first {
	background: #EAF3F7;
}

#housing tbody th {
	text-align: left;
	font-weight: normal;
	padding: 4px 16px;
}

#housing tbody td {
	width: 96px;
	text-align: center;
}

#housing th, #housing td {
	color: Black;
}

/* Table #webspace
********************************************************** */

#webspace {
	width: 480px;
	float: left;
	margin: 10px;
	font-family: Tahoma;
}

#webspace thead th {
	padding: 10px 10px 10px 0;
	background: #FF6300;
	color: White;
	overflow: hidden;
	text-align: center;
}

#webspace thead th.first {
	background: #FF6300 url(housing_thead.png) no-repeat left bottom;
}

#webspace thead th.last {
	background: #FF6300 url(housing_thead.png) no-repeat right top;
}

#webspace tfoot tr {
	height: 33px;
	font-weight: bold;
}

#webspace tfoot th {
	background: url(housing_tfoot.png) no-repeat left bottom;
	padding: 0 0 0 16px;
	color: #2062A0;
	text-align: left;
}

#webspace tfoot td {
	background: url(housing_tfoot.png) no-repeat right bottom;
	color: #FF6200;
	text-align: center;
	padding: 11px;
}

#webspace tbody tr.main th {
	background: url(housing_tbody_th.png) no-repeat 0 2px;
	text-align: left;
	padding: 8px;
	color: #2062A0;
	font-weight: bold;
}

#webspace tbody tr.first {
	background: #E9F2F7;
}

#webspace tbody tr.first {
	background: #EAF3F7;
}

#webspace tbody th {
	text-align: left;
	font-weight: normal;
	padding: 4px 16px;
}

#webspace tbody td {
	width: 110px;
	text-align: center;
}

#webspace th, #webspace td {
	color: Black;
}

#gratis-email {
	width: 365px;
}

#gratis-email caption {
	background: url(caption_orange_365.png) no-repeat center;
	padding: 10px;
}

div.news {
	background: url(table_td_light_right.png) no-repeat right 10px;
	padding: 10px 1px 10px 10px;
	border-bottom: 1px dotted #DCEAF2;
   position: relative;
}

div.news img{
   padding: 0px 8px 8px 8px;
   position: relative;
}

#right div.news h3 {
	display: block;
	float: left;
	margin: 0 0 10px 0;
   padding: 6px 10px;
	width:493px;
	background:url(table_td_light.png) repeat-x;
	font-size: 14px;
	clear: none;
	border-bottom: 1px dotted #DCEAF2;
   position: relative;
}

div.news h3 a {
	color: #00305F;
	text-decoration: none;
	display: block;
	/*padding: 6px 10px;*/
}

div.news h3 a:hover {
	text-decoration: underline;
}

div.news span.addtime {
	float: left;
	clear: none;
	display: block;
	padding: 7px 5px;
	background: url(housing_tbody_th.png) no-repeat;
	border-right: 1px solid #DCEAF2;
	border-bottom: 1px dotted #DCEAF2;
	margin: 0;
	font-style: italic;
}

caption {
	background: #00305F url(table_th_top.png) no-repeat 0 0;
	padding: 5px;
	color: White;
	font-weight: bold;
	font-size: 12px;
}

/* produkte boxes */

ul#produkte{
	margin:0;
	padding:0 0px 10px 7px;
	list-style:none;
}

ul#produkte li.item{
	float:left;
	width:140px;
	min-height:240px;
	_height:240px;
	background:#EFF9FF;
	margin:0 2px;
	padding:0px;
	border:1px solid #CFEEFF;
	
}

ul#produkte h3.title{
	width:133px;
	border:none;
	padding:3px 3px 1px 3px;
	margin:0;
	background:#fff;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	display:block;
	color:#FF6500;
	text-transform:uppercase;
}	

ul#produkte h4.slogan{
	padding:3px;
	margin:0;
	font-size:11px;
}

ul#produkte p.desc{
	margin:0;
	padding:3px;
	text-align:left;
}	

ul#produkte div.image a{
	display:block;
	width:100%;
	height:90px;
	background:#fff;
	text-indent:-9999px;
}

ul#produkte li.internet-by-call div.image a{background:#fff url('internet.jpg') -40px -46px;}
ul#produkte li.server-housing div.image a{background:#fff url('housing.jpg') -40px -46px;}
ul#produkte li.webspace div.image a{background:#fff url('webspace.jpg') -40px -46px;}
ul#produkte li.drm div.image a{background:#fff url('drm.jpg') -110px -46px;}

/* loesungen */

ul#produkte li.home-office div.image a{background:#fff url('webcast/l-home.gif') 0px 0px;}
ul#produkte li.ivr-ideal div.image a{background:#fff url('webcast/l-ivr.gif') 0px 0px;}
ul#produkte li.wdsl div.image a{background:#fff url('webcast/l-wdsl.gif') 0px 0px;}
ul#produkte li.xxl-telefon div.image a{background:#fff url('webcast/l-xxl.gif') 0px 0px;}

ul#produkte.loesungen h3.title{border-bottom:1px solid #265A8C;}
ul#produkte.loesungen div.image{border-top:1px solid #fff;border-bottom:1px solid #265A8C;}

/* webcast boxes */

ul#webcast-list{
	margin:0;
	padding:0 0 10px 2px;
	list-style:none;
}

ul#webcast-list li.item{
	float:left;
	width:285px;
	height:140px;
	background:#EFF9FF;
	margin:0 0px 8px 8px;
	padding:0px;
	border:1px solid #CFEEFF;
	display:block;
	
}

ul#webcast-list h3.title{
	width:19px;
	height:140px;
	border:none;
	border-right:1px solid #CFEEFF;
	padding:0;
	margin:0;
	display:block;
	color:#FF6500;
	text-transform:uppercase;
	text-indent:-9999px;
	float:left;
}

ul#webcast-list li.auto h3{background:url(webcast/auto-h.gif) no-repeat;}
ul#webcast-list li.comp h3{background:url(webcast/comp-h.gif) no-repeat;}
ul#webcast-list li.handy h3{background:url(webcast/handy-h.gif) no-repeat;}
ul#webcast-list li.erotik h3{background:url(webcast/erotik-h.gif) no-repeat;}
ul#webcast-list li.reisen h3{background:url(webcast/reisen-h.gif) no-repeat;}
ul#webcast-list li.other h3{background:url(webcast/other-h.gif) no-repeat;}

ul#webcast-list li.auto div.image a{background:url(webcast/auto-i.gif) no-repeat;}
ul#webcast-list li.comp div.image a{background:url(webcast/comp-i.gif) no-repeat;}
ul#webcast-list li.handy div.image a{background:url(webcast/handy-i.gif) no-repeat;}
ul#webcast-list li.erotik div.image a{background:url(webcast/erotik-i.gif) no-repeat;}
ul#webcast-list li.reisen div.image a{background:url(webcast/reisen-i.gif) no-repeat;}
ul#webcast-list li.other div.image a{background:url(webcast/other-i.gif) no-repeat;}

ul#webcast-list h4.promo{
	padding:3px;
	margin:0;
	font-size:11px;
	float:left;
	clear:none;
	width:100px;
}

ul#webcast-list p.body{
	margin:0;
	padding:3px 3px 0 0;
	text-align:left;
	float:left;
	clear:none;
	width:120px;
}	

ul#webcast-list div.image{
	width:127px;
	float:left;
	margin-right:7px;
}

ul#webcast-list div.image a{
	display:block;
	width:100%;
	height:140px;
	background:#fff;
	text-indent:-9999px;
}

h2 strong.highlight{color:#FF6500;font-size:11px;}

#right div.problem-solution{
	min-height:270px;
	padding:0 220px 0 0;
	margin:0 0px 0 0;
	width:370px;
	background-position: 100% 0;
	background-repeat:no-repeat;	
}

* html #right div.problem-solution{
	height:270px;
	background-position:100% 10px;
}

#right div.problem-solution h3{
	font-size:18px;
	font-weight:100;
	border:none;
	display:block;
	width:auto;
}

#ivr-ideal.problem-solution{background-image:url('webcast/ivr-ideal.jpg');}
#home-office.problem-solution{background-image:url('webcast/home-office.jpg');}
#xxl-telefon.problem-solution{background-image:url('webcast/xxl-telefon.jpg');}
#wireless-dsl.problem-solution{background-image:url('webcast/wireless-dsl.jpg');}

span.button-contact a{
	padding:2px 5px;
	border:1px solid #CADBE5;
	background:#E2EFF6;
	font-weight:900;
}

div.single-message{
	width:366px;
	margin:70px auto 30px auto;
	background:url('box-down.gif') 0 100% no-repeat;
	padding:0px 0 10px 0;
}

div.single-message div.inner{
	background:url('box-up.gif') 0 0 no-repeat;
	padding:44px 10px 10px 10px;
	text-align:center;
}

div.single-message div.inner p{
	margin:0;
	font-weight:900;
}

.content{
   padding: 5px;
}