body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, san-serif;
    background: url(bodyBg.png) repeat-x;
}
body.home {
    background: url(bodyBg_home.png) repeat-x;
}
a {
    outline: none;
    border: none;
    text-decoration: none;
}
h1, h2, h3, h4, ul, ol, li, form, table, td, p {
    padding: 0;
    margin: 0;
}
.clearer {
    clear:both;
}
#regionen_home {
    position: absolute; top:30%; left:45%;
}
#wrapper {
    position: absolute;
}

#header {
    width: 990px;
    height: 220px;
    overflow: hidden;
}
#header.home{
    height: 360px;
}

#logo {
    position: absolute; top:0; left:0;
    width: 297px; height: 68px;
    background: url(logo.png) no-repeat;
}
#logo a {
    display: block;
    width: 100%; height: 100%;
}
#worldmap {
    position: absolute; top:68px; left:0;
    width: 293px; height: 297px;
    overflow: hidden;
}



.slide, .slideWorld {
    position: absolute; top:0; left:0;
}
.slide img, .slideWorld img {
    opacity: 0;
    transition:opacity 1s;
    transition-timing-function: ease-in-out;
    -moz-transition:opacity 3s; /* Firefox 4 */
    -webkit-transition:opacity 1s; /* Safari and Chrome */
    -o-transition:opacity 1s; /* Opera */
}
.slide.visibleSlide img, .slideWorld.visibleSlide img {
    opacity: 1;
    transition:opacity 1s;
    transition-timing-function: ease-in-out;
    -moz-transition:opacity 3s; /* Firefox 4 */
    -webkit-transition:opacity 1s; /* Safari and Chrome */
    -o-transition:opacity 1s; /* Opera */
}



#standards {
    position: absolute; top:0; right:0;
    width: 700px; height: 34px;
    line-height: 30px;
    text-align: right;
    background: url(standardsBg.png) repeat-x;

}
#standards ul {
    list-style: none;
    margin-right: 11px;
}
#standards ul li {
    display: inline;
    padding:0 10px;
}
#standards a {
    font-size: 11px;
    color: #fff;
}
#standards a.active {
    color:#659933;
}
#standards a:hover {
    color:#8DC53F;
}
#tagline {
    position: absolute; top:34px; left:279px;
    width: 711px; height: 115px;
}




#contentContainer {

}
#leftColumn {
    width: 279px;
}


#regionen {
    font-size: 11px;
    line-height: 39px;
}
#selectRegion {
    background:url('select_arrowDown.png') no-repeat #8DC63F;
    width: 279px; height: 39px;
    line-height: 39px;
}
#selectRegion span {
    display: block;
    margin: 0 30px 0 13px;
    cursor: pointer;
}
#selectableRegions {
    background: #D7EBBC;
}
#selectableRegions  a {
    display: block;
    padding: 0 30px 0 13px;
    color: #000;
}
#selectableRegions  a:hover {
    background: #8DC63F;
}



#languages {
    font-size: 11px;
    line-height: 39px;
}
#selectLanguage {
    font-size: 11px;
    background:url('select_arrowDown.png') no-repeat #D9D9D9;
    width: 279px; height: 39px;
        line-height: 39px;
}
#selectLanguage span {
    display: block;
    margin: 0 30px 0 13px;
    cursor: pointer;
}
#selectLanguage span.de {
    background:url(Deutschland.png) no-repeat center right;
}
#selectLanguage span.fr {
    background:url(France.png) no-repeat center right;
}
#selectLanguage span.en {
    background:url(Great-Britain.png) no-repeat center right;
}

#selectableLanguages {
    background: #f0f0f0;
}
#selectableLanguages  a {
    display: block;
    padding: 0 0 0 13px;
    color: #000;
}
#selectableLanguages a span {
    display: block;
    margin-right:30px;
}
#selectableLanguages a span.de {
    background:url(Deutschland.png) no-repeat center right;
}
#selectableLanguages a span.fr {
    background:url(France.png) no-repeat center right;
}
#selectableLanguages a span.en {
    background:url(Great-Britain.png) no-repeat center right;
}
#selectableLanguages  a:hover {
    background-color: #D9D9D9;
}




#rightColumn {
    width: 711px;
    float: right;
}

#nav {
    background: #529546;
}
#nav a {
    display: inline-block;
    color: #fff;
    padding:0 18px 0 18px;
    font-size: 13px;
    font-weight: bold;
    height: 39px;
    line-height: 39px;
}
#nav a.active, #nav a:hover {
    background: #fff;
    color:#659933;
}
.secondLevelNav {
    height: 130px;
    border-bottom:1px solid #000;
    font-size: 11px;
    line-height: 24px;
}
.secondLevelNav a {
    color: #000;
    display: block;
    margin:0 0 0 18px;
}
.secondLevelNav a:hover, .secondLevelNav a.active {
    color:#659933;
}
.secondLevelNav .col {
    width: 230px;
    float:left;
    padding-top:10px;
}


.green {
    color: #508C45;
}
.grey {
    color: #7C7C7C;
}
#content {
    padding: 15px 0 0 0 ;
}
#content h1, #content h2, #content h3, #content p {
    padding:5px 18px;
}
h1 {
    font-size: 18px;
}
h2, h3 {
    font-size: 13px;
}
p {
    padding-top:20px;
    line-height: 20px;
    font-size: 12px;
}
.linie {
    margin:10px 0;
    font-size: 1px;
    line-height: 1px;
    padding: 0;
    border-top:1px solid #000;
}
#leftColumnContent {
    line-height: normal;
}

#leftColumnContent p {
    padding:13px;
    color:#5F5F5F;
}
#leftColumnContent h2, #leftColumn h3 {
    padding:13px 13px 0 13px;
    color:#508C45;
}
#leftColumnContent img {
    margin: -13px;
}
#content a, #leftColumnContent a {
    font-weight: bold;
    color: #8DC53F;
    font-style: italic;
}
#content a.pdfLink, #leftColumnContent a.pdfLink, #content .col a.pdfLink {
    font-style: normal;
    color: #8DC53F;
}
#content .col a {
    color:#8DC53F;
}
#content .col {
    float:left;
    border-top:1px solid #000;
}
#content .col img {
    margin: -7px;
}
#content .col h2, #content .col h3 {
    padding: 7px;
    font-weight: bold;
}
#content .col p {
    font-size: 11px;
    line-height:16px;
    padding: 7px;
}
#content .colSpacer {
    border-top: none;
    width: 10px;
}
#content .oneCol {
    width: 230px;
}
#content .twoCols {
    width: 470px;
}
#content .innerCol {
    width: 230px;
    float:left;
}

#downloadColumn {
    float:right;
}
#downloadColumn a {
    display: block;
}
#downloadColumn h2 {
    padding-left:0;
}

.pseudo-displayNone {
    overflow:hidden;
    max-height: 0;
    opacity: 0;
    transition:1s;
    transition-timing-function: linear;
    -moz-transition:1s; /* Firefox 4 */
    -webkit-transition:1s; /* Safari and Chrome */
    -o-transition:1s; /* Opera */
}
.pseudo-displayBlock {
    max-height:10000px;
    overflow: hidden;
    opacity: 1;
    transition:2s;
    transition-timing-function: ease-out;
    -moz-transition:2s; /* Firefox 4 */
    -webkit-transition:2s; /* Safari and Chrome */
    -o-transition:2s; /* Opera */
}