/* Allgemeine Formatierungen */

body {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000000;background-color:#e6e6e6;}
* {margin:0px;padding:0px;}
h1,h2,h3,h4,h5,h6 {color:#000;text-transform:lowercase;}	
a {	font-weight:normal;text-decoration:underline;color:#0064b9;outline:none;}
a img {border:none;}
a:hover {color:#0064b9;text-decoration:none;}
li {margin:10px;list-style:inside;}
ol li {list-style:decimal;}


/* Div Tags */

#webdesign {background-color:#fff;width:759px;height:auto;overflow:auto;float:left;}
#header {float:left;}
#header_left {width:438px;text-align:right;float:left;background-color:#fff;}
#navi {background-image:url(images/hammerdesigns_06.jpg);width:739px;height:63px;text-align:left;padding-left:20px;float:left;padding-top:5px;}
#bg {background-image:url(images/hammerdesigns_04.jpg);width:206px;height:311px;float:left;}
#content {width:659px;height:auto;float:left;padding:50px;text-align:left;line-height:1.5em;}
#footer {clear:both;width:759px;height:auto;color:#000;padding-top:20px;font-size:10px;text-align:center;background-color:#e6e6e6;}


/* Klassen */

.navigation {color:#000;text-decoration:none;display:block;font-weight:normal;float:left;border-right:1px solid #000;padding:0px 15px;}
.navigation:hover {text-decoration:underline;color:#000;}
.navigation.active {font-weight:bold;color:#000;}
.ref_1 {background-image:url(refs/domainakquise.jpg);width:630px;height:80px;display:block;color:#fff;text-align:left;padding-top:120px;padding-left:20px;}
.ref_1 a {color:#fff;}
.ref_1 h3 {color:#fff;margin:0px;display:inline;}
.ref_2 {background-image:url(refs/rasen.jpg);width:630px;height:80px;display:block;color:#fff;text-align:left;padding-top:120px;padding-left:20px;}
.ref_2 a {color:#fff;}
.ref_2 h3 {color:#fff;margin:0px;display:inline;}
.ref_3 {background-image:url(refs/kopfhoerer.jpg);width:630px;height:80px;display:block;color:#fff;text-align:left;padding-top:120px;padding-left:20px;}
.ref_3 a {color:#fff;}
.ref_3 h3 {color:#fff;margin:0px;display:inline;}



/* CMS Formatierungen */
.box {  border:1px solid #3f7400; padding:7px 1%; margin:1%; float:left; overflow:hidden; }
.full { width:95%;  }
.half { width:45%; }
.box h2 { color:#555; font-size:12px; border-bottom:1px solid #555; margin-bottom:5px; padding-bottom:2px; }
.box img { }
.box a.link { border-top:1px solid #555; display:block; text-align:right; padding:3px 10px; margin-top:3px; }
/* Kontakt  */
form { background:#fff; padding:10px; margin:10px;}
form fieldset { border:0; }
form * { font-family:Arial, Helvetica,Verdana, sans-serif;font-size:12px; }
form input { border:1px solid #ccc; padding:3px 7px; width:300px; margin:2px 0; background:#FFF;}
form textarea { border:1px solid #ccc; padding:7px 7px; width:490px; margin:2px 0;}
form input#submit { width:auto !important;}
input:focus,textarea:focus { border:1px solid #999; background:#e1e1e1;}
/* Sitemap */
.ebene1 { padding-left:0px; }
.ebene2 { padding-left:20px; }
.ebene3 { padding-left:40px; }
/* Allgemein */
.clear { clear:both; }

#newsletter input { width:170px; }
#newsletter input#newslettersubmit { width:100px; }

.votebar { width:150px; background:#000; height:10px; line-height:0; font-size:0; }
.votebar_active { height:10px; background:red; line-height:0;  font-size:0; }