body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align:center;
	margin:0;
	background-image:     url("images/hintergrund.jpg");
	background-color: #FFFFFF;
	background-repeat: repeat-x;
}

table {
	text-align: left;
}

td, tr {
	vertical-align: top;
}

h1 {
	font-size: 18px;
	font-weight: bolder;
}

h2 {
	font-size: 15px;
	color: #336868;
}

h3 {
	font-size: 13px;
	color: #336868;
}

/* --------------------------------------------------
   Definition der Ebenen                              */

div#rahmen {
	width: 800px;
	margin: 2% auto;
	padding:0;
	text-align: left;
}

div#rahmen_links {
	margin: 0px;
	padding: 0px;
	width: 160px;
	float: left;
}

div#rahmen_mitte {
	margin: 0px;
	padding: 0px;
	width: 12px;
	float: left;
}

div#rahmen_rechts {
	margin: 0px;
	padding: 0px;
	width: 628px;
	float: right;
}

/* --Bereich links-- */
div#logo {
	margin: 0;
	padding-left:5px;;
	width: 150px;
	height: 205px;
}

div#navi_links {
	width: 150px;
	height: 500px;
	text-align:right;
}

/* --Bereich rechts-- */
/* --oberer Teil-- */
div#header {
	margin: 0px;
	height: 167px;
	width: 100%;
}

div#bilder_navi {
	position:relative;
	top:31px;
	width: 333px;
	height:110px;
	float:left;
	background-image:     url("images/bilder_navi.jpg");
}

div#navi_oben {
	position:relative;
	top:85px;
	right: 10px;
	height:20px;
	width: 250px;
	text-align:right;
	vertical-align: middle;
	float: right;
	color: #F5F5F5;
}

div#navi_land {
	width: 100%;
	height:12px;
	text-align:right;
	font-size:11px;
}
div#navi_land img {
	margin: 0 5px;
}

div#trennlinie {
	margin: 0;
	padding:0;
	width: 8px;
	float:left;
}

div#bilder_suche {
	position:relative;
	top:31px;
	width: 286px;
	height: 110px;
	float:right;
	background-image:     url("images/bilder_suche.jpg");
	background-repeat: no-repeat;
}

div#suche {
	position:relative;
	top:2px;
	left: 8px;
	height:20px;
	width: 200px;
	vertical-align: middle;
	float: left;
	color: #F5F5F5;
	font-size: 11px;
}

/* --Titel-- */
div#titel {
	margin: 0px;
	padding:0;
	width:100%;
	height:21px;
	text-indent: 10px;
	vertical-align: bottom;
	font-size: 17px;
	font-weight:bold;
}

/* --mittlerer Bereich-- */
div#mitte {
	margin: 0px;
	padding:0px;
	height: 541px;
	background-image:        url(images/hintergrund_mitte.gif);
	background-repeat: no-repeat;
}

div#inhalt {
	margin-top: 10px;
	margin-left: 0px;
	padding: 0;
	width:474px;
/*	min-height:541px;*/
	float: left;
	background-color: #FFFFFF;
}

div#navi_rechts {
	position:relative;
	left: 5px;
	top: 5px;
	margin-top: 3px;
	width:154px;
	height:541px;
	float: right;
}

/* --Bereich unten-- */
div#footer {
/*	position:relative;
	top: 10px;*/
	width: 475px;
	text-align:center;
	font-size: 11px;
}

img#bild_logo {
	border: 0px;
}

img {
	border: 0px;
}

/* --------------------------------------------------
   Definition von Klassen                              */

.copyright {
	position:relative;
	top: 3px;
	font-size: 10px;
}

.titel {
	font-size: 17px;
}

.subnavi_titel_active {
	color:#336868;
	font-size: 14px;
	text-decoration: none;
}

.subnavi_links_active {
	color:#336868;
	font-size: 12px;
	text-decoration: underline;
/*	position:relative;
	left: 20px;*/
}

.navioben_active {
	color:#F5F5F5;
	font-size: 11px;
	text-decoration: underline;
}

div.csc-header {		/*Überschrift eines Videos*/
	margin-top: 15px;
	margin-bottom: 5px;
}
div.csc-textpic-clear {
	margin-bottom: 10px;
}

/* --------------------------------------------------
   Definition der Links                               */
a:link {
	color:#000000;
	font-size: 12px;
	text-decoration:none;
}
a:visited {
	color:#000000;
	font-size: 12px;
	text-decoration:none;
}
a:hover {
	color:#000000;
	font-size: 12px;
	text-decoration: underline;
}
a:active {
	color:#000000;
	font-size: 12px;
	text-decoration: underline;
}


a.navifooter:link {
	color:#000000;
	font-size: 11px;
	text-decoration:none;
}
a.navifooter:visited {
	color:#000000;
	font-size: 11px;
	text-decoration:none;
}
a.navifooter:hover {
	color:#000000;
	font-size: 11px;
	text-decoration: underline;
}
a.navifooter:active {
	color:#000000;
	font-size: 11px;
	text-decoration: underline;
}

a.navioben:link {
	color:#F5F5F5;
	font-size: 11px;
	text-decoration:none;
}
a.navioben:visited {
	color:#F5F5F5;
	font-size: 11px;
	text-decoration:none;
}
a.navioben:hover {
	color:#F5F5F5;
	font-size: 11px;
	text-decoration: underline;
}
a.navioben:active {
	color:#F5F5F5;
	font-size: 11px;
	text-decoration: underline;
}


a.subnavi_titel:link {
	color:#000000;
	font-size: 14px;
	text-decoration:none;
}
a.subnavi_titel:visited {
	color:#000000;
	font-size: 14px;
	text-decoration:none;
}
a.subnavi_titel:hover {
	color:#336868;
	font-size: 14px;
	text-decoration: underline;
}
a.subnavi_titel:active {
	color:#336868;
	font-size: 14px;
	text-decoration: underline;
}


a.subnavi_links:link {
	color:#000000;
	font-size: 12px;
	text-decoration:none;
}
a.subnavi_links:visited {
	color:#000000;
	font-size: 12px;
	text-decoration:none;
}
a.subnavi_links:hover {
	color:#336868;
	font-size: 12px;
	text-decoration: underline;
}
a.subnavi_links:active {
	color:#336868;
	font-size: 12px;
	text-decoration: underline;
}


a.copyright:link {
	color:#000000;
	font-size: 10px;
	text-decoration:none;
}
a.copyright:visited {
	color:#000000;
	font-size: 10px;
	text-decoration:none;
}
a.copyright:hover {
	color:#000000;
	font-size: 10px;
	text-decoration: underline;
}
a.copyright:active {
	color:#000000;
	font-size: 10px;
	text-decoration: underline;
}

div#navi_land a:link {
	color:#000000;
	font-size: 11px;
	text-decoration:underline;
}
div#navi_land a:visited {
	color:#000000;
	font-size: 11px;
	text-decoration:underline;
}
div#navi_land a:hover {
	color:#000000;
	font-size: 11px;
	font-weight:bold;
	text-decoration: underline;
}
div#navi_land a:active {
	color:#000000;
	font-size: 11px;
	font-weight:bold;
	text-decoration: underline;
}