body {
	color: #000;
	font-size:75%;
	font-family: Arial;
	margin: 0;
	padding-top: 20px;
}

/*---------------------------------------- B A S I C   D E F I N I T I O N S -----------*/

body a:link, body a:visited, body a:active {
  color:#fff;
}

body div {
	padding: 0;
	margin: 0;
}

img {
	border: none;
	padding: 0;
	margin: 0;
}


h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	margin: 0;
	padding: 0;
}

p {
	font-size: 100%;
	line-height: 133.3%;
	padding: 0;
	margin: 0;
}


/* ------- Textbrowser Annotations -------*/

.hidden {
	visibility: hidden;
	display: none;
	line-height: 0;
}

/* ----------------------------------------- L A Y O U T ---*/

div.main {
	margin:auto;
	width: 64em;
	/*min-width: 760px;*/
	display: block;
}

html>body .main {
	width: 64em;
	height:100%;
}


/* ----- Oberste Navigationsleiste -----*/

div.left_header_navi {
	float: left;
	width: 70%;
	display: block;
}

.middle_header_navi{
  width:29%;
  float:right;

}
div.imagewrampper_header_navi_links {
    margin:0px;
	float: left;
	width: 100%;
	display: block;
}

div.imagewrampper_header_navi_rechts {
    margin:0px;
	float: right;
	width: 5%;
	display: block;
}


div.imagewrampper_header_navi_links img{
  width:95%;

}



/* ----- Homepage  Container -----*/

#header {
    position:relative;
	float:left;
	width:100%;
	margin:0px;
	top:10px;
	display: block;
}
#up {
    position:relative;
	float:left;
	width:100%;
	margin:0px;
	top:40px;
	display: block;
}
#up_sub {
    position:relative;
	float:left;
	width:100%;
	margin:0px;
	top:40px;
	display: block;
}
#middle {
    position:relative;
	float:left;
	width:100%;
	margin:0px;
	/*top:48px;*/
	top:3.5em;
	display: block;
}
#down {
    position:relative;
	float:left;
	width:100%;
	margin:0px;
	/*top:57px;*/
	top:4.5em;
	display: block;
}

#fuss{
	float:left;
	margin:0px;
	display: block;
}


/* ----- Content Subseite -----*/

div.left_up_sub {
	float: left;
	width: 32%;
	display: block;
}
div.middle_up_sub {
	width: 67%;
	float: right;
	display: block;
	overflow: hidden;
}
.middle_up_sub .round_rosa_sub .textcontent a{
   font-weight:bold;
   color:#000;
}

.space_sub{
  padding: 75px 0 0 0;
}

.space_sub_navi{
  padding: 20em 0 0 0;
}



.textcontent{
  background-color: #F9DBBC;
  padding: 10px 0px 5px 10px;
  line-height:133.3%;;
  font-family: arial;
  font-weight:normal;
  color:#000;
 }
 .textcontent h1{
   font-size:178%;
   padding-bottom:10px;
 }

.textcontent h2{
   font-size:100%;
   padding-bottom:10px;
 }
 .horizontal_split{
   width:100%;
   height:0.4em;
   background-color: #FFF;
 }


/* ----- Titel -----*/

div.left_header {
	position:relative;
	float: left;
	width: 55%;
	display: block;
	top:5px;
}
div.containerbild{
  float:left;
  height:100%;
  width:100%;
}
div.containerbild_logos{
  position:relative;
  float:left;
  height:100%;
  width:100%;
  left:5px;
  top:-4px;
}
div.containerbild_header_right {
	float: right;
	width: 40%;
	display: block;
}
div.containerbild_header_left {
	float: left;
	width: 60%;
	display: block;
}






/*  ------- header ------*/

div.middle_header {
	width: 44%;
	float: right;
	display: block;
	overflow: hidden;
}

div.imagemiddle_header {
	position: relative;
	float: left;
	width: 30%;
	display: block;
	background-color: #FFF;
}

div.right_header {
	float: right;
	width: 68%;
	display: block;
	overflow: hidden;
	background-color: #fff;
	
}
.right_header  img {
	width: 95%;
}


/* --- Boxen der 1 Reihe ----*/

div.left_up {
	float: left;
	width: 32%;
	display: block;
}
div.left_up a:link{
  color:#fff;

}
div.middle_up {
	width: 67%;
	float: right;
	display: block;
	overflow: hidden;
}
.imagemiddle {
	position: relative;
	float: left;
	width: 46%;
	display: block;
	overflow: hidden;
}
.imagemiddle img {
	width: 99%;
}
div.right_up {
	float: right;
	width: 53%;
	display: block;
	overflow: hidden;
	background-color: #fff;
	height:100%;
}




/*  ------- Boxen der 2. Reihe ------*/
div.left_middle {
	float: left;


	width: 44%;
	display: block;
	height:100%;
}
div.middle_middle {
	width: 55%;
	float: right;
	display: block;
	overflow: hidden;
}
.imagemiddle_middle {
	position: relative;
	float: left;
	width: 49%;
	display: block;
	background-color: #000;
	overflow: hidden;
}
div.right_middle {
	float: right;
	width: 49%;
	display: block;
	overflow: hidden;
	background-color: #fff;
}
div.left_middle_left {
    position:relative;
	left:10px;
	float: left;
	width: 48%;
	display: block;
}

div.left_middle_left img {
	width: 95%;
}

div.left_middle_right {
	float: right;
	width: 50%;
	display: block;
}


/* ------ Boxen der 3. Reihe -------*/

div.left_down {
	float: left;
	width: 32%;
	display: block;
	height:100%;
}

div.middle_down {
	width: 67%;
	float: right;
	display: block;
	overflow: hidden;
}

.imagemiddle_down {
	position: relative;
	float: left;
	width: 58.5%;
	display: block;
	background-color: #000;
	overflow: hidden;
}
div.right_down {
	float: right;
	width: 40%;
	display: block;
	overflow: hidden;
	background-color: #fff;
}



/* -------   Hellgraue Box  --------- */
.round_hell_grau {
  background-color: #CBE7EE;
  text-align:left;
  font-weight: normal;
  color: #fff;
  font-family: arial;
  width:100%;
}

.round_hell_grau a:link, .round_hell_grau a:active, .round_hell_grau a:visited{
  font-weight:normal;
  color:black;
 }

.round_hell_grau h2{
  font-size:100%;
  color:#000;
  padding-left:10px;

}

.round_hell_grau p {
  margin: 0 10px;











  color:#000;
  padding-top:10px;
  line-height:1.5em;
}

.middle_up .right_up .round_hell_grau p a,
.middle_middle .right_middle .round_hell_grau p a,
.left_down .round_hell_grau p a,
.middle_down .imagemiddle_down .round_hell_grau p a,
.middle_down .right_down .round_hell_grau p a{
  color:#000;
}

.toprightHgrau { 
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadkn) no-repeat top right; 

}
.topleftHgrau { 
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadkb) no-repeat top left;
  padding:0.7em;
}
.bottomrightHgrau {
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadio) no-repeat bottom right;
}
.bottomleftHgrau { 
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadhu) no-repeat bottom left;
  padding:0.7em;

}


/* -------   Gruene Box  --------- */
.round_gruen {
  background-color: #B7A74C;
  text-align:left;
  font-weight: normal;
  color: #FFF;
  font-family: arial;
  width:100%;
}
.round_gruen h2{
  font-size:100%;
  padding-left:10px;
}
.round_gruen p {
  margin: 0 10px;
  padding-top:10px;
  line-height:1.5em;
}
.toprightGruen { 
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadlv) no-repeat top right; 
 
}
.topleftGruen { 
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadke) no-repeat top left;
   padding:0.7em; 
}
.bottomrightGruen {
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadiv) no-repeat bottom right;
}
.bottomleftGruen { 
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadid) no-repeat bottom left;
  padding:0.7em; 
}


/* -------   Dunkel graue Box  --------- */
.round_dunkel_grau {
  background-color: #53ADC3;
  text-align:left;
  font-weight: normal;
  font-family: arial;
  color: #FFF;
  width:100%;
}
.round_dunkel_grau h2{
  font-size:100%;
  padding-left:10px;
  color:#fff;
}
.round_dunkel_grau p {
  margin: 0 10px;
  padding-top:10px;
  line-height:1.5em;
}
.toprightDgrau { 
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadlt) no-repeat top right; 
}
.topleftDgrau { 
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadkd) no-repeat top left;
  padding:0.7em;  
}
.bottomrightDgrau {
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadir) no-repeat bottom right;
}
.bottomleftDgrau { 
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadhz) no-repeat bottom left;
  padding:0.7em;  
}


/* -------  Rosa Box -------   */
.round_rosa {
  background-color: #F9DBBC;
  text-align:left;
  font-weight: normal;
  font-family: arial;
  color: #FFF;
  width:100%;
}
.round_rosa_sub {
  background-color: #F9DBBC;
  text-align:left;
  font-weight: normal;
  font-family: arial;
  color: #FFF;
  width:100%;
  margin:0px !important;
  padding:0px !important;
}
.round_rosa h2{
  font-size:100%;
  padding-left:10px;
  color:#000;
}
.round_rosa p {
  margin: 0 10px;
  padding-top:10px;




  line-height:1.5em;
   color:#000;
}
.toprightRosa { 
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadkq) no-repeat top right; 
}
.topleftRosa { 
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadkg) no-repeat top left;
  padding:0.7em;   
}
.bottomrightRosa {
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadiw) no-repeat bottom right;
}
.bottomleftRosa { 
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadie) no-repeat bottom left;
  padding:0.7em;   
}



/* -------  Orange Box - Subseite -------   */
.round_orange {
  background-color: #FF9933;
  text-align:left;
  font-weight: normal;
  font-family: arial;
  color: #FFF;
  width:100%;
  height:3em;
}
.round_orange h2{
  position:relative; 
  font-size:100%;
  padding-left:10px;
  color:#FFF;
  font-size:170%;
  top:-5px;
}
.toprightOrange { 
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadkh) no-repeat top right;
}
.topleftOrange { 
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadjv) no-repeat top left; 
  padding:0.7em;  
}
.liste_sub{
 position:relative;
 float:left;
 width:100%;
 margin:0px;
 top:10px;




 font-size:100%;
 color:#000;
 height:2em;
}

div.naviTop_sub{
   color:#ff9933;
}


div.naviTop_sub ul{
    position:relative;
	top:-10px;
    list-style: none;
	padding-left: 0px;
	margin-left:0px;
}

div.naviTop_sub li{
 border-left: 1px solid #000;
    display:inline;
	padding: 0px 5px 0 5px;
}


.black_vertical{
  float:left;
  color:#000;
}
.punkte{
  float:left;
  padding:0px 4px;

}


div.naviTop_sub a:link, div.naviTop_sub a:visited{
   color:#000;
}
div.naviTop_sub a:active, div.naviTop_sub a:hover{
   color:#ff9933;
   text-decoration:none;
}





/* -------  Sub-Header  - Subseite -------   */
.sub_header{
   position:relative;
   float:left;
   margin:0px;
   background-color: #FF9933;
   width:100%;
   padding:10px 0px;
   top:10px;
}

.sub_header h2{
  position:relative;
  left:10px; 
  color:#fff;
  font-size:120%;
  top:-3px;
}



/* -------  Content  - Subseite -------   */

#content {
  position:relative;
  top:15px;
  float:left;
  color: #000;
  width:100%;
}


/* -------- Zeilen-Abstand --------*/
.hoehe{
  width:100%;
 }
 
/* -------- Linke Navigationsleiste ----------*/
.roundnavi{
  width: 100%;
  background-color: #53ADC3;
}

.roundnavigruen {
  width: 100%;
  background-color: #b7a74c;
}
.roundnavigruen p strong{
   margin: 0 0px;
   padding-left:5px;

}
.roundnaviover{
   width: 100%;
   background-color: #ff9933;
   color:#fff;
   font-weight:bold;
} 

.roundnavi p,  .roundnavigruen p, .roundnaviover p{
   margin: 0 0px;
   padding-left:15px;
}

.roundnavi p strong,
.roundnavigruen p strong,
.roundnaviover p strong {
   margin: 0 0px;
   padding-left:5px;
}

a .roundnavi p,  a .roundnavigruen p{


  text-decoration:none;
  color:#fff;
  width:100%;

}
.topright, .toprightA { 
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadkl) no-repeat top right;
  height:100%;
}
.topleft, .topleftA { 
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadjz) no-repeat top left;
  padding:0.3em;
}
.bottomright, .bottomrightA {
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadim) no-repeat bottom right;
  height:100%;
 }

.bottomleft, .bottomleftA{ 
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadhs) no-repeat bottom left; 
  padding:0.3em;
}
.hoehemenu{
 /* line-height:8px;*/
 }
 
div.left a:hover{
  color:#fff;
}
.toprightgruen { 
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadkm) no-repeat top right; 
  height:100%;
  }
.topleftgruen { 
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadka) no-repeat top left; 
  padding:0.3em;
}
.bottomrightgruen {
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadin) no-repeat bottom right;
  height:100%;
}
.bottomleftgruen { 
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadht) no-repeat bottom left; 
  padding:0.3em;

}
/*
a:hover .topright, a:hover .toprightgruen, .toprightAktiv{ 
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadko) no-repeat top right;
}
a:hover .topleft, a:hover .topleftgruen, .topleftAktiv{ 
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadkc) no-repeat top left;
  padding:0.3em; 
}
a:hover .bottomright,a:hover .bottomrightgruen, .bottomrightAktiv{ 
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadiq) no-repeat bottom right; 
}
a:hover .bottomleft, a:hover .bottomleftgruen, .bottomleftAktiv{ 
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadhy) no-repeat bottom left;
  padding:0.3em; 
}
*/
.toprightAktiv{
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadko) no-repeat top right;
  height:100%;
}
.topleftAktiv{ 
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadkc) no-repeat top left;
  padding:0.3em; 
}
.bottomrightAktiv{ 
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadiq) no-repeat bottom right;
  height:100%; 
} 
.bottomleftAktiv{ 
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadhy) no-repeat bottom left;
  padding:0.3em; 
}





.menu{
  text-decoration:none;
  font-family: arial;
  font-weight:bold;
  height:100%;
  cursor:hand;
}
.space{

 padding-top: 0.7em;;
}


/*  ------ Horizontale Navigationsleiste  ------*/
#headnavi{
 position:relative;
 margin:0;
 top:20px;
 left:0px;
 text-align:left;
 width:100%;
}
.headnaviFliesstext{
  font-weight: normal;
  color: #000;
  font-family: arial;
}
.headnaviSelected{
  font-weight: normal;
  color: #FF9933;
  font-family: arial;
}



/*  ------ �berschrift - Header -------*/
.round_header {
  width: 100%;
  background-color: #53ADC3;
}

.round_header p {
  margin: 0 10px;
  color:#fff;
  font-size: 190%;
  font-weight: bold;
  word-spacing:3px;
  letter-spacing:1px;
}
 

.toprightHead { 
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadlt) no-repeat top right; 
 /* height:100%;*/
}
.topleftHead {
 background: url(/global/show_picture.asp?id=aaaaaaaaaaaadkd) no-repeat top left; 
 padding:0.62em;
}
.bottomrightHead {
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadir) no-repeat bottom right;
  /* height:100%;*/
}
.bottomleftHead { 
  background: url(/global/show_picture.asp?id=aaaaaaaaaaaadhz) no-repeat bottom left; 
  padding:0.62em;
}




/* ------ Dynamisch Schrift ver�ndern -------*/
.schriftgroesse{
 position:relative;
 margin: 0 auto;
 text-align:left;
 font-size:89%;
}
#schriften a{
  text-decoration:none;
  cursor:hand;
}
.roundA {
  width: 2.5em;
  background-color: #53adc3;
}
.roundA p {
  margin: 0 ;

  text-align:center;
  font-weight: bold;
  color: #FFF;
  font-family: arial;
}
.klein{
  font-size:10px;
}
.normal{
  font-size:14px;
}
.gross{
  font-size:16px;
}




/* --------- Oberster Navigationsmenu --------- */
div.headnavigation{
  position:relative;
  margin:0px;
  width:100%;
  height:40px;
}
div.headnavigation a {
  text-decoration:none;
}
div.navi{

  position:relative;
  float:left;
  width:70%;
  display: block;
  overflow: hidden;
  text-align:left;
  top:-10px;
}
div.logo_sozialnetz{
 position:relative; 
 float:right;
 width:160px;
 display: block;
 overflow: hidden;
 left:6px;
}
div.logo_sozialnetz img{
 width:100%;
}

div.naviTop ul{
    list-style: none;
	padding-left: 0px;
	margin-left:0px;
}
div.naviTop li{
    border-left: 1px solid #000;
    display:inline;
	padding: 0px 5px 0 5px;
}
div.naviTop a:link, div.naviTop a:visited{
   color:#000;
}
div.naviTop a:active, div.naviTop a:hover{
   color:#ff9933;
}



/* --------- Aktueller Navigationspunkt --------- */
div.naviliste{
  position:relative;
  float:left;
  margin:0px;
  width:100%;
  height:18px;
  top:20px
}

div.left_naviliste{
  float:left;
  width:100%;
  display: block;
  overflow: hidden;
}


div.left_naviliste strong{
 color: #FF9933;
 font-weight:normal;
}




.hauptmenu {
     float:right;
     margin: 0px;
     list-style: none;
	 width:100%;
	 text-align:left; 
}
.hauptmenu li {
   margin:0px;
   padding-bottom:0.7em;
   /*line-height:0.8em;*/
   
   width:100%;
   }

	






/* End */


/************ I B H    S T Y L E S **************/

* {
        border:0px solid #000000;
}

.left_naviliste a {
	color:#000000 !important;
	text-decoration:none;
}
.left_naviliste a:hover {
	text-decoration:underline;
}

body {
	background-color:#ffffff;
}

#submitbutton,#eingabefeld {
        border:1px solid #555555;
        background-color:#ffffff;
        margin-top:1em;
}


#submitbutton {
        margin-left:0.5em;
}
        


div.textcontent img{

    display:block !important;
	visibility:visible !important;
	width:auto;
}

div.textcontent h1{
	line-height:1em;
}


div.sub_header {
         margin-bottom:10px !important; 


}

.doklink a img {
	width:auto;
	display:inline !important;

}

.doklink a {
	text-decoration:none;
}


div.hoehe {
	height:16em !important;
}


/*****************   IE   ***********************/
* html div.imagemiddle_middle div.hoehe,  {
height:17.4em !important;
}

* html .round_dunkel_grau div.hoehe {
height:14.4em !important;
}


* html div.right_down div.round_hell_grau div.hoehe {
height:16.1em !important;
overflow:visible;
}

* html div#down {

margin-top:-15px;
}

/************************************************/

.round_orange .hoehe {
	height:auto !important;
}

div.ctxedit {

	border:0px solid #000000 !important;
	width:100%;
	text-align:right;
	visibility:visible !important;
	z-index:1000 !important;
}

.naviTop div.ctxedit, .left_naviliste div.ctxedit , .punkte div.ctxedit, div.ctxedit a img {
	display:inline !important;
	white-space:nowrap !important;
	width:auto !important;
	visibility:visible !important;
	z-index:1000 !important;
}


html {
	padding-bottom:50px;
}

/* 	Die Seite wurde im IE nicht mehr Zentriert dargestellt 
	Durch den nachfolgenden Bodystyle m?ssen manche Texte
	links ausgerichtet werden
*/

body {
	text-align:center !important;

}

div.naviliste,div.sub_header {
	text-align:left !important;
}



/* Menüpunkte waren mit p erstellt -> nicht XHTML valide --> p wurde zu span gemacht */
	a.menu  span {
	padding-left:15px;

}

div.round_rosa div.hoehe p a {

	color:#000000 !important;


}

div.right_up div.round_hell_grau div.hoehe {
	height:15.6em !important;

}

div#middle,div#down {
	border: 0px solid #000000;
}


div.round_dunkel_grau div.hoehe, div.round_gruen div.hoehe, div.round_hell_grau div.hoehe {
	overflow:hidden !important;
}

div.round_dunkel_grau div.hoehe, {
	height:16.2em !important;

}


div.textcontent ul.backlink {
list-style:none;
margin-left:0px;
padding-left:0px;
margin-top:0px;
padding-top:0px;
}





/************ I B H    S T Y L E S **************/