HTML, BODY {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.01%
	color: #3b3b3a;
	}
	
a:focus { outline: none;}	
	
/*
######################################## CONAINER
*/
	#container {
		width: 979px;
		margin: auto;
		background: #fff url(../bilder/hg_page.gif) repeat-y;
		position: relative;
		min-height: 100%;
		_height: 100%;
		}
		
		#container .clear {
			clear: both;
			height: 0;
			line-height: 0;
			font-size: 0;
		}
			
	
/*
######################################## KOPF
*/		
		#container #kopf {
			height: 180px;
			width: 977px;
			position: relative;
			margin-left: 1px;
			}
			
		#container #balken{
			width: 977px;
			position: relative;
			margin-left: 1px;
		}


/*
######################################## WRAP
*/
#wrap{
	width: 979px;
	position: relative;
	padding-bottom: 100px;
}

			
/*
######################################## LINKS/MENUE
*/								
		#container #links {
			float: left;
			width: 187px;
			font-size: 0.75em;
			margin: 0 2px 0 1px;
			background: url(../bilder/hg_left.jpg) no-repeat left top;
			min-height: 600px;
			}
			#container #links UL {
				margin:0;
				padding: 0;
				list-style: none;
				width: 186px;
				}
				#container #links UL LI {
					padding: 0px;
					margin:  10px 0 0 0;
					}
									
					#container #links UL LI A {
						text-decoration: none;
						color: #3b3b3a;
						width: 170px;
						display: block;
						vertical-align: middle;
						font-family: Georgia;
						font-style: italic;
						font-size: 1em;
						font-weight: bold;
						padding: 4px 2px 24px 14px;
					}
						#container #links UL LI A:HOVER,
						#container #links UL LI A.aktiv {
							color: #fff;
							background: url(../bilder/ebene1_hover.png) no-repeat 1px top;
							border: 0;
							}
						#container #links UL LI UL {						
							margin: 0;
							padding: 0;
							border: 0;
							list-style: none;
							}
							#container #links UL LI UL LI {
								border: 0;
								padding: 0;
								margin: 0;
								}
								#container #links UL LI UL LI A{
									width: 159px;
									padding: 4px 3px 3px 23px;
									font-family: Arial;
									font-style: normal;
									font-size: 0.9em;
									font-weight: normal;								
								}		
									#container #links UL LI UL LI A:hover,
									#container #links UL LI UL LI A.aktiv{
										background: url(../bilder/ebene2_hover.png) no-repeat left top;
									}
									
									#container #links UL LI UL LI UL LI A{
										padding-left: 33px;
									}
									
			#container #links #angebot{
				font-weight: bold;
				font-style: italic;
				font-family: Georgia;
				color: #3b3b3a;
				margin: 28px 10px 0 11px;
			}
			#container #links #urlaub{
				margin: 20px 0 5px 0px;
			}
			#container #links select{
				width: 170px;
				margin: 5px 5px 5px 10px;
			}
								
			#links .bluebox {
        font-size: .9em;
        color: #000;
        padding: 0 12px 10px 15px;
      }
								
/*
######################################## MITTE/INHALT
*/									
		#container #mitte {
			float: left;
			margin: 0;
			width: 518px;
			font-size: 0.73em;
			background: url(../bilder/hg_middle.jpg) no-repeat left top;
			padding:  15px 35px 70px 35px;
			min-height: 600px;
			}
			
			#container #print{
		    clear: both;
				position: absolute;
				bottom: 100px;
				right: 238px;
				font-weight: bold;
			}
			
			#mitte .breadcrumb {
        color: #7cc1d2;
        padding-bottom: 10px;
      }
      #mitte .breadcrumb a {
        font-size: .9em;
        color: #7cc1d2;
        text-decoration: none;
      }
      #mitte .breadcrumb a:hover {
        text-decoration: underline;
      }

/*
######################################## RECHTS
*/				
		#container #rechts {
			float: left;
			width: 200px;
			font-size: 0.7em;
			background: url(../bilder/hg_right.jpg) no-repeat left top;
			min-height: 600px;
			margin: 0 0 0 1px;
			padding: 23px 0 0 0;
			}
			
			#container #rechts #wetter{
				width: 100%;
				margin: 0 19%;
			}
			
			#container #startlink{
		    text-align: right;
				position: relative;
				top: -20px;
				padding-right: 5px;
			}
	
		
/*
######################################## FOOTER
*/			
		#container #footer {
			position: absolute;
			bottom: 0;
			text-align: center;
			font-size: 0.7em;
			font-family: verdana;
			width: 969px;
			padding: 5px;
			color: #ffffff;
			background: #7cc1d2;
			height:69px;
			}
			#container #footer A {
				color: #ffffff;
				}
				
				#container #footer UL {
					margin: 0;
					padding: 14px 0 0 13px;
					}
					#container #footer UL LI {
						display: inline;
						}
						#container #footer UL LI A {
							color: #fff;
							text-decoration: none;
							border-right: 1px solid #fff;
							padding: 0 9px 0 9px;
							}
							#container #footer UL LI.last A {
								border: 0;
								}
							#container #footer UL LI.first A {
								padding-left: 0;
								color: #0060AC;
							}
						#container #footer UL LI A:hover{
							text-decoration: underline;
						}