/* ------------------------------------------------
	reset css
-------------------------------------------------*/

/*
    Tripoli is a generic CSS standard for HTML rendering. 
    Copyright (C) 2007  David Hellsing

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address, em { font-style: normal; }
th,h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none;}
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */

/* ------------------------------------------------
	global
-------------------------------------------------*/



body 	{ color: #606060;
		  font: 11px Georgia, Verdana, Arial, sans-serif;
		  background: #f0f0f0 url(../images/bg.jpg) repeat-x;
		  margin:0px;
		  padding:0px;
		  line-height:18px;	}

p	{ font: 11px Georgia, Verdana, Arial, sans-serif;
	  line-height:18px;	}

span	{ font: 11px  Georgia, Verdana, Arial, sans-serif;
		  line-height:18px;	}

div	{ font: 11px  Georgia, Verdana, Arial, sans-serif;
	  line-height:18px;	}

table, table p	{ font: 11px  Georgia, Verdana, Arial, sans-serif;
				  line-height:18px;
				  color:#606060;	}

tr, tr p	{ font: 11px Georgia, Verdana, Arial, sans-serif;
			  line-height:18px;
			  color:#606060;	}

td, td p	{ font: 11px  Georgia, Verdana, Arial, sans-serif;
	  		  line-height:18px;
			  color:#606060;	}




h1 	{ font: bold 18px  Georgia, Verdana, Arial, sans-serif;
	  color: #539130;	
	  margin-bottom: 15px;
	  font-weight: normal;	}

h2 	{ font: 14px  Georgia, Verdana, Arial, sans-serif;
	  color: #000;	
	  margin-bottom: 10px;
	  font-weight: normal;	}

h3 	{ font-size: 14px; 
	  color: #006f4e;	
	  margin-bottom: 20px;
	  font-weight: normal;	}

#formular h3 	{ font-size: 16px; 
	  color: #333;	
	  margin-top: 20px;
	  font-weight: normal;	}

a 	{ color: #539130;
	  text-decoration: none;	}

a:hover { text-decoration:underline;	}

img	{ border: 0px solid; 	}

form	{ color: #333;
	  font: 11px  Georgia, Verdana, Arial, sans-serif;
	  padding:10px 0px;	}


div#container	{ margin:6px auto 0px auto;
				  height:auto;
				  width:959px;	}
				  
div#containertemp	{ width:530px;
					  margin:100px auto 0px auto;	}
div#containertemp div#header	{ width:530px;
								  margin:0px 0px 15px 0px;	}
div#containertemp div#maincontainer	{ width:530px;	}
div#containertemp div#maincontainer div#content	{ width:530px;
												  font: 14px/20px  Georgia, Verdana, Arial, sans-serif;	}
div#containertemp div#maincontainer div#content *	{ font: 14px/20px  Georgia, Verdana, Arial, sans-serif;	}
/* ------------------------------------------------
	header
-------------------------------------------------*/

div#header	{ width:959px;
			  margin:0px;
			  padding:0px;
			  background:#fff;	}

	div#logo	{ float:left;
				  width:174px;
				  height:97px;
				  display:block;
				  position:relative;
				  z-index:1000;
				  margin:0px 0px -70px 13px; }

	div#logo2	{ clear:both;
				  width:529px;
				  height:38px;
				  display:block;
				  z-index:1200;
				  margin:0px 0px 0px 28px;
				  padding:10px 0px 7px 0px; }
				  
		div#logo2 a	{ display:block;
					  width:529px;
					  height:38px;
					  display:block;
					  margin:0px;
					  padding:0px;
					  background:url(../images/FHH_logo.jpg) no-repeat 0px 0px; }
	div#langs	{ float:left;
				  height:38px;
				  width:202px;
				  margin:28px 0px 0px 28px; }

		div#langs a	{ color:#606060;
				  font:11px Georgia, verdana, arial, sans-serif;	}
		
		div#langs a.eng  { font: 11px Georgia, Verdana, Arial, sans-serif;	
						   padding:2px 20px 18px 0px; }
			/*div#langs a:hover.eng  { background: url(../images/engover.png) no-repeat 0px 0px; }*/

		div#langs a.swe  { font: 11px Georgia, Verdana, Arial, sans-serif;	
						   padding:2px 0px 18px 0px; }
			/*div#langs a:hover.swe  { background: url(../images/sweover.png) no-repeat 0px 0px; }*/

		div#langs a img	{ text-decoration:none;	}

		div#langs img	{ margin:0px 0px -14px 12px;	}


		div#langs a:hover	{ color:#539130;
					  text-decoration:underline;
					  font:11px Georgia, verdana, arial, sans-serif;}

		div#langs a#current	{ color:#539130;
					  text-decoration:underline;
					  font:11px Georgia, verdana, arial, sans-serif;	}

		div#langs a#current img	{ border-bottom:0px solid #b3b3b3;	}


/* ------------------------------------------------
	menus
-------------------------------------------------*/



	div#menu	{ float:right;
				  width:705px;
				  height:37px;
				  padding:30px 0px 0px 0px;
				  margin:0px 16px 0px 0px;
				  background:#fff url(../images/menubg.png) no-repeat right 0px;	}

	div#menu ul { float:right;
				  margin:0px 0px 0px 0px;
				  padding:0px 0px 0px 5px;
				  list-style:none;  }

	div#menu li { float:left; 
				  padding:0px 10px 0px 10px; }

	div#menu a { display:block;
			  	 background:url(right_on.gif) no-repeat right top;
				 text-decoration:none;
				 color:#539130;
				 font: 12px Georgia, Verdana, Arial, sans-serif; }

	div#menu a:hover { color:#606060;	
			 		   text-decoration:none; 
			 		   border-bottom:1px solid #b3b3b3; }

	/* Commented Backslash Hack
	   hides rule from IE5-Mac \*/
	
	div#menu a {float:none;}

	/* End IE5-Mac hack */

	div#menu .active a { color:#000; }

	div#menu .active a:hover { text-decoration:underline;
				   			    border:none; }

/* ------------------------------------------------
	main content
-------------------------------------------------*/

div#maincontainer	{ width:943px;
		  			  margin:0px 0px 0px 0px;
					  padding:0px 0px 18px 16px;
					  background:#fff; }

div#content	{ width:929px;
		  margin:0px 0px 0px 13px;
		  display:block;
		  clear:both; }

		 				  
	div.mainimg { width:929px;
				  display:block;
				  margin:0px;
				  position:relative; }
		 				  
	div.mainimg2 { width:902px;
				   height:356px;
				   display:block;
				   margin:0px 0px 5px 13px;
				   position:relative; }
					   
		div#slidecontainer { width:902px;
							 height:356px;
							 display:block;
							 margin:0px;
							 padding:0px; }
							 
			div#slidecontainer img	{ width:902px;
									  height:356px;
									  display:block;
									  margin:0px;
									  padding:0px; }
		 				  
		div.mainimgbg { position:absolute;
					    top:0px;
						left:0px;
						width:902px;
						height:118px;
						display:block;
					    margin:0px;
						padding:0px; 
						z-index:1000;
						background:url(../images/mainimgbg.png) no-repeat 0px 0px; }


	div.puff {  /*width:260px;*/
				width: 189px;
			   /*height:120px;*/
			   overflow:hidden;
		   	   float:left;
			   display:block;
			   margin:5px 0px 10px 0px;
			   padding:10px 18px; }

		div.puff h1 a { color:#539130;
		 				background: url(../images/h1pil.png) no-repeat right 6px;
						padding:0px 20px 0px 0px;
						border-bottom:1px solid #b3b3b3; }

		div.puff h1 a:hover { color:#9dbfa2;
				 		      text-decoration:none; }


	div.puff2 { width:300px;
		 	    float:left;
			    display:block;
			    border-top:5px solid #dddddd;
			    margin:0px 1px 0px 0px; }

	div.puff2 div.puffimg img { width:300px;
				    border-top:1px solid #fff; }



	div.puff ul { margin:0px;
			padding:10px;
			list-style:none; }

	div.puff li { margin:0px;
			padding:3px 20px;
			background: url(../images/linkarrow.png) no-repeat left 3px; }

	div.puff3 { margin:0px 6px 0px 0px; }



	div#leftcontent ul#rellinks 	{  margin:0px;
			 						   padding:10px 0px 20px 0px;
					  				   list-style:none;	}

	div#leftcontent ul#rellinks li { margin:0px;
					 background:none;
					 padding:0px;	}

	div#leftcontent ul#rellinks a  { font: 11px Georgia, Verdana, Arial, sans-serif;	
			 background: url(../images/submenupil.gif) no-repeat right 0px;
			 padding:0px 16px 0px 0px; }

/* ------------------------------------------------
	pages
-------------------------------------------------*/

div#maincontainerpage	{ width:943px;
						  margin:0px;
			 			  padding:0px 0px 0px 16px;
						  background:#fff;
						  display:block;	}

div#img	{ height:217px;	}

		div.relimg img { /*width:929px;*/
		             width: 902px;
			     	 height:190px;
					 margin-left:13px; }

		div.relimg2 { position:relative;
					  display:block;
					  width: 902px;
					  height:190px;
					  margin:0px 0px 0px 13px;}
		div.relimg img { /*width:929px;*/
						 width: 902px;
						 height:190px;
						 margin-left:13px; }
		div.relimg div#logo2 img { width: 174px;
								   height:97px; }


div#contentpage	{ width:929px;
				  margin:0px 0px 0px 0px; 
				  padding:0px 0px 0px 0px;
		 		  background: url(../images/mainbg.png) repeat-y;
				  display:block; }
  

	div#contentpage	p { padding:0px 0px 15px 0px; }
	
div#contentpage2	{ width:929px;
				  margin:0px 0px 0px 0px; 
				  padding:0px 0px 0px 0px;
		 		  background: url(../images/mainbg2.png) repeat-y;
				  display:block; }
  

	div#contentpage2	p { padding:0px 0px 15px 0px; }	

	div#leftcontent{ float:left;
					 display:block;
					 width:640px;
					 margin:0px 0px 0px 0px;
					 padding:20px 50px 0px 36px;
				 	 background: url(../images/leftcontentbg.png) no-repeat left top; }		 
			 
	div#leftcontent h1 { margin:0px;
						 padding:0px 0px 0px 0px;
						 font-size:20px; }	
						 
	div#tipsaskrivut { 	margin:0px;
						padding:0px 0px 10px 0px; }							 		 
			 
	div#leftcontent p { font: 11px Georgia, Verdana, Arial, sans-serif;
					    line-height:18px;
						color:#606060;	}
						
	div#leftcontent form { font: 11px Georgia, Verdana, Arial, sans-serif;
					       line-height:18px;
						   color:#606060;
						   margin:0px;
						   padding:0px;
						   display:block;
						   margin:0px -10px 0px 0px;	}
												
						
		div#leftcontent ul { margin:0px;
				    		 padding:0px;
						     list-style:none; }

		div#leftcontent li { background: url(../images/li.png) no-repeat 0px 3px;
							 padding:0px 0px 2px 28px; }
			 
		div#leftcontent #aktuellt li {background: none; 
									  list-style:none;
									  padding:0px;
									  margin:0px;
									  display:block;}
		div#leftcontent #aktuellt ul {background: none; 
									  list-style:none;
									  padding:0px;
									  margin:0px; }
			 
		div#leftcontent #aktuellt li a{ background: url(../images/submenupil.gif) no-repeat right;		         
		         						padding:0px 15px 0px 15px; }

		div#leftcontent #aktuellt2 li {background: none; 
									  list-style:none;
									  padding:0px;
									  margin:0px;
									  display:block;}
		div#leftcontent #aktuellt2 ul {background: none; 
									  list-style:none;
									  padding:0px;
									  margin:0px; }
			 
		div#leftcontent #aktuellt2 li a{ background: url(../images/submenupil.gif) no-repeat right;		         
		         						padding:0px 15px 0px 15px; }

	div#rellinksdiv{ display:block;
			  margin:30px 0px 0px 0px; }

		div#rellinksdiv h2{ margin:0px 0px 10px 0px;
				     padding:10px 0px 0px 20px;
					 display:block; }
					 
		div#rellinksdiv ul{ display:block; }					 

		a.tipsa{ background: url(../images/tipsa.gif) no-repeat 0px 0px;
				 padding:1px 0px 1px 15px;
				 color:#a5a5a5;
				 font-size:9px; }

		a.skrivut { background: url(../images/skrivut.gif) no-repeat 0px 0px;
			    padding:1px 0px 1px 15px;
			    color:#a5a5a5;
			    font-size:9px;
			    margin:0px 0px 0px 20px; }

	div#submenu { float:left;
				  display:block;
				  width:167px;
				  margin:0px;
				  padding:25px 10px 25px 10px;
					}
	
	div#submenuarchive { float:left;
		      display:block;
		      width:167px;
		      margin:0px 0px 0px 0px;
		      padding:47px 20px 0px 0px; }			  
			  
	div#submenu h2, div#submenuarchive h2 { padding:0px 0px 0px 20px; }
				
	div#submenu ul, div#submenuarchive ul { margin:0px;
		     	 padding:0px 0px;
		     	 list-style:none; }
	
	div#submenu ul a, div#submenu ul li.active ul li a, div#submenuarchive ul a  { color:#539130;
																				   line-height:5px !important;	}

	div#submenu ul a:hover, div#submenuarchive ul a:hover { text-decoration:underline;	}

		div#submenu li, div#submenuarchive li { margin:0px;
												padding:0px 0px 10px 20px;
												line-height:12px !important; }

		div#submenu li.active, div#submenuarchive li.active { line-height:12px !important;
											 				  background: url(../images/submenupil.gif) no-repeat 0px 0px; }
		
		div#submenu li.active ul li.active { line-height:12px !important;
											 background: url(../images/submenupil.gif) no-repeat 0px 4px; }

		div#submenu li.active a ,div#submenu ul li.active ul li.active a, div#submenuarchive li.active a { margin:0px;
																										   padding:0px;
																										   color:#000;
																										   line-height:10px !important; }

		div#submenu ul a:hover.active, div#submenuarchive ul a:hover.active { text-decoration:underline;
					   					border:none; }
	
		div#submenu ul li ul, div#submenuarchive ul li ul { padding:5px 0px; }

		div#submenu ul li ul li, div#submenuarchive ul li ul li { margin:0px;
				      padding:4px 20px;
				      background: none; }

		div#submenu ulli ul li a , div#submenuarchive ulli ul li a { font:11px Georgia, verdana, arial, sans-serif; }	

	div#rightcontent{ float:left;
					  display:block;
					  width:270px;
					  margin:0px -20px 0px 0px;
					  padding:47px 0px 200px 20px;
				 	  background: url(../images/rightcontentbg.png) no-repeat left top; }	

		div#rightcontent .img { float:right;
				 		       margin:-35px 0px 0px 0px;
						       padding:15px;
							   width:110px;
							   height:200px; }
							   	
		div#rightcontent .subcontentpil  { margin:0px 0px -2px 0px;
										   width:13px;
										   height:13px; }								   

		div#rightcontent a { /* background: url(../images/submenupil.gif) no-repeat right 0px;
							    padding:0px 16px 0px 0px; */ }
								
	div#rightcontent2{ float:right;
					   display:block;
					   width:267px;
					   margin:0px 0px 0px 0px;
					   padding:10px 0px 0px 20px; }	

		div#rightcontent2 .img { float:right;
				 		       margin:-35px 0px 0px 0px;
						       padding:15px;
							   width:100px;
							   height:200px; }
							   	
		div#rightcontent2 .subcontentpil  { margin:0px 0px -2px 0px;
										   width:13px;
										   height:13px; }								   

		div#rightcontent2 a { /* background: url(../images/submenupil.gif) no-repeat right 0px;
							    padding:0px 16px 0px 0px; */ }								

	div.personalbild { float:left;
					   display:block;
					   width:270px;
					   height:500px;
					   margin:0px -20px 0px 0px;
					   padding:0px 0px 0px 0px; }		
	
	div#aktuelltcontainer { clear:both;
							width:956px;
							display:block; }
					  			  							
	div#aktuellt{ display:block;
		      	  float:right;
				  width:172px;
				  height:100px;
				  margin:-100px 36px 0px 0px; }	
				  
	div#aktuellt2 { display:block;
		      	  	float:left; }	
									  		  						  
		div#aktuellt2 p,
		div#aktuellt2 span { margin:0px !important;
						  padding:0px !important; }		  
		div#aktuellt2 a { margin:0px !important;
						  padding:0px 16px 0px 0px !important; }
			  
		div#rightcontent h2 a { background:none;
							     padding:0px 16px 0px 0px; }
					 
		div#rightcontent #aktuellt {margin-bottom:5px;}
		

										  
		div#rightcontent #aktuellt li a { background: url(../images/newspil.gif) no-repeat right 0px;
										  padding:0px 16px 0px 0px; }											  				 			  
/* ------------------------------------------------
	newsarchive
-------------------------------------------------*/	
			  
div#contentarchive{ width:916px;
		  margin:0px 0px 0px 0px; 
		  padding:20px 0px 0px 13px; }		
		  			  	
/* ------------------------------------------------
	form
-------------------------------------------------*/	


		.form { width:400px; }	
						
						
		.label { float:left;
			 width:90px;
			 padding:0px 0px 0px 0px; }
			 
		.textfielddiv { float:left;
					    width:290px;
					    height:22px;
				        background:#fff url(../images/formfield.png) no-repeat top left;
				        border:none;
				        margin:1px;
				        color:#539130;
					    font:11px Georgia, verdana, arial, sans-serif; }					 

		.textfield { float:left;
				     width:272px;
					 height:22px;
					 padding:1px 5px;
					 background-color:transparent;
				     border:none;
				     margin:1px;
				     color:#539130;
					 font:11px Georgia, verdana, arial, sans-serif; }
					 
		.textarea {  margin:-5px 6px 0px 6px;
					 width:278px;
					 height:50px;
				     background:#fff ;
				     border:none;
				     color:#539130;
					 font:11px Georgia, verdana, arial, sans-serif; }					 
					 
		.textareatop { width:290px;
					   height:7px;
				       background: url(../images/textareatop.png) no-repeat top left;
				       border:none;
				       color:#539130;
					   margin:0px;
					   display:block; }	
					   
		.textareadiv { float:left;
				   	   width:290px;
				       background:#fff url(../images/textareabg.png) repeat-y left;
				       border:none;
				       margin:1px;
				       color:#539130; }		
					   				 				 	
		.textareabottom { width:290px;
						  height:10px;
				      	  background:#fff url(../images/textareabottom.png) no-repeat top left;
				     	  border:none;
						  color:#539130; }	
					   			 
		.btn { 	border:none;
			color:#fff;
			padding:2px;
			margin:2px 0px 0px 1px; }	
/* ------------------------------------------------
	footer
-------------------------------------------------*/

#footer { width:956px;
	  height:94px;	
	  background: url(../images/footerbg6.png) no-repeat top left;
	  padding:2px 0px 0px 17px;
	  margin:0px 0px 50px 0px;	}
	  
#footer2 { width:926px;
	  height:94px;	
	  background: url(../images/footerbg2.png) no-repeat top left;
	  padding:0px 0px 0px 14px;
	  margin:0px 0px 70px 0px;	}	  

#footerleft { 	float:left;
				width:628px;
				padding:53px 0px 0px 30px;	}

	#footer p, #footer2 p { clear:both;
							color:#7b7b7b; 
							font:10px/15px Georgia, verdana, arial, sans-serif; }
			
	#footer ul, #footer2 ul { display:block;
							  width:628px;
							  clear:both; }
							  
		#footer li, #footer2 li { float:left;
								  padding:0px 10px 0px 0px;
								  font:10px/15px Georgia, verdana, arial, sans-serif;
								  color:#7b7b7b;}

	#footer .kontakt, #footer2 .kontakt { float:right;
										  color:#c2c2c2;
										  margin:0px 20px 0px 0px; }
	
	#footerleft a { color:#606060;  }
	
	#footer  a, #footer2 a {color:#606060;  }

	#footer .kontakt a, #footer2 .kontakt a { color:#606060; 
						padding:0px 0px 0px 10px; }
	
	 a.sphinxlink { color:#c2c2c2 !important;
			        padding:0px !important;  }
	
		a:hover.sphinxlink { text-decoration:underline !important;  }

	span.warwick { clear:both;
				   display:block;
				   padding:5px 0px 0px 0px;
				   font:10px/15px Georgia, verdana, arial, sans-serif;
				   color:#7b7b7b; }

#footerright { 	float:left;
	   			width:284px;
				margin:-22px 0px 0px 0px;
				position:relative;
				z-index:12000;
				text-align:right;	}
					
	#footerright a.flood { 	display:block;
							width:79px;
							height:74px;
							margin:0px;
							padding:0px;
							position:relative;
							z-index:12000;
							background:url(../images/footerright5.png) no-repeat 0px 0px;	}
							
		#footerright a:hover.flood { 	background:url(../images/footerright5.png) no-repeat 0px -74px;	}
				
	#footerright a.lock { background: url(../images/lock.gif) no-repeat 0px 5px;
						  padding:0px 0px 0px 15px;
						  margin:-5px 15px 0px 0px;
						  display:block;
						  float:right;	}


/* ------------------------------------------------
	misc
-------------------------------------------------*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* for understanding browsers */
.hojd {
	min-height:420px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 420px;
}