body     { margin: 0px; padding: 0px; 
           color: black;
		   font-weight:normal;
		   line-height:1.6em;
		   font: normal 11px verdana,sans-serif;
		   background: #001B59 url(img/bg.gif) repeat-x left top;
		   text-align:center;
         }
a	{color:#24489E;}
a:hover	{color:#001B59;}


#header	{
		width:980px;
		height:119px;
		margin:0px;
		padding:0px;
		background: url(img/dslkings-header.gif) no-repeat left top;
		margin-left:auto;margin-right:auto;
		text-align:left;
		}
#header strong {margin:0px; padding:0px;font-size:10px;color:white;font-family:arial;}
#header ul.navi_1 {
					list-style-type: none; /* weg mit den Punkten */
		  			overflow:hidden;
          			margin: 0px 0px 0px 143px;
          			padding: 0px;          /* kein Padding, width */
					width:800px;
         }
#header ul.navi_1 li { display: block;/* horizontale Ausrichtung */
           			 padding: 0px;  /* weg wegen Firefox */
          			 margin: 15px 0px 0px 0px;
					 float:left;
					 
					}
#header ul.navi_1 li.border_1	{border-right:1px solid #002372;}
#header ul.navi_1 li.border_2	{border-right:1px solid #002372;border-left:1px solid #7790C7;}
#header ul.navi_1 li.border_3	{border-left:1px solid #7790C7;}

#header ul.navi_1 li a { display: block;/* Damit ist im IE die gesamte Fläche sensitiv */
			 			color:white;
			 			text-decoration:none;	
			 			font-weight:bold;
						font-size:12px;
						padding:3px 16px 4px 16px; 
					   }
					   
#header ul.navi_2 {
					list-style-type: none; /* weg mit den Punkten */
		  			overflow:hidden;
          			margin: 0px 0px 0px 1px;
          			padding: 0px;          /* kein Padding, width */
					clear:left;
         }
#header ul.navi_2 li { display: block;/* horizontale Ausrichtung */
           			 padding: 0px;  /* weg wegen Firefox */
          			 margin: 3px 0px 0px 0px;
					 float:left;
					}
#header ul.navi_2 li.border_1	{border-right:1px solid #002372;}
#header ul.navi_2 li.border_2	{border-right:1px solid #002372;border-left:1px solid #D9E0F3;}
#header ul.navi_2 li.border_3	{border-left:1px solid #D9E0F3;}

#header ul.navi_2 li a { display: block;/* Damit ist im IE die gesamte Fläche sensitiv */
			 			color:white;
			 			text-decoration:none;	
			 			font-weight:bold;
						font-size:11px;
						padding:5px 11px 5px 10px; 
					   }	
#header ul.navi_2 li a.stil_33 {padding:5px 14px 5px 10px;}	
#header ul.navi_2 li a.stil_32 {padding:5px 11px 5px 14px;}
					   	
#header ul li a:hover {background: #001B59;}




#container	{
			margin-left:auto;margin-right:auto;
			margin-top:20px;
			width:660px;
			position:relative; display:block; 
			background:white; 
			border-left:160px solid white; border-right:160px solid white; 
			overflow:visible;
			text-align:left;
			background: url(img/bg_container.gif) repeat-y 0px 0px;}
			
#left 		{
			float:left; 
			position:relative; 
			width:160px; 
			margin-left:-160px; 
			display:inline;}
			
#right 		{
			float:right; 
			position:relative; 
			width:160px; 
			margin-right:-160px; 
			display:inline;}
			
#middle		{
			margin:0px 10px 0px 10px;
			}

.clear {clear:both;height:0px;overflow:hidden;}



#container h4 {
			margin:0px; 
			padding:5px 0px 5px 5px; 
			width:155px;
			background: url(img/verlauf_header_rechts.gif) repeat-x 0px 0px; 
			font-size:12px; 
			color: #ffffff;
			text-align:left;}



					   	
		
		
#footer	{
		width:980px;
		height:20px;
		margin:0px 0px 0px 0px;
		padding:10px 0px 10px 0px;
		color: white;
		text-align:left;
		margin-left:auto;margin-right:auto;
		}
#footer a {color:white; text-decoration:none;}
#footer a:hover {text-decoration:underline;}













#content{
		width:810px;
		border-left:160px solid white;
		position:relative;
		margin-top:20px;
		padding:0px 0px 0px 10px;
		background:#001B59;
		margin-left:auto;margin-right:auto;
		min-height:1000px;
		}
#content:after { content: "."; display: block; clear: left; 
                		   height: 1px; font-size: 1px; overflow: hidden; 
						 }

#blau {background: white;width:810px;min-height:1000px;}
#blau:after { content: "."; display: block; clear: left; 
                		   height: 1px; font-size: 1px; overflow: hidden; 
						 }
						 
#rand 	{
		position: absolute; left: -160px; top: 0px;
		width:160px;
		text-align:left;
		}
#rand a	{text-decoration:none;}
#rand a:hover	{text-decoration:underline;}
#content h1	{
			color:#0B328D;
			margin:0px 0px 20px 0px;
			padding:20px 5px 5px 5px;
			font-size:14px;
			text-align:center;
			width:100%;
			}
#content h3	{
			color:#0B328D;
			margin:0px;
			padding:10px 5px 5px 10px;
			font-size:12px;
			text-align:left;
			width:100%;
			}
#content img.screen 	{
				float:left;
				margin:10px;
				border:1px solid #0B328D;
				}
#content p 	{
			text-align:left;
			margin:10px;
			line-height:1.3em;
			}
#content table 	{
				margin: 15px 0px 5px 0px;
				font: normal 11px verdana,sans-serif;
				border-collapse:collapse;
				}
#content table.tarife 	{margin: 0px 0px 0px 10px;}
#content table.liste 	{border: 1px solid #CED4DA;margin: 30px 10px 5px 10px;clear:left;}
#content table.liste td {width:150px; padding:3px; border-right:1px solid #CED4DA;}
#content table.liste td.gray { background: #eeeeee;}
#content table.liste td.header {background: url(img/verlauf_header.gif) repeat-x; width:100%; height:28px;}
#content table.liste td.header h1 {color:#24489E;margin:0px; font-size:12px;  padding:0px;text-align:left;}

#content table.liste td span.stil1 {color:green;float:right;}
#content table.liste td span.stil2 {float:right;}
#content table.liste td span.stil2 a {text-decoration:none; color: black;}
#content table.liste td span.stil2 a:hover {text-decoration:underline;}
#content table.liste td span.stil3 {float:right; font-weight:bold;}
#content table.liste td span.stil3 a {text-decoration:none; color: black;}
#content table.liste td span.stil3 a:hover {text-decoration:underline;}

.Stil77 {font-weight: bold;	font-size: 12px; color:#0B328D;}
.Stil85 {font-weight: bold;	font-size: 18px; color:#0B328D;}
.Stil82 {font-weight: bold;	font-size: 11px; color:#0B328D;}

#content table.liste3 {border: 1px solid #CED4DA;margin: 30px 10px 5px 10px;clear:left;}
#content table.liste3 td {height:30px; padding:3px;border-right:1px solid #CED4DA;border-bottom:1px solid #CED4DA;text-align:center;}
#content table.liste3 td.left {text-align:left; width:80px; }
#content table.liste3 td.links {text-align:left; width:150px; }
#content table.liste3 td.rechts {text-align:right; width:250px; }
#content table.liste3 td.tarifname {text-align:center; width:300px; }
#content table.liste3 td.bestellen {text-align:center; width:150px; }
#content table.liste3 td.topbestellen {text-align:center; width:150px; background: #fff url(tipp-topp-ecke_r19_c9.gif) top right no-repeat; }
#content table.liste3 td.right {text-align:right;}
#content table.liste3 td.right img {margin:5px 5px 0px 0px;}
#content table.liste3 td.right input {margin:0px 0px 5px 0px;}
#content table.liste3 td.gray { background: #eeeeee;font-weight:bold;text-align:center;}

#content table.liste3 tr.weiss {background:white;}
#content table.liste3 tr.gray {background: #eeeeee;}


#links	{width:488px;margin:10px 0px 0px 10px;float:left;}
#links div {border: 0px solid #CED4DA; margin-bottom:10px; text-align:left;}
#links	h1 {background: url(img/verlauf_header_content.gif) repeat-x 0px -3px; color: #24489E;text-align:left;margin:0px; font-size:14px; padding:5px 0px 5px 5px; width:486px;}
#links	h2 {background: url(img/verlauf_header_content.gif) repeat-x 0px -3px; color: #24489E;text-align:left;margin:0px; font-size:14px; padding:5px 0px 5px 5px; width:486px;}
#links	p {margin:0px;padding:5px;text-align:left;}
#links	ul {margin:0px 0px 0px 0px;padding:5px;list-style-type: none;}
#links ul li {background: url(img/pfeil_blau.gif) no-repeat 0px 1px;padding:1px 0px 1px 20px;}
#links	table.liste2 {	border-collapse:collapse;font: normal 10px verdana,sans-serif;width:100%; border:0px;width:487px;}
#links	table.liste2 td {padding:4px;text-align:left;}
#links	table.liste4 {	border-collapse:collapse;font: normal 11px verdana,sans-serif;width:100%; border:0px;width:600px;}
#links	table.liste4 td {padding:10px;text-align:left;}

		
#rechts	{float:right;width:302px;margin:10px 10px 0px 0px;}
#rechts div {margin-bottom:10px; border: 2px solid #8c9bc1;}
#rechts	h1 {margin:0px; padding:5px 0px 5px 5px; width:295px;background: url(img/verlauf_header_rechts.gif) repeat-x 0px -3px; font-size:12px; color: #ffffff;text-align:left;}
#rechts	h4 {margin:0px; padding:5px 0px 5px 5px; width:295px;background: url(img/verlauf_header_rechts.gif) repeat-x 0px -3px; font-size:12px; color: #ffffff;text-align:left;}
#rechts	p {margin:0px;padding:5px;text-align:left;}


#links2	{width:410px;margin:10px 0px 0px 10px;float:left;}
#links2 div {margin:0px 10px 5px 0px; border: 1px solid #CED4DA;}
#links2	h1 {margin:0px; padding:5px 0px 5px 5px; width:393px; background: url(img/verlauf_header_rechts.gif) repeat-x 0px -3px; font-size:12px;  color: #24489E; text-align:left;}
#links2	p {margin:0px;padding:10px 5px 5px 5px;text-align:left;border-bottom: 1px solid #CED4DA;}
#links2 img	{float:left;margin-right:10px;}
		
		
#links3	{width:230px;margin-top:10px;float:left;}
#links3 div {margin:0px 10px 5px 0px; border: 1px solid #CED4DA;}
#links3	h1 {margin:0px; padding:5px 0px 5px 5px; width:213px; background: url(img/verlauf_header_rechts.gif) repeat-x 0px -3px;  font-size:12px; color: #24489E; text-align:left;}
#links3	p {margin:0px;padding:5px;text-align:left;}
#links3	ul {margin:0px 0px 0px 0px;padding:5px;text-align:left;list-style-type: none;}
#links3 ul li {background: url(img/pfeil_schwarz.gif) no-repeat 0px 1px;padding:1px 0px 1px 20px;}
#links3 form {padding:5px;border:0px;}
#links3 label {margin:0px 0px 5px 0px; padding-top:2px; width:50px; float:left;}
#links3 input {margin:0px 0px 5px 0px; width:150px; float:left;}
#links3 input.button {width:80px;float:right;margin-right:5px;}
#links3 a	{color:#000000;text-decoration:none;}
#links3 a:hover	{text-decoration:underline;}

#links4	{width:150px;margin:10px 5px 0px 0px;float:left;}
#links4 div {margin-bottom:5px; border: 1px solid #CED4DA;}
#links4	h1 {margin:0px; padding:5px 0px 5px 5px; width:143px;background: url(img/verlauf_header_rechts.gif) repeat-x 0px -3px;  font-size:12px; color: #24489E; text-align:left;}
#links4	p {margin:0px;padding:5px;text-align:left;}
#links4	img {margin-bottom:5px;}

#links_rand	{width:160px;margin-top:10px;float:left;}
#links_rand div {margin-top:10px;}
#links_rand	h4 {margin:0px; padding:5px 0px 5px 5px; width:155px; background: url(img/verlauf_header_rechts.gif) repeat-x 0px -3px;  font-size:12px; color: #ffffff; text-align:left;}
#links_rand	p {margin:0px;padding:10px;text-align:left;}
#links_rand	ul {margin:0px 0px 0px 20px;padding:5px;font-weight:bold;}
#links_rand form {padding:0px 10px 0px 10px;border:0px;}
#links_rand input {margin:0px 0px 5px 0px; width:140px; float:left;}
#links_rand input.button {width:80px;float:right;}
#links_rand a	{color:#000000;text-decoration:none;}
#links_rand a:hover	{text-decoration:underline;}

#links_rand .sitetools {font-size:10px;margin: 0px 0px 0px 5px;font-weight:bold;}
#links_rand .sitetools ul {margin: 0px; padding:0px; list-style-type: none;}
#links_rand .sitetools ul li{background: url(img/pfeil_schwarz.gif) no-repeat 0px 1px;padding:1px 0px 1px 18px;}
#links_rand .icons {margin: 10px 0px 20px 12px;}
#links_rand .icons img {margin:0px 2px 0px 0px;}
#links_rand .werbung {margin-left:10px;}



/*BANNER START*/
#banner {
		background: url(img/werbung.jpg) no-repeat left top; 
		height:230px; 
		width:790px;
		text-align:left;
		margin-left:10px;
		}
#over 	{
		width:790px; 
		height:203px; 
		position:relative;
		}
		
#eins {float:left;color:white;margin-top:45px;}
#eins span {font-size:11pt;font-weight:bold;}
#eins ul {list-style-type: none;margin:10px 0px 0px 0px;padding: 0px;}
#eins ul li {padding: 2px 0px 2px 20px; background: url(img/pfeil_weiss.gif) no-repeat 0px 2px;}


#zwei {padding:80px 0px 0px 30px;width:170px;float:left;font-size:30pt;font-weight:bold;font-family: arial;color:#24489E;}
#zwei span {font-size:8pt;}
#zwei a {font-size:50pt;text-decoration:none;position: absolute;top:109px; left:722px;}
#zwei a:hover {text-decoration:none;}


#drei {padding-left:12px;width:300px;float:left;margin:0px;font-size:10pt;font-weight:bold;font-family: arial;color:white;}
#drei img {margin:40px 0px 0px 10px;}

#extras {clear:both;padding-left:10px;font-size:10pt;font-family: arial;color:white;}
/*BANNER ENDE*/

tr.weiss {background:white;}
tr.gray {background:#eeeeee;}





#suchbox {width:790px;background:#021A5A;height:285px;text-align:left;margin:0px 0px 0px 10px;}
#suchbox img {float:right;margin:0px 10px 0px 0px;}
#suchbox #lefttop {float:left;margin:10px 0px 0px 10px;}
#suchbox #lefttop h1 {margin:0px; padding:0px;font: bold 15px verdana,sans-serif;color:white;text-align:left;}
#suchbox #lefttop h2 {margin:0px; padding:0px;font: bold 12px verdana,sans-serif;color:#FDB82D;line-height:20px;}
#suchbox #leftbottom {width:190px;float:left;margin:10px 0px 10px 10px;font: normal 11px verdana,sans-serif;color:white;}
#suchbox #rightbottom {background:#EBEBEB; float:right; height:130px; width:545px;padding-right:5px;margin:0px 10px 10px 10px;font: bold 11px verdana,sans-serif;}
#suchbox #rightbottom .first {background:#021a5a;width:180px; padding-right:10px;margin:0px 0px 10px 30px;font: bold 12px verdana,sans-serif;color:#FDB82D;}


#cluetip-close img{border:0;}
#cluetip-title{overflow:hidden;}
#cluetip-title #cluetip-close{float:right;position:relative;}
#cluetip-waitimage{width:43px;height:11px;position:absolute;background-image:url(images/wait.gif);}
.cluetip-arrows{display:none;position:absolute;top:0;left:-11px;height:22px;width:11px;background-repeat:no-repeat;background-position:0 0;}
#cluetip-extra{display:none;}
.cluetip-default{background-color:#fff;border:solid 2px #CCE0EB;}
.cluetip-default #cluetip-outer{position:relative;margin:0;background-color:#fff;}
.cluetip-default h3#cluetip-title{margin:0 0 5px;padding:8px 15px 4px 0;font-weight:bold;background-color:#fff;color:#000;font-size:12px;text-align:right;}
.cluetip-default #cluetip-title a{}
.cluetip-default #cluetip-inner{padding:10px;}
.cluetip-default div#cluetip-close{text-align:right;margin:0 5px 5px;color:#900;}
.cluetip-default #cluetip-inner td{background:none;border:none;border-bottom:solid 1px #E7ECF2;padding:5px 8px;}
.cluetip-default #cluetip-inner td.last{border-bottom:none;}
.cluetip-default #cluetip-inner td.sum{background-color:#ddd;border-bottom:none;padding:}
.cluetip-default #cluetip-inner td.tt_left{width:57%;}
.cluetip-default #cluetip-inner td.tt_center{width:23%;}
.cluetip-default #cluetip-inner td.tt_right{width:20%;}
.cluetip-jtip{background-color:transparent;}
.cluetip-jtip #cluetip-outer{border:2px solid #ccc;position:relative;background-color:#fff;}
.cluetip-jtip h3#cluetip-title{margin:0 0 5px;padding:2px 2px;font-size:16px;font-weight:normal;background-color:#fff;color:#333;}
.cluetip-jtip #cluetip-inner{padding:0 0 5px;display:inline-block;}
.cluetip-jtip div#cluetip-close{text-align:right;margin:0 5px 5px;color:#900;}
.clue-right-jtip .cluetip-arrows{}
.clue-left-jtip .cluetip-arrows{left:100%;margin-right:-11px;}
.clue-top-jtip .cluetip-arrows{top:100%;left:50%;margin-left:-11px;height:11px;width:22px;}
.clue-bottom-jtip .cluetip-arrows{top:-11px;left:50%;margin-left:-11px;height:11px;width:22px;}
.cluetip-rounded #cluetip-title, .cluetip-rounded #cluetip-inner{zoom:1;}
.infoicon:hover, .helpicon:hover, span.checklabel:hover{cursor:pointer;}
.ttbox{display:none;}