/* Quellen: http://www.designdetector.com/tips/horizontal-list-demo-2.php
            http://www.csscreator.com/tools/generate */

/*
Layout Hints

These simple tips may save you from having to use complicated hacks on your site. Make sure to also check out the links in the Layout Hints box.

Column Padding
    The box model is handled incorrectly by some browsers, which causes padding and borders to be added to an elements width. So applying padding directly to a column will change the way the widths are calculated and could mess up the floated columns. To get around this problem apply margin to the children of the column instead.
#maincol p{margin:1em;}
Overflowing Content in Fluid Layouts
    To avoid content escaping or overflowing the columns there are a couple of things you can do.

        * Make sure the content fits within the column at different window sizes or resolutions, images and long text such as urls could be a problem here.
        * Avoid setting fixed widths or 100% widths with margin, padding or borders on block level elements within the column (p, div, ul ).
*/

body {
margin:0;
padding:0;
font-size:100%;
font-family:Arial,Helvetica,sans-serif;
background-color:#fff;
color:#000;
}

#pagewidth{ }

#navcontainer ul
{
position:relative;
text-align:center;
padding:0;
margin:0;
color:#000;
height:38px;
width:100%;
font-family:Arial,Helvetica,sans-serif;
font-weight:bold;
}

#navcontainer ul li
{
float:left;
padding:0;
width:14.28%;
list-style-type:none;
background-color:#7AFF18;
}

#navcontainer ul li a
{
float:left;
padding:5px 0 5px 0;
color:#000;
text-decoration:none;
width:100%;
}

#navcontainer ul li+li a
{
border-left:1px solid #000;
}


#navcontainer ul li a:hover
{
background-color:#5FE200;
color:#fff;
width:100%;
}

#navcontainer #active
{
background-color:#5FE200;
}


#leftcol{
 width:19.1%;
 float:left;
 position:relative;
  }

#twocols{
 width:80.9%;
 float:right;
 position:relative;
  }

#rightcol{
 width:28%;
 float:right;
 position:relative;
 }

#maincol{
 float:left;
 display:inline;
 position:relative;
 width:72%;
 text-align:justify;
 margin-bottom:2em;
 }

#footer{
 height:2em;
 clear:both;
 text-align:center;
 }

h1, h2, h3{
 color:#196600;
}

a         {color:#209000;}
a:visited {color:#146000;}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
 content:".";
 display:block;
height:0;
 clear:both;
 visibility:hidden;
 }

.clearfix{display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */


 /*printer styles*/
 @media print{
/*hide the left column when printing*/
#leftcol{display:none;}

/*hide the right column when printing*/
#rightcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
/* Die Navi braucht beim Drucken auch niemand */
#navcontainer{display:none;}
}