html {
  padding:0px;
  margin:0px;
}

body {
  background-color: black;
  color:white;
  font-size: 12px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;

  padding:0px 20px;
  margin:10px;

}


 a:link  {
         color:#FFFFFF;
         font-weight:bold;
         }
 a:visited{color:#AFAFAF;font-weight:bold;}
 a:hover{color:#8F8F8F;font-weight:bold;}
 a:active{color:#fff;font-weight:bold;}

#left
{
        width: 25%;
        float: left;



}
#right
{
        margin-left:26%;



}
#top
{
padding:2px;
padding-left:25px;
background-color:#4B4B4B;
text-align:left;
}
#bottom
{

background-color:#4B4B4B;
text-align:right;
padding:5px;
clear:both;
}

#logo
{
text-align:right;
}


 #navcontainer
 {
 width: 200px;
 padding-top:10px;

 }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 160px;
background-color: #4B4B4B;
margin:2px;
}

#navcontainer form #q
{
padding: 1px;
width: 162px;
background-color: white;
color:black;
margin:2px;
border:1px dotted #4B4B4B;
}
#navcontainer a:link, #navlist a:visited
{
color: white;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #DFDFDF;
color: black;
}

hr.trenn
{

background-color:#FFFFFF;
color:#FFFFFF;
border: #FFFFFF;
height: 1px;
width:100%;
}
.post
{
padding:5px;
}


.post .cite
{
margin-left:20px;
margin-right:20px;
border-left:5px solid white;
background-color:#AFAFAF;
color:black;
padding:5px;
}
.postinfo
{
font-family:monospace;
}
.code
{
height:100px;
overflow:auto;
font-size:90%;
font-family:monospace;
margin-left:20px;
margin-right:20px;
border-left:1px solid silver;
background-color:white;
color:black;
padding:5px;
}


#navcontainer2
 {
 width: 200px;
 padding-top:20px;

 }

#navcontainer2 ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer2 a
{
display: block;
padding: 3px;
width: 160px;
background-color: #4B4B4B;
margin:2px;
}

#navcontainer2 a:link, #navlist2 a:visited
{
color: white;
text-decoration: none;
}

#navcontainer2 a:hover
{
background-color: #DFDFDF;
color: black;
}
.desc
{
  font-weight:bold;
}


label
{

font-family:monospace;
}
input, textarea, select, option
{
border:none;
width:300px;
background-color:#4B4B4B;
color:white;
}
input:focus{background-color:#7F7F7F;}
textarea
{
height:150px;
}
.button
{
width:100px;
margin-top:5px;
}
.box
{
  width:20px;
  margin-top:5px;
}
.c_link
{
  text-align:right;
}
.comment
{
  background-color:#414141;
  padding:5px;
}

 a:link.logolink  { text-decoration:none;}
 a:visited.logolink{ text-decoration:none;}
 a:hover.logolink{ text-decoration:none;}
 a:active.logolink{ text-decoration:none;}
 #start p{line-height:26px;}
 .checkb {width:20px;}
 td.mitte{text-align:center;}
#qb{
  width:100px;
  background-image:url(img/lupe.png);
background-repeat:no-repeat;
background-position:center;
  }
  #komail{float:left;border-right:1px solid white;margin-right:10px;padding-right:10px;}
  #impress_content{overflow:auto;height:300px;text-align:justify;padding-right:10px;}
  .fett{font-weight:bold;}
  .credit{text-align:center;font-size:0.8em;}
  img{border:none;}
  .cal td {border-right:1px solid #707070;border-bottom:1px solid #707070; border-top:1px solid #9A9A9A;border-left:1px solid #9A9A9A;}
  table.cal{width:180px;}
  #kalender{display:none;margin-left:-60px;}
  .kalend{margin-left:60px;}
  .kalend:hover #kalender{display:block;}
  #motto{
position:bsolute;top:5px;left:5px; padding:5px;text-align:left;
background-image:url(404gold.png);
background-repeat:no-repeat;
background-position:100% 300%;

}
#lastcomment
{
	width:170px;
	height:200px;
	overflow:auto;
	margin-bottom:5px;
}
#lw{width:170px;}
  <!--[if IE]>
  #kalender{display:block;margin-left:-60px;}

   <![endif]-->