/* INHALTSVERZEICHNIS

	1.0 - GLOBAL
	2.0 - LAYOUT
	3.0 - NAVIGATION
	3.1 - SUBNAVIGATION
	4.0 - INHALT
	4.1 - KONTAKTFORMULAR
	4.2 - BILDGALERIE
	4.3 - MULTILIST
	5.0 - PRINT

*/


/*	FARBEN


*/

@media all {
    /* 1.0 GLOBAL */
    a, p, td, li, h1, h2, h3, label, input, textarea, select, span {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 13px;
        line-height: 20px;
        color: #000;
    }
    a, a:hover {
        color: #0b479e;
        text-decoration: none;
    }
    img, a img {
        border: none;
    }
    /* 2.0 LAYOUT */
    body {
        margin: 0;
        padding: 0;
        background: #5c5c5c;
    }
    #container {
        width: 100%;
        background: #fff url(hg.png) repeat-x;
    }
    #anfahrt {
        width: 414px;
        min-height: 420px;
        margin: 6px 0 0 20px;
        float: left;
        background: url(hg-anfahrt.png) no-repeat;
    }
    #canvas {
        width: 100%;
        background: #fff url(hg.png) repeat-x;
    }
    #rahmen {
        padding: 0 0 40px 0;
        margin: 0 auto 0 auto;
        width: 990px;
    }
    #fuss {
        padding: 0 0 0 0;
        margin: 0 auto 0 auto;
        width: 100%;
        min-height: 53px;
        background: url(fuss.png) repeat-x;
    }
    #left {
        width: 250px;
        float: left;
        padding: 12px 0 0 0;
    }
    #logo {
        float: left;
    }
    #adresse {
        padding: 0 0 0 75px;
        margin: 0 0 0 0;
        float: left;
        height: 146px;
    }
    #main {
        width: 687px;
        float: right;
    }
    #navi {
        float: right;
        width: 661px;
        height: 44px;
        background: url(navi-hg.png) no-repeat;
        padding: 0 0 36px 1px;
        margin: 0;
    }
    #animation {
        font-family: Georgia, "Times New Roman", Times, serif;
        width: 532px;
        height: 406px;
        float: left;
        margin: 3px 0 34px 0;
        padding: 8px 9px 8px 11px;
        background: url(pic.png) no-repeat;
    }
    #text {
        padding: 5px 0 0 20px;
    }
    #contenu, #texte, #enderli {
        padding-top: 5px;
        background-image: url(line.png);
        background-repeat: repeat-y;
        min-height: 523px;
    }
    #disclaimer {
        padding: 0;
        margin: 0 auto 0 auto;
        width: 980px;
    }
    /* 3.0 NAVIGATION */
    #navi ul {
        margin: 0;
        padding: 0;
        float: right;
    }
    #navi li {
        background: url(navi-hg.png) no-repeat right;
        list-style: none;
        float: left;
    }
    #navi li a {
        /* width:135px; */
        padding: 0 7px 0 7px;
        line-height: 33px;
        margin: 0 1px 0 0;
        display: block;
        text-align: center;
        border-top: 11px solid #a3a3a3;
        font-size: 15px;
        color: #a3a3a3;
    }
    #navi li a:hover, #navi li a.rex-current, #navi li a.rex-active {
        color: #5c5c5c;
        border-color: #0b479e;
    }
    /* 3.1 SUBNAVIGATION */
    /* 4.0 INHALT */
    #adresse span {
        font-size: 17px;
        font-weight: bold;
        line-height: 22px;
    }
    #animation img {
        padding: 0 0 10px 0;
    }
    #animation span {
        color: #5c5c5c;
        font-style: italic;
        /*font-weight:bold;*/
        font-size: 12px;
    }
    #animation p {
        color: #5c5c5c;
        font-style: italic;
        /*font-weight:bold;*/
        font-size: 15px;
        line-height: 18px;
        padding: 0 5px 0 5px;
        margin: 0;
    }
    #animation a {
        font-size: 15px;
        font-style: italic;
        font-weight: bold;
        background-repeat: no-repeat;
        background-position: left center;
        padding: 0 0 0 24px;
        line-height: 21px;
        display: block;
        float: left;
        margin: 5px 0 0 0;
    }
    #animation a.koch, #animation a.koch-active {
        color: #0b479e;
        background-image: url(punkt.png);
        margin: 5px 0 0 20px;
    }
    #animation a.enderli, #animation a.enderli-active {
        color: #0b479e;
        background-image: url(punkt.png);
        margin: 5px 0 0 20px;
    }
    #animation a.haenzi, #animation a.haenzi-active {
        background-image: url(punkt.png);
    }
    #animation a.koch-active, #animation a.koch:hover, #animation a.koch-active:hover, #animation a.haenzi-active, #animation a.haenzi:hover, #animation a.haenzi-active:hover, #animation a.enderli-active, #animation a.enderli:hover, #animation a.enderli-active:hover {
        text-decoration: underline;
    }
    h1 {
        font-size: 18px;
        line-height: 24px;
        color: #5c5c5c;
        font-weight: bold;
        margin: 0;
        padding: 0 0 10px 0;
    }
    #text h1 {
        font-size: 18px;
        line-height: 24px;
        color: #5c5c5c;
        font-weight: bold;
        margin: 0;
        padding: 0 0 5px 0;
    }
    #text h2 {
        font-size: 18px;
        line-height: 24px;
        color: #5c5c5c;
        font-weight: bold;
        margin: 0;
        padding: 10px 0 5px 0;
    }
    #text p {}
    #text ul {
        margin: 0;
        padding: 10px 0 0 15px;
    }
    #text li, #texte li, #contenu li, #enderli li {
        padding: 2px 0 2px 0;
        list-style: square;
    }
    #texte ul, #contenu ul, #enderli ul {
        padding: 0 0 10px 45px;
        margin: 0;
    }
    #contenu h1 {
        color: #0b479e;
        font-style: normal;
        background-image: url(punkt.png);
        background-repeat: no-repeat;
        background-position: left bottom;
        padding: 0 0 0 30px;
        line-height: 21px;
    }
    #contenu h2 {
        color: #0b479e;
        padding: 5px 0 15px 30px;
        margin: 0;
        line-height: 28px;
        font-size: 24px;
    }
    #enderli h1 {
        color: #0b479e;
        font-style: normal;
        background-image: url(punkt.png);
        background-repeat: no-repeat;
        background-position: left bottom;
        padding: 0 0 0 30px;
        line-height: 21px;
    }
    #enderli h2 {
        color: #0b479e;
        padding: 5px 0 15px 30px;
        margin: 0;
        line-height: 28px;
        font-size: 24px;
    }
    #texte h1 {
        color: #0b479e;
        font-style: normal;
        background-image: url(punkt.png);
        background-repeat: no-repeat;
        background-position: left center;
        padding: 0 0 0 30px;
        line-height: 21px;
    }
    #texte h2 {
        color: #0b479e;
        padding: 5px 0 15px 30px;
        margin: 0;
        line-height: 28px;
        font-size: 24px;
    }
    #contenu p, #texte p, #enderli p {
        padding: 0 0 0 30px;
        margin: 5px 0 10px 0;
    }
    #fuss p {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #fff;
        float: left;
    }
    #fuss p.vidyo {
        float: right;
    }
    #fuss a {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #fff101;
    }
    /* 4.1 FORMULAR */
    label {
        float: left;
        width: 100px;
        text-align: left;
        margin: 5px 0 0 0;
    }
    fieldset {
        margin: 10px 2px 10px 17px;
        padding: 20px 5px 5px 5px;
        border: 1px solid #cccccc;
    }
    input.formgen_submit {
        margin: 20px 0 10px 109px;
        text-transform: lowercase;
        font-weight: normal;
        width: 229px;
    }
    input, select, input.formgen_required {
        width: 222px;
        border: 1px solid #d7d7d7;
        background: #fff;
        margin: 5px 0 0 8px;
        /* Textausrichtung gegenueber "label" */
        padding: 2px;
    }
    textarea {
        width: 222px;
        height: 100px;
        border: 1px solid #d7d7d7;
        background: #fff;
        margin: 5px 0 0 8px;
        /* Textausrichtung gegenueber "label" */
        padding: 2px;
    }
    input.checkbox {}
    legend {
        color: #ffffff;
        padding: 0 5px 0 5px;
        margin: 0 0 0 17px;
    }
    ul.formgen_error_list li {
        color: #fe0100;
    }
    /* 4.2 BILDGALERIE */
    #lightbox {
        position: absolute;
        left: 0;
        width: 100%;
        text-align: center;
        line-height: 0;
    }
    #lightbox a img {
        border: none;
    }
    #lightbox a:hover {
        background-color: transparent;
    }
    #outerImageContainer {
        position: relative;
        background-color: #fff;
        width: 250px;
        height: 250px;
        margin: 0 auto;
    }
    #imageContainer {
        padding: 10px;
    }
    #loading {
        position: absolute;
        top: 40%;
        left: 0%;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0;
    }
    #hoverNav {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
    }
    #imageContainer>#hoverNav {
        left: 0;
    }
    #hoverNav a {
        outline: none;
    }
    #prevLink, #nextLink {
        width: 49%;
        height: 100%;
        background: transparent url('blank.gif.html') no-repeat;
        /* Trick IE into showing hover */
        display: block;
    }
    #prevLink {
        margin-top: 10px;
        left: 0;
        float: left;
    }
    #nextLink {
        margin-top: 10px;
        right: 0;
        float: right;
    }
    #prevLink:hover, #prevLink:visited:hover {
        background: url('addons/lightbox/prevlabel.gif.html') left 15% no-repeat;
    }
    #nextLink:hover, #nextLink:visited:hover {
        background: url('addons/lightbox/nextlabel.gif.html') right 15% no-repeat;
    }
    #imageDataContainer {
        font: 10px Verdana, Helvetica, sans-serif;
        background-color: #fff;
        margin: 0 auto;
        line-height: 1.4em;
        overflow: auto;
        width: 100%
    }
    #imageData {
        padding: 0 10px;
        color: #666;
    }
    #imageData #imageDetails {
        width: 70%;
        float: left;
        text-align: left;
    }
    #imageData #caption {
        font-weight: bold;
    }
    #imageData #numberDisplay {
        display: block;
        clear: left;
        padding-bottom: 1.0em;
    }
    #imageData #bottomNavClose {
        width: 66px;
        float: right;
        padding-bottom: 0.7em;
        overflow: hidden;
        outline: none;
    }
    #imageData #bottomNav {
        overflow: hidden;
    }
    #overlay {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
        background-color: #000;
    }
    a.lb {
        padding: 0 5px 15px 0;
    }
    a.lb img {
        padding: 4px;
        border: 1px solid #ddd;
		max-width: 80px;
    }
    /* 4.3 MULTILIST */
    div.news {
        padding: 0 0 0 0;
        margin: 0 0 0 0;
    }
    div.news span.date {}
    div.newsimage {
        float: left;
        padding: 0 0 0 0;
    }
    div.newsimage a img {
        padding: 0 0 0 0;
    }
    div.newstext {
        padding: 0 0 0 0;
    }
    div.newstext p {
        padding: 0;
        margin: 0;
    }
}


/* 5.0 PRINT */

@media print {}