/** basics **/
html {
text-align: center;
}

body {
padding: 5px;
background-color: #FFFFCC;
font-family: Arial, Verdana, Tahoma, sans-serif;
font-size: 0.8em;
color: #000000;
text-align: center;
background-image:  url("bg.gif")}

ul { list-style-type: none }

/**überschriften größe **/
h1 { font-size: 1.0em; color: #009966;}
h2 { font-size: 1.15em; color: #009966;}
h3 { font-size: 1.3em; color: #009966;}

/** aufbau **/

/**hauptrahmen**/
#pagewidth {
width: 750px;
text-align: left;
margin-left: auto;
margin-right: auto;
background-color: #FFFFCC;
border-left: 1px;
border-top: 1px;
border-right: 3px;
border-bottom: 3px;
border-style: solid;
border-color: #009966;
}

/** kopf **/
#header {
position: relative;
height: 100px;
width: 100%;
padding: 0;
margin: 0;
}

/** linkespalte **/

#leftcol {
margin-top: 20px;
width: 170px;
float: left;
position: relative;
line-height: 1.4em;
}

/** navigation **/
li img {
border: 0;
margin-left: 5px;
margin-right: 15px;
}

ul.vertical, ul.vertical li {
margin:0;
padding:0;
list-style-type:none;
font-size:100%;
}

ul.vertical {
position:absolute;
z-index:1000;
width: 9em;
left: 2em;
top: 3em;
}

ul.vertical li {
position:relative;
text-align:left;
width: 9em;
margin:-1px 0 0 0;
}

ul.vertical ul ul {
margin:-0.5em 0 0 7.7em;
}

ul.vertical a, ul.vertical a:visited {
display: block;
background: #FFFFCC;
border: 1px solid #009966;
padding: 5px 7px;
font: 0.9em Arial, Verdana, Tahoma, sans-serif;
font-weight: bold;
color: #009966;
text-decoration: none;
letter-spacing: 1px;
}

ul.vertical a:hover {
background-color: #009966;
color: #FFFFCC;
}

/** navi 2. level **/
ul.vertical ul {
z-index:1020;
position:absolute;
width: 14em;
margin:-0.5em 0 0 7.5em;
top:-100em;
left:-1px;
padding:1px 0 0 0;
}

ul.vertical ul li {
width: 14em;
}

* html ul.vertical li { position:static; }
* html ul.vertical a { position:relative; }

/** hauptspalte - inhalt**/
#maincol {
text-align: justify;
margin-top: 20px;
float: right;
display: inline;
position: relative;
width: 520px;
padding: 15px;
}

/** hyperlinks hauptspalte - inhalt **/
#maincol a, a:link {
color: #009966;
font-weight: bold;
text-decoration: none;
}

#maincol a:hover {
background-color: #009966;
color: #FFFFCC
}

/** fußzeile **/
#footer {
height: 30px;
clear: both;
text-align: center;
padding: 0
}

/** hyperlinks fußzeile **/
#footer a, a:link {
color: #009966;
font-weight: normal;
text-decoration: none;
padding: 1px;
}

#footer a:hover {
background-color: #009966;
color: #FFFFCC;
}

/**verschiedenes**/
/* hacks for win/ie to cure 'excess hidden margins' bug (abstände zwischen den einzelnen menupunkten */
@media screen, projection {
* html ul.vertical li {
/* for ie5.0 */
display:inline;
/* for ie5.5+ */
f\loat:left;
/* this cures 'events fall through the menu' bug in ie6 */
background:#ffffff;
}
}

@media Screen, Projection {
ul.vertical li:hover > ul { top:0; }
}

.clearfix { display: inline-table; }

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

/* 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;}
#twocols, #maincol{width:100%; float:none;}