html {
	height: 100%;
}
body  {
font-size: 100.1%;
background: #F2F5F5;
margin: 0;
min-height: 101%;
}
h1, h2, h3, h4, h5, h6, p, br, ul, ol, li, hr  {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, Verdana, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, div, td, th, fieldset, input, textarea, address, blockquote, nobr, b, i  {
font-family:  Arial, Helvetica, Verdana, sans-serif; }

/* CONTAINER
--------------------------------------------------*/

#container {
text-align: left;
margin: auto;
width: 760px;
background: url(../pics/bg-container.gif) repeat-y;
 }

/* HEADER
----------------------------------------------------*/ 
#header {
	height: 130px;
	width: 740px;
	margin-left: 10px;
   background: #fff;
	border-top : 10px solid #6F7B6F;
	}

#splash {
	background: url(../pics/splash.jpg) no-repeat;
	margin-left: 10px;
	height: 150px;
}

#logo {
position: relative;
float: right;
width: 185px;
top: -10px;
}


/*TOPNAV
-------------------------------------------------*/
div.topnav     {
font-size: 0.7em;
position : relative;
width : 250px;
left: 70px;
padding : 0;
float: left;
}
div.topnav ul  {
float : left;
margin : 0;
padding : 0;
list-style-type : none;
}
div.topnav li  {
display : inline;
padding : 0;
margin : 0;
}
div.topnav a      {
/*border-top : 10px solid #707B6F;*/
border-right : 1px solid #e5e5e5;
margin : 0;
padding : 40px 9px 0 7px;
display : block;
float : left;
text-decoration : none;
color: #666;

}
div.topnav a:hover   {
text-decoration : none;
text-decoration: underline;
color : #666;
/*border-top : 10px solid #C4C7BC;*/
}

.tophier a:link, .tophier a:visited, .tophier a:hover, .tophier a:active, .tophier a:focus {
color: #666;
font-weight: bold;

}



/* INHALT
----------------------------------------------*/
#main  {
width: 730px;
text-align: left;
}
.hoehe { height: 300px; }
div[class = "hoehe"] { height: auto; min-height: 300px }

div.mainnav   {
float: right;
width: 150px;
margin-top: 50px;

}
/* Hide from IE5-mac. Only IE-win sees this. \*/

* html div.mainnav {
  margin-right: -3px;
  }

* html  #content {
  height: 1%;
  margin-right: 150px;
  }

/* End hide from IE5/mac */

div.mainnav  ul {
margin: 0;
list-style: none;
display: block;
}
div.mainnav li      {
font:  0.8em/23px Arial, Helvetica, Verdana, sans-serif;
border-bottom: 1px solid #6F7B6F;

}
div.mainnav li a   {
color: #000;
text-decoration: none;
padding: 3px 8px 3px 3px;
display: block;
}
div.mainnav li a:hover, div.mainnav li a:active   {
color : #fff;
background: #6F7B6F url(../pics/pfeil_orange.gif) 160px 10px no-repeat; 
}
.mainhier a:link, .mainhier a:visited, .mainhier a:hover, .mainhier a:active {
color : #fff;
background: #6F7B6F url(../pics/pfeil_orange.gif) 160px 10px no-repeat;
}

#content       {
margin-right: 150px;
padding: 50px 50px 20px 0;
line-height: 1.2em;
text-align: left;
}
#content p { color: #000; font-size: 0.8em;  padding: 0 0 15px 120px;}
#content h1    { color: #6F7B6F; font-size: 0.8em; padding: 0 0 15px 120px; font-weight: bold; }
#content h2    { color: #6F7B6F; font-weight: bold; padding: 0 0 15px 120px; font-size: 0.8em; margin: 0;}
#content ul { list-style-type: none; padding-bottom: 15px; margin-left: 130px;}
#content li {
font-size: 0.8em;
color: #000;
background-image: url(../pics/marker.gif);
background-position: 0 0.2em;
background-repeat: no-repeat;
padding-left: 2em;


}
#content p.datum {
	margin: 0;
	padding: 0;
}

/* LINKS
---------------------------------*/
a.inhalt:link  {
color : #000;
text-decoration: underline;
}
a.inhalt:visited {
color : #000;
text-decoration: underline;
}
a.inhalt:hover {
color : #fff;
background: #6F7B6F;
text-decoration: none;
}
a.inhalt:active {
color : #000;
text-decoration: underline;
}
/*SPALTEN SEMINARE
------------------------------------*/
#spalte1 {
	width: 100px;
	float: left;
}
#spalte2 {
	float: left;
}
#absatz {
	clear: both;
}

/* FOOTER
------------------------------*/
#footer   {
font:  0.7em Arial, Helvetica, Verdana, sans-serif;
width: 100%;
height: 400px;
/*background: #6F7B6F;*/
color: #666;
}
#footer p {
padding: 10px 0 10px 70px;
}
#footer a      {
 color: #326495;
 text-decoration: none; }

#footer a:visited {
color : #326495;
text-decoration : none;
}
#footer a:hover {
color : #326495;
text-decoration: underline;
}
#footer a:active {
color : #326495;
}

/* FORMULAR
-------------------------*/

fieldset {
	width: 400px;
	border: 0;
}
fieldset p { 
width: 100%; 
float: left;
}
fieldset input  {
width: 60%; 
background: #fafafa;
border: 1px solid #ccc;
}
.submit {	
	background:  #fafafa;
	width: 20%;
}
.rechts {
	text-align: right;
	margin-right: 5px;

}
fieldset select  {
width: 100px; 
padding-right: 5px;
}
fieldset label {
display: block; 
float: left;
width: 35%;
padding: 0; 
margin: 0 5px 0 0;
background: #F2F5F5; 
color: inherit;
	}
.lang {
	width: 80%;
	background: #fff;
}
fieldset textarea {
	border: 1px solid #ccc;
	width: 240px;
	background: #fafafa;
	font-size: 12px;
}	
.kurz {
	width:20px;
}
/* SPECIALS
----------------------------*/
.platz {
margin-top: 10px;
}
.rot {
	color: #cb1603;
}
.wichtig {
	font-weight: bold;
}

a.grau:link  {
color : #666;
text-decoration : none;
font-size: 10px;
}
a.grau:visited {
color : #666;
text-decoration : none;
font-size: 10px;
}
a.grau:hover {
color : #666;
text-decoration: underline;
font-size: 10px;
}
a.grau:active {
color : #666;
text-decoration : none;
font-size: 10px;
} 

dl {
width: 100%;
overflow: auto;
margin-left: 120px;
}

dt {
width: 100px;
float: left;
clear: left;
font-size: 0.8em;
line-height: 20px;
margin-bottom: 5px;

}
dd { 
margin-left: 105px; 
font-size: 0.8em;
line-height: 20px;
margin-bottom: 5px;
}
dt.breit {
width: 300px;
float: left;
font-size: 0.8em;
line-height: 20px;
margin-bottom: 5px;

}
dd.breit { 
margin-left: 305px; 
font-size: 0.8em;
line-height: 20px;
margin-bottom: 5px;
}

.bild {
border: 3px solid #C4C7BC;
margin-right: 5px;
}