body, html {
	height:100%;
}


body {
	font-family:"century gothic",verdana,sans-serif;
	margin-top:0px;
	color: #999999;
	margin-left: auto;
	margin-right: auto;
	font-size: 15px;
	background-color: #CDC8D9;
}



.stopp {
	clear:both;
	height:200px;
	width: 100%;
	overflow:hidden; 
}	

.break {
	clear:both;
	height:1px;
	width: 100%;
	overflow:hidden; 
}	

#content {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index:4;
}

#impressum {
	width: 45%;
	padding-top: 200px;
	padding-left:5%;
	color: #000;
}

#center {
	width: 45%;
	padding-left:5%;
	color: #000;
}

#block {
	width: 45%;
	padding-left:5%;
	color: #000;
}

img {
	border-radius:16px;
}

@font-face { 
font-family: "kingthings trypewriter 2"; 
src: url("/fonts/kingthingstrypewriter2.ttf"); 
}

/*#content {
	position:relative;
	margin:9em auto 0.5em;
	background: none repeat scroll 0% 0%;
	padding-top:0.5em;
	max-width: 100%;
 	}*/

#box {
	overflow:hidden;
	}	
	
#icon{
	width: 50px;
	height: auto;
}
	
#bild img, #about, #mainpic, #gallery{
	
	width: 100%;
	margin-top: 1em;
	}	

#copyright{
	clear:both;
	text-align:center;
	font-size:0.7em;
	padding-top:0.5em;
	padding-bottom: 2em;
	margin-bottom:0.5em;
}
	
	

hr{
	color:#dedede;
	}

a{
	text-decoration:none;
		color: #999999;
}

.impressum {
	color: #000;
}

.aktiv {
	color: black;
}

a .aktiv {
	color: black;
}

a:hover {
	color: black;
	}

.hidden {
    display: none;
}	

.now {
	color: red;
	}
	
.julia {
	float: left;
	font-size: 2em;
	}	

#text {
	clear: both;
	text-align: center;
	}



a .aktiv {
	font-weight:bold;
	}



@media only screen and (min-width:610px) {
	body {
		
	}
}

@media only screen and (min-width:900px) {
	body {
		#rot {
			width:60%;
		}
	}
}

	
@media only screen and (min-width:1200px) {
	body {
		
	}	
}