/* @charset "utf-8"; */

/* ##### CSS Document ##### */



/* ########## BODY ################################################## */

body {
	margin: 0px auto;
	padding-top: 50px;
	text-align: center;
	background: url(../img/bg.jpg) repeat-x #2878B3;
	
	color: #2878B3;
	font-size: 10px;
	font-weight: normal;
	font-family: verdana, arial, helvetica, sans-serif, swiss;
	}
	
	
	
/* ########## TEXTFORMATIERUNGEN #################################### */

/* Hauptueberschrift */
h1{
font-size: 12px;
font-weight: bold;
margin:0 0 5px 0;
}

/* Zwischenueberschrift */
h2{
color: #2878B3;
font-size: 10px;
font-weight: bold;
margin:0 0 5px 0;
}

/* Aufzaehlungen */
ul.liste {
margin: 3px 0 3px 0;
padding: 0;
list-style: none;
}

ul.liste2 {
margin: 10px 0 10px 20px;
padding: 0;
list-style: none;
}

li.liste {margin: 0; padding:0px 0 0px 18px;
background: url(../img/punkt.gif) 0px 2px;
background-repeat: no-repeat;}

/* Hyperlinks */
a:link     {text-decoration:none; color:#F59C34;}
a:visited  {text-decoration:none; color:#F59C34;}
a:hover    {text-decoration:underline; color:#F59C34;}
a:active   {text-decoration:underline; color:#F59C34;}

a.alt:link     {text-decoration:none; color:#2878B3;}
a.alt:visited  {text-decoration:none; color:#2878B3;}
a.alt:hover    {text-decoration:underline; color:#2878B3;}
a.alt:active   {text-decoration:underline; color:#2878B3;}



/* ########## KONTAKTFORMULARE ####################################### */

input.normal {
	color: #F59C34;
	width: 170px;
	margin: 0 22px 6px 0;
	font-family: verdana, arial, helvetica, sans-serif, swiss;
	}

input.gross {
	width: 377px;
	color: #F59C34;
	margin: 0 0 6px 0;
	font-family: verdana, arial, helvetica, sans-serif, swiss;
	}
	
input.gross2 {
	width: 368px;
	color: #F59C34;
	margin: 0 0 6px 0;
	font-family: verdana, arial, helvetica, sans-serif, swiss;
	}
	
textarea.gross {
	width: 365px;
	height: 100px;
	color: #F59C34;
	font-size: 12px;
	overflow: auto;
	font-family: verdana, arial, helvetica, sans-serif, swiss;
	}
	
select.waehlen {
	width: 170px;
	color: #2878B3;
	margin: 0 0 6px 0;
	}
	
input.senden {
	border: 0;
	width: 250px;
	height: 20px;
	color: white;
	text-align: center;
	background-color: #2878B3;
	}
	
font.orange {
	color: #F59C34;
	}
	
font.red {
	color: red;
	}

	
	
/* ########## SEITENSTRUKTUR ######################################## */

#container {
	width: 830px;
	margin: 0px auto;
	text-align: left;
	display: inline-block;
	}
	
#container:after {
	height: 0;
	clear: both;
	content: ".";
	display: block;
	line-height: 0;
	visibility: hidden;
	}

html[xmlns] #container{
	display: block;
	}

* html #container {
	height: 1%;
	}
	
	
#container_zustellplaner {
	width: 950px;
	margin: 0px auto;
	text-align: left;;
	display: inline-block;
	}
	
	
	#logo {
		float: left;
		width: 259px;
		height: 62px;
		display: inline;
		margin-left: 15px;
		background-image: url(../img/logo.gif);
		}
		
		a.logo {
			width: 259px;
			height: 62px;
			display: block;
			cursor: pointer;
			}
			
			
			
	/* ########## HAUPTNAVIGATION (MAINNAV) ########## */
			
	#mainnav {
		position: relative;
		width: 830px;
		z-index: 1000;
		font-size: 12px;
		color: white;
		}
		
		ul.mainnav {
			float: left;
			padding: 0;
			width: 830px;
			list-style: none;
			display: inline;
			margin: 15px 0 0 193px;
			}
			
			li.mainnav {
				float: left;
				margin-left: 3px;
				list-style: none;
				}
				
				li.mainnav a:link,
				li.mainnav a:visited {
					width: 90px;
					height: 21px;
					color: #ffffff;
					display: block;
					padding: 7px 0 0 10px;
					text-decoration: none;
					background-image: url(../img/mainnav-button.gif);
					}
					
				li.mainnav a:hover,
				li.mainnav a:active {
					text-decoration: none;
					background-image: url(../img/mainnav-button-hover.gif);
					}
					
			
			li.mainnav_on {
				float: left;
				margin-left: 3px;
				list-style: none;
				}
				
				li.mainnav_on a {
					width: 90px;
					height: 21px;
					color: #F59C34;
					display: block;
					font-weight: bold;
					padding: 7px 0 0 10px;
					text-decoration: none;
					background-image: url(../img/mainnav-button-on.gif);
					}
					
					li.mainnav_on a:hover {
						text-decoration: none;
						}
					
	/* ########## ENDE HAUPTNAVIGATION (MAINNAV) ########## */
					
					
					
	#header {
		float: left;
		width: 826px;
		height: 163px;
		z-index: 500;
		display: inline;
		margin-top: -14px;
		background-image: url(../img/header.png);
		}
		
		#headerbild {
			float: left;
			width: 781px;
			height: 120px;
			display: inline;
			margin: 25px 0 0 22px;
			}
	
		
	#mainblock_index {
		float: left;
		width: 803px;
		z-index: 500;
		height: 465px;
		display: inline;
		margin-top: -14px;
		padding: 23px 0 0 21px;
		background-image: url(../img/mainblock-index.png);
		}
		
	#mainblock_zustellplaner {
		float: left;
		width: 880px;
		z-index: 500;
		height: 550px;
		display: inline;
		margin-top: -14px;
		padding: 40px 0 0 40px;
		background-image: url(../img/mainblock-zustellplaner.png);
		}
		
	#mainblock_top {
		float: left;
		width: 826px;
		height: 28px;
		display: inline;
		margin-top: -13px;
		background-image: url(../img/mainblock-top.png);
		}
		
	#mainblock {
		float: left;
		width: 826px;
		min-height: 280px;
		background: url(../img/mainblock.png);
		}
		
		
		
	/* ########## UNTERNAVIGATION (SUBNAV) ########## */
	
		#subnav {
			float: left;
			width: 115px;
			display: inline;
			font-size: 12px;
			margin: 0 0 0 30px;
			}
			
			ul.subnav {
				padding: 0;
				margin: 0;
				list-style: none;
				}
				
				li.subnav {
					list-style: none;
					margin-bottom: 10px;
					}
					
					li.subnav a {
						color: #2878B3;
						text-decoration: none;
						}
						
					li.subnav a:hover,
					li.subnav a:active {
						color: #F59C34;
						}
						
				
				li.subnav_on {
					list-style: none;
					margin-bottom: 10px;
					}
					
					li.subnav_on a {
						color: #F59C34;
						text-decoration: none;
						}
						
			
			#adobe_info {
				float: left;
				width: 115px;
				display: inline;
				font-size: 10px;
				margin: 25px 0 0 0;
				}
						
	/* ########## ENDE UNTERNAVIGATION (SUBNAV) ########## */
		
		
		
		#content {
			float: left;
			width: 550px;
			display: inline;
			line-height: 14px;
			margin: 0 0 0 50px;
			}
			
		
	 #mainblock_bottom {
		float: left;
		width: 803px;
		height: 10px;
		color: #ffffff;
		text-align: right;
		padding: 18px 23px 0 0;
		background-image: url(../img/mainblock-bottom.png);
		}
		
		#mainblock_bottom a:link     {text-decoration:none; color:#fff;}
		#mainblock_bottom a:visited  {text-decoration:none; color:#fff;}
		#mainblock_bottom a:hover    {text-decoration:none; color:#fff;}
		#mainblock_bottom a:active   {text-decoration:none; color:#fff;}
		
		
	#footer {	/* <-- NUR AUF index.php und zustellplaner.php */
		float: left;
		width: 803px;
		height: 10px;
		color: #ffffff;
		text-align: right;
		padding: 0 23px 0 0;
		display: inline;
		margin: -12px 0 0 0;
		}
		
		#footer a:link     {text-decoration:none; color:#fff;}
		#footer a:visited  {text-decoration:none; color:#fff;}
		#footer a:hover    {text-decoration:none; color:#fff;}
		#footer a:active   {text-decoration:none; color:#fff;}