*       {padding: 0; margin: 0;}

html    {height: 101%;} 

body    {color: #000; background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; text-align: center;}

h1      {font-size: 18px; color: #999999; margin-bottom: 25px; }
h2      {font-size: 15px; color: #999999; margin-bottom: 5px;}
h3      {font-size: 12px; color: #999999; margin-bottom: 5px; margin-top: -5px;}

#wrapper        { color: #000000; background-color: #ffffff; width: 960px; margin-top: 10px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align: left;}
#kopfbereich    { position: relative; color: #000000; background-color: #fff;  padding-top: 10px;  padding-right: 20px;  padding-bottom: 0;  padding-left: 10px;  }

.logo           {  background-color: #ffffff;  padding: 0px;  float: left;  }
.logo img       { border: 0px; }
.seitentitel    { float: right; }

.clr            {clear: both;}
    
/**************************************************************************************************************
 * Meta-Navigation - Start
 * ***********************************************************************************************************/

.meta           { height: 25px;  background-image: url(bilder/meta-hg.gif);  width: 100%;  }

.metalink       { float:right;  margin-top: 2px;  }

.meta .metalink a       {color: #fff; text-decoration: none;} 
.meta .metalink a:hover {color: #fff; text-decoration: underline;}

div.metalink a          {margin-right: 10px;}

.metalink a:link,
.metalink a:visited    {  color: #fff;  font-weight: bold;  padding: 0px 0px 0 0;  text-decoration: none;  }

/**************************************************************************************************************
 * Meta-Navigation - Ende
 * ***********************************************************************************************************/

/**************************************************************************************************************
 * Navigation - Start
 * ***********************************************************************************************************/
#navibereich            {  width: 180px;  padding-left: 20px;  margin-top: 60px;  margin-left:0;  margin-right: 0px;  float: left;  line-height: 10px;  }


/* NAVI Unteren Rand entfernen durch ul margin-bottom vorgegeben*/
#navibereich ul {
    margin: 0px;
    padding: 0px;
    }
    
/* NAVI komplett neu gilt nur für die li-Elemente im navibereich */
#navibereich li {
    list-style: none; 
    margin: 0; 
    padding: 0;
    }    

#navibereich ul li {
    margin-top: 10px;
    padding: 0px;
    }

#nav2 li {
    margin-left: 15px;
    }
    
#nav li a,
#nav li ul li a,
#nav li.aktiv ul li a {
    display: block;    
    text-decoration: none;
    background-color: #fff; 
    line-height: 12px;
    padding: 0 0 4px 0;
    margin-top: 0px;
    border-bottom: 1px dotted #999;
    color: #999;
    }    

a:active {
    color: #000;
    }
    
#nav li a:hover,
#nav li.aktiv ul li a:hover {
    color: #ccc;
    }

#nav li.aktiv a,
#nav li.aktiv ul li.aktiv a {
    color: #000;
    }

/**************************************************************************************************************
 * Navigation - Ende
 * ***********************************************************************************************************/


/**************************************************************************************************************
 * Content Bereich 
 * ***********************************************************************************************************/
#content                {width: 960px;}

#contentrechts          {  float: right;  margin-left: 20px;  margin-bottom: 20px;  margin-top: 25px; width:300px;}

#contentrechts img      {  padding: 3px; border: 2px solid #999; }

#textbereich            {  float:right;  width: 720px;  padding-top: 25px;  padding-right: 20px;  padding-bottom: 20px;  margin-left: 20px;  }

#fussbereich            {  padding: 20px;  padding-top: 10px; /*Reihenfolge BOX-Modell content - padding - border - margin */  border-top: 1px solid #8c8c8c;  margin-top: 20px;  }
    
a                       {text-decoration: none;} 
a:link                  {color: #cc99ff; font-weight: normal; text-decoration: underline;}
a:visited               {color: #cc99ff; font-weight: normal; text-decoration: underline;}
a:hover, a:focus        {text-decoration: underline; color: #999;}
a:active                {color: white; background-color: #cc99ff;}

p, #textbereich ul      {  margin-top: 0;  margin-right: 0;  margin-bottom: 10px;  margin-left:0;  }

#textbereich ul         { font-family: arial, sans-serif;  margin-top: 5px;}

ul ul                   {margin: 0;}

#textbereich li         {  margin-top: 2px;  margin-right: 0;  margin-bottom: 0;  margin-left: 35px;  }

#textbereich .csc-textpic li         {  margin-top: 0;  margin-right: 0;  margin-bottom: 10px;  margin-left: 10px;  }

img { border: none; }

hr { border-top: 1px solid #999; border-bottom: 0; border-left: 0; border-right: 0; }