/* ***** die farben: *****************************************************
weiss   #FFFFFF;
schwarz #000000;
lila	#826C93
lila-blau  #6500cc
dunkelblau #00389a
hellblau   #bdcbe5

*/


/* ***** uebergreifendes ... *********************************************
*/
html		{ }
body		{ padding: 0; margin: 0; background: #bdcbe5; font-family: Verdana, Arial,sans-serif; font-size: 101%; text-align: left; letter-spacing: 0.02em; }
#mantel		{ margin: auto; padding: 0; width: 60em; text-align: left; background:  url(../assets/main_bg.jpg)}
#mantelPad	{ margin: 0; background:  url(../assets/header_bg.jpg) repeat-x top left;  }


/* ***** global positioning ****************
*/
#oben		{ height: 13em; background:  url(../assets/header_bg.jpg) repeat-x top left;}
#links		{ float: left; width: 12em; overflow: hidden; }
#mitte		{ margin-left: 0; margin-top: 1em; float: left; width: 46em; overflow: hidden; }
#unten		{ clear: both; }
div.clear	{ clear: both; padding: 1px; float:none; }


/* ***** global padding **************************************************
*/
#obenPad	{ margin: 10px 0 0 0; padding: 0; text-align: left; }
#linksPad	{ margin: 2px 0 0 0; padding: 1em 1em 2em 0em; text-align: left; }
#mittePad	{ margin: 0; padding: 0 0.2em 0 0; text-align: left; }
#rechtsPad	{ margin: 2px; padding: 2px; text-align: left; }
#untenPad	{ margin: 2px; padding: 2px; text-align: center;}

/* ***** navigationsliste horizontal *********
*/

#topnav				{ width: 38.5em; height: 3em; margin: 5em 0 0 10.7em; float:left; font-family: "Verdana"; Arial,sans-serif; font-size: 120%; background:  url(../assets/topnav_bg.jpg) repeat-x top left; }
#topnav div			{ float: left; margin: 0; padding: 0;  }

#topnav	ul  			{ float: left; list-style-type: none; font-size: 0.60em; margin: 0.47em 0 0 1.6em; padding: 0em; text-align:left; }
#topnav li			{ float: left;  }
#topnav a			{ font-weight: bold; display: block; padding: 0.7em 0.7em 0.7em 0.7em; margin: 0; color: #fff4e2; text-decoration: none;  letter-spacing: 0.07em; text-transform: uppercase; }
#topnav li a.aktiv		{ background: #fff4e2; color: #00389a; }
#topnav a:hover,
#topnav a:focus			{ background: #fff4e2; color: #00389a; }

/* ***** navigationsliste vertikal ***********
*/
div.navigation					{ width: 12.5em; padding: 1em 0 9em 1.75em; margin: 0; text-align:left; font-weight: bold; letter-spacing: 1px; font-size: 0.8em; }
.navigation ul					{ list-style-type: none; font-size: 1em; line-height: 160%; margin: 0; padding: 0; text-align:left; text-transform: uppercase; }
.navigation ul.level2 a 			{ padding-left: 1em; }
.navigation ul.level3 a 			{ padding-left: 2em; }
.navigation a					{ display: block; padding: 0.5em 0.5em 0.5em 0.5em; margin:0; border-top: 0em solid #00389a; color: #fff4e2; text-decoration: none; text-transform: uppercase;}
.navigation li a.aktiv				{ background: #fff4e2; color: #00389a; font-weight: bold; }
.navigation ul ul a				{ }
.navigation a:hover,
.navigation a:focus				{ background: #fff4e2; color: #00389a; font-weight: bold; }

#logo						{ visibility: hidden; margin: 0; }
#oben #logo h1					{ width:29em; margin:0; float:left; boder:none; }
#oben #logo h1 a				{ text-decoration: none;  border:none; }
#oben #logo h1 a img				{ border:0; display:block; padding: 0;}

#teaserimage					{ float: left; width: 45em; margin: 30px 0 0 210px; }
#teaserimage h1					{ font-weight: bold; font-size: 1.4em; text-align: right; font-family: Verdana, Arial,sans-serif; line-height: 120%; letter-spacing: 0.3px; padding: 0; margin: 0; color: #00389a;  }

#content					{ }
#content h1					{ font-size: 1.2em; font-family:Arial,sans-serif; line-height: 150%; letter-spacing: 1px; padding: 0 0.5em 0 0.5em; margin: 1em 0 0.5em 0.2em; color: #309224; }
#content h2					{ font-size: 1.2em; font-family:Arial,sans-serif; line-height: 150%; letter-spacing: 1px; padding: 0 0.5em 0 0.5em; margin: 1em 0 0.5em 0.2em; color: #e58d00; }
#content h3					{ font-size: 1.2em; font-family:Arial,sans-serif; line-height: 150%; letter-spacing: 1px; padding: 0 0.5em 0 0.5em; margin: 1em 0 0.5em 0.2em; color: #003185; }
#content h4					{ font-size: 1.2em; font-family:Arial,sans-serif; line-height: 150%; letter-spacing: 1px; padding: 0 0.5em 0 0.5em; margin: 1em 0 0.5em 0.2em; color: #700004; }
#content h5					{ font-size: 1.2em; font-family:Arial,sans-serif; line-height: 150%; letter-spacing: 1px; padding: 0 0.5em 0 0.5em; margin: 0.7em 0 0.7em 0.27em; color: #309224; }
#content h6					{ font-size: 1.2em; font-family:Arial,sans-serif; line-height: 150%; letter-spacing: 1px; padding: 0 0.5em 0 0.5em; margin: 0.7em 0 0.7em 0.27em; color: #e58d00; }

#content p.gruen				{ color: #309224; }
#content p.orange				{ color: #e58d00; }
#content p.rot					{ color: #700004; }
#content p.blau					{ color: #003185; }




#content p					{ color: #000; font-size: 95%; line-height: 180%; padding: 0 0.5em 0 1em; margin: 0; }
#content p.indent				{ padding: 0 0 8px 25px; }
#content p a,
#content td a					{ color: #000; }
#content ol.comments a  			{ text-decoration: underline; color: #06C; }
#content ul a,
#content ol a 					{ }
#content p a:hover,
#content p a:focus,
#content td a:hover,
#content td a:focus,
#content ol.comments a:hover,
#content ol.comments a:focus 			{ text-decoration: none; }
#content ul a:hover,
#content ul a:focus,
#content ol a:hover,
#content ol a:focus				{ }

#content table	{ margin: 10px 0 0 10px; font-size: 0.8em; width: 100%; }
#content td	{ padding: 5px; }

#content img 					{ margin: 0 0 5px 20px; }
#content a img 					{ margin: 20px 0 5px 20px; }

#content ul,
#content ol 					{ padding: 10px 0 10px 40px; margin: 5px 0; }

#content ul li					{ margin: 5px 0; color: #000; font-size: 95%; line-height: 180%; }

#unten p					{ margin: 0 padding: 4px 0; color: #AAA; font-size: 1em; font-weight: bold; }
#unten p a					{ color: #AAA; text-decoration: none; }


div.artikel {
	float:none;
	clear:both;
}


/* ***** formulare *******************************************************
*/
form						{ display: inline; } /* fuer IE, um umbruch zu vermeiden */
input,
textarea					{ padding: 1px 2px; color: #000; font-style: normal; font-family: Arial,sans-serif; font-size: 1em;  }
textarea					{ width: 270px;  height: 120px; }

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }
.align-justify { text-align:justify; }
#content p.csc-frame-frame1 {border:1px solid #000000; background-color:#EDEBF1; margin:2px 0; padding:2px 4px; }
#content p.csc-frame-frame2 {border:1px solid #000000; background-color:#F5FFAA; margin:2px 0; padding:2px 4px; }

#content .csc-textpic-caption		{ font-size: 0.7em; line-height: 140%; margin: 0 0 0 20px; padding: 0;  }
#content .csc-uploads-fileName		{ font-size: 1.2em; line-height: 180%; margin: 0; padding: 0 0 5px 0;  }