Hobbywebmaster

/* Gestalten der Links */
a:link {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

a:visited {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

a:hover {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

body {
background-color:#000000;}

*{ padding: 0; margin: 0; }

#Mein_Bild {
margin: 0 auto;
width: 980px;
height:500px;
background-image:url(http://i42.tinypic.com/20tgj8o.jpg);}

#header_container {display:none;}

#content {
position: absolute;
left: 50%;
top: 140px;
margin-left:-320px;
width: 590px;
height: 380px;
padding:10px;
color: #F2F2F2;
font-size:13px;
background-color:#343434;
background-image:url(https://img.webme.com/pic/f/free-picture/box08.jpg);
border: 1px solid #FFFFFF;
overflow:auto;}

#sidebar_container{
position: absolute;
left: 50%;
top:140px;
margin-left: 300px;
width: 190px;
height: 400px;
background-color:#343434;
background-image:url;
border:1px solid #FFFFFF;
color:#000000;
overflow:auto;}

#nav_container{
position: absolute;
left: 50%;
top:140px;
margin-left: -490px;
width: 160px;
border:1px solid #FFFFFF;}

ul#nav{
width: 130px;
padding: 0px;
margin: 0px;}

li.nav_element{
list-style-type: none;
position: relative;
padding:5px;
width: 115px;}

li.nav_element a{
display: block;
width: 115px;
padding:4px;
font-weight: bold;
text-decoration: none;
text-align: left;
color:#F2F2F2;
background-color:#343434;
background-image:url(https://img.webme.com/pic/s/success4you/navmulticolourdown.jpg);
border: 2px solid #000000;}

li.nav_element a:hover{
color: #0b5db3;
background-color:#C9C9C9;
background-image:url(https://img.webme.com/pic/s/success4you/colouart2.gif);}

#counter {
position: absolute;
left: 50%;
top:30px;
margin-left: 300px;
width: 150px;
height:20px;
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}