html[xmlns^="http"] {
    overflow-y: scroll;
    /* Mozilla-Scrollbar erzwingen */
    }
html {
    height: 100%;
    color: #000;
    background-color: #FBF1BF
    }
body {
    position: relative;
    font-size: 100.01%;
    /* Rundungsfehler beheben (1em = 16px) */
    font-family: verdana, sans-serif;
    width: 62.5em;
    height: 100%;
    padding: 0;
    background-color: #FFFFCF
    }
div#website {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    position: relative;
    width: 62.5em;
    text-align: left;
    background-color: #fffad6;
    background-repeat: repeat-x;
    background-position: left top;
    background-image: url(images/bg_html.gif);
    border-right: 1px solid #999;
    border-left: 1px solid #999
    }
/* ####################################################### */
/* #### Raster / Seitenaufteilung ######################## */
div#logo {
    position: absolute;
    left: 0;
    top: 0;
    width: 62.5em;
    height: 64px;
    background-repeat: no-repeat;
    background-position: 12px 38px;
    background-image: url(images/info-portal.gif);
    text-align: right;
    z-index: 2
    }
div#navigation {
    position: absolute;
    top: 0;
    z-index: 1;
    height: 100%;
    width: 11.5em;
    background-color: #e4c255;
    background-repeat: repeat-x;
    background-position: left top;
    background-image: url(images/bg_html.gif)
    }
div#contentcolumns {
    width: 51em;
    margin-top: 64px;
    float: right
    }
div#header {
    background-color: #c7a754;
    width: 51em
    }
div#headerleft {
    float: left;
    border-top: 2em solid #ECD175;
    width: 39em;
    overflow: hidden;
    background-color: #c7a754
    }
div#headerleft h1 {
    line-height: 1.6em;
    margin: 0
    }
div#headerleft img {
    width: 630px;
    height: 161px;
    display: block
    }
div#headerright {
    float: right;
    width: 12em;
    overflow: hidden;
    background-color: #e9c85d
    }
#page_home h3 {
    margin: 0;
    color: #000;
    font-size: 8pt
    }
/*### added by ndh ###*/
div#zoom {
    text-align: center;
    height: 2em;
    background-color: #f7ecca
    }
div#zoom a {
    font-size: 0.8em;
    text-decoration: none;
    color: #000
    }
div#zoom a img {
    margin: 0.5em
    }
span#zoomOut {
    display: none
    }
div#maincontent {
    margin: 1em;
    margin-right: 0
    }
p#footer {
    padding-top: 2em
    }
p#footer a {
    text-decoration: none
    }
div.clearer {
    clear: both;
    height: 0;
    overflow: hidden
    }
/* ####################################################### */
/* #### Allgemein: Schriften, Listen, Links u. Bilder #### */
img {
    margin: 0;
    padding: 0;
    border: none
    }
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
    border: 1px solid #999;
    padding: 0
    }
div#headerleft h2 {
    margin: 0;
    padding: 0 1em 0 1em;
    font-size: 1.2em;
    color: #9f0200;
    line-height: 2em
    }
h1 {
    margin: 0;
    padding: 0 1em 0 1em;
    font-size: 1.2em;
    color: #9f0200;
    margin-bottom: 1em
    }
#maincontent h1 {
    padding: 0
    }
h2, h3 {
    margin-top: 0;
    font-size: 1.2em;
    color: #9f0200;
    line-height: 1em
    }
h3 {
    margin-top: 1em
    }
h4, h5, h6 {
    font-size: 1.1em;
    color: #9f0200;
    line-height: 1em
    }
#maincontent {
    font-size: 0.75em;
    line-height: 1.5em;
    padding-left: 0.75em
    }
#maincontent p {
    padding-right: 0.75em
    }
div#maincontent a {
    color: #9f0200
    }
div#maincontent span.detail a, div#maincontent a.detail {
    text-decoration: none;
    color: #000
    }
div.csc-textpic-caption {
    font-style: italic
    }
form input, form select {
    margin: 0 0 0.25em 0
    }
div.csc-mailform-field label {
    float: left;
    width: 9em;
    padding-left: 0.3em
    }
div#maincontent label.tx_formslib-label {
    font-family: Verdana, Helvetica, sans-serif
    }
fieldset.csc-mailform {
    border: none
    }
#mailform .csc-mailform-field {
    margin-bottom: 20px
    }
#mailform .csc-mailform-field input[type=text], #mailform .csc-mailform-field textarea {
    width: 250px
    }
table {
    border-collapse: collapse
    }
td {
    vertical-align: top
    }
table.contenttable {
    margin-right: 1em
    }
table.contenttable td {
    border: 1px solid #9f0200;
    text-align: left;
    padding: 0.5em
    }
table.contenttable td p {
    margin-top: 0
    }
table.nav_table, table.nav_table {
    margin-right: 1em;
    text-align: center;
    vertical-align: top
    }
table.nav_table td {
    border: 1px solid #9f0200
    }
div.csc-textpic-text {
    width: 48em
    }
div.csc-textpic-caption {
    font-style: italic
    }
div.logoutbox {
    height: 7em;
    background-color: #4D87D9;
    color: #FFF;
    font-size: 0.75em;
    padding-top: 1em
    }
div.logoutbox a {
    color: #FFF;
    padding-left: 2em;
    line-height: 2em;
    text-decoration: none
    }
div#navigation ul li#li_administration, div#navigation ul li#li_administration ul, div#navigation ul li#li_administration ul li, div#navigation ul li#li_administration a, div#navigation ul li#li_administration a:hover {
    background-color: #4D87D9
    }
div.logoutbox input {
    color: #FFF;
    background-color: #4D87D9;
    text-decoration: underline;
    border: none;
    width: 8em;
    cursor: pointer;
    font-size: 1.2em;
    padding: 0;
    margin: 0;
    color: yellow;
    font-weight: bold
    }
/*################ Rahmen ####################*/
div#maincontent div.csc-frame-rulerBefore {
    border-top: 2px solid #c7a754;
    margin-top: 2em
    }
/*#############  Rhamen um SEO Links ################*/
div.csc-frame-indent6633 {
    border-top: 1px solid #DCB11F;
    color: #DCB11F;
    font-size: 0.85em
    }
div#maincontent div.csc-frame-indent6633 p {
    font-size: 1.1em
    }
div#maincontent div.csc-frame-indent6633 a, div#keywords_frontend a {
    text-decoration: none;
    color: #A9800F
    }
div#keywords_frontend a:hover, div#maincontent div.csc-frame-indent6633 a:hover {
    text-decoration: underline
    }
/*#################### Buttons ########################*/
input.tx-newloginbox-pi1-submit, input.tx-srfeuserregister-pi1-submit, input.shop_button, input.button, .tx_formslib-submitbuttons input, input.tx-ndhbiketours-pi2-searchbox-button {
    background-color: #F0D376;
    padding: 0.3em 0.7em;
    font-weight: bold
    }
div.tx-ndhbiketours-pi2 input.button {
    background-color: yellow;
    border: 2px solid #666
    }
#maincontent a.important {
    background-color: #F0D376;
    padding: 0.5em 1em;
    color: #000;
    border: 1px solid #666;
    text-decoration: none;
    display: block;
    width: 18em;
    margin-top: 1em
    }
/* ################ Suchbox ########################### */
div#searchblock form {
    margin: 0;
    padding: 1em 0 0 0
    }
div#searchblock {
    height: 6.5em;
    padding: 0 1em 0 1em
    }
div#searchblock select, div#searchblock input {
    background-color: #FFFAD6;
    width: 12em;
    margin: 0.2em 0;
    padding: 0
    }
div#searchblock input#txtsearch {
    width: 11.8em
    }
input.searchSubmitButton {
    border: 1px solid #AC8736;
    padding: 0;
    font-weight: bold
    }
span.csc-sword {
    background-color: yellow;
    color: red
    }
h6.listCountriesHeader {
    margin-top: 20px
    }
/* ###############  Registrierung #####################*/
.tx-srfeuserregister-pi1 table td {
    border-bottom: 1px solid #999;
    color: #000
    }
div.tx-srfeuserregister-pi1 table td input {
    border: 1px solid #666
    }
/*  for statistics  */
table.ndh_statistics {
    width: 95%
    }
table.ndh_statistics td {
    border: 1px solid #999;
    padding-left: 0.3em
    }
table.ndh_statistics tr.header td {
    background-color: #F0D376;
    font-weight: normal
    }
/* ############################################################ */
/* #### Icon ################################################## */
div.icon {
    display: block;
    position: relative;
    width: 22em;
    height: 5em;
    margin: 2em 0;
    float: left
    }
div#maincontent div.iconWrapper div.leftMargin a.txt {
    left: 8em
    }
div#maincontent div.icon a.txt {
    position: absolute;
    left: 5.5em;
    top: 2.5em;
    font-size: 1em;
    font-weight: bold;
    display: block;
    width: 14.5em;
    color: #000;
    text-decoration: none
    }
div#maincontent div.singleline a.txt {
    top: 2.6em
    }
/* ############################################################ */
/* #### Hauptnavigation ####################################### */
div#navigation ul {
    margin: 64px 0 0 0;
    border-top: 0 solid #e4c255;
    padding: 0 0 1px 0;
    list-style: none;
    background-repeat: repeat-x;
    background-position: left bottom;
    background-image: url(images/line-ffffff.gif)
    }
div#navigation ul ul {
    margin: 0;
    padding: 0 0 0 0;
    border: none;
    background: none
    }
div#googlePlusButton {
    padding: 3px 10px 4px
    }
div#navigation ul li {
    font-size: 0.75em;
    line-height: 1.5em
    }
div#navigation ul ul li {
    font-size: 1em;
    line-height: 1.5em
    }
div#navigation ul li a {
    text-decoration: none;
    display: block;
    padding: 0.5em 0 0.5em 1em;
    color: #000;
    background-repeat: repeat-x;
    background-position: left top;
    background-image: url(images/line-ffffff.gif)
    }
div#headerright ul li.act, div#navigation ul li.act {
    background-color: #AC8736
    }
div#headerright ul li.act a, div#navigation ul li.act a, div#navigation ul li a:hover {
    font-weight: bold;
    color: #fff;
    background-color: #AC8736
    }
div#navigation ul li.act li a, div#navigation ul li.act ul li.act ul li a {
    font-weight: normal;
    padding: 1px 0 0 1.5em;
    background: none;
    border-top: 1px solid #FFF;
    padding-top: 0
    }
div#navigation ul li.act ul li.act ul li a {
    font-weight: normal;
    padding: 0 0 0 2.5em
    }
div#navigation ul ul li.act a, div#navigation ul li.act ul li.act ul li.act a, div#navigation ul ul li a:hover {
    font-weight: normal;
    background-repeat: no-repeat;
    background-position: 0.8em 0.4em;
    background-image: url(images/nav_arrow.gif)
    }
div#navigation ul li.act ul li.act ul li.act a {
    background-position: 2em 0.4em
    }
div#navigation ul li#li_warenkorb {
    background-color: #6f0
    }
div#navigation ul li#li_warenkorb a {
    color: #000
    }
/* ############################################################ */
/* #### Meta-Navigation (oben rechts) ######################### */
div#headerright ul {
    margin: 0;
    padding: 0;
    list-style: none
    }
div#headerright ul li {
    font-size: 0.75em;
    line-height: 2em
    }
div#headerright ul li a {
    text-decoration: none;
    display: block;
    padding: 0 1em 0 1em;
    color: #000;
    background-repeat: repeat-x;
    background-position: left top;
    background-image: url(images/line-ffffff.gif)
    }
div#headerright ul li a:hover {
    font-weight: bold;
    color: #fff;
    background-color: #AC8736
    }
/*********************************************/
/*************  Linkliste ************/
#maincontent div.tx-cmwlinklist-pi1 a.blue {
    color: #4D87D9
    }
#maincontent div.breadcrum a {
    font-weight: bold
    }
div.breadcrum {
    margin-bottom: 1.5em
    }
tr.categoryList td {
    height: 1.8em
    }
td.buttonCell input {
    background-color: #F0D376;
    padding: 0.3em 0.7em;
    font-weight: bold
    }
td.descriptionLabel {
    width: 12em;
    padding-right: 1em
    }
/***********     rechte Spalte    *******/
@media all and (min-width: 75em) {
    div#rechteSpalte {
        position: absolute;
        top: 0;
        right: -20em;
        width: 20em;
        height: 100%
        }
    div#rechteSpalte .content {
        box-shadow: 5px 5px 10px 5px #777;
        margin: 64px 1em 1em 1em;
        width: 15em;
        border: 4px solid white;
        text-align: center
        }
    div#rechteSpalte .content p {
        padding: 5px
        }
    div#rechteSpalte .content h2, div#rechteSpalte .content h3, div#rechteSpalte .content h4, div#rechteSpalte .content h5 {
        background-color: white;
        padding: 5px;
        line-height: 1.5em;
        color: #333;
        font-size: 10pt;
        border-bottom: #136F8B dashed 1px
        }
    div#rechteSpalte div.csc-textpic-text {
        width: auto
        }
    }