* {
	margin: 0;
	padding: 0;
	font: 12px "Arial", sans-serif;
	color: #5c5b58;
}

li {
	list-style: none;
}

strong {
	font-weight: bold;
}

html, body {
	height: 100%;
}


body {
	background: #eae8e1;
	height: 100%;
	width: 100%;
	float: left;
	position: relative;
	min-height: 100%;
}

	#wrapper_out {
		position: relative;
		min-height: 100%;
		height: 100%; 

		margin: 0 auto;
		width: 910px;
		float: none;
	}
	
	#wrapper_in {	
		min-height: 100%;
		height: auto !important;
		height: 100%; 
		position: relative;
		
		padding: 0 3px;		
		background: url(../images/background.jpg) repeat-y center top;
		float: left;
		width: 902px;
	}
	
		#head h1 {
			width: auto;
		}
		
			#head h1 a {
				display: block;
				width: 127px;
				height: 68px;
				margin: 38px 0 0 45px;
				text-indent: -5000px;
				background: url(../images/fiesefalle.jpg) no-repeat;
				overflow: hidden;
			}
			
		#head ul {
			display: block;
			height: 44px;
			background: url(../images/upmenu.jpg) no-repeat #fecb00;
			margin: 12px 0 0 0;
			padding: 0 0 0 359px;
		}
		
			#head li {
				float: left;
			}
			
				#head a#links {
					display: block;
					width: 35px;
					height: 44px;
					background: url(../images/menu/submenu/links.jpg);
					text-indent: -5000px;
					overflow: hidden;
				}
				
				#head a#downloads {
					display: block;
					width: 73px;
					height: 44px;
					background: url(../images/menu/submenu/downloads.jpg);
					text-indent: -5000px;
					overflow: hidden;
					margin: 0 0 0 19px;
				}
				
				#head a#feedback {
					display: block;
					width: 137px;
					height: 44px;
					background: url(../images/menu/submenu/feedback.jpg);
					text-indent: -5000px;
					overflow: hidden;
					margin: 0 0 0 19px;
				}
				
				#head a#imprint {
					display: block;
					width: 72px;
					height: 44px;
					background: url(../images/menu/submenu/impressum.jpg);
					text-indent: -5000px;
					overflow: hidden;
					margin: 0 0 0 19px;
				}
				
				#head #guenter {
					margin: -99px 0 0 43px;
				}
				
			#menu {
				height: 245px;
				background: url(../images/menu/background.jpg);
				clear: both;
				display: block;
				padding: 34px 0 0 78px;
			}

				#menu li {
					float: left;
				}
				
				#menu ul {
					clear: both;
				}
				
				#headings li {
					position: absolute;
					left: 50%;
					top: 191px;
					height: 20px;
					text-indent: -5000px;
					overflow: hidden;
					display: none;
				}
				
				#headings li.active {
					display: block;
				}
				
				#headings #wer-ist-guenter {
					margin: 0 0 0 -286px;
					width: 105px;
					background: url(../images/menu/mainmenu/wer-ist-guenter.jpg) no-repeat;										
				}

				#headings #das-seminar {
					margin: 0 0 0 -373px;
					width: 105px;
					background: url(../images/menu/mainmenu/das-seminar.jpg) no-repeat;										
				}
				
				#headings #wer-steckt-dahinter {
					margin: 0 0 0 -204px;
					width: 140px;
					background: url(../images/menu/mainmenu/wer-steckt-dahinter.jpg) no-repeat;										
				}
				
				#headings #schirmherrschaft {
					margin: 0 0 0 -94px;
					width: 140px;
					background: url(../images/menu/mainmenu/schirmherrschaft.jpg) no-repeat;										
				}
				
				#headings #liebe-eltern {
					margin: 0 0 0 13px;
					width: 140px;
					background: url(../images/menu/mainmenu/liebe-eltern.jpg) no-repeat;										
				}	
				
				#headings #gaestebuch {
					margin: 0 0 0 117px;
					width: 140px;
					background: url(../images/menu/mainmenu/gaestebuch.jpg) no-repeat;										
				}
				
				#headings #spiel {
					margin: 0 0 0 220px;
					width: 39px;
					background: url(../images/menu/mainmenu/spiel.jpg) no-repeat;										
				}				
				
				
				#buttons {
					margin: 20px 0 0 12px;	
				}
				
					#buttons a {
						display: block;
						text-indent: -5000px;
						overflow: hidden;
					}
				
					#buttons .wer-ist-guenter {
						background: url(../images/menu/mainmenu/button/wer-ist-guenter.png) no-repeat;
						height: 60px;
						width: 68px;
						margin: 4px 30px 0 2px;					
					}
					
					#buttons .das-seminar {
						background: url(../images/menu/mainmenu/button/das-seminar.png) no-repeat;
						height: 69px;
						width: 68px;
						margin: 0 28px 0 0;					
					}
					
					#buttons .wer-steckt-dahinter {
						background: url(../images/menu/mainmenu/button/wer-steckt-dahinter.png) no-repeat;
						height: 69px;
						width: 68px;
						margin: 5px 20px 0 0;					
					}
					
					#buttons .schirmherrschaft {
						background: url(../images/menu/mainmenu/button/schirmherrschaft.png) no-repeat;
						height: 63px;
						width: 72px;
						margin: 6px 0 0 0;				
					}
					
					#buttons .liebe-eltern {
						background: url(../images/menu/mainmenu/button/liebe-eltern.png) no-repeat;
						height: 63px;
						width: 93px;
						
						margin: 5px 24px 0 0;					
					}	
					
					
					#buttons .gaestebuch {
						background: url(../images/menu/mainmenu/button/gaestebuch.png) no-repeat;
						height: 62px;
						width: 76px;
						margin: 4px 15px 0 0;					
					}	
					
					#buttons .spiel {
						background: url(../images/menu/mainmenu/button/spiel.png) no-repeat;
						height: 62px;
						width: 76px;
						margin: 4px 0 0 0;	
						text-indent: -5000px;
						overflow: hidden;	
						cursor: pointer;
									
					}
					
					#headings #dgnp {
						position: absolute;
						top: 189px;
						left: 50%;
						background: url(../images/logos/dgnp.png) no-repeat;
						height: 29px;
						width: 122px;
						margin: 0 0 0 300px;
						display: block;					
					}
					
					#headings #dgnp a {
						height: 29px;
						width: 122px;
						display: block;
					}
						
			#content {
				padding: 50px 108px 40px 215px;
			}																				
			
				#content p {
					line-height: 21px;
				}
				
				h2 {
					color: #bd121c;
					font-size: 19px;
					font-weight: bold;
					padding: 0 0 21px 0;
				}
				
				h3 {
					color: #bd121c;
					font-size: 15px;
					font-weight: bold;
					padding: 30px 0 10px 0;
				}
				
				#content p a,
				#content li a,
				p.video,
				#lightbox-secNav-btnClose,
				#lightbox a span {
					color: #bd121c;
					text-decoration: underline;
				}
				
				#content p a:hover,
				#content li a:hover,
				p.video:hover,
				#lightbox-secNav-btnClose:hover,
				#lightbox a span:hover {
					text-decoration: none;
				}
				
				#content li {
					line-height: 22px;
				}
				
				p + h2 {					
					padding: 35px 0 21px 0;
				}
				
				h2 + h3 {
					padding: 0 0 10px 0;
				}
				
				p + p {
					padding: 12px 0 0 0;
				}
				
				p + strong {
					display: block;
					padding: 10px 0 0 0;
				}
				
				#o-ton {
					width: 580px;
					height: 248px;
					text-indent: -5000px;
					overflow: hidden;
					background: url(../images/o-ton/startseite.jpg) no-repeat;
					margin: 0 auto;
				}
				
				.guestbook input {
					border: 1px inset #c4c4c4;
					padding: 3px;
					color: #333333;
					display: block;
					width: 160px;
					margin: 3px 0 8px 0;
				}
				
				.guestbook label {
					display: block;
					font-size: 11px;
					color: #000;
				}
				
				.guestbook label small {
					font-size: 10px;
				}
				
				.guestbook textarea {
					border: 1px inset #c4c4c4;
					padding: 3px;
					color: #333333;
					display: block;
					margin: 3px 0 8px 0;
					width: 331px;
					height: 157px
				}
				
				form.guestbook {
					padding: 20px;
					background: url(../images/guestbook.jpg) no-repeat;
					height: 228px;
					margin: 30px 0 20px 0;
				}
				
				.guestbook .left {
					float: left;
					width: 185px;
				}
				
				.guestbook .right {
					float: right;
					width: 344px;
				}
				
				.guestbook .clear {
					clear: both;
					padding: 10px 0 0 195px;
				}
				
				input.submit {
					color: #fff;
					padding: 3px;
					background: #bd121c;
					border: 1px #bd121c outset;
					font-weight: bold;
					width: auto;
				}
				
				input.submit:focus {
					border: 1px #bd121c inset;	
				}
				
				.star {
					font-weight: bold;
					font-size: 11px;
					color: #bd121c;
				}
				
				.guestbook-entry {
					padding: 30px 0 17px 0;
					border-top: 1px #fecb00 solid;
				}
				
					.guestbook-entry .name {
						font-weight: bold;
						color: #bd121c;
					}
					
					.guestbook-entry .age {
						color: #000;
					}
					
					.guestbook-entry small {
						font-size: 10px;
					}
					
				
			.up {
				display: block;
				padding: 5px 0;
				margin: 0 108px 20px 215px;
				border-top: 1px #fee993 solid;
			}
			
				.up a,
				a.imprint-foot {
					color: #666666;
					text-decoration: none;
					font-size: 10px;
					float: left;					
				}
				
				a.imprint-foot {
					float: right;
				}
				
				.up a:hover,
				a.imprint-foot:hover {
					text-decoration: underline;
					color: #bd121c; 
				}
				
			.footer {
				position: absolute;
				bottom: 0;
				height: 1px;
				
			}
			
			.logos {
				position: absolute;
				bottom: 78px;
				left: 44px;
			}
			
				.logos a {	
					display: block;
					margin: 0 0 25px 0;
					text-indent: -5000px;
					overflow: hidden;
				}
				
				.logos #logo-bkk-vor-ort {
					width: 100px;
					height: 24px;
					background: url(../images/logos/bkk-vor-ort.gif);
				}
				
				.logos #logo-citybkk {
					width: 100px;
					height: 30px;
					background: url(../images/logos/logo_citybkk.gif);
				}
				
				.logos #logo-bkg {
					width: 123px;
					height: 28px;
					background: url(../images/logos/bkg.jpg);
				}

				.logos #logo-bkk {
					width: 51px;
					height: 50px;
					background: url(../images/logos/bkk.jpg);
				}
				
				.logos #logo-slogan {
					width: 92px;
					height: 47px;
					background: url(../images/logos/slogan.jpg);
				}
				
			#lightbox {	
				margin: 30px 0 0 0;
			}
			
			#lightbox img {
				border: none;
				text-decoration: none;
			}
			
			#lightbox a {
				/*width: 150px;*/
				float: left;
				display: block;
				border: none;				
				margin: 0 15px 20px 0;
				text-decoration: none;
			}
			
				#lightbox a span {
					display: block;
					margin: 10px 0 0 0;
				}
				
				#lightbox a:hover span {
					text-decoration: none;
				}
				
			
			#quiz-link {
				cursor: pointer;
				color: red;
				font-weight: bold;
			}
			
			#quiz-background {
				position: fixed; 
				top: 0; 
				left: 0; 
				width: 100%; 
				background: #000;
				opacity: 0.75;
			}
			
				#quiz-content iframe {
					border: none; 
					overflow: hidden; 
					width: 541px; 
					height: 214px;					
					background: #fff;
					margin: 93px 23px 45px 43px;
				}
				
			#quiz-content {
				width: 630px;
				height: 539px;
				background: url(../images/spiel.png) no-repeat;
				position: absolute;
				top: 20px;
				right: 50%;
				margin: 0 -315px 0 0;
			}
			
			#quiz-close {
				position: absolute;
				top: 107px;
				left: 50%;
				margin: 0 0 0 265px;
				width: 21px;
				height: 21px;
				background: url(../images/quiz-close.jpg) no-repeat;
				text-indent: -5000px;
				overflow: hidden;
			}
			
			#quiz-close:hover {
				cursor: pointer;
			}
			
			#video-close {
				color: red;
				padding: 8px 0 8px 8px;
				display: block;
				text-decoration: none;
				clear: both;
			}
			
			#video-close:hover {
				cursor: pointer;
				cursor:hand;
				text-decoration: underline;
			}
			

#GB_overlay {
 	background: #000; 
 	opacity:.85;
  filter:alpha(opacity=85);
  position: fixed;
  margin: auto;
  top: 0;
  left: 0;
  z-index: 100;
  width:  100%;
  height: 100%;
}

.GB_preload_message {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -16px;
  background: url(../hg/ajax-loader.gif) no-repeat 0 0;
  opacity:.5;
  filter:alpha(opacity=50);  
}

.GB_preload_message p {
  background: url(../gfx/img/icons/animated/ajax-loader_16.gif) no-repeat 0 0;
  padding-left: 20px;
  color: #fff;
  margin: 0 0 0 20px;
  line-height: 20px;
  font-size: 15px;
  text-align: left;
  font-weight: normal;
  color: #fff;
  text-align: center;
  background: #2776C8;
}

.GB_window {
  position: fixed;
  z-index: 150;
  top: 50%;
  left: 50%;
  margin: -112px 0 0 -200px;
  border: 3px #fff solid;
  background: #fff;
}

* html .GB_window { 
	position: absolute; 
}

.GB_caption {
  position: absolute; 
  width: auto;
  margin: 0;
  float: left;
  top: 0;
  left: 20px;
  padding: 5px 12px;
  color: #fff;
  background: #553F83; 
  margin-right: 20px;
}

#GB_img { margin-top: 15px; float:left; }
.GB_window embed, .GB_window object {  float:left; margin: 0; }
*+ html .GB_window embed { margin: -1px; }
		
		
p.video {
	display: inline;
}

p.video:hover {
	cursor: pointer;
	cursor: hand;
}