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

	body {
					margin: 20px;
					padding: 0px;
					text-align: center;
					/*background-image: url(../img-0/bild.jpg);
					background-repeat: no-repeat;
					background-attachment:fixed;*/
					background-image: url(../img-0/Hintergrund-6.png);
					background-repeat: repeat-x;
					/*background-color: #D5D5FF;*/
					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: #D40000;  	/*FG 2*/
					background-color: inherit;
					margin: 13px 0px 8px 0px;
	}
	
	h2 { 
					font-size: 1.1em;
					margin: 20px 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: #D40000;   	/*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: #0000AA;
					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*/
					display: block;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 1.1em;
					font-weight: bold;
					color: #0000AA;   	/*FG 2*/
					background-color: inherit;
					margin: 0px 0px 5px 8px;
	}	
	
	p { 
					font-size: inherit;
					color: inherit;
					background-color: transparent;
					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-family: Arial, Helvetica, sans-serif;
					font-size: 1.0em;
					font-weight: bold;
					color: #FFF;      /*FG 4*/
					background-color: inherit;
					margin-top: 12px;
					margin-left: 620px; /*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;*/
	}

	#content-tp {
					position: absolute;
					width: 735px;
					min-height: 100px;
					left: 14px;
					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: #E8E8FF;
					/*border: 0.5px dotted grey;*/
	}

	#info-tp { 
					position: absolute;
					width: 180px;
					min-height: 100px;
					right: 0px;
					top: 215px;
					background-color: #E8E8FF;
	}

	.content-box { 
					position: static;
					width: 595px;
					min-height: 240px;
					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;*/
	}
	
	.inbox-1 {
			 		position: static;
					width: 580px;
					min-height: 125px;
					margin: 0px 0px 0px 0px;
					padding-top: 25px;
					font-size: 1.0em;
					color: inherit;
					text-align: left;
					border-bottom: 1px solid #AAAAFF;
    }
	
	.inbox-2 {
			 		position: static;
					width: 580px;
					min-height: 150px;
					margin: 0px 0px 0px 0px;
					padding-top: 25px;
					font-size: 1.0em;
					color: inherit;
					text-align: left;
					border-bottom: 1px solid #AAAAFF;
    }
	
	.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-tp { 
					position: static;
					width: 160px;
					min-height: 40px;
					margin: 0px auto 30px auto;
					font-size: 0.7em;
					color: #666;
					text-align: right;
					/*border: 0.5px dotted grey;*/
	}			
	
	.infobox-2 { 	/*für Buchtipp*/
					position: static;
					width: 300px;
					min-height: 100px;
					margin: 0px auto 30px auto;
					padding-top: 40px;
					text-align: left;
					background-color: #FFF;
					/*border-bottom: 1px solid #00CCFF;*/
					border-top: 1px solid #AAAAFF;
					border-bottom: 1px solid #AAAAFF;
					background-image: url(../img-0/hg-buch.png); 
					background-repeat: no-repeat;
	}
	
	.infobox-3 { 	/*für News*/
					position: static;
					width: 300px;
					min-height: 110px;
					margin: 0px auto 30px auto;
					padding-top: 45px;
					text-align: left;
					background-color: transparent;
					/*border-bottom: 1px solid #00CCFF;*/
					/*border-top: 1px solid #AAAAFF;*/
					/*border-bottom: 1px solid #AAAAFF;*/
					background-image: url(../img-0/hg-news.png); 
					/*background-attachment: fixed;*/
					background-repeat: no-repeat;
	}
	
	
	
	.infobox-4 { 	/*für Hinweise*/
					position: static;
					width: 300px;
					height: 105px;
					margin: 0px auto 30px auto;
					padding-top: 15px;
					/*text-align: left;*/
					background-color: transparent;
					/*border-bottom: 1px solid #00CCFF;*/
					border-top: 1px solid #AAAAFF;
					border-bottom: 1px solid #AAAAFF;
					/*background-image: url(../img-0/hg-news.png);*/ 
					/*background-attachment: fixed;*/
					/*background-repeat: no-repeat;*/
	}

	.info-4a { 	/*für Hinweise oben*/
					position: static;
					width: 160px;
					height: 50px;
					margin: 0px auto auto 5px;
					/*padding-top: 5px auto 5px 5px;*/
					text-align: left;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 1.3em;
					color: #D40000;  
					background-color: inherit;
					background-color: transparent;
	}
	
	.info-4b { 	/*für Hinweise unten*/
					position: static;
					width: 140px;
					height: 17px;
					margin: 28px auto auto 5px;
					/*padding-top: 5px auto 5px 5px;*/
					text-align: left;
					font-family: Verdana, Geneva, sans-serif;
					font-size: 1.0em;
					color: #D40000;  
					background-color: inherit;
					background-color: transparent;
	}
	
	.info-4c { 	/*für Hinweise unten*/
					position: static;
					width: 210px;
					min-height: 30px;
					margin: 0px auto auto 5px;
					/*padding-top: 5px auto 5px 5px;*/
					text-align: left;
					font-family: Verdana, Geneva, sans-serif;
					font-size: 11px;
					color: #009;  
					background-color: inherit;
					background-color: transparent;
	}
	
	.infobox-5 { 	/*für Social Media Start- und- Rubrikseiten*/
					width: 290px;
					min-height: 100px;
					margin: 0px auto 10px auto;
					padding-top: 50px;
					padding-left: 35px;
					background-color: #transparent;
					background-image: url(../img-0/hg-sm.png);
	}
	
	.info-5a { 
					width: 70px;
					height:70px;
					margin: 0px 15px 0px 0px;
					float: left;
					border: none;
	}

	.infobox-6 { 	/*für Artikeltips*/
					position: static;
					width: 300px;
					min-height: 100px;
					margin: 0px auto 30px auto;
					padding-top: 40px;
					text-align: left;
					background-color: #FFF;
					/*border-bottom: 1px solid #00CCFF;*/
					border-top: 1px solid #AAAAFF;
					border-bottom: 1px solid #AAAAFF;
					background-image: url(../img-0/hg-tipp.png); 
					background-repeat: no-repeat;
	}

	.tippbox { 
					position: static;
					width: 295px;
					min-height: 49px;
					margin: 5px auto 10px auto;
					color: #009;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 13px;
					font-weight: bold;
					/*text-align: left;*/
					/*background-color: #FFF;*/
					border-bottom: 1px solid #D5D5FF;
					/*border: 0.5px dotted grey;*/	
	}

	.foto-7 { 		/*Foto für Artikeltipps*/
					position: static;
					min-width: 90px;
					min-height: 49px;
					text-align: center;
					float: left;
					margin: 0px 5px 5px 0px;
					background-color: inherit;
					/*border: 0.5px dotted grey;*/
	}	

	.tippbox-2 {    /*für Artikeltipps*/
					/*position: static;*/
					width: 200px;
					min-height: 49px;
					margin: 0px 0px 5px 90px;
					text-align: left;
					background-image: url(../img-0/tippbox-bg.png);
					/*background-color: #FFF;*/
					/*border-bottom: 0.5px solid #00CCFF;*/
					/*border: 0.5px dotted grey;*/	
	}		


	.newsbox { 
					position: static;
					width: 284px;
					min-height: 20px;
					margin: 0px auto 10px auto;
					/*border: 1px solid grey;*/
					color: #009;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 13px;
					font-weight: bold;
					background-color: transparent;
	}
	

	.videobox { 
					position: static;
					width: 300px;
					min-height: 100px;
					margin: 0px auto 30px auto;
					text-align: left;
					background-color: #FFF;
					border-bottom: 1px solid #AAAAFF;
					/*border: 0.5px dotted grey;*/	
	}
		
	.video-foot { 
					position: static;
					width: 300px;
					min-height: 10px;
					text-align: left;
					padding: 0px 2px 0px 2px;
	}

	.buchbox { 
					position: static;
					width: 295px;
					min-height: 85px;
					margin: 5px auto 10px auto;
					/*text-align: left;*/
					/*background-color: #FFF;*/
					border-bottom: 1px solid #D5D5FF;
					/*border: 0.5px dotted grey;*/	
	}
	
	.textbox { 
					/*position: static;*/
					width: 215px;
					min-height: 75px;
					margin: 0px 0px 5px 75px;
					text-align: left;
					background-image: url(../img-0/textbox-bg.png);
					/*background-color: #FFF;*/
					/*border-bottom: 0.5px solid #00CCFF;*/
					/*border: 0.5px dotted grey;*/	
	}		

	.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-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;*/
	}
	
	.foto-4 { 		/*als div angelegt*/
					position: static;
					min-width: 185px;
					min-height: 100px;
					float: left;
					margin: 0px 10px 0px 0px;
					background-color: inherit;				
	}
	
	.foto-5 { 		/*als div angelegt*/
					position: static;
					min-width: 125px;
					min-height: 125px;
					text-align: center;
					float: left;
					margin: 0px 10px 0px 0px;
					background-color: inherit;
	}
	
	.foto-6 { 		/*Foto für Buchtipps klein*/
					position: static;
					min-width: 75px;
					min-height: 75px;
					text-align: center;
					float: left;
					margin: 0px 5px 5px 0px;
					background-color: inherit;
					/*border: 0.5px dotted grey;*/
	}	
	
	.wichtig-box { 
					position: static;
					width: 580px;
					height: auto;
					margin: 20px 10px 15px 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 #AAAAFF;
					border-bottom: 1px solid #AAAAFF;
					text-align: center;
	}

	.ad-content-box-tp { 
					position: static;
					width: 720px;
					height: auto;
					margin: 0px auto 20px 0px;
					padding: 15px 0px 15px 0px;
					border-top: 1px solid #AAAAFF;
					border-bottom: 1px solid #AAAAFF;
					text-align: center;
	}
	
	.social-box { 
					position: static;
					width: 580px;
					min-height: 20px;
					margin: 13px 10px 10px 0px;
					/*background-color: #CCFFAA;*/
					padding: 5px 0px 5px 0px;
					text-align: left;
					border-top: 1px solid #DBDBDB;
					border-bottom: 1px solid #DBDBDB;
	}
	
	.social-box-tp { 
					position: static;
					width: 720px;
					min-height: 20px;
					margin: 13px 10px 10px 0px;
					/*background-color: #CCFFAA;*/
					padding: 5px 0px 5px 0px;
					text-align: left;
					border-top: 1px solid #DBDBDB;
					border-bottom: 1px solid #DBDBDB;
	}
	
	.social-box-in { 
					position: static;
					min-width: 200px;
					height: 30px;
					margin: 2px auto 2px auto;
					padding-left: 0px;
					padding-bottom: 3px;
					padding-top: 10px;
					text-align: center;
	}
	
	.social-box-in-x { 
					position: static;
					min-width: 50px;
					min-height: 20px;
					margin: auto 5px auto 0px;
					float: left;
					padding: 3px auto 0px auto;
					text-align: center;
	}

	.social-box2 { 
					position: static;
					width: 580px;
					min-height: 40px;
					margin: 35px 10px 35px 0px;
					padding-top: 4px;
					/*background-color: #CCFFAA;*/
					/*padding: 5px auto 5px auto;*/
					text-align: left;
					border-top: 1px solid #DBDBDB;
					border-bottom: 1px solid #DBDBDB; 
	}
	
	.social-box2a { 
					position: static;
					width: 580px;
					min-height: 20px;
					margin: 5px 0px 5px auto;
					/*padding-left: 0px;
					padding-bottom: 3px;
					padding-top: 10px;
					text-align: center;*/
					/*border: 1px solid grey;*/
	}
	
	.social-box2b { 
					position: static;
					min-width: 100px;
					min-height: 15px;
					margin: 0px 12px 0px 0px;
					/*padding-left: 0px;
					padding-bottom: 3px;
					padding-top: 10px;
					text-align: center;*/
					float: left;
					/*border: 1px solid grey;*/
	}
	
	.social-box2c { 
					position: static;
					min-width: 100px;
					min-height: 15px;
					margin: auto 0px auto 350px;
					/*margin: 2px auto 2px auto;*/
					/*padding-left: 0px;
					padding-bottom: 3px;
					padding-top: 10px;
					text-align: center;*/
					/*float: left;*/
					/*border: 1px solid grey;*/
    }
	
	.social-box2-tp { 
					position: static;
					width: 720px;
					min-height: 40px;
					margin: 35px 10px 35px 0px;
					padding-top: 4px;
					/*background-color: #CCFFAA;*/
					/*padding: 5px auto 5px auto;*/
					text-align: left;
					border-top: 1px solid #DBDBDB;
					border-bottom: 1px solid #DBDBDB; 
	}
	
	.social-box2a-tp { 
					position: static;
					width: 720px;
					min-height: 20px;
					margin: 5px 0px 5px auto;
					/*padding-left: 0px;
					padding-bottom: 3px;
					padding-top: 10px;
					text-align: center;*/
					/*border: 1px solid grey;*/
	}
	
	.social-box2b-tp { 
					position: static;
					min-width: 100px;
					min-height: 15px;
					margin: 0px 12px 0px 0px;
					/*padding-left: 0px;
					padding-bottom: 3px;
					padding-top: 10px;
					text-align: center;*/
					float: left;
					/*border: 1px solid grey;*/
	}
	
	.social-box2c-tp { 
					position: static;
					min-width: 100px;
					min-height: 15px;
					margin: auto 0px auto 480px;
					/*margin: 2px auto 2px auto;*/
					/*padding-left: 0px;
					padding-bottom: 3px;
					padding-top: 10px;
					text-align: center;*/
					/*float: left;*/
					/*border: 1px solid grey;*/
    }
	
	.social-box3a { 
					position: static;
					width: 580px;
					min-height: 25px;
					margin: 35px 10px 4px 0px;
					padding-top: 4px;
					/*background-image: url(../img-0/sm-comment.png);*/
					/*background-color: #CCFFAA;*/
					/*padding: 5px auto 5px auto;*/
					text-align: left;
					/*border: 1px solid #DBDBDB;*/
					/*border-bottom: 1px solid #DBDBDB;*/ 
	}
	
	.social-box3b { 
					position: static;
					width: 580px;
					min-height: 50px;
					margin: 0px 10px 0px 0px;
					padding-top: 4px;
					/*background-image: url(../img-0/sm-comment.png);*/
					/*background-color: #CCFFAA;*/
					/*padding: 5px auto 5px auto;*/
					text-align: left;
					/*border: 1px solid #DBDBDB;*/
					/*border-bottom: 1px solid #DBDBDB;*/ 
	}

	.social-box3a-tp { 
					position: static;
					width: 720px;
					min-height: 25px;
					margin: 35px 10px 4px 0px;
					padding-top: 4px;
					/*background-image: url(../img-0/sm-comment.png);*/
					/*background-color: #CCFFAA;*/
					/*padding: 5px auto 5px auto;*/
					text-align: left;
					/*border: 1px solid #DBDBDB;*/
					/*border-bottom: 1px solid #DBDBDB;*/ 
	}
	
	.social-box3b-tp { 
					position: static;
					width: 720px;
					min-height: 50px;
					margin: 0px 10px 0px 0px;
					padding-top: 4px;
					/*background-image: url(../img-0/sm-comment.png);*/
					/*background-color: #CCFFAA;*/
					/*padding: 5px auto 5px auto;*/
					text-align: left;
					/*border: 1px solid #DBDBDB;*/
					/*border-bottom: 1px solid #DBDBDB;*/ 
	}


	ul { 
					list-style-type: disc;
					line-height: 1.45em;
	}
	
	li { 
					margin: 0px 10px 10px -10px;
	}	
	
	ol { 
					list-style-type: disc;
					line-height: 1.45em;
	}
	
	li { 
					margin: 0px 10px 10px -10px;
	}		

	.klein { 
					font-size: 0.8em;
	}
	
	.light { 
					color: #CCC;
	}	

    .clear {
					clear: both;
    }