* { padding: 0; margin: 0; }
html { height: 101%; } /* erzwingt Scrollbar im Firefox */
body { /* Das HTML-Element mit dem Namen body */
   color: #333333; /* Schriftfarbe */
   background-color: #D1D1D1;
   font-family: Verdana, Arial, Helvetica;
   font-size: small; /* Schriftgröße */
   line-height: 145%;
}

html, body, textarea {
scrollbar-base-color:#FFFFFF;
scrollbar-track-color:#D1D1D1;
scrollbar-face-color:#999999;
scrollbar-highlight-color:#999999;
scrollbar-3d-light-color:#999999;
scrollbar-dark-shadow-color:#999999;
scrollbar-shadow-color:#FFFFFF;
scrollbar-arrow-color:#000000;
}

a {
     color:#C31121;
     text-decoration:none;
}

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

ul {
   list-style-type:square;
   list-style-position:outside;
   padding-left: 25px;
}

li {
   padding-bottom: 3px;
}

h1 {
   font-family: Verdana, Arial, Helvetica;
   font-size: 145%;
   font-weight: normal;
   line-height: 115%;
   color: #0070C0; /* alt:CF1F18; */
   padding-top: 0px;
   margin-top: 0px;
   padding-bottom: 0px;
   margin-bottom: 0px;
}

h2 {
   font-family: Verdana, Arial, Helvetica;
   font-size: 120%;
   font-weight: normal;
   line-height: 115%;
/* color: #707070; */
   color: #002060;
}

h3 {
   font-family: Arial, Verdana, Helvetica;
   font-size: 185%;
   font-weight: bold;
   line-height: 115%;
   text-align: center;
   color: #002060; /* alt:CF1F18; */
   margin-top:0px;
}

#wrapper { /* Das HTML-Element mit dem Attribut id="wrapper" */
   color: black;
   width: 980px; /* Breite des Inhaltsbereiches */
   margin-top: 12px; /* Abstand oben zum Bildschirmrahmen */
   margin-right: auto; /* Abstand rechts automatisch */
   margin-bottom: 0px;
   margin-left: auto; /* Abstand links automatisch */
   padding-top: 0px;
   padding-right: 0px; 
   padding-bottom: 0; 
   padding-left: 0px;
   border-top: 0px;
   border-left: 0px;
   border-right: 0px;
   border-bottom: 0px;
   }

#kopfbereich {
   color: #000000;
   width: 980px;
   height: 65px;
   background-color: #C0C0C0;
   box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
   padding-top: 0px;
   padding-right: 0px; 
   padding-bottom: 0; 
   padding-left: 0px;
   }

#textbereich {
/* color: #000000; */
   width: 980px;
   height: 2100px;
   background-color: #FFFFFF;
   padding-top: 0px;
   padding-right: 0px; 
   padding-bottom: 0; 
   padding-left: 0px;
   }

#fussbereich {
   color: #FFFFFF;
   font-size: 8.5pt;
   padding-top: 0px;
   padding-right: 0px; 
   padding-bottom: 0; 
   padding-left: 0px;
   margin-right: auto; /* Abstand rechts automatisch */
   margin-left: auto; /* Abstand links automatisch */
   }

#fussbereich A {
   color: #FFFFFF;
   }

#fussbereich A:HOVER {
   color: #FFFFFF;
   }

#logo {
   position: absolute;
   width: 140px;
   height: 140px;
   margin-top: 20px;
   margin-left: 817px;
   }

#inhalt {
   color: #FFFFFF;
   position: absolute;
   width:440px;
   height:380px;
   margin-top:175px;
   margin-left:312px;
/* background-color: #EDEDED; */
   }

#text1 {
/* color: #000000; */
   font-size:105%;
   width:580px;
   position: absolute;
   margin-top:26px;
   margin-bottom:15px;
   margin-left:27px;
   margin-right:20px;
   }

#text1 ul {
   list-style-type: square;
   list-style-image: url(../images/bullet.gif);
   list-style-position: outside;
   padding-left: 19px;
   }

#navilinks {
   float: left;
   background-color: #FFFFFF;
   width: 200px;
   margin-top: 30px;
   margin-left: 35px;
   }

#navilinks a:hover {
     color:#FFFFFF;
     text-decoration:none;
   }

/* #navilinks ul {

   } */

#navilinks li {
   list-style: none;
   display: block;
   padding-top: 0px;
   padding-bottom: 0px;
   }

#navilinks a.rex-current {
   color: #333333;
   font-weight: bold;
   }

.rex-current {
   color: #000000;
   font-weight: bold;
   }

#navigation a {
   display: inline-block;
   width: 200px;
   height: 35px;
   text-align: center;
   text-transform: uppercase;
   color: #FFFFFF;
   text-decoration: none;
                box-sizing: border-box;
                border-radius: 5px 5px 5px 5px;
   }

        ul#navigation {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}

	ul#navigation li {
		padding: 0px;
		margin: 0px;
		display: block;
                margin-bottom: 20px;
	}

	ul#navigation li a {
		background-color: #0070C0;
		padding: 7px 0px 0px 0px;
                font-size: 11.5pt;
		color: #FFFFFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
		font-weight: normal;
	}


	ul#navigation li a:link {
		background-color: #0070C0;
	}

	ul#navigation li a:hover {
		background-color: #00B050;
		color: #FFFFFF;
                box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
                box-sizing: border-box;
                border-radius: 5px 5px 5px 5px;
	}

.rex-navi1 a {
   display: inline-block;
   width: 200px;
   height: 30px;
   text-align: center;
   text-transform: uppercase;
   color: #FFFFFF;
   text-decoration: none;
                box-sizing: border-box;
                border-radius: 5px 5px 5px 5px;
   }

.rex-current a {
   display: inline-block;
   width: 200px;
   height: 30px;
   text-align: center;
   text-transform: uppercase;
   color: #FFFFFF;
   text-decoration: none;
   font-weight: bold;
                box-sizing: border-box;
                border-radius: 5px 5px 5px 5px;
   }

#navilinks a.rex-current {
   display: inline-block;
   width: 200px;
   height: 30px;
   text-align: center;
   text-transform: uppercase;
   color: #000000;
   text-decoration: none;
   font-weight: bold;
                box-sizing: border-box;
                border-radius: 5px 5px 5px 5px;
   }

        ul.rex-navi1 {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}

	ul.rex-navi1 li {
		padding: 0px;
		margin: 0px;
		display: block;
                margin-bottom: 20px;
	}

	ul.rex-navi1 li a {
		background-color: #0070C0;
		padding: 5px 0px 0px 0px;
                font-size: 11.5pt;
		color: #FFFFFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
		font-weight: normal;
	}

	ul.rex-navi1 li a:link {
		background-color: #0070C0;
	}

	ul.rex-navi1 li a:hover {
		background-color: #00B050;
		color: #FFFFFF;
                box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
                box-sizing: border-box;
                border-radius: 5px 5px 5px 5px;
	}

#fussbereich {
   color: #FFFFFF;
   background-color: #FFFFFF; /* Hintergrundfarbe */
   padding-top: 0px;
   padding-right: 0px; 
   padding-bottom: 0; 
   padding-left: 0px;
   margin-right: auto; /* Abstand rechts automatisch */
   margin-left: auto; /* Abstand links automatisch */
   }

#button1 {
   position: fixed;
   bottom: 0px;
   width: 980px;
   height: 30px;
   background-color: #880202;">
   color: #FFFFFF;
   font-size: 105%;
}

#button1 A {
   color: #FFFFFF;
   text-decoration: none;
}

#button1 A:HOVER {
   color: #FFFFFF;
   text-decoration: underline;
}

#navi_hp {
   background-color: #FFFFFF;
   height: auto;
   float: left;
   width: 660px;
   margin-top: 30px;
   margin-left: 50px;
   font-size: 110%;
   }

#navi_hp A {
   color: #0070C0;
   }

#navi_hp A:HOVER {
   color: #0070C0;
   text-decoration: underline;
   }

#navi_hp ul {
   list-style-type: square;
   list-style-image: url(../images/bullet.gif);
   list-style-position: outside;
   padding-left: 19px;
   }

#navi_hp ol {
   list-style-position: outside;
   padding-left: 24px;
   }

#navi_hp li {
   padding-top: 6px;
   }

.navi_address {
    position: fixed;
    bottom: 0px;
    width: 980px;
    height: 25px;
    background-color: #0070C0;
    }

bold {
   color: #0070C0;
}

strong {
   color: #0070C0;
}

/**
 * ---------------------------------------------------------------------------------
 * Grey Box Method - ADD-ONS CSS
 * ---------------------------------------------------------------------------------
 * FANCYBOX
 * ---------------------------------------------------------------------------------
 * Galerie / Image
 * ---------------------------------------------------------------------------------
 */
#galerie {
	padding: 0;
    /* display: block; */
}
.galerie-image {
	/* width: 270px; */ /* wird im Modul Galerie bestimmt! */
	float: left;
	position: relative;
	/* padding: 5px; */
	padding: 0px;
}
.galerie-image img {
	/* padding: 7px; */
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
	padding-left: 3px;
	margin-top: 15px;
        border: 1px solid #C31121;
}
