@charset "utf-8";

html { /* height: 100%; */ }
* { margin:0; padding:0; }

body {
	/* height: 100%; */
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #12132a url('griffel/bg.gif') top left repeat-x; /* #666666 */
	margin: 0;
	padding: 0;
	text-align: center;
	color: #EADCDC;
	border-top: 3px solid #efa438;
	font-family: Tahoma;
}


	img { behavior: url("pngbehavior.htc"); }
	/* a.img:link, a:img:visited, a.img:hover, a.img:focus, a.img:active { border-bottom:none; }
	
	:link img { border:none;text-decoration:none; }
	:visited img { border:none;text-decoration:none; }
	:link:active img, :visited:active img { border:none; text-decoration:none;} */
	
	.oneColFixCtrHdr #header img { border: 0; display: block; }
	
	.oneColFixCtrHdr #mainContent a:link, a:visited, a:focus, a:active { color:#EFA438; text-decoration:none; }
	.oneColFixCtrHdr #mainContent a:hover {   color:#fff;
											  text-decoration:none;
											  border-bottom: 2px solid #EFA438;
											  padding: 0 0 1px 0 }
											  
	.oneColFixCtrHdr #footer #footer_text a:link, a:visited, a:focus, a:active { 
											  color:#EFA438;
											  text-decoration:none;
											  border-bottom: 1px solid #EFA438;
											  padding: 0 0 1px 0; }
	.oneColFixCtrHdr #footer #footer_text a:hover {
											  color:#fff;
											  text-decoration:none;
											  border-bottom: 0px solid #EFA438;
											  padding: 0 0 1px 0; }


.oneColFixCtrHdr #container {
	width: 900px;
	height: 75%; min-height: 800px; /* max-height:740px; */
	background: transparent;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
	/* IE Win < 7 only \*/
	* html #container { height:100%; }
	/* end IE Win < 7 only */

.oneColFixCtrHdr #header {
	background: transparent; 
	padding: 20px 10px 0 20px;
}
/* IE 7 Deklaration */
*+HTML .oneColFixCtrHdr #header {
	background: transparent; 
	padding: 20px 10px 0 20px;
	margin:0;
	}
/* ENd */

	/* a.toplogo { width:450px; height:120px; background: transparent url('griffel/top_big_logo.png') top left no-repeat; }
	a.toplogo:link, a.toplogo:visited, a.toplogo:hover, a.toplogo:active { border:none;text-decoration:none; } */
	
	.toplogo {
	width:870px; height:120px;
	background: url('griffel/top_big_logo.gif') top left no-repeat;
	}
	
	/* .toplogo a, .toplogo a:visited, .toplogo a:active { 
	display:block;
	width:450px; height:120px;
	padding:0;
	background: url('griffel/top_big_logo.gif') top left no-repeat;
	text-decoration: none;
	border:none
	}
	/* .toplogo a:hover { background: url('griffel/top_big_logo_hover.gif') top left no-repeat; } */
	
		/* *+HTML .toplogo a, *+HTML .toplogo a:visited, *+HTML .toplogo a:active,
		*HTML .toplogo a, *HTML .toplogo a:visited, *HTML .toplogo a:active { 
		display:block;
		width:870px; height:120px;
		padding:0;
		background: url('griffel/top_big_logo.gif') top left no-repeat;
		text-decoration: none;
		border:none
		} */

	
.oneColFixCtrHdr #header h1 {
	margin: 0;
	padding: 10px 0;
	/* text-align: right; */
}
.oneColFixCtrHdr #mainContent {
	height: 530px;
	background: transparent;
	padding: 10px 0 1em 10px;
}
	.oneColFixCtrHdr #mainContent #aufmacher_links {
	float: left;
	width: 400px;
	height: 340px;
	background: transparent;
	padding: 0 5px 0 0;
	margin: 10px 20px 0 0;
	border: 0px solid #000;
	}
		.oneColFixCtrHdr #mainContent #aufmacher_rechts {
		float: right;
		width: 330px;
		height: 305px;
		background: transparent;
		padding: 0 0 0 5px;
		margin: 40px 0 10px 20px;
		border: 0px solid #000;
		}
		
		    /* First Page Button HOVER */
			.oneColFixCtrHdr #mainContent .aufmacher_rechts_menu1 {
			float: left;
			display:block;
			width: 145px;
			height: 185px;
			margin: 11px 0 0 -17px;
			background: transparent url('griffel/aufmacher_rechts_00a.gif') 0 0 no-repeat;
			text-decoration: none;
			border:none;
			}
			.oneColFixCtrHdr #mainContent .aufmacher_rechts_menu1:hover {
			background: transparent url('griffel/aufmacher_rechts_00a.gif') -145px 0 no-repeat;
			text-decoration: none;
			padding:0; /* //margin-bottom:1px; */
			border:none;
			}
			.oneColFixCtrHdr #mainContent .aufmacher_rechts_menu2 {
			float: left;
			display:block;
			width: 145px;
			height: 185px;
			margin: 11px 0 0 13px;
			background: transparent url('griffel/aufmacher_rechts_00b.gif') 0 0 no-repeat;
			text-decoration: none;
			border:none;
			}
			.oneColFixCtrHdr #mainContent .aufmacher_rechts_menu2:hover {
			background: transparent url('griffel/aufmacher_rechts_00b.gif') -145px 0 no-repeat;
			text-decoration: none;
			padding:0; /* //margin-bottom:1px; */
			border:none;
			}
			.oneColFixCtrHdr #mainContent .aufmacher_rechts_menu3 {
			float: left;
			display:block;
			width: 145px;
			height: 185px;
			margin: 11px 0 0 13px;
			background: transparent url('griffel/aufmacher_rechts_00c.gif') 0 0 no-repeat;
			text-decoration: none;
			border:none;
			}
			.oneColFixCtrHdr #mainContent .aufmacher_rechts_menu3:hover {
			background: transparent url('griffel/aufmacher_rechts_00c.gif') -145px 0 no-repeat;
			text-decoration: none;
			padding:0;
			border:none;
			}

			/* END */
			
			.oneColFixCtrHdr #mainContent #sprueche_rechts {
			float: left;
			width: 462px;
			height: 138px;
			background: transparent;
			padding: 0;
			margin: 21px 0 5px -17px;
			//margin: 20px 0 5px -16px;
			}
			
		.oneColFixCtrHdr #mainContent p.impress { font-size:14px; padding: 50px 0 0 0; margin:0; }
		.oneColFixCtrHdr #mainContent p.impress2 { font-size:14px; padding: 20px 0 0 20px; margin:0; }
		.oneColFixCtrHdr #mainContent p.impress3 { font-size:14px; padding: 25px 0 0 20px; margin:0; }
		.oneColFixCtrHdr #mainContent p.impress4 { font-size:14px; text-align: justify; padding: 0 0 0 20px; margin:0; }
		.oneColFixCtrHdr #mainContent p.impress5 { font-size:14px;
												   color: #8C6900;
												   text-align: justify;
												   padding: 5px 20px 5px 10px;
												   margin: 20px 0 0 15px;
												   border-left: 10px solid #8C6900; }
		
		.oneColFixCtrHdr #mainContent h2.impress { font-size:16px; padding: 10px 0 10px 20px; margin:0; }

	/* .oneColFixCtrHdr #footer_text {
	height:143px; width:350px;
	position: relative;
	top:335px; //top:185px; left:20px; */
	/* bottom: -330px; //bottom:-180px; */
	/* color: #EFA438;
	font-size: 12px;
	padding: 0 10px 0 20px;
	margin: 0 auto 0 7px;
	background: transparent url('griffel/bg-footer-boden-2.gif') top left no-repeat;
	text-align: left;
	} */
	.oneColFixCtrHdr #footer_text {
	/* width: 400px; */
	height:143px; width:350px;
	position: relative;
	top:36px; left:-232px; //left:26px;
	/* bottom: -330px; //bottom:-180px; */
	color: #EFA438;
	font-size: 12px;
	padding: 0 10px 0 20px;
	margin: 0 auto;
	background: transparent url('griffel/bg-footer-boden-2.gif') top left no-repeat;
	/* background: transparent; */
	text-align: left;
	}
		/* IE 7 Deklaration */
			*+HTML .oneColFixCtrHdr #footer_text {
			height:143px; width:350px;
			position: relative;
			top:36px; left:-252px;
			color: #EFA438;
			font-size: 12px;
			padding: 0 10px 0 20px;
			margin: 0 auto;
			background: transparent url('griffel/bg-footer-boden-2.gif') top left no-repeat;
			text-align: left;
			}
		/* END */

		html:first-child>b\ody #footer_text { 
		height:143px;
		position: relative;
		bottom: -304px; //top:209px; _top:209px;
		left:20px;
		color: #EFA438;
		font-size: 12px;
		padding: 0 10px 0 25px;
		margin: 0 auto 0 auto;
		background: transparent url('griffel/bg-footer-boden-2.gif') 0 0px no-repeat;
		/* background: transparent; */
		text-align: left;
		 }

	
	.oneColFixCtrHdr #footer_text p { 
	text-align: left;
	padding: 35px 10px 0 90px;
	 }
	/* IE 7 Deklaration */
	*+HTML .oneColFixCtrHdr #footer_text p { 
	text-align: left;
	margin: 0 10px 0 0;
	 }
	/* END */
	 	.oneColFixCtrHdr #footer_text #p2 { 
		float:left;
		width: 430px;
		margin: -133px 0 0 430px;
		//margin: -137px 0 0 216px;
		}
		 .oneColFixCtrHdr #footer_text #p2 p { 
		 text-align: right;
		 padding: 50px 20px 5px 5px;
		 }
		/* IE 7 Deklaration */
		*+HTML .oneColFixCtrHdr #footer_text #p2 { 
		float:left;
		width: 430px;
		margin: -133px 0 0 445px;
		}
		 *+HTML .oneColFixCtrHdr #footer_text #p2 p { 
		 text-align: right;
		 padding: 50px 20px 5px 5px;
		 }
		/* END */

.oneColFixCtrHdr #footer {
	/* clear:left;
	color: #ddd; */
	background: #1A160D url('griffel/footer_bg_new.gif') top left repeat-x;
	/* text-align: left;
	padding: 10px 10px 0 10px; */
	height:233px; /* 233px */
	margin-top:1em; /* -95px */
	}
	
	
/* .oneColFixCtrHdr #footer p { margin: 0; padding: 10px 0 10px 10px; font-size: 12px; } */
.style_foot_year {font-size: 11px; text-align:left}

	/* Speech Bubble */
	#container_bubble {background:transparent; padding: 30px 5px 0 0; width:400px; margin: 0 0 0 25px;}
	#container_bubble div:after {content: "."; display: block; height:11px; clear:both; visibility:hidden;}
	#container_bubble div {width:400px; height:auto; font-family:verdana; font-size:11px;}
	b.tl {display:block; width:400px; height:8px; font-size:1px;}
	b.tr {display:block; width:392px; height:8px; font-size:1px; float:right;}
	b.bl {display:block; width:8px; height:8px; font-size:1px; float:left;}
	b.br {display:block; width:392px; height:8px; font-size:1px; float:right; position:relative;}
	b.point {display:block; font-size:1px; width:25px; height:14px;}
	#container_bubble div p {padding:8px; color: #fff; margin:0; border:3px solid #fff; border-width:0 3px; text-align:justify; font-size:14px;}
	
	div.one b.tl {background:url(griffel/sb/top_left1.gif) top left no-repeat;}
	div.one b.tr {background:url(griffel/sb/top_right1.gif) top right no-repeat;}
	div.one p {background:#EFA438;}
	div.one b.bl {background:url(griffel/sb/bottom_left1.gif) top left no-repeat;}
	div.one b.br {background:url(griffel/sb/bottom_right1.gif) top right no-repeat;}
	div.one b.point {background:url(griffel/sb/point1.gif) top left no-repeat; margin:5px 0 0 25px;}
	
	p.italic {margin:0 0 20px 0; font-weight:bold; font-style:italic;}
	ul.list li {font-size:11px; margin:2px 0;}
	/* Speech Bubble - END */
	
	/* Speech Bubble 2 */
	#container_bubble2 {background:transparent; padding: 30px 5px 0 0; width:500px; margin: 0 0 0 5px;}
	#container_bubble2 div:after {content: "."; display: block; height:11px; clear:both; visibility:hidden;}
	#container_bubble2 div {width:500px; height:auto; font-family:verdana; font-size:11px;}
	b.tl2 {display:block; width:500px; height:8px; font-size:1px;}
	b.tr2 {display:block; width:492px; height:8px; font-size:1px; float:right;}
	b.bl2 {display:block; width:8px; height:8px; font-size:1px; float:left;}
	b.br2 {display:block; width:492px; height:8px; font-size:1px; float:right; position:relative;}
	b.point2 {display:block; font-size:1px; width:25px; height:14px;}
	#container_bubble2 div p {padding:8px; color: #fff; margin:0; border:3px solid #fff; border-width:0 3px; text-align:justify; font-size:14px;}
	#container_bubble2 div p.ueberschrift {
	color: #fff;
	padding: 8px 8px 0 8px;
	margin:0;
	border:3px solid #fff;
	border-width:0 3px;
	/* text-align:justify; */
	font-size:16px;
	font-weight: bold;}

	div.one2 b.tl2 {background:url(griffel/sb/top_left1.gif) top left no-repeat;}
	div.one2 b.tr2 {background:url(griffel/sb/top_right1.gif) top right no-repeat;}
	div.one2 p {background:#EFA438;}
	div.one2 b.bl2 {background:url(griffel/sb/bottom_left1.gif) top left no-repeat;}
	div.one2 b.br2 {background:url(griffel/sb/bottom_right1.gif) top right no-repeat;}
	div.one2 b.point2 {background:url(griffel/sb/point1.gif) top left no-repeat; margin:5px 0 0 25px;}
	
	p.italic {margin:0 0 20px 0; font-weight:bold; font-style:italic;}
	ul.list li {font-size:11px; margin:2px 0;}
	/* Speech Bubble 2 - END */

	
	
	/* ================================================================ 
	This copyright notice must be untouched at all times.
	
	The original version of this stylesheet and the associated (x)html
	is available at http://www.cssplay.co.uk/menus/page_menu2.html
	Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
	This stylesheet and the associated (x)html may be modified in any 
	way to fit your requirements.
	=================================================================== */
	
	#hoverpage ul#outer li div p {font-size:11px; line-height:16px; margin:5px 0 15px 0; padding-right:65px;}
	#hoverpage ul#outer li div h2 {line-height:1em; color:#585; font-size:1.1em; font-weight:normal; margin-top:30px; //margin-top:55px; font-family:verdana, sans-serif;}
	#hoverpage ul#outer li div h3 {line-height:1em; color:#66a; font-size:1.2em; font-weight:normal; margin-top:23px;}
	#hoverpage ul#outer li div h3.clear {clear:left;}
	
	
	#hoverpage {width:870px; height:388px; border:0px solid #C3C1D7/*#aaa*/; background:#fff; position:relative; z-index:500; overflow:hidden; text-align:left;}
	#hoverpage table {border-collapse:collapse; margin:-1px;}
	#hoverpage ul#outer {background:transparent; padding:0; margin:0;list-style:none;}
	
	#hoverpage ul#outer li.page {display:inline;} /* needed for IE to function correctly */
	
	#hoverpage ul#outer li.page a.menuitem {text-decoration:none;}
	
	#hoverpage ul#outer li.page i {position:absolute; display:block; height:25px; right:690px; background:transparent; cursor:default; z-index:100; text-align:right; text-decoration:none; color:#EFA438; font-style:normal; cursor:pointer;}
	
	#hoverpage ul#outer li.p1 i {top:28px;}
	#hoverpage ul#outer li.p2 i {top:53px;}
	#hoverpage ul#outer li.p3 i {top:78px;}
	#hoverpage ul#outer li.p4 i {top:103px;}
	#hoverpage ul#outer li.p5 i {top:128px;}
	
	
	#hoverpage ul#outer li.page div {display:block; width:820px; height:400px; padding:25px; font-weight:normal; color:#444;}
	#hoverpage ul#outer li.p1 div {background:#fff url(griffel/menu/5/page1_back_neu.jpg);}
	#hoverpage ul#outer li.p2 div {background:#fff url(griffel/menu/5/page2_back_neu.jpg);}
	#hoverpage ul#outer li.p3 div {background:#fff url(griffel/menu/5/page3_back_neu.jpg);}
	#hoverpage ul#outer li.p4 div {background:#fff url(griffel/menu/5/page4_back_neu.jpg);}
	#hoverpage ul#outer li.p5 div {background:#fff url(griffel/menu/5/page5_back_neu.jpg);}
	
	#hoverpage ul#outer li div img {border:0px solid #888; float:left; margin:0 10px 5px 0;}
	#hoverpage ul#outer li div p.big {line-height:1em; color:#004; font-size:1.5em;}
	#hoverpage ul#outer li div a, #hoverpage ul#outer li div a:visited {color:#00c; text-decoration:underline;}
	#hoverpage ul#outer li div em {display:block; width:190px; height:230px; float:left; background:transparent url(griffel/menu/5/current.gif) no-repeat; margin-right:10px;}
	
	#hoverpage ul#outer li.p1 div em {background-position: 9px 0;}
	#hoverpage ul#outer li.p2 div em {background-position: 9px 25px;}
	#hoverpage ul#outer li.p3 div em {background-position: 9px 50px;}
	#hoverpage ul#outer li.p4 div em {background-position: 9px 75px;}
	#hoverpage ul#outer li.p5 div em {background-position: 9px 100px;}
	
	#hoverpage ul#outer li.page div a:hover {text-decoration:none;}
	
	#hoverpage ul#outer li.page a.menuitem:hover {white-space:normal;} /* for IE6 */
	
	#hoverpage ul#outer :hover div {position:absolute; left:0; top:0;}
	#hoverpage ul#outer a:hover i {color:#66a; font-weight:bold;} /* for IE6 */
	#hoverpage ul#outer :hover a i,
	#hoverpage ul#outer :hover a:visited i
	{color:#66a; font-weight:bold;}
	
	#hoverpage ul#outer div ul li {line-height:20px; font-size:0.9em; color:#256; list-style-type:disc;}
	#hoverpage ul#outer div ul li a,
	#hoverpage ul#outer div ul li a:visited
	{line-height:20px; font-size:1.1em; color:#c00;}
	
	#hoverpage ul#outer div dl dd {line-height:20px; font-size:1.1em; color:#448;}
	#hoverpage ul#outer div dl dt {line-height:30px; font-size:1.3em; color:#333;}