/*
#FFF;		inaktiver Menübutton Schriftfarbe
#008;		inaktiver Menübutton Hintergrund und Menüleiste
#008;		aktiver Menübutton Schriftfarbe
#EDF0F2;	aktiver Menübutton Hintergrund, Hintergrund für Newsbox

#A8BAC8;	hellblau
#EDF0F2;	hellgrau

#008;		Schriftfarbe dunkelblau
#FFF;		Hintergrundfarbe weiß
*/

html, body {
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 12px;
	color: #008;
	background-color: #FFF;
	}

a:link, a:visited { color: #00F; text-decoration: none; }
a:hover, a:active { color: #00F; text-decoration: underline; }

p a:link, p a:visited { color: #00F; text-decoration: none; }
p a:hover, p a:active { color: #00F; text-decoration: underline; }

tr {
	height: 20px;
	padding: 5px;
	vertical-align: middle;
	color: #008;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 12px;
   }

td {
	height: 20px;
	padding: 2px;
	vertical-align: middle;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 12px;
   }

ul {
	list-style-type: square;
	/* line-height: 18px; */
	}

/*	vertikaler Abstand zwischen den Steuerelementen */
form {
	}

/*	Labels links neben Steuerelementen anordnen und Text rechtsbündig ausrichten */
label.left {
	float: left;
    text-align: right;
	/*	bei Änderungen von width und margin-right die Margins bei input.right anpassen */
    width: 120px;
    margin-right: 10px;
	line-height: 20px;
    }

/*	Steuerelemente rechts daneben positionieren */
input[type=text], select {
	float: left;
	margin-bottom: 10px;
	background-color: #EDF0F2;
	border: 1px solid #008;
	}

/*	Steuerelemente der Klasse "right" um den errechneten linken Abstand der
	input und select-Elemente nach rechts verschieben */
input.right {
    float: left;
    width: auto;
    clear: both;
    margin-left: 130px;
    margin-right: 0px;
	line-height: 30px;
	background-color: #FFF;
    }

/*  besondere Einstellung für Mozilla */
input[type=checkbox].right, input[type=radio].right, input[type=submit].right {
    margin-left: 130px;
    margin-bottom: 10px;
	background-color: #EDF0F2;
    border: 0;
	}
input {
	background-color: #EDF0F2;
	}

/*  Floating wieder aufheben! */
form br {
	clear: both;
	}
form p {
	 /*margin-bottom: 0px; */
	 }

body fieldset {
	margin-top: 15px;
	margin-right: 0px;
	padding: 20px;
	border: 1px solid #008;
	}

form fieldset {
	margin-top: 15px;
	margin-right: 0px;
	padding: 20px;
	border: 1px solid #008;
	}

form .bereich {
	width: 100%;
	}

form textarea {
	background-color: #EDF0F2;
	border: 1px solid #008;
	}

/*	für Steuerelemente checkbox, radiobutton, button und submit den Cursor auf Pointer einstellen
	Cursor für Textfelder als Text-Einfügemarke belassen!*/
label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
	cursor: pointer;
	}

input[type=submit] {
	/* margin: 20px; */
	}

.delimiter { display: none;	font-weight: bold; }

.bildabsatz {
	text-align: center;
	}

.bild {
	margin: 10px 0 10px 0;
	border: 1px solid #008;
	}

p .referenzbild {
	width: 302px;
	height: 183px;
	border: 1px solid #008;
	}

.pfeilnachoben {
	border: 0;
	width: 14px;
	height: 10px;
	}

#header {
	margin: 0;
	padding: 0;
	height: 140px;
	background-color: #FFF;
	background-image: url(../images/layout/headerbg.jpg);
	background-repeat: repeat-x;
	}

#headline {
	display: none;
	position: relative;
	clear: both;
	color: #000;
	font-weight: bold;
	font-size: 120%;
	}

#menublock {
	clear: both;
	float: left;
	width: 100%;
	background-color: #008;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	}

#menu a {
	float: left;
	padding: 5px 8px 5px 8px;
	background-color: #008;
	text-decoration: none;
	font-weight: bold;
	}

#menu a:link, #menu a:visited { color: #FFF; background-color: #008; }
#menu a:hover, #menu a:active { color: #008; background-color: #D7E0E3; }
#menu a#currentpage { color: #008; background-color: #D7E0E3; }

#mittelblock {
	clear: both;
	float: left;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	padding: 0 0 15px 0;
	background-image: url(../images/layout/newslayerbg.jpg);
	background-repeat: repeat-y;
	}

#contentlayer {
	float: left;
	left: 0;
	width: 520px;
	margin: 0;
	padding: 0 15px 0 15px;
	color: #008;
	background-color: #FFF;
	}

#contenttext {
	width: 520px;
	left: 0;
	margin: 0;
	padding: 0;
	color: #008;
	text-align:left;
	}

#contenttext .textrot {
	color: #F00;
	}

#contenttext h1 {
	/* margin-bottom: 12px; */
	padding: 0;
	color: #008;
	font-size: 12px;
	font-weight: bold;
	}

#contenttext h2 {
	margin-top: 15px;
	padding: 0;
	color: #008;
	font-size: 16px;
	font-weight: bold;
	}

#contenttext p {
	/* margin-bottom: 0; */
	}

#contenttext a:link, #contenttext a:visited { color: #00F; text-decoration: none; }
#contenttext a:hover, #contenttext a:active { color: #00F; text-decoration: underline; }

#newslayer {
	/* display: none; */
	float: left;
	left: 5px;
	height: 100%;
	padding: 0 10px 15px 10px;
	width: 205px;
	}

#newstext {
	float: left;
	left: 0;
	margin: 0;
	font-size: 11px;
	}

#newstext a:link, #newstext a:visited { color: #00F; text-decoration: none; }
#newstext a:hover, #newstext a:active { color: #00F; text-decoration: underline; }

#newstext h1 {
	/* margin-bottom: 12px; */
	padding: 0;
	color: #008;
	font-size: 12px;
	font-weight: bold;
	}

#newstext h2 {
	margin-top: 15px;
	padding: 0;
	color: #008;
	font-size: 16px;
	font-weight: bold;
	}

#kalenderlayer {
	/* display: none; */
	float: left;
	left: 0px;
	padding: 0;
	margin: 10px 0 20px 0;
	width: 205px;
	}

.kalendertext {
	padding: 5px;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 11px;
	text-align: center;
	}

.kalendertextheute {
	padding: 5px;
	background: #F00;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 11px;
	text-align: center;
	}

#footer {
	clear: both;
	float: left;
	width: 100%;
	border-top: 1px solid #FFF;
	background-color: #008;
	}

#footertext {
	padding: 6px 0 6px 0;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	}

#footer a:link, a:visited { color: #FFF; text-decoration: none; }
#footer a:hover, a:active { color: #FFF; text-decoration: underline; }

#valid {
	display: none;
	}

#valid img{
	height: 15px;
	width: 75px;
	margin: 15px 10px 0 0;
	border: 0;
	}
