/*
 * STANDARD 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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


a {
	text-decoration:none;
}
img, iframe, object, embed {
	vertical-align: bottom;
}
strong {
	font-weight: bold;
}
input, textarea, select {
	font-size: 1em;
}


body, div, 
h1, h2, h3, h4, h5, h6, p, 
a, span,  
li {
        background-repeat:no-repeat;
}


body {
	position:relative;
	color: #000;
	font: 12px Arial;
	font-weight: normal;
	line-height: 1;
	text-align: left;
        background-image: url(/layout/bg_rot.gif);
        background-attachment:fixed;
	background-repeat: repeat-x;
	background-color: #FFF;
}



a {
	color: #000;	
}
a:hover {
	text-decoration: underline;
}

#main h2 {
        margin-bottom: 12px;
}

.col2row h2 {
        font-size: 16px;
        padding-bottom: 0;
}
.col2row p + p {
        margin-top: 15px;
}

.col2row + .col2row {
        margin-top: -5px;
}
.col2row + a.thickbox {
        margin-top: -5px;
        display: inline-block;
}
.a-1 .col2row + .col2row {
        margin-top: 30px;
}











em strong,
strong em {
        font-weight: normal;
        font-style: normal;
}

/*
 * FARBEN
*/

.body-0,
.body-1 { background-image: url(/layout/bg_orange.gif); }
.body-2 { background-image: url(/layout/bg_rot.gif); }
.body-3 { background-image: url(/layout/bg_gruen.gif);}
.body-4 { background-image: url(/layout/bg_blau.gif); }
.body-5 { background-image: url(/layout/bg_grau.gif); }
.body-6 { background-image: url(/layout/bg_grau.gif); }



/* orange */
.col2row .orange h2,
.col2row .orange h3,
.body-1 div#main a,
.body-0 h2,
.body-1 h2,
.body-0 h3,
.body-1 h3,
.body-0 em strong,
.body-1 em strong,
.body-0 strong em,
.body-1 strong em,
.body-1 div#navigation a.current,
.body-1 p.headline,
.body-1 span.headline,
.body-1 p.markieren,
.body-1 span.markieren,
.orange p.headline,
.orange span.headline,
div#main .orange a { 
        color: #df8521; 
}

.body-1 img.frame,
.orange img.frame  { 
        border: 1px solid #df8521; 
}
.body-1 div#main ul li { 
        background-image: url(li_orange.gif); 
}

.nav-0, 
.nav-1 {
        background-image: url(/layout/bg_nav_orange.gif);
        background-repeat: repeat-x;
}

.nav-0 .nav1st,
.nav-1 .nav1st { border-bottom: 1px solid #FED3A2; }
.nav-0 .nav1st li,
.nav-1 .nav1st li { border-top: 1px solid #FED3A2; }

.nav-0 .nav2nd,
.nav-1 .nav2nd { border-bottom: 1px solid #FED3A2; }
.nav-1 .nav2nd li { border-top: 1px solid #FED3A2; }

.nav-1 .nav3rd { border-bottom: 1px solid #FED3A2; }
.nav-1 .nav3rd li { border-top: 1px solid #FED3A2; }

.body-1 .nav_close a { background-position: 0 -11px; }
.body-1 .nav_open a { background-position: 0 0; }




/* rot */
.body-2 em strong,
.body-2 strong em,
.col2row .rot h2,
.col2row .rot h3,
.body-2 h2,
.body-2 h3,
.body-2 div#main a,
.body-2 div#navigation a.current,
.body-2 p.headline,
.body-2 span.headline,
.body-2 .col2row h2,
.body-2 p.markieren,
.body-2 span.markieren,
.rot p.headline,
.rot .col2row h2,
.rot span.headline,
div#main .rot a  {
        color: #cd3927;
}

.body-2 img.frame,
.rot img.frame  {
        border: 1px solid #cd3927;
}
.body-2 div#main ul li { 
        background-image: url(li_rot.gif); 
}

.nav-2 {
        background-image: url(/layout/bg_nav_rot.gif);
        background-repeat: repeat-x;
}

.nav-2 .nav1st { border-bottom: 1px solid #EDB8B2; }
.nav-2 .nav1st li { border-top: 1px solid #EDB8B2; }

.nav-2 .nav2nd { border-bottom: 1px solid #EDB8B2; }
.nav-2 .nav2nd li { border-top: 1px solid #EDB8B2; }

.nav-2 .nav3rd { border-bottom: 1px solid #EDB8B2; }
.nav-2 .nav3rd li { border-top: 1px solid #EDB8B2; }

.body-2 .nav_close a { background-position: -36px -11px; }
.body-2 .nav_open a { background-position: -36px 0; }







/* gruen */

.body-3 em strong,
.body-3 strong em,
.col2row .gruen h2,
.col2row .gruen h3,
.body-3 h2,
.body-3 h3,
.body-3 div#main a,
.body-3 div#navigation a.current,
.body-3 p.headline,
.body-3 span.headline,
.body-3 p.markieren,
.body-3 span.markieren,
.gruen p.headline,
.gruen span.headline,
div#main .gruen a  {
        color: #97b720;
}


.body-3 img.frame,
.gruen img.frame {
        border: 1px solid #97b720;
}
.body-3 div#main ul li { 
        background-image: url(li_gruen.gif); 
}

.nav-3 {
        background-image: url(/layout/bg_nav_gruen.gif);
        background-repeat: repeat-x;
}

.nav-3 .nav1st,
.nav-3 .nav2nd,
.nav-3 .nav3rd,
.nav-3 .nav4rd,
.nav-3 .nav5rd { border-bottom: 1px solid #C9E1C0; }


.nav-3 .nav1st li,
.nav-3 .nav2nd li,
.nav-3 .nav3rd li,
.nav-3 .nav4rd li,
.nav-3 .nav5rd li { border-top: 1px solid #C9E1C0; }


.body-3 .nav_close a { background-position: -54px -11px; }
.body-3 .nav_open a { background-position: -54px 0; }








/* blau */

.body-4 em strong,
.body-4 strong em,
.body-4 h2,
.body-4 h3,
.col2row .blau h2,
.col2row .blau h3,
.body-4 div#main a,
.body-4 div#navigation a.current,
.body-4 p.headline,
.body-4 span.headline,
.body-4 p.markieren,
.body-4 span.markieren,
.blau p.headline,
.blau span.headline,
div#main .blau a  {
        color: #006fb4;
}

.body-4 img.frame,
.blau img.frame  {
        border: 1px solid #006fb4;
}
.body-4 div#main ul li { 
        background-image: url(li_blau.gif); 
}

.nav-4 {
        background-image: url(/layout/bg_nav_blau.gif);
        background-repeat: repeat-x;
}

.nav-4 .nav1st { border-bottom: 1px solid #C5CFDC; }
.nav-4 .nav1st li { border-top: 1px solid #C5CFDC; }

.nav-4 .nav2nd { border-bottom: 1px solid #C5CFDC; }
.nav-4 .nav2nd li { border-top: 1px solid #C5CFDC; }

.nav-4 .nav3rd { border-bottom: 1px solid #C5CFDC; }
.nav-4 .nav3rd li { border-top: 1px solid #C5CFDC; }

.body-4 .nav_close a { background-position: -72px -11px; }
.body-4 .nav_open a { background-position: -72px 0; }


/* grau */
.body-5 em strong,
.body-5 strong em,
.body-5 h2,
.body-5 h3,
.col2row .grau h2,
.col2row .grau h3,
.body-5 div#main a,
.body-5 div#navigation a.current,
.body-5 p.headline,
.body-5 span.headline,
.body-5 p.markieren,
.body-5 span.markieren,
.grau p.headline,
.grau span.headline,
div#main .grau a   {
        color: #959493;
}

.body-5 div#navigation a.current {
        color: #4C4C4C;
}

.body-5 img.frame,
.grau img.frame  {
        border: 1px solid #959493;
}
.body-5 div#main ul li { 
        background-image: url(li_grau.gif); 
}

.nav-5,
.nav-6 {
        background-image: url(/layout/bg_nav_grau.gif);
        background-repeat: repeat-x;
}

.nav-5 .nav1st { border-bottom: 1px solid #D4D4D4; }
.nav-5 .nav1st li { border-top: 1px solid #D4D4D4; }

.nav-5 .nav2nd { border-bottom: 1px solid #D4D4D4; }
.nav-5 .nav2nd li { border-top: 1px solid #D4D4D4; }

.nav-5 .nav3rd { border-bottom: 1px solid #D4D4D4; }
.nav-5 .nav3rd li { border-top: 1px solid #D4D4D4; }


.body-5 .nav_close a,
.body-6 .nav_close a { background-position: -18px -11px; }
.body-5 .nav_open a,
.body-6 .nav_open a { background-position: -18px 0; }














/*
 * HEADER 
*/



div#header {
        float: left;
        width: 770px;
        padding-top: 6px;
        padding-bottom: 0px;
        background-position: 0 bottom;
}
@media handheld, only screen and (max-width: 920px) {
        div#header {
                width: 710px;
        }
}
@media handheld, only screen and (max-width: 760px) {
        div#header {
                width: 100%;
                float: none;
        }
}


div#icons {
        display: block;
        width: 32px; 
        height: 38px;
        margin-bottom: 10px;
        background-image: url(/layout/logo-2021.png);
	background-repeat: no-repeat;
        background-position: -3px 0px;
}
@media handheld, only screen and (max-width: 760px) {
        div#icons {
                margin-top: 30px;
        }
}


div#navigation {
        float: left;
        margin-top: 50px;
        width: 100%;
}
@media handheld, only screen and (max-width: 1080px) {
        div#navigation {
                float: left;
                margin-top: 50px;
                width: 100%;
        }
}
@media handheld, only screen and (max-width: 760px) {
        div#navigation {
                float: none;
                padding-bottom: 30px;
        }
}
div#logo-site {
        position: absolute;
        right: 0;
}
div#logo-site img {
        xmax-width: 100%;
}
@media handheld, only screen and (max-width: 760px) {
        div#logo-site {
                position: absolute;
                left: -10px;
                right: inherit;
        }
}

#header-wrap {
        float: left;
        position: relative;
}
@media handheld, only screen and (max-width: 760px) {
        #header-wrap {
                width: 100%;
        }
}




/*
 * NAVI
*/
div#navigation {
        padding-bottom: 30px;
}

div#navigation a {
       color: #757575;
       display: block;
}

div#navigation a.current {
       font-weight: bold;
}

.nav1st,
.nav2nd,
.nav3rd,
.nav4rd,
.nav5rd { 
       width: 144px;
       float: left;
       margin-right: 10px; 
       border-bottom: 1px solid #ddd;
}

.nav1st {
       width: 100px;
}
.nav2nd {
       width: 140px;
}
.nav3rd {
       width: 160px;
}
.nav4rd {
       width: 169px;
}
.nav5rd {
       width: 160px;
}
.nav5rd { 
       margin-right: 0px; 
}

@media handheld, only screen and (max-width: 760px) {
        .nav1st,
        .nav2nd,
        .nav3rd,
        .nav4rd,
        .nav5rd { 
                float: none;
                width: 100%;
        }
        .nav2nd,
        .nav3rd,
        .nav4rd,
        .nav5rd { 
                margin-top: 20px;
        }

        .nav2nd { 
                margin-left: 10px;
        }
        .nav3rd { 
                margin-left: 20px;
        }
        .nav4rd { 
                margin-left: 30px;
        }
        .nav5rd { 
                margin-left: 40px;
        }
}

.nav1st li,
.nav2nd li,
.nav3rd li,
.nav4rd li,
.nav5rd li {
       padding: 4px 0 4px 0;
       border-top: 1px solid #ddd;
}

.bttn_nav {
       float: left;
       width: 100%;
}

.nav_close a,
.nav_open a  {
       float: right;
       margin-top: -12px;
       width: 18px;
       height: 12px;
       display: block;
       text-decoration: none;
       background-position: 0 -11px;
       background-image: url(/layout/nav_open_close.gif);
}
.nav_open a {
       background-position: 0 0;
}


.nav_open {
      display: none;       
}
@media handheld, only screen and (max-width: 760px) {
        .nav_open {
                display: block;       
        }
        .nav_close {
                display: none;       
        }
}

.nav_content_open,
.nav_content_close {
      float: left;
      width: 100%;
} 
@media handheld, only screen and (max-width: 760px) {
        .nav_content_open,
        .nav_content_close {
              float: none;
        } 
}
.nav_content_close {
      display: none;
}
@media handheld, only screen and (max-width: 760px) {
        .nav_content_open {
                display: none;
        }
        .nav_content_close {
                display: block;
        }
}






/*
 * LAYOUT
*/

div#wrapper {
	width: 100%;
}


div#wrap {
       width: 828px;
       margin: 0 auto;
}

@media handheld, only screen and (max-width: 920px) {
        div#wrap {
                width: 740px;
        }
}
@media handheld, only screen and (max-width: 760px) {
        div#wrap {
                width: calc(100% - 40px);
        }
} 


div#schatten {
       width: 828px;
       float: left;
       background-image: url(/layout/bg_schatten.png);
       background-position: 0 bottom;
       padding-bottom: 18px;
}
@media handheld, only screen and (max-width: 920px) {
        div#schatten {
                width: 740px;
        }   
}
@media handheld, only screen and (max-width: 760px) {
        div#schatten {
                width: calc(100% - 10px);
        }
} 

div#footer {
       margin-top: 40px;
       float: left;
}



div#layout,
div#col1,
div#col2,
div.col2row,
div.col2-1,
div.col2-2 {
        float: left;
}


div#layout {
        width: 770px; /* 820 - padding */
	background-color: #fff;
	padding: 0 25px;
        margin: 0 auto;
}
@media handheld, only screen and (max-width: 920px) {
        div#layout {
                width: 690px; 
        }
}
@media handheld, only screen and (max-width: 760px) {
        div#layout {
                width: calc(100% - 40px);
        }
} 


div#main {
        float: left;
        margin-top: 20px;
        line-height: 18px;
        width: 786px;
}
@media handheld, only screen and (max-width: 920px) {
        div#main {
                width: 716px;
        }
}
@media handheld, only screen and (max-width: 760px) {
        div#main {
                width: 100%;
        }
}


div#col1 {
        width: 420px;
        padding-right: 20px;

}
div#col2 {
        width: 330px;
}
@media handheld, only screen and (max-width: 920px) {
        div#col1 {
                width: 380px;
        }
        div#col2 {
                width: 310px;
        }
}
@media handheld, only screen and (max-width: 760px) {
        div#col1 {
                width: 100%;
        }
        div#col2 {
                width: 100%;
                margin-top: 40px;
        }
} 


div.col2row {
       margin: 0 0 5px 0;
       padding: 0px;
}
div.col2-1,
div.col2-2 { 
       width: 156px;
}
@media handheld, only screen and (max-width: 920px) {
        div.col2-1,
        div.col2-2 { 
               width: 146px;
        }
}

div.col2-1 {
       margin-right: 15px;
}



div.col1,
div.col2 {
      float: left;
}
div.col2 {
      padding-left: 30px;
      padding-top: 4px;
}

@media handheld, only screen and (max-width: 920px) {
        #footer .col2 {
                margin-top: 20px;
        }
}
















/* tiny css */
h2,
p.headline,
span.headline {
        font-size: 16px;
        font-weight: bold;
        line-height: 22px;
        margin-top: 0px;
        margin-bottom: 8px;
        display: block;
}
h3,
p.markieren,
span.markieren {
        font-size: 12px;
        font-weight: bold;
        line-height: 1.4em;
}

p + h3 {
        margin-top: 20px;
}
h3 {
        margin-bottom: 10px;
}








div#main a {
        text-decoration: underline;
}


#main p + p {
        margin-top: 15px;
}


div#main img {
        margin-bottom: 6px;
        max-width: 100%;
}

div#main ul li {
        background-image: url(li_rot.gif);
	background-repeat: no-repeat;
        background-position: 0 4px;
        padding: 0 0 0 14px;
}

span.anfahrt {
        width: 200px;
        display: block;

}

div#main ul {
        margin: 10px 0 10px 0;
}
div#main ul li {
        padding-bottom: 4px;
}


























/* formular */

div.clearer {
        width: 100px;
        min-height: 1px;
        height: 1px;
        clear: both;
        float: left
}
div#message {

       font-weight: bold;
       margin-left: 90px;
}
div#win div#message {
       margin-left: 0px;
}

fieldset.kontakt {
       width: 420px;
       margin: 0px; padding: 0 0 30px 0;
  
}


fieldset.kontakt select,
fieldset.kontakt input,
fieldset.kontakt textarea,
fieldset.fragen select,
fieldset.fragen input,
fieldset.fragen textarea {
        border: 1px solid #ccc; 
	padding: 4px; 
	margin: 0 0 10px 0;
	width: 300px;
	color: #000;
        font-family: Arial; 
        font-size: 13px;
}
fieldset.kontakt input.input-box-error {
        border: 1px solid #000; 
}
fieldset.kontakt select { width: 160px; }

fieldset.kontakt label {
        float: left;
        width: 90px;
        font-size: 14px;
}
fieldset.kontakt a.form-submit {
        margin-left: 90px;
        font-weight: bold;
}

.body-1 fieldset.kontakt select,
.body-1 fieldset.kontakt input,
.body-1 fieldset.kontakt textarea {
         background-color: #FEF9F5;
}

.body-2 fieldset.kontakt select,
.body-2 fieldset.kontakt input,
.body-2 fieldset.kontakt textarea {
         background-color: #FCF7F7;
}


/* gruen */
.body-3 fieldset.kontakt select,
.body-3 fieldset.kontakt input,
.body-3 fieldset.kontakt textarea {
         background-color: #F8FBF3;
}

.body-4 fieldset.kontakt select,
.body-4 fieldset.kontakt input,
.body-4 fieldset.kontakt textarea {
         background-color: #FCFDFE;
}
.body-5 fieldset.kontakt select,
.body-5 fieldset.kontakt input,
.body-5 fieldset.kontakt textarea {
         background-color: #858585;
}


/* Fragen und Antworten */

.body-3 .antwort {
         border: 3px solid #D0DF99;
         width: 370px;
}


.vabst{ padding-top: 35px;}