/*//////////////////////////////////////////
// Erstellt: 08.12.2008, Matthias Dahms     //
// Änderung: 17.02.2009, Andreas Walch      //
 //////////////////////////////////////////*/


    html, body {
        height: auto !important;
        height: 100%;        
        min-height: 100%;
        width: 1003px;
        margin: 0px auto;
    }

    body {
        padding: 0px;
        margin: 0px;
        
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 65%;
        line-height: 130%;
        text-align: center;
        color: #000000;
        background-color: #ffffff;
        
        background-position: center; 
        background-image: url(/de/bilder/layout/background.gif);
        background-repeat: repeat-y;
        

    }

    img {
        display: block;
    }
    
    p {
        padding: 0em;
        margin: 0em 0em 1.5em 0em;
    }

    th,
    td {
        /*font-size: 70%;*/
    }
    
    form {
        padding: 0px;
        margin: 0px;
    }

    ul {
        padding: 0px;
        margin: 0px;
        list-style-type: none;
    }
    
    input, textarea, select {
        border: 1px #c7c7c7 solid;
        background-color: #ffffff;
    }
    
/*
    a:link, a:visited {
        text-decoration: none;
        padding: 1px 2px;
        color: #c62a00;
    }
    
    a:active, a:hover {
        text-decoration: none;
        padding: 1px 2px;
        color: #ffffff;
        background-color: #c62a00;
    }
*/

    a {
        text-decoration: none;
        padding: 1px 2px;
        color: #c62a00;
    }
    
    a:hover {
        text-decoration: none;
        padding: 1px 2px;
        color: #ffffff;
        background-color: #c62a00;
    }

    :focus {
         outline: 0; 
    }

    h1 {
        font-size: 190%;
        font-weight: normal;
        line-height: 130%;
        color: #c62a00;
        margin: 0em;
        padding: 0em 0em 0em 20px;
        background-image: url("/de/bilder/layout/h1_pfeil.gif");
        background-repeat: no-repeat;
        background-position: 0px 8px;
    }
    
    h2 {
        font-size: 130%;
        font-weight: normal;
        line-height: 130%;
        color: #c62a00;
        margin: 0em 0em 4px 0em;
        padding: 0em;
    }
    
    h3 {
        font-weight: bold;
        font-size: 100%;
        line-height: 130%;
        color: #000000;
        margin: 0em 0em 2px 0em;
        padding: 0em;
    }

    hr {
        margin: 0px 0px 10px 0px;
        padding: 0px;
        color: #c7c7c7;
        border-bottom: 0px;
        height: 0px;
    }

 /*//////////////////////////////////////////
// Layout                                   //
 //////////////////////////////////////////*/

/*
    div.claLayScroll {
        width: 100%;
        height: 100%;
        text-align: center;
        overflow: auto;
        overflow-x: auto;
        overflow-y: scroll;
    }
*/

    div.claLay {
        width: 1003px;
        margin: 0px auto;
        height: 100%;
        min-height: 100%;

        /*
        background-image: url(/de/bilder/layout/background.gif);
        background-repeat: repeat-y;
        background-position: center;*/
    }

    #claLay {
        width: 1003px;
        margin: 0px auto;
        height: 100%;
        /*
        background-image: url(/de/bilder/layout/background.gif);
        background-repeat: repeat-y;
        */
    }

    div.claLayLeft {
        float: left;
        width: 802px;
        margin-right: 26px;
        text-align: left;
        /*padding-top: 158px;*/
    }

    div.claLayLeftPad {
        padding: 7px 1px 0px 1px;
    }

    div.claLayRight {
        float: right;
        width: 174px;
        /*padding-top: 235px;*/
        text-align: left;
    }

    div.claLayRightPad {
        padding: 40px 1px 0px 1px;
    }
    
    div.claTop {
        width: 100%;
    }

    div.claTop div.claTopHead {
        width: 1003px;
        margin: 0 auto;
    }

    .claTopNavigation {
        /*float: left;
        width: 800px;
        margin-left: 1px;
        text-align: left;
        color: #6a6a6a;
        font-size: 1em;
        background-color: #fff;*/
    }

    .claCalendar {
        /*float: right;
        padding-top: 33px;
        margin-left:1px;
        width: 172px;
        text-align: left;
        color: #000000;
        font-size: 0.9em;
        background-color: #fff;*/
    }

    div.claLeftNav {
        /*position: absolute;
        top: 263px;
        left: 50%;
        right: 50%;
        margin-left: -509px;*/
        width: 160px;
        text-align: left;
    }

 /*//////////////////////////////////////////
// Navigation 1 (Kopf)                      //
 //////////////////////////////////////////*/

    div.claTopNav1 {
        height: 38px;
    }

    div.claTopNav1Pad {
        padding: 10px 10px 5px 16px;
    }

    div.claSearch div {
        float: left;
        margin-right: 6px;
    }

    div.claSearch {
        float: left;
    }

    input.claSearchField {
        height: 1.3em;
        width: 7em;
        font-size: 1em;
        line-height: 1.2em;
        margin: 0px;
        padding: 0px;
    }

    span.claTopNav1Trenner {
        float: left;
        padding: 0px 5px 0px 4px;
    }

    span.claTopNav1Link {
        float: left;
        color: #6a6a6a;
    }

    span.claTopNav1Link a:link,
    span.claTopNav1Link a:visited {
        padding: 2px 3px;
        color: #6a6a6a;
        text-decoration: none;
    }

    span.claTopNav1Link a:active,
    span.claTopNav1Link a:hover {
        padding: 2px 3px;
        color: #fff;
        background-color: #6a6a6a;
        text-decoration: none;
    }

 /*//////////////////////////////////////////
// Navigation 2 (Kopf)                      //
 //////////////////////////////////////////*/

    div.claTopNav2 {
        text-align: left;
    }


    div.claTopNav2 li {
        float: left;
        border-bottom: 1px #c62a00 solid;
        width: 160px;
    }

    div.claTopNav2Pad {
        padding: 4px 0px 4px 11px;
    }
/*
    div.claTopNav2 a:link,
    div.claTopNav2 a:visited,
    div.claTopNav2 a:active,
    div.claTopNav2 a:hover {
        text-decoration: none;
        padding: 2px 3px;
        color: #000;
    }

    div.claTopNav2 div#esy_nav_active a:link,
    div.claTopNav2 div#esy_nav_active a:visited,
    div.claTopNav2 div#esy_nav_active a:active,
    div.claTopNav2 div#esy_nav_active a:hover,
    div.claTopNav2 a:active,
    div.claTopNav2 a:hover {
        color: #fff;
        background-color: #c62a00;
        padding: 2px 3px;
    }
*/
    div.claTopNav2 a {
        text-decoration: none;
        padding: 2px 3px;
        color: #000;
    }
    div.claTopNav2 div.esy_nav_active a,
    div.claTopNav2 a:hover {
        color: #fff;
        background-color: #c62a00;
        padding: 2px 3px;
    }

 /*//////////////////////////////////////////
// Navigation 3 (Linke Spalte)              //
 //////////////////////////////////////////*/

    /* Ebene 1 */

    div.claNavLeftBorder {
        width: 160px;
        border-bottom: 1px #c62a00 solid;
    }

    div.claLeftNav ul.claUl1Active {
        width: 160px;
        /*border-top: 1px #cf360d solid;*/
        background-color: #ffffff;
    }

    div.claLeftNav ul.claUl1 {
        width: 160px;
    }

        div.claLeftNav li.claLi1Active {
            border-top: 1px #c62a00 solid;
            padding: 4px 0px 5px 12px;
        }

            /*div.claLeftNav li*/.claLi1Active a:link,
            /*div.claLeftNav li*/.claLi1Active a:visited,
            /*div.claLeftNav li*/.claLi1Active a:active,
            /*div.claLeftNav li*/.claLi1Active a:hover {
                font-size: 90%;
                color: #ffffff;
                background-color: #c62a00;
                padding: 3px 6px;
            }
    
        div.claLeftNav li.claLi1 {
            border-top: 1px #c62a00 solid;
            padding: 4px 3px 5px 12px;
        }

            /*div.claLeftNav li*/.claLi1 a:link,
            /*div.claLeftNav li*/.claLi1 a:visited {
                font-size: 90%;
                color: #c62a00;
                padding: 3px 6px;
            }

            /*div.claLeftNav li*/.claLi1 a:active,
            /*div.claLeftNav li*/.claLi1 a:hover {
                font-size: 90%;
                color: #ffffff;
                background-color: #c62a00;
                padding: 3px 6px;
            }

    /* Ebene 2 */
    div.claLeftNav ul.claUl2Active {
        margin: 5px 0 15px;
    }

    div.claLeftNav ul.claUl2 {
        margin: 5px 0 15px;
    }

        div.claLeftNav li.claLi2Active {
            padding: 2px 0px 2px 16px;
        }

            div.claLeftNav li.claLi2Active a:link,
            div.claLeftNav li.claLi2Active a:visited,
            div.claLeftNav li.claLi2Active a:active,
            div.claLeftNav li.claLi2Active a:hover {
                color: #000000;
                background-color: #ffffff;
                font-weight: normal;
                padding: 0px;
            }
    
        div.claLeftNav li.claLi2 {
            padding: 2px 4px 2px 16px;
        }

            div.claLeftNav li.claLi2 a:link,
            div.claLeftNav li.claLi2 a:visited {
                color: #c62a00;
                background-color: #ffffff;
                font-weight: normal;
                padding: 0px;
            }

            div.claLeftNav li.claLi2 a:active,
            div.claLeftNav li.claLi2 a:hover {
                color: #000000;
                background-color: #ffffff;
                font-weight: normal;
                padding: 0px;
            }

    /* Ebene 3 */
    div.claLeftNav ul.claUl3Active {
        margin-top: 5px;
    }

    div.claLeftNav ul.claUl3 {
        margin-top: 5px;
    }

        div.claLeftNav li.claLi3Active {
            padding: 2px 4px 4px 16px;
        }

            div.claLeftNav li.claLi3Active a:link,
            div.claLeftNav li.claLi3Active a:visited,
            div.claLeftNav li.claLi3Active a:active,
            div.claLeftNav li.claLi3Active a:hover {
                color: #000000;
                background-color: #ffffff;
                font-weight: normal;
                padding: 0px;
                line-height: 126%;
            }
    
        div.claLeftNav li.claLi3 {
            padding: 2px 4px 4px 16px;
        }

            div.claLeftNav li.claLi3 a:link,
            div.claLeftNav li.claLi3 a:visited {
                color: #c62a00;
                background-color: #ffffff;
                font-weight: normal;
                padding: 0px;
                line-height: 126%;
            }

            div.claLeftNav li.claLi3 a:active,
            div.claLeftNav li.claLi3 a:hover {
                color: #000000;
                background-color: #ffffff;
                font-weight: normal;
                padding: 0px;
                line-height: 126%;
            }

 /*//////////////////////////////////////////
// Navigation 4 (Content)                   //
 //////////////////////////////////////////*/

    div.claContentNav {
        width: 542px;
        background-image: url("/de/bilder/layout/rahmen_unten.gif");
    }

    div.claContentNav ul {
        padding: 0px;
        margin: 0px;
    }

    div.claContentNav li {
        float: left;
        padding: 0px 12px 0px 0px;
        padding-right: 12px;
        margin: 0px 0px 3px 0px;
        border-bottom: 1px #000 solid;
        height: 13px;
    }

    div.claContentNav a:link,
    div.claContentNav a:visited {
        padding: 0px 14px 0px 6px;
        background-image: url("/de/bilder/layout/ecke_weiss.gif");
        background-position: right;
        background-repeat: no-repeat;
        color: #000;
    }

    div.claContentNav div#esy_nav_active a:link,
    div.claContentNav div#esy_nav_active a:visited,
    div.claContentNav div#esy_nav_active a:active,
    div.claContentNav div#esy_nav_active a:hover,
    div.claContentNav a:active,
    div.claContentNav a:hover {
        padding: 0px 14px 0px 6px;
        background-image: url("/de/bilder/layout/ecke_weiss.gif");
        background-position: right;
        background-repeat: no-repeat;
        color: #fff;
        background-color: #000;
    }

 /*//////////////////////////////////////////
// Suchfelder                               //
 //////////////////////////////////////////*/

    div.claSuchfelder {
        margin: 35px 0px 0px 16px;
    }

 /*//////////////////////////////////////////
// Tabellen                                 //
 //////////////////////////////////////////*/

    .claPreisgruppe {
        border-top: 1px #000000 solid;
    }

    .claPreisgruppe th {
        border-bottom: 1px #000000 solid;
        text-align: center;
        color: #c62a00;
    }

    .claPreisgruppe td {
        border-bottom: 1px #000000 solid;
        text-align: center;
        color: #000000;
    }

    .claPreise {
        border-top: 1px #000000 solid;
    }

    .claPreise th {
        border-bottom: 1px #000000 solid;
        text-align: center;
        color: #c62a00;
    }

    .claPreise td {
        border-bottom: 1px #000000 solid;
        text-align: center;
    }

 /*//////////////////////////////////////////
// Calender                                 //
 //////////////////////////////////////////*/

    div.claCalendar h1 {
        color: #000000;
        background-position: 0px 5px;
    }

    div.claCalendar th {
        font-weight: normal;
    }

    div.claCalendar th,
    div.claCalendar td {
        text-align: center;
        border-bottom: 1px #000 solid;
        width: 14%;
    }

    div.claCalendarHead {
        padding: 0px 12px 5px 12px;
    }

    div.claCalendarTblHead {
        border-top: 1px #000 solid;
        border-bottom: 1px #000 solid;
    }

    div.claCalendarTblHead div.claLeft {
        float: left;
        width: 20px;
    }

    div.claCalendarTblHead div.claCenter {
        text-align: center;
        font-size: 110%;
        font-weight: bold;
        padding: 3px 0px;
        float: left;
        width: 132px;
    }

    div.claCalendarTblHead div.claRight {
        float: left;
        width: 20px;
    }

    div.claCalendarLink {
        text-align: right;
        padding: 8px 5px;
    }

    div.claCalendarLink a:link,
    div.claCalendarLink a:visited {
        padding: 2px 4px;
        color: #c62a00;
    }

    div.claCalendarLink a:active,
    div.claCalendarLink a:hover {
        padding: 2px 4px;
        color: #ffffff;
        background-color: #c62a00;
    }

 /*//////////////////////////////////////////
// Layout Top                               //
 //////////////////////////////////////////*/

    div.claTopLogo {
        text-align: right;
        padding: 0px 16px 13px 16px;
    }

    div.claTopLogo img {
        display: inline;
    }

    div.claTopLogo a:link,
    div.claTopLogo a:visited,
    div.claTopLogo a:active,
    div.claTopLogo a:hover {
        background-color: transparent;
    }

    div.claHeader {
        padding: 13px 5px 13px 17px;
    }

 /*//////////////////////////////////////////
// Layout Content 1                         //
 //////////////////////////////////////////*/

    div.claContent {
        padding: 6px 33px 33px 33px;
    }

    div.claContent h1 {
        font-size: 170%;
        background-position: 0px 5px;
    }

    div.claContent .claStartText {
        margin-bottom: 25px;
    }

    div.claContent div.claLeft {
        float: left;
        width: 357px;
    }

    div.claContent div.claRight {
        float: right;
        width: 357px;
    }

    div.cla Content div.claBlockText h2 {
        font-size: 160%;
    }

    div.claContent div.claBlock {
        padding: 12px 0px;
        border-bottom: 1px #c0c0c0 solid;
    }

    div.claContent div.claBlockBorder {
        padding: 12px;
        border: 1px #c0c0c0 solid;
        border-top: 0px;
        background-color: #f2f2f2;
    }

    div.claContent div.claBlockSmall {
        padding: 12px 0px;
        border-bottom: 1px #c0c0c0 solid;
    }

    div.claContent div.claBlockImg {
        float: left;
        width: 100px;
    }

    div.claContent div.claBlock div.claBlockText,
    div.claContent div.claBlockSmall div.claBlockText {
        float: right;
        width: 228px;
    }

    div.claContent div.claBlockBorder div.claBlockText {
        float: right;
        width: 213px;
    }

    div.claContent div.claBlockText h2 {
        font-size: 160%;
        margin: 1px 0px 10px 0px;
    }

    div.claBlockSmall div.claBlockText h2 {
        font-size: 160%;
        margin: 3px 0px 0px 0px;
    }

    div.claContent span.claLinkKarten a:link, 
    div.claContent span.claLinkKarten a:visited, 
    div.claContent span.claLinkKarten a:active, 
    div.claContent span.claLinkKarten a:hover {
        background-image: url("/de/bilder/layout/karten_button.gif");
        background-repeat: no-repeat;
        background-position: 2px 0px;
        background-color: transparent;
        color: #000000;
        padding: 0px;
        padding-left: 20px;
    }

 /*//////////////////////////////////////////
// Layout Content 2                         //
 //////////////////////////////////////////*/

    div.claContent2 {
        padding: 14px 14px 33px 0px;
    }

    div.claContent2 div.claLeft {
        float: left;
        width: 160px;
        padding-top: 5px;
    }

    div.claContent2 div.claRight {
        float: right;
        width: 611px;
    }

    div.claContent2 div.claHeader {
        padding: 6px 0px 33px 0px;
    }

    div.claContent2 div.claText ul {
        padding: 0px;
        margin: 0px 0px 0px 20px;
        list-style-type: disc;
    }

    div.claContent2 div.claLeitung {

    }

    div.claLeitung div.claLeitungBild {
        float: left;
        width: 87px;
    }

    div.claLeitung div.claLeitungText {
        float: right;
        width: 474px;
    }

    div.claContent2 div.claTrennerLogin {
        margin: 9px 0px 10px 0px;
        border-bottom: 1px #C7C7C7 solid;
    }

    div.claTrenner {
        margin: 9px 0px 10px 0px;
        border-bottom: 1px #9c9c9c solid;
    }

 /*//////////////////////////////////////////
// Layout Content 3                         //
 //////////////////////////////////////////*/

    div.claContent3 {
        padding: 14px 14px 33px 0px;
    }

    div.claContent3 div.claLeft {
        float: left;
        width: 160px;
        padding-top: 5px;
    }

    div.claContent3 div.claRight {
        float: right;
        width: 611px;
    }

    div.claContent3 div.claHeader {
        padding: 6px 0px 20px 0px;
    }

    div.claContent3 div.claText ul {
        padding: 0px;
        margin: 0px 0px 0px 20px;
        list-style-type: disc;
    }

    div.claContent3 div.claBlockStuecke {
        margin: 19px 0px 14px 0px;
    }

    div.claContent3 div.claBlockStuecke h2 {
        font-size: 160%;
    }
    
    div.claContent3 div.claBlockImg {
        float: left;
        width: 200px;
    }

    div.claContent3 div.claBlockText {
        float: right;
        width: 387px;
    }

    div.claContent3 div.claParameter {
        width: 384px;
        padding-top: 2px;
        clear: left;
    }

    div.claContent3 div.claParameter div {
        float: left;
        width: 128px;
    }

    div.claContent3 span.claLinkPreise a:link, 
    div.claContent3 span.claLinkPreise a:visited, 
    div.claContent3 span.claLinkPreise a:active, 
    div.claContent3 span.claLinkPreise a:hover {
        background-image: url("/de/bilder/layout/preise_button.gif");
        background-repeat: no-repeat;
        background-position: 2px 0px;
        background-color: transparent;
        color: #000000;
        padding: 0px;
        padding-left: 20px;
    }

    div.claContent3 span.claLinkKarten a:link, 
    div.claContent3 span.claLinkKarten a:visited, 
    div.claContent3 span.claLinkKarten a:active, 
    div.claContent3 span.claLinkKarten a:hover {
        background-image: url("/de/bilder/layout/karten_button.gif");
        background-repeat: no-repeat;
        background-position: 2px 0px;
        background-color: transparent;
        color: #000000;
        padding: 0px;
        padding-left: 20px;
    }

    div.claListe {
        width: 590px;
    }

    div.claListeBild a:link,
    div.claListeBild a:visited,
    div.claListeBild a:active,
    div.claListeBild a:hover {
        padding: 0px;
        background-color: #ffffff;
    }

    div.claListe div.claListeBild {
        float: left;
        width: 180px;
        margin-right: 10px;
    }

    div.claListe div.claListeText {
        float: right;
        width: 400px;
    }

    div.claListe2 {
        width: 590px;
    }

    div.claListe2 div.claListeBild {
        float: left;
        width: 102px;
        margin-right: 10px;
    }

    div.claListe2 div.claListeText {
        float: right;
        width: 478px;
    }

    div.claContent3 div.claZurueck {
        float: left;
    }

    div.claContent3 div.claH1Rechts {
        float: right;        
        width: 421px;
    }

    div.claContent3 div.claListe3 {
        width: 590px;
    }

    div.claListe3 div.claListeTop {
        
    }

    div.claListe3 div.claListeDate {
        width: 100px;
        float: left;
        font-size: 250%;
        line-height: 100%;
        padding-left: 10px;
    }

    div.claListe3 div.claListeTitel {
        width: 480px;
        float: left;
    }

    div.claListe3 div.claListeBottom {
        margin-top:3px;
    }

    div.claListe3 div.claListeTime {
        width: 100px;
        float: left;
        padding-left: 10px;
    }

    div.claListe3 div.claListeLoca {
        width: 400px;
        float: left;
    }

    div.claListe3 div.claListeAbo {
        width: 140px;
        float: right;
        text-align: left;
    }

    div.claListe3 div.claListeTicket {
        width: 70px;
        float: right;
        text-align: left;
    }

    div.claSwitchMonth div.claLeft {
        float: left;
        width: 20px;
        padding: 0px;
        margin: 0px 5px 0px 0px;
    }

    div.claSwitchMonth div.claCenter {
        float: left;
        font-size: 160%;
        line-height: 130%;
    }

    div.claSwitchMonth div.claRight {
        float: left;
        width: 20px;
        padding: 0px;
        margin: 0px 0px 0px 5px;
    }

 /*//////////////////////////////////////////
// Layout Content 4                         //
 //////////////////////////////////////////*/

    div.claContent4 {
        padding: 14px 14px 33px 0px;
    }

    div.claContent4 div.claLeft {
        float: left;
        width: 160px;
        padding-top: 5px;
    }

    div.claContent4 div.claRight {
        float: right;
        width: 611px;
    }

    div.claContent4 div.claEnsembleBild {
        float: left;
        width: 140px;
    }

    div.claContent4 div.claEnsembleText {
        float: right;
        width: 445px;
    }

    div.claContent4 div.claEnsembleText h1 {
        background-image: url("/de/bilder/trans.gif");
        padding-left: 0px;
    }

 /*//////////////////////////////////////////
// Layout Content 5                         //
 //////////////////////////////////////////*/

    div.claContent5 {
        padding: 14px 14px 33px 0px;
    }

    div.claContent5 div.claLeft {
        float: left;
        width: 160px;
        padding-top: 5px;
    }

    div.claContent5 div.claRight {
        float: right;
        width: 611px;
    }

    div.claContent5 div.claHeader {
        padding: 6px 0px 33px 0px;
    }

    div.claContent5 div.claText ul {
        padding: 0px;
        margin: 0px 0px 0px 20px;
        list-style-type: disc;
    }

    div.claContent5 div.claBlockStuecke {
        margin: 19px 0px 14px 0px;
    }

    div.claContent5 div.claBlockStuecke h2 {
        font-size: 160%;
    }
    
    div.claContent5 div.claBlockImg {
        float: left;
        width: 260px;
    }

    div.claContent5 div.claHeadLeft {
        float: left;
        margin-right: 10px;
    }

    div.claContent5 div.claHeadCenter {
        float: left;
        width: 100px;
    }

    div.claHeadCenter div {
        float: left;
    }

    div.claContent5 div.claHeadRight {
        float: right;
        width: 90px;
    }

    div.claContent5 div.claBottomLeft {
        float: left;
        width: 130px;
        text-align: right;
    }

    div.claContent5 div.claBottomRight {
        float: left;
        width: 115px;
        margin-left: 15px;
    }

    div.claContent5 div.claBlockText {
        float: right;
        width: 330px;
    }

    div.claContent5 div.claParameter {
        width: 330px;
        padding-top: 2px;
        clear: left;
    }

    div.claParameter div {
        width: 145px;
        float: left;
    }

    div.claKaPr {
        width: 40px;
    }

    div.claKaPr div {
        float: right;
        width: 20px;
    }

    div.claKaPr a:link,
    div.claKaPr a:visited,
    div.claKaPr a:active,
    div.claKaPr a:hover {
        padding: 0px;
        background-color: #fff;
    }

 /*//////////////////////////////////////////
// Formular                                 //
 //////////////////////////////////////////*/

    div.claFormular {
        clear: left;
    }

    div.claFormular div {
        float: left;
    }

    div.claFormular div.claFieldname {
        width: 110px;
    }

    div.claFormular div.claFieldbox input {
        width: 20em;
        height: 1.6em;
        font-size: 1em;
    }

    div.claFormular div.claFieldbox textarea {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        width: 20em;
        height: 5.6em;
        font-size: 1em;
    }

    div.claFormular div.claFieldbutton {
        padding-left: 22px;
    }

 /*//////////////////////////////////////////
// Fotogalerie                              //
 //////////////////////////////////////////*/

    div.claImgBlock {
        float: left;
        width: 166px;
        margin: 0px 22px 50px 0px;
        border-top: 1px #000 solid;
        border-bottom: 1px #000 solid;
    }

    div.claImgBlock div.claImgBlockHead {
        clear: left;
        height: 28px;
        padding-top: 2px;
    }

    div.claImgBlock div.claImgBlockBildPad {
        clear: left;
        border-top: 1px #000 solid;
        border-bottom: 1px #000 solid;
        padding: 2px 0px;
    }

    div.claImgBlock div.claImgBlockBild {
        width: 166px;
        height: 130px;
        text-align: center;
    }

    div.claImgBlock div.claImgBlockBild{
        margin: 0px auto;
    }

    div.claImgBlock div.claImgBlockBild img {
        display: inline;
    }

    div.claImgBlock div.claImgBlockBild a:link,
    div.claImgBlock div.claImgBlockBild a:visited,
    div.claImgBlock div.claImgBlockBild a:active,
    div.claImgBlock div.claImgBlockBild a:hover {
        padding: 0px;
        background-color: transparent;
    }

    div.claImgBlock div.claImgBlockBildBig {
        clear: left;
        padding: 5px 0px 4px 24px;
        background-image: url("/de/bilder/layout/lupe2.gif");
        background-repeat: no-repeat;
        background-position: 4px 4px;
    }

    div.claImgBlock div.claImgBlockBildBig a:link,
    div.claImgBlock div.claImgBlockBildBig a:visited,
    div.claImgBlock div.claImgBlockBildBig a:active,
    div.claImgBlock div.claImgBlockBildBig a:hover {
        padding: 0px;
        background-color: #fff;
        color: #000;
    }

    div.claImgBlock div.claImgBlockFooter {
        margin-top: 3px;
        clear: left;
        text-align: right;
    }

    div.claImgBlock div.claImgBlockZiel {
        clear: left;
        text-align: right;
        margin: 6px 0px 3px 0px;
    }

 /*//////////////////////////////////////////
// Fotogalerie 2                            //
 //////////////////////////////////////////*/

    div.claImgBlock2 {
        margin: 0px;
        padding: 0px;
    }

    div.claImgBlock2 div.claImgBlock2Bild {
        float: left;
        width: 170px;
        margin-left:5px;
    }

    div.claImgBlock2 div.claImgBlock2BildBig {
        clear: left;
        padding: 5px 0px 4px 24px;
        background-image: url("/de/bilder/layout/lupe.gif");
        background-repeat: no-repeat;
        background-position: 4px 4px;
    }

    div.claImgBlock2 div.claImgBlock2Text {
        float: right;
        width: 344px;
    }

    div.claImgBlock2Text div.claInfo {
        float: left;
        width: 90px;
        margin-right: 3px;
    }

    div.claImgBlock2Text div.claValue {
        float: left;
        width: 251px;        
    }

    div.claImgBlock2Text div.claButton {
        float: right;
    }

    div.claImgBlock2Text div.claButton a:link,
    div.claImgBlock2Text div.claButton a:visited,
    div.claImgBlock2Text div.claButton a:active,
    div.claImgBlock2Text div.claButton a:hover {
        padding: 0px;
        background-color: transparent;
    }

 /*//////////////////////////////////////////
// Layout Rechte Spalte                     //
 //////////////////////////////////////////*/

    div.claTeaserRight {
        background-color: #ffffff;
        padding: 0px 6px;
        margin: 0px 10px;
        font-size: 90%;
    }

    div.claTeaserRight h1 {
        margin-bottom: 5px;
        color: #000000;
        background-position: 0px 5px;
    }

    div.claTeaserRight a:link,
    div.claTeaserRight a:visited {
        padding: 1px 2px;
        color: #c62a00;
    }

    div.claTeaserRight a:active,
    div.claTeaserRight a:hover {
        padding: 1px 2px;
        color: #ffffff;
        background-color: #c62a00;
    }

    div.claTeaserRightMa {
        background-color: #ffffff;
        padding: 0px 6px;
        margin: 0px 10px;
        font-size: 90%;
    }


    div.claTeaserRightMa a:link,
    div.claTeaserRightMa a:visited,
    div.claTeaserRightMa a:active,
    div.claTeaserRightMa a:hover {
        padding: 1px 2px;
        color: #ffffff;
        background-color: #ffffff;
    }

    div.claTeaserRightAktuelles {
        margin-top: 5px;
        padding-top: 0px;
/*        padding-top: 30px;*/
        margin-bottom: 5px;
    }

    div.claTeaserRightAktuelles h2 {
        color: #000000;
        font-size: 120%;
        line-height: 130%;
        font-weight: normal;
        background-image: url("/de/bilder/trans.gif");
        padding-left: 0px;
        margin: 4px 0px;
    }

    div.claTeaserRightLink {
        margin-top: 5px;
    }

    div.claTeaserRightSponsoren {
        margin-top: 10px;
    }

 /*//////////////////////////////////////////
// Popup                                    //
 //////////////////////////////////////////*/

    div.claPopup {
        text-align: center;
    }

    div.claPopupHead {
        width: 512px;
        margin: 35px auto 15px;
    }

    div.claPopupHead div.claHeadLeft {
        font-size: 450%;
        line-height: 130%;
        color: #e0e0e0;
        float: left;
        font-style: italic;
    }

    div.claPopupHead div.claHeadRight {
        font-size: 150%;
        line-height: 130%;
        color: #c62a00;
        float: left;
        padding-top: 35px;
    }

    div.claPopupFooter {
        width: 512px;
        margin: 5px auto;
        text-align: left;
    }

    div.claPopupFooter div.claFooterTop {
        font-size: 120%;
    }

    div.claPopupFooter div.claFooterMiddle {
        margin-top: 10px;
        margin-bottom: 5px;
        font-size: 140%;
        font-weight: bold;
        color: #c62a00;
    }

    div.claPopupFooter div.claFooterLeft {
        font-size: 120%;
        float: left;
    }

    div.claPopupFooter div.claFooterRight {
        float: right;
        width: 50px;
    }

 /*//////////////////////////////////////////
// Spezial                                  //
 //////////////////////////////////////////*/

    div#idBgpEmedia {
        display: none;
        visibility: hidden;
    }

    div.claContentWidth {
        width: 590px;
    }

    div.claContentPad {
        margin: 10px 0px 0px 21px;
    }

    .cla, .cla a:link, .cla a:visited, .cla h1, .cla h2 {
        color: #c62a00;
    }

    .cla a:active, .cla a:hover {
        background-color: #c62a00;
        color: #fff;
    }

    .claUnderline {
        border-bottom: 1px #bfbfbf solid;
    }

    div.claSitemap h2 {
        font-weight: bold;
    }

    div.claSitemap h3 {
        font-weight: normal;
    }

    div.claSitemap ul {
        list-style-type: none;
    }

    div.claSitemap li {
        list-style-type: none;
    }

    li.claSitemapLevelLi0 {
        padding-bottom: 5px;
    }

    li.claSitemapLevelLi1 {
        padding-bottom: 2px;
    }

    ul.claSitemapLevel2 {
        padding-bottom: 5px;
    }

    li.claSitemapLevelLi2 {
        padding-bottom: 2px;
    }

    div.claHide {
        display: none;
    }

    div.claCMSSelect {
        position: relative;
        width: 1003px;
        height:1px;
    }

    div.claCMSSelectPos {
        position: absolute;
        top: 24px;
        left: 14px;
        z-index: 9999;
        text-align: left;
    }                                                                                                                                                                                                            

    .claBarrNav {
        display: none;
    }

    div.claFooterPrint {
        display: none;
    }    


.quizLabel {
    float:left;
}

.quizAnswer {
    float:left;
    width:590px;
}  

.quizRadio {
    float:left;
    width:20px;
    min-height:20px;
}

.quizAntwort {
    float:left;
    width:570px;
}  

.quizButton {
    float:left;
    width:95px;
}       

.text-block {
    float:left;
    width:590px;
    padding-top:10px;
    border-bottom:1px solid #8a8a8a;
}               

.text-block-label {
    float:left;
    width:120px;
    padding-right:8px;
}

.text-block-txt {
    float:left;
    width:462px;
}