html {
    overflow-x:auto:
    overflow-y:scroll;
}

body {
    margin:0;
    padding:0;
    font-size:100.01%;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    background:url(../img/bg-body.jpg) left top;
}

#wrapper {
}

#menu {
    position:relative;
    padding:18px 0 5px 73px;
}

#menu ul {
    margin:0;
    padding:0;
}

#menu ul li {
    margin:0;
    list-style:none;
    float:left;
    background:url(../img/border-menu-black.jpg) right center no-repeat;
}

#menu ul.lang li.active {
    display:none;
}

#menu ul.lang li {
    background:none;
}

#menu ul li a {
    display:block;
    color:#000000;
    text-decoration:none;
    font-size:80%;
    padding:0 8px;
}

#menu ul li a:hover, #menu ul li.active a {
    text-decoration:underline;
}

#menu ul li ul {
    position:absolute;
    left:73px;
    top:90px;
}

#menu ul li ul li {
    background:url(../img/border-menu-grey.jpg) right center no-repeat;
}

#menu ul li ul li.last {
    background:none;
}

#menu ul li ul li a {
    color:#cccccc;
}

#menu ul li.active ul li a {
    text-decoration:none;
}

#menu ul li ul li.active a {
    text-decoration:underline;
}

.submenuActive {
    color:#858585 !important;
}

#header {
    background:url("../img/header-simple-1.jpg") no-repeat scroll left top transparent;
    color:#FFFFFF;
    font-size:80%;
    height:73px;
    padding:32px 0 0 81px;
    font-weight:bold;
}

.headerHome {
    height:467px !important;
    background:url(../img/header-home.jpg) left top no-repeat !important;
}

.headerHome span {
    display:none;
}

.headerSimple1 {
    height:73px !important;
    background:url(../img/header-simple-1.jpg) left top no-repeat !important;
}

.headerSimple2 {
    height:38px !important;
    background:url(../img/header-simple-2.jpg) left top no-repeat !important;
}

.headerSimple3 {
    height:38px !important;
    background:url(../img/header-simple-3.jpg) left top no-repeat !important;
}

.headerSimple4 {
    height:38px !important;
    background:url(../img/header-simple-4.jpg) left top no-repeat !important;
}

.headerHoeren {
    height:178px !important;
    background:url(../img/header-hoeren.jpg) left top no-repeat !important;
}

.headerKultur {
    height:178px !important;
    background:url(../img/header-kultur.jpg) left top no-repeat !important;
}

.headerProjekte {
    height:143px !important;
    background:url(../img/header-projekte.jpg) left top no-repeat !important;
}

.headerSchools {
    height:178px !important;
    background:url(../img/header-schools.jpg) left top no-repeat !important;
}

.headerStadtlandfluss {
    height:178px !important;
    background:url(../img/header-stadtlandfluss.jpg) left top no-repeat !important;
}

.headerUnterwegs {
    height:178px !important;
    background:url(../img/header-unterwegs.jpg) left top no-repeat !important;
}

.headerVisionen {
    height:143px !important;
    background:url(../img/header-visionen.jpg) left top no-repeat !important;
}

.headerVita {
    height:143px !important;
    background:url(../img/header-vita.jpg) left top no-repeat !important;
}

.headerWarten {
    height:178px !important;
    background:url(../img/header-warten.jpg) left top no-repeat !important;
}

.headerHomeEnglish {
    height:467px !important;
    background:url(../img/header-home-en.jpg) left top no-repeat !important;
}

.headerHomeEnglish span {
    display:none;
}

.headerSimple2english {
    height:38px !important;
    background:url(../img/header-simple-2-en.jpg) left top no-repeat !important;
}

.headerSimple4english {
    height:38px !important;
    background:url(../img/header-simple-4-en.jpg) left top no-repeat !important;
}

body#home #content {
    margin:-74px 0 0 67px !important;
    font-size:65% !important; 
    color:#ffffff !important;
}

#content {
    margin:0 0 0 80px;
    font-size:80%;
}

.col2 {
    width:310px;
    padding:20px 10px 0 0;
    float:left;
}

.col2a {
    width:310px;
    padding:20px 170px 0 0;
    float:left;
}

.col3 {
    width:230px;
    padding:20px 10px 50px 0;
    float:left;
}

.col3.grey {
    background:#cccccc;
    height:100%;
    padding:0 0 50px 0 !important;
    overflow:hidden;
}

.fl {
    float:left;
}

.fr {
    float:right;
}

.clear {
    clear:both;
    font-size:0;
    height:0;
    line-height:0;
}


.linkRed, .linkRed a {
    color:#ff0000;
    font-weight:bold;
    text-decoration:none;
}

.borderLeftBottom {
    padding:0 0 10px 10px;
}

.borderRightBottom {
    padding:0 10px 10px 0;
}


.red {
    color:#ff0000;
}

.lightGrey {
    color:#999999;
}

.darkGrey {
    color:#666666;
}

.grey5f5f5f {
    color:#5f5f5f;
}