* {
 margin:0;
 padding:0;
}
html {
 background:url("media/bg.gif") center top;
}
body {
 font-size:100.01%;
 font-family:tahoma, arial, verdana, sans-serif;
 text-align:center;
 color:#2D2920;
 letter-spacing:0.05em;
 margin-bottom:25px;
}
#structure {
 margin:25px auto 0 auto;
 background:url("media/structurebg.png") repeat-y;
 text-align:left;
 width:620px;
 font-size:0.8em;
}
#head {
 background-image:url("media/head.jpg");
 height:220px;
 width:620px;
}
#footer {
 background-image:url("media/footer.png");
 height:70px;
 width:620px;
 text-align:center;
}
#menu {
 background-image:url("media/menue/bg.png");
 height:28px;
 margin:0 10px;
 list-style-type:none;
}
#content_position {
 margin:20px 30px;
 padding:0;
}
#content {
 float:left;
 width:340px;
}
#subcontent {
 float:right;
 width:180px;
 background:url("media/news_top.png") no-repeat top left;
 background-color:#86BB47;
}
h1 img, h2 img {
 margin-right:5px;
}
h1 {
 color:#443F32;
 margin-top:20px;
 padding:0 0 5px 0;
 font-size:1.2em;
 background:url("media/h1_bg.gif") bottom repeat-x;
}
h1 span {
 letter-spacing:-0.1em;
 font-weight:lighter;
}
h2 {
 color:#443F32;
 padding:0 0 5px 0;
 font-size:1.2em;
 margin:15px 0 5px 0;
 background:url("media/h2_bg.gif") bottom repeat-x;
}
h3 {
 color:#443F32;
 font-size:1.1em;
 background:url("media/h3_bg.gif") bottom repeat-x;
 margin:15px 10px 3px 10px;
 padding:0 0 3px 0;
}
h4 {
 font-family: Georgia, 'Times New Roman', serif;
 color:#443F32;
 font-size:4em;
 float:left;
 margin:20px 10px 0 0;
}
h5 {
 float:left;
 font-size:1.2em;
 margin-top:48px;
}
.hr {
 margin:20px 0 0 15px;
 height:1px;
 font-size:0;
 background:url("media/bg.gif") center top;
}
p {
 font-size:1em;
 line-height:1.5;
 margin:0 0 0 10px;
 text-align:justify;
 padding:5px;
 color:#333;
}
p img {
 float:left;
 margin-right:15px; 
}
acronym:hover {
 cursor:help;
 color:#A1D860;
 border-color:#A1D860;
}
#content p a, #content ul li a {
 color:#9BB0C0;
 text-decoration:none;
 font-weight:bold;
}
#content p a:hover, #content ul li a:hover {
 color:#000;
 background-image:url("media/link_hover.gif");
}
#content ul {
 list-style-image:url("media/linkliststyle.png");
 margin-left:40px;
}
#content ul li {
 line-height:1.5em;
}
#sitemap {
 list-style-image:none;
 list-style-type:none;
 margin:30px 20px;
}
/** Menue *********************************************************************/
#menu li {
 display:block;
 float:left;
}
#menu li#control {
 float:right;
 margin:4px 4px 0 0;
}
#menu li a {
 text-decoration: none;
 display: block;
 height:28px;
 margin:0 10px;
 background-position:top left;
}
#menu li a:hover {
 background-position:bottom left;
}
#menu li a.activeMenue {
 background-position:bottom left;
}
.startseite {
 background-image:url("media/menue/startseite.png");
 width:70px;
}
.service {
 background-image:url("media/menue/service.png");
 width:50px;
}
.referenzen {
 background-image:url("media/menue/referenzen.png");
 width:72px;
}
.getstyle {
 background-image:url("media/menue/getstyle.png");
 width:59px;
}
.links {
 background-image:url("media/menue/links.png");
 width:41px;
}
.kontakt {
 background-image:url("media/menue/kontakt.png");
 width:57px;
}
.pagerank {
 background-image:url("media/menue/pagerank.png");
 width:107px;
}
#menu a span {
 display:none;
}
#menu #control a {
 display:inline;
 margin:0 2px;
 height:1%;
}
#control img {
 border:0;
}
/** Footer *******************************************************************/
#footer p {
 padding-top:10px;
 color:#527B21;
 text-align:center;
}
#footer p a {
 color:#527B21;
 text-decoration:none;
}
#footer p a:hover {
 text-decoration:underline;
}
#footer img {
 border-style:none;
}
/** Kontaktformular ***********************************************************/
#kontaktformular {
 margin:20px 0 0 20px;
 font-size:11px;
}
#kontaktformular ul {
 list-style-image:none;
 list-style-type:none;
 margin:0;
 padding:0;
}
#kontaktformular ul li{
 margin:2px 0;
}
#kontaktformular .normal {
 height:22px;
 background:url("media/formular/labelbg.png") no-repeat left top;
}
#kontaktformular .big {
 height:150px;
 background:url("media/formular/labelareabg.png") no-repeat left top;
}
#kontaktformular input, #kontaktformular textarea {
 padding:1px 5px;
 border:0px solid #FFF;
 background:transparent;
 margin-top:2px;
}
address {
 padding:5px 15px;
 font-style:normal;
}
address img {
 border:0;
 margin:4px 0 0 -1px;
}
#kontaktformular label {
 display:block;
 float:left;
 color:#A2DD5C;
 width:58px;
 text-align:right;
 padding-right:2px;
 margin-top:4px;
 letter-spacing:0;
}
#error {
 font-size:1.2em;
}
#error ul {
 margin:10px 0 10px 30px;
 list-style-image:url("media/linkliststyle.png");
}
#senden input{
 background:url("media/formular/senden.png") no-repeat left top;
 margin:15px 0 0 240px;
 padding:0;
 width:60px;
 height:22px;
 display:block;
 background-color:#FFF;
}
#senden input:hover {
 background-position:left bottom;
}
/** Referenzen ****************************************************************/
.ref {
 margin:0 0 0 15px;
}
/** newsfooter ****************************************************************/
#newsfooter {
 height:14px;
 background:url("media/news_bottom.png") no-repeat bottom left;
}
/** subcontent ****************************************************************/
#subcontent {
 padding-top:10px;
}
#subcontent p {
 text-align:left;
}
#structure div#subcontent ul {
 list-style-type:none;
 list-style-image:none;
 margin:0 10px 0 10px;
}
#structure div#subcontent p#error {
 border-top:3px solid #443F32;
 margin:10px 2px 5px 2px;
 padding:2px;
}
#subcontent ul.list li {
 padding:2px 0 2px 5px;
}
#subcontent ul li {
 border-bottom:1px solid #7BB03D;
}
#subcontent p a {
 display:block;
 float:left;
 padding:2px;
 border:1px solid #443F32;
 margin:5px;
 width:30px;
 height:30px;
}
#subcontent p a img {
 border-width:0;
}
#subcontent p a:hover {
 background-color:#FFF;
}
#structure div#subcontent ul li a {
 display:block;
 width:158px;
 padding:2px 0 2px 2px;
 color:#000;
 text-decoration:none;
}
#structure div#subcontent ul li a:hover {
 color:#A2DD5C;
 background-image:none;
 background-color:#443F32;
}
/** Login *********************************************************************/
#structure div#subcontent #login_form {
 margin:10px;
}
#structure div#subcontent #login_form ul {
 margin:0;
 padding:0;
}
#structure div#subcontent #login_form ul li {
 border:0;
}
#structure div#subcontent #login_form ul li.text {
 background:url("media/logintext.png") top center no-repeat;
 width:130px;
}
#structure div#subcontent #login_form ul li input {
 padding:1px 5px;
 border:0px solid #FFF;
 background:transparent;
 margin-top:2px;
 height:22px;
}
#structure div#subcontent #login_form ul li.login input{
 background:url("media/login.png") no-repeat left top;
 margin:15px 0 0 69px;
 padding:0;
 width:60px;
 height:22px;
 display:block;
}
#structure div#subcontent #login_form ul li.login input:hover {
 background-position:left bottom;
}

