/******************************
*	
*	FARBCODES - WIEDMANN
*	dunkelblau  		#2e5980
*	pink hell  			#ffe6f6
*	pink stark  		#cb2d91
*	grau 				#cbcbcb
*	newsblau			#538dc1
*
*
*******************************/
/*
html {
	width: 100%;
	height: 100%;
}
*/
body {
	font-family: Helvetica,Arial,sans-serif;
	text-align: center;
	padding: 0px;
	margin: 0px;
	background: url(bilder/background-streifen.gif) repeat-x;
}
img {
	border: none;
}


/*----------------------------------- zentraler blauer Inhaltsbereich */
div#content {
	text-align: left;
	width: 1000px;
	margin: 0px auto;
	height:100%;
}
div#left,
div#middle,
div#right {
	float: left;
	display: inline;
}
div#left {
	width: 380px;
	height: 100%;
	background: url(bilder/streifen_links.jpg) repeat-y;
	background-position: 0px 190px;
}
div#middle {
	width: 360px;
}
div#right {
	width: 210px;
}


/************************************
*
*
*	FORMATIERUNG FÜR FLÄCHEN ÜBER DEM BLAUEN INHALTSBEREICH 
*
*
************************************/


/*----------------------------------- Abstand des blauen Bereichs von oben */
div#logoarea,
div#abstandmitte,
div#dmenuarea {
	height: 130px;
}
/*----------------------------------- bereich in dem das Logo eingefügt wird */
div#logoarea {
	text-align: right;
	background: white;
}
div#logoarea img {
	position: relative;
	top: 15px;
}
div#dmenuarea {
	background: #e8e9ee;
}


/*----------------------------------- Höhenangabe für den Inhalt */
div#contentright,
div#contentmiddle,
div#contentleft {
	height: 468px;
}
div#contentleft {
	background: url(bilder/streifen_mainmenu.jpg) 195px repeat-y #2e5980;
}
div#contentright {
	background: url(bilder/streifen_contentrechts.jpg) left repeat-y #2e5980;
	padding-left: 16px;
}
div#contentmiddle {
	background: #cbcbcb;
}
div#text {
	background: #cbcbcb;
}

/*----------------------------------- Formatierung des Hauptmenüs */
ul#mainmenu {
	padding: 0px;
	margin: 0px;
	width: 211px;
	padding-top: 50px;
	list-style: none;
	display: block;
	float: left;
}
ul#mainmenu li {
	display: block;
	margin: 0px;
	padding: 0px;
	border-right: 15px solid #ffe6f6;
	
}
ul#mainmenu li a:link,
ul#mainmenu li a:visited {
	font-weight: bold;
	color: #cbcbcb;
	font-size: 11pt;
	text-decoration: none;
	display: block;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 8px;
	background: url(bilder/menupfeil_passiv.gif) no-repeat 90% 50%;
	border-bottom: 1px solid #cbcbcb;
	/*------- Browserhack - Einstellung der Breite*/
	width: 188px;
	-width: 196px;
}
ul#mainmenu li a:hover,
ul#mainmenu li.act a:link,
ul#mainmenu li.act a:visited {
	color: #2e5980;
	background:  url(bilder/menupfeil_aktiv.gif) no-repeat 90% 50% #cbcbcb;
	
}
ul#mainmenu li.first a:link,
ul#mainmenu li.first a:visited {
	border-top: 1px solid #cbcbcb;
	
}

/**************************************
*
*
*	FORMATIERUNG DES UNTERMENUS
*
*
***************************************/
div#mittelstreifen {
	float: left;
	height: 468px;
	background-image: url(bilder/mittelstreifen.jpg);
	background-position: right;
	background-repeat: no-repeat;
}
ul#submenu {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 0.8em;
	font-weight: bold;
	background: #2e5980;
}
ul#submenu li{
	border-bottom: 1px solid #cbcbcb;
	display: block;
}

/*------------------------------------------ einheitliche Breite des Mittelstreifens */
div#mittelstreifen,
ul#submenu,
ul#submenu li {
	width: 169px;
}

ul#submenu li a:link,
ul#submenu li a:visited {
	display: block;
	color: #cbcbcb;
	text-decoration: none;
	padding: 5px;
	padding-top: 10px;
	background: url(bilder/submenupfeil_passiv.gif) no-repeat;
	background-position: 90% 50%;
}
ul#submenu li a:hover,
ul#submenu li.act a:link,
ul#submenu li.act a:visited {
	color: #2e5980;
	background: url(bilder/submenupfeil_aktiv.gif) no-repeat #cbcbcb;
	background-position: 90% 50%;
	
}





/*----------------------------------- Formatierung der News */
div.news {
	background: #cb2d91;
	color: white;
	font-size: 11px;
	line-height: 1.3em;
	padding: 11px;
	border-top:1px solid #cbcbcb;
	border-bottom:1px solid #cbcbcb;
}
/*----------------------------------- Formatierung der Newsüberschrift */
div.news h1 {
	color: white;
	font-size: 15px;
}

div.news h2 {
	color: white;
	font-size: 13px;
}
div.news a:link,
div.news a:visited {
	color: white;
	text-decoration: none;
}
div.news a:hover {
	color: white;
}


/**********************************
*
*
*	D - OBEN  / D-UNTEN Flächen
*
*
**********************************/
div.doben {
	background: url(bilder/wiedmannd_oben.jpg) no-repeat bottom left;
}
div#dunten {
	background: url(bilder/wiedmannd_unten.jpg) no-repeat top left;
	width: 404px;
	height: 60px;	
}

/*---------------------------------
*
*
*	FORMATIERUNG DER INHALTSELEMENTE
*
*
*----------------------------------/

/* --- einheitliche Abstände */
div#contentmiddle h1,
div#contentmiddle h2,
div#contentmiddle h3,
div#contentmiddle h4,
div#contentmiddle p {
	padding-left: 15px;
	padding-right: 25px;
} 
div#contentmiddle h1,
div#contentmiddle h2,
div#contentmiddle h3{
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 10px;
}
div#contentmiddle {
	color: #2e5980;
	font-weight: lighter;
}
div#contentmiddle h1 {
	font-size: 16pt;
}
div#contentmiddle h2 {
	font-size: 12pt;
}
div#contentmiddle h3 {
	font-size: 10pt;
	line-height: 1.3em;
}
div#contentmiddle p {
	margin: 0px;
	font-size: 10pt;
	line-height: 1.5em
}
div#contentmiddle a:link,
div#contentmiddle a:visited {
	color: #cb2d91;
}
div#contentmiddle a:hover {
	background: #ffe6f6;
}
/*-------------------------------- Formatierung der Punktlisten */
div#contentmiddle ul {
	font-size: 10pt;
	list-style: url(bilder/aufzaehlung.gif) outside;
	margin-left: 45px;
	padding: 0px;
	line-height: 1.3em;
}
div#contentmiddle ul li{
	margin-bottom: 5px;
}


.bodytext {
	text-align: justify;
}

.csc-menu  {
	font-size: 10pt;
	margin-left: 45px;
	padding: 0px;
	line-height: 1.3em;
}

/*************************************
*
*
*	FORMATIERUNG DES DMENUS
*
*
***************************************/
ul#dmenu {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	top: 60px;
	width: 250px;
	
}
ul#dmenu li{
	float: left;
	padding-right: 9.48px;
}


/************************************
*
*	FORMATIERUNG DES METAMENUS
*
*
*************************************/
ul#metamenu {
	margin-left: 10px;
	margin-top: 20px;
	padding: 0px;
	list-style: none;
	font-size: 13px;
}
ul#metamenu li{
	margin-bottom: 5px;
}
ul#metamenu a:link,
ul#metamenu a:visited {
	color: #cbcbcb;
	text-decoration: none;
}
ul#metamenu a:hover {
	color: white;
}
/***********************************
*
*
*	FORMATIERUNG DER NEWSLISTE
*
*
*************************************/
ul.linkliste {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.linkliste li{
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cb2d91;
	list-style: none;
}
ul.linkliste li h2{
	margin: 0px;
	padding: 0;
}

/*********************************
*
* Adresse
*
*********************************/
.adresse {
	font-size: 13px;
	color:#cbcbcb;
	margin: 10px;
}


/*********************************
*
* Formular
*
*********************************/

.csc-mailform{
	font-size: 12px;
	vertical-align: right;
	width: 330px;
}
.csc-mailform label{
	font-size: 13px;
	float: left;
	text-align: right;
	width: 115px;
	padding-right: 10px;
	padding-top:10px;
	display: block;
}
.csc-mailform-field input {
	background-color:#ffe6f6;
	/*color:#cbcbcb;*/
	border:1px solid #cb2d91;
	margin: 5px;
	display: block;
	width: 200px;
	float: right;
	margin-bottom: 10px;
}

.csc-mailform-field textarea {
	display: block;
	background-color:#ffe6f6;
	/*color:#cbcbcb;*/
	border:1px solid #cb2d91;
	margin: 5px;
	width: 200px;
	float: right;
	margin-bottom: 10px;
}
input#mailformtv {
	display: block;
	background-color:#ffe6f6;
	/*color:#cbcbcb;*/
	border:1px solid #cb2d91;
	margin: 5px;
	width: 15px;
	height:15px;
	float: right;
	margin-bottom: 10px;
}
.csc-mailform br {
	clear: both;
}

.starseite {
	color:white;
	font-size:12px;
}