body {width:100%;
	margin: auto;
    padding: auto;
	background: url("../bilder/hintergrund_pult.jpg") no-repeat center center fixed; 
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
	overflow-x:hidden;
	overflow-y:scroll;
}
	
p { font-family: 'Droid Sans';
font-size: 16px;
color:FFAA00;
line-height: 180%;
}

h2 { font-family: 'Quicksand';
    font-weight: 700;
    font-size: 48px;
	margin: 0px 0px 0px 0px; 
	text-indent: 10px;
	color:FFAA00;}	

.introduction { width:100%;
				margin: auto;
                padding: auto;
}

.secondparagraph {background-color: #6E6E6E;
				padding: 0px 0px 0px 0px;
				width:100%;
}

#lightbox {
    position:fixed; /* keeps the lightbox window in the current viewport */
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    background:rgba(0,0,0,.7);
    text-align:center;
}

#name { 
    padding-top:50px;
	padding-bottom:70px;
	
	margin-left: auto;
    margin-right: auto;
	}

@media screen and (max-width: 615px) {
	#name {width:200px;}
}	

@media screen and (min-width: 616px) {
	#name {
	max-width:430px;
	width:70%;}
}


.wrap {
	float: left;
    position: relative;
	left: 50%;
	}

.logo {
    float: left;
    position: relative;
    left: -50%;
	}

@media screen and (max-width: 900px) {
	.links {
	max-width:400px;
	width:80%;
	}
}	
	
@media screen and (min-width: 900px) {
 	.links {
	float: left;
	padding-left: 00px;
	width:45%;
	}
	.rechts {
	float:right;
	padding-left: 10px;
	width:52%;}
	
	#descriptionText {
	margin-left: 0px;
	}
	p { padding-top: 0px;
	margin-top:0px;}
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

.orangeHover {
	padding: 3px;
	border: 2px solid rgba(255, 170, 0, 0.0);
}

.orangeHover:hover {
	padding: 3px;
	border: 2px solid rgba(255, 170, 0, 1.0);
}