/* aufbau
--------------------------------------------- */



html {
	-webkit-text-size-adjust: 100%;
  	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	
	}


body {
	font-family: garamond, serif
	padding:0;
	margin: 0;
	background-position: center;
background: url("../img/pattern.png")  center center fixed; 
/* background-color: #e9f3ee; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	}
	
	
div#table {
	position:absolute;
	height:100%;
	width:100%;
	border: none;
	margin: 0;
	padding: 0;
	}



/* rahmen
--------------------------------------------- */
/*



#top, #bottom, #left, #right {
	background: #cce5d8;
	position: fixed;
	}
	

#left, #right {
	top: 0; bottom: 0;
	width: 15px;
	}


#left { left: 0; }
#right { right: 0; }
		

#top, #bottom {
	left: 0; right: 0;
	height: 15px;
	}


#top { top: 0; }
#bottom { bottom: 0; }
*/




/* self-clear floats
--------------------------------------------- */



.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}



/* fonts
--------------------------------------------- */



@font-face {
    font-family: 'alas';
    src: url('../fonts/alas/radomir_tinkov_-_alasar-light-webfont.eot');
    src: url('../fonts/alas/radomir_tinkov_-_alasar-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/alas/radomir_tinkov_-_alasar-light-webfont.woff2') format('woff2'),
         url('../fonts/alas/radomir_tinkov_-_alasar-light-webfont.woff') format('woff'),
         url('../fonts/alas/radomir_tinkov_-_alasar-light-webfont.ttf') format('truetype'),
         url('../fonts/alas/radomir_tinkov_-_alasar-light-webfont.svg#alasarregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* link
--------------------------------------------- */


.left{
	height: 25px;
	padding-right: 25px;
	}
	

.left2{
	height: 20px;
	padding-right: 25px;
	}
	
	
.headline {
font-family: 'alas';
text-align: center;
font-size: 18px;
line-height: 26px;
color:black;
}

}

ul#nav {
font-size: 18px;
color: grey;
list-style-type: none;
list-style-position: inherit;
border: none;
border-color: none;
border-style: none;
text-align: center;



}

div#center {
text-align: center;
margin-top: 25px;
margin-left: 25px;
margin-right: 25px;
color: black;


}

div#center {
text-align: center;
margin-top: 25px;


}

.link{
	border: none;
	color: #cce5d8;
	}


ul#nav li{
		text-decoration:none; 

padding-left: 40px;
text-align: center;
border: none;
border-color: none;
border-style: none;float: left;
text-align: center;

}


ul#nav li a{
		text-decoration:none; 

border: none;
border-color: none;
border-style: none;	color: #cce5d8;
	text-align: center;
}

ul#nav li a:hover{
		text-decoration:none; 

border: none;
border-color: none;
border-style: none;	color: #cce5d8;
	text-align: center;
}

a:link { 
	text-decoration:none; 
	border: none;
	border-color: none;
	border-style: none;	
	text-align: center;
	color: #cce5d8;
}

a:visited { 
	text-decoration:none; 
	border: none;
	border-color: none;
	border-style: none;	
	color: #cce5d8;
	text-align: center;
	}
	
a:hover { 
	text-decoration:none; 
	border: none;
	border-color: none;
	border-style: none;	
color: black;
text-align: center;


-webkit-transition: color 0.3s ease-in;
-moz-transition: color 0.3s ease-in;
-o-transition: color 0.3s ease-in;
}

#img{
		text-decoration:none; 
	border: none;
	border-color: none;
	border-style: none;	
	color:white;
	outline:0; 
	-moz-outline:0;
}

#img a{
		text-decoration:none; 
	border: none;
	border-color: none;
	border-style: none;	
	color:  white;
	border: none;
	outline:0; 
	-moz-outline:0;	
}

#img a:hover{
		text-decoration:none; 
	border: none;
	border-color: none;
	border-style: none;	
	color: #cce5d8;
}


/* page structure
--------------------------------------------- */

div#wrapper {
	margin: 7% auto 0px auto;
	font-family: serif;
	font-size: 0.95em;
	line-height: 1.4em;
	width: 400px;
	padding-top:50px;
	background-color: white;
	overflow: none;
		border-style: solid;
		border-radius: 15px;
		border-width: 15px;
	border-color: #cce5d8;
	
}

div#titel{
	background: none;
	background-color: none;
	border: none;
	text-align: center;
}

div#link{
		text-decoration:none; 

	text-align: center;
	background: none;
	background-color: none;
	border: none;
	margin-left: 25px;
	margin-top: 60px;
}


/* text
--------------------------------------------- */


div#footer{
	margin-top: 0px;
	margin-left: 25px;
	text-align: center;
}

.marg{
	margin-left: -25px;
}