@charset "utf-8";
body {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	background: #FFFFFF;
    	margin: 0; 
    	padding: 0;
    	text-align: center; 
    	color: #000000;
    }
/* ############################################### Container #####################*/
    .oneColFixCtrHdr #container {
		background: #FAFAFA;
    	width: 1100px;  /* 1100 Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
		margin-top: 20px;
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    }
/* ############################################### Header #####################*/
    .oneColFixCtrHdr #header {
    	background: #FAFAFA; 
    	padding: 40px 0 0 30px;
		border-bottom: 1px solid grey;
    }

    .oneColFixCtrHdr #header h1 {
		color: #666666;
		font-size: 19px;
		letter-spacing: 1px;
    	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
    	padding: 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
    }
	
/* ############################################### Header Navigation #####################*/
    .oneColFixCtrHdr #header #navigation {
		margin: 0;
		margin-left: -20px;
		padding: 0;
	}

    .oneColFixCtrHdr #header ul.navigation_horizontal ul {
		padding: 0;
		margin: 0;

	}
    .oneColFixCtrHdr #header ul.navigation_horizontal li {
		display: inline;
		list-style-type: none;
		padding: 0 10px 0 0;
	}
    .oneColFixCtrHdr #header a:link {
		color: #666666;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		}
	.oneColFixCtrHdr #header a:visited {
		color: #666666;
	}
    .oneColFixCtrHdr #header a:active {
		color: #00CCCC;
	}
    .oneColFixCtrHdr #header a:hover {
		color: #00CCCC;
	}

/* ############################################### Main Content #####################*/
    .oneColFixCtrHdr #mainContent {
    	padding: 0 50px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
    	background: #FAFAFA;
    }
    .oneColFixCtrHdr #mainContent h1 {
		clear: both;
		font-size: 16px;
		padding: 20px 0 20px 0;
	}
	.oneColFixCtrHdr #mainContent h2 {
		clear: both;
		font-size: 14px;
		margin: 20px 0 30px 0;
	}
    .oneColFixCtrHdr #mainContent h3{ 
		font-size: 14px;
	}
    .oneColFixCtrHdr #mainContent p {
		font-size: 14px;
		line-height: 1.3;
	}
    .oneColFixCtrHdr #mainContent a:link {
		color: #000000;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
	}
	    .oneColFixCtrHdr #mainContent a:visited {
		color: #000000;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
	}
    .oneColFixCtrHdr #mainContent a:hover {
		color: #00CCCC;
	}
    .oneColFixCtrHdr #mainContent a:active {
		color: #00CCCC;
	}
    .oneColFixCtrHdr #mainContent .littlehelper,  .oneColFixCtrHdr #mainContent a.littlehelper  {
		font-size: 12px;
		}
    .oneColFixCtrHdr #mainContent ul {
		margin: 0;
		padding: 0;
	}
    .oneColFixCtrHdr #mainContent ul li {
		font-size: 14px;
		list-style-type: none;
	}
    .oneColFixCtrHdr #mainContent ul.punkte {
		margin-left: 20px;
	}
    .oneColFixCtrHdr #mainContent ul.punkte li {
		list-style-type: circle;
		padding-bottom: 6px;
	}
/* ############################################### Footer #####################*/
    .oneColFixCtrHdr #footer {
    	background:#FAFAFA;
		border-top: 1px solid grey;
		padding: 20px 0 20px 40px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */

    }
    .oneColFixCtrHdr #footer p {
		font-size: 12px;
		color: #666666;
    	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
    }
    .oneColFixCtrHdr #footer a:link, .oneColFixCtrHdr #footer a:visited, .oneColFixCtrHdr #footer a:hover  {
		font-size: 12px;
		color: #666666;
    	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
		text-decoration: none;

	}
/* ############################################### Allgemeine Formatierungen #####################*/

	.fltlft {
		float: left;
		padding: 0 20px 20px 0;
	}
	
	.trenner {
		clear: both;
		height: 1px;
	}
	
	img.galerie {
		padding-right: 30px;
		padding-bottom: 20px;
	}
	
	#mainContent img {
		border: 0;
		margin-right: 40px;
	}
	
	#mainContent img.titel {
		margin-right: 0;
		padding-right: 26px;
		padding-bottom: 20px;
	}

/*################################################ Spaltenlayout mit Marginalien für textlastige Seiten ############*/

    .oneColFixCtrHdr #breiterContent {
		margin-top: 40px;
		position: relative;
	}
    .oneColFixCtrHdr .marginal {
		display: block;
		position: absolute;
		left: 0;
		width: 200px;
	}
    .oneColFixCtrHdr .spalterechts {
		margin-left: 250px;
		width: 70%;
	}
	
	.margtext {
		font-size: 12px;
		font-weight: bold;
		margin: 0;
		padding: 0;
	}
	
	.margquelle {
		font-size: 11px;
		font-weight: normal;
	}
	.margbild {
		margin-top: 20px;
	}
/*################################################ Bilderseiten ############*/

	.bild {
		float: left;
		height: 320px;
		width: 320px;
	}
	.bildbreit {
		float: left;
		height: 240px;
		width: 300px;
	}
	.t_bilder:hover {
		background-image: url(../images/t_bilder.gif); 
	}
.bild_polyptichen {
	min-height: 360px;
	margin-bottom: 40px;
}
.bild_polyptichen img {
	max-width: 100%;	
}
.abstand {
	height: 40px;
	
}	
/*################################################ Listen ############*/

    .oneColFixCtrHdr #mainContent ul.biografie {
		font-size: 14px;
		list-style-type: none;
		margin: 0 0 60px 0;
		padding: 0;
		}
    .oneColFixCtrHdr ul.biografie li {
		font-size: 14px;
		margin-left: 0;
		padding-bottom: 10px;
		padding-left: 0;
	}
/*################################################ Titelseite Sprites ############*/
    .oneColFixCtrHdr #mainContent .spritecontainer {
		border: 0;
		float: left;
		height: 200px;
		width: 200px;
		margin: 25px 50px 25px 0;
	}
   
    .oneColFixCtrHdr #mainContent .bilder {
		background-image: url(../images/titel_bilder.png);
		background-position: left 100%;
	}
    .oneColFixCtrHdr #mainContent .bilder:hover {
		background-position: left top;
	}
	
    .oneColFixCtrHdr #mainContent .bio {
		background-image: url(../images/sprite_t_bio.png);
		background-position: left top;
	}
    .oneColFixCtrHdr #mainContent .bio:hover {
		background-position: left 100%;
	}
	
    .oneColFixCtrHdr #mainContent .ausstellungen {
		background-image: url(../images/titel_ausstellungen.png);
		background-position: left top;
	}
    .oneColFixCtrHdr #mainContent .ausstellungen:hover {
		background-position: left 100%;
	}
	
    .oneColFixCtrHdr #mainContent .texte {
		background-image: url(../images/titel_texte.png);
		background-position: left 100%;
	}
    .oneColFixCtrHdr #mainContent .texte:hover {
		background-position: left top;
	}
	
    .oneColFixCtrHdr #mainContent .unterricht {
		background-image: url(../images/titel_unterricht.png);
		background-position: left 100%;
	}
    .oneColFixCtrHdr #mainContent .unterricht:hover {
		background-position: left top;}
	
    .oneColFixCtrHdr #mainContent .weibsbilder {
		background-image: url(../images/titel_weibsbilder.png);
		background-position: left 100%;
	}
    .oneColFixCtrHdr #mainContent .weibsbilder:hover {
		background-position: left top;
	}
	
    .oneColFixCtrHdr #mainContent .kontakt {
		background-image: url(../images/titel_kontakt_blau.png);
		background-position: left 100%;
	}
    .oneColFixCtrHdr #mainContent .kontakt:hover {
		background-position: left top;
	}
	
    .oneColFixCtrHdr #mainContent .aktuell {
		background-image: url(../images/titel_aktuell.png);
		background-position: left top;
	}
   /* .oneColFixCtrHdr #mainContent .aktuell:hover {
		background-position: left 100%; */
	}
	
	div.issuuembed {
		margin: 20px auto;
	}

/*################################################ Media Queries ############*/
/*iphone6*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
	    .oneColFixCtrHdr #container {
			width: 90%;
			}
		.bild_polyptichen img {
			max-width: auto;
			pointer-events: none;
			}
}

@media (max-width: 767px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}

/* iPad alle */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
    .oneColFixCtrHdr #container {
		width: 90%;}
	.bild {
		padding: 10px;
		width: 40%;
		height: auto;
		
	}
		.bild_polyptichen img {
			max-width: auto;
			pointer-events: none;
			}
} 


@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1200px) {
}
@media (max-width: 767px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
	img {
		max-height:600px;
	}
}
@media (min-width: 1200px) {
}
@media print {
}