@charset "utf-8";

/* --------------------------------------------------------------------------- */
/* -------------------------->>> GLOBAL <<<----------------------------------- */
/* --------------------------------------------------------------------------- */

* { margin: 0;	
	padding: 0; 
	list-style-type: none; 
	text-decoration: none;
	border: none; 
	outline:none;
}

body {
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style-type: none;
	color: #191919;
	font-size: 12px;
	line-height: 18px;
}

html[xmlns^="http"] { overflow-y: scroll;}

.killfloat { clear: both;}


/* --------------------------------------------------------------------------- */
/* ------------------------>>> Container <<<---------------------------------- */
/* --------------------------------------------------------------------------- */

#wrapper {
	position:relative;
	margin:0 auto;
	width:939px;
}

/* ------------------------>>> Header <<<---------------------------------- */

#header {
	width:940px;
	height:245px;
}

#logo {
	float:left;
	margin:0 6px 0 0;
	background:url(../images/logo_box.jpg);
	height:245px;
	width:255px;
}

#headline {
	padding:20px 0 0 0;
	color:#515151;
	font-family:Trebuchet ms;
	float:left;
	width:674px;
	height:60px;
	line-height:26px;
}

#firstline {
	font-size:26px;
}

#secondline {
	padding:0 0 0 110px;
	font-size:20px;
}

.box {
	margin:0 6px 0 0;
	float:left;
	height:165px;
	width:165px;
	background:url(../images/box_grau.jpg) #787878;
}


#box4 {
	float:left;
	height:145px;
	width:140px;
	background:url(../images/box_rot.jpg) #db2f2f;
	color:#ffffff;
	font:10px Tahoma;
	padding:20px 0 0 25px;
}

#box4 a {
	color:#fcda50;
}

#box4 span.boxtitle {
	font:11px Tahoma;
}

/* ------------------------>>> Content <<<---------------------------------- */


#main{
	overflow:auto;
	margin:6px 0 0 0;
	width:939px;
	background:url(../images/main_bg.jpg);
	height:auto;
}

#content_top {
	position:relative;
	float:left;
}

#text {
	float:left;
	width:419px;
	padding:20px 220px 30px 30px;
	background:url(../images/content_bg_stempel.jpg) top right no-repeat;
}

#main_bottom {
	float:left;
}

#badge a {
	position:absolute;
	top:250px;
	right:250px;	
	background:url(../images/badge.png);
	width:90px;
	height:90px;
	text-indent:-5000px;
}

.tile{
	height:10px;
	width:100%;
	margin:0 auto;
	background:url(../images/tesa.jpg) center left no-repeat;
	padding:10px 0 10px 0;
	clear:both;
}

.downlight{
	color:#787878;
}


/* ------------------------>>> Navi <<<---------------------------------- */

#mainnavi {
	float:left;
	width:270px;
	height:auto;
}

.navipunkt, .navipunkt a {
	float:left;
	height:42px;
	width:270px;
	text-indent:-5000px;
	margin:0 0 6px 0;
}

.subnavipunkt, .subnavipunkt a {
	float:left;
	height:23px;
	width:270px;
	text-indent:-5000px;
	margin:0 0 6px 0;
}

li#subnavi01 {
	background:url(../images/subnavi_paketversand.jpg) top right no-repeat;
}

li#subnavi01 a:hover, li#subnavi01_active {
	background:url(../images/subnavi_paketversand_h.jpg) top right no-repeat;
}
	


li#navi00 {
	background:url(../images/navi00_startseite.jpg);
}

li#navi00 a:hover, li#navi00_active {
	background:url(../images/navi00_startseite_h.jpg);
}

li#navi01 {
	background:url(../images/navi01_haushalte.jpg);
}

li#navi01 a:hover, li#navi01_active {
	background:url(../images/navi01_haushalte_h.jpg);
}

li#navi02 {
	background:url(../images/navi02_firmen.jpg);
}

li#navi02 a:hover, li#navi02_active {
	background:url(../images/navi02_firmen_h.jpg);
}

li#navi03 {
	background:url(../images/navi03_preise.jpg);
}

li#navi03 a:hover, li#navi03_active {
	background:url(../images/navi03_preise_h.jpg);
}

li#navi04 {
	background:url(../images/navi04_kontakt.jpg);
}

li#navi04 a:hover, li#navi04_active {
	background:url(../images/navi04_kontakt_h.jpg);
}

li#navi05 {
	background:url(../images/navi05_anfahrt.jpg);
}

li#navi05 a:hover, li#navi05_active {
	background:url(../images/navi05_anfahrt_h.jpg);
}

li#navi06 {
	background:url(../images/navi06_impressum.jpg);
}

li#navi06 a:hover, li#navi06_active {
	background:url(../images/navi06_impressum_h.jpg);
}


/* ------------------------>>> Footer <<<---------------------------------- */

#footer {
	position:relative;
	float:right;
	margin:6px 0 40px 0;
	width:678px;
	height:90px;
	background:url(../images/footer_box.jpg);
	color:#ffffff;
	font:12px tahoma;
}

#footer a {
	color:#fcda50;
}

#footbox1 {
	position:absolute;
	left:140px;
	bottom:18px;	
}

#footbox2 {
	position:absolute;
	right:75px;
	bottom:18px;
	text-align:right;
}

#backtotop a{
	height:80px;
	width:25px;
	position:absolute;
	bottom:5px;
	right:35px;
	text-indent:-5000px;
}
	

/* ------------------------>>> General <<<---------------------------------- */

h1 {
	font-weight:normal;
	font-size:22px;
	font-family:Verdana;
	color: #db2f2f;
	padding:0 0 42px 0;
}

h2 {
	font-weight:bold;
	font-size:14px;
	font-family:arial;
	color: #787878;
	padding:0 0 10px 0;
}

h3 {
	font-weight:bold;
	font-size:12px;
	font-family:Verdana;
	color: #646464;
	padding:0 0 10px 0;
}

p {
	padding:0 0 12px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #191919;
	font-size: 12px;
	line-height: 18px;
}

.column {
	float:left;
	width:150px;
}

.columnright{
	float:right;
	width:250px;
}

p a {
	font-weight:bold;
	color: #DC3030;
}

ul#contentliste {
	padding:15px 0 20px 0;
}

ul#contentliste li {
	background:url(../images/bullet.jpg) top left no-repeat;
	padding:0 0 18px 36px;
}

ul#contentliste li.highlight {
	font-weight:bold;
	background:url(../images/bullet_highlight.jpg) top left no-repeat;
}
	
/* ------------------------>>> Anfahrt <<<---------------------------------- */

.imgborder {
	float:left;
	border: 1px dashed #7d663e;
}

#routenplaner {
	float:left;
}

#anfahrtsskizze p, #routenplaner p {
	float:left;
	width:250px;
}