@charset "utf-8";
/* CSS-Datei */

/* GENERAL STRUCTURE
--------------------------------------------- */

html{min-height:100%; overflow-y: scroll;}

body {
font-family: 'Signika', sans-serif;
font-weight:300;
background-color:#fff9f1;
}

#wrapper{
		width:1000px;
		margin-left:auto;
		margin-right:auto;
}


/* HEADER
--------------------------------------------- 
Der Header wird bei der Erweiterung um die Navigation ergänzt */

#header{
		background:#fff9f1 url(../fotos/weiche.jpg) no-repeat top right;
		height:230px;
		position:relative;
}

header h1{
	padding-left:5px;
	font-size:1.9em;
	color:#FFF;
	text-transform:uppercase;
	margin-bottom:200px;
}

header div {
     clear: left;
  }


  /* CONTENT STRUCTURE
--------------------------------------------- */

.inhalt{
	width:760px;
	margin-right:2px;
	margin-bottom: 10px;
  	height:auto;
	overflow:auto;
	float:left;
	padding:5px;
	padding-left:15px;
	border:1px dotted #80673e;
	border-radius:10px;
	vertical-align:top;
}

.kontakt{
	width:200px;
	height:auto;
	float:left;
	padding:5px;
	vertical-align:top;
	border:1px dotted #80673e;
	border-radius:10px;
}

  /* CONTENT TEXTAUSZEICHNUNGEN
--------------------------------------------- */

h1{
	font-family: 'Gentium Book Basic', serif;
	color:#c14f6b;
	font-size:1.4em;
	line-height: 1.5em;
}

h2{
	font-family: 'Gentium Book Basic', serif;
	color:#c14f6b;
	font-size:1.15em;
	line-height: 1.5em;
}

p, li {
	font-family: 'Signika', sans-serif;
	font-weight:300;
	margin-bottom:0.9em;
	margin-top:0.9em;
	line-height:1.3em;
	color:#58585a;
}

.hervorhebung {
	color: #3e5681;
	
}
	
.gross {
	font-size:1.3em;
	font-weight:400;
}
	
.zitat {
	padding-left:40px;
	font-style:italic;
}

.sentenz{
		margin-left:50px;
}
	

  /* CONTENT LINKS
--------------------------------------------- */

a{
	color:#3e5681;
	font-weight:300;
}

a:focus,
a:hover{
	text-decoration:underline;
	font-weight:300;
}
	
a:active{
	color:#7b2e3f;
	font-weight:300;
}
		


  /* CONTENT FOTOS, FOTOZOOM
--------------------------------------------- */

.bildunterschrift {
	font-size: 0.6em;
	font-style: italic;
	line-height: 0.8em;
	text-align: center;

}

.rahmen {
	border:1px solid #485f7b;
}

.bildlinks{
		float:left;
		margin-right:10px;
		border:1px solid #ccbb9f;
}
	
.bildrechts{
		float:right;
		margin-left:10px;
		border:1px solid #ccbb9f;
}

.bildzoom{
	float:left;
	width:40%;
	height:40%
	border: 1px solid #ccbb9f;
	margin: 0.5em;
	padding: 0.5em;
	max-width: 400px;
}

.bildzoom_inhaltbreite{
	float:left;
	width:99%;
	border: 1px solid #ccbb9f;
	margin: 0.5em;
	margin-left: 0em;
	padding: 0.2em;
	max-width: 1200px;
}

.bildzoom_logo{
	width:98%;
	margin-left: 0em;
	margin-top: 2em;
	margin-bottom: 2em;
	max-width: 230px;
}

.bildzoom_icon{
	float:left;
	width:40%;
	height:40%
	margin: 0em;
	margin-right: 0.4em;
	max-width: 200px;
}

.bildzoom_icon_rechts{
	float:right;
	width:40%;
	height:40%
	margin: 0em;
	margin-right: 0.4em;
	max-width: 200px;
}

.bildzoom_icon_ohne_float{
	width:40%;
	height:40%
	margin: 0em;
	max-width: 200px;
}

.bildzoom p,
.bildzoom_inhaltbreite p{
	text-align: center;
	font-style: italic;
	font-size: 0.8em;
}

img.scaled{
	width: 100%;
}


 /* FOOTER
--------------------------------------------- */

footer div{
	float:left;
}