body {
    background-attachment:fixed;
    background:url(background.jpg) no-repeat top center #010717;
    color:#e2e2e2;
    font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
    font-size:75.00%;
    height:auto;
    margin-bottom:0;
    margin:0px;
    padding:0px;
    text-align:center;
    width:100%;
}

#shadow {
    background-attachment:fixed;
    background:url(background_shadow.jpg) no-repeat top center #000000;
}

 /* Framework */
#darkline {
    /* Workaround für IE6 */
 font-size:1px;
    background-image:url(background_startline.gif);
    background-repeat:repeat-x;
    height:5px;
}

#container {
    margin:0px;
    padding:0px;
    text-align:left;
    text-align:left;
}

 #page {
    border:0px;
    margin:auto;
    padding:0px;
    width:1000px;
}

 #page_shadow {
    border:0px;
    font-size:120%;
    line-height:1.4em;
    margin:auto;
    padding-bottom:2em;
    padding-top:1em;
    padding:0px;
    width:740px;
}

 #header {
    height:115px;
    padding:0px;
}

 #logo {
    float:left;
    height:78px;
    margin-top:20px;
    width:214px;
}

 #navigation {
    background:url(background_menu.png) no-repeat top center;
    height:36px;
    margin-left:520px;
    padding:0px;
    width:480px;
}

 div.box_headline {
    height:40px;
    margin-bottom:20px;
    margin-left:23px;
    margin-top:30px;
    width:200px;
}

div.box {
    margin-left:35px;
    width:957px;
}

div.bgtop {
    background:url(background_top.png) no-repeat bottom center;
    height:16px;
    margin:auto;
    width:957px;
}

div.bgcen {
    background-repeat: repeat-y;
    background:url(background_center.png);
    margin:auto;
    width:957px;
}

div.bgcen #content_call {
    font-size:150%;
    line-height:1.5em;
    margin-left:27px;
    margin-right:27px;
}

div.bgcen #content {
    font-size:120%;
    line-height:1.5em;
    margin-left:27px;
    margin-right:27px;
    padding-bottom:10px;
}

 div.bgcen .contentseo {
    font-size:120%;
    line-height:1.5em;
    margin-left:27px;
    margin-right:27px;
    padding-bottom:10px;
}

 div.bgcen #form {
    font-size:120%;
    line-height:1.1em;
    margin-left:27px;
    margin-right:27px;
    min-height:450px;
    padding-bottom:10px;
}

div.referenzen {
    border-bottom:1px dashed #494949;
    height:340px;
    margin-bottom:20px;
    margin-top:30px;
}

div.bgbot {
    background:url(background_bottom.png) no-repeat top center;
    height:17px;
    margin:auto;
    width:957px;
}

#socialnetworks {
    float:right;
    margin-right:200px;
    width:360px;
}

 #footer {
    background:url(background_footer.png) no-repeat top center;
    height:50px;
    margin-top:75px;
    width:100%;
}

#footer_content {
    margin:auto;
    text-align:left;
    width:1000px;
}

#footer #imprint {
    float:left;
    font-size: 85%;
    margin:auto;
    padding-left:20px;
    padding-top:20px;
    text-align:left;
    width:600px;
}

div.right {
    float:right;
    margin-bottom:20px;
    margin-left:20px;
    margin-top:20px;
}

/*Hauptmenü und Footericons*/
#navigation i, #footericon i {
    display:none;
    margin:0px;
    padding:0px;
}

 #navigation a {
    float:left;
    height:23px;
    margin-left:5px;
    margin-top:4px;
    padding:0px;
    width:101px;
}

#navigation a.referenzen {
    background:url(menu_referenzen.png) no-repeat 0 0;
}

#navigation a.service {
    background:url(menu_service.png) no-repeat 0 0;
}

 #navigation a.kontakt {
    background:url(menu_kontakt.png) no-repeat 0 0;
}

#navigation a.seo {
    background:url(menu_suchmaschinenoptimierung.png) no-repeat 0 0;
    width:60px;
}

#navigation a.blog {
    background:url(menu_blog.png) no-repeat 0 0;
    width:70px;
}

#navigation a:hover {
    background-position:0 50%;
}

#navigation a.active {
    background-position:0 50%;
}

#footericon a {
    float:right;
    height:33px;
    margin-left:14px;
    margin-top:12px;
    padding:0px;
    width:33px;
}

#footericon a.blog {
    background:url(menu_footer_blog.png) no-repeat 0 0;
}

#footericon a.twitter {
    background:url(menu_footer_twitter.png) no-repeat 0 0;
}

 #footericon a.gmail {
    background:url(menu_footer_gmail.png) no-repeat 0 0;
}

 #footericon a:hover {
    background-position:0 50%;
}

#footericon a:active {
    background-position:0 50%;
}

/*Fontlayout*/
img {
    border:0px;
}

p {
    margin:0px;
    padding-bottom:5px;
    padding-top:5px;
}

 h1,h2,h3,h4,h5,h6 {
    color:#90c200;
    font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
    font-weight:lighter;
    margin: 0em 0 0.3em 0;
    padding-top:0.4em;
}

h1 {
    font-size: 140%;
}

h2 {
    font-size: 120%;
    padding-top:1.2em;
}

h2.top {
    padding-top:0em;
}

 h2.referenzen {
    color:#f27800;
}

 h3 {
    color:#00c6ff;
    font-size: 110%;
}

 h4 {
    font-size: 105%;
}

 /*Listen*/
#vorteile {
    margin-bottom:20px;
    margin:0px;
    padding-left:10px;
    padding-right:10px;
}

#vorteile td {
    font-size:110%;
    line-height:1.6em;
    padding:5px;
}

/*Links*/
a {
    color:#cc0000;
    font-weight:300;
    text-decoration:none;
}

a:focus,a:hover,a:active {
    color:#cc0000;
    text-decoration:underline;
}

 #footer a.datenschutz {
    background:transparent;
    color: #00700e;
    font-weight: 100;
}

#footer a.datenschutz:focus, #footer a.datenschutz:hover,#footer a.datenschutz:active {
    background-color: transparent;
    color: #00700e;
    text-decoration:underline;
}

 #footer a.impressum {
    background:transparent;
    color: #0087a2;
    font-weight: 100;
}

#footer a.impressum:focus, #footer a.impressum:hover,#footer a.impressum:active {
    background-color: transparent;
    color: #0087a2;
    text-decoration:underline;
}

 #form_box {
    margin-top:28px;
}

.fieldclass {
    background-color:#404040;
    border:3px solid #202020;
    color:#dcdcdc;
    font-family:Arial, Helvetica, sans-serif;
    font-size:160%;
    margin-bottom: 20px;
    padding:10px;
    width:580px;
}

#submitter{
    background-color:transparent;
    background-image:url(submit.png);
    background-position:top;
    border:0px;
    cursor:pointer;
    display:block;
    height:40px;
    width:160px;
}

#submitter:hover{
    background-color:transparent;
    background-image:url(submit.png);
    background-position:bottom;
    border:0px;
    cursor:pointer;
    display:block;
    height:40px;
    width:160px;
}

 #formbox {
    margin-top:28px;
}

.hidden {
    display:none;
}

.formsection {
    overflow: visible;
    position: relative;
}

.formsection textarea, .formsection input {
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 8px;
    opacity: 1;
    padding: 9px 7px 10px;
    width: 500px;
}

.formsection textarea:focus, 
.formsection input:focus {
    border-color: rgba(82, 168, 236, 0.75);
    box-shadow: 0 0 18px rgba(82, 168, 236, 0.5);
}

.label {
    background:#202020;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: text;
    font-size: 13px;
    left: 1px;
    line-height: 12px;
    opacity:1;
    padding: 7px 14px;
    position: absolute;
    top: 14px;
    white-space: nowrap;
    z-index: 1;
}

.mandatory {
    color: red;
    font-size: 30px;
    left: 493px;
    position: absolute;
    top: 12px;
}

.formsection textarea:focus + .label, 
.formsection input:focus + .label {
    opacity:0.3;
    background:none;
}

.formsection textarea:focus + .label .mandatory, 
.formsection input:focus + .label .mandatory {
    font-size: 66px;   
    left: 488px;    
}