@charset "UTF-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.0em;
	background: #f4e5f3;
	margin: 0px;
	padding: 0px;
	color: #666;
	}
	
/* ~~ Element-/Tag-Selektoren ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
	}
	
#content .liste_beauty{
	padding-left: 30px;
	font-size: 0.87em;
	}

.lila {
	color: #9F138C;
	font-weight: normal;
	}

.error {
	margin-top: 50px;
	}
	
.error a{
	color: #9F138C;
	}
	
h1, h2 {
	font-size: 1.2em;
	padding: 0px 0px 0px 5px;	 /* Durch Entfernen des oberen Randes wird ein Problem vermieden, bei dem Ränder aus dem umgebenden Block entweichen. Der verbleibende untere Rand sorgt für den Abstand von allen folgenden Elementen. */
	color: #9F138C;
	text-align: left;
	}


h3,h4{
	font-size: 1.0em;
	padding: 5px 0px 0px 15px;	 /* Durch Entfernen des oberen Randes wird ein Problem vermieden, bei dem Ränder aus dem umgebenden Block entweichen. Der verbleibende untere Rand sorgt für den Abstand von allen folgenden Elementen. */
	color: #9F138C;
	}
	
h5, h6 {
	font-size: 0.8em;
	color: #9F138C;
	}

h1,h2,h3,h4,h5,h6 .center {
	text-align: center;
	}

p {
	font-size: 0.87em;
	padding: 0px;
	}

.center{
	text-align: center;
	}

img .center{
	text-align: center;
	}
		
a img { /* Dieser Selektor entfernt den standardmäßigen blauen Rahmen, der in einigen Browsern um ein Bild angezeigt wird, wenn es von einem Hyperlink umschlossen ist. */
	border: none;
	}

#table_perfect {
	margin: 20px 0px 0px 40px;
	}

#table_perfect td{
	font-size: 0.87em;
	margin-top: 10px;
	width: 170px;
	}	

	
/* ~~ Die Reihenfolge der Stildefinitionen für die Hyperlinks der Site, einschließlich der Gruppe der Selektoren zum Erzeugen des Hover-Effekts, muss erhalten bleiben. ~~ */
a:link {
	color: #42413C;
	/*text-decoration: underline; /* Sofern Ihre Hyperlinks nicht besonders hervorgehoben werden sollen, empfiehlt es sich, zur schnellen visuellen Erkennung Unterstreichungen zu verwenden. */
	}
a:visited {
	color: #6E6C64;
	/*text-decoration: underline;*/
	}
a:hover, a:active, a:focus { /* Durch diese Gruppe von Selektoren wird bei Verwendung der Tastatur der gleiche Hover-Effekt wie beim Verwenden der Maus erzielt. */
	text-decoration: underline;
	}
	
/* ~~ Dieser Container fester Breite umgibt alle anderen Blockelemente. ~~ */
#wrap {
	margin: 1em auto; /* Durch die Angabe der Breite und Verwendung des Werts "auto" für die Seiten wird das Layout zentriert. */
	width: 960px;
	}

#header {
	float: left;	
	width: 960px;
	height: 145px;
	}
	
#header_navi{
	float: left;
	width: 790px;
	height: 45px;
	margin: 0px;
	}	
	
#header-left {
	float: left;
	width: 590px;
	}

#vereinbarung {
	width: 450px;
	padding: 0px 0px 0px 110px;
	font-weight: bold;
	font-size: 1.5em;
	color: #9F138C;
	float: clear;
	}
	
#vereinbarung p{
	margin: 0px;
	padding: 0px 0px 10px 40px;
	font-size: 0.8em;
	}
	
#bindermichl{
	width: 150px;
	height: 40px;
	float: left;
	margin-left: 110px;
	}
	
#graben{
	width: 150px;
	height: 60px;
	float: left;
	margin-left: 15px;
	}

#garnison{
	width: 150px;
	height: 60px;
	float: left;
	margin-left: 15px;
	}
	
st#graben p{
	padding-left: 5px;
	}

#garnison p{
	padding-left: 10px;
	}
		
#header_navi .header_nav {
	font-size: 1.3em;
	font-weight: bold;
	color: #9F138C;
	float: left;
	width: 690px;
	padding-left: 150px;
	}
	
#standorte_navi{
	width: 620px;
	margin-right: 0px;
	padding: 15px 20px 0px 0px;
	float: left;
	height: 35px;
	}
	
#standorte_navi ul {
	list-style: none; /* Hiermit wird die Listenmarkierung entfernt. */
	margin: 0px 100px; /* Hiermit wird der Abstand zwischen den Navigationselementen und den darunter angeordneten Inhalten erstellt. */
	width: 690px;
	}

#standorte_navi ul li {
	padding: 20px 20px 20px 20px;
	display: inline;
	}
	
#standorte_navi a{
	font-size: 1.07em;
	color: #9F138C;
	vertical-align: middle;
	/*font-variant: small-caps; /* KAPITÄLCHEN */
	font-weight: bold;
	text-decoration: none;
	background-image: url(../img/navi_button.png);
	background-repeat: no-repeat;
	line-height: 30px;
	float: left;
	width: 160px;
	height: 30px;
	padding-left: 10px;
	}
	
#standorte_navi ul a:hover, standorte_navi ul a:active, standorte_navi ul a:focus { /* Hiermit wird der Hintergrund und die Textfarbe bei der Navigation mit der Maus und der Tastatur geändert. */
	background-image: url(../img/navi_button_active.png);
	color: #FFF;
	text-decoration: none;
	}
		
#standorte_navi ul a:visited { /* Durch Gruppieren dieser Selektoren wird sichergestellt, dass die Hyperlinks auch nach dem Aufrufen das Erscheinungsbild einer Schaltfläche beibehalten. */	
	}
	
#pin {
	width: 150px;
	height: 125px;
	float: left;
	padding-left: 30px;
	/*background: url(../img/post-it.jpg);
	background-repeat: no-repeat;*/
	}

#facebook{
	width: 160px;
	height: 15px;
	float: right;
	margin-top: 117px;
	}

#fb-logo{
	float: left;
	width: 20px;
	padding-right: 10px;
	}

.fb-like {
	float: left;
	width: 120px;
	}
	
#logo {
	float: left;
	width: 170px;
	height: 145px;
	}

#logo img {
	padding: 0px;
	}
	
#info {
	paddding: 0px;
	}
	
#info h1 {
	text-align: center;
	padding: 0px;
	}
		
#info h2{
	text-align: center;
	}
	
#info h3 {
	text-align: center;
	padding: 0px;
	margin: 0px;
	}
	
#info h4 {
	text-align: center;
	padding: 0px;
	margin: 17px 14px 25px 14px;
	font-size: 0.9em;
	}
	
#header_navi {
	float: left;
	width: 790px;
	height: 145px;	
	}

#main {
	float: left;
	width: 960px;
	/*height: 395px;*/
	/*background-image: url(../img/main.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;*/
	}
	
/*#main-repeat {
	float: left;
	width: 960px;
	height: 5px;
	margin-left: 42px;
	background-image: url(../img/main_background.png);
	background-repeat: repeat-y;
	}*/
	
#main_navi {
	float: left;
	width: 170px;
	/*height: 395px;*/
	padding: 0px;
	}	

#content-top {
	float: left;
	width: 790px;
	height: 25px;
	/*background-position: 0px 0px;*/
	background-image: url(../img/content-top.jpg);
	background-repeat: non-repeat;
	}

#content {
	float: right;
	width: 790px;
	background-image:url(../img/content_background_repeat.jpg);
	background-repeat: repeat-y;
	}
	
#content-end {
	float: right;
	width: 790px;
	height: 25px;
	margin-bottom: 10px;
	background-position: 0px 0px;
	background-image: url(../img/content-end.jpg);
	background-repeat: non-repeat;
	}
	
#content h1,h2,h3,h4,h5 {
	padding: 0px 0px 0px 15px;
	text-align: left;
	}	

#content #impressum_info {
	padding: 0px 0px 0px 15px;
	font-size: 0.8em;
	}
	
#content #impressum_info td{
	padding-right: 10px;
	}

#content p {
	padding: 0px 15px;
	}
	
#content .postadresse {
	text-align: center;
	padding: 15px 120px 0px 0px;
	}
	
.impressum {
	font-size: 0.8em;
	padding: 10px 10px 0px 5px;
	text-align: justify;
	}
	
/* ~~ Stile für die Navigationslisten (können entfernt werden, wenn Sie ein vordefiniertes Ausklappmenü wie Spry verwenden) ~~ */


/************* MAIN NAVI BEGINN *****************/	

#main_navi ul {
	list-style: none; /* Hiermit wird die Listenmarkierung entfernt. */
	margin: 0px; /* Hiermit wird der Abstand zwischen den Navigationselementen und den darunter angeordneten Inhalten erstellt. */
	}

#main_navi ul li {
	padding: 0px 0px 9px 10px;
	}
	
#main_navi a{
	font-size: 1.06em;
	color: #9F138C;
	vertical-align: middle;
	/*font-variant: small-caps; /* KAPITÄLCHEN */
	font-weight: bold;
	text-decoration: none;
	background-image: url(../img/navi_button.png);
	background-repeat: no-repeat;
	line-height: 30px;
	height: 30px;
	width: 140px;
	padding-left: 10px;
	display: block;
	}

#main_navi ul a:visited { /* Durch Gruppieren dieser Selektoren wird sichergestellt, dass die Hyperlinks auch nach dem Aufrufen das Erscheinungsbild einer Schaltfläche beibehalten. */
	}

#main_navi ul a:hover, main_navi ul a:active, main_navi ul a:focus { /* Hiermit wird der Hintergrund und die Textfarbe bei der Navigation mit der Maus und der Tastatur geändert. */
	background-image: url(../img/navi_button_active.png);
	color: #FFF;
	}
	
#main_navi h3{
	text-align: center;
	padding: 0px 0px 0px 0px;
	}
	
#main_navi h4{
	text-align: center;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	}
	
	
#main_navi #hauptmenue li{
	float: left;
	position: relative;
	}
	
/*** Untermmenue ***/

#hauptmenue ul{
	list-style:none;
	/*position: absolute;
	z-index: 99999;   */
	}
	
#hauptmenue ul li{
	float: none;
	display: block;
	}

#untermenue {
	display: none; /*Untermnenü nichts sichtbar*/
	}

#main_navi ul li .main_navi_unterliste{
	font-size: 0.9em;
	font-weight: lighter;
	color: #9F138C;
	padding: 0px;
	list-style: none;
	list-style-position: inside;
	background-image: none;
	position: relative;
  	clear: both; 
	}	
	
#main_navi ul li .main_navi_unterliste a{
	font-size: 0.65em;
	color: #9F138C;
	background-image: none;
}

#main_navi ul li .main_navi_unterliste a:hover, main_navi ul#untermenue a:active, main_navi ul#untermenue a:focus {
	color: #9F138C;
	background-image: url(../img/navi_button.png);
}

	
/************* MAIN NAVI END *****************/	
	
	
#team_info {
	float: left;
	width: 760px;
	margin-left: 10px;
	padding: 0px;
	}

#team_info h2, p{
	padding: 0px;
	margin: 0px;
	}

#team_info p {
	padding-right: 15px;
	}	

#anfahrt_info {
	float: left;
	width: 450px;
	height: 100px;
	margin-left: 5px;
	}

#anfahrt_info .table_left{
	width: 250px;
	padding-left: 5px;
	}
	
#content .google_map{
	float: right;
	padding-left: 50px;
	width: 150px;
	}
	
#content .p_bindermichl {
	padding: 25px 0px 25px 15px;
	color: #9F138C;
	}
	
#bindermichl_img{
    margin: 0px 0px 0px 15px; 
    margin-right: auto;
	height: 100px;
  }

#bindermichl_img td{
	margin-right: 10px;
  }

#graben_img {
	margin-right: auto;
	height: 100px;
	}
	
#graben_img td{
	width: 180px;
	padding-left: 10px;
	}

#garnison_img {
	margin-right: auto;
	height: 100px;
	}
	
#garnison_img td{
	width: 180px;
	padding-left: 10px;
	}
	
/* ~~ Fußzeile ~~ */
#footer {
	float: left;
	width: 960px;
	height: 35px;
	/*margin-left: 5px;*/
	padding: 0px 0px;
	background-image: url(../img/footer.jpg);
	background-repeat: no-repeat;
	clear: both; /* Diese "clear"-Eigenschaft ermöglicht es dem .container-Block, das Ende der Spalten zu erkennen und sie korrekt zu umschließen. */
	}
	
#footer_copyright {
	float: left;
	width: 260px;
	color: #FFF;
	padding: 6px 0px 0px 20px;
	font-size: 14px;
	}
	
#footer_adresse{
	float: left;
	width: 450px;
	color: #FFF;
	padding: 6px 0px 0px 0px;
	font-size: 14px;
	}

#footer_impressum{
	float: left;
	width: 50px;
	color: #FFF;
	padding: 6px 0px 0px 40px;
	font-size: 14px;
	}
	
#footer_impressum a {
	color: #FFF;
	text-decoration: none;
	}


#footer_impressum_datenschutz a {
	color: #9F138C;
	text-decoration: none;
	}	
	
#footer_impressum_datenschutz a:hover { /* Durch diese Gruppe von Selektoren wird bei Verwendung der Tastatur der gleiche Hover-Effekt wie beim Verwenden der Maus erzielt. */
	text-decoration: none;
	background-color: #9F138C;
	color: #FFF;
	}	

#footer_datenschutz{
	float: left;
	width: 50px;
	color: #FFF;
	padding: 6px 0px 0px 40px;
	font-size: 14px;
	}
	
#footer_datenschutz a {
	color: #FFF;
	text-decoration: none;
	}	
	
	
#footer_login{
	float: left;
	width: 10px;
	padding: 3px 0px 0px 0px;
	}