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

#alles {
   clear:both;
   min-width:1000px;
   max-width: 1200px;
   width: 85%;
   margin:0 auto;
   padding: 0 0 0 0;
   }

.hide{display:none;}


/* hintergrundbilder
-------------------------------------------------------------- 
	    html { 
		      background-image: url("../bilder/test_klein.jpg") ;
		      min-height:100%;
		      background-size:cover;
		      background-position: center bottom;}
		body{
	    /* Workaround for some mobile browsers 
	    			  min-height:100%;
}
*/

/* schrift
-------------------------------------------------------------- */

h1 {	/*rubrick	große überschrift, farbig*/
    font-family: 'ralewayextrabold', 'helvetica', sans-serif;
	font-size: 1.1em;
	margin:0 0 0 0;
	font-weight: normal;
	color:#6e82aa;
	}
	
h2 {	/*erste kleine überschriften*/
    font-family: 'ralewayextrabold', 'helvetica', sans-serif;
	font-size: 1.1em;
	margin:0 0 0.7em 0;
	font-weight: normal;
}

h3 {	/*alle weiteren kleinen überschriften*/
    font-family: 'ralewayextrabold', 'helvetica', sans-serif;
	font-size: 1.1em;
	margin:2em 0 0.7em 0;
	float:left;
	width:100%;
	font-weight: normal;
}

b{font-family: 'ralewayregular', 'helvetica', sans-serif;}
.fett{font-family: 'ralewayextrabold', 'helvetica', sans-serif;}

.halbeZeile{
	width:100%;
	margin:1em 0 0 0;
	float:left;
}

/* header
-------------------------------------------------------------- */
header {
	width: 85%;
	height: 90px;
	position: fixed;
	top: 0px;
	background-color: white;
	min-width: 990px;
	max-width: 1200px;
	font-family: 'ralewayextrabold';
	_font-size: 1.1em;
	margin:0 0 0 96px;
	z-index: 999999;
}

footer{
	clear:both;
	float: none;
	height: 60px;
	margin: 60px auto;
	width: 50%;
	}

#rubrick{
	position: fixed;
	top:63px;
	color: #6e82aa;
}

#logo_klein{
	float:left;
	margin:0 20px 0 0;
	position: fixed;
	top:0;
}


/* inhalte
-------------------------------------------------------------- */
#logo{text-align: center;}

#logo img{margin:0 0 50px 0;}

#content{
	_width:84%;
	margin: 120px 0 0 96px;
	_float:left;
	_min-height: 900px;
	max-width: 899px;
}

#links{float:left; width:49%}

#rechts{float:left; width:49%}

.eingerueckt{margin:0 0 0 40px;}


/* marion ermer preis
-------------------------------------------------------------- */
#mininav{
	position:fixed;
	font-family:'ralewayextrabold';
	padding:0 3% 0 0;
	z-index: 0;
}

#mininav a:hover{color:#6e82aa;}
#mininav a{color:#444;}
#mininav a.aktiv{color: #6e82aa;}

#mininav ul li{list-style: none;}
#mininav ul{margin:0; padding:0;}
#preisnamen{padding:0 0 0 20px !important;}


#preistext{
	width:75%;
	margin:0 0 0 25%;
}

#preistext p{float:left;}
#preistext #bilder{float:left;}
	
.jahr{float:left;width:9%;max-width:4em;padding:0 1% 0 0;}
.ort{float:left;width:90%;}

.vonbis .jahr{float:left;width:17%;max-width:7em;padding:0 1% 0 0;}
.vonbis .ort{float:left; width:82%;}


.vita{width:100%;font-size: 1.1em;}
.vita .jahr{float:left;width:17%;max-width:7em;padding:0 1% 0 0;}
.vita .ort{float:left;width:82%;}


#bilder{
	margin:3.2em 0 20px 0;
}

#bilder img{margin:0 0 -3px 0;}


/* editionen
-------------------------------------------------------------- */
.edition{
	float:left;
	margin: 0 0 40px 0;
	width:100%;
}

.editionTEXT{
	float:left; 
	width: 360px;
	}

.editionBILD{
	float:left; 
	margin:5px 20px 0 0;
	}


/* bild recht text links
.editionTEXT{
	float:left; 
	_margin 0 30px 0 0;
	width: 360px;
	}

.editionBILD{
	float:right; 
	_margin:5px 0 30px 0;
	}
*/



/* publikationen
-------------------------------------------------------------- */

.publikation{
	float:left;
	margin: 25px 0 100px 0;
	width:100%;
}


.pubBILD{
	float:left; 
	margin:0 1% 0 0;
	width: 24%;
}