body {
	background-color: White;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#top {
	background-color: #69A3BA;
	color: White;
	width: 100%;
	border-bottom: 1px solid #9CBBC6;
}

#topimg {
	position: relative;
	top: 0px;
	left: 0px;
}
#toptext {
	position: absolute;
	top: 30px;
	left: 330px;
}
#toptitle {
	font-size: 140%;
	font-weight: normal;
	letter-spacing: .3em;
}
#topdesc {
	font-size: 100%;
	letter-spacing: .3em;
}
#topline1 {
	background-color: White;
	height: 3px;
	width: 100%;
	font-size: 10%;
	border-bottom: 1px solid #9CBBC6;
}
#nav {
	background-color: #497D92;
	height: 2.5em;
	font-size: 80%;
	border-top: 0.5em solid #497D92;
	max-height: 2em;
}
#nav .navitem a {
	font-family: Arial, Helvetica, sans-serif;
	color: #D1DDF7;
	text-decoration: none;
	border-right: 1px solid #8FB8BC;
	letter-spacing: .3em;
	padding: 0em 1em .3em 1em;
}
#nav .navitem a:hover, #nav .navitem a:active {
	color: #ffffff;
	border-bottom: 2px solid #9CBBC6;
}
#nav .navdiv {
	color: Yellow;
	padding: 0em 1em .3em 1em;
}
#topline2 {
	background-color: #B1E76B;
	height: 6px;
	width: 100%;
	font-size: 10%;
	border-bottom: 1px solid #244857;
}
.content {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
  margin: 0 0 0 0px;
  padding: 0 0 0 10px; 
  border-left: 1px solid #ccd2d2 

}

.content h1,.content h2, .content h3  { color: #004f4f; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 140%; text-align: center }
.content h1 {
	font-size: 230%;
}
.content h2 {
	font-size: 220%;
}
.content h3   { color: #333; font-size: 160% }
.content a {
	color: Navy;
	text-decoration: underline;
}
.content a:hover, .content a:active {
	color: Blue;
}
.content table {
	font-size: 90%;	
}
#bottomline1 {
	background-color: #69A3BA;
	height: 8px;
	width: 100%;
	font-size: 10%;
	border-bottom: 1px solid #497D92;
	clear: both;
}
#bottomline2 {
	background-color: #497D92;
	height: 3px;
	width: 100%;
	font-size: 10%;
	border-top: 2px solid #69A3BA;
	border-bottom: 2px solid #69A3BA;
}
#bottomline3 {
	background-color: #69A3BA;
	height: 12px;
	width: 100%;
	font-size: 10%;
	border-top: 1px solid #497D92;
}
#bottom {
	background-color: #69A3BA;
	width: 100%;
	font-size: 70%;
	color: White;
	text-align: center;
	padding: 0em 0px 1.5em 0px;
}
#bottom a {
	color: White;
	text-decoration: none;
}
#bottom a:hover, #bottom a:active {
	text-decoration: underline;
}
.center {
	text-align: center;
}
.blue {
	color: Blue;
}
.h10 {
	height: 10em;
}
.h20 {
	height: 20em;
}
.w10 {
	width: 10em;
}
.w20 {
	width: 20em;
}
.w30 {
	width: 30em;
}
.weiter {
	text-align: center;
}
.weiter a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight: bold;
	text-decoration: underline;
	color: Blue;
}
.weiter a:hover, .weiter a:active   { color: navy }


/****************Seitenmenü für Typo3******************/
/************** pageName styles ****************/

#pageName{
	padding: 10px 10px 14px 10px;
	margin: 0px;
	border-bottom:1px solid #ccd2d2;
}

#pageName h2{
	font: bold 175% Arial,sans-serif;
	color: black;
	margin:0px;
	padding: 0px;
}

#pageName img{
	position: absolute;
	top: 0px;
	right: 6px;
	padding: 0px;
	margin: 0px;
}
#pageNav{
  font-family: Arial, Helvetica, sans-serif;
	float: left;
	width:180px;
	padding: 0px;
	background-color: #F5f7f7;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;
}
#sectionLinks{
	margin: 0px;
	padding: 0px;
	
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks .mod_navigationSub .level_1 a:link, #sectionLinks .mod_navigationSub .level_1 a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image:  url(../Design/bg_nav.jpg);
  font-weight: bold;
  padding: 3px 0px 3px 10px; 
	color: blue;
	text-decoration: none;
}

#sectionLinks .mod_navigationSub .level_1 a:hover {
	border-top: 1px solid #cccccc;
	background-color: #497D92;
	background-image: none;
	color: white; 
	text-decoration: none;
}

#sectionLinks .mod_navigationSub .level_2  a:link, #sectionLinks .mod_navigationSub .level_2 a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image:  url(../Design/bg_nav.jpg);
  font-weight: normal;
  padding: 3px 0px 3px 23px; 
	color: blue;
	text-decoration: none;
}

#sectionLinks .mod_navigationSub .level_2  a:hover{
	border-top: 1px solid #cccccc;
	background-color: blue;
	background-image: none;
	color: white; 
	text-decoration: none;
}
#sectionLinks .mod_navigationSub .level_3  a:link, #sectionLinks .mod_navigationSub .level_3 a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image:  url(../Design/bg_nav.jpg);
  font-weight: normal;
  padding: 3px 0px 3px 33px; 
	color: blue;
	text-decoration: none;
}
#sectionLinks .mod_navigationSub .level_3  a:hover{
	border-top: 1px solid #cccccc;
	background-color: blue;
	background-image: none;
	color: yellow; 
	text-decoration: none;
}

/************ nextLinks styles **************/

#nextLinks{
	margin: 0px;
	padding: 0px;
}

#nextLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#nextLinks a:link, #nextLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image:  url(../Design/bg_nav.jpg);
  padding: 3px 0px 3px 23px; 
	color: blue;
}

#nextLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #69A3BA;
	background-image: none;
	color: white; 
	text-decoration: none;
}

/************* relatedLinks styles **************/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	border-bottom: 1px solid #cccccc;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a{
	display: block; 
}


/**************** advert styles *****************/

#advert{
	padding: 10px;
}

#advert img{
	display: block;
}
/*********************Typolight Navigation Main******************/



/*************schaltet ul und li ab ************/
.mod_navigationMain ul, .mod_navigationMain ul {
list-style-type: none;
padding: 0;
margin: 0;
}

.mod_navigationMain li{
    float:left;
    padding: 0px 0px 0px 10px;
    list-style-type:none;
}

.mod_navigationMain {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: white;
	letter-spacing: .3em;
	padding: 0em 1em .3em 1em;
}
.mod_navigationMain a:hover{
	background-color: #69A3BA;
	}

.mod_navigationMain .active {
 margin: 0;
 border-right: 1px solid #8FB8BC;
 font-weight: bold;
 color: #FFFF00;
 padding: 0em 1em .3em 1em;
 }

/*********************Typolight Navigation Sub******************/
.mod_navigationSub 
{ 
 
}
/************ Aktuelle Seite  **************/

.mod_navigationSub .active {
    margin: 0;
    padding: 0;    
    display: block;
    
    border-bottom: 1px solid #cccccc;
    background-image:  url(../Design/bg_nav.jpg);
    font-weight: bold;
    padding: 2px 0px 2px 5px;
    color: #21536A;
}

.mod_navigationSub .active h3{
    padding: 10px 0px 2px 10px;
    border-bottom: 1px solid #cccccc;
}
/*************schaltet ul und li ab ************/
.mod_navigationSub ul, .mod_navigationSub ul li {
list-style-type: none;
padding: 0;
margin: 0;
}
/******************breadcrump**********************/

.mod_breadcrumb {
	padding: 5px 0px 5px 10px;
	font: small Verdana,sans-serif;
	color: #AAAAAA;
	text-decoration: none;
	margin: 0px;
	border-bottom:1px solid #ccd2d2;
}
.mod_breadcrumb a:link, mod_breadcrumb a:visited {
	color: #AAAAAA;
	font-weight: bold;
  padding: 0em 1em .3em 0em;
  text-decoration: none;
}  
.mod_breadCrumb a{
	color: #AAAAAA;
	text-decoration: none;
}

.mod_breadcrumb a:hover{
	color: #005FA9;
	text-decoration: underline;
}




