@charset "UTF-8";
/* ******************************************************************************* */
/* *****                  CSS Browser Library Reset                          ***** */
/* ******************************************************************************* */
	@import url("reset-min.css"); 
	
/* ******************************************************************************* */
/* *****                  Dokumentbereich                                    ***** */
/* ******************************************************************************* */	

body
		{
			margin: 0;
			padding: 0;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			color: #000;
			background-color: #e9e9cf;
			background-image: url(../images/background.gif);
			background-repeat: repeat-x;
		}

/* ******************************************************************************* */
/* *****                  Breite der ganzen Seite                            ***** */
/* ******************************************************************************* */	

#container
{
width: 890px;
margin: 22px auto;
line-height: 130%;
background-image: url(../images/mitte.gif);
}

/* ******************************************************************************* */
/* *****                  Titel mit Logo Oben                                ***** */
/* ******************************************************************************* */	

#top
{
margin: 0px;
background-color: white;
height: 114px;
background-image: url(../images/top2.jpg);
background-repeat: no-repeat;
}
/* ******************************************************************************* */
/* *****                  Überschrift Firma                                  ***** */
/* ******************************************************************************* */	
#top h1
{
padding-left: 100px;
font-size: 12px;
margin: 0;
margin-bottom: 2px;
color: #62a21d;
font-weight: bold;
}

#navTop1 ul
{
list-style: none;
padding: 2;
margin: 2;
}

#navTop1 li
{
padding-right: 10px;
padding-top: 66px;
float: right;
text-decoration: none;
padding: 2;
margin: 2;
}

#navTop1 li a
{
padding-left: 10px;
height: 3em;
line-height: 2em;
float: left;
display: block;
border-left: dotted 1px;
border-color: #016972;
color: #0d2474;
font-size: 12px;
color: #016972;
text-align: center;
}

/* Hide from IE5-Mac \*/
#navTop1 li a
{
float: none;
}
/* End hide */ 

/* ******************************************************************************* */
/* *****                  Obere Navigation                                   ***** */
/* ******************************************************************************* */	
#topnav
{
background-image: url(../images/mitte.gif);
padding-left: 18px;
height: 206px;
}
#balken
{
background-image: url(../images/blocker.jpg);
background-repeat: no-repeat;
padding-left: 18px;
height: 25px;
color: white;
font: menu;
}
/* ******************************************************************************* */
/* *****                  linke Navigation                                   ***** */
/* ******************************************************************************* */	
#leftnav
{
background-image: url(../images/links.jpg);
float: left;
width: 180px;
margin: 0;
padding: 1em;
}
/* ******************************************************************************* */
/* *****                  Rechte Navigation                                   ***** */
/* ******************************************************************************* */	
#rightnav
{
float: right;
width: 162px;
margin: 0;
padding: 1em;
}
#rightnav h5{
font-weight: bolder;
color: #016972;
border-color: #016972;
border-bottom: 1px solid #016972;
width:160px;
_width:160px; /* hack para IE */

}
#rightnav label {
color: #016972;	
display: block;
padding: 1px;
text-decoration: none;
font-weight: bold;
font-size: 70%;

}
#rightnav p{
margin: 2px;
display: block;
text-align: center;
text-decoration: blink;
color: #fff;	
font-weight: bold;
font-size: 10px;
background-color: maroon;
}
/* ******************************************************************************* */
/* *****                  Inhalt der Seite                                   ***** */
/* ******************************************************************************* */	
#content
{
background-color: white;
margin-left: 220px;
border-left: 1px #016972;
border-left-style: dotted;
margin-right: 200px;
border-right: 1px  #016972;
border-right-style: dotted;
padding: 1em;
max-width: 36em;
min-height: 500px;
}
/* ******************************************************************************* */
/* *****                  Content Text formatierung                          ***** */
/* ******************************************************************************* */	

#content h2 { 
			margin: 0 0 .5em 0;
			font-weight: bold;
			color: #006b6e;
			}
#content h3 { 
			margin: 0 0 .5em 0;
			font-weight: bold;
			color: #006b6e;
			font-size: 12px;
			}
			
			
#content p { 
			margin: 0 0 .5em 0;
			font-size: 13px;
			color: #016972;
			}
#content em { 
			margin: 0 0 .5em 0;
			font-size: 10px;
			color: #016972;
			}
#content ul { 
			font-size: 13px;
			color: #016972;
			}
#content li { 
margin-left: 30px;
padding-left: 5px;
font-family: "MS Sans Serif", Geneva, sans-serif;
list-style-image: url(../images/punkt.jpg);
background-image: inherit;
			font-size: 12px;
			color: #016972;
			}
#content label {
color: #016972;	
text-decoration: none;
font-weight: bold;
font-size: 80%;
		cursor:pointer;
		display: inline-block; 
	  	width: 8em;
		padding-bottom: 10px; 
		vertical-align: top;
}	
/* ******************************************************************************* */
/* *****                  Inhalt der Seite                                   ***** */
/* ******************************************************************************* */	
#contentRechts
{
margin-left: 8px;
background-color: white;
margin-right: 200px;
border-right: 1px  #016972;
border-right-style: dotted;
padding: 1em;
max-width: 50em;
min-height: 500px;
}
/* ******************************************************************************* */
/* *****                  Content Text formatierung                          ***** */
/* ******************************************************************************* */	

#contentRechts h2 { 
			margin: 0 0 .5em 0;
			font-weight: bold;
			color: #006b6e;
			}
#contentRechts h3 { 
			margin: 0 0 .5em 0;
			font-weight: bold;
			color: #006b6e;
			font-size: 12px;
			}
#contentRechts h4 { 
margin: 0 0 .5em 0;
padding: 2px;
			font-weight: bold;
			color: #ffffff;
			font-size: 14px;
			background-color: #006b6e;
			}
			
			
#contentRechts p { 
			margin: 0 0 .5em 0;
			font-size: 13px;
			color: #016972;
			}
#contentRechts em { 
			margin: 0 0 .5em 0;
			font-size: 10px;
			color: #016972;
			}
#contentRechts ul { 
			font-size: 13px;
			color: #016972;
			}
#contentRechts li { 
margin-left: 30px;
padding-left: 5px;
font-family: "MS Sans Serif", Geneva, sans-serif;
list-style-image: url(../images/punkt.jpg);
background-image: inherit;
			font-size: 12px;
			color: #016972;
			}
#contentRechts label {
color: #016972;	
text-decoration: none;
font-size: 80%;
		cursor:pointer;
		display: inline-block; 
	  	width: 7em;
		padding-bottom: 10px; 
		vertical-align: top;
}			

/* ******************************************************************************* */
/* *****                  gesamtFußbereich der seite                         ***** */
/* ******************************************************************************* */	
#balken_01
{
background-image: url(../images/blocker.jpg);
background-repeat: no-repeat;
padding-left: 18px;
height: 5px;
color: white;
font: menu;
}
#footer
{
height: 115px;
background-image: url(../images/unten.jpg);
background-repeat: no-repeat;
background-position: bottom;
clear: both;
margin: 0;
padding: .5em;
color: #333;
}

#leftnav p, #rightnav p { margin: 0 0 1em 0; }

/* ******************************************************************************* */
/* *****                       Obere Navigation                              ***** */
/* ******************************************************************************* */
.clear { clear:both; }

#menu{
background-color: #e1eded;
border:  solid 1px;
border-bottom: none;
border-color: #016972;
width:200px;
_width:200px; /* hack para IE */
}
#menu ul{
padding: 0px;
list-style-type: none;
margin: 0px;
}
#menu li {
color: #016972;	
background:  url(../images/pfeil.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px;
padding-left: 25px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #016972;
font-size: 75%;

}
#menu li a { 
background-image: url(../images/pfeil.gif) no-repeat center left;
display:block;
color: #016972;	 
text-decoration: none; 
padding: 1px 0;
padding-left: 5px; /*link text is indented 19px*/
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
}
#menu li a:visited {
background-image: url(../images/pfeil.gif) no-repeat center left;	
color: #016972;	
}
#menu li a:hover { 	
background-image: url(../images/pfeil2.gif) no-repeat center left;
display:block;
color: #016972;	 
text-decoration: none; 
padding: 1px 0;
padding-left: 19px; /*link text is indented 19px*/
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
} 
/* ******************************************************************************* */
/* *****                       Obere Linke Navigation                              ***** */
/* ******************************************************************************* */

#menu2{
border-bottom: none;
border-color: #016972;
width:180px;
_width:180px; /* hack para IE */
}

#menu2 h5{
font-weight: bolder;
color: #016972;
border-color: #016972;
border-bottom: 1px solid #016972;
width:175px;
_width:175px; /* hack para IE */
}
#menu2 ul{
padding: 0px;
list-style-type: none;
margin: 0px;
}
#menu2 li {
color: #016972;	
display: block;
padding: 1px;
padding-left: 8px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px dotted #016972;
font-size: 70%;

}
#menu2 li a { 
background-image: url(../images/pfeil.gif) no-repeat center left;
display:block;
color: #016972;	 
text-decoration: none; 
padding: 2px 0;
padding-left: 5px; /*link text is indented 19px*/
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
}
#menu2 li a:visited {
background-image: url(../images/pfeil.gif) no-repeat center left;	
color: #016972;	
}
#menu2 li a:hover { 	
background-image: url(../images/pfeil2.gif) no-repeat center left;
display:block;
color: #016972;	 
text-decoration: none; 
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
} 	
/* ******************************************************************************* */
/* *****                       Obere Navigation ansicht                      ***** */
/* ******************************************************************************* */
	  #navcontainer { height:16px; position:relative; }
	  #navi { position:absolute; }
	  #navi li { margin:0 2px 0 0;
	  background-image: url(../images/nva.jpg)}
     #navi ul li { border:none; padding-left: 3px; margin:0; background-image: url(../images/nvb.jpg);  font-size: 12px; text-align: left;  border-bottom: solid  #5eac00 2px; width: 200px;}
		
	  #navi a {  display:block; padding:0.1em; }
	  #navi a:link, #navi a:visited { color: ButtonHighlight; text-decoration: none;}
	  #navi a:active, #navi a:hover { color: ButtonFace; background:#FFF; text-decoration:none; background-image: url(../images/nvc.jpg) }

/* ******************************************************************************* */
/* *****                       link                              ***** */
/* ******************************************************************************* */
.klein {
	font-size: 10px;
}

a:link {
 color: #016972;	 
	text-decoration: none;
	font-weight: bolder;
	}
	
a:visited {
color: #016972;	 
	text-decoration:none;
	font-weight: bolder;
	}
	
a:active {
color: #016972;	 
	text-decoration:none;
	}
	
a:hover {
color: #016972;	 
	text-decoration:underline;
	}
/* ******************************************************************************* */
/* *****                       Drei Teiler                                   ***** */
/* ******************************************************************************* */
.aussenrahmen {
   color: #003; 
   padding: 0px;
   margin-bottom: 0px;
/* min-width, um ein Übereinanderschieben der Boxen in Geckos/Opera zu verhindern ;
ergänzt sich mit min-width-Angaben der Boxen; IE6-Workaround siehe unten */
   min-width: 200px; 
}
/* ******************************************************************************* */
/* *****                       Dreiteiler oben                              ***** */
/* ******************************************************************************* */


#boxrahmen {
 position:relative;
 height: 60px;
	width: 100%px;
}
#boxa {
	float: left;
	margin: 2px;
	width: 202px;
	height: 198px;
	border: 5px;
}
#boxb {
	float: left;
	margin: 2px;
	background-color: black;
	width: 455px;
	height: 198px;
}
#boxc {
   float: left;
	margin: 2px;
	background-color: green;
	width: 200px;
	height: 198px;
}
#boxa h5, #boxb h5, #boxc h5 {
font-size: 10pt;
	color: white;
	font-weight: bold;
	padding: 2px;
}

/* ******************************************************************************* */
/* *****                       Dreiteiler Unten                             ***** */
/* ******************************************************************************* */


#boxrahmen_b {
color:  #016972;
 position:relative;
 height: 120px;
	width: 100%px;
	font-size: 9pt;
}
#boxa_01 {
padding-left: 5px;
	float: left;
	margin: 2px;
	width: 280px;
	height: 115px;
	border: 5px;
}
#boxb_01 {
	float: left;
	margin: 2px;
	width: 300px;
	height: 115px;
}
#boxc_01 {
   float: left;
	margin: 2px;
	width: 200px;
	height: 115px;
}
#boxa_01 h5, #boxb_01 h5, #boxc_01 h5 {
font-size: 11pt;
	font-weight: bold;
	padding: 2px;
}
/* ******************************************************************************* */
/* *****                  Fehler Meldungen                                   ***** */
/* ******************************************************************************* */	
#container_error
{
width: 500;
min-width: 500px;
max-width: 500px;
margin: 10px auto;
background-color: #fff;
color: #333;
border: 1px solid gray;
line-height: 130%;
}

#error {
width: 500px;
	padding: 2px;
}
#error h1 {
	padding: 2px;
	font-weight: bold;
	font-size: 18px;
}
#copy {
font-size: smaller;
text-align: center;
}

#job {
	font-size: small;

}

#job table{
border-spacing: 2px;
border: white 1px;
width: 428px;

}

#job thead td{
	padding: 2px;
	margin: 2px;
font-weight: bolder;
border-bottom: 1px dotted #016972;
border-top: 1px dotted #016972;
color: #006b6e;

}
#jobl {
width: 100px;
}

/* ******************************************************************************* */
/* *****                  infoboxen                                          ***** */
/* ******************************************************************************* */
#boxrahmen_info {
color:  #016972;
 position: static;
	width: 100%px;
	font-size: 9pt;
}
#box_einleitungstext{
padding: 2px;
margin: 2px;
border-bottom: 1px dotted #016972;
border-top: 1px dotted #016972;
color: #006b6e;
padding-left: 1px;
	float: left;
	width: 430px;
	min-height: 100px;
	border: 1px;
}
#box_datum {
padding: 2px;
margin: 2px;
border-bottom: 1px dotted #016972;
border-top: 1px dotted #016972;
color: #006b6e;
padding-left: 1px;
	float: left;
	margin: 2px;
	width: 89px;
	min-height: 260px;
	max-width: 400px;
	border: 1px;
}
#box_Info {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px dotted #016972;
border-top: 1px dotted #016972;
color: #006b6e;
padding-left: 1px;
	float: left;
	margin: 2px;
	width: 211px;
	min-height: 80px;
	border: 1px;
}
#boxa_Info {
padding: 2px;
margin: 2px;
border-bottom: 1px dotted #016972;
border-top: 1px dotted #016972;
color: #006b6e;
padding-left: 1px;
	float: left;
	margin: 2px;
	width: 211px;
	min-height: 200px;
	border: 1px;
}
#boxa_Info #inhalt {
	padding: 2px;
	margin: 2px;
	min-height: 100px;
	border-bottom: 1px dotted #016972;
}
#boxa_Info h5 {
	padding: 2px;
	margin: 2px;
font-weight: bolder;
border-bottom: 1px dotted #016972;
border-top: 1px dotted #016972;
}
#box_einleitungstext h5 {
	padding: 2px;
	margin: 2px;
font-weight: bolder;
border-bottom: 1px dotted #016972;
border-top: 1px dotted #016972;
}
/* ******************************************************************************* */
/* *****                  Seminare                                           ***** */
/* ******************************************************************************* */	

#seminar {
font-size: 11px;
	
}
#seminar h5 {
	font-size: 12px;
	font-weight: bold;
	color: #006b6e;
padding: 2px;
margin: 2px;
border-bottom: 1px dotted #016972;
border-top: 1px dotted #016972;
}




/* ******************************************************************************* */
/* *****                  Rechte Navigation                                   ***** */
/* ******************************************************************************* */	
#seminar {
   color: #003; 
   padding: 0px;
   margin-bottom: 0px;
/* min-width, um ein Übereinanderschieben der Boxen in Geckos/Opera zu verhindern ;
ergänzt sich mit min-width-Angaben der Boxen; IE6-Workaround siehe unten */
   min-width: 200px; 
}

#seminar label {
color: #016972;	
text-decoration: none;
font-weight: bold;
font-size: 12px;
		cursor:pointer;
		display: inline-block; 
	  	width: 8em;
		padding-bottom: 10px; 
		vertical-align: top;
}	

#seminar table {

	width: 100%;
	padding: 2px;
}

#seminar thead{
	vertical-align: text-top;
	border-bottom: 1px dotted #016972;
}

#seminar th {
	font-weight: bold;
}
#seminar td {
vertical-align: top;
}
.table2 {
	width: 200px;
	
}
#titel thead{
	background-color: #016972;
	font: 11px;
	color: ButtonHighlight;
	padding: 2px;
	text-align: center;
}
.preis {
	border-top: 1px dotted #016972;
		border-bottom: 1px dotted #016972;
}
#seminar ul
{
list-style: disc outside url(../images/punkt.jpg);
display: block;
}

#seminar li
{
text-decoration: none;
padding: 2;
margin: 2;
}

#seminar li a
{
list-style: none;
height: 3em;
line-height: 2em;
float: left;
display: block;
border-right: dotted 1px;
border-color: #016972;
color: #0d2474;
font-size: 12px;
color: #016972;
}
/* ******************************************************************************* */
/* *****                  Seminar Text formatierung                          ***** */
/* ******************************************************************************* */	

#seminar h2 { 
			margin: 0 0 .5em 0;
			font-weight: bold;
			color: #006b6e;
			}
#seminar h3 { 
			margin: 0 0 .5em 0;
			font-weight: bold;
			color: #006b6e;
			font-size: 12px;
			}
			
			
#seminar p { 
			margin: 0 0 .5em 0;
			font-size: 13px;
			color: #016972;
			}
#seminar em { 
			margin: 0 0 .5em 0;
			font-size: 10px;
			color: #016972;
			}
#seminar ul { 
			font-size: 13px;
			color: #016972;
			}
#seminar li { 
margin-left: 30px;
padding-left: 5px;
font-family: "MS Sans Serif", Geneva, sans-serif;
list-style-image: url(../images/punkt.jpg);
background-image: inherit;
			font-size: 12px;
			color: #016972;
			}

/* Hide from IE5-Mac \*/
#seminar li a
{
float: none;
}
/* End hide */ 

#termin {
font: menu;
width: 300px;
padding: 5px;
margin: 2px;
}

#termin thead{
	background-color: #016972;
	font: 11px;
	color: ButtonHighlight;
	padding: 2px;
	
}
#termin th {
font-weight: bold;
padding: 2px;
}

#termin td {
padding: 4px;
vertical-align: top;
}

#termin2{

font-size: 12px;
width: 100%;
padding: 5px;
margin: 2px;
 font-weight: normal;
 font: bold;
}
#termin2 thead{
	background-color: #016972;
	color: ButtonHighlight;
	padding: 2px;
	
}
#termin2 th {

padding: 2px;
 font-weight: bold;
}
#termin2 td {
padding: 4px;
vertical-align: top;
border-right: dotted 1px;
border-bottom: 1px dotted #016972;
}