/* hier sind festen Werte, definiert,
   um jedem Browser zu erklären, was ich gerne hätte
*/

table,body,html,ul,h1,h2,h3,h4,h5,p,form
{	margin:0px;
	padding:0px;
	font-family: Arial, sans-serif;
	outline:none;
}
/* für den fall, das ein text rot markiert werden soll */

.red
{	color:#8D0000;
}

.black {
	color: #332C26;
}

.blue {
	color: #A7C6F2;
}

.grey {
	color: #8D9EB0;
}

.center
{	text-align:center;
}


html
{	height:100%;
}


body
{	font-size:1em;
	font-family:arial, sans-serif;
	background-image:url(../img/body.png);
	background-repeat:repeat-y;
	padding-top:191px;
}

img
{	border-width:0px;
}

.clear
{	clear:both;
}

.my_clear
{	font-size:1px;
	height:1px;
	overflow:hidden;
	clear:both;
}

.right
{	float:right;
}

.left
{	float:left;
}



#top
{	height:7px;
	overflow:hidden;
	width:206px;
	background-image:url(../img/top.png);
	background-repeat:no-repeat;
	position:absolute;
	left:0px;
	top:0px;
}

/* enthaelt die grafik, die sich über die gesamte breite des browsers zieht */
#header_out
{	background-image:url(../img/header_out.png);
	height:184px;
	position:absolute;
	left:0px;
	top:7px;
	width:100%;
}
/* der linke headerbereich */
#header
{	background-image:url(../img/header.png);
	background-repeat:no-repeat;
	height:130px;
	background-color:#A7C6F2;
	width:538px;
	position:relative;
	padding:54px 0px 0px 32px;
}

#header h3
{	color:#37689B;
	font-size:0.9em;
	padding-top:5px;
	font-weight:bold;
}

#header h3 span.rot
{	color:#8D0000;
	font-size:0.9em;
	background-image:url(../img/header_point_red.png);
	background-repeat:no-repeat;
	background-position:2px 3px;
	padding-left:18px;
}

#header h3 span.schwarz
{	color:#332C26;
	font-size:0.9em;
	background-image:url(../img/header_point_black.png);
	background-repeat:no-repeat;
	background-position:2px 3px;
	padding-left:18px;
}

#header h3 span.blau
{	color:#fff;
	font-size:0.9em;
	background-image:url(../img/header_point_blue.png);
	background-repeat:no-repeat;
	background-position:2px 3px;
	padding-left:18px;
}

#header h3 span.grau
{	color:#fff;
	font-size:0.9em;
	background-image:url(../img/header_point_blue.png);
	background-repeat:no-repeat;
	background-position:2px 3px;
	padding-left:18px;
}

/* das bild, dass in den contentbereich hineinragt */
#header	.picture
{	position:absolute;
	left:570px;
	top:0px;
	border-width:0px 4px 0px 4px;
	border-style:solid;
	border-color:#ffffff;
}

/* der link zur startseite, der mit dem namen verknüpft ist */
#header a.home,#header a.home:link,#header a.home:visited,
#header a.home:active,#header a.home:hover
{	font-size:1.8em;
	color:#37689B;
	text-decoration:none;
}

/* die positionierung und der hintergrund des layouts */
#container
{	margin:0px;
	width:990px;
	position:relative;
}


/* der linke bereich */
#left
{	width:206px;
	overflow:hidden;
	background-image:url(../img/left.png);
	background-repeat:no-repeat;
	float:left;
	padding:51px 0px 0px 0px;
}


/* das menue der linken seite */

.menu
{	list-style-position:outside;
	list-style-type:none;
}

.menu li
{	width:100%;
	overflow:hidden;
	margin-top:3px;
}

/* links ohne class angabe besitzen links einen kurzen grauen balken */
.menu a,.menu a:link,.menu a:visited,.menu a:active
{	border-left:7px solid #8D9EB0;
	display:block;
	width:100%;
	color:#FFFFFD;
	text-decoration:none;
	font-size:0.8em;
	padding:2px 0px 2px 29px;
	width:170px;
	overflow:hidden;
}

.menu a:hover
{	color:#A7C6F2;
}


/* diese links besitzen links einen schwarzen balken */
.menu a.black,.menu a.black:link,.menu a.black:visited,
.menu a.black:active,.menu a.black:hover
{	border-left:18px solid #332C26;
	padding-left:18px;
	width:170px;
	overflow:hidden;
}

/* diese links besitzen links einen roten balken */
.menu a.red,.menu a.red:link,.menu a.red:visited,
.menu a.red:active,.menu a.red:hover
{	border-left:18px solid #BC0000;
	padding-left:18px;
	width:170px;
	overflow:hidden;
}

/* diese links besitzen links einen blauen balken */
.menu a.blue,.menu a.blue:link,.menu a.blue:visited,
.menu a.blue:active,.menu a.blue:hover
{	border-left:18px solid #A7C6F2;
	padding-left:18px;
	width:170px;
	overflow:hidden;
}


/* ein activer roter link im menue */
.menu a#menu_active,.menu a#menu_active:link,.menu a#menu_active:visited,
.menu a#menu_active:active,.menu a#menu_active:hover
{	background-color:#BC0000;
	border-color:#BC0000;
	color:#FFFFFD;
}

/* ein activer schwarzer link im menue */
.menu a#menu_active_black,.menu a#menu_active_black:link,.menu a#menu_active_black:visited,
.menu a#menu_active_black:active,.menu a#menu_active_black:hover
{	background-color:#332C26;
	border-color:#332C26;
	color:#FFFFFD;
}

/* ein activer blauer link im menue */
.menu a#menu_active_blue,.menu a#menu_active_blue:link,.menu a#menu_active_blue:visited,
.menu a#menu_active_blue:active,.menu a#menu_active_blue:hover
{	background-color:#A7C6F2;
	border-color:#A7C6F2;
	color:#FFFFFD;
}

/* ein activer grauer link im menue */
.menu a#menu_active_grey,.menu a#menu_active_grey:link,.menu a#menu_active_grey:visited,
.menu a#menu_active_grey:active,.menu a#menu_active_grey:hover
{	background-color:#8D9EB0;
	border-color:#8D9EB0;
	color:#FFFFFD;
}


/* der rechte bereich, hier ist die überschrift der seite enthalten */
#main
{	width:640px;
	margin-right:110px;
	float:right;
	padding:27px 0px 27px 0px;
	display:inline;
	overflow:hidden;
}

/* überschrift, rote farbe udn roter kreis */
h1.red
{	background-image:url(../img/h1_red.png);
	background-repeat:no-repeat;
	color:#8D0000;
	font-size:1.2em;
	font-weight:bold;
	line-height:66px;
	padding-left:72px;
	height:59px;
	overflow:hidden;
}

/* überschrift, schwarze farbe und schwarzer kreis */
h1.black
{	background-image:url(../img/h1_black.png);
	background-repeat:no-repeat;
	color:#332C26;
	font-size:1.2em;
	font-weight:bold;
	line-height:66px;
	padding-left:72px;
	height:59px;
	overflow:hidden;
}


/* überschrift, blaue farbe und blaue kreis */
h1.blue
{	background-image:url(../img/h1_blue.png);
	background-repeat:no-repeat;
	color:#A7C6F2;
	font-size:1.2em;
	font-weight:bold;
	line-height:66px;
	padding-left:72px;
	height:59px;
	overflow:hidden;
}


/* überschrift, graue farbe und graue kreis */
h1.grey
{	background-image:url(../img/h1_grey.png);
	background-repeat:no-repeat;
	color:#8D9EB0;
	font-size:1.2em;
	font-weight:bold;
	line-height:66px;
	padding-left:72px;
	height:59px;
	overflow:hidden;
}

/* der content */
.content
{	color:#76808A;
	padding:20px 0px 0px 71px;
	font-size:0.8em;
	line-height:1.4em
}


.content p
{	padding:8px 0px;
}

.content p.abstand {
	margin-bottom: 20px;
}

#footer {
	padding-top: 80px;
}

#footer p {
	padding-top: 3px;
	border-top: 1px solid #76808a;
	font-size: 0.9em;
}

#footer p a {
	color: #76808a;
	text-decoration: none;
}


/* die aufzählung mit den zahlen */

.aufzaehlung
{	list-style-type:none;
	list-style-position:outside;
	padding-bottom:24px;
}


.aufzaehlung li
{	padding:1px 0px 1px 32px;
	background-repeat:no-repeat;
	margin-top:4px;
	font-weight:bold;
	line-height:1.45em;
}

.aufzaehlung li.li_1
{	background-image:url(../img/content_li_1.png);
}

.aufzaehlung li.li_2
{	background-image:url(../img/content_li_2.png);
}
.aufzaehlung li.li_3
{	background-image:url(../img/content_li_3.png);
}
.aufzaehlung li.li_4
{	background-image:url(../img/content_li_4.png);
}


/* eine liste mit langen pfeilen vor den inhalten der li tags */
.arrow
{	list-style-type:none;
	list-style-position:outside;
	padding:10px 0px 26px 0px;
}


.arrow li
{	padding:1px 0px 1px 22px;
	background-repeat:no-repeat;
	background-image:url(../img/arrow_li.png);
	background-repeat:no-repeat;
	background-position:0px 7px;
}


.content a,.content a:link,.content a:visited,.content a:active
{	text-decoration:underline;
	color:#8D0000;
}

.content a:hover
{	text-decoration:none;
}

.content a.ohne, .content a.ohne:link, .content a.ohne:visited, .content a.ohne:active {
	text-decoration: none;
	color:#76808A;
}

/* formular */

label {
	float: left;
	width: 160px;
}

input, textarea {
	width: 405px;
	border: 1px solid #8d94b0;
	color:#76808A;
}

.senden {
	width: 78px;
	background: #f9f9f9;
}

fieldset {
	border: 1px solid #8d94b0;
	padding: 10px 8px 0 10px;
	margin-bottom: 30px;
	background: #f9f9f9;
}

.box {
	clear: both;
	width: auto;
	border: none;
	background: none;
	float: left;
}

label.anklicken {
	width: 500px;
	padding-left: 10px;
	padding-bottom: 15px;
}