@import url(tripoli/tripoli.base.css); 
@import url(tripoli/plugins/tripoli.layout.css);
@import url(tripoli/plugins/tripoli.type.css); 
/* your custom styles goes here */

body{
    background: transparent url(../img/bg.png) repeat-x;
    font-family: Calibri, Tahoma, Sans-Serif;
    /* visibility: hidden; */
}
.largeTopPadding{width:520px;margin-left:10px;font-size: 14px;line-height: 16px;}
.leistungen .largeTopPadding{margin-left: 0px;}
a{
    color: #888886;
    text-decoration: none;
}
p{margin-bottom: 1.3em;}
a.hover,a.selected, a:hover{
    color: #fff;
}
#wrapper{
    width:960px;
    margin: 0 auto;
    font-size: 12px;
}

#header{position: relative;}
#header img#logo{
    margin:20px 0;
    padding:25px 0px 20px 30px;

}
#header {color: #fff;}
#header a{color: #fff;}
#header a:hover, #header a.selected, #header a.hover{color:#b7c72a;}
#topLeftNav{
    width:100%;
    font-size: 12px;
    position: relative;
    height:70px;
    display: block;
    padding-bottom: 10px;
    padding-left: 30px;
}
#topLeftNav ul{
    float: left;
    margin-right: 15px;
}
#topLeftNav li{
    padding-bottom: 2px;
    letter-spacing: 0.06em; 
}

#topRightNav{

    position: absolute;
    margin-top:55px;
    top:120px;
    right:20px;
}

#topRightNav li{
    display: inline;
    letter-spacing: 0.08em;
}

#teaser{
    color:#fff;
    /* background: transparent; */
    position: relative;
    overflow: hidden;
    clear:both;
    width:938px;
    height:253px;
    z-index: 105;
    margin-top: 10px;
    margin-left: 10px
}

/* override single pane */ 
#teaser div { 
    float:left; 
    display:block; 
    /* width:959px;  */
    cursor:pointer; 
    font-size:14px;
 
} 

#rightArrows, #leftArrows{position: absolute;font-size: 38px;top:313px;z-index: 205;}

#rightArrows a, #leftArrows a{color: #fff;}

#rightArrows{
    right:20px;
}

#leftArrows{
    left:20px;
}

/* our additional wrapper element for the items */ 
#teaser .items { 
    width:20000em; 
    position:absolute; 
    clear:both; 
    margin:0; 
    padding:0; 
} 

#teaserWrapper{
    overflow: hidden;
    width:960px;
    padding-bottom: 13px;
    position: relative;
}
#teaserTop{position:absolute;top:0px;left:20px; height:10px;width:918px;background: transparent url(../img/borderTeaser-top.png) repeat-x;z-index: 20;}
#teaserRight{position:absolute;top:-1px;right:2px;height:273px;width:20px;background: transparent url(../img/borderTeaser-right.png) no-repeat;z-index: 20;}
#teaserBottom{position:absolute;bottom:4px;right:22px;height:10px;width:918px; background: transparent url(../img/borderTeaser-bottom.png) repeat-x;z-index: 20;}
#teaserLeft{position:absolute;top:-1px;left:0px;height:273px;width:20px;background: transparent url(../img/borderTeaser-left.png) no-repeat;z-index: 20;}


#header .aSlide{position: relative;}
#header .aSlide img{margin:0 -1px 0 0;}
#teaser .aSlide h1.right{position:absolute; top: 90px;left:525px;width:353px;font-size: 22px;font-weight: normal;line-height: 28px;}
#teaser .aSlide h1.left{position:absolute; top: 90px;left:70px;width:358px;font-size: 22px;font-weight: normal;line-height: 28px;}
#content{
    position: relative;
    overflow: hidden;
    padding:0 0px 70px 10px;
    margin-top:-23px;
    color: #494c4e;
}
.columnOne, .columnTwo, .columnThree{
    width: 307px;
    float: left;
    padding-bottom: 50px;
}

.index .columnOne,.index .columnTwo,.index .columnThree{
    min-height:220px;
    padding-bottom: 0px;
}


.leistungen .columnOne, .leistungen .columnTwo, .leistungen .columnThree{height:520px;z-index: 1;margin-top: -66px}
.leistungen .columnOne p, .leistungen .columnTwo p, .leistungen .columnThree p{
    width: 267px;padding-left: 0;
}
.leistungen .barWrapper2{height:344px;margin-top: -17px;}
.leistungen .subLogoWrapper2 h4{position: absolute;bottom:10px;left:20px;font-size: 14px;}
.leistungen h5{padding-bottom: 1em;}
.leistungen .subLogoWrapper2{height: 329px;position: relative;display: block;}
.leistungen .columnOne .subLogoWrapper2{background: url(../img/yellow.png) no-repeat;}
.leistungen .columnTwo .subLogoWrapper2{background: url(../img/yellow-02.png) no-repeat;}
.leistungen .columnThree .subLogoWrapper2{background: url(../img/yellow-03.png) no-repeat;}
.leistungen .description2{padding-left: 20px;padding-right: 20px;}


.subLogoWrapper{ height: 90px;width:308px;position:relative;margin-top:;}
img.subLogo {position:absolute;bottom: 0px;}
.unternehmen #barWrapper,.index #barWrapper{height:95px;position:relative;margin-top:0;z-index: 10}
.columnTwo{margin:0 8px;}
.description{padding: 0 10px;}
.description h4{font-size: 14px;line-height: 18px;letter-spacing: 0.01em;margin: 10px 0}
.unternehmen .description h4{margin-bottom: 0;}
.index .description h4{font-size: 18px;line-height: 19px;margin-bottom: 0;}
.index .description h5{font-size: 18px;line-height: 19px;}
.description{font-size: 14px;line-height: 18px;}
.description .subhead{margin-bottom: 20px;}
.description h5.listHead{font-size: 14px;}
.description p{margin-bottom: 1em;}
.description ul{list-style: disc;padding-left: 15px;margin-bottom: 1em;}
.description li{line-height: 1.3em;}

#content a:hover{color:#888886;text-decoration: underline; }
.color1{color:#00AFAF;}
.color2{color:#8C0041;}
.color3{color:#0084B6;}
#barWrapper{height:143px;margin-top: -66px;}
#bar{background:#C8C8C7;width: 938px;height:118px;margin-bottom: 20px;display: block;z-index:10;}
#bar h1{color: rgb(75,77,79);font-size: 16px;font-weight: normal;padding-left: 20px; padding-top:100px;}
#bar h1 span{color: #fff;}
.presse p, .netzwerk p,.leistungen p, .versprechen p, .philosohpie p, .kontakt p{padding-left: 20px;;width:470px;font-size:14px;line-height: 16px;}
.leistungen h5{font-size:14px;line-height: 16px;}
.altColor a{color:rgb(183,199,42);}

div.mapStuffWrapper{
    position: relative;
    padding-left: 20px
}
div.mapStuff{
    position: absolute;
    bottom: 42px;
    left:27px;
    font-size: 14px;
    letter-spacing: 0.03em;
}
ul.mapStuff{
    list-style: disc;
    padding-bottom: 1.5em
}
.mapStuff .altColor{color:rgb(183,199,42);}
.mapStuff li{
    list-style-position: inside
}
.mapStuff .linkColor{color: #888886;}
#footer{position:fixed;bottom: 0; font-family:  Corbel, Tahoma, Sans-Serif;z-index: 306;}


#bottomMenu{position:relative;margin:0 auto;width:960px;font-size: 12px;letter-spacing: 0.1em;padding-left: 20px;}
#bottomMenu a.selected{color:rgb(183,199,42);}
#bottomMenu ul{background: #3A3C3E;width:938px;vertical-align: middle;position: relative;}
#bottomMenu li{display: inline;margin-right:10px;}
#bottomMenu li.first{border: 0;padding: 0;margin: 0 9px 0 0;}
#bottomMenu .first img{border: 0;padding: 0;margin: 0 0 -2px 0;}
#bottomMenu a{color:#fff;}
#bottomMenu a:hover{color:rgb(183,199,42);}
#popUpWrapper{position:relative;background: #3A3C3E;padding-top: 26px;overflow: hidden;}
#popUp{position:relative;margin:0 auto;width:960px;background: #3A3C3E;padding-left:42px;color:#fff;font-size: 12px;line-height: 16px;letter-spacing: 0.03em;}
#popUp .columnOne, #popUp .columnTwo, #popUp .columnThree{
width:199px;padding-left: 20px;
}
#faq,#impressum,#agb{display: none;height: 190px}