body
{
  margin: 0;
  padding: 0;
  /*font-family: georgia, times, "times new roman", serif;*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #999999;
  background-color: #ddd;
}

#container
{
  margin: 1em 2%;
  background-color: #FFF;
  background-image:  url(../img/variation1.gif);
  background-repeat: repeat-y;
  border: 1px solid #333;
  width: 90%;
  /*min-width: 869px;*/
}

#head
{
  background-color: #fff;
  border-bottom: 10px solid #CCCCCC;
}

#head h1
{
  margin: 0;
  padding: .5em;
}

#hauptnav {
  /*	float:left;
  width: 750px;*/
  height: 50px;
  padding-left: 180px;
  margin: 0px;
  /*	background-image: url(/images/navbg.gif);
  background-repeat: repeat-x;*/
}
#hauptnav p {
  font-size: 11px;
  padding: 0px;
  margin: 0px;
  display: inline;
}

#hauptnav img {
  margin-top: 3px;
}

#hauptnav a, #hauptnav a:link, #hauptnav a:visited {
  margin: 0px;
  padding: 0px;
  text-decoration: none;
}
#hauptnav a:hover, #hauptnav .selected a {
  margin: 0px;
  padding: 0px;
  border-bottom: 2px solid #830659;
}

#nav
{
  float: left;
  width: 200px;
  color: #666666;
  font-weight: bold;
  display: block;
}

#nav ul { 
  list-style-type:none;
  margin-top:10px;
}

#nav li { 
  margin-bottom: 5px;
  margin-left: -20px;
}


#nav ul a { 
  color: #666666; 
  font-weight: bold; 
  text-decoration:none;
}

#nav ul a:hover{ 
  color: #830659; 
}

#nav .selected a{
  color: #830659; 
  cursor: default;
}

#content
{
  padding-top: 1em;
  margin: 0 2em 0 220px;

}

#content h1 { 
  background-image: url(h1bg.gif);
  background-position: 0px 3px;
  background-repeat: no-repeat;
  padding-top: 0px;
  padding-bottom: 5px;
  padding-right: 10px;
  padding-left: 35px;
  margin-top: 0px;
  margin-bottom: 5px;
  color: #830659;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
}

#content h2 { 

  padding-top: 0px;
  padding-bottom: 5px;
  padding-right: 10px;
  padding-left: 35px;
  margin-top: 0px;
  margin-bottom: 5px;
  color: #666666;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
}


#content h3 { 
  clear:left;
  background-image: url(h1bg.gif);
  background-position: 0px 3px;
  background-repeat: no-repeat;
  padding-top: 0px;
  padding-bottom: 5px;
  padding-right: 10px;
  padding-left: 35px;
  margin-top: 0px;
  margin-bottom: 5px;
  color: #830659;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
}

.breadcrumb{
  font-size: 10px;
  font-style: italic;
  text-decoration:none;
  color:#999999;
}
.breadcrumb a:hover{
  text-decoration:underline;
}


#artikeltext {
  float:left;
  width: 700px;
  background-color:#F2F2F2;
  padding: 5px;
  margin-bottom:10px; 
  color:#333333;
}

#artikelimage {
  float:right;
  padding: 5px;
  margin-bottom:10px; 
}

#artikeltext p{
  margin-top:0px;
  margin-bottom:10px;
}

#footer, #footer a
{
  clear: both;
  background-color: #fff;
  padding-top: 5px;
  text-align: center;
  border-top: 10px solid #CCCCCC;
  height:20px;
  font-size: 9px;
  color: #999999;
  text-decoration:none;
}

#footer a:hover {color: #830659; }