body 						{ 
									height: 100%;
									margin: 0px; 
									background: #D9D9D9 url('/css/images/bg.jpg') repeat-x;
									/*background-attachment: fixed;*/
								}

								
	#container, #container2, #pagend		{ width: 100%;}	
	#container		{ 
									/*background: url('/css/images/kopfzeilee.jpg') no-repeat top;*/
									background: linear-gradient(#9CF, #58B);
	}
	
	#container2		{ background: #58B;
									/*background: url('/css/images/shadows.png') repeat-y center;*/
	}
	#pagend				{ background: linear-gradient(#58B, #369); height: 70px; }

		#header 	{
									position: relative;
									width: 995px;
									height: 30px;
									padding-top: 242px;
									box-shadow: 0px -5px 10px #222;
									/* background: #F00;*/
									margin: 0px auto 0px auto;
									/*border-bottom: solid 4px #C8C3AD;*/
									/*overflow: hidden;*/
								}
								
								
		#logo, #sitelink { 
			position: absolute;
			width: 190px;
			height: 190px;
			background: url('/img/logo_150.png') no-repeat;
			opacity: 0.9;
		}
		#logo {
			top: 20px;
			left: 30px;
		}

		#sitelink { 
			top: 120px;
			right: 60px;
			width: 138px;
			height: 79px;
			background: url('/img/logo_nat.png') no-repeat;
			background-size: contain;
			box-shadow: 0px 0px 10px #FFF;
		}
		
		
		
		#header #headerback { 
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 0;
			height: 250px;
			overflow: hidden;
		}
		#header #headerback img{ 
			width: 100%;
		}
		
		#header #righttitle { 
			font-size: 10px;
			position: absolute;
			right: 20px;
			top: 30px;
			padding: 10px;
			background: rgba(255,255,255,0.8);
			border-radius: 2em 1em 4em / 0.5em 3em;
		}

		#header	#topmenu		{ 
			height: 32px; 
			padding: 0px;
			padding-left: 2px;
			padding-top: 1px;
			background: #333;
			position: relative;
			z-index: 5;
		}	
								
								
	#topmenu a, #topmenu a:link {
		color: #FFF;
		text-decoration: none;
		/* font-family: 'Junction';*/

		/*font-family: Arial, Verdana, sans-serif;*/
		font-size: 16px;
		font-weight: bold;
	}
		
	
	
	
	#navwrap {
		margin: 0px;
    list-style:none;
		padding: 0px;
		/*
		background: linear-gradient(45deg, #094E8F, #0E90DF);
		background: linear-gradient(45deg, #343702 0%, #184500 20%, #187546 30%, #006782 40%, #0b1284 50%, #760ea1 60%, #83096e 70%, #840b2a 80%, #b13e12 90%, #e27412 100%);
		*/
		background: linear-gradient(45deg, #184500 0%, #006782 40%, #189546 70%, #0b1284 100%);
		background-size: 100% 100%;
		background-color: #840b2a;
		display: inline-block;
	}
	
	#navwrap li { 
		float: left;
		display: block; 
		position: relative;
		/*
		*/
	}
	#navwrap  a { 
	
		display: block; 
		overflow: hidden;
		text-shadow: 0 0 3px #000;
	}

	
		#navwrap .hassub ul {
				position:absolute;
				background-color: #369;
				left: 0px;
				display:none;
				margin: 0px;
				margin-left: 8px;
				padding: 0px;
				padding-top: 1px;
				list-style:none;
				border: 1px solid #777;
				border-width: 0px 1px 1px 1px;
				z-index: 10;
				white-space: nowrap;
				box-shadow: 0 3px 5px 0 gray;
				max-width: 250px;
				min-width: 96%;
		}
				
		#navwrap .firstsub ul {
			margin-left: 0px;
		}
		#navwrap .activesub ul {
          min-width: 109%;
		}
		#navwrap .wasactivesub ul {
			margin-left: 25px;
			min-width: 85%; 
		}
				
         
        #navwrap .hassub ul li {
            float:left;
						width: 100%;
            border-top: 1px solid #CCC;
        }
         
        #topmenu #navwrap .hassub ul a {
            display: block;
						font-size: 12px; 
						font-weight: normal;
            padding: 4px 6px;
        }
         
        #topmenu #navwrap .hassub ul a:hover {
            background-color: #7290C4;
        }
 
		 /* fix ie6 */
		*html #navwrap ul {
				margin: 0 0 0 -2px;
		}

	
	
	/* tabs definition */
	.tabsleft, .tabsright {display: none;}
	
	.tabsstart, .tabsstartcenter, .tabscenter, .tabsend,
	.tabsactivestart, .tabsactivestartcenter, .tabsactiveendcenter, .tabsactivecenter, .tabsactiveend {
		float: left;
		height: 23px;
		padding-top: 7px;
		/* background-position: 0px bottom; */
		background-repeat: no-repeat;
	}
	
	.tabscenter, .tabsactivecenter {
		padding-left: 1px;
	}
	

	.tabsstart 				{ width: 11px; background-image: url(/css/images/tabsstart_sp.png); }
	.tabsstartcenter	{ width: 29px; background-image: url(/css/images/tabsstartcenter_sp.png); }
	.tabscenter 			{  					   background-image: url(/css/images/tabscenter_sp.png); 
																	background-repeat: repeat-x; 
																	padding-left: 19px;
																	padding-right: 19px;
																	font-size: 16px;
										}
	
	.tabsend 					{ width:  11px; background-image: url(/css/images/tabsend_sp.png); }
	
	.tabsactivestart 				{ width: 11px; background-image: url(/css/images/tabsactivestart_sp.png); }
	.tabsactivestartcenter	{ width: 27px; background-image: url(/css/images/tabsactivestartcenter_sp.png); }
	.tabsactivecenter 			{  					   background-image: url(/css/images/tabsactivecenter_sp.png); 
																				background-repeat: repeat-x; 
																				padding-left: 19px;
																				padding-right: 19px;
																				font-size: 16px;
													}
	
	.tabsactiveendcenter		{ width: 26px; background-image: url(/css/images/tabsactiveendcenter_sp.png); }
	.tabsactiveend 					{ width: 11px; background-image: url(/css/images/tabsactiveend_sp.png); }

	
	/* no submenu */
	#topmenu .hasnosub:hover .tabsstart, #topmenu .hasnosub:hover .tabsstartcenter, #topmenu .hasnosub:hover .tabscenter, 
	#topmenu .hasnosub:hover .tabsend,
	#topmenu .hasnosub:hover .tabsactivestart, #topmenu .hasnosub:hover .tabsactivestartcenter, #topmenu .hasnosub:hover .tabsactivecenter, #topmenu .hasnosub:hover .tabsactiveend , #topmenu .hasnosub:hover + li .tabsactiveendcenter 
				{ background-position: 0px -30px; } 

	
	
				
	#topmenu .hasnosub:hover + li .tabsstartcenter, #topmenu .hasnosub:hover + li .tabsactivestartcenter, #topmenu .hasnosub:hover .tabsactiveendcenter
				{ background-position: 0px -90px; } 
				
	/*
	#topmenu .hasnosub:hover .tabsend
				{ background-position: 0px -30px; } 
	*/
	
	/* with submenu */
	#topmenu .hassub:hover .tabsstart, #topmenu .hassub:hover .tabsstartcenter, #topmenu .hassub:hover .tabscenter, 
	#topmenu .hassub:hover .tabsend,
	#topmenu .hassub:hover .tabsactivestart, #topmenu .hassub:hover .tabsactivestartcenter,  #topmenu .hassub:hover .tabsactivecenter, #topmenu .hassub:hover .tabsactiveend
				{ background-position: 0px -60px; } 
				
	#topmenu .hassub:hover .tabsactiveendcenter
				{ background-position: 0px -90px; } 
				
				
		
	#topmenu .hassub:hover + li .tabsactiveendcenter
				{ background-position: 0px -60px; } 
		
	#topmenu .hassub:hover + li .tabsstartcenter, #topmenu .hassub:hover + li .tabsactivestartcenter 
				{ background-position: 0px -90px; } 
		
		
		/** BODY **/
		#innercontainer	{ 
									width: 995px;
									overflow: hidden;
									margin: 0px auto;
									background: #C3D1E0; 
									box-shadow: 0px 0px 10px #222;
								}
								
		#left					{ 
										float: left;
										width: 175px;
										text-align: left;
										padding-top: 0px;
										min-height: 684px; 
									}
									
				
				#leftmenu		{
											margin: 55px 0px 12px 3px;
											/* margin-right: -1px; */
											padding: 0px 2px;
											width: 161px;
										}

					#leftmenu a, #leftmenu a:link {
											color: #369;
											text-decoration: none;
											/* font-family: Arial, Verdana, sans-serif; */
											font-size: 12px;
										}
										
					#leftmenu ul {
													list-style-type: none;
													margin: 0; padding: 0px;
													
													/*margin-bottom: 6px;*/
												}
					#leftmenu ul ul {
						
					}

					#leftmenu ul li a, #leftmenu ul li a:link {
													display: block;
													/* width: 124px; */
													background: #DDD url(/css/images/menuback.jpg) no-repeat;
													margin: 0px;
													margin-left: 5px;
													padding: 3px 2px 3px 10px;
													color: #369;
													text-decoration: none;
													font-size: 11px;
													font-weight: normal;
													
													border: 1px solid #BBB;
													border-width: 1px 1px 0px 1px;
													
												  }
					
					#leftmenu ul ul li a, #leftmenu ul ul li a:link {
						/*background: #AAA;*/
						font-size: 11px;
						margin-left: 10px;
						/* padding: 1px 2px 1px 8px; */
					}

					#leftmenu ul ul ul li a, #leftmenu ul ul ul li a:link {
						/*background: #999;*/
						font-size: 11px;
						margin-left: 15px;
						/* padding: 1px 2px 1px 28px; */
					}

					#leftmenu  ul   > li:last-child 				{ 
					
													margin-bottom: 10px;
					}
					#leftmenu  ul   > li:last-child 	a		{ 
													border-bottom-width: 1px;
													/*
		-moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; 
		-moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px;border-bottom-right-radius: 6px;
		*/
													}

													
					#leftmenu ul li a:hover {
													/* background: #DDF; */
													background-position: 0px -75px;
													color: #019235;
					}
					
					#leftmenu ul li a.active	{	
													/*background: #CCC;*/
													background-position: 0px -75px;
													color: #019235;
													}
					#leftmenu ul li a.bottom.active {
													/*padding: 3px 0px 6px 6px;*/
													}

		
					
		#main					{ 
										float: left;
										width: 660px;
										text-align: left;
										background: #fcfcfc url(/css/images/pgbck.png) no-repeat 0px 2px;
									}
		
		/* first page fix */
		#innercontainer .mainab {width: 838px; background: #FCFCFC; }
		
																		

				#breadcrumb	{
											font-size: 10px;
											width: 99%;
											margin: 10px auto 0px auto;
											padding: 2px 2px 2px 13px;
											/*
											border: 1px solid #A4A4A4;
											-moz-border-radius: 2px; 
											-webkit-border-radius: 2px;
											border-radius: 2px;
											*/
										}
																						
										
				#errbox, #succbox, #bckbox { margin: 20px 20px 20px 0px; padding: 15px 19px; border: 1px solid #000; font-size: 14px; font-weight: bold; color: #000;  }
				#errbox { border-color: #F00; background-color: #FAA; }
				#succbox { border-color: #0F0; background-color: #AFA; }
								
								
		#right	{ 
										float: left;
										width: 160px;
										text-align: center;
										
						}
						
			#rightinner {
										width: 160px;
										text-align: center;
									}
									
									
			#rightinner a, #rightinner a:link {
											color: #000;
											text-decoration: underline;
											/* font-family: "Trebuchet MS", Helvetica, sans-serif; */
											font-size: 1.0em;
											font-weight: bold;
										}
										
			#rightinner a:hover {
											text-decoration: none;
			}
																			
								
	/** FOOTER **/
		#footer 	{
									width: 650px;
									/*
									width: 978px;
									background: #e5efab;
									*/
									height: 20px; 
									margin: 0px auto 0px auto;
									padding: 5px 0px 17px 0px;
									/* background: url('/css/images/foot.png') no-repeat bottom center; */
									border: solid 0px #999;
									border-top-width: 1px;
									font-size: 10px;
									color: #999;
									letter-spacing: 0.1em;
									/* font-family: Arial, "Trebuchet MS", Helvetica, sans-serif; */
								}	

			#main #footer p 	{
											margin: 0px;
											text-align: center;
										}
								
			#main #footer a, #main #footer a:link, #main #footer a:visited 			 { font-weight: bold; text-decoration: none; color: #999;}
			#main #footer a:hover { background-color: #333; color: #FFF; text-decoration: overline;}