@charset "UTF-8";
@media screen, projection
{
	html,
	body
	{
		margin: 0;
		padding: 0;
		height: 100%;
		width: 100%;
		font-size: 100.01%;
	}
	
	body 
	{
		padding: 0 0 1px;
		background: #6E6F71;
		font-size: 0.625em;
	}
	
	div.page_margins, 
	div.page
	{
		display: block;
		margin: 0;
		padding: 0;
	}
	
	div.page_margins
	{
		position: relative;
		margin: 0 auto;
		padding: 0 0 0 0;
		width: 958px;
	}
		div.page
		{
			position: relative;
			padding: 0 0 0px 0;
			width: 100%;
		}
		
		#header
		{
			position: static;
			margin: 0px auto 55px auto;
			height: 85px;
			background: #FFF;
		}					
			
			
			a#logo
			{
				position: static;
				display: block;
				width: 213px;
				height: 100%;
				text-align: center;
				vertical-align: middle;
			}
				a#logo img
				{
					padding: 10px 0 0 0;
				}
			
			form.search
			{
				position: absolute;
				top: 69px;
				right: 8px;
				padding: 0;
				width: auto;
				height: 2.8em;
				text-align: right;
				background: #68ab42 url(../../images/geruest/bg_nav_level_1.png) 0 center repeat-x;
				box-shadow: 3px 4px 3px rgba(0,0,0,1);
				z-index: 10;
			}
				form.search legend,
				form.search input
				{
					font-family: Arial, Helvetica, sans-serif;
				}
				form.search legend
				{
					position: relative;
					top: 0;
					left: 0;
					
					display: inline-block;
					
					float: left;
					padding: .6em .2em 0 .4em;
					color: #FFF;
					font-size: 1.3em;
					line-height: 1em;
					font-weight: 900;
				}
				form.search fieldset
				{
					
				}
				form.search fieldset,
				form.search input
				{
					display: inline-block;
					float: left;
					width: auto;
				}
					form.search input
					{
						margin: .2em;
						padding: 0;
						font-size: 1.3em;
						line-height: 1em;
						border-radius: 3px;
					}
					form.search fieldset.input input
					{
						padding: 0 3px;
						width: 155px;
						height: 20px;
						background: rgba(255,255,255,1);
						border: 1px solid rgba(0,0,0,.7);
						box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.18) inset, 1px 2px 2px rgba(0, 0, 0, 0.6) inset;
					}
					form.search fieldset.submit input
					{
						margin-right: .4em;
						padding: .2em .3em 0;
						width: auto;
						height: auto;
						color: #FFF;
						background: rgba(12,169,61,.3);
						border: 1px solid rgba(0,0,0,.5);
						font-weight: 900;
					}
					
					form.search fieldset.input input:hover,
					form.search fieldset.input input:active,
					form.search fieldset.input input:focus
					{
						
						background: white;
						border-color: rgba(0,0,0,1);
						box-shadow: 1px 2px 3px rgba(0, 0, 0, .4) inset;
					}
					
					form.search fieldset.submit input:hover,
					form.search fieldset.submit input:active,
					form.search fieldset.submit input:focus
					{
						cursor: pointer;
						background: rgba(135,177,65,.45);
						border: 1px solid rgba(0,0,0,1);
						outline: 0;
					}
				form.language
			{
				position: absolute;
				top: 92px;
				right: 757px;
				padding: 0;
				width: 200px;
				height: 2.8em;
				text-align: left;
				background: #68ab42 url(../../images/geruest/bg_nav_level_1.png) 0 center repeat-x;
				box-shadow: 3px 4px 3px rgba(0,0,0,1);
				z-index: 10;
			}
			form.language legend,
			form.language option
				{
					font-family: Arial, Helvetica, sans-serif;
				}
				form.language legend
				{
					position: relative;
					top: 0;
					left: 0;
					
					display: inline-block;
					
					float: left;
					padding: .6em .2em 0 .4em;
					color: #FFF;
					font-size: 1.3em;
					line-height: 1em;
					font-weight: 900;
				}	
				form.language option,
				form.language select
				{
					font-size: 1.2em;
				}
				form.language select
				{
					display: inline-block;
					margin-top: 3px;
					margin-right: 3px;
					float: right;
					padding: 0 0 0 3px;
					width: 115px;
					height: 20px;
					background: rgba(255,255,255,1);
					border-radius: 3px 3px 3px 3px;
					border: 1px solid rgba(0,0,0,.7);
					box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.18) inset, 1px 2px 2px rgba(0, 0, 0, 0.6) inset;
				}	
				/* nav at footer: imprint, agb, home */
					ul.hmenu.langnav,
					ul.hmenu.subnav,
					address.vcard
					{
						position: relative;
						top: 570px;
						left: 107px;
						z-index: 9999;
						margin: 0 auto;
						padding: 0;
						width: auto;
						height: 0px;
						text-align: center;
						display: table;
						font-size: 1em;
						line-height: 0;
					}
					address.vcard
					{
						top: 578px;
					}
					ul.hmenu.subnav
					{
						top: 580px;
					}
						ul.hmenu.langnav li,
						ul.hmenu.subnav li,
						address.vcard > span
						{
							position: relative;
							display: table-cell;
							margin: 0;
							padding: 0 1.2em 0 0;
							width: auto;
							text-align: center;
						}
						address.vcard > span
						{
							padding-right: .5em;
						}
							address.vcard span.street-address
							{
								padding-right: .5em;
							}
						ul.hmenu.langnav li:last-child,
						ul.hmenu.subnav li:last-child,
						address.vcard > span:last-child
						{
							padding-right: 0px;
						}
						address.vcard > span.label,
						address.vcard span.locality
						{
							padding-right: 4px;
						}
							
							ul.hmenu.langnav li:after,
							ul.hmenu.subnav li:after
							{
								position: absolute;
								top: -3px;
								right: 3px;
								display: inline;
								margin: 0;
								padding: 0;
								content: "\00b7";
								color: #FFF;
								font-weight: 500;
								font-size: 24px;
								line-height: 1;
							}
							ul.hmenu.subnav li:after
							{
								top: -4px;
							}
							
							address.vcard > span:after,
							address.vcard span.street-address:after,
							address.vcard span.locality:after
							{
								position: relative;
								top: 4px;
								left: 2px;
								display: inline;
								margin: 0;
								padding: 0;
								content: "\00b7";
								color: #FFF;
								font-weight: 500;
								font-size: 24px;
								line-height: 1;
							}
							address.vcard span.adr
							{
								padding-right: 0.4em;
							}
							address.vcard > span.adr:after
							{
								display: none;
								content: "";
							}
								address.vcard > span.adr span.country-name:after
								{
									position: relative;
									top: 4px;
									left: 3px;
									display: inline;
									margin: 0;
									padding: 0;
									content: "\00b7";
									color: #FFF;
									font-weight: 500;
									font-size: 24px;
									line-height: 1;
								}
							
							ul.hmenu.langnav li:last-child:after,
							ul.hmenu.subnav li:last-child:after
							{
								display: none;
							}
							
							ul.hmenu.langnav li a,
							ul.hmenu.subnav li a
							{
								display: inline;
								margin: 0;
								padding: 0 0;
								color: #FFF;
								text-decoration: underline;
								font-weight: 500;
								font-size: 1em;
							}
							
							ul.hmenu.langnav li a
							{
								font-weight: 900;
								font-size: 1.3em;
							}
							
							
					
				/* address in footer */
					address.vcard
					{
						left: 107px;
						z-index: 9999;
						margin: 0 auto;
						height: 0px;
						color: #FFF;
						text-align: center;
						font-size: 1em;
					    font-style: normal;
					    font-weight: 500;
					    font-family: Arial, Helvetica, sans-serif;
				    }
						address.vcard br,
						address.vcard span.country-name,
						address.vcard span.adr span.region,
						address.vcard a.url
						{
							display: none;
							height: 0;
						}
						
						address.vcard span.adr
						{
							display: inline-table;
						}
							address.vcard span.adr span
							{
								display: table-cell;
							}
							
						
						
						address.vcard span.fn.n.org a
						{
							text-decoration: none;
						}
						
						address.vcard a
						{
							color: #FFF;
							text-decoration: underline;
						}
						
						address.vcard span.label:after
						{
							display: none;
						}
						
						address.vcard > span:last-child:after
						{
							display: none;
						}
						

		#nav
		{
			position: static;
			display: block;
			margin: 0;
			height: 0;
		}
			ul.hmenu.mainnav 
			{
				position: absolute;
				top: 133px;
				left: 214px;
				z-index: 111;
				margin: 0 0;
				padding: 0px;
				width: 760px;
				height: 45px;
			}
				ul.hmenu.mainnav li
				{
					position: relative;
					display: block;
					margin: 0 0 0 0;
					padding: 0;
					width: 20%;
					background: none;
					font-size: 1em;
					line-height: 1em;
					text-align: center;
				}
					ul.hmenu.mainnav li a,
					ul.hmenu.mainnav li strong
					{
						display: block;
						margin: 0 16px 0 0;
						padding: .1em 0 0 0;
						width: auto;
						height: auto;
						color: #FFF;
						background: #68ab42 url(../../images/geruest/bg_nav_level_1.png) 0 center repeat-x;
						text-decoration: none;
						font-weight: 900;
						font-size: 1.4em;
						line-height: 2.1em;
					}
					
					ul.hmenu.mainnav li a
					{
						box-shadow: 2px 2px 4px rgba(0,0,0,1);
					}
					ul.hmenu.mainnav li a:hover,
					ul.hmenu.mainnav li.active a
					{
						box-shadow: 0 0 12px rgba(255,255,255,.8);
					}

							
				
				/* active */
					ul.hmenu.mainnav > li.active
					{
						
					}
						ul.hmenu.mainnav > li.active > a
						{
							
							
						}
						
				/* hover */
					ul.hmenu.mainnav > li:hover
					{
					}
						ul.hmenu.mainnav > li:hover > a,
						ul.hmenu.mainnav > li.active.submenu:hover > a
						{
							text-decoration: none;
							color: #FFF;
						}
	#main
	{
		position: absolute;
		top: 225px;
		margin: 0;
		padding: 0;
		width: 100%; /* aufpassen, noch nicht in IE getestet */
		height: 545px;
		clear: both;
	}
		
		
		#col1
		{
			float: left;
			margin-top: -93px;;
			width: 200px;
			height: 100%;
			background: #86b334 url(../../images/geruest/bg_col1_nav.png) left top repeat-y;
		}
		
		body#uid129 #col1 
		{
			background: #86b334 url(../../images/geruest/bg_col1_nav_uid129.jpg) left top no-repeat; 
		}
		
			#col1_content
			{
				padding: 0;
			}
				#col1 h1
				{
					display: block;
					margin: 0 0 0 0;
					padding: .2em 0 0 0;
					width: auto;
					height: auto;
					color: #FFF;
					background: #0ca145 url(../../images/geruest/bg_col1_h1.png) left top no-repeat;
					text-align: center;
					font-weight: 500;
					font-size: 1.8em;
					line-height: 1.5em;
				}
				#col1 h2
				{
					display: block;
					margin: 10px 10px 0 10px;
					padding: 1px 0 0px 8px;
					width: auto;
					height: auto;
					color: #00a344;
					background: #FFF;
					text-align: left;
					font-weight: 900;
					font-size: 1.3em;
					line-height: 1.9em;
				}
				
				#col1 h1 + h2
				{
					margin-top: 12px; /*26px;*/
				}
				
				ul.vmenu.mainnavLevel2
				{
					padding: 5px 0 0 0;
				}
					ul.vmenu.mainnavLevel2 li
					{
						
					}
						ul.vmenu.mainnavLevel2 > li > a,
						ul.vmenu.mainnavLevel2 > li.active > a,
						ul.vmenu.mainnavLevel2 > li > a:hover
						{
							position: relative;
							margin: 2px 10px 2px 10px;
							padding: 2px 7px 1px 7px;
							color: #FFF;
							border: 1px solid #86B334;
							font-weight: 900;
							font-size: 1.1em;
							line-height: 1.2em;
							text-decoration: none;
						}
						ul.vmenu.mainnavLevel2 > li.active > a,
						ul.vmenu.mainnavLevel2 > li > a:hover
						{
							border: 1px solid white;
						}
						
						ul.vmenu.mainnavLevel2 > li.active > a:after,
						ul.vmenu.mainnavLevel2 > li > a:hover:after
						{
							position: absolute;
							top: -1px;
							right: -11px;
							bottom: -1px;
							display: block;
							width: 9px;
							height: auto;
							background: url(../../images/geruest/arow_nav_level_2_3.png) 0 center no-repeat;
							content: ".";
							text-indent: -9999px;
						}
						
						ul.vmenu.mainnavLevel2 li ul.hmenu.tabs
						{
							position: absolute;
							top: 57px;
							left: 214px;
							width: 744px;
							height: auto;
						}
							ul.vmenu.mainnavLevel2 li ul.hmenu.tabs li
							{
								position: relative;
								overflow: visible;
								display: inline;
								float: left;
								margin: 0;
								padding: 0;
								width: 124px;
								height: 3.2em;
								background: #DCDDDF;
								border-top-left-radius: 4px;
								border-top-right-radius: 4px;
								box-shadow: 3px 3px 3px rgba(0,0,0,1);
								font-size: 1em;
							}
								ul.vmenu.mainnavLevel2 li ul.hmenu.tabs li a,
								ul.vmenu.mainnavLevel2 li ul.hmenu.tabs li strong
								{
									position: relative;
									display: table;
									margin: 0;
									padding: 1px 0 0 0;
									width: 100%;
									height: 100%;
									color: black;
									border-bottom: 6px solid #DCDDDF;
									font-weight: 900;
									font-size: 1.1em;
									line-height: 1em;
									text-align: center;
									
								}
									ul.vmenu.mainnavLevel2 li ul.hmenu.tabs li a span,
									ul.vmenu.mainnavLevel2 li ul.hmenu.tabs li strong span
									{
										display: table-cell;
										margin: 0;
										padding: 0 0 6px;
										text-align: center;
										vertical-align: middle;
									}
						/* hover/active */
							ul.vmenu.mainnavLevel2 li ul.hmenu.tabs li:hover,
							ul.vmenu.mainnavLevel2 li ul.hmenu.tabs li.active
							{
								position: relative;
								background: #FFF;
							}
								ul.vmenu.mainnavLevel2 li ul.hmenu.tabs li:hover a,
								ul.vmenu.mainnavLevel2 li ul.hmenu.tabs li.active strong,
								ul.vmenu.mainnavLevel2 li ul.hmenu.tabs li.active:hover strong
								{
									position: relative;
									z-index: 999;
									border-bottom: 6px solid #FFF;
								}
								ul.vmenu.mainnavLevel2 li ul.hmenu.tabs li a:hover
								{
									text-decoration: none;
								}
								
						
							ul.vmenu.mainnavLevel2 li ul.hmenu.tabs li.tab_item_1
							{
								z-index: 60;
							}
							ul.vmenu.mainnavLevel2 li ul.hmenu.tabs li.tab_item_2
							{
								z-index: 50;
							}
							ul.vmenu.mainnavLevel2 li ul.hmenu.tabs li.tab_item_3
							{
								z-index: 40;
							}
							ul.vmenu.mainnavLevel2 li ul.hmenu.tabs li.tab_item_4
							{
								z-index: 30;
							}
							ul.vmenu.mainnavLevel2 li ul.hmenu.tabs li.tab_item_5
							{
								z-index: 20;
							}
							ul.vmenu.mainnavLevel2 li ul.hmenu.tabs li.tab_item_6
							{
								z-index: 10;
							}
							
							ul.vmenu.mainnavLevel2 li ul.hmenu.tabs li.tab_item_1.active,
							ul.vmenu.mainnavLevel2 li ul.hmenu.tabs li.tab_item_2.active,
							ul.vmenu.mainnavLevel2 li ul.hmenu.tabs li.tab_item_3.active,
							ul.vmenu.mainnavLevel2 li ul.hmenu.tabs li.tab_item_4.active,
							ul.vmenu.mainnavLevel2 li ul.hmenu.tabs li.tab_item_5.active,
							ul.vmenu.mainnavLevel2 li ul.hmenu.tabs li.tab_item_6.active
							{
								z-index: 63;
							}
							
							ul.vmenu.mainnavLevel2 li ul.hmenu.tabs li.tab_item_1:hover,
							ul.vmenu.mainnavLevel2 li ul.hmenu.tabs li.tab_item_2:hover,
							ul.vmenu.mainnavLevel2 li ul.hmenu.tabs li.tab_item_3:hover,
							ul.vmenu.mainnavLevel2 li ul.hmenu.tabs li.tab_item_4:hover,
							ul.vmenu.mainnavLevel2 li ul.hmenu.tabs li.tab_item_5:hover,
							ul.vmenu.mainnavLevel2 li ul.hmenu.tabs li.tab_item_6:hover
							{
								z-index: 64;
							}
							
							ul.vmenu.mainnavLevel2 li ul.hmenu.tabs li.tab_item_6:hover
							{
								position: static;
								z-index: 98;
							}
							ul.vmenu.mainnavLevel2 li ul.hmenu.tabs li.tab_item_6:hover a
							{
								z-index: 9999;
								background: white;
								border-bottom: 6px solid #FFF;
								border-top-left-radius: 4px;
								border-top-right-radius: 5px;
							}
						
		#col3
		{
			position: relative;
			margin: -10px 0 0 200px;
			padding: 0 0 0 14px;
			width: auto;
			height: 453px;
		}
			#col3_content
			{
				position: relative;
				z-index: 99;
				margin: 0;
				padding: 7px 7px 0 0; /*1px 14px 0*/
				height: 100%;
				overflow-y: auto;
				background: #FFF;
				border-radius: 6px;
				box-shadow: 3px 4px 3px rgba(0,0,0,1);
			}
				
				
}