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

 html,body {
 background:#1e1e1e;
 font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#000;
 }


 div#wrapper {
 text-align:left;
 margin:0 auto;
 width:935px;
 }


 div#header {
 width:100%;
 height:127px;
 text-align:right;
 background:url(http://www.stereoblogger.de/images/stereoblogger_logo.png) no-repeat;
 margin:10px 0 0 0;
 }
 
 .nav {
 margin:107px 10px auto;
 vertical-align:text-bottom;
 float:right;
 height: 20px;
 width: 600px;
 }
 
 div#heikoeckert {
 width:368px;
 height: 96px;
 float:left;
 background:url(http://www.stereoblogger.de/images/left_he.jpg) no-repeat;
 margin: 10px 0 0 0;
 } 
 
 div#morphcoresound {
 float:left;
 width:182px;
 height: 96px;
 background:url(http://www.stereoblogger.de/images/player_bg.png) no-repeat;
 margin:10px 8px 0 9px;
 }
 
 div#heikoditges {
 width:368px;
 height: 96px;
 background:url(http://www.stereoblogger.de/images/right_hd.jpg) no-repeat;
 float:left;
 margin: 10px 0 0 0;
 }


 
 div#left {
 width:368px;
 float:left;
 margin:10px 0 10px 0;
 }
 
 .contentheader {
 background:url(http://www.stereoblogger.de/images/content_top.jpg) no-repeat;
 width:368px;
 height:11px;
 }

 .content {
 background:url(http://www.stereoblogger.de/images/content_bg.jpg)  repeat-x;
 background-color:#000;
 border-left:#fff 1px solid;
 border-right:#fff 1px solid;
 width:366px;
 color:#ccc;
 }
 
 .ditges {
 margin: 0 10px 0 10px;
 line-height : 150%;
 text-align: justify;
 }

 .eckert {
 margin: 0 10px 0 10px;
 line-height : 150%;
 text-align: justify;
 }
 
 .contentfooter {
  background:url(http://www.stereoblogger.de/images/content_down.jpg) no-repeat;
  width:368px;
  height:16px;
 }
 
 div#middle {
 float:left;
 width:182px;
 margin:10px 8px 10px 9px;
 }

 .middleheader {
 background:url(http://www.stereoblogger.de/images/middle_top.jpg) no-repeat;
 width:187px;
 height:10px;
 }
 
 .middlebox {
 background:url(http://www.stereoblogger.de/images/content_bg.jpg)  repeat-x;
 background-color:#000;
 border-left:#fff 1px solid;
 border-right:#fff 1px solid;
 width:180px;
 color:#fff;
 }
 
 .middlefooter {
  background:url(http://www.stereoblogger.de/images/middle_down.jpg) no-repeat;
  width:182px;
  height:17px;
 }

 div#right {
 width:368px;
 float:left;
 margin:10px 0 10px 0;
 }

 div#footer {
 width:100%;
 background:#555;
 text-align:center;
 color:#575758;
 line-height:30px;
 clear:left
 }
/* ausrichten */

 .he {
 margin:5px 80px 5px 5px;
 color:#fff;
 }

 .hd {
 margin:5px 5px 5px 80px;
 color:#fff;
 }

.adsense {
 margin:30px 10px 0px 10px;
 line-height : 140%;
 }
 
 /*überschriften*/
 h1 {
 color:#21d2ff;
 border-bottom: 1px solid #21d2ff;
 width:100%;
 font-family: Arial, Helvetica, sans-serif;
 font-size:20px;
 font-weight: bold;
 margin: 0px 10px 10px 5px;
 }
 
 .ditges h2, .eckert h2 {
 color:#21d2ff;
 border-bottom: 1px solid #21d2ff;
 width:100%;
 font-family: Arial, Helvetica, sans-serif;
 font-size:14px;
 font-weight: bold;
 margin: 0px 10px 10px 5px;
 }
 h2 {
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size:20px;
 font-weight:normal;
 color:#21d2ff;
 }
 
  h3 {
 font-family:  Arial, Helvetica, sans-serif;
 font-size:16px;
 font-weight:bold;
 text-align:center;
 color:#21d2ff;
 }
 
 h4 {
 color:#21d2ff;
 border-bottom: 1px solid #21d2ff;
 width:100%;
 font-family: Arial, Helvetica, sans-serif;
 font-size:14px;
 font-weight: bold;
 margin: 0px 10px 10px 5px;
 }

 hr {
 border:solid #000 1px;
 background-color:#000;
 height:5px;
 margin:10px 0 50px 0;
 }
 
 /*navigation */
 .nav a, .nav a:link {
 text-decoration: none;
 padding: 0 5px;
 color:#21d2ff;
 font-family: Arial, Helvetica, sans-serif;
 font-size:16px;
 font-weight:bold;
 }

 .nav a:visited {
 color:#fff;
 font-family: Arial, Helvetica, sans-serif;
 font-size:14px;
 font-weight:bold;
 }

 .nav a:hover, #nav a:focus, #nav a:active {
 color: #ccc;
 }
  
 a, a:link {
 text-decoration: none;
 color:#21d2ff;
 font-family: Arial, Helvetica, sans-serif;
 font-weight:bold;
 }

 a:visited {
 color:#ccc;
 font-family: Arial, Helvetica, sans-serif;
 font-weight:bold;
 }

 a:hover, a:focus, a:active {
 color: #fff;
 }
 
 /*formular*/
fieldset {
 width: 30em;
 margin-left: 5px;
 margin-right: 5px;
 display: block;
 font-size: 12px;
 clear: both;
}

 * html fieldset {padding: 3px;}


label {margin: 5px 0;}

.kontaktdaten label {
 display: block;
 width: 5em;
 float: left;
 }

.anfrage label {
 display: block;
 width: 5em;
 float: left;
 }

input,textarea {
 margin: 3px 0;
 border: 1px solid #21d2ff;
 background: black;
 padding: 3px 3px;
 color:#CCC;
 }

input:active, input:focus, input:hover { background:#494949;}

.buttons {text-align: center;}