body {
background-color:white;
/*background-color:#F0F4FF; */
color: black;
margin:0 auto; /* main-Box zentrieren in IE 5 und hoeher */
text-align:left; /* main-Box zentrieren in IE 5 und hoeher */
font-size:100%; 
font-family: verdana, helvetica,sans-serif;
background:  url("../h_pics/water.jpg");
/*background-color:#F0F4FF;*/
}
.outer{
background:  url("../h_pics/rechts.gif") top right repeat-y;
width:710px;
min-height:780px;
}
#main {
text-align:center;
color: white;
width: 80%; /* oder auch z.B. 75% */
min-height:780px;
width:700px;
/*background-color:#F0F4FF;*/
background:  url("../h_pics/quer.gif");
/*border-right:solid 2px red;*/

}
.pics{
background-color:white;
height:200px;
width:100px;
}
.content_bild{
background-color:red;
}
#top {
background:  url("../h_pics/headbk2.jpg") top left no-repeat;
height: 120px;

text-align:left;
border-bottom:1px solid black;
background-color:#F0F4FF
}
#content h1{
background-color:#92AFEC;
height:25px;
min-width:280px;
background:  url("../h_pics/headbg.gif") bottom right no-repeat;
text-align:left;
font-family: Verdana,Arial, Helvetica, sans-serif;
color: white;
font-size: 12pt;

}
#content p{

}
h2 {
padding:0; margin:0;
text-align:right;
font-family: Verdana,Arial, Helvetica, sans-serif;
 color: black;
 font-size: 9pt;
padding-right:80px;
}

#top h1, #top p {
padding:0; margin:0;
text-align:right;
font-family: Verdana,Arial, Helvetica, sans-serif;
 color: white;
 font-size: 9pt;
padding-right:20px;

}
#top .sub{
border: 1px solid;
font-family: Verdana,Arial, Helvetica, sans-serif;
color: black;
font-size: 9pt;
padding-left:20px;
padding-right:20px;
padding-top:3px;
padding-bottom:3px;
}
#top .logo{
padding-bottom:3px;
}
#top .subLeiste{
border:0px solid;
text-align:left;
padding-left:210px;
height:30px;
}
#nest {

color: black;
font-size:80%;
text-align: left;
padding-top:10px;
/*width:690px;*/
}
#leftBox {
color: black;
width: 150px;
float:left;
text-align:right;
padding-left: 0px;


}
#leftBox h1, #leftBox p {
padding:0; 
margin:0;

}
#content {
height:100%;
width:430px;
margin-left: 230px;

}
#content h1{

padding:0; margin:0;
}

#content p {

padding:0; margin:0;
}

#insite{
background: url("../h_pics/bgr.gif");

height:auto;

}
-->
/*]]>*/



/* hier beginnt das fr die Box relevante CSS  */


.ro {
	background:  url("../h_pics/right_top.gif") top right no-repeat;
	height:auto;

}

.lo {
	background:  url("../h_pics/left_top.gif") top left no-repeat;
	height:auto;

}

.ru {
	background:  url("../h_pics/right_down.gif") bottom right no-repeat;
	height:auto;

}

.lu {
	background:  url("../h_pics/left_down.gif") bottom left no-repeat;
	height:auto;
	padding-bottom:40px
	
}

.inhalt {
	
	margin:0;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:20px;
}
.inhalt_mit_pic{
	min-width:320px;
	margin:0;
	padding-top:10px;
	padding-bottom:40px;
	padding-left:10px;
	padding-right:20px;

}
.inhalt_ohne_pic{
	margin:0;
	padding-top:10px;
	padding-bottom:40px;
	padding-left:10px;
	padding-right:20px;
	height:auto;
}
.text_ohne_pic h1{

}
.inhalt p {
	margin:0;
	padding:0;
}
/* navigation*/

/** neue navigation*/
.navDiv{
background:  url("../h_pics/wolken.jpg");
width:198px;

}
#navigation{
font-family:verdana, non-serif;
text-align:right;
padding:0px;
margin:0px;
white-space:nowrap; 
border-right:solid 1px #316ac5;
}
#navigation #naviElements a:link,
#navigation #naviElements a:visited,
#navigation #naviElements a:active
{
display: block;
padding:4px 7px 2px 2px;
border: none;
text-decoration:none; 
font-size:12px;
font-weight:bold;

color:black;
}

#navigation #naviElements a:hover,
#navigation #naviElements a:focus
{
display: block;
padding: 2px 2px 2px 2px;
border: solid 1px #316ac5;
background: #7abbff;
color: black;
}
#navigation #naviElements #isParent{
font-size:12px;
display: block;
padding: 2px 2px 2px 2px;
border: solid 1px #316ac5;
background: #0C3A6E;
color: white;
}

.secNav{
font-size:10px;
background-color:#0C3A6E;
color:white;
width:100%;
text-align:right;
height:15px;
}
.secnaviLink{
font-family: Verdana, Arial, sans-serif;
font-size:11px;
color: white;
padding-top:5px;
padding-bottom:5px;
font-weight:bold;
}
 .secnaviLink:link { text-decoration:none;}
 .secnaviLink:visited { text-decoration:none;   }
 .secnaviLink:hover { text-decoration:none; color:white;}
 .secnaviLink:active { text-decoration:none;}
 
 .footerLink{
font-family: Verdana, Arial, sans-serif;
font-size:9px;
color: white;
font-weight:bold;
}
  .footerLink:link { text-decoration:none;}
 .footerLink:visited { text-decoration:none;   }
 .footerLink:hover { text-decoration:none; color:red;}
 .footerLink:active { text-decoration:none;}
#footer{
background-color:#0C3A6E;
width:700px;
height:30px;
font-family: Verdana, Arial, sans-serif;
font-size:9px;
color: white;
padding-top:5px;
padding-bottom:5px;
}

.table {
display: table;
border-collapse: collapse;
width: 420px;
padding:0px;
margin:0px;
}
.tr {
clear: left;
}
.td {
float: left;
}
.firstrahmen {
width: 120px;
padding-left:0px;
}
.secondrahmen {
width: 280px;
padding-left:0px;
margin-top:10px;
}
.textl{
display:none;

}