@charset "UTF-8";

  body { background:#D0C7AD url("ape/bg-pappe2.jpg"); padding: 95px 0 0 0;  }

  /* Layout Alignment | Layout-Ausrichtung */
  .plattform, #footer { margin: 0 auto; }

  /* Layout Properties | Layout-Eigenschaften */
  .plattform { width: 928px;  background: #fff; }
  

  /*-------------------------------------------------------------------------*/

	.flowli { /*lässt elemente nach links fließen*/
float: left;
margin-right: 8px;
}
	.flowre { /*lässt elemente nach links fließen*/
float: right;
margin-left: 8px;}

  .plattform {
 	
    border: 0 none;
    background-image:  url(ape/rand-links.gif);
    background-repeat:repeat-y;
    background-position:left;
  }

  .seite {
    border: 0 none;
    margin: 0 0 0 5px; padding: 20px 25px 20px 20px;
    background-image:  url(ape/rand-rechts.gif);
    background-repeat:repeat-y;
    background-position:right;
  }

  #rand-oben {
    overflow:hidden;
    width: auto;
    height: 12px;
    font-size:0;
    margin-bottom: -5px;
    background-image:  url(ape/rand-oben.gif);
    background-repeat:repeat-x;
    background-position:top left;
  }

  #ecke-ol {
    float:left;
    width: 12px;
    height: 12px;
    font-size:0;
    background-image:  url(ape/ecke-ol.gif);
    background-position: top left;
  }

  #ecke-or {
    position:relative; /* IE Fix | z-index */
    float:right;
    width: 12px;
    height: 12px;
    font-size:0;
    background-image:  url(ape/ecke-or.gif);
    background-position: top right;
  }
 
  #rand-unten {
    overflow:hidden;
    width: auto;
    height: 30px;
    margin-top: 0px;
    font-size:0;
    background-image:  url(ape/rand-unten.gif);
    background-repeat:repeat-x;
    background-position:bottom left;
  }

 /*-------------------------------------------------------------------------*/


textarea, pre, tt, code {
	font-family:"Courier New", Courier, monospace;  	
}

body {
    color: #444; font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
    font-size: 13px; 
}
 p { line-height: 17px; margin: 0 0 10px 0; text-align:justify; }
 
a { color: #363; text-decoration:underline; }
a:focus,
a:hover,
a:active { background-color: #f2ecdd; text-decoration:underline; }
  
td {
vertical-align:top;
}
img{
border:0px;
}

h1 {
	font-size:14px;
	color:#333333;
}
  

h2 {
font-size:22px;
line-height:22px;
color:#F14231;
/*letter-spacing:1px;*/
margin-bottom:10px;
margin-top:10px;
padding-bottom:2px;
text-transform:uppercase;
text-align: left;
 }

h3  {
	font-size:17px;
	line-height:24px;
	color:#0C5B3A;
	/*letter-spacing:1px;*/
	margin-top:10px;
	margin-bottom:6px;
}
h4 a {

	font-size:18px;
	color:#F14231;
	/*letter-spacing:1px;*/
	margin-top:10px;
	margin-bottom:10px;
}
h4 {

	font-size:12px;
	color:#F14231;
	margin-top:5px;
	margin-bottom:5px;
	padding-bottom:10px;
}
h3.ue {

	font-size:16px;
	color:#F14231;
	margin-top:5px;
	margin-bottom:5px;
	padding-bottom:10px;
}
#header{
	position:absolute;	
	width:908px;
	top:8px;
}


#logo{
width:275px;
}

#logo a { color:#666666; }
#logo a:focus,
#logo a:hover,
#logo a:active { background-color: #f2ecdd;  }

#nav {float:right; padding:20px 0 0 20px; margin:0; list-style:none; font-size:13px ; position:relative; z-index:200; background:url(ape/navi-bg3.gif) no-repeat bottom;
	 height:42px; width:591px;}
 
#nav ul {padding:0; margin:0; list-style:none; float:left; background:#e7e1d1; border-top:1px solid #bbb; border-color:#bbb;}

#nav li {float:left;}
#nav li li {float:none; border-left:1px solid #bbb; border-right:1px solid #bbb;}
#nav li li.last {border-bottom:1px solid #bbb;}
/* a hack for  IE6 */
* html #nav li li {float:left;}


#nav li a {display:block; float:left; color:#444; height:32px;  padding:0 20px 5px 5px; line-height:36px; text-decoration:none; white-space:nowrap; font-weight:bold;}
#nav li a.down {background:url(/ape/down.gif) no-repeat left center; padding-left:15px}
/*#nav ul li.here {color:#fff; background-color:#F14231}*/

#nav li li a {display:block; height:26px; line-height:26px; float:none; padding:0 25px 0 5px; font-weight:normal; letter-spacing:1px;}
#nav li li a.fly {background:url(ape/pfeil.gif) no-repeat right center;}

#nav li:hover {position:relative; z-index:300;}


#nav li li a {color:#222;}


#nav li:hover ul {left:0; top:33px; z-index:500;}


#nav ul {position:absolute; left:-9999px; top:-9999px;}
* html #nav ul {width:0px;}
/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-5px; margin-left:100%; top:-1px; z-index:500;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; }
/* show path followed */
#nav li:hover > a {color:#F14231;}
#nav li li:hover > a {color:#fff; background-color:#F14231;}

/*ausgewählten buttn kennzeichnen background-color:#f2ecdd;*/
#nav li.here > a {color:#F14231; text-decoration:underline;}
#nav li li.here > a {color:#fff; background-color:#F14231;}


/* but IE5.x and IE6 need this lot to style the flyouts*/
#nav li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a
{color:#fff; background-color:#F14231;}

#nav li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a
{color:#000; background-color:#F14231;}

/* show next level */
#nav li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul
{left:100%; margin-left:-5px; top:-1px;}

/* keep further levels hidden */
#nav li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul
{position:absolute; left:-9999px; top:-9999px;}


  /* ### text formatting | Textauszeichnung ### */

  cite, blockquote { font-style:italic; }
  blockquote { margin: 0 0 1em 1.5em; }

  strong,b { font-weight: bold; }
  em,i { font-style:italic; }

  pre, code { font-family: monospace; font-size: 1.1em; }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }



/* 3-spalten */
    
#spalten { 
	width: 100%;  
	background: #FFFFFF;
	margin: 0 auto; /* durch automatische ränder (in verbindung mit einer Breite) wird die seite zentriert */
	text-align: left; 
} 
#linkespalte {
	float: left; 
	width: 30px; 
	background: #fff; /* hintergrundfarbe nur für die länge des spalteninhalts */
	padding: 0px 0px 0px 0px; /* dafür dass der Inhalt nicht die Kanten berührt */		
}


 #rechtespalte {
	float: right; 
	width: 280px; 
	padding: 0px 0px 0px 30px; /* dafür dass der Inhalt nicht die Kanten berührt */
}
 #mitte { 
	margin: 0 310px 0 30px; /* rechter + linker rand dieses div = die beiden äußeren spalten. unabhängig von der Inhaltsmenge der spalten rechts und links gleichbleibend.  rand entfernen, falls der Text um die linke und rechte spalte laufen soll, wenn diese enden */
	padding: 0 5px;
}
 #rechtespalte2 {
	float: right; 
	width: 325px; 
	padding: 0px 0px 0px 0px; /* dafür dass der Inhalt nicht die Kanten berührt */
}

 #mitte2 { 
	margin: 0 330px 0 5px; /* rechter + linker rand dieses div = die beiden äußeren spalten. unabhängig von der Inhaltsmenge der spalten rechts und links gleichbleibend.  rand entfernen, falls der Text um die linke und rechte spalte laufen soll, wenn diese enden */
	padding: 0 5px;
}



.clearfloat { /* sollte in ein div- oder break-Element als letztes element des gefloateten containers  */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
 
 
  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
  .center { text-align:center; margin: 0.5em auto; }
  .kleini {font-size:10px;}
	.ape{ margin: 0 5px 0 5px;}
td.line p{ margin-bottom:5px;margin-top:5px;}
.big {font-size:26px;color: #444;}
.big2 {font-size:17px;color: #444;}
.herv{color:#336633;}
.herv a{color:#336633;}
.red {color:#F14231;}
.yeah {font-size: 14px}

#footer {background:#D0C7AD url("ape/bg-pappe2.jpg"); width: 928px; color: #555; text-align:right; padding-right:15px; }
#footer a { color: #555; }
#footer a:focus,
#footer a:hover { color: #222; text-decoration:underline; }

 

  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed; }

  th,td { padding: 0.5em; }
  thead th { background: #444; color: #fff; }
  tbody th { background: #ccc; color: #333; }
  tbody th.sub { background: #ddd; color: #333; }