body {
    margin: 0;
    padding: 0;
    background: url('../gfx/bgs/body.png') center 5px;
    text-align: left;
    font-family: tahoma;
    font-size: 12px;
    color: #636362;
}

.fl {float: left}
.fr {float: right}

p {
    margin: 0 0 10px 0;
    padding: 0;
    line-height: 24px;
}

a img {
    border: 0px;
}

a {
    color: #00aad2;
    text-decoration: none;
}

a:hover {    
    text-decoration: underline;
}

.cleaner {
    height: 0px;
    line-height: 0px;
    font-size: 0px;
    clear: both;
    width: 1px;
}


.bg-wide {
    width: 100%;
    background: url('../gfx/bgs/wide.png') center top repeat-x;
    text-align: center;
}

.all-page {
    width: 911px;
    margin: 0 auto;
    text-align: left;
}

.header {
    height: 101px;
    position: relative;
}

h1 {
    position: absolute;
    left: 32px;
    top: 33px;
    margin: 0;
    padding: 0;
    width: 206px;
    height: 48px;
}

h1 a{
    display: block;
    width: 206px;
    height: 48px;
    background: url('../gfx/ehlunding-suchmaschinenmarketing.png') left top no-repeat;
    text-decoration: none;
}

h1 a:hover{
    text-decoration: none;
}

h1 a span{
    position: relative;
    bottom: 300px;
}

.header .operator{
    position: absolute;
    right: 10px;
    top: 0;
    width: 249px;
    height: 62px;
    background: url('../gfx/bgs/operator.gif') left top no-repeat;
}

.header .operator .text{
    float: right;
    width: 177px;
}

.header .operator .text p{
    margin: 0;
    padding: 10px 0 0 16px;
    font-weight: bold;
    color: #6d6d6c;
    text-transform: uppercase;
    line-height: 18px;
}

.header .operator .text p span{
    display: block;
    color: #00aad2;
    font-size: 16px;
}

.navi {
    margin: 0 0 0 4px;
    width: 902px;
    height: 48px;
    background: url('../gfx/navi/bg.png') left bottom no-repeat;
}

.navi ul{
    margin: 0;
    list-style-type: none;
    padding: 0 0 0 8px;
}

.navi ul li{
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
}

.navi ul li a{
    text-decoration: none;
    font-size: 11px;
    color: #636362;
    background: url('../gfx/navi/off.png') 0px 0px no-repeat;
    float: left;
    width: 142px;
    line-height: 29px;
    text-align: center;
    margin: 13px 7px 0 0;
}

.navi ul li a:hover{
    text-decoration: none;
}

.navi ul li a.activ{
    background: url('../gfx/navi/on.png') 0px 0px no-repeat;
    margin: 0 7px 0 0;
    line-height: 48px;
    font-weight: bold;
    color: #6d6d6c;
    font-size: 12px;
}

.navi ul li a.activ-first{
    background: url('../gfx/navi/on-first.png') 0px 0px no-repeat;
    margin: 0 7px 0 0;
    line-height: 48px;
    font-weight: bold;
    color: #6d6d6c;
    font-size: 12px;
}

.navi ul li a.activ-last{
    background: url('../gfx/navi/on-last.png') 0px 0px no-repeat;
    margin: 0 7px 0 0;
    line-height: 48px;
    font-weight: bold;
    color: #6d6d6c;
    font-size: 12px;
    width: 141px;
}

.navi ul li a.last{
    width: 141px;
    margin: 13px 0 0 0;
    background: url('../gfx/navi/off-last.png') 0px 0px no-repeat;
}

.content-box-middle {
    width: 911px;
    background: url('../gfx/content-box/middle.png') left top repeat-y;
}

.content-box-bottom {
    width: 911px;
    height: 13px;
    font-size: 0;
    line-height: 0;
    background: url('../gfx/content-box/bottom.png') left top no-repeat;
}

.content-box-top {
    width: 911px;
    height: 9px;
    font-size: 0;
    line-height: 0;
    background: url('../gfx/content-box/top.png') left top no-repeat;
}

.tabs-area {
    width: 886px;
    margin: 0 0 0 12px;
}

.tabs-area .tabs-content{
    width: 886px;
    height: 225px;
    overflow: hidden;
}

.tabs-area .tabs-content-messen{
    background: url('../gfx/tabs/messen.jpg') left top no-repeat;
}

.tabs-area .tabs-content-analysieren{
    background: url('../gfx/tabs/analysieren.jpg') left top no-repeat;
}

.tabs-area .tabs-content-optimieren{
    background: url('../gfx/tabs/optimieren.jpg') left top no-repeat;
}

.tabs-area .tabs-content h2{
    margin: 0 0 6px 0;
    padding: 40px 0 0 457px;
    font-weight: bold;
    color: #00aad2;
    font-size: 12px;
}

.tabs-area .tabs-content h2 a{
    font-weight: bold;
    color: #00aad2;
    font-size: 12px;
}

.tabs-area .tabs-content p{
    margin: 0;
    padding: 0 25px 0 457px;
    text-align: justify;
}

.tabs-area ul{
    margin: 0;
    list-style-type: none;
    padding: 0;
    height: 54px;
    width: 886px;
}

.tabs-area ul li{
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
}

.tabs-area ul li a{
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: #6d6d6c;
    float: left;
    width: 290px;
    line-height: 54px;
    height: 54px;
    margin: 0 8px 0 0;
}

.tabs-area ul li a.messen{
    background: url('../gfx/tabs/messen.png') 0px 0px no-repeat;
    text-indent: 109px;
}

.tabs-area ul li a.analysieren{
    background: url('../gfx/tabs/analysieren.png') 0px 0px no-repeat;
    text-indent: 59px;
}

.tabs-area ul li a.optimieren{
    background: url('../gfx/tabs/optimieren.png') 0px 0px no-repeat;
    margin: 0;
    text-indent: 66px;
}

.tabs-area ul li a:hover{
    text-decoration: none;
}

.tabs-area ul li a.activ{
    background-position: left bottom;
}

.kostenlos {
    background: url('../gfx/bgs/kostenlos.png') left top repeat-x;
    width: 884px;
    border: 1px solid #cbcbcb;
    margin: 0 0 0 12px;
    height: 77px;
    overflow: hidden; 
}

.kostenlos a{
    background: url('../gfx/icons/kostenlos.png') left top no-repeat;
    width: 289px;
    line-height: 77px;
    display: block;
    float: left;
    color: #000000;
    font-size: 11px;
    text-indent: 88px;
}

.kostenlos p{
    line-height: 77px;
    margin: 0;
    float: left;
}

.boxes {
    float: left;
    width: 860px;
    position: relative;
    left: 34px;
    padding: 10px 0 5px 0;
}

.box {
    float: left;
    width: 410px;
    margin: 0 20px 0 0;
}

.box p{
    margin: 0 0 10px 0;
}

.box h2{
    margin: 0;
    padding: 15px 0 0 0;
    font-weight: bold;
    color: #00aad2;
    font-size: 12px;
    line-height: 22px;
    text-transform: uppercase;
}

.box h2 a{
    font-weight: bold;
    color: #00aad2;
    font-size: 12px;
    text-transform: uppercase;
}

.button-area {
    float: left;
    width: 410px;
    margin: 0 20px 0 0;
    border-bottom: 1px solid #cbcbcb;
}

.button-area-last {
    border-bottom: 0;
}

.button-area a{
    display: block;
    width: 196px;
    line-height: 34px;
    padding-bottom: 5px;
    margin: 0 0 14px 0;
    text-indent: 40px;
    font-size: 11px;
    color: #6d6d6c;
    background: url('../gfx/icons/box-button.png') left top no-repeat;
    position: relative;
    right: 3px;
}

.footer {
    margin: 0 0 0 25px;
    height: 77px;
    overflow: hidden; 
}

.footer a{
    background: url('../gfx/icons/pdf.png') left top no-repeat;
    width: 202px;
    line-height: 55px;
    padding-bottom: 2px;
    display: block;
    float: left;
    color: #6d6d6c;
    font-size: 11px;
    text-indent: 75px;
    margin: 10px 25px 10px 0;
}

.footer img{
    margin: 22px 0 0 0;
    float: left;
}

.abmessung {
    margin: 5px 0 0 0;
    padding: 0 0 0 5px;
    list-style-type: none;
    height: 100px;
}

.abmessung li{
    margin: 0 7px 0 0;
    padding: 0;
    list-style-type: none;
    float: left;
}

.abmessung li a{
    display: block;
    background: #fb2d4a;
    text-decoration: none;
    float: left;
    font-size: 0;
    line-height: 0;
}

.abmessung li a.a1{
    width: 60px;
    height: 60px;
}

.abmessung li a.a2{
    width: 40px;
    height: 40px;
    margin-top: 20px;
}

.abmessung li a.a3{
    width: 30px;
    height: 30px;
    margin-top: 30px;
}

.abmessung li a.a4{
    width: 20px;
    height: 20px;
    margin-top: 40px;
}

.abmessung li a.a5{
    width: 8px;
    height: 8px;
    margin-top: 52px;
}

.header-area{
    width: 886px;
    height: 226px;
    overflow: hidden;
    margin: 0 0 0 12px;
}

.header-area-positionierung{
    background: url('../gfx/bgs/positionierung.jpg') left top no-repeat;
}

.header-area-technologie{
    background: url('../gfx/bgs/technologie.jpg') left top no-repeat;
}

.header-area-references{
    background: url('../gfx/bgs/references.jpg') left top no-repeat;
    height: 409px;
}

.header-area-kosten{
    background: url('../gfx/bgs/kosten.jpg') left top no-repeat;
    position: relative;
}

.header-area-kontakt{
    background: url('../gfx/bgs/kontakt.jpg') left top no-repeat;
    height: 510px;
    position: relative;
    margin-bottom: 20px;
}

.header-area-kontakt-content{
    background: url('../gfx/bgs/kontakt-content.jpg') left top no-repeat;
    height: 496px;
    margin-bottom: 0;
}

.header-area p{
    padding: 40px 460px 0 24px;
    text-align: justify;
    margin: 0 0 18px 0;
    line-height: 24px;
}

.header-area a{
    display: block;
    background: url('../gfx/bgs/button.png') left top no-repeat;
    width: 205px;
    height: 45px;
    line-height: 35px;
    font-size: 11px;
    color: #6d6d6c;
    text-decoration: none;
    text-indent: 40px;
    margin: 0 0 0 23px;
    cursor: pointer;
}

.header-area .button1{
    position: absolute;
    left: 37px;
    top: 169px;
}

.header-area .button2{
    position: absolute;
    left: 340px;
    top: 169px;
}

.header-area .button3{
    position: absolute;
    left: 624px;
    top: 169px;
}

.header-area-kosten a{
    width: 221px;
    height: 45px;
    text-indent: 72px;
    background: url('../gfx/bgs/button-kosten.png') left top no-repeat;
    line-height: 33px;
    margin: 0;
}

.header-area a:hover{
    text-decoration: none;
}

.content-text {
    width: 650px;
    margin: 0 0 0 37px;
    padding: 25px 0;
}

.content-text h2{
    margin: 0 0 8px 0;
    padding: 0;
    color: #00aad2;
    font-size: 12px;
}

.content-text p{
    margin: 0 0 20px 0;
}

.references-boxes {
    padding: 29px 0 0 0;
    margin: 0 0 0 23px;
    width: 846px;
}

.references-boxes .box{
    float: left;
    width: 282px;
    height: 121px;
    overflow: hidden;
    margin: 0;
    background: url('../gfx/bgs/references-box.png') left top no-repeat;
}

.references-boxes .box img{
    padding: 3px 0 0 3px;
}

.references-boxes .box p{
    margin: 0;
    padding: 4px 0 0 10px;
    line-height: 14px;
    font-weight: bold;  
}

.references-boxes .box p span{
    display: block;
    font-weight: normal;  
    color: #00aad2; 
}

.content-references {
    width: 840px;
    margin: 0 0 0 37px;
    padding: 20px 0;
}

.content-references h2{
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 24px;
    font-size: 12px;
}

.content-references p{
    margin: 0 0 10px 0;
    width: 580px;
}

.content-references .cols{
    width: 840px;
    float: left;
    border-top: 1px solid #cbcbcb;
}

.content-references .cols .col{
    width: 280px;
    float: left;
    margin: 0 0 12px 0;
}

.content-references .cols .col p{
    width: auto;
    margin: 0;
    font-weight: bold;
    padding: 12px 0 8px 0;
}

.content-references .cols .col ul{
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.content-references .cols .col ul li{
    padding: 0 10px 0 15px;
    margin: 0 0 7px 0;
    list-style-type: none;
    line-height: 16px;
    background: url('../gfx/icons/li-dot.png') left 3px no-repeat;
}

.content-references .cols .col ul li a{
    color: #636362;
}

.content-kosten {
    width: 840px;
    margin: 24px 0 22px 37px;
    background: url('../gfx/bgs/kosten-cols.gif') 277px top repeat-y;
    float: left;
}

.content-kosten .col{
    width: 280px;
    float: left;
}

.content-kosten .col h2{
    margin: 0;
    padding: 0 0 0 40px;
    font-weight: bold;
    color: #00aad2;
    font-size: 12px;
    line-height: 22px;
}

.content-kosten .col-first h2{
    padding: 0 0 0 20px;
}

.content-kosten .col ul{
    padding: 0 0 0 20px;
    margin: 0;
    list-style-type: none;
}

.content-kosten .col ul li{
    padding: 0 20px 0 20px;
    margin: 0;
    list-style-type: none;
    line-height: 22px;
    background: url('../gfx/icons/li-dot-green.png') left 8px no-repeat;
}

.content-kosten .col ul li.disabled{
    background: none;
    color: #cccccb;
}

.content-kosten .col-first ul{
    padding: 0;
}

p.normal-text {
    width: 580px;
    margin: 0 0 0 37px;
    padding: 0 0 40px 0;
}

p.normal-text strong{
    display: block;
}

.content-kosten-amounts {
    width: 840px;
    margin: 0 0 20px 37px;
    border-bottom: 1px solid #cbcbcb;
    float: left;
}

.content-kosten-amounts .col{
    width: 258px;
    margin: 0 40px 0 0;
    float: left;
}

.content-kosten-amounts .col-last{
    margin: 0;
    border-right: 0;
    width: 255px;
    float: right;
}

.content-kosten-amounts .col-middle{
    width: 235px;
    border-right: 0;
}

.content-kosten-amounts .col p{
    margin: 0;
    border-top: 1px solid #cbcbcb;
    padding: 19px 0 19px 27px;
    line-height: 18px;
}

.content-kosten-amounts .col-middle p{
    padding-left: 15px;
}

.content-kosten-amounts .col p strong{
    display: block;
}

.header-area-kontakt .left{
    position: absolute;
    width: 540px;
    top: 32px;
    left: 24px;
}

.header-area-kontakt-content .left{
    top: 20px;
}

.header-area-kontakt .right{
    position: absolute;
    width: 266px;
    height: 404px;
    background: url('../gfx/bgs/form-right.jpg') left top no-repeat;
    top: 30px;
    right: 24px;
}

.header-area-kontakt-content .right{
    top: 18px;
}

.header-area-kontakt .left h2{
    margin: 0 0 6px 0;
    padding: 0;
    font-weight: bold;
    color: #00aad2;
    font-size: 12px;
    text-transform: uppercase;
}

.header-area-kontakt .left p{
    margin: 0 0 15px 0;
    padding: 0;
}

.header-area-kontakt .left input.radio{
    margin: 0 10px 0 0;
}

.header-area-kontakt .left label{
    display: block;
    font-size: 12px;
    font-style: normal;
    padding: 14px 0 8px 0;
    line-height: 14px;
}

.header-area-kontakt .left label.radio{
    display: inline;
}

.header-area-kontakt .left input.text{
    display: block;
    margin: 0;
    border: 0;
    width: 240px;
    height: 24px;
    padding: 8px 10px 0 10px;
    vertical-align: top;
    background: url('../gfx/form/input.png') left top no-repeat;
    font-family: tahoma;
    font-size: 12px;
    color: #636362;
}

.header-area-kontakt .left textarea{
    display: block;
    margin: 0 0 13px 0;
    border: 0;
    width: 520px;
    height: 111px;
    padding: 10px;
    vertical-align: top;
    background: url('../gfx/form/textarea.png') left top no-repeat;
    font-family: tahoma;
    font-size: 12px;
    overflow: auto;
    color: #636362;
}

.header-area-kontakt .left .col-left{
    float: left;
    width: 260px;
}

.header-area-kontakt .left .col-right{
    float: right;
    width: 260px;
}

.header-area-kontakt .left .button{
    display: block;
    width: 145px;
    height: 58px;
    background: url('../gfx/form/button.png') left top no-repeat;
    position: relative;
    right: 4px;
}

.header-area-kontakt .left .button input{ 
    display: block;
    border: 0;
    background: none;
    width: 135px;
    height: 40px;
    font-family: tahoma;
    font-size: 12px;
    color: #636362;
    cursor: pointer;
}

.header-area-kontakt .right h2{ 
    margin: 0;
    padding: 27px 0 3px 55px;
    font-weight: bold;
    font-size: 12px;
    line-height: 22px;
}

.header-area-kontakt .right p{ 
    margin: 0 0 17px 0;
    padding: 0 13px;
    font-size: 12px;
}

.header-area-kontakt .right .inner{ 
    padding: 0 0 0 11px;
}

.header-area-kontakt .right label{
    display: block;
    font-size: 12px;
    font-style: normal;
    padding: 14px 0 8px 0;
}

.header-area-kontakt .right label.checkbox{
    padding: 0 0 7px 0;
    line-height: 19px;
}

.header-area-kontakt .right input.text{
    display: block;
    margin: 0;
    border: 0;
    width: 225px;
    height: 24px;
    padding: 8px 10px 0 10px;
    vertical-align: top;
    background: url('../gfx/form/input-small.png') left top no-repeat;
    font-family: tahoma;
    font-size: 12px;
    color: #636362;
}

.header-area-kontakt .right input.checkbox{
    display: block;
    float: left;
}

.info-area {
    background: url('../gfx/tabs/info-area.jpg') left top no-repeat;
    width: 886px;
    margin: 0 0 0 12px;
    height: 278px;
}

.info-area .col1{
    float: left;
    width: 260px;
    margin: 0 43px 0 23px;
    padding: 20px 0 0 0;
}

.info-area .col2{
    float: left;
    width: 260px;
    margin: 0 40px 0 0;
    padding: 20px 0 0 0;
}

.info-area .col3{
    float: left;
    width: 260px;
    padding: 20px 0 0 0;
}

.info-area h2{
    margin: 0;
    padding: 0;
    font-weight: bold;
    color: #00aad2;
    font-size: 12px;
    height: 150px;
}

.info-area p{
    line-height: 21px;
}

.flexible-content{
    width: 886px;
    margin: 0 0 0 12px;
    background: url('../gfx/bgs/flexible-content/copy.png') left top repeat-y;
}

.flexible-content .top{
    width: 886px;
    background: url('../gfx/bgs/flexible-content/top.jpg') left top no-repeat;
}

.flexible-content-bottom{
    width: 886px;
    height: 2px;
    font-size: 0;
    line-height: 0;
    margin: 0 0 0 12px;
    background: url('../gfx/bgs/flexible-content/bottom.gif') left top no-repeat;
}

.flexible-content .inner{
    width: 645px;
    margin: 0 0 0 24px;
    padding: 15px 0 5px 0;
}

.flexible-content .inner h2{
    margin: 0 0 5px 0;
    padding: 0;
    font-weight: bold;
    color: #00aad2;
    font-size: 12px;
}