/* CSS Document */

* { margin:0; padding: 0 }
option { padding-left: 0.4em }
  
* html body * { overflow:visible; }
* html iframe, * html frame { overflow:auto; }
* html frameset { overflow:hidden; }
  
html { height: 100%; margin-bottom: 1px; }
body {    
    font-size: 100.01%;
    color: #000;
    background: #fff;
    text-align: left;
  }
  
fieldset, img { border: 0 solid; }

ul, ol, dl { margin: 0 0 1em 1em }
li { margin-left: 1.5em; line-height: 1.5em; }

dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }

blockquote { margin: 0 0 1em 1.5em; }

/*------------------------------------------------------------------------------------------------------*/
#header { position:relative }

#header, #nav, #main, #footer { clear:both; }

#col1 { float: left; width: 200px; background-color:#D4D9CF;}
#col2 { float:right; width: 200px }
#col3 { width:auto; margin: 0 200px; background-color:#F9F7F8; }

#col1 {z-index: 3}
#col2 {z-index: 5}
#col3 {z-index: 1}
#col1_content {z-index: 4}
#col2_content {z-index: 6}
#col3_content {z-index: 2}

#col1_content, #col2_content, #col3_content { position:relative }

/*------------------------------------------------------------------------------------------------------*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix { display: block }

.floatbox { overflow:hidden }

#ie_clearing { display: none }

/*------------------------------------------------------------------------------------------------------*/  
#nav_main {
    /* (de) Einfassen der Floats im IE */
    width: 100%;
    overflow: hidden;
    /* (de) Einfassen der Floats in allen anderen Browsern */
    float: right;
    display: inline;
    background: #C9CEC3;
    border-top: 1px #333 solid;
	height:30px;
	border-bottom:1px solid #efefef;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#nav_main ul {
    border-left: 1px #aaa solid;
    border-right: 1px #fff solid;
    /* (de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: right;
    margin: 0;
    /* (de) Abstand des ersten Buttons vom rechten Rand  */
    margin-right: 33px;
    padding: 0;
}

#nav_main ul li {
    border-left: 1px #fff solid;
    border-right: 1px #aaa solid;
    /* (de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left;
    font-size: 1.0em;
    line-height: 1em;
    list-style-type: none;
    margin: 3px 0px 0px 0px;
    padding: 0;	
}

#nav_main ul li a,
#nav_main ul li strong {
    background: transparent;
    color: #000;
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 0.5em 0.8em 0.5em 0.8em;
    text-decoration: none;
    width: auto;
}

#nav_main ul li a:focus,
#nav_main ul li a:hover,
#nav_main ul li a:active  {
	background: transparent;
	
    /*background: #eee;*/
    color: #333;
    text-decoration: none;
}

#nav_main ul li#current {
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background: #272727;
    border-left: 1px #444 solid;
    border-right: 1px #888 solid;
}

#nav_main ul li#current strong,
#nav_main ul li#current a,
#nav_main ul li#current a:focus,
#nav_main ul li#current a:hover,
#nav_main ul li#current a:active {
    background: transparent;
    color: #fff;
    text-decoration: none;
}
#nav_main ul li.abstand{
	margin-right:65px;
}

  
body { background: #fff repeat-x top left fixed; padding: 10px 0; }

/* (de) Layout: Breite, Hintergrund, Rahmen */
#page_margins { min-width: 740px; max-width: 80em; margin: 0 auto; border: 0px #003 solid; }
#page{ background: #fff; border: 1px #003 solid; }

/* (de) Zentrierung des Layouts in alten IE-versionen */
body { text-align: center }
#page_margins { text-align:left }

/* (de) Gestaltung der Hauptelemente des Layouts */
#header {
    /*color: #000;
    background: #fff repeat-x top left;*/
    padding: 0px 0em 0em 0px;	
	height:80px;
	border-bottom:1px solid #000;
	background-color:#555242;
}
 
/* (de) Anpassung der Hauptnavigation */
#nav ul { margin-left: 20px; }
#nav_main {background-color: #336}

#main { background: #EDF1E8;padding:0px 0; }

#footer { 
    color:#666;	
    background: #BEF000;
    padding: 5px;
    border-top: 1px #000 solid;
	text-align:right;
}

/*------------------------------------------------------------------------------------------------------*/
#col1 { width: 25% }
#col1_content { padding: 10px 10px 10px 20px; }

#col2 { width: 25% }
#col2_content { padding: 10px 20px 10px 10px; }

#col3 { margin: 0 25% }
#col3_content { padding: 10px }

#col3_content2 { padding: 10px; height:600px;}

  /*------------------------------------------------------------------------------------------------------*/ 
#nav * { border: 0px none !important}
#nav_main { background: #BEF000;}
#nav_main ul { margin-left: 10px }
#nav_main ul li { line-height: 1.2em}
  
#nav_main ul li a,
#nav_main ul li strong { color: #666; font-weight: normal; padding: 0.5em 0.8em 0.5em 0.8em;}
  
#nav_main ul li a:focus,
#nav_main ul li a:hover,
#nav_main ul li a:active  { color: #212121;}
  
#nav_main ul li#current { background: transparent; margin-top:0px; }
  
#nav_main ul li#current strong,
#nav_main ul li#current a,
#nav_main ul li#current a:focus,
#nav_main ul li#current a:hover,
#nav_main ul li#current a:active { color: #555242; font-weight: bold; margin-top:3px;}
  
#col1 { float:right; width: 22%; }
#col1_content { padding-left: 10px; padding-right: 20px; }

/* #col2 abschalten */
#col2, #col2_content { display:none }

/* Rechten Randabstand anpassen */
#col3 { margin-left:0; margin-right:22%; }
#col3_content { padding-left: 20px; padding-right: 10px; }    
	
html * { font-size: 100.01% }

body {
	font-family:Arial, Helvetica, sans-serif;   
    font-size: 75.00%; 
    color: #444;  
}

p { 
	line-height: 1.5em; 
	margin: 0 0 1em 0;
}
   
#footer a { color: #999; background:#000; font-weight: bold;}
#footer a:focus, 
#footer a:hover,
#footer a:active {color: #4D87C7; background-color: transparent; text-decoration:underline;}

* html #page_margins {
  width: 80em;
  }
 
 /****************************  header  *******************************************************/ 
#logo{	
	float:right;
	margin-right:10px;
	margin-top:-40px;		
	margin-left:3px;
}  

#text_kopf{
	color:#FFF;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:50px;
	padding-left:20px;	
}  



/***************************    Inhalt    ******************************************************/
.u1_semi{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	padding-top:24px;	
}

.u1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	padding-top:20px;	
}

.u2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	position:relative;
	margin-top:40px;
}

.u2_semi{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	position:relative;
	margin-top:30px;
}

.u3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:justify;
	position:relative;
	margin-top:15px;
	width:95%;
}
.u3_im{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:justify;
	position:relative;
	margin:15px 0 0 60px;
	width:95%;	
}

.u3_ma{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:justify;
	position:relative;
	margin:15px 0 0 150px;
	width:95%;	
}

.u3 a{
	text-decoration:none;
	color:#069;	
}

.u3_im a{
	text-decoration:none;
	color:#069;	
}

.u3 ul{
	position:relative;
	width:70%;
	margin-top:15px;
	margin-bottom:10px;	
}

.u3 ul li {
	display:list-item;	
	list-style-image:url(images/punkt2.gif);
	margin-bottom:10px;
}

.u4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	position:relative;
	margin-top:35px;
}

.u5{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	position:relative;
	margin-top:3px;		
}

.u6{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:justify;
	position:relative;
	margin-top:15px;
} 

.u6 a{
	text-decoration:none;
	color:#069;	
}

.u5 a{
	text-decoration:none;
	color:#069;	
}

.u7{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:justify;
	position:relative;
	margin-bottom:25px;
}

#tatb{
	height:111px;
	width:82px;
	border:0px;
	float:right;
	padding-left:20px;		
} 

#tatb1{
	height:400px;
	width:95%;
	border:0px;
	padding-top:20px;
}

#tatb2{
	height:350px;
	width:500px;
	border:0px;
	padding-top:20px;
}

/********************************   Menue rechts   ************************************************/
#menue2{	
	position:absolute;
	width:130px;
	margin:5px 10px 0 0;
	padding:0;
	left: 1px;
}
#menue2 ul{
	list-style:none;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}
#menue2 li{
	margin:0;
	padding:0;			
}
#menue2 a:link, #menue2 a:visited {
	display:block;
	margin:10px 0;
	padding:0.75em 0.75em 0.75em 1.5em;
	background-image:url(images/menuebalken.jpg);	
	background-repeat:no-repeat;
	background-position: top left;
	background-color:#EDF1E8;
	color:#000;
	text-decoration:none;
	border-left:7px solid #D4D9CF;
	height:1em; /* diese Angabe ist nur für den IE, damit die ganze Linkfläche klickbar ist */
}	
html>body #menue2 a:link, html>body #menue2 a:visited  {
	height:auto; /* hebt für nicht-IE Browser die Höhenangabe 1em wieder auf */ 
}
#menue2 a:hover {
	border-color:#BEF000;
}
#menue2 ul li#current { background: #FFF; margin-top:0px; }
#menue2 ul li#current a,
#menue2 ul li#current a:focus,
#menue2 ul li#current a:hover,
#menue2 ul li#current a:active { 
	border-left:7px solid #555242;	
}

/************************    Bugs im IE   **************************************************************/
/*------------------------------------------------------------------------------------------------------*/
/* Clearfix-Anpassung fuer diverse IE-Versionen                                                         */
  .clearfix { display: inline-block }  /* ... especial for IE7 */
  .clearfix { display: block }      /* ... fuer IE5,IE6,IE7 */
  * html .clearfix { height: 1% }   /* ... fuer IE5 + IE6/Win | hasLayout aktivieren */
 
/*------------------------------------------------------------------------------------------------------*/
/*  Vermeidung verschiedenster Bugs durch Erzwingen von "hasLayout"                                     */
   
/*  body { height: 1% }*/
  #page_margins, #page, #header, #nav, #main, #footer { zoom:1 }             /* IE6 & IE7    */
  #page_margins, #page { height: 1% }                                        /* IE 5.x       */
  * html #header, * html #nav, * html #main, * html #footer { width: 100% }  /* IE 5.x & IE6 */
  * html #header, * html #nav, * html #main, * html #footer { wid\th: auto } /* IE 6         */
 

/******************************   board    **************************************************************/

.board_left{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:200px;
	float:left;
	margin-top:40px;
	margin-right:10px;
	margin-left:80px;	
}
.board_left p{
	margin-top:20px;	
}
.board_left a{
	text-decoration:none;
	color:D4D9CF;
	margin-top:20px;
} 
 
.board_right{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:200px;
	float:left;
	margin-top:40px;
	margin-right:10px;
	margin-left:80px;	
}
.board_right p{
	margin-top:20px;	
}
.board_right a{
	text-decoration:none;
	color:D4D9CF;
	margin-top:20px;
}