body {margin:0;padding:0;text-align:center;background-color:#E9EBEF;}
div, p {font-family:Arial,helvetica,sans-serif;color:#313746;}
p {margin-top:0px;margin-bottom:1.5%;line-height:175%;}

#main {position:relative;top:0;width:980px;margin:auto;text-align:left;background-color:#e9ebef;}
#outerLeft {position:absolute;top:85px;left:0;height:22px;width:900px;background-color:#39476a;border-top: 1px #313746 solid; border-right: 1px #313746 solid;overflow:hidden;}
#outerRight {position:absolute;top:70px;right:0;height:22px;width:900px;background-color:#5F6B89;border-top: 1px #313746 solid; overflow:hidden;}
#logo {position:relative;height:90px;}
#headline {position:absolute;bottom:28px;right:10px;}
#headline2 {position:absolute;top:30px;right:10px;text-align:right;}
#top {position:absolute;top:70px;left:0px;width:100%;z-index:2;}
#topLeft {position:absolute;top:15px;height:22px;width:875px;overflow:hidden;background-color:#39476a;border-top: 1px #313746 solid; border-right: 1px #313746 solid;white-space:nowrap;font-family:Verdana,Arial,helvetica,sans-serif;font-size:70%;}
#topRight {position:absolute;top:0px;right:0;height:22px;width:830px;background-color:#5F6B89;border-top: 1px #313746 solid; border-left: 1px #313746 solid;}
#content {margin-left:150px;text-align:center;padding-top:56px;padding-bottom:15px;font-size:75%;background-color:#f9fafc;border:4px #fff solid;}
#contentBox {position:relative;width:620px;text-align:left;margin:auto;}
#left {position:absolute;top:150px;left:8px;width:85px;}
#bottom {position:relative;padding:10px;}
.marked {color:#c00;font-weight:bold;}
.spacer {float:right;width:1px;height:420px;overflow:hidden;}
.clear {clear:both;height:1px;margin-top:1px;overflow:hidden;}

a {text-decoration:none;color:#313746;}
a:hover {text-decoration:underline}

#logo img {position:absolute;top:35px;left:10px;}

.rightLink {text-align:right;margin-top:0px;margin-bottom:0px;}
.rightLinkS {text-align:right;margin-top:0px;margin-bottom:0px;font-family:Arial,helvetica,sans-serif;}
.rightLinkHalf {float:right;text-align:right;margin-top:11px;font-family:Arial,helvetica,sans-serif;}
.right {text-align:right;}

#content a {padding-left:18px; background-image:url('../bilder/pfeil3.gif');background-position:4px 40%;background-repeat:no-repeat;font-weight:normal;}
p.right a {padding-left:0px;background-image:none;}
h1 {font-weight:bold;font-style:italic;margin-top:0px;margin-bottom:0pt;color:#cc0000;font-family:Verdana,Helvetica,sans-serif;font-size:80%;}
h2 {font-size:150%;margin:0 0 1.6%; padding:4px 0 0;}
h3 {font-size:110%;margin-top:0pt;margin-bottom:3.9%;}
h4 {font-size:110%;color:#cc0000;margin:4% 0 1%;padding:0;padding-left:15px;background-image:url('../bilder/pfeil5.gif');background-position:0 50%;background-repeat:no-repeat;}
.h4 {color:#cc0000;margin-top:15px;margin-bottom:4px;padding-left:15px;background-image:url('../bilder/pfeil5.gif');background-position:0 5px;background-repeat:no-repeat;}
p.bottomline {color:#5f6b89;font-style:italic;margin-top:20px;}

#content ul {padding:10px 0 8px 8px;margin:4px 0 0; line-height:170%;}
#content li {list-style-type:none;padding-left:15px;line-height:170%;background-image:url('../bilder/pfeil1.gif');background-repeat:no-repeat;margin-bottom:1%;}
.listbox,.listboxHalf {border:1px #969DAD solid;background-color:#ffffff;padding:10px 0 8px 8px;margin:4px 0 0; line-height:170%;}
.listboxHalf {width:400px;margin-bottom:2%;}
#content ul.listbox {padding-left:15px;}
.listbox li {list-style-type:none;padding-left:15px;background-image:url('../bilder/pfeil1.gif');background-repeat:no-repeat;margin-bottom:1%;}
#boxSpecial {background-image:url('../bilder/preisschild.gif');background-position:472px 0px;background-repeat:no-repeat;}

#content .ref {position:relative;margin-top:20px;margin-bottom:20px;}
#content .ref p {font-weight:bold;line-height:14px;margin:0 0 4px 124px;}
#content .ref ul {margin-top:0px;margin-left:124px;padding:0px;height:55px;}
#content .ref>ul{min-height:55px;height:auto;}
#content .ref li {list-style-type:none;background-image:url('../bilder/dot_blue.gif');background-repeat:no-repeat;background-position:0 6px;padding-left:14px;line-height:14px;margin-top:0px;margin-bottom:3px;}
#content .ref img {position:absolute;top:4px;}
#content .ref a {padding:0;background-image:none;}

.bg_start{background:url(../bilder/helix.jpg);background-repeat:no-repeat;background-position:top right}
.bg_preise{background:url(../bilder/abacus.jpg);background-repeat:no-repeat;background-position:top right}
.bg_angebote{background:url(../bilder/mappen.jpg);background-repeat:no-repeat;background-position:top right}
.bg_ablauf{background:url(../bilder/schach3.jpg);background-repeat:no-repeat;background-position:top right}
.bg_hamburg{background:url(../bilder/schreiben.jpg);background-repeat:no-repeat;background-position:top right}

#left ul {padding:0;margin:0;}
#left li {list-style-type:none;padding:0 0 35px; margin:0 0;}
#left a {display:block;height:70px;width:120px;font-size:1px;color:#fff;line-height:1px;text-decoration:none;background-repeat:no-repeat;}
#li_php a {background-image:url(../bilder/bt_php.jpg);}
#li_web a {background-image:url(../bilder/bt_webdesign.jpg);}
#li_ref a {background-image:url(../bilder/bt_referenzen.jpg);}
#li_kon a {background-image:url(../bilder/bt_kontakt.jpg);}

#topLeft ul {padding:0;padding-left:150px;margin:3px 0 0;}
#topLeft li {list-style-type:none;float:left;margin-right:12px;}
#topLeft a {display:block;height:20px;width:96px;line-height:150%;color:#e9eaef;text-align:center;}
#topLeft a.active {color:#39476a;background-color:#f9fafc;background-image:url(../bilder/bg_topnav.png);background-repeat:repeat-x;border:1px #f9fafc solid;}

#bottom a {color:#5f6b89;}
.bottomLeft {font-size:70%;color:#5f6b89;float:left;width:130px;}
.bottomRight {margin-left:150px;font-size:70%;text-align:center;color:#5f6b89;}
.bottomRight a, .bottomRight span {padding:0 6px;}