/* 
 **********************************************************************************
 * 
 * Realisiert von: Christoph John, Bonn - www.christophjohn.de
 * für: Karin Busch, Bonn
 * 1. Version: Juni-Juli 2009
 *
 * Development & source code & CSS-Styles by Christoph John, Bonn
 * Screendesign by MediaCompany, Bonn
 *
 * Änderungen, Erweiterungen, Relaunches:
 *
 **********************************************************************************
*/
*{
	margin:0;
	padding:0;
}

/*
	font-family: georgia,'times new roman',serif; "Trebuchet MS",Arial, sans-serif;

*/
/*---------------------------------html und Formatklassen*/
body {
	margin:0;
	padding: .6em 0;
	color: #333;
	background-color: #DDDDDD;
	/*#EDEDED*/
	font-family: Verdana, Tahoma, Arial, sans-serif;
	text-align: center;
	font-size:100.01%;
}
hr {
    display: none;
}

h1.aural, h2.aural { 
/*z. B. h2-Ueberschriften, Navi-Elemente, die in Normalansicht unsichtbar sein sollen, aber fuer Screenreader lesbar*/
  position:absolute;
  left:-6000px !important;
  top:-6000px !important;
  width:0px !important;
  height:0px !important;
  overflow: hidden;
}

.none { /*wird von Screenreadern nicht erkannt?*/
  display: none;
}


/*----------------------------------------------------Struktur*/

#main {
	width: 994px;/*774px*/
	background:#FFFFFF;/*#FFECCE*/
	border:1px solid #AAAAAA;
	margin:0 auto;
	text-align: left;
	padding:0;
}

/*Box-Model-Hack für IE 5*/
* html #main { 			/* wird nur von IE erkannt */
  width: 996px;              /* IE 5 und 5.5: 994+1+1*/
  w\idth: 994px ;            /* IE 6 und 7 interpretieren das Boxmodell standardgemäß */
}

#left {
	width: 222px;
	background:#FFFFFF;
	margin:0;
	padding:0;
	float:left;
}

#logo {
	/*margin-top:25px;
	padding-bottom:20px;
	padding-left:35px;12px*/
	margin-top:20px;
	padding-bottom:20px;
	padding-left:27px;	
	border-bottom:1px solid #B3B3B3;
}

#navi-imp {
	list-style-type: none;
}

#naviLeft {
	margin-left:10px;
	margin-top:15px;
}

ul#firstLevel, #naviLang ul, #naviBot ul {
	list-style-type:none;
}
ul#secLevel  {
	/*margin-left:8px;
	padding-left:0px;*/
	list-style-type:none;
	margin-right:1px;
	margin-left:0px;
	padding-left:8px;
	padding-top:3px;
	padding-bottom:3px;
	border-left:1px dotted #DDDDDD;
	background-color:#FDF6DF;
}
ul#thdLevel  {
	margin-top:3px;
	margin-left:0px;
	margin-right:0px;
	padding-left:8px;
	padding-top:3px;
	padding-bottom:3px;
	list-style-type:none;
	
	/*border-left:1px dotted #DDDDDD;*/
	border-left:1px dotted #BBBBBB;
	border-top-width:0;
	border-right-width:0;
	background: url(../images/pfeil_thdlevel.png) no-repeat 4px 2px #EEEEEE;
}

#right {
	width: 772px;/*552px*/
	background:#FFFFFF;
	margin:0;
	padding:0;
	float:left;
}
#headRight {
	border-bottom:1px solid #C3012C;
	height:130px;
}
#quoteRight {
	position:relative;
	left:0px;
	top:25px;
	width:540px;
	height:1px;
	z-index:3;
	border:0;
	overflow: visible;
}
/* IE 6*/
* html #quoteRight {
	height:80px;
	overflow:visible;
	border:0px;
}

#quoteRight p {
	text-align:right;
	font-size:11px;
	font-style:normal;
	font-family: georgia,'times new roman',  serif; 
	line-height:150%;
}
#quoteRight p.quoteAuthor {
	font-family:  Verdana, Tahoma, Arial, sans-serif;
	font-style:normal;
	color:#888888;
}

#naviTop {
	border:0;
	width:222px;
	float:right;
	margin-top:85px;
	padding-bottom:8px;
}
/*IE 6*/
* html #naviTop {
	margin-top:5px;
}
#naviLang {
	float:left;
	margin:0 35px 0 0px;
	padding-left:35px;
}

#naviBreadcrumb {
	margin-bottom:30px;
	font-weight:normal;
	font-size:0.7em;
	line-height:140%;
	color: #C90435;
}

#maincontentWrapper {
	background: url(../images/bg_content.gif) 100% repeat-y;
}

#maincontent {
	padding:10px 250px 30px 50px;
	height:100%;
	margin-right:0px;
	border:0;
	/*background:#FFECCE #F2BD1C;*/
}

.icon01 { background: url(../images/icon_dreiform_weit.png) no-repeat top right ;}
.icon02 { background: url(../images/icon_twofigures.png) no-repeat top right ;}
.icon03 { background: url(../images/icon_zweidreiecke.png) no-repeat top right ;}
.icon04 { background: url(../images/icon_zweiquadrate.png) no-repeat top right ;}
.icon05{ background: url(../images/icon_rad_oben.png) no-repeat top right ;}
.icon06 { background: url(../images/icon_dreiform_eng.png) no-repeat top right ;}
.icon07 { background: url(../images/icon_twofigures_rand.png) no-repeat top right ;}
.icon08 { background: url(../images/icon_rad_unten.png) no-repeat top right ;}

#maincontent h2{
	font-size:0.9em;
	font-weight:bold;
	line-height:150%;
	color:/*#BF572E*/#333;
	padding:0.5em 0;
}
#maincontent h3{
	font-size:80%;
	font-weight:bold;
	line-height:150%;
	color:/*#BF572E*/#333;
	padding:0.5em 0 0 0;
	margin-bottom:0.5em;
}

img.contentPic
{
	border:1px solid #AAA;
	padding:1px;
	margin:0 15px 5px 0;
}

img.contentPicLeft
{
	float:left;
	border:1px solid #AAA;
	padding:1px;
	margin:0 15px 5px 0;
}

#maincontent p {
	font-size: 75%;
	line-height: 150%;
	margin:1em 0;
}
#maincontent p.small {
	font-size:70%;
}
#maincontent ul.kreuz {
	list-style-image:url(../images/kreuz_listimage.png);
	margin-left:1em;
	padding-left:1em;
}
*+ html #maincontent ul.kreuz { /*IE 7*/
	list-style-image:url(../images/kreuz_listimage_ie.png);
}
* html #maincontent ul.kreuz { /*IE 6*/
	list-style-image:url(../images/kreuz_listimage_ie.png);
}


#maincontent li {
	font-size: 75%;
	line-height: 150%;
	padding:0.5em 0;
}

#naviBot {
	float:right;
	margin-top:15px;
}

/*---------------sonstige-----------------*/
.unsichtbar {
	display:none;
	position:absolute;
	text-indent: -999em;
	width: 1px;
	height: 1px;
	overflow: hidden;
	text-decoration:none;
}
.stopFloat {
	display:block;
	float:none;
	clear:both;
	height:1px;
	font-size:0px;
	line-height:0px;
}
/*--------------- Tabellengestaltung --------------*/
/*--------------- Links --------------*/
/*----------Links Contentbereich-----------*/
#maincontent a {
	text-decoration:none;
	font-weight:normal;
}
#maincontent a:link { 
	border-bottom:1px dotted #C90435;
	color: #C90435; }
#maincontent a:visited { 
	border-bottom:1px dotted #C90435;
	color: #C90435;  }
#maincontent a:hover, #maincontent a:active, #maincontent a:focus { 
	color: #C90435;
	border-bottom:1px solid #C90435;
	 }

#maincontent a.imglink, #maincontent a.imglink:link, #maincontent a.imglink:visited, #maincontent a.imglink:hover, #maincontent a.imglink:active { 
	border-bottom:0px;
}

/*----------Hauptnavigation----------*/

/*----------Hauptnavigation 1. Ebene----------*/
li.firstLevel {
	/*display:block;*/
	padding:6px 0px 6px 25px;
	background: url(../images/kreuz.gif) no-repeat  5px 12px;
}
li.firstLevel:hover {
	background: url(../images/kreuz_active.gif) no-repeat  5px 12px;
}

li.firstLevel a.firstLevel, li.firstLevel a.firstLevel:link,  li.firstLevel a.firstLevel:visited {
	font-weight:bold;
	font-size:0.8em;
	text-decoration:none;
	color:#888888;
}
li.firstLevel a.firstLevel:hover , li.firstLevel a.firstLevel:active, li.firstLevel a.firstLevel:focus{
	color:#000000;
}

li.firstLevelactive {
	padding:6px 0px 6px 25px;
	list-style-type:none;
	background: url(../images/kreuz_active.gif) no-repeat  5px 12px;
}
li.firstLevelactive span {
	font-weight:bold;
	font-size:0.8em;
	color:#000000;
}
li.firstLevelactive a.firstLevel, li.firstLevelactive a.firstLevel:link,  li.firstLevelactive a.firstLevel:visited  { 
	font-weight:bold;
	font-size:0.8em;
	text-decoration:none;
	color:#000000;
}

li.firstLevelactive a.firstLevel:hover, li.firstLevelactive a.firstLevel:active, li.firstLevelactive a.firstLevel:focus { 
	text-decoration:underline;
}

/*----------Hauptnavigation 2. Ebene----------*/
li.secLevel {
	line-height:90%;
	padding:5px 0;
}
li.secLevel:hover {
}
li.secLevel a.secLevel, li.secLevel a.secLevel:link,  li.secLevel a.secLevel:visited {
	font-weight:normal;
	font-size:0.7em;
	
	text-decoration:none;
	color:#999999;
}
li.secLevel a.secLevel:hover , li.secLevel a.secLevel:active, li.secLevel a.secLevel:focus{
	color:#000000;
	text-decoration:underline;
}

li.secLevelactive {
	line-height:90%;
	padding:5px 0;
	/*background-color:0;*/
}
li.secLevelactive span {
	font-weight:normal;
	font-size:0.7em;
	color:#000000;
}
li.secLevelactive a.secLevel, li.secLevelactive a.secLevel:link,  li.secLevelactive a.secLevel:visited { 
	font-weight:normal;
	font-size:0.7em;
	text-decoration:none;
	color:#000000;
}

li.secLevelactive a.secLevel:hover, li.secLevelactive a.secLevel:active, li.secLevelactive a.secLevel:focus { 
	text-decoration:underline;
}

/*----------Hauptnavigation 3. Ebene----------*/
li.thdLevel {
	line-height:80%;
	padding:5px 0;
}
#naviLeft a.thdLevel, #naviLeft a.thdLevel:link,  #naviLeft a.thdLevel:visited {
	font-weight:normal;
	font-size:0.6em;
	
	text-decoration:none;
	color:#223181;
}
#naviLeft a.thdLevel:hover , #naviLeft a.thdLevel:active, #naviLeft a.thdLevel:focus{
	color:#000000;
	text-decoration:underline;
}

li.thdLevelactive {
	line-height:80%;
	padding:5px 0;
}
li.thdLevelactive span {
	font-weight:bold;
	font-size:0.6em;
	color:#223181;
}


/*----------Topnavigation----------*/
#naviTop li {
	padding:0px 0px 0px 0px;
}

#naviTop a, #naviTop a:link,  #naviTop a:visited {
	font-weight:normal;
	font-size:0.7em;
	text-decoration:none;
	color:#888888;
}
#naviTop a:hover , #naviTop a:active, #naviTop a:focus{
	text-decoration:underline;
	color:#000000;
}
#naviTop span.active {
	font-weight:normal;
	font-size:0.7em;
	text-decoration:none;
	color:#000000;

}
/*----------Breadcrumbnavigation----------*/
#naviBreadcrumb a, #naviBreadcrumb a:link, #naviBreadcrumb a:visited {
	padding:3px 0px 3px 0px;
	font-weight:normal;
	text-decoration:none;
	border-bottom:0px;
	color: #C90435;
}
#naviBreadcrumb a:hover , #naviBreadcrumb a:active, #naviBreadcrumb a:focus{
	text-decoration:underline;
	border-bottom:0px;
}
#naviBreadcrumb span {
	padding:3px 0px 3px 0px;
	font-weight:normal;
	text-decoration:none;
	color:#000000;
}
/*----------Bottomnavigation----------*/
#maincontent #naviBot li {
	display:block;
	float: left;
	padding:3px 5px 3px 5px;
	font-size:0.7em;
}

#naviBot a, #naviBot a:link, #naviBot a:visited {
	font-weight:normal;
	text-decoration:none;
	border-bottom:0px;
	color: #C90435;
}
#naviBot a:hover , #naviBot a:active, #naviBot a:focus{
	text-decoration:underline;
	border-bottom:0px;
}
 
#naviBot span.active {
	font-weight:normal;
	text-decoration:none;
	color:#000000;
}	
/*----------Topsprung----------*/	
/*----------JavaScript-Warnung-----------*/
#jsWarnung{
	text-align:center;
	margin:0px auto 10px auto; 
	width:460px;
	font-size: 62.5%/*10px*/;
	line-height: 140%/*14px*/;
	color: #333333;
	/*background-color: #F4F4F4;*/
	background-color: #FFFFE0;
	border: 1px solid #FFA539;
	display:block; 
	padding: 4px;
}

/*----------Fehlermeldung Passworteingabe-----------*/