/* layout structure:
<div id="container">
	<div id="Header">
		<div id="headline"></div>
		<div id="adress"></div>
	</div>
	<div id="navigation">Navigation</div>
	<div id="navigation_sub">Navigation Submenu</div>
	<div id="content">Content</div>
	<div id="footer">Footer</div>
</div> 

Stylesheet Struktur

TODO:
- Farben und Styles erstellen
*/

* {
	padding:0;
	margin:0;
}

body {
	color:white;
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*Überschriften*/
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	padding-top:30px;
	padding-bottom:22px;
}
h2 {
	font-size: 25px;
	padding-top:22px;
	padding-bottom:22px;
	padding-left:22px;
}
h3 {
	margin-top:15px;
	margin-bottom:15px;
}
h3.zimmer {
/* 	margin-top:5px; */
	margin-bottom:0px;
	text-decoration:underline;
	font-weight:bold;
/* 	font-size:15px; */
	color:#66B3FF;
}
h3.adresse {
	margin-top:5px;
/* 	margin-bottom:15px; */
	margin-bottom:5px;
/* 	text-decoration:underline; */
	font-weight:bold;
	font-size:15px;
/* 	color:#66B3FF; */
}
h4 {
	padding-left:10px;
	margin-top:15px;
	margin-bottom:5px;
}

p.adresse {
/* 	border: 1px solid red; */
	padding-left:1em;

}

div#container {
	height:100%; /*workaround*/
	min-height:500px; /*workaround*/
/* 	width:1024px; */
/* 	position: relative; */
	border: 1px solid yellow;
	margin: 5px;
}

div#nav_left {
	border: 2px solid white;
	margin: 5px;
	float:left;
	position: relative;
}

div#content {
/* 	border: 1px solid green; */
	width:700px;
	background-color: #666666;
	height:auto; /*workaround*/
	min-height:550px; /*workaround*/
/* 	padding: 10px; */
/* 	margin-right:100px; */
/* 	width:100%; */
/* 	float:left; */
/* 	position: relative; */
}

div#nav_top {
	border-bottom: 1px solid white;
	background-color: #666666;
/* 	padding-left: 10px; */
/* 	margin-right:100px; */
/* 	width:100%; */
/* 	float:left; */
/* 	position: relative; */
}

div.nav_right {
	border: 1px solid green;
	float:left;
	position: relative;
}

div.button_box {
 	width:125px; /*Groeße festlegen, damit Bilder beim anklicken nicht verrutschen.*/
	border: 0px solid red;
/* 	margin: 5px; */
	margin-left: 5px;
	margin-right: 5px;
	position: relative;
}
div.button_box img{
	border: 0px solid red;
}


div#navigation {
	color:white;
	background-color: #666666;
/* 	width:750px; */
/* 	height:100px; */
	border: 1px none red;
/* 	border-top: 1px none #FFFFFF; */
/* 	border-right: 1px solid #FFFFFF; */
/* 	border-bottom: 1px none #FFFFFF; */
/* 	border-left: 1px solid #FFFFFF; */
/* 	padding:0px; */
/* 	margin:0px; */
	padding-top:15px;
	padding-bottom:0px;
	text-align:center;
	/*align:center;*/
	margin-left:auto;
	margin-right:auto;
	position: relative;
}
div#navigation table {
	width:100%;
/* 	border: 1px solid blue; */
/* 	margin-left:0px; */
/* 	margin-right:0px; */
	border-spacing:0px;
}

div#navigation_sub {
	color:white;
	background-color: #777777; /*#003399*/
/* 	width:750px; */
/* 	height:100px; */
/* 	border: 1px solid #FFFFFF; */
	border-top: 1px none #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px none #FFFFFF;
	border-left: 1px solid #FFFFFF;
/* 	padding:0px; */
/* 	margin:0px; */
/* 	margin-left:0px; */
/* 	margin-right:0px; */
/* 	margin-top:auto; */
/* 	margin-bottom:auto; */
	padding-top:15px;
	padding-bottom:0px;
	text-align:center;
	/*align:center;*/
	margin-left:auto;
	margin-right:auto;
	position: relative;
}

div#navigation_sub table {
	width:100%;
/* 	height:30px; */
/* 	margin-left:0px; */
/* 	margin-right:0px; */
/* 	margin-top:auto; */
/* 	margin-bottom:auto; */
	border-spacing:0px;
}

/* Menu1, nicht selelktiert, default */
div#navigation td {
	color: white; /*überschrieben von link-farbe*/
	background-color: #666666;
	width:100px;
/* 	padding:0px; */
/* 	margin:0px; */
	border-top: 1px solid #FFFFFF;
	border-right: 1px none #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

div#navigation_sub td {
	color: #FFFFFF;
	background-color: #777777;
	width:165px;
/* 	padding:0px; */
/* 	margin:0px; */
	border-top: 1px solid #FFFFFF;
	border-right: 1px none #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

div#navigation td.sel {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #777777;
	border-top: 1px solid #FFFFFF;
	border-right: 1px none #FFFFFF;
	border-bottom: 1px none #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

div#navigation_sub td.sel {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #9AB371; /*#006699*/
	width:165px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px none #FFFFFF;
	border-bottom: 1px none #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

div#navigation td.fill_left {
	font-weight: bold;
/* 	color: #FFFFFF; */
/* 	background-color: #666666; */
	border-top: 1px none #FFFFFF;
	border-right: 1px none #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px none #FFFFFF;
	empty-cells:show;
}

div#navigation_sub td.fill_left {
	font-weight: bold;
/* 	color: #FFFFFF; */
/* 	background-color: #777777; */
	border-top: 1px none #FFFFFF;
	border-right: 1px none #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px none #FFFFFF;
	empty-cells:show;
}

div#navigation td.fill_right {
	font-weight: bold;
/* 	color: #FFFFFF; */
/* 	background-color: #666666; */
	border-top: 1px none #FFFFFF;
	border-right: 1px none #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	empty-cells:show;
}

div#navigation_sub td.fill_right {
	font-weight: bold;
/* 	color: #FFFFFF; */
/* 	background-color: #777777; */
	border-top: 1px none #FFFFFF;
	border-right: 1px none #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	empty-cells:show;
}

div#content_menu {
/* 	width:750px; */
	height:100%; /*workaround*/
	min-height:500px; /*IE!*/
	color: #FFFFFF;
	background-color: #777777; /*#7C905B;*/ /*#90A669;*/
	border-top: 1px none #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
/* 	padding-top:15px; */
/* 	padding-bottom:15px; */
	padding:15px;
	/*align:center;*/
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	position: relative;
}

div#content_sub {
/* 	width:750px; */
	height:100%; /*workaround*/
	min-height:500px;
	color: #FFFFFF;
	background-color: #9AB371;
	border-top: 1px none #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
/* 	padding-top:15px; */
/* 	padding-bottom:15px; */
	padding:15px;
	/*align:center;*/
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	position: relative;
}



/*Links*/
a:link {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

/*Bilder und Grafiken bzw. deren Positionierung*/
div.box {
	float:left;
	border:1px none white;
	margin:5px;
	padding:5px;
	position:relative;
}
div.box3 {
	border:1px solid white;
	height:100%; /*workaround*/
	margin-top:5px;
	padding:5px;
	text-align: left;
	position: relative;
}