/* - - - - - - CSS Document - - - - - - - - -

Title : Global style sheet for client-side web development
Author : Cody Lindley 

- - - - - - - - - - - - - - - - - - - - - */

*{padding: 0; margin: 0;}

/* ----- global default/initial styles ----- */
body {background-color:#fff; text-align:center;}

html, body {height:100%;}

/* ----- base default font size, type, and line height ----- */
html body{font: 62.5%/1.4em Arial, Helvetica, sans-serif;color:#333333}
html>body{font: 62.5%/1.4em Arial, Helvetica, sans-serif;color:#333333}



/* ----- base links ----- */
a:link {color: #ff008e;}
a:visited {color: #ff008e;}
a:hover {color: #000000;}
a:active {color: #ff008e;}
a:focus{color: #ff008e;}



hr{margin:10px 0;color:#999999;}

ul{
	list-style: none;
}

ul li{
padding-top:3px;
}

/* some styling for triggers */
body {background-color:#eedc00;}


#triggers {
	text-align:center;
}

#triggers img {
	cursor:pointer;
	margin:0 0px;
	

}



/* styling for elements inside overlay */
.details {
	position:absolute;
	top:15px;
	right:15px;
	font-size:11px;
	color:#fff;
	width:150px;
}

.details h3 {
	color:#aba;
	font-size:15px;
	margin:0 0 -10px 0;
}

#demotip {
	display:none;
	background-image:url(../images/tooltip.png);
	font-size:12px;
	height:40px;
	width:160px;
	padding:5px;
	padding-top:30px;
	color:#ffffff;	
	margin-top:120px;
}

/* style the trigger elements */
.demo img {
	border:0;
	float:left;
	width:75px;
	height:75px;
}

#contentPad{
margin:20px;
}

.formInfo a, .formInfo a:active, formInfo a:visited{
	background-color:#FF0000;
	font-size: 1.3em;
	font-weight:bold;
	padding:1px 2px;
	margin-left:5px;
	color:#FFFFFF;
	text-decoration: none;
}

.formInfo a:hover{
	color:#660000;
	text-decoration: none;
}



/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#ff008e;
	padding:20px;
	min-width:450px;	
	min-height:200px;
	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	background-repeat:no-repeat;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.page-wrapper {width:900px; margin-left:auto; margin-right:auto; height:835px; } 

.header {width:900px; padding:20px; text-align:center; background-color:#eedc00; margin-left:auto; margin-right:auto;}

.footer {
	width:100%;
	height:1000px;
	background-color:#fff;
	margin-top:10px;
	color:#00a7e7;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #00a7e7;
}

.introduction {
	width:900px;
	text-align:justify;
	font-size:11px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ff008e;
	margin-bottom:10px;
}

.content {
	padding:20px;
	color:#FFF;
}

.introduction p {margin-bottom:10px;} 

.topmenu {background-color:#ff008e; height:20px; padding-top:5px; text-align:center; color:#ff40aa;}

.topmenu a {color:#ffffff; text-decoration:none; font-size:14px; font-weight:bold;}

.topmenu a:hover {color:#eedc00;}

.topmenu-content {width:900px; text-align:left; margin-left:auto; margin-right:auto;
 }
 
 .footer-content {width:900px; text-align:left; margin-left:auto; margin-right:auto;}
 
 .sponsoren-block {
	float:left;
	margin-left:10px;
	margin-top:10px;
	width:550px;
}
 
 .pers-block {float:right; margin-right:10px; margin-top:10px; width:300px;}
 
 .menuright {padding-left:615px;}