/*
    Reset
*/

    html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-size:100%;font-style:inherit;font-family:inherit;vertical-align:baseline}
    :focus{outline:0}
    body{line-height:1;color:black;background:white}
    ol,ul{list-style:none}
    table{border-collapse:separate;border-spacing:0}
    caption,th,td{text-align:left;font-weight:normal}
    blockquote:before,blockquote:after, q:before,q:after{content:""}
    blockquote,q{quotes:"" ""}
    img.spacer-gif{border:none !important}
    a{text-decoration:none}
    h1,h2,h3,h4,h5,h6{font-weight:normal}


/*
    html & body
*/

    body,
    html {
        color: #414141;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 18px;
    }
    
    html {
        background-color: #FFF;
    }
    
    body {
        background: transparent url("../layout/bg-body.png") repeat-x scroll left top;
    }


/*
    Classes
*/

    .left { float: left }
    .right { float: right }
    
    .clear { clear: both }


/*
    Layout
*/

    #wrap {
        margin: 0 auto;
        width: 954px;
    }
    
        #top {
            padding: 16px 0 10px;
        }
        
            #search .text {
                background: #FFF url("../layout/bg-search-submit.png") no-repeat scroll left top;
                border: 0;
                color: #46661C;
                float: left;
                height: 28px;
                margin-right: 8px;
                padding: 0 5px 0 16px;
                width: 181px;
            }
            
            #search .submit {
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                background: #EA6B1E url("../layout/bg-button-red.png") repeat-x scroll left bottom;
                border-color: #B40F00;
                border-radius: 2px;
                border-style: solid;
                border-width: 0 0 1px;
                color: #FFF;
                cursor: pointer;
                font-family: Arial, Helvetica, sans-serif;
                font-weight: bold;
                height: 28px;
                text-transform: uppercase;
                width: 82px;
            }
            
                #search .submit:hover {
                    border-width: 1px;
                    text-shadow: #222 1px 1px 0;
                    width: 82px;
                }
                
        #head {
            margin-bottom: 14px;
            min-height: 77px;
            position: relative;
        }
        
            #logo {
                display: block;
                position: absolute;
                right: 5px;
                top: -35px;
                z-index: 10;
            }
            
            #menu {
                position: relative;
                z-index: 9;
            }
            
                #menu li {
                    float: left;
                    margin-right: 2px;
                }
                
                    #menu a {
                        color: #FFF;
                        display: block;
                        font-size: 20px;
                        font-weight: bold;
                        height: 59px;
                        line-height: 59px;
                        padding: 0 16px;
                        text-shadow: #295500 1px 1px 0;
                    }
                    
                        #menu .active a,
                        #menu a:hover {
                            -webkit-border-top-left-radius: 3px;
                            -webkit-border-top-right-radius: 3px;
                            -moz-border-radius-topleft: 3px;
                            -moz-border-radius-topright: 3px;
                            border-top-left-radius: 3px;
                            border-top-right-radius: 3px;
                        }
                        
                        #menu a:hover {
                            color: #295500;
                            text-shadow: #B6C819 1px 1px 0;
                        }
                        
                        #menu .active a {
                            background: #82A200 url("../layout/bg-menu-a.png") repeat-x scroll left top;
                            color: #FFF;
                            text-shadow: #295500 1px 1px 0;
                        }
                    
            #submenu {
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                background: #9CB500 url("../layout/bg-submenu.png") repeat-x scroll left top;
                border-radius: 3px;
                float: left;
                padding: 0 16px;
                width: 922px;
            }
            
            #submenu.first {
                -webkit-border-top-left-radius: 0;
                -moz-border-radius-topleft: 0;
                border-top-left-radius: 0;
            }
            
                #submenu li {
                    float: left;
                    margin-right: 20px;
                }
                    
                    #submenu a {
                        color: #385A0B;
                        font-size: 13px;
                        font-weight: bold;
                        height: 48px;
                        line-height: 48px;
                        padding: 0;
                        text-shadow: none;
                        white-space: nowrap;
                    }
                    
                        #submenu a:hover {
                            text-decoration: underline;
                        }
                        
                        #submenu .active a {
                            color: #FFF;
                            text-decoration: none;
                        }
                    
        #content {
            margin-bottom: 14px;
            min-height: 160px;
        }
        
            #left {
                float: left;
                width: 308px;
            }
            
            #right {
                float: right;
                width: 632px;
            }
        
        #bottom {
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            background-color: #F0F4D9;
            border-radius: 3px;
            margin-bottom: 14px;
            padding: 8px 16px;
        }
        
            #bottom p {
                text-shadow: #FFF 1px 1px 0;
            }
            
            #menu-bottom li {
                float: left;
                margin-left: 16px;
            }
            
                #menu-bottom a {
                    color: #414141;
                    text-shadow: #FFF 1px 1px 0;
                }
                
                    #menu-bottom a:hover {
                        text-decoration: underline;
                    }

/*
    Content
*/

    #content h1 {
        color: #E0530F;
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 8px;
    }
    
    #content h2 {
        color: #488C00;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 12px;
    }
    
    #content h3 {
        color: #9C9E9F;
        font-weight: Verdana, Helvetica, Arial, sans-serif;
        font-size: 11px;
        line-height: 14px;
        margin-bottom: 22px;
        text-transform: uppercase;
    }
    
    #content a {
        color: #E0530F;
        text-decoration: underline;
    }
    
        #content a:hover {
            color: #414141;
        }
        
    #content ul,
    #content ol {
        padding-left: 30px;
    }
      
        #content ul li {
            list-style: outside disc;
        }
        
        #content ol li {
            list-style: outside decimal;
        }


/*
    Cycle
*/

    .cycle {
        border: 3px solid #FFF;
        height: 282px;
        margin-bottom: 16px;
        overflow: hidden;
    }


/*
    Contact
*/

    #error {
        -moz-border-radius: 2px;
        -moz-box-shadow: 0px 0px 7px #F29E9B;
        -webkit-border-radius: 2px;
    	-webkit-box-shadow: 0px 0px 7px #F29E9B;
        background-color: #FDE5E5;
        border: 1px solid #EC4E48;
        border-radius: 2px;
    	box-shadow: 0px 0px 7px #F29E9B;
        color: #C92721;
        margin-bottom: 10px;
        padding: 8px 10px;
        text-shadow: #EEE 1px 1px 0;
    }
    
        #error ul {
            margin-bottom: 0;
        }
    
    #contact .row {
        float: left;
        margin-bottom: 10px;
        width: 632px;
    }
    
        #contact .left,
        #contact .right {
            float: left;
            width: 311px;
        }
        
        #contact .left {
            margin-right: 5px;
        }
        
        #contact .right {
            text-align: left;
        }
        
            #contact label {
                display: block;
            }
            
            #contact fieldset input,
            #contact fieldset textarea,
            #contact fieldset select {
            	-moz-border-radius: 2px;
            	-webkit-border-radius: 2px;
                background-color: #FFF;
            	border: 1px solid #AFC31C;
            	border-radius: 2px;
            	color: #777;
            	font-family: Arial, Helvetica, sans-serif;
            	font-size: 12px;
            	margin: 0;
            	padding: 3px;
            	width: 291px;
            }
            
                #contact fieldset input:focus,
                #contact fieldset textarea:focus,
                #contact fieldset select:focus {
                    border-color: #E0530F;
                    box-shadow: 0 0 5px #FFF;
                    -moz-box-shadow: 0 0 5px #FFF;
                    -webkit-box-shadow: 0 0 5px #FFF;
                }
                
                #contact fieldset input:hover,
                #contact fieldset textarea:hover,
                #contact fieldset select:hover,
                #contact fieldset input:focus,
                #contact fieldset textarea:focus,
                #contact fieldset select:focus {
                    color: #414141;
                }
                
                #contact fieldset input.error,
                #contact fieldset textarea.error,
                #contact fieldset select.error {
                    background-color: #EEE;
                    border-color: #E0530F;
                }
                
                #contact fieldset label.error {
                    color: #E0530F;
                    font-weight: bold;
                }
            
            #contact .plz,
            #contact .ort {
                float: left;
            }
            
            #contact .plz {
                margin-right: 7px;
            }
            
                #contact .plz input {
                    width: 74px;
                }
                
                #contact .ort input {
                    width: 195px;
                }
                
            #contact fieldset textarea {
                height: 70px;
                width: 607px;
            }
                
            #contact input.submit {
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                background: #EA6B1E url("../layout/bg-button-red.png") repeat-x scroll left bottom;
                border-color: #B40F00;
                border-radius: 2px;
                border-style: solid;
                border-width: 0 0 1px;
                color: #FFF;
                cursor: pointer;
                font-family: Arial, Helvetica, sans-serif;
                font-weight: bold;
                height: 28px;
                text-transform: uppercase;
                width: 150px;
            }
            
                #contact input.submit:hover {
                    border-width: 1px;
                    text-shadow: #222 1px 1px 0;
                }


/*
    Search Results
*/

    .tx-indexedsearch-searchbox {
        display: none;
    }
    
    .tx-indexedsearch-whatis {
        color: #E0530F;
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 12px;
    }
    
        .tx-indexedsearch-whatis span {
            font-weight: bold;
        }
        
    .tx-indexedsearch-browsebox {
        -moz-border-radius: 2px;
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#84A300, endColorstr=#9CB500)";
        -webkit-border-radius: 2px;
        background: #9CB500;
        background: -moz-linear-gradient(-90deg, #84A300, #9CB500);
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#84A300), to(#9CB500));
        border-radius: 2px;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#84A300, endColorstr=#9CB500);
        float: left;
        height: 34px;
        margin-bottom: 18px;
        position: relative;
        width: 100%;
    }
    
        .tx-indexedsearch-browsebox p {
            color: #FFF;
            float: right;
            font-weight: bold;
            height: 34px;
            line-height: 34px;
            margin-right: 10px;
            text-align: center;
            text-shadow: #295500 1px 1px 0;
        }
        
            .tx-indexedsearch-browsebox strong {
                text-shadow: #000 1px 1px 0;
            }
        
        #content .tx-indexedsearch-browsebox ul,
        #content .tx-indexedsearch-browsebox li {
            list-style: none;
            margin: 0;
            padding: 0;
        }
        
        #content .tx-indexedsearch-browsebox ul {
            float: left;
            height: 34px;
            margin-left: 10px;
        }
        
            #content .tx-indexedsearch-browsebox li {
                float: left;
                height: 34px;
                margin-right: 5px;
            }
        
                #content .tx-indexedsearch-browsebox a {
                    color: #FFF;
                    display: block;
                    line-height: 26px;
                    margin: 4px 0;
                    padding: 0 6px;
                    text-decoration: none;
                    text-shadow: #295500 1px 1px 0;
                }
        
                #content .tx-indexedsearch-browsebox a:hover,
                #content .tx-indexedsearch-browsebox strong a {
                    -moz-border-radius: 2px;
                    -webkit-border-radius: 2px;
                    background-color: #ADC140;
                    border-radius: 2px;
                }
                
                    #content .tx-indexedsearch-browsebox strong a,
                    #content .tx-indexedsearch-browsebox strong a:hover {
                        background-color: #C9D680;
                        color: #385A0B;
                        font-weight: bold;
                        text-shadow: none;
                    }
        
    .tx-indexedsearch-res {
        clear: both;
    }
    
        .tx-indexedsearch-res .tx-indexedsearch-res {
            -moz-border-radius: 2px;
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DAE599, endColorstr=#FFFFFF)";
            -webkit-border-radius: 2px;
            background: #DAE599;
            background: -moz-linear-gradient(-90deg, #DAE599, #FFF);
            background: -webkit-gradient(linear, 0 0, 0 100%, from(#DAE599), to(#FFF));
            border-radius: 2px;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DAE599, endColorstr=#FFFFFF);
            margin-bottom: 18px;
            padding: 10px 10px 5px 10px;
        }
        
            #content .tx-indexedsearch-res .tx-indexedsearch-res span {
                display: none;
            }
            
            #content .tx-indexedsearch-res .tx-indexedsearch-res .tx-indexedsearch-title,
            #content .tx-indexedsearch-res .tx-indexedsearch-res .tx-indexedsearch-percent {
                display: block;
            }
            
            #content .tx-indexedsearch-res .tx-indexedsearch-res .tx-indexedsearch-title {
                float: left;
            }
            
            #content .tx-indexedsearch-res .tx-indexedsearch-res .tx-indexedsearch-percent {
                color: #488C00;
                float: right;
                font-size: 18px;
                line-height: 22px;
            }
            
            #content .tx-indexedsearch-res .tx-indexedsearch-res h3 {
                float: left;
                margin-bottom: 6px;
                width: 100%;
            }
            
                #content .tx-indexedsearch-res .tx-indexedsearch-res h3 a {
                    color: #488C00;
                    font-size: 18px;
                    line-height: 22px;
                    text-decoration: none;
                    text-transform: none;
                }
                
            #content .tx-indexedsearch-res .tx-indexedsearch-res .tx-indexedsearch-descr {
                clear: both;
            }


/*
    Teaser (three-cols and left col)
*/

    #right .teaser-container {
        margin-bottom: 18px;
        margin-left: -10px;
        width: 642px;
    }
    
    #left .teaser-container {
        -moz-border-radius: 2px;
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DAE599, endColorstr=#FFFFFF)";
        -webkit-border-radius: 2px;
        background: #DAE599;
        background: -moz-linear-gradient(-90deg, #DAE599, #FFFFFF);
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#DAE599), to(#FFFFFF));
        border-radius: 2px;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DAE599, endColorstr=#FFFFFF);
        padding: 10px;
        width: 288px;
    }   

        #right .teaser-item {
            float: left;
            margin-left: 10px;
            overflow: hidden;
            padding-bottom: 39px;
            position: relative;
            width: 204px;
        }
        
            #right .teaser-item > a,
            #left .teaser-content > a {
                -moz-border-radius: 2px;
                -webkit-border-radius: 2px;
                border-radius: 2px;
                display: block;
                overflow: hidden;
            }
            
            #content #right .teaser-item h3,
            #content #left .teaser-content h2 {
                margin: 9px 0 3px;
            }
            
            #content #right .teaser-item h3 a,
            #content #right .teaser-item h3 a:hover,
            #content #left .teaser-content h2 a,
            #content #left .teaser-content h2 a:hover {
                color: #488C00;
                display: block;
                font-size: 20px;
                line-height: 24px;
                text-decoration: none;
                text-transform: none;
            }
            
                #content #left .teaser-content h2 a,
                #content #left .teaser-content h2 a:hover {
                    color: #385A0B;
                }
            
            #content #right .teaser-item p,
            #content #left .teaser-content p {
                /*
                    visual fit is given by equal height
                text-align: justify;
                */
            }
            
                #content #left .teaser-content p {
                    color: #385A0B;
                }
            
            #content #left .teaser-content a {
                color: #385A0B;
            }
            
                #content #left .teaser-content a:hover {
                    color: #414141;
                }
        
        #content #right .teaser-morelink {
            bottom: 0;
            left: 0;
            position: absolute;
        }
        
        #content #right .teaser-morelink a,
        #content #left .teaser-morelink a {
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            background: #84C002 url("../layout/bg-button-green.png") repeat-x scroll left bottom;
            border-color: #165700;
            border-radius: 2px;
            border-style: solid;
            border-width: 0 0 1px;
            color: #FFF;
            cursor: pointer;
            display: block;
            font-weight: bold;
            height: 28px;
            line-height: 28px;
            margin-top: 5px;
            text-align: center;
            text-decoration: none;
            text-transform: uppercase;
            width: 204px;
        }
        
            #content #left .teaser-morelink a {
                background: #84C002 url("../layout/bg-button-green.png") repeat-x scroll left bottom;
                border-color: #165700;
                width: 288px;
            }
        
                #content #right .teaser-morelink a:hover,
                #content #left .teaser-morelink a:hover {
                    border-width: 1px;
                    height: 27px;
                    line-height: 27px;
                    text-shadow: #222 1px 1px 0;
                    width: 202px;
                }
                
                    #content #left .teaser-morelink a:hover {
                        text-shadow: #444 1px 1px 0;
                        width: 286px;
                    }


/*
    Quick-Request
*/

    #quick-request {
        margin-bottom: 18px;
    }
    
        #quick-request h2 {
            color: #385A0B;
            margin-bottom: 6px;
        }
        
        #quick-request .left,
        #quick-request .right {
            width: 150px;
        }
        
        #quick-request .clear {
            padding-bottom: 5px;
        }
        
        #quick-request label {
            color: #385A0B;
            padding-left: 10px;
        }
        
            #quick-request label.small {
                padding-left: 5px;
            }
        
        #quick-request input.text {
            background: transparent url("../layout/bg-quick-request-input.png") no-repeat scroll left top;
            border: 0;
            color: #385A0B;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
            height: 29px;
            margin: 0;
            padding: 0 5px;
            width: 140px;
        }
        
            #quick-request input.text.small {
                background: transparent url("../layout/bg-quick-request-input-small.png") no-repeat scroll left top;
                border: 0;
                text-align: center;
                width: 30px;
            }
            
        #quick-request .advanced {
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            background: #84C002 url("../layout/bg-button-green.png") repeat-x scroll left bottom;
            border-color: #165700;
            border-radius: 2px;
            border-style: solid;
            border-width: 0 0 1px;
            color: #FFF;
            cursor: pointer;
            display: block;
            font-weight: bold;
            height: 28px;
            line-height: 28px;
            margin-top: 5px;
            text-align: center;
            text-decoration: none;
            text-transform: uppercase;
        }
        
            #quick-request .advanced:hover {
                border-width: 1px;
                color: #FFF;
                height: 27px;
                line-height: 27px;
                text-shadow: #444 1px 1px 0;
            }
            
        #quick-request .submit {
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            background: #EA6B1E url("../layout/bg-button-red.png") repeat-x scroll left bottom;
            border-color: #B40F00;
            border-radius: 2px;
            border-style: solid;
            border-width: 0 0 1px;
            color: #FFF;
            cursor: pointer;
            display: block;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            font-weight: bold;
            height: 29px;
            line-height: 28px;
            margin-top: 5px;
            text-align: center;
            text-decoration: none;
            text-transform: uppercase;
            width: 100%;
        }
        
            #quick-request .submit:hover {
                border-width: 1px;
                height: 29px;
                line-height: 27px;
                text-shadow: #222 1px 1px 0;
            }


/*
    Tourenscout
*/

    #tourenscout {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        background-color: #FFF;
        border-radius: 2px;
        padding: 5px;
    }


/*
    three company teaser
*/

    #gisTeaser h1 a,
    #gisTeaser h1 a:hover {
        color: #E0530F;
        display: block;
        position: relative;
        text-decoration: none;
    }
    
        #gisTeaser .link {
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            background: #84C002 url("../layout/bg-button-green.png") repeat-x scroll left bottom;
            border-color: #165700;
            border-radius: 2px;
            border-style: solid;
            border-width: 0 0 1px;
            color: #FFF;
            cursor: pointer;
            float: right;
            font-size: 12px;
            font-weight: bold;
            height: 28px;
            line-height: 28px;
            padding: 0 25px;
            position: absolute;
            right: 0;
            top: 0;
            text-align: center;
            text-decoration: none;
            text-transform: uppercase;
        }
        
            #gisTeaser a:hover .link {
                border-width: 1px;
                height: 27px;
                line-height: 27px;
                padding: 0 24px;
                text-shadow: #444 1px 1px 0;
            }
    
    #gisTeaser .zeileneintrag {
        margin-bottom: 9px;
        position: relative;
    }
    
        #gisTeaser .zeileneintragBetriebsbild {
            float: left;
            margin: 0 10px 5px 0;
        }
        
            #gisTeaser .zeileneintragBetriebsbild a {
                display: block;
                overflow: hidden;
            }
    
        #gisTeaser .zeileneintragBetriebDaten {
            width: 100%;
        }
                
            #gisTeaser .zeileneintragBetriebAdresse h2 {
                line-height: 18px;
                height: 18px;
                margin-bottom: 0;
                padding-bottom: 9px;
            }
            
                #gisTeaser .zeileneintragBetriebAdresse h2 a {
                    color: #488C00;
                    float: left;
                    font-size: 16px;
                    font-weight: bold;
                    line-height: 18px;
                    text-decoration: none;
                }
                
                #gisTeaser .stars {
                    margin-left: 5px;
                    vertical-align: top;
                }
                
                    #gisTeaser .stars img {
                        height: 16px;
                        margin-right: 2px;
                        width: 16px;
                    }
        
            #gisTeaser .zeileneintragBetriebAdresse address {
                color: #555;
                font-style: normal;
                line-height: 22px;
            }
    
        #gisTeaser .zeileneintragBetriebInfos {
            display: block;
            position: absolute;
            right: 10px;
            top: 10px;
        }
        
            #gisTeaser .zeileneintragBetriebPreis {
                line-height: 22px;
            }
            
            #gisTeaser .zeileneintragBetriebPreis .preis {
                color: #E0530F;
                font-size: 20px;
                font-weight: bold;
            }


/*
    Bugfixes
*/

    #ui-datepicker-div { display: none }
    
    /* Mozilla Firefox 3 */
    
    #quick-request .advanced,
    #quick-request .submit {
        font-size: 13px;
    }
    
    #quick-request .advanced:hover,
    #quick-request .submit:hover {
        padding-bottom: 1px;
    }
    
        #quick-request .advanced:hover {
            height: 26px;
            line-height: 26px;
        }


