html {
height:				100%;
}

body {
background:			#0086AC;
font-family:		Arial, sans-serif;
font-size:			10pt;
width:				100%;
height:				100%;
margin:				0;
padding:			0;
}

#wrapper {
max-width:			990px;
width:				auto;
position:			relative;
min-height:			100%; /* Mindesthöhe für moderne Browser */
height:				auto !important; /* Important Regel für moderne Browser */
height:				100%; /* Mindesthöhe für den IE */
overflow:			hidden !important; /* FF Scroll-leiste */
margin:				auto;
background-color:	white;
}

#clear_div {
clear:				both;
height:				50px;
}

#header {
width:				100%;
text-align:			center;
margin-bottom:		22px;
text-align:			right;
}

@media screen and (max-width:770px) {
	#header {
		margin-bottom:		0;
	}
}

#header img {
display:			block;
max-width:			100%;
}

#navigation {
font-size:			12pt;
width:				18%;
padding:			0 3%;
float:				left;
}

@media screen and (max-width:770px) {
	#navigation {
		width:				100%;
		padding:			10px 0;
		margin-bottom:		25px;
		text-align:			center;
		float:				left;
		background:			#E9F8FC;
	}
}

#navipunkt {
width:				100%;
float:				left;
color: 				black;
margin-bottom:		15px;
}

#navipunkt:hover {
color:				#0086AC;
}

#navipunkt_aktiv {
width:				100%;
float:				left;
color:				#0086AC;
margin-bottom:		15px;
}

#navipunkt_aktiv:hover {
color:				#0086AC;
}

.navipunkt_tagebuch_datum {
font-size:			9pt;
color:				#808080;
}

#menu_icon {
display:			none;
}

@media screen and (max-width:770px) {
	#menu_icon {
		display:		inline;
	}
	#navi_wrap {
		display:		none;
		margin-top:		10px;	
	}
}

@media screen and (min-width:771px) {
	#navi_wrap {
		display:		block!important;
	}
}

#content {
float:				right;
width:				69%;
padding:			0 3% 25px 3%;
font-size:			11pt;
text-align:			left;
border-left:		1px solid #3B5B81;
}

@media screen and (max-width:770px) {
	#content_wrap2 {
		margin:				0 20px;
	}
	#content {
		float:				none;
		width:				100%;
		padding:			0 0 25px 0;
		border-left:		none;
	}
}

#content a {
color:				#00457D;
text-decoration:	none;
}

#content a:hover {
text-decoration:	underline;
}

#content img {
border:				1px solid #A8BACF;
}

#fbplugin_box {
min-height:			320px;
float:				right;
text-align:			left;
padding-left:		20px;
}

.screenbox {
border-top:			1px solid #0561A8;
border-bottom:		1px solid #0561A8;
padding:			15px 0;
margin-bottom:		25px;
text-align:			center;
}

.projekt_screen {
border:				1px solid #0561A8;
margin-right:		15px;
}

.news_titel {
font-weight:		bold;
margin:				0;
}

.news_text {
margin:				10px 0 25px 0;
}

.fett {
font-weight:		bold;
}

.fett_rot {
font-weight:		bold;
color:				#FF0000;
}

.legende {
font-size:			0.8em;
}

.table {
border:				1px solid #000000;
border-collapse:	collapse;
}

.formularfelder {
font-family:		Arial, sans-serif;
font-size:			9pt;
width:				80%;
}

.formfehler {
color:				red;
font-size:			8pt;
}

.titel {
width:				100%;
margin-bottom:		30px;
}

.userangabe_titel {
font-weight:		bold;
font-size:			0.8em;
}

.userangabe {
font-size:			0.8em;
}

.seitentitel {
font-weight:		bold;
font-size:			12pt;
}

.tagebuch_box_links {
width:				58%;
float:				left;
margin-right:		7%;
}

.tagebuch_box_rechts {
width:				35%;
text-align:			right;
float:				left;
}

@media screen and (max-width:770px) {
	.tagebuch_box_links {
		width:				100%;
		float:				none;
		margin-right:		0;
		margin-bottom:		25px;
	}
	.tagebuch_box_rechts {
		width:				100%;
		text-align:			left;
		float:				none;
	}
}

.tagebuch_auswahlmenu {
margin-bottom:		30px;
}

.tagebuch_auswahlmenu select {
max-width:			100%;
}

.tagebuch_kommentarbox {
text-align:			left;
border:				1px solid black;
background:			#E9F8FC;
padding:			15px;
font-size:			9pt;
}

.tagebuch_auswahlmenu_titel {
font-size:			9pt;
margin-bottom:		5px;
}

.kommentar_datumzeit {
color:				#A6A6A6;
font-size:			8pt;
}

.hidden_field {
display:			none;
}

.nl_row {
margin-bottom:		10px;
}

.nl_label {
float:				left;
width:				100px;
line-height:		25px;
}

.formfield, .formfield_fehler {
height:				20px;
}

.formfield_select, .formfield_select_fehler {
height:				25px;
}

.formfield_textarea, .formfield_textarea_fehler {
height:				80px;	
}

.formfield, .formfield_fehler,
.formfield_select, .formfield_select_fehler,
.formfield_textarea, .formfield_textarea_fehler {
font-family:		Arial, sans-serif;
font-size:			11pt;
width:				250px;
max-width:			100%;
border:				1px solid lightgrey;
}

.formfield_fehler, .formfield_select_fehler, .formfield_textarea_fehler {
background:			#FE797B;
}

.formular_fehler {
background:			red;
color:				white;
padding:			8px 10px;
margin-bottom:		15px;
}

input[type=submit] {
margin-top:			20px;
background-color:	#0086AC;
border:				none;
color:				white;
padding:			6px 15px;
text-decoration:	none;
cursor:				pointer;
}

h1 {
font-weight:		bold;
font-size:			12pt;
}

.clear_both {
clear:				both;
}

* {
margin:				0;
padding:			0;
}

p {
margin:				0;
}

td, th {
padding:			2px;
}