@charset "utf-8";
/* CSS Document */
body{
	width: 100%;
	height: 100%;
	font: 14px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #d0e1e6;
}

a:link,
a:visited{
	color: #0099cc;
	text-decoration: none;
}

a:hover,
a:focus,
a:active{
	color: #ff7612;
	text-decoration: underline;
}

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

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

h1{
	clear:both;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
 	color: #333333;
	background: url(/images/h1.png) no-repeat;
	background-position: left;
	padding-left: 28px;
}

h2{
	clear:both;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
 	color: #333333;
	background: url(/images/h2.png) no-repeat;
	background-position: left;
	padding-left: 23px;
}

h2 a:link,
h2 a:visited{
	color: #333333;
	text-decoration: none;
}

h2 a:hover,
h2 a:focus,
h2 a:active{
	color: #ff7612;
	text-decoration: underline;
}

h3{
	clear:both;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
	background-position: left;
}

h3 a:link,
h3 a:visited{
	color: #333333;
	text-decoration: none;
}

h3 a:hover,
h3 a:focus,
h3 a:active{
	color: #ff7612;
	text-decoration: underline;
}

#intro{
	clear: left;
	width: 355px;
	padding-bottom: 5px;
	float: left;
}

#intro ul{
	list-style: circle;
}

#quad{
	width: 150px;
	padding-bottom: 5px;
	float: right;
}

#container{
	width: 760px;
	margin: auto;
	text-align: left;
}

#header{
	width: 100%;
	float: left;
	background: #0099cc;
}

#header img{
	float: left;
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 3px;
}
	
#header ul{
	margin: 0;
	padding: 0;
	margin-top: 15px;
	padding-right: 10px;
	list-style: none;
	text-decoration: none;
	float: right;
}

#header li{
	height: 18px;
	color: #FFFFFF;
}

#header li img{
	float: none;
	height: 14px;
	padding-right: 5px;
}
	
#navi_header{
	width: 100%;
	height: 30px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #047ee4;
	border-bottom: 5px solid #0099cc;
	background: url(/images/navi-header-orange.png) repeat-x;
	float: left;
	background-color: #ff7612;
}

#navi_header ul{
	list-style-position: inside;
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}

#navi_header li{
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}

#navi_header a{
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
 	letter-spacing: 1px;
	text-decoration: none;
}

#navi_header li img{
	width: 18px;
	height: 18px;
	float: none;
	padding-top: 6px;
	padding-bottom: 6px;
	line-height: 30px;
}

#navi_header a:link,
#navi_header a:visited{
	border-left: 1px solid #e38f56;
	border-right: 1px solid #bb4d04;
	color: #FFFFFF;
	line-height: 30px;
	text-decoration: none;
}

#navi_header a:hover,
#navi_header a:focus,
#navi_header a:active{
	background: url(/images/navi-header-blau.png) repeat-x;
	border-left: 1px solid #95bdde;
	border-right: 1px solid #047ee4;
	line-height: 30px;
	text-decoration: none;
}

#main_container{
	width: 100%;
	float: left;
	background: url(/images/foto-tastatur.jpg) no-repeat;
	background-color: #0099CC;
}

#main {
	margin-top: 83px;
	width: 515px;
	min-height: 700px;
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0px;
	padding-bottom: 8px;
	background-color: #FFFFFF;
	float: right;
}

/* IE Win Quirks only \*/
* html #main {
	width /* */: 545px;
}


#navi_sub{
	width: 215px;
	padding: 0;
	margin-top: 110px;
	text-align: left;
	float: left;
	height: 100%;
	background-color: #0099CC;
}

#navi_sub ul{
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}



#navi_sub li{
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px dotted #41abce;
}

#navi_sub h3{
	float: none;
	background: url(/images/navi-side-headline.png) no-repeat;
	color: #ffffff;
	text-transform: uppercase;
	margin: 0;
	margin-top: 20px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
}


#navi_sub a:link,
#navi_sub a:visited{
	color: #ffffff;
	text-decoration: none;
}

#navi_sub a:hover,
#navi_sub a:focus,
#navi_sub a:active{
	color: #c7c7c7;
	text-decoration: none;
}

#navi_ad{
	text-align: center;
	padding-top: 15px;
}

.navi_button{
	text-align: center;
	line-height: 18px;
}


unsichtbar{
	height: 0;
	clear: both;
	font-size: 1px;
	line-height: 0px;
}

#footer{
	width: 100%;
	margin: 0;
	background: #0099cc;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 2px;
	float: left;
}

#footer_ad{
	margin-top: 2px;
	text-align: right;
	padding-right: 16px;
	margin-bottom: 15px;
}

#footer ul{
	text-align: left;
	background: #0099cc;
	color: #ffffff;
}
#footer li{
	padding-left: 10px;
	list-style: circle;
}

#footer a:link,
#footer a:visited{
	color: #ffffff;
	text-decoration: none;
}

#footer a:hover,
#footer a:focus,
#footer a:active{
	color: #c7c7c7;
	text-decoration: none;
}

#footer_sms{
	background: url(/images/navi-header-orange.png) repeat-x;
	padding: 0;
	width: 215px;
	float: left;
}

#footer_sms h4{
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	padding-left: 25px;
	padding-top: 6px;
}

#footer_doc{
	background: url(/images/navi-header-orange.png) repeat-x;
	padding: 0;
	color: #FFFFFF;
	width: 270px;
	float: left;
}

#footer_doc h4{
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	padding-left: 25px;
	padding-top: 6px;
}

#footer_partner{
	background: url(/images/navi-header-orange.png) repeat-x;
	padding: 0;
	color: #FFFFFF;
	width: 275px;
	float: left;
}

#footer_partner h4{
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	padding-left: 25px;
	padding-top: 6px;
}

.knopf{
	background: url(/images/button-bg.png) repeat-x;
	border-left: 1px solid #fec499;
	border-top: 1px solid #fec499;
	border-bottom: 1px solid #da6713;
	border-right: 1px solid #da6713;
	background-color: #ff7612;
	color: #FFFFFF;
	font-weight: bold;
}

.zeitraum_auswahl{
	width: 500px;
	height: 22px; 
	padding: 8px 5px 8px 5px; 
	background: #EFEFEF; 
	border: solid 1px #666;
}

.beschr_klein{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
 	color: #333333;
}

.smsbox_bild{
	clear: both;
	width: 170px;
	padding-right: 10px;
	padding-bottom: 5px;
	float: left;
}

.smsbox_text{
	width: 320px;
	padding-bottom: 5px;
	float: right;
}

.smsbox_text h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
	background-position: left;
}

.smsbox_text p{
	clear: both;
	text-align: left;
}

#intro_box_text{
	clear: both;
	width: 310px;
	padding-bottom: 5px;
	padding-right: 10px;
	float: left;
}
#intro_box_bild{
	width: 170px;
	padding-bottom: 5px;
	padding-right: 10px;
	float: right;
}

td{
	font: 14px Arial, Helvetica, sans-serif;
}

th{
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
}

th.top
{
	
	border-right: 1px solid #333333;
	border-top: 1px solid #333333;
	text-align: center;
}

th.top_empty
{
	border-right: 1px solid #333333;
}


th.left
{
	font: 14px Arial, Helvetica, sans-serif;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	padding-left: 4px;
	text-align: left;
	background-color: #EFEFEF;
}

th.cat
{
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-top: 1px solid #333333;
	padding-left: 4px;
	text-align: left;
	background: url(images/table-bg-cat.png) repeat-x;
	color: #FFFFFF;
}

td.empty
{
	border: 0px;
}

td.data
{
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	text-align: center;
}

td.dataleft{
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	padding-left: 3px;
	text-align: left;
} 

td.data_start
{
	border-left: 1px solid #333333;
}

td.topic
{
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-top: 1px solid #333333;
	text-align: center;
	background: url(images/table-bg-cat.png) repeat-x;
	color: #FFFFFF;
}


.message_info{
	float: left;
	padding-right: 20px;
}

.smsprice{
	font-size: 20px;
	font-weight: bold;
	color: #333333;
}

.klein{
	font-size: 11px;
	font-weight: normal;
	color: #333333;
}

.kleingedrucktes{
	font-size: 9px;
	font-weight: lighter;
	color: #333333;
}

.help_container{
	float: left;
	width: 515px;
	margin-bottom: 35px;
}

.help_container h3{
	
	margin-top: 8px;
	margin-bottom: 8px;
}

.help_info{
	clear: left;
	float: left;
	width: 90px;
	padding-left: 5px;
	padding-right: 5px;
	
}

.help_text{
	width: 415px;
	float: left;
}