@charset "UTF-8";
/* CSS Document */

* {
	margin:0 auto; 
	padding:0; 
	border:0;
}

html, body {
	background-color:#fafbfb;
	height:100%;
}


.container {
	position:relative;
	min-height:100%;
}

.header {
	background:url(../images/header_bg.jpg);
	background-repeat:repeat-x;
	height:68px;
	width:100%;
	padding-bottom:20px;
}

.logo img {
	padding-left:34px;
	position:absolute;
	top:-90px;
	width:203px;
	display:block;
}


/* FOOTER */ 


.footer {
	background:url(../images/header_bg.jpg);
	background-repeat:repeat-x;
	height:68px;
	width:100%;
	bottom:0;
	position:absolute;
}

.footer ul {
	list-style:none;
	position:relative;
	text-align:center;
	width:400px;
}


.footer a {
	color:#999;
	position:relative;
	display:block;
	width:30px;
	float:left;
	padding-top:30px;
	text-decoration:none;
	font-size:10px;
	display:block;
	margin-left:80px;
}






#footer_navi a {
}


/* ENDE FOOTER */ 




/* MENUE */

.nav {
	max-width:550px;
}

#navigation {
	width:550px;
}

.nav ul {
	list-style:none;
	width:500px;
	display:block;
}

ul#navigation {
	position:absolute;
	right:0;
	top:-80px;
	float:right;
}

#navigation li {
	float:left;
	width:120px;
	font-size:24px;

}

#navigation a {
	color:#fff;
	text-decoration:none;
	display:block;
	padding-left:20px;
	padding-top:-5px;
	text-align:center;

}

#navigation a:hover {
	color:#aaa;
}

#navigation li li a{
	position:relative;
	margin-left:-35px;
	text-align:left;
	display:block;
}

#navigation li li a:hover {
	color:#aaa;
	width:80px;
}

#navigation li li {
	margin-top:5px;
	width:90px;
	font-size:17px;
}

#navigation ul {
	position:absolute;
	left:-9999px;
}

#navigation li:hover ul {
	left:auto;
	margin-left:-202px;
}

#navigation img {
	padding-right:10px;
	display:block;
}

/* ENDE NAVIGATION */


.content {
	position:relative;
	min-height:100%;
	width:979px;
	padding-bottom:80px;
}

.top {
	background:url(../images/content_border_top.jpg);
	height:21px;
	width:979px;
}

.main {
	background:url(../images/content_bg.jpg);
	min-height:500px;
	background-repeat:repeat-y;
	overflow:auto;
}

#impressum {
	height:2550px;
}

.bottom {
	background:url(../images/content_border_bottom.jpg);
	background-repeat:no-repeat;
	height:26px;
	padding-bottom:40px;
}




.clearing {
	clear:both;
	height:0;
	width:0;
	border:0;
	margin:0;
	padding:0;
	line-height:0;
	font-size:0;
}




/* TABELLE */ 

table {
	padding:20px 0;
}

th {
	padding-right:2px;
}

tr, td {
	border:0;
	margin:-1px;
	padding:0;
}

td {
	text-align:center;
	font:13px/17px "Lucida Sans Unicode",Arial,Helvetica,sans-serif;
	font-stretch:wider;
}

.col1_g {
	background:#e5e5e5;
	width:111px;
	margin-right:-1px;
	text-align:center;	
}
.col1_w {
	background:#FFF;
	width:111px;
	margin-right:-1px;
	text-align:center;	
}

.tabelle_body td {
	height:87px;
}


.tab_green {
	background-color:#e1f4d1;
	border-right:#FFF 2px solid;
	width:87px;
	text-align:center;
}

.tab_blue {
	background-color:#c3effa;
	border-right:#FFF 2px solid;
	width:87px;
	text-align:center;	
}

.tab_green_grey {
	background-color:#cadbbc;
	border-right:#FFF 2px solid;
}

.tab_blue_grey {
	background-color:#afd7e1;
	border-right:#FFF 2px solid;
}

/* tabelle footer */


/* O2 Button */
.footer_o2 {
	background-image:url(../images/pix_27.jpg);
	background-repeat:no-repeat;
	border-right:2px;
	height:49px;
	width:265px;
	border-right:2px;
}

.footer_o2 a {
	background-image:url(../images/button_O2.jpg);
	width:134px;
	height:38px;
	display:block;
	background-repeat:no-repeat;
	margin-left:65px;
}

.footer_o2 a:hover {
	background-image:url(../images/button_O2_mo.jpg);
}

/* ende O2 button */


/* telekomm button */

.footer_tkomm {
	background-image:url(../images/pix_29.jpg);
	height:49px;
	width:176px;
	background-repeat:no-repeat;
	border-right:2px;
}

.footer_tkomm a {
	background-image:url(../images/button_T-komm.jpg);
	width:134px;
	height:38px;
	display:block;
	background-repeat:no-repeat;
}

.footer_tkomm a:hover {
	background-image:url(../images/button_T-komm_mo.jpg);
}

/* ende telekomm button */


/* vodavon button */

.footer_vodafon {
	background-image:url(../images/pix_31.jpg);
	height:49px;
	width:176px;
	background-repeat:no-repeat;
	border-right:2px;
}

.footer_vodafon a {
	background-image:url(../images/button_vodafon.jpg);
	width:134px;
	height:38px;
	display:block;
	background-repeat:no-repeat;
}

.footer_vodafon a:hover {
	background-image:url(../images/button_vodafon_mo.jpg);
}

/* ende vodavon button */


/* base button */


.footer_base {
	background-image:url(../images/pix_33.jpg);
	height:49px;
	width:176px;
	background-repeat:no-repeat;
	border-right:2px;
}


.footer_base a {
	background-image:url(../images/button_base.jpg);
	width:134px;
	height:38px;
	display:block;
	background-repeat:no-repeat;
}

.footer_base a:hover {
	background-image:url(../images/button_base_mo.jpg);
}

/* ende base button */

/* ENDE TABELLE */ 


/* Startseite MAIN */ 

.text_links {
	position:relative;
	float:left;
	width:400px;
	padding-left:70px;
	padding-right:40px;
	padding-top:5px;
	padding-bottom:30px;
	height:auto;
}

.text_links p {
	padding-bottom:12px;
	font:15px/21px "Lucida Sans Unicode",Arial,Helvetica,sans-serif;
}

.text_links p span {
	font-weight:bolder;
	color:#333;
}

.text_links h1 {
	color:#30bde7;
	font-size:26px;
	padding-bottom:15px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.text_links h2 {
	color:#78c650;
	font-size:20px;
	padding-bottom:12px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}


.text_rechts {
	position:relative;
	float:right;
	padding-top:85px;
	position:relative;
	float:left;
	width:400px;
}

.text_rechts p {
	position:relative;
	font:15px/21px "Lucida Sans Unicode",Arial,Helvetica,sans-serif;
	padding-bottom:12px;
}

.text_rechts p span {
	font-weight:bolder;
	color:#333;
}

.text_rechts img {
	float:right;
	padding-left:10px;
}


/* Impressum */ 

#impressum p {
	font-size:10px;
	padding-bottom:30px;
}

.bold {
	font-weight:bold;
	margin-bottom:15px;
}



/* App */ 

.text_rechts_app {
	position:relative;
	float:right;
	padding-top:85px;
	position:relative;
	float:left;
	width:400px;
}


.app {
	position:relative;
	height:130px;
	width:380px;
	padding-left:25px;
	border-bottom:#666 solid 1px;
	margin-bottom:30px;
}

.app-pic {
	width:80px;
}

.app-pic img{
	position:absolute;
	left:1px;
	border:none;
}

.app-text {
	width:300px;
	float:right;
	position:absolute;
	left:90px;
}

.app-text h3 {
	color:#30bde7;
	font-size:16px;
	font-weight:900;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding-bottom:8px;
}

.app-text p {
	font:15px/21px "Lucida Sans Unicode",Arial,Helvetica,sans-serif;
	height:85px;
	overflow:hidden;
}

.app_link a {
	float:right;
	text-decoration:none;
	text-align:right;
	color:#78c650;
	font:15px/21px "Lucida Sans Unicode",Arial,Helvetica,sans-serif;
}

.app_link a:hover {
	color:#30bde7;
}

.main_app {
	background:url(../images/content_bg.jpg);
	min-height:550px;
	background-repeat:repeat-y;
	height:auto;
}