@font-face {
	font-family: "Linux Libertine";
	src: url("../fonts/Linux Libertine.eot"); /* IE9*/
	src: url("../fonts/Linux Libertine.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	url("../fonts/Linux Libertine.woff2") format("woff2"), /* chrome?firefox */
	url("../fonts/Linux Libertine.woff") format("woff"), /* chrome?firefox */
	url("../fonts/Linux Libertine.ttf") format("truetype"), /* chrome?firefox?opera?Safari, Android, iOS 4.2+*/
	url("../fonts/Linux Libertine.svg#ProtoFet W00 Medium Italic") format("svg"); /* iOS 4.1- */
}


html{
	font-size: 100%;
    font-family:'Linux Libertine' !important;
    font-size:16px;
	font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;

	font-size: 0.75em;
	color: #333333;
	/*  Verkürtzte Schreibweise:
		#333333 => #333
		#ffffff => #fff
		#aa66ff	=> #a6f
		Tupel lassen sich verkürtzt darstellen
		#aa66fe => lässt sich nicht verkürtzt darstellen.
	*/
	background-image: url("timmendorf_bg.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	/*background-color: rgba(173, 216, 230,0.8);*/
	background-attachment:fixed;
	/*width: 	800px;
	height: 600px;*/
    margin: 0;
    padding: 0;
	}

	body{
    margin: 0;
    padding: 0;
	position: static;
    /*border: 3px solid #73AD21;*/
	/*padding-top: 70px;*/		
		
	}
h1{	
   font-family: 'Linux Libertine' !important,Verdana, Helvetica, sans-serif;
    font-weight: normal; 
    font-style: italic; 
	font-size: 6em;
 	color: #65574b;
    text-shadow: rgba(0, 0, 0, 0.4) 2px 2px 3px;
	display: inline;
}	

/*Rundungen für Link-Button und Teilbereiche des Fensters*/
 
div > a, #linke_spalte, #rechte_spalte, header p{
	border-left: 1px solid #fff;
    border-right: 1px solid #333;
	
    -webkit-border-top-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-bottomleft: 7px;
    
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
	
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
    
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
	}

header a, header p{
	width: 20%;
    margin: 0;
	margin-top: 0.5em;
    padding: 0;
	background-color: rgba(52, 63, 68,0.6); /*#343f44;rgba(173, 216, 230,0.6);R: 52 G: 63 B: 68*/
	/*background-image: -webkit-linear-gradient(rgba(173, 216, 230,0.8), #fff, rgba(173, 216, 230,0.8), #9abcce);
    background-image: -moz-linear-gradient(rgba(173, 216, 230,0.8), #fff, rgba(173, 216, 230,0.8), #9abcce);
    background-image: linear-gradient(rgba(173, 216, 230,0.8), #fff, rgba(173, 216, 230,0.8), #9abcce);*/
	display: inline;
	float: right;
	font-family: 'Linux Libertine Italic', sans-serif;
   /* font-weight: bold; */
    font-style: italic; 
	font-size: 2.5em;
 	/*color: #65574b;*/
	color: rgba(231, 223, 215, 0.60);
    text-align: center;
    line-height: 1.5em; /* vertikale Zentrierung des Textes */
    white-space: nowrap; /* kein Zeilenumbruch: verhindert, dass Texte mehrzeilig werden */
    text-decoration: none;
    text-shadow: rgba(255, 255, 255, 0.4) 2px 2px 3px;
}

/*header a:hover,header p:hover {
    background-color: rgba(173, 216, 230,0.7);
}*/

div > a{
	width: 90%;
    margin: 0.8em;
    padding: 0;
	background-color: rgba(173, 216, 230,0.4);
	/*background-image: -webkit-linear-gradient(#9badbb, #fff, #9badbb, #9abcce);
    background-image: -moz-linear-gradient(#9badbb, #fff, #9badbb, #9abcce);
    background-image: linear-gradient(#9badbb, #fff, #9badbb, #9abcce);*/
	display: block;
	font-family: 'Linux Libertine Italic', sans-serif;
    font-weight: normal; 
    font-style: normal; 
	font-size: 1em;
 	color: #65574b;
    list-style-type: none;
    display: table;
    width: 80%;
    text-align: center;
    line-height: 2em; /* vertikale Zentrierung des Textes */
    white-space: nowrap; /* kein Zeilenumbruch: verhindert, dass Texte mehrzeilig werden */
    text-decoration: none;
    text-shadow: rgba(255, 255, 255, 0.4) 2px 2px 3px;
}

div > a:hover {
    background-color: rgba(173, 216, 230,0.3);
	/*background-image: -webkit-linear-gradient(#4a586a, #fff, #4a586a, #9abcce);
    background-image: -moz-linear-gradient(#4a586a, #fff, #4a586a, #9abcce);
    background-image: linear-gradient(#4a586a, #fff, #4a586a, #9abcce);*/
    text-decoration: none;
}

label{
	margin: 1.5em 1em 0 0; /* top right bottom left;*/
}


#linke_spalte, #mittlere_spalte, #rechte_spalte{
    margin: 1em;
    padding: 0.5em;
	display: inline;
	/*border: 3px solid #73AD21; R: 231 G: 223 B: 215 */
	float:  left;
}

#linke_spalte{
    margin: 0;
    padding: 0;
	float: left;
    /*height: 100%;*/ /*Full height*/
    position: fixed; /* Make it stick, even on scroll */
	left:1%; top:15%; width:15%; height:75%;

	background-color: rgba(231, 223, 215, 0.25);
    overflow: auto; /* Enable scrolling if the sidenav has too much content */
}

header{
    margin: 0;
    /*margin-left: 15%;*/
    padding: 0;
    position: fixed; /* Make it stick, even on scroll */
	left:0; top: 0; width:80%; height:15%;
    overflow: auto; /* Enable scrolling if the sidenav has too much content */
	/*border: 3px solid #73AD21;*/
	background-image: url("timmendorf_bg.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment:fixed;
	display: inline;
	float: left;
	}
	
/*footer{
    margin: 0;
    /*margin-left: 15%;*/
/*    padding: 0;
    position: fixed; /* Make it stick, even on scroll */
/*	right:0; bottom: 0; width:90%; height:5%;
/*    overflow: auto; /* Enable scrolling if the sidenav has too much content */
	/*border: 3px solid #73AD21;*/
/*	background-image: url("timmendorf_bg.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment:fixed;
	display: inline;
	float: left;
	}*/
	
		footer{
			background-color: navy;
			color:#fff;
			padding: 5px;
			font-size: 0.85em;
			/*position: absolute;*/
			position: fixed; /* Make it stick, even on scroll */
			right: 0; bottom: 0; width:99%; height:3%;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			background-attachment:fixed;
			display: inline;
			float: left;
			background-color: rgba(0, 0, 128, 0.5);
			}
			
#rechte_spalte{
	margin: 0;
    position: fixed; /* Make it stick, even on scroll */
	left:80%; top:30%; width:15%; height:55%;
    overflow: auto; /* Enable scrolling if the sidenav has too much content */
	background-color: rgba(231, 223, 215, 0.40);
}

#mittlere_spalte{
	width: 60%;
    margin-left: 17%;
	padding-top: 5%;
	background-color: rgba(231, 223, 215, 0.75);
	font-size: 2em;
}

#mittlere_spalte, #rechte_spalte{
}
		#fuelltext, #freiraum {
			width:98%;
		/*	margin-top: 10%;*/
		/*	margin: auto;*/
			min-height:150px
		}
		#rechte_spalte p {
			width:98%;
			margin: auto;
			min-height:250px;
			border: 1px solid gray;
		}