/**************************************

     »»» CSS by heger@derheger.de

**************************************/

html
{overflow-y: scroll;}

body
{margin: 0;
 border: 0;
 text-align: center;
 background: #f2f2f2;}

div.main
{position: relative;
 width: 750px;
 margin: auto;
 padding: 0 0 40px 0;
 background: #ffffff;
 border: solid #999999;
 border-width: 5px 1px;
 font: 1em verdana}

div.clear
{clear: both;}


/*      Header
*************************************/

div.header
{width: 750px;
 height: 80px;
 background: url(../images/logo.gif) no-repeat 10px 10px;}

div.header p
{position: absolute;
 margin: 0;
 font-weight: bold;
 letter-spacing: 2px; }

p.title
{top: 22px; 
 left: 110px;
 color: #CC3300;
 font: 0.9em verdana;}

p.autor
{top: 50px; 
 left: 110px;
 font: 0.75em verdana;
 color: #cccccc;}



/*      Navi
*************************************/

div.navi
{float: left;
 width: 160px;
 margin: 20px 0px 0px 20px;
 text-align: left;}

div.navi ul
{margin: 0;
 padding: 0;
 list-style: none;}

div.navi li
{border-bottom: 1px solid #e7e7e7;
 padding: 6px 15px 10px 15px;
 color: #cc3300;
 font: 0.715em verdana;}

div.navi li.first
{color: #cccccc;
 font-size: 0.8em;
 padding: 6px 15px;}

div.navi a
{text-decoration: none;
 color: #cc3300;}

div.navi a:hover
{font-weight: bold;}

div.navi a.aktiv
{font-weight: bold;}

div.navi li li
{padding: 0 15px;
 border: 0;
 font: 1em verdana;}

div.navi li li a
{color: #999999;}



/*      Content
*************************************/

div.content
{float: right;
 width: 500px;
 margin: 20px 35px 0 0;
 text-align: left;}

div.content ul
{position: relative;
 bottom: 8px;
 left: 1px;
 margin: 0;
 padding: 0 0 0 15px;
 list-style: square;}

li
{font: 0.8em verdana;}
     
h1
{height: 24px; 
 background: #8bccf6;
 padding: 8px 20px;
 font-size: 1.05em;
 font-weight: normal;
 letter-spacing: 2px;
 color: #ffffff;}

h1 span
{font-weight: bolder;}

h2
{border-bottom: 1px solid #cccccc;
 font-weight: bold;
 padding: 10px 8px 5px;
 font-size: 1em;}

h2 a
{text-decoration: none;
 color: #cc3300;}

h2 a:hover
{color: #3399cc}

div.content p
{font: 0.75em verdana;
 margin: 15px 0;}

div.content p.bold
{font-weight: bold;}

div.content div.code
{margin: 15px 0;
 padding: 8px;
 border: 1px solid #cccccc;
 background: #f6f6f6;
 font: 0.75em courier new}

div.content div.code p
{font: 1em courier new;
 margin: 0 0 15px 0;}

acronym
{cursor: help;
 font-style: italic;}

p a
{text-decoration: none;
 color: #000000;
 font-style: italic;}

p a:hover
{color: #3399cc;
 border-bottom: 1px dashed #cccccc;}

p.center
{text-align: center;}

hr
{border: 1px solid #dddddd;}

div.sitemap ul
{margin: 0;
 padding: 0;
 list-style: none;}

div.sitemap li
{padding: 6px 15px;
 color: #cc3300;
 font: 0.715em verdana;}

div.sitemap a
{text-decoration: none;
 color: #cc3300;}

div.sitemap a:hover
{color: #3399CC;
 letter-spacing: 1px}

div.sitemap a.aktiv
{font-weight: bold;}

div.sitemap li li
{padding: 0 15px;
 border: 0;
 font: 1em verdana;}

div.sitemap li li a
{color: #999999;
 padding: 0 0 0 15px;}

span.kursiv 
{font-style: italic;}

/*      Footer
*************************************/

div.footer
{position: relative;
 top: 15px;
 font: 0.8em verdana;
 color: #cccccc;}