/* mac hide */
html, body
{
height:100%;
font-family: Versalien, Verdana, Arial, Helvetica, Geneva, sans-serif;
}
/* end hide */

body
{
padding:0;
margin:0;
text-align:center;
/* min-width:760px; for mozilla*/
min-width:1000px;/* for mozilla*/
background: #0C3F8C url(../images/pattern.jpg) repeat;
background-color:#5C6591;
color: #000000;
}

#hintergrundbild {
	background-repeat: no-repeat;
	background-image: url(../images/wasser.jpg);
	background-position: left top;
	background-attachment: fixed;
	}

#outer
{
height:100%;
min-height:100%;
width:960px;
color: #000000;
text-align:left;
margin:auto;
position:relative;
position:relative;
background-color:#FFFFFF;
background-position:bottom;
background-image:url(../images/background/bottom-back.gif);
background-repeat:no-repeat;
border-left:1px solid #5C6591;
}

html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

#innerwrap
{/* enables content first */
float:left;
width:720px;
}

#innerwrap2
{/* enables content first */
float:left;
width:920px;
}



#left
{
position:relative;/*ie needs this to show float */
width:200px;
float:left;
padding-top:75px;/*needed to make room for header*/
padding-bottom:32px;/* needed to make room for footer */


}

#left p {padding-left:3px;padding-right:2px}

#right p {padding-left:4px;padding-right:2px}

#right
{
position:relative;/*ie needs this to show float */
width:200px;
float:right;
padding-top:75px;/*needed to make room for header*/
padding-bottom:32px;/* needed to make room for footer */
}

#footer
{
width:960px;
clear:both;
height:30px;
color: #ffffff;
text-align:left;
left:0;
bottom:0;
position: absolute;
}


* html #footer
{/*only ie gets this style*/
\height:32px;/* for ie5 */
he\ight:30px;/* for ie6 */
}

div,p  {margin-top:0}/*clear top margin for mozilla*/

#centrecontent
{
width:520px;
float:right;
padding-top:80px;
padding-bottom:32px;/* needed to make room for footer */

font-family:Versalien, "trebuchet ms", trebuchet, arial, sans-serif; font-size: 1.17em; font-size:76%; 
 background:#fffdf4; padding-left:0px; padding-right:0px; text-align:left;
}

#centrecontent2
{
width:720px;
float:right;
padding-top:80px;
padding-bottom:32px;/* needed to make room for footer */
font-family:Versalien, "trebuchet ms", trebuchet, arial, sans-serif; font-size: 1.17em; font-size:76%; 
 background:#fffdf4; padding-left:0px; padding-right:0px; text-align:left;
}

#centrecontent p {padding-left:3px}
#centrecontent p2 {padding-left:3px}

/* BILDRAHMEN */
.abb {  float: right;  width: 200px; border: 1px solid red; margin: 8px; padding: 4px; text-align: center; background-color: #ffffcc; font-size:100%;}
.legende {  font-weight: normal; margin-top: 0px; margin-bottom: 3px; font-family: arial, sans-serif;  font-variant: small-caps; font-size: 10px; color: #000099;}
/* BILDRAHMEN */

/* Logo mit rechtem Text */
.logopixtext {
    font-size:9px; 
    align:left;
}
.logopix {
    float:right; 
    padding-left:5px;
    border:0;
}
.clear {
    clear:both;
}


.pixright {
    width:99px;
    background: #fff;
    border-right: 1px solid #777;
    border-bottom: 1px solid #777;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin: 0 0 5px 10px;
    padding: 4px;
    float:right;
    font-size:9px;
    line-height:11px;
    color:#464646;
}

#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */


a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:none;}

H1              { font-size: 1.1em; color:#06a; font-weight:bold; margin: 1em 0; text-align:left; line-height:100%;}
H2              { font-size: 1.4em; margin: .83em 0; color:#F3400F; font-family : Comic Sans MS, "Times New Roman", Times, serif; text-align:left; border-bottom:1px solid #ccc; clear:left;}
H3              { font-size: 1.2em; color:#06a; margin: 1em 0; text-align:left;}
 .stripes_h3 {font-size:0.8em; font-variant:small-caps; color:#000099; letter-spacing:0.5em; margin:-2.0em 0 0 0.3em; text-align:right;}
H4, P,
BLOCKQUOTE, UL,
FIELDSET, FORM,
OL, DL, DIR,
MENU            { margin: 1.33em 0 }
H5              { font-size: .83em; line-height: 1.17em; color: #E0724A; margin: 1.67em 0 }
H6              { font-size: .67em; margin: 2.33em 0 }
H1, H2, H3, H4,
H5, H6, B,
STRONG          { font-weight: bolder }

BLOCKQUOTE      { margin-left: 40px; margin-right: 40px }
H4 {color:#aaa; font-weight:normal;}

BIG             { font-size: 1.17em }
SMALL, SUB, SUP { font-size: .83em }
SUB             { vertical-align: sub }
SUP             { vertical-align: super }
CENTER          { text-align: center }
BR:before       { content: "\A" }


	

.n
{
FONT-SIZE: 13px; 
FONT-WEIGHT: normal; 
COLOR: #666666;
padding-bottom:6px;
line-height:125%;
text-align:left;
margin:0px;
}

#menutop {
  float:left;
  width:100%;
  font-size:11px;
  line-height:normal;
  color:#FFFFFF;
  }

#menutop ul {
  margin:0;
  padding:0;
  list-style:none;
  color:#FFFFFF;
  }

#menutop li {
  float:left;
  background-color:#5C6591;
  margin:0;
  padding:0;
  color:#FFFFFF;
  }

#menutop a {
  display:block;
  background-color:#E68E1A;
  margin-left:0px;
  margin-right:0px;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:10px;
  padding-right:10px;
  color:#FFFFFF;
  border-top:1px solid #5C6591;
  border-left:1px solid #5C6591;
  border-right:3px solid #5C6591;
  border-bottom:0px solid #000000;
  text-decoration:none;
  }

#menutop li a:hover {
  display:block;
  background-color:#FFFFFF;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:10px;
  padding-right:10px;
  color:#000000;
  border-top:1px solid #5C6591;
  border-left:1px solid #5C6591;
  border-right:3px solid #5C6591;
  border-bottom:0px solid #FFFFFF;
  text-decoration:none;
  }
  
#menutop #current {
  background-color:#FFFFFF;
  color:#000000;
  }
  
#menutop #current a {
  font-weight:normal;
  background-color:#FFFFFF;
  color:#000000; 
  border-top:1px solid #5C6591;
  border-left:1px solid #5C6591;
  border-right:3px solid #5C6591;
  border-bottom:0px solid #FFFFFF;
  margin-left:0px;
  margin-right:0px;
  }
 
ul
{
list-style: none;
margin: 0;
padding: 0;
}

.footer
{		
FONT-SIZE: 10px;
FONT-WEIGHT: normal; 
padding-top:10px;
padding-left:15px;
MARGIN: 0px;		
COLOR: #ffffff;
}

.contact
{		
FONT-SIZE: 10px;
FONT-WEIGHT: normal; 
MARGIN: 0px;
padding-left:5px;
padding-right:8px;
COLOR: #ffffff;
}

#boxcontent
{
padding-left:6px;
padding-right:8px;
background-color:#FAF1E8;
border:1px solid #D0D0D0;
}

.boxhead 
{
margin:0px;
padding-top:6px;
padding-bottom:6px;
font-size: 10px; 
font-weight: bold; 
color: #333333;
}

.boxtext
{
margin:0px;
padding-top:3px;
padding-bottom:9px;
font-size: 10px; 
font-weight: normal; 
color: #333333;
}

.boxlink
{
margin:0px;
padding-top:0px;
padding-bottom:6px;
padding-left:5px;
font-size: 10px; 
font-weight: normal; 
color: #333333;
}

.buttons
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color: #ffffff;
background-color:#E68E1A;
border:1px solid #666666;
font-weight: normal; 
}

.buttons_grau
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color: #999999;
background-color:#F0F0F0;
border:1px solid #C0C0C0;
font-weight: normal; 
}

.formfeld
{
font-weight: normal; 
color: #000000;
background-color:#FFFFFF;
border:1px solid #E0E0E0;
font-size:11px;
padding:3px;
}



/* AZ NAVIGATION */

a.block
{
color:#333333; 
background:#F5F5F5; 
display:block; 
text-align:center; 
width:25px;
border:#F0BB76 solid 1px; 
padding:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:11px;
text-decoration:none;
text-decoration:no underline;
line-height:175%;
}

a:hover.block
{
color:#333333;
border:1px solid #E68E1A;
background-color:#ffffff;
text-decoration:none;
text-decoration:no underline;
font-weight:bold;
}

a:visited.block
{
text-decoration: none;
text-decoration:no underline;
}

/* LINKES MENUE */

a.block1
{
color:#333333; 
background:#F5F5F5; 
display:block; 
text-align:left; 
width:174x;
border:#F0BB76 solid 1px; 
padding:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:9.5px;
text-decoration:no underline;
text-decoration:none;
line-height:175%;
}

a:hover.block1
{
color:#333333;
border:1px solid #E68E1A;
background-color:#ffffff;
text-decoration:none;
text-decoration:no underline;
font-weight:bold;
}

a:visited.block1
{
text-decoration: none;
text-decoration:no underline;
}

/* GRAUES WAAGERECHTES MENUE */

 #maintopic {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 960px;
	height: 30px;
	border-top: 1px solid #cdcdcd;
	background: url(../images/pmt.gif) repeat-x;
	overflow: hidden;
}

#maintopic a {
	display: block;
	float: left;
	height: 30px;
	padding: 0px 10px 0px 10px;
	line-height: 30px;
	color: #888888;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing : 1px;
	background : url(../images/pln.gif) no-repeat right;
}

#maintopic a:hover {
	background: url(../images/pmta.gif) repeat-x;
	color: #333333;
}

#maintopic a.active {
	background: #fff;
	color: #fff;
	font-weight: bold !important;
	font-size: 11px;
}

/* AUFKLAPPMENU */

.holder {width:90%; margin:5px; padding:1em; border:0px solid #ddd; float:left;}
a.hid {color:#000; text-decoration:none; outline-style:none;}
a.hid em {display:none;}
a:hover.hid {text-decoration:none;}
a:active.hid, a:focus.hid {background:#fff;}
a:active.hid span, a:focus.hid span {display:none;}
a:active.hid em, a:focus.hid em {display:block; color:#555; width:100%; font-style:normal; cursor:default;}

/* OPACITY BUTTONS */

#menub {position:relative; top:0; height:21px;}
#menub a:visited, #menub a {text-decoration:none; color:#d00; font-weight:bold;}
#menub a:visited img, #menub a img{filter: alpha(opacity=55);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=55);
 -moz-opacity: 0.40;
}
#menub a:hover {background-color:transparent; color:#f88;}
#menub a span {display:none;}
#menub a:hover span {display:block; position:absolute; top:1px; left:5; font-size:10px; height:12px; padding:4px; font-weight:bold; color:grey;}

#menub a:hover img { filter: alpha(opacity=100);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1.00;
 }
 

 ABBR, ACRONYM   { font-variant: small-caps; cursor:help; color:#000099; letter-spacing: 0.1em }
A[href]         { text-decoration: underline }
:focus          { outline: thin dotted invert }

.abb2 {  float: left;  width: 95px;  border: 1px dotted silver;  margin-right: 8px;  padding: 4px;  text-align: center;}
.legende {  font-weight: normal; margin-top : 0px; margin-bottom : 3px; font-family:Versalien, arial, sans-serif;  font-variant : small-caps; font-size: 0.9em; color: #000099}
.gr { width : 93px; height : 84px;}

/* erster Buchstabe */

#cap {font-size:34px; color:#f60; font-weight:bold; float:left; height:30px; line-height:30px; margin-top:0px; margin-right:1px; font-family: times new roman, serif;}
* html #cap {margin-right:1px; margin-top:0px;}
hr {clear:both; border:0; height:1px;}
.weiss {color:#FFF; background-color:#FFF;}
.grau {color:#888; background-color:#888;}



#header
{
position:absolute;
top:0;
left:0px;

width:960px;
height:70px;
background-color:#000099;
background:#000099 url('6.jpg');
background-position:right;
background-repeat:no-repeat;
}


/* the styling */
#nav {margin:0px 0px 0px 0px;}
#nav {float:left; padding-left:0px; width:960px; height:auto; font-family:Versalien, "trebuchet ms", trebuchet, arial, sans-serif; font-size: 1.17em; font-size:76%; 
 padding-right:0px; text-align:left;}

#nav .select, #nav .current {margin:0.05em 0 0 0; padding:0; list-style:none; display:block;}

#nav .sub {margin:0; padding:0; list-style:none;}

#nav li {display:block; float:left; margin:0; padding:0; position:relative; z-index:100;}
#nav .current li {z-index:50;}

#nav .select a, 
#nav .current a {display:block; height:2.5em; float:left; width:100px; background:url("left_both.gif") no-repeat left top; padding:0 0 0 9px; border-bottom:1px solid #765; text-decoration:none; font-weight:bold; line-height:2.4em; white-space:nowrap;}

/* calculate the required widths of the top level */
#nav .one a {width:8em;}
#nav .two a {width:8em;}
#nav .three a {width:8em;}
#nav .four a {width:8em;}

#nav .select a b, 
#nav .current a b {height:100%; display:block; background:url("right_both.gif") no-repeat right top; padding:0 15px 0 6px; color:#553;}

#nav .sub {display:none;}

/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0; font-size:1em;}

#nav .select a:hover b {color:#000; cursor:pointer;}

#nav .current a {background-position:0 -150px; border-color:#fff;}
#nav .current a b {background-position:100% -150px; color:#000;}

#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {border-color:#aba; background:#D1E1CE; color:#000;}

#nav .current .sub .current_sub a, 
#nav .current .sub a:hover {border-color:#aba; background:#D1E1CE; color:#000;}

#nav .current .sub, 
#nav .select a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; width:960px; top:2.5em; margin-top:1px; padding:8px 0 25px 0;}

* html #nav .current .sub, * html #nav .select a:hover .sub {margin-top:0; margin-t\op:1px;}

#nav .current .sub li a, 
#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:inline; background:#fff; border:1px solid #ddd; padding:0 10px; margin:0 10px 0 0; width:auto; white-space:nowrap; font-weight:normal; font-size:0.9em; height:2em; line-height:1.9em;}

#nav .select a:hover, 
#nav li:hover a {background-position:0% -150px; border-color:#fff;}

#nav .select a:hover b, 
#nav .select li:hover a b {background-position:100% -150px; border-color:#fff; color:#000;}

/* calculate the left edge position of each sub level */
#nav .one .sub {left:0;}
#nav .two .sub {left:-8em; margin-left:-8px;}
#nav .three .sub {left:-16em; margin-left:-15px;}
* html #nav .three .sub {margin-left:-8px; marg\in-left:-15px;}
#nav .four .sub {left:-24em; margin-left:-23px;}
* html #nav .four .sub {margin-left:-18px; marg\in-left:-23px;}