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

body {
background: #222 url('../gfx/headergrunge.jpg') repeat-x;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 18px;
color: #fff
}

a {
text-decoration: none;
}

input {
background: #333;
font-family: Verdana;
font-size: 0.7em;
padding: 3px;
color: #f4f4f4;
border: 2px solid #555;
}
	
button {
background: #222;
font-family: Verdana;
font-size: 0.7em;
padding: 2px;
color: #f4f4f4;
border: 2px solid #444;
height: 2em;
}

table {
font-size: 80%;
text-decoration: none;
}


/**** Span Klassen *****/

.hidden { text-indent: -9000px;}
.br { clear: both;}
.pink { color: #D01A71;}
.small { font-size: x-small;}
.large { font-size: xx-large;}
.right { float: right;}
.left { float: left;}
.center { margin: 0 auto; text-align: center;}


/**** Site Container ****/

#ad {
float: right;
width: 180px;
margin-top: 35px;
margin-left: 30px;
}

#container {
width: 960px;
}

/***Header***/

 
#logo {
float: left;
}

#logo h1 { 
margin-top: 30px;
margin-left: 10px;
font-size: 1.6em;
letter-spacing: -0.1em;
}

/***left Side Bar***/

#navlist {
float: left;
width: 170px;
margin-top: 35px;
margin-left: 5px;
}

 
#navlist ul {
list-style: none;
}

#navlist li a {
display: block;
height: 25px;
width: 120px; 
padding: 9px;
margin: 5px;
background: inherit;
border-right: 4px solid #444;
color: #999;
text-transform: none;
font-size: 0.9em;
}
 
#navlist li a:hover {
color: #f4f4f4;
background: #333;
border-right: 4px solid #D01A71;
}
 
#navlist li .active {
color: #999;
background: #333;
border-right: 4px solid #444;
}

/***Content***/

#content {
float: left;
width: 550px;
margin-top: 35px;
margin-left: 2px;
text-align: justify;
}

#content a {
color:#D01A71;
font-weight: bold;
}

#content a:hover { 
color: #fff; 
background: #D01A71; 
font-weight: bold;
}
 
#content p {
line-height: 1.4em;
font-size: 0.7em;
margin-bottom: 20px;
color: #f4f4f4;
}

 
#content h3 {
text-indent: 10px;
color: #999;
margin-bottom: 8px;
}

#content h3:hover {
color: #D01A71;
}

#content .code{
color: #444;
background: #F4f4f4 url('../gfx/codenums.png') repeat-y;
border: 1px solid #ccc;
padding-left: 25px;
font-family: "courier new", helvetica, "times new roman", monospace;
font-size: 0.8em;
width: 470px;
margin: 2px auto;
white-space: nowrap;
overflow: auto; padding-right:1px; padding-top:1px; padding-bottom:1px
}
	  
#content code {
color: #fff;
font-family: "courier new", helvetica, "times new roman", monospace;
background-color: #333;
font-size: 1.2em;
}

#content blockquote { color: #999; font-style: italic; text-align: center; width: 300px; margin: 10px auto;}

/***Bilder***/

img.left {margin: 0.70em 1.5em 0.75em 0; float: left; padding: 4; border: 0px solid #555;}
img.right {margin: 0.70em 0 0.75em 1.5em; float: right; padding: 4; border: 0px solid #555;}
a img {border: 0px;}

/***Footer***/

#footer {
text-align: center;
color: #666;
margin-top: 30px;
font-size: 0.7em;
}
 
#footer p {
color: #666;
}
 
#footer a {
color: #666;
}
 
#footer a:hover {
color: #f4f4f4;
}