@charset "utf-8";



body {
	line-height:1em;
	font-size:2em;
	font-family:'Kabel W01 Black';
  }
  
  html{ margin: 0; padding: 0;}
  
/*Links*/

a {  
	color:#000;
	text-decoration:none; 
}

a:link {  
	color:#000;
	text-decoration:none; 
}
a:visited {  
	color:#000;
	text-decoration:none; 

}
a:focus {  
	color:#000;
	text-decoration:none; 

}
a:hover { 
	color:#000;
	text-decoration:none;
}
a:active {  
	color:#000;
	text-decoration:none; 
}

/*Header*/
  
#header {
	right:2%;
	left:2%;
	top:3%;
	height:44%;
	border:solid;
	border-color:#000;
	border-width:10px;
	position:absolute;
}

#cityone {
	text-align:center;
	width:100px;
	left:50%;
	margin-left:-50px;
	top:5px;
	position:absolute;
}

#citytwo {
	text-align:center;
	width:100px;
	left:50%;
	margin-left:-50px;
	bottom:5px;
	position:absolute;
	display:none;
}

#cityoneleft {
	text-align:left;
	width:100px;
	left:7px;
	top:5px;
	position:absolute;
	display:none;
}

#citytwoleft {
	text-align:left;
	width:100px;
	left:7px;
	bottom:5px;
	position:absolute;
}

#cityoneright {
	text-align:right;
	width:100px;
	right:7px;
	top:5px;
	position:absolute;
	display:none;
}

#citytworight {
	text-align:right;
	width:100px;
	right:7px;
	bottom:5px;
	position:absolute;
	display:none;
}

#bremen {
	text-align:center;
	width:100px;
	left:50%;
	margin-left:-50px;
	top:5px;
	position:absolute;
	display:none;
}

#mainz {
	text-align:left;
	width:100px;
	left:7px;
	bottom:5px;
	position:absolute;
	display:none;
}

/*Logo*/

#logo {
	width:450px;
	height:300px;
	left:50%;
	margin-left:-225px;
	top:55%;
	position:fixed;
	background-image:url(../img/ppp_logo.png);
}

/*Regeln*/

#content {
	right:2%;
	left:2%;
	top:50%;
	position:absolute;
}

#content2 {
	right:2%;
	left:2%;
	top:150%;
	position:absolute;
}

#content3 {
	right:2%;
	left:2%;
	top:300%;
	position:absolute;
}

#content4 {
	right:2%;
	left:2%;
	top:400%;
	position:absolute;
	height:5%;
}

.left {
	text-align:left;
	margin:0;
	padding:0;
	width:40%;
}

.right {
	text-align:right;
	margin:0;
	padding:0;
	width:40%;
	margin-left:60%;
}

/*Footer*/

#footer {
	text-align:center;
	width:400px;
	left:50%;
	margin-left:-200px;
	bottom:5px;
	position:fixed;
	cursor:pointer;
}

#info {
	width:280px;
	height:280px;
	top:50%;
	margin-top:-150px;
	left:50%;
	margin-left:-150px;
	border:solid;
	border-color:#000;
	border-width:10px;
	position:fixed;
	background-color:#FFF;
	display:none;
	padding:10px;
}

.infotext {
	text-align:left;
	font-size:12px;
	line-height:14px;
	padding:0;
	margin:0;
}

	