/* CSS für GNN - Dreispaltig - Breite 950 (gesamt) */
html, body {margin: 0;
scrollbar-face-color: #F0F0F0; 
scrollbar-highlight-color: #F3F4F5; 
scrollbar-3dlight-color: #E9E7E7;
scrollbar-darkshadow-color: #E9E7E7; 
scrollbar-shadow-color: #000099; 
scrollbar-arrow-color: #000099; 
scrollbar-track-color: #F0F0F0; 
scrollbar-background-color: #DFE4F2;}

body {background-color: #ffffff;
font-family: Tahoma, Arial, Helvetica, Sans-serif;
font-size: 70%;
text-align: left;}

/* PBody */
#PBody {width: 100%; height: 100%; text-align: center; background-color: #ECF1FF;}

/* Mainbox 
background-color: #FFFFFF;
background-image: url("pics/bg_pc.gif");
*/
#PC {position: relative;
margin: 10px;
width: 950px;
color: #000000;
align: center;
text-align: left;}

/* Rahmen und Ecken oben - m:o,r,u,l */
#PHG {position: relative;
height: 150px;
color: #003399;}

#PHTop {background-image: url("pics/bg_head_top_1.jpg");
background-repeat: no-repeat;
width: 950px;
height: 10px;
line-height: 10px;}

			/* Pagehead - m:o,r,u,l */
			#PH {background-image: url("pics/bg_head.jpg");
			color: #000000;
			margin: 0 0 0 0;
			height: 120px;
			position: relative;}
			
					#PHLogoBox {
					position: absolute;
					height: 80px; 
					float: left; 
					margin: 0px 0px 0px 10px;}
	
					#PHLogoPic {padding: 3px 0 0 20px;}
						
					#PHLogoArea {
					position: absolute;
					top: 25px;
					left: 190px;
					font-weight: normal;
					color: #ffffff;}
											
						/*#PHLogoArea {font-size: 90%;
						position: absolute;
						top: 32px;
						left: 190px;
						font-weight: normal;
						color: #ffffff;}*/
						
						/* Navigation - rechts neben dem Logo - m:o,r,u,l */
						#PHLogoNav {
							position: absolute;
							top: 15px;
							font-weight: normal;
							color: #ffffff;
							margin: 0 0 0 790px;
							}
						#PHLogoNav ul {
							display: block;
						   	list-style-type: none; 
						   	margin: 0 0 0 2px;
						   	padding: 0;}
									
						#PHLogoNav li {
							float:left;
							list-style-type: none; 
							margin: 0 0 0px 0;
							padding: 0 0 1px 0px;
							}					
						#PHLogoNav a {text-decoration: none; font-weight: normal; color: #ffffff;}
						#PHLogoNav a:link {text-decoration: none; font-weight: normal; color: #ffffff;}
						#PHLogoNav a:activ {text-decoration: underline; font-weight: normal; color: #ffffff;}
						#PHLogoNav a:hover {text-decoration: underline; font-weight: normal; color: #ffffff;}
						#PHLogoNav a:visited {font-weight: normal; color: #ffffff;}
						
/* Hauptnavigation - horizontal -------------------------------------------------------------------------- */ 
	#PHMainNavBox /* Box um die horizontale Hauptnavigation, ergänzt den Aussenrand rechts und links */
			{background-color: #ECF1FF ; 			
			font-family: Tahoma, Arial, Helvetica, Sans-serif;
			font-size: 115%;
			text-align: center;
			height:22px;
			width: 100%;
			margin: 0;
			padding:0;
			border-right: 1px solid #003399;
			border-left: 1px solid #003399;
			}
			/* plaziert das Hauptmenue*/
		#nav {
			background-color: transparent;
			margin: 0 0 0 190px;
			top:0px;
			Z-index: 40;
			color:#003399;	
			text-align: center;	
			}		
		/* äussere Box um das Ausklappmenue  */				
		#nav ul {
			background-color: #ECF1FF;
			list-style: none;
			padding: 0 0 0 5px;
			margin: 0 0 0 -2px;
			Z-index: 60;
			text-align: center;
			border-bottom: solid 1px #003399;
			border-right: solid 1px #003399;
			border-left: solid 1px #92A7D2;
			border-top: solid 1px #92A7D2;
		}
		/* Formatiert die einzelnen Punkte der Hauptnavigation -------*/
		#nav a {font-weight: normal; 
				text-decoration: none; 
				line-height:15px;
				color:#003399; 
				margin:0 0 0 0;
				background-color: #ECF1FF;/* Hintergrund der einzelnen Hauptnavpunkte*/
				display: block;
				padding: 0px 0.7em 0px 0.7em;
				border-left: 1px solid #003399;
		}
		
		/* Formatiert die einzelnen Punkte des Ausklappmenues----- */
		#nav li li a {	
			display: block;
			font-weight: normal;			
			font-size: 90%;
			font-family: Tahoma, Arial, Helvetica, Sans-serif;
			line-height:14px;
			padding: 2px 4px 0px 5px;
			margin:0px 0 0px 0; 
			border-left: 1px solid #ECF1FF;
		}
		/* Hovert die Punkte des Untermenues*/
		#nav li li a:hover {
			padding: 2px 4px 0px 5px;
			text-decoration: underline; }
			
		#nav a:hover {text-decoration: underline;}	
						
			/* */
		#nav li {
			line-height:20px;
			float: left;
			position: relative;
			text-align: left;
			cursor: default;
			background-color: transparent;	
			Z-index: 150;
			margin:5px 0 5px 0; 
		}
		#nav li.first {
			border-left-width: 1px;
			line-height:16px;
			}
			
		#nav li.second {
			border-left-width: 1px;
			line-height:16px;		}
		#nav li#last {
			border-right-width: 1px;
		}
		li ul {
			display: none;
			position: absolute;
			top: 19px;
			left: 2px;
			font-weight: normal;
			padding: 0;
			margin:0 0 0 2px;
			/*border-right: solid 1px #7d6340; Ränder des Untermenues
			border-bottom: solid 1px #7d6340;*/
			border-top: 4px solid #ECF1FF;
			width:6em;
		}
		li>ul {
			top: auto;	left: auto;
		} 
		/* Formatiert einen Teil des ausgeklappten Untermenues*/
		#nav li li {
			display: block;
			float: none;
			background-color: transparent; /* Hintergrund der einzelnen Punkte des Untermenues*/
			border: 0;
			width:125px;
			margin:0px;
			padding:0;
		}
		#nav li:hover ul, li.over ul {
			display: block;
			Z-index: 160;
		}

		.navfirst {}
		.navsecond {border-left: 1px solid #003399;}
		.navborder {border: 2px solid #ECF1FF;}

	/* UnterNavigation -------------------------------------------------------------------------------- */ 
			#PBSubNavBox {
			position: relative;
			width: 185px;
			margin: 0 0 0 1px;
			padding: 0px;
			color: #003399;
			float: left;
			font-size: 95%;
			}
				.PBSubNavTitleBox {	
				position: relative;
				background-color: #FEF99C;
				margin: 14px 1px 2px 0;
				width: 181px;
				left: 1px;
				border-right: 1px solid #F7C20B;
				border-top: 1px solid #FFF951;			
				border-bottom: 1px solid #F7C20B;
				}				
				.PBSubNavTitleText {
				font-weight: 600;
				padding: 4px;
				color: #003399;
				text-align: left;}	
								
			/* UnterNavigation - m:o,r,u,l */
			#PBSubNav {
			position: relative;
			width: 181px;
			left: 1px;
			display: block;
			margin: 0 0 0 0;
			padding: 0 0 0 0px;
			border-right: 1px solid #EBEBEB;
			font-size: 100%;
			}
					#PHSubNav ul {
					display: block;
				   	list-style-type: none; 
				   	margin: 0 0 0 2px;
				   	padding: 0;}
							
					#PBSubNav li {
					list-style-type: none; 
					margin: 0 0 0 0;
					padding: 0 0 1px 0;
					}
						
					#PBSubNav a {
					text-decoration: none;
					color: #003399;
					margin: 0 0 1px 0;
					padding: 3px 0 3px 0;
					height: 20px;
					width: 181px; /*display: block; muss im ff wieder rein!!!*/
					background-color: #FEFEC0;
					border-top: 1px solid #FFF951;
					border-left: 1px solid #FEEC2D;
					border-right: 1px solid #F7C20B; 
					border-bottom: 1px solid #FDE01B;}													
				
					#PBSubNav a:link {}
					#PBSubNav a:activ {}
					#PBSubNav a:hover {
					color: #666666;
					margin: 0 0 1px 0;
					padding: 3px 0 3px 0;
					height: 20px; 
					width: 181px;
					background-color: #ffffe8;
					}
					#PBSubNav a:visited {}		
							
					
			/* Search - m:o,r,u,l */
			#PBSubNavSearchBox {background-color: #FEFEC0;
			position: relative;
			margin: 10px 0 0 0;
			width: 181px;
			padding: 0px;
			left: 1px;
			border-top: 1px solid #FEEC2D;
			border-left: 1px solid #FEEC2D;
			border-right: 1px solid #F7C20B;
			border-bottom: 1px solid #F7C20B;}

					#PBSubNavSearchTitleBox {
					background-color: #FEF99C;
					font-weight: 600;
					padding: 4px;
					height: 1.0em;
					color: #003399;}

					#PBSubNavSearchText {
					font-size: 95%;
					color: #999999;
					margin: 0 0 0 0;
					padding: 4px;}

			/* Func - m:o,r,u,l */
			#PBSubNavFuncBox, .PBCBannerBox {
			background-color: #FEFEC0;
			position: relative;
			margin: 10px 0 50px 0;
			width: 181px;
			padding: 0px;
			left: 1px;
			border-top: 1px solid #FEEC2D;
			border-left: 1px solid #FEEC2D;
			border-right: 1px solid #F7C20B;
			border-bottom: 1px solid #F7C20B;}

					#PBSubNavFuncTitleBox, .PBCBannerTitle {
					background-color: #FEF99C;
					font-weight: 600;
					padding: 4px;
					height: 1.0em;
					color: #003399;}

					#PBSubNavFuncText, .PBCBannerText {
					font-size: 95%;
					color: #999999;
					margin: 0 0 0 0;
					padding: 4px;}
										
			/* LoginNav - m:o,r,u,l */
			#PBSubNavLoginBox {
			position: relative;
			margin: 10px 0 0 0;
			padding: 0px;
			left: 1px;
			width: 181px;
			background-color: #FFF2CC;
			border-top: 1px solid #FFBD91;
			border-left: 1px solid #FFBD91;
			border-right: 1px solid #E7651A;
			border-bottom: 1px solid #E7651A;}
				
					#PBSubNavLoginTitleBox {
					background-color: #E7651A;
					font-weight: 600;
					padding: 4px;
					color: #ffffff;}
	
					#PBSubNavLoginText {
					font-size: 95%;
					color:#999999;
					height: 60px;
					margin: 0 0 0 0;
					padding: 4px;}					

/* Page Body - Mittlerer Bereich -------------------------------------------------------------------------- */ 
			#PB {
			background-image: url("pics/bg_pc.gif");
			margin: 0 0 0 0px;			
			border: #DFE8FF;
			background-color: #ffffff;
			min-height:55em;
			height:100%;
			}			
											#PBPrint {font-size: 75%;
											margin: 10px 0 0 5px;
											position: relative;
											float: left;
											}					
				#PBCText {
				border-top: #DFE8FF;
				margin: 18px 0px 0px 11px;
				padding: 0 0 10px 0;
				width:550px;
				background-color: #ffffff;
				float: left;}

				#PBCTitle {font-size: 80%;
				margin: 0 0 0 0;/*oben,rechts,unten,links*/
				top: 95px;}
				
				#PBCTitleText{					
				margin: 0 0 10px 0;
				padding: 0px;
				height: 22px;
				font-size: 130%;
				color: #001B94;
				font-weight: bold;}	
									
/* -------------------- Inhalt Infobox innerhalb des Contentbereiches-Mitte -----------------*/
			.PBCTextInfoBox {
			clear:both;
			margin: 10px 0 0 0;
			font-size: 100%;
			width: 100%;}

			/* Überschrift der Infobox*/
			.PBCTextInfoTitleBox {
			background-color: #ecf1ff;
			margin: 0 0 0 0;
			border-right: 1px solid #aaaaaa;
			border-top: 1px solid #dddddd;
			border-left: 1px solid #dddddd;}			

			.PBCTextInfoTitleText {
			padding: 3px;
			font-weight: 600;
			font-size: 100%;
			margin: 0 0 0 3px;
			color: #003399;
			text-align: left;}
						
			.PBCTextInfoContent {						
			font-size: 100%;
			margin: 0 0 0 0;
			padding: 5px;
			border-right: 1px solid #aaaaaa;
			border-top: 1px solid #dddddd;
			border-left: 1px solid #dddddd;
			border-bottom: 1px solid #aaaaaa;}
							
/* Inhalt Infobox rechts --------------------------------------------------------------------------- */ 
			#PBCInfoBox {position: relative;
			right: 0px;
			width: 183px;
			float: right;
			margin: 0 0 0 0;
			border-top: #DFE8FF;
			z-index: 20}
						
					/* Überschrift der Infobox */
					.PBCInfoTitleBox {
					background-color: #FEFAC0;/*f4ef55*/
					margin: 10px 0px 0 0;
					border-right: 1px solid #aaaaaa;
					border-top: 1px solid #dddddd;
					border-left: 1px solid #dddddd;}
							
					.PBCInfoTitleText {
					padding: 3px;
					font-weight: 600;
					font-size: 100%;
					margin: 0 0 0 3px;
					color: #003399;
					text-align: left;}
						
					.PBCInfoContentBox {
					position: relative;
					padding-top: 0px;
					font-size: 100%;											
					margin: 0 0 5px 0px;
					background-color: transparent;
					border-right: 1px solid #aaaaaa;
					border-top: 1px solid #dddddd;
					border-left: 1px solid #dddddd;
					border-bottom: 1px solid #aaaaaa;}

					.PBCInfoContentBoxBorder {
					margin-left: 2px;
					margin-right: 3px;
					background-color: transparent;
					height:100%;
					width:181px;}
															
					/* Text der Infobox */
					.PBCInfoContentText {
					margin: 0px 0 0px 0;
					padding: 8px;
					text-align: left;
					color: #000000;
					font-weight: normal;
					font-size: 100%;}					

					.PBCInfoBoxPic {
					width: 185px; height: 115px; 
					margin: 15px 1px 0 0px; padding: 0;}

div.cleaner {clear:both;}

/* Page Foot - Seiten-Fuss -------------------------------------------------------------------------- */ 
			#PF {			
			position: relative;
			background-image: url("pics/bg_bottom.jpg");
			background-repeat: no-repeat;
			background-color: #ECF1FF;
			margin: 0px 0 0 0;
			width: 950px;
			height: 18px;
			text-align: center;
			}	
				.PFBottomText {
				color: #EBF5FF;
				font-size: 90%;
				margin: 2px 0 2px 0;}		
				
			.PFCopy {
			height: 18px;
			width: 100%;
			margin: 10px 0 10px 0;
			color: #003399;
			font-size: 80%;
			text-align: center;}
								
/* Tabelle Kontaktseite */
table.kontakt {background-color: #DFE4F2;;
border-left: 1px solid #b5c4e1;
border-top: 1px solid #b5c4e1; 
border-right: 1px solid #b5c4e1;
border-bottom: 1px solid #b5c4e1;}

/* Formulare */
input.form {font-family: Tahoma, Arial, Helvetica, Sans-serif; font-size: 100%; background: url("pics/bg_input_1.gif") no-repeat; border: 1px solid #cccccc;}
input.formort {font-size: 100%; background: url("pics/bg_input_1.gif") no-repeat; border: 1px solid #cccccc;}
input.formplz {font-size: 100%; background: url("pics/bg_input_1.gif") no-repeat; border: 1px solid #cccccc;}
input.formsearch {font-size: 100%; background: url("pics/bg_inputsearch_1.gif") no-repeat; border: 1px solid #cccccc;}
input.formloginnav {font-size: 100%; background: url("pics/bg_inputsearch_1.gif") no-repeat; border: 1px solid #E7651A;}
textarea.form {font-family: Tahoma, Arial, Helvetica, Sans-serif; font-size: 100%; background: url("pics/bg_inputarea_1.gif") no-repeat; border: 1px solid #cccccc;}
select.form {font-size: 100%; border: 1px solid #cccccc;}
option.option1 {border: 1px solid #cccccc;}
form.loginnav {margin: 0 0 0 0;}
form.search {margin: 0 0 0 0;}
form.searchuser {margin: 0 0 0 0;}
form.forum_page {margin: 0 0 0 0; display: block;}
form.forum {margin: 0 0 0 0;}

/* Links */
a {text-decoration: underline; font-weight: normal; color: #003399;}
a.foot {font-size: 100%; text-decoration: none; font-weight: normal; color: #003399;}
a.subnavlogin {text-decoration: none; font-weight: normal; color:#999999;}
a.subnavlogin:link {text-decoration: none; font-weight: normal; color: #999999;}
a.subnavlogin:activ {text-decoration: underline; font-weight: normal; color: #999999;}
a.subnavlogin:hover {text-decoration: underline; font-weight: normal; color: #999999;}
a.subnavlogin:visited {font-weight: normal; color: #999999;}
a.subnavfunc {text-decoration: none; font-weight: normal; color:#999999;}
a.subnavfunc:link {text-decoration: none; font-weight: normal; color: #999999;}
a.subnavfunc:activ {text-decoration: underline; font-weight: normal; color: #999999;}
a.subnavfunc:hover {text-decoration: underline; font-weight: normal; color: #999999;}
a.subnavfunc:visited {font-weight: normal; color: #999999;}

/* Listen - m:o,r,u,l */
/* Listen */
ol {margin: 0 0 0 16px;}
ol.sitemap {margin: 0 0 0 10px;}
ul {margin: 0 0 0 10px;}
ul.misc {margin: 0 0 3px 17px;}
li {margin: 0 0 0 15px;}
ul.down {margin: 0 0 3px 17px;}
li.down {list-style-image: url("pics/ico_down.gif"); margin: 0 0 3px 0;}
li.downpdf {list-style-image: url("pics/ico_downpdf.gif"); margin: 0 0 3px 0;}
li.downdoc {list-style-image: url("pics/ico_downdoc.gif"); margin: 0 0 3px 0;}
ul.links {list-style: none; margin: 0 0 0 10px;}
ul.news {margin: 0 0 3px 17px;}
li.news {list-style: url("pics/ico_news.gif"); margin: 0 0 3px 0;}
ul.cat {list-style: url("pics/ico_arrow_1.gif"); margin: 0 0 0 17px;}
li.cat {margin: 0 0 3px 0;}
ul.cat_adress {list-style: none; margin: 0 0 0 17px;}
li.cat_adress {margin: 0 0 3px 0;}
ul.adress {margin: 0 0 3px 17px;}
li.adress {list-style: url("pics/ico_user.gif"); margin: 0 0 3px 0;}
ul.intlink {margin: 0 0 3px 17px;}
li.intlink {list-style: url("pics/ico_arrow_1.gif"); margin: 0 0 3px 0;}
ul.extlink {margin: 0 0 3px 17px;}
li.extlink {list-style: url("pics/ico_extlink.gif"); margin: 0 0 3px 0;}
ul.intlinksub {list-style: url("pics/ico_cat.gif"); margin: 0 0 3px 0;}
li.intlinksub1 {margin: 0 0 0 10px;}
li.intlinksub2 {margin: 0 0 0 30px;}
li.intlinksub3 {margin: 0 0 0 60px;}
li.intlinksub4 {margin: 0 0 0 120px;}
ul.info {margin: 0 0 3px 17px;}
li.info {list-style: url("pics/ico_info.gif"); margin: 0 0 3px 0;}
ul.alp {list-style: none; margin: 0 0 0 0;}
li.alp {margin: 0 0 0 12px; float: left;}
ul.subnavfunc {list-style: none; margin: 0 0 0 0;}
li.subnavfunc {margin: 0 0 0px 0;}
ul.subnavlogin {list-style: none; margin: 0 0 0 0;}
li.subnavlogin {margin: 1px 0 0 0;}
ul.event {margin: 0 0 3px 17px;}
li.event {list-style: url("pics/ico_event.gif"); margin: 0 0 3px 0;}
ul.contnav {list-style: url("pics/ico_arrow_1.gif"); margin: 0 0 0 0;}
li.contnav {margin: 0 0 0 0px; float: left; padding: 0 0 0 11px;}
li.contnav2 {margin: 0 0 0 0px;}
ul.forum {margin: 0 0 3px 17px;}
li.forum {list-style: url("pics/ico_forum.gif"); margin: 0 0 3px 0;}
ul.smallad {margin: 0 0 3px 17px;}
li.smallad {list-style: url("pics/ico_smallad.gif"); margin: 0 0 3px 0;}
ul.job {margin: 0 0 3px 17px;}
li.job {list-style: url("pics/ico_job.gif"); margin: 0 0 3px 0;}

/* Span - m:o,r,u,l */
span.home {color: #003399; font-weight: normal; font-size: 115%; margin: 0 0 10px 0;}
span.title {color: #003399; font-weight: bold; font-size: 120%; margin: 0 0 10px 0;}
span.title2 {color: #003399; font-weight: normal; font-size: 110%;}
span.title3 {color: #003399; font-weight: bold; font-size: 90%;}
span.content {color: #ff9900; text-align: justify;}
div.picleft {margin: 0 0 0 0; padding: 5px; float: left;}
div.picright {margin: 0 0 0 0; padding: 2px;}
div.picbottom {margin: 0 0 0 0; padding: 5px;}
div.pictop {margin: 0 0 0 0; padding: 5px;}
div.content {width: 100%; margin: 0 0 0 0; padding: 0px;}
.PBCContentHomeleft {width: 260px; margin: -12px 0 0 0; padding: 0px; float: left;}
.PBCContentHomeright {width: 260px; margin: 0 0 0 0; padding: 0px;}

/* Tabellen */
td {font-size: 70%; font-weight: normal;}
td.content {font-size: 70%; font-weight: normal;}
th.content {font-size: 70%; font-weight: bold;}
table.cat {margin: 10px 0 0 0; 
font-size: 90%; 
width: 100%;
border-right: 1px solid #aaaaaa;
border-top: 1px solid #dddddd;
border-left: 1px solid #dddddd;
border-bottom: 1px solid #aaaaaa;}
th.cat {padding: 3px;
font-weight: 600;
font-size: 110%;
margin: 0 0 0 3px;
color: #001B94;
background-color: #ecf1ff; 
border-bottom: 1px solid #dddddd;}
td.cat {font-size: 110%; font-weight: normal; padding: 3px;}

/* Linie - m:o,r,u,l */
hr.title {width: 100%; color: #0000cc; border-style: solid; margin: -8px 0 0 0;}
hr.title2 {width: 50%; color: #cccccc; border-style:solid; margin: 50px 0 0 0;}
hr.home {width: 100%; color: #dddddd; border-style: solid; margin: 0 0 0 0;}
hr.content {width: 100%; color: #dddddd; border-style: solid; margin: 0 0 0 0;}
/* hr {width: 60%; color: #DFE4F2; border-style: dashed;} */