@charset "utf-8";
/* CSS Document */

	body {
					margin: 20px;
					padding: 0px;
					text-align: center;
					background-image: url(../img-0/Hintergrund-6.png);
					background-repeat: repeat-x; 
					font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
					font-size: 0.8em;
					color: #000; /*FG 1*/
	}
	
	h1, h2 { 
					font-family: Arial, Helvetica, sans-serif;
					font-size: 1.4em;
					color: #000055;   	/*FG 2*/
					background-color: inherit;
					margin: 13px 0px 8px 0px;
	}
	
	h2 { 
					font-size: 1.1em;
					margin: 18px 0px 8px 0px;
	}
	
	h3 { 
					font-size: 1.0em;
					font-weight: bold;
					margin: 16px 0px 5px 0px;	
	}
	
	h4 { 			/*Überschrift für Teaserboxen*/
					font-family: Arial, Helvetica, sans-serif;
					font-size: 1.2em;
					font-weight: bold;
					color: #000055;   	/*FG 2*/
					background-color: inherit;
					margin: 10px 0px 5px 0px;
	}
	
	h5 { 			/*Überschrift für wichtig-box*/
					font-size: 1.1em;
					font-weight: bold;
					color: #000;
					margin: 0px 0px 5px 0px;				
	}
	
	h6 { 			/*Übeschrift Video-Untertitel*/
					font-family: Arial, Helvetica, sans-serif;
					font-size: 1.1em;
					font-weight: bold;
					color: #000055;
					background-color: inherit;
					margin: 8px 0px 5px 2px;
	}
	
	h7 { 			/*Buch-/Videotabelleninhalt*/
					font-family: Arial, Helvetica, sans-serif;
					font-size: 1.1em;
					font-weight: bold;
					color: #000055;
					background-color: inherit;
					margin: 0px 0px 5px 2px;
	}	
	
	h8 { 			/*Archiv*/
					font-family: Arial, Helvetica, sans-serif;
					font-size: 1.1em;
					font-weight: bold;
					color: #000055;
					background-color: inherit;
					margin: 0px 0px 5px 8px;
	}		
	
	p { 
					font-size: inherit;
					color: inherit;
					background-color: inherit;
					line-height: 1.45em;
					margin: 0px 10px 10px 0px;
	}
	
	h4 + p { 	
					font-size: inherit;
					color: inherit;
					background-color: inherit;
					line-height: 1.3em;
					margin: 0px 0px 8px 0px;
	}
	
	h5 + p { 		/*Absatzfomat wichtig-box*/
					font-size: inherit;
					color: inherit;
					background-color: inherit;
					line-height: 1.4em;
					margin: 0px 0px 0px 0px;
	}
	
	h6 + p {        /*Absatzformat Video-Untertitel*/ 
					font-size: 0.8em;
					background-color: inherit;
					line-height: 1.4em;
					margin: 0px 0px 3px 2px;
	}
	
	h7 + p {        /*Absatzformat Video-Untertitel*/ 
					font-size: 1.0em;
					background-color: inherit;
					line-height: 1.4em;
					margin: 10px 0px 3px 0px;
	}	
	
	h8 + p {        /*Archiv*/ 
					font-size: 1.0em;
					background-color: inherit;
					line-height: 1.4em;
					margin: 10px 0px 3px 8px;
	}		
	
	.right { 
					text-align: right;
	}	
	
	th { 
					font-size: 1.0em;
					color: #0000D4;  	/*FG 2*/
					font-weight: bold;
					text-align: left;
	}
	
	td { 
					font-size: 1.0em;
	}
	
	#site {
					position: relative;
					width: 930px;
					min-height: 1600px;
					margin:		0px auto 0px auto;
					padding:	0px;				
					background-color: #FFF;
					text-align: left;
					/*border: 0.5px dotted grey;*/
	}
	
	#logo { 
					position: absolute;
					width: 190px;
					height: 90px;
					top: 15px;
					left: 6px;
					/*border: 0.5px dotted grey;*/
	}

	#headbanner { 
					position: absolute;
					width: 728px;
					height: 90px;
					top: 15px;
					right: 0px;
	}
	
	#nav1 { 
					position: absolute;
					top: 120px;
	}
	
	.reiter { 
					width: 155px;
					height: 30px;
					float: left;
	}
	
	#nav2 { 
					position: absolute;
					width: 930px;
					height: 50px;					
					top: 150px;
					background-image: url(../img-0/kachel-06.png);
	}
	
	.begriff-nav2 { 
					display: block;					
					font-weight: normal;
					color: #FFF;      /*FG 4*/
					background-color: inherit;
					margin-top: 7.5px;
					margin-left: 17px; /*je nach Rubrik individuelle einstellen*/
	}
	
	#content { 
					position: absolute;
					width: 595px;
					min-height: 550px;
					left: 13px;
					top: 215px;
					overflow: auto; /*zum Test der Flexibilität neu eingefügt*/
					/*border: 0.5px dotted grey;*/
	}
	
	#info { 
					position: absolute;
					width: 320px;
					min-height: 100px;
					right: 0px;
					top: 215px;
					background-color: #D5D5FF;
					/*border: 0.5px dotted grey;*/
	}
		
	.content-box { 
					position: static;
					width: 595px;
					min-height: 235px;
					margin: 0px auto 20px auto;
					overflow: auto; /*zum Test der Flexibilität neu eingefügt*/
					/*border-top: 0.5px dotted grey;
					border-bottom: 0.5px dotted grey;*/
	}
	
	
	.infobox { 
					position: static;
					width: 300px;
					min-height: 40px;
					margin: 0px auto 20px auto;
					font-size: 0.7em;
					color: #666;
					text-align: right;
					/*border: 0.5px dotted grey;*/
	}
	
	.infobox-2 { 
					position: static;
					width: 300px;
					min-height: 100px;
					margin: 0px auto 20px auto;
					padding-top: 10px;
					text-align: left;
					background-color: #FFF;
					/*border-bottom: 1px solid #00CCFF;*/
					border: 0.5px solid #30A4BF;	
	}	
	
	.videobox { 
					position: static;
					width: 300px;
					min-height: 100px;
					margin: 0px auto 20px auto;
					text-align: left;
					background-color: #FFF;
					border-bottom: 1px solid #00CCFF;
					/*border: 0.5px dotted grey;*/	
	}
		
	.video-foot { 
					position: static;
					width: 300px;
					min-height: 10px;
					text-align: left;
					padding: 0px 2px 0px 2px;
	}	
	
	.teaser-box {
					position: static;
					width: 185px;
					min-height: 80px;
					float: left;
					margin: 0px 12px 0px 0px;
					overflow: auto; /*zum Test der Flexibilität neu eingefügt*/
					text-align: left;
	}
	
	.teaser-box-head { 
					position: static;
					width: 185px;
					height: 30px;
					background-image: url(../img-0/teaser-06.png);
					border: 0px dotted green;
	}
	
	.teaser-begriff { 
					display: block;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 1em;
					font-weight: bold;
					color: #FFF;  /*FG 4*/
					background-color: inherit;
					text-align: center;
					padding-top: 5px;
	}
	
	a img {
					border : none;
	}
	
	a { 
					color: inherit;
					text-decoration: none;
	}

	a:visited { 
					text-decoration: none;
					outline: none;
	}
		
	a:hover { 
					text-decoration: underline;
	}
	
	a:active { 
					text-decoration: none;
					outline: none;
	}
	
	.foto-1 { 		/*als div angelegt*/
					width: 580px;
					min-height: 100px;
					margin: 0px auto 0px 0px;
					font-size: 0.75em;
					color: #000; /*FG 1*/
					background-color: inherit;
					text-align: right;
	}
	
	.foto-2 { 		/*als div angelegt*/
					position: static;
					min-width: 150px;
					min-height: 150px;
					float: left;
					margin: 3px 10px 10px 0px;
					font-size: 0.75em;
					color: #000; /*FG 1*/
					background-color: inherit;
					text-align: left;
					/*border: 0.5px dotted #666;*/
	}
	
	.foto-3 { 		/*als div angelegt*/
					position: static;
					min-width: 150px;
					min-height: 150px;
					float: right;
					margin: 3px 0px 10px 10px;
					font-size: 0.75em;
					color: #000; /*FG 1*/
					background-color: inherit;
					text-align: left;
					/*border: 0.5px dotted #666;*/
	}
	
	
	.wichtig-box { 
					position: static;
					width: 580px;
					height: auto;
					margin: 0px 10px 5px 0px;
					background-color: #D5D5FF;
					padding: 15px 0px 15px 0px;
	}
	
	.wichtig-content { 
					position: static;
					width: 550px;
					min-height: 20px;
					margin: 0px auto 0px auto;
					background-color: inherit;
	}
	
	.ad-content-over { 
					position: static;
					witdh: 30px;
					margin: 20px auto 0px 0px;
					font-size: 0.7em;
					color: #666;
					text-align: left;
	}
	
	.ad-content-box { 
					position: static;
					width: 580px;
					height: auto;
					margin: 0px auto 20px 0px;
					/*background-color: #CCFFAA;*/
					padding: 15px 0px 15px 0px;
					border-top: 1px solid #5555FF;
					border-bottom: 1px solid #5555FF;
					text-align: center;
	}
	
	ul { 
					list-style-type: disc;
					line-height: 1.4em;
	}
	
	li { 
					margin: 0px 10px 5px 0px;
	}		
	
	.klein { 
					font-size: 0.8em;
	}
	
	.light { 
					color: #CCC;
	}