html, body, div, p, h1, h2, h3, ul, ol,
span, a, table, td, form, img, li {
margin: 0;
padding: 0;
}
body{
background-color: #ffffff;
margin: auto;
background-image: url("../bilder/hg.jpg");
background-repeat: repeat-x;
}
#aktuelles-projekt{
width: 220px;
height: 30px;
background-image: url("../bilder/startseite/aktuelles-projekt.jpg");
position: absolute;
top: 0px;
right: 0px;
padding-top: 100px;
padding-left: 280px;
}
.clr{ clear: both; }
#logo{ position:absolute; left: 20px; top: 25px; border: 0; }
#frosch{ position: absolute; left: 20px; top: 188px; }
#container-oben{ position: absolute; left: 230px; top: 151px; background-image: url("../bilder/cont_oben.jpg"); width: 764px; height: 187px; padding-top: 24px; padding-left: 28px;}
#container-mitte{ position: absolute; left: 230px; top: 362px; background-image: url("../bilder/cont_mitte.jpg"); width: 720px; min-height: 1000px; padding-left: 36px; padding-right: 36px; }
#container-mitte hr{ background-color: #e3e3e7; color: #e3e3e7; border: 0; height: 1px; margin-bottom: 20px;}
#container-mitte ul{ margin-left: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #87888a; text-decoration: none; line-height: 19px; margin-bottom: 20px; }
#container-mitte ul li{ margin-top: 10px; }
#navigation{ position: absolute; left: 20px; top: 362px; width: 220px; }
#navigation ul{ list-style-type: none; display: block; }
#navigation ul li{ list-style-type: none; display: block; border-top: 1px dashed #a9a9a9;}
#navigation ul li a{ display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #87888a; text-decoration: none; line-height: 24px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px;}
#navigation ul li a:hover{ color: #004d9b; }
#navigation ul li ul li { margin-left: 15px;}
#navigation ul li ul li a{ font-size: 11px;}
#seitencontainer{ position: absolute; top: 360px; left: 1020px; width: 180px; }
/*#twitter_div{ width: 180px; background-color: #004d9b; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; padding: 10px; border-bottom: 1px solid #000000; border-right: 1px solid #000000; margin-bottom: 16px;}
#twitter_div li{ margin-top: 10px; border-bottom: 1px dotted #FFFFFF; list-style-type: none; padding-bottom: 10px;}
#twitter_div a{ color: #FFFFFF; } */
#twitter_div{ width: 200px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #87888a; margin-bottom: 16px; background-image: url("../bilder/twitter/hg.jpg");}
#twitter_div H2{ font-size: 13px; width: 192px; padding-left: 8px; padding-top: 8px; height: 29px; background-image: url("../bilder/twitter/oben.jpg");}
#twitter_div li{ margin-top: 10px; margin-left: 8px; margin-right: 8px; border-bottom: 1px dotted #87888a; list-style-type: none; padding-bottom: 10px;}
#twitter_div a{ color: #87888a; }
#xing{ margin-top: 20px; }
#facebook{ margin-top: 20px; }
.anfahrtsskizze{ margin-left: 30px; margin-bottom: 20px; }
#formular{ width: 550px; margin-bottom: 30px; padding-left: 30px; padding-bottom: 30px; background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #87888a;}
#formular label{ float: left; display: inline; width: 200px; margin-bottom: 10px; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #87888a; text-decoration: none; }
#formular .textfeld{ float: left; display: inline; width: 300px; margin-bottom: 10px; border: 1px solid #CECECE; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #87888a; text-decoration: none;}
#formular br{ clear: both; }
#formular .absenden{ margin-left: 200px; border-left: 1px solid #d4d7da; border-top: 1px solid #d4d7da; border-right: 1px solid #b8b7b7; border-bottom: 1px solid #b8b7b7; background-color: #CECECE; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; padding: 2px; width: 112px;}
#login{ position: absolute; top: 176px; left: 1030px; width: 180px; }
#login p{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none;}
#login label{ float: left; display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; width: 60px; margin-bottom: 10px;}
#login .text{ float: left; display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; background-color: #0462c1; text-decoration: none; width: 100px; border: 1px solid #d4d7da; margin-bottom: 10px;}
#login .absenden{ margin-left: 60px; border-left: 1px solid #d4d7da; border-top: 1px solid #d4d7da; border-right: 1px solid #000000; border-bottom: 1px solid #000000; background-color: #0462c1; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; padding: 2px; width: 102px; }
#rundbrief{ left: 20px; width: 200px; height: 150px; background-image: url("../bilder/hg_newsletter.jpg"); margin-top: 15px; }
#rundbrief p{ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #87888a; padding-left: 10px; padding-top: 10px; padding-bottom: 5px; text-decoration: none; }
#rundbrief label{ float: left; display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #87888a; text-decoration: none; width: 60px; margin-bottom: 10px; margin-left: 10px; }
#rundbrief .text{ float: left; display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #87888a; background-color: #ffffff; text-decoration: none; width: 110px; border: 1px solid #d4d7da; margin-bottom: 10px;}
#rundbrief .absenden{ margin-left: 70px; margin-bottom: 10px; border-left: 1px solid #d4d7da; border-top: 1px solid #d4d7da; border-right: 1px solid #b8b7b7; border-bottom: 1px solid #b8b7b7; background-color: #CECECE; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; padding: 2px; width: 112px; }
.kasten{ left: 20px; width: 200px; height: 150px; background-image: url("../bilder/hg_newsletter.jpg"); margin-top: 15px; }
.kasten h4{ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #87888a; padding-left: 10px; padding-top: 10px; padding-bottom: 5px; text-decoration: none; }
.kasten p{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #87888a; padding-left: 10px; padding-bottom: 5px; text-decoration: none; }
.kasten a{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #87888a; text-decoration: underline; }
.validhtml{ position: absolute; top: 1020px; left: 1020px; }
.validcss{ position: absolute; top: 1020px; left: 1130px; }
#servicenavi{ position: absolute; top: 135px; left: 790px; }
#servicenavi li{ float: left; display: inline; list-style-type: none; margin-right: 5px; color: #ffffff;}
#servicenavi a{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; text-decoration: none; letter-spacing: 1px; }
.bild_rechts{ float: right; display: inline; margin-left: 20px; }
.bild_links{ float: left; display: inline; margin-right: 20px; }
.bild_10_20{ margin-top: 10px; margin-right: 20px; }
.zitat{ float: left; display: inline; width: 490px; color: #b8b9bc; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; line-height: 24px; }
.float-rechts{ float: right; display: inline; }
#twitter_icon { position: absolute; top: 250px; left: 1020px; text-decoration: none; background: url("../bilder/icons/twitter.png") no-repeat top left; background-position: 0px -35px; width: 35px; height: 35px; }
#twitter_icon:hover, #twitter_icon:active { background-position: 0px 0px; width: 35px; height: 35px; }
#facebook_icon { position: absolute; top: 250px; left: 1060px; text-decoration: none; background: url("../bilder/icons/facebook.png") no-repeat top left; background-position: 0px -35px; width: 35px; height: 35px; }
#facebook_icon:hover, #facebook_icon:active { background-position: 0px 0px; width: 35px; height: 35px; }
#blog_icon { position: absolute; top: 250px; left: 1100px; text-decoration: none; background: url("../bilder/icons/blog.png") no-repeat top left; background-position: 0px -35px; width: 35px; height: 35px; }
#blog_icon:hover, #blog_icon:active { background-position: 0px 0px; width: 35px; height: 35px; }
#rss_icon { position: absolute; top: 250px; left: 1140px; text-decoration: none; background: url("../bilder/icons/rss.png") no-repeat top left; background-position: 0px -35px; width: 35px; height: 35px; }
#rss_icon:hover, #rss_icon:active { background-position: 0px 0px; width: 35px; height: 35px; }
#xing_icon { position: absolute; top: 250px; left: 1180px; text-decoration: none; background: url("../bilder/icons/xing.png") no-repeat top left; background-position: 0px -35px; width: 35px; height: 35px; }
#xing_icon:hover, #xing_icon:active { background-position: 0px 0px; width: 35px; height: 35px; }