/* ------------------------------------------------
	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, cite, var, address { 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; } /* 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: #000;
		  font: 12px/16px Verdana, Arial, sans-serif;
		  background: #e9e9e9 url(../images/bg.png);
		  margin:0px;
		  padding:0px;
		  line-height:16px;		}

p,
span,
div,
table, table p,
tr, tr p,
td, td p	{ font: 12px/16px Verdana, Arial, sans-serif;  }


h1 	{ font:18px Verdana, Arial, sans-serif;
	  color: #000;	
	  margin-bottom: 20px;	}
h1 span 	{ font:18px Verdana, Arial, sans-serif;
	  		  color: #000;		}

h2 	{ font: 12px Arial, Verdana, sans-serif;
	  color: #000;	
	  margin-bottom: 20px;
	  font-weight: normal;	}
h2 span 	{ font: 12px Arial, Verdana, sans-serif;
	  		  color: #000;		}
	  
h3 	{ font:bold 12px Verdana, Arial, sans-serif;
	  color: #000;	
	  margin:10px 0px;	}
h3 span 	{ font:bold 12px Verdana, Arial, sans-serif;
			  color: #000;		}

hr { height: 1px;
	 border:none;
	 background-color:#c8e2e8;
	 color:#c8e2e8;
	 margin:8px 0px; }	  

a 	{ color: #2a81f3;
	  text-decoration: none;	}
a:hover { text-decoration:underline;	}
a:hover em { text-decoration:underline;	}

img	{ border: 0px solid; 	}

.linkarrows {	background-image: url(../images/linkarrows.png);
		background-position: right 55%; /* X-pos Y-pos (from top-left) */
		background-repeat: no-repeat;
		font: normal 11px Verdana, Arial, Helvetica, sans-serif;
		padding:2px 15px 2px 0px; }

div#container	{ height:auto;
		  width:800px;
		  float:left;
		  margin:0px 0px 40px 0px; 	}

/* ------------------------------------------------
	header
-------------------------------------------------*/

div#header	{ background: #fff url(../images/headerbg.png) no-repeat right top;
		  display:block;
		  width:800px;
		  height:125px;	
		  margin:20px 0px 0px 0px;
		  padding:0px;
		  border-top:5px solid #484830;	}

	div#logo	{ float:left;
			  width:349px;
			  height:81px;
			  margin:20px 0px 0px 12px;	}
	div#adress	{ float:right;
			  width:300px;
			  height:78px;
			  padding:24px 25px 0px 0px;	}

	div#adress p	{ font: 11px  Verdana, Arial, sans-serif;
	  		  line-height:18px;
			  color:#606060;
			  text-align:right;	}

	div#adress a	{ font: 9px  Verdana, Arial, sans-serif;
	  		  line-height:18px;
			  color:#848589;
		  	  text-decoration:underline;	}

	div#adress a:hover { text-decoration:none;	}

	div#adress a:hover{ border-bottom:0px solid #df7869;	}

		div#adress1	{ float:left;
				  width:130px;
				  text-align:right;
				  padding:0px 20px 0px 0px;	}

		div#adress2	{ float:right;
				  width:150px;
				  text-align:left;	}

div#flags { float:right;
	    width:70px;
	    height:14px;
	    padding:15px 0px;
	    background:#fff; }



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

div.relimg	{  display:block;
			   width:770px;
			   height:125px;
			   margin:0px 0px 2px 0px;
			   padding:0px;	}
	div.relimg img	{  display:block;
					   width:770px;
					   height:125px;
					   margin:0px;
					   padding:0px;	}

div#menu	{  float:left;
		   width:770px;
		   height:40px;
		   background:#8dd4e9;	}

	div#menu ul	{  margin:0px 0px 0px 20px;
		 	 padding:0px 0px 0px 0px;
		 	 font-size:11px;	}

	div#menu li	{ float: left;
			  text-align:center;
 			  margin:0px 0px;
			  padding:4px 0px; }

	div#menu a	{ font:bold 14px Arial, Verdana, sans-serif;
			  font-style:italic;
			  display: block;
			  height:18px;
			  padding:10px 10px 0px 10px;
			  color:#001a7b;}

	div#menu a:hover	{ text-decoration: none; color:#fff;}
	div#menu .active a	{ color:#fff; }
	div#menu li.active 	{  }


div#menu2	{   float:left;
		   		width:765px;
			    height:30px;
			    background:#009acf url(../images/menudivider.png) no-repeat left top;
			    margin:0px;
				display:block;	}

	div#menu2 ul	{ margin:0px 0px 0px 22px;
		 	  padding:0px 0px 0px 0px;
		 	  font-size:11px;	}

	div#menu2 li	{ float: left;
			  text-align:center;
 			  margin:0px 0px;
			  padding:4px 0px; }

	div#menu2 a	{ font: 12px Arial, Verdana, sans-serif;
			  display: block;
			  height:18px;
			  padding:4px 8px;
			  color:#96d8ee; }

	div#menu2 a:hover	{ color:#fff; text-decoration:none;}
	div#menu2 .active a	{ color:#fff; }
	div#menu2 li.active a	{ color:#fff; }
/*	
	div#menuGM	{  float:left;
		   width:770px;
		   height:40px;
		   background:#EF2900;	}
	
	div#menuGM a	{ font:bold 14px Arial, Verdana, sans-serif;
			  font-style:italic;
			  display: block;
			  height:18px;
			  padding:10px 10px 0px 10px;
			  color:#dddddd;}
			
	div#menuGM li	{ float: left;
			  text-align:center;
 			  margin:0px 0px;
			  padding:4px 0px; }
			  
	div#menuGM a:hover	{ text-decoration: none; color:#fff;}
	div#menuGM .active a	{ color:#fff; }
	div#menuGM li.active 	{  }
	
	
	div#menuGM2	{   float:left;
		   		width:765px;
			    height:30px;
			    background:#000000 url(../images/menudivider2.png) no-repeat left top;
			    margin:0px;
				display:block;	}

	div#menuGM2 ul	{ margin:0px 0px 0px 22px;
		 	  padding:0px 0px 0px 0px;
		 	  font-size:11px;	}

	div#menuGM2 li	{ float: left;
			  text-align:center;
 			  margin:0px 0px;
			  padding:4px 0px; }

	div#menuGM2 a	{ font: 12px Arial, Verdana, sans-serif;
			  display: block;
			  height:18px;
			  padding:4px 8px;
			  color:#dddddd; }

	div#menuGM2 a:hover	{ color:#fff; text-decoration:none;}
	div#menuGM2 .active a	{ color:#fff; }
	div#menuGM2 li.active a	{ color:#fff; }*/
	
	div#menuGM	{  float:left;
		   width:770px;
		   height:40px;
		   background:#8dd4e9;	}

	div#menuGM ul	{  margin:0px 0px 0px 20px;
		 	 padding:0px 0px 0px 0px;
		 	 font-size:11px;	}

	div#menuGM li	{ float: left;
			  text-align:center;
 			  margin:0px 0px;
			  padding:4px 0px; }

	div#menuGM a	{ font:bold 14px Arial, Verdana, sans-serif;
			  font-style:italic;
			  display: block;
			  height:18px;
			  padding:10px 10px 0px 10px;
			  color:#001a7b;}

	div#menuGM a:hover	{ text-decoration: none; color:#fff;}
	div#menuGM .active a	{ color:#fff; }
	div#menuGM li.active 	{  }

div#menuGM2	{   float:left;
		   		width:765px;
			    height:30px;
			    background:#009acf url(../images/menudivider.png) no-repeat left top;
			    margin:0px;
				display:block;	}

	div#menuGM2 ul	{ margin:0px 0px 0px 22px;
		 	  padding:0px 0px 0px 0px;
		 	  font-size:11px;	}

	div#menuGM2 li	{ float: left;
			  text-align:center;
 			  margin:0px 0px;
			  padding:4px 0px; }

	div#menuGM2 a	{ font: 12px Arial, Verdana, sans-serif;
			  display: block;
			  height:18px;
			  padding:4px 8px;
			  color:#96d8ee; }

	div#menuGM2 a:hover	{ color:#fff; text-decoration:none;}
	div#menuGM2 .active a	{ color:#fff; }
	div#menuGM2 li.active a	{ color:#fff; }
/* ------------------------------------------------
	main content
-------------------------------------------------*/

.schema td
{
    padding-top:3px;
    padding-left:5px;    
}

div#maincontainer	{ display:block;
			  float:left;
			  width:800px;
			  margin:0px;
			  background:#fff; }

	
div#maincontent	{ float:left;
		  margin:0px;
		  height:auto;
		  background: #fff url(../images/mainbg.png) repeat-y; }




div#leftcontent	{ float:left;
		  width:470px;
		  background: #fff url(../images/mainbg.png) repeat-y;
		  bottom:0px;
		  padding:0px 20px 20px 30px;	}
	
	div#mainimg { width:470px;
		      height:160px;	}
		
		div#mainimg img { width:470px;
			          height:160px;	}


	div.newsitem	{ width:428px;
			  background: #ebe9c2;
			  padding:18px 21px;
			  margin:10px 0px 0px 0px;	}


		div.newsitem h1	{ font:bold 14px Verdana, Arial, sans-serif;
	  			  color: #010101;
				  display:block;
				  border-bottom: 1px solid #e2d973;
				  padding:0px 0px 5px 0px;
				  margin:0px 0px 2px 0px;	}

		span.lasvidare	{ text-align:right;
				  display:block;
				  font-size:10px;	}

	div#newsarchive	{ text-align:right;
			  padding:0px 0px 20px 0px;	}		  
	
	span.lasmer	{ text-align:right;
			  display:block;
			  font-size:10px;
			  padding:0px 12px 3px 0px;	}

div#content{ padding:30px 25px; }

	div#content h1 { margin:5px 0px 10px 0px; }
	div#content p { margin:0px 0px 10px 0px; }	

	div#content ul { margin:10px 0px 10px 15px;
					 font:12px Verdana, Arial, sans-serif;
					 line-height:16px;
					 list-style:disc;	 }					 		
	  			  
		span.date { float:right;
			    font: 10px Verdana, Arial, sans-serif;
			    color:#b2b3b5;
			    margin:0px 0px 5px 0px;
			    height:20px;
			    display:block;	}

	div.album { width:408px;
		    padding:18px 0px;
		    clear:both;	}

		div.albumimg { float:left;
			       width:150px; }

		div.albumtext { float:left;
			        width:258px;
				padding:25px 0px 0px 0px; }

		div#content div.albumtext h1 { margin:0px;
				   padding:0px; }

		div#content div.albumtext h1 a { color:#000; }

		div#content div.albumtext p { margin:0px;
				   padding:0px; }

		div#content div.albumtext p.antal { color:#929497;
						    font:10px verdana, arial, sans-serif; }

		span.indent { display:block;
			      	  padding:0px 0px 0px 20px;	}

	span.gbtext{ display:block;
		     text-align:center;
		     padding:10px 0px;}

	div.gbinlagg{ width:408px;
		      padding:15px 0px 3px 0px;
		      clear:both;
		      background: #fff url(../images/gbdivider.png) no-repeat left bottom;	}

		div.gbinlagg p { font:10px verdana, arial, sans-serif; }
	
	.gastlink { display:block;
		    margin:-10px 0px 0px 0px;
		    padding:0px; }

div#rightcontent{ float:left;
		  clear:right;
		  width:230px;	}	

	div#rightcontent h1 { background: url(../images/aktuelltbg.png) no-repeat left top;
			      font:bold 14px Verdana, Arial, sans-serif;
			      color:#fff;
			      width:218px;
			      height:26px;
			      padding:24px 0px 0px 12px;	}

	div.aktuelltitem { background: url(../images/aktuelltdivider.png) no-repeat left bottom;
			   width:218px;
			   margin:15px 11px;	}
	
		   	div.aktuelltitem p { padding:0px 5px 0px 0px;	}

/* ------------------------------------------------
    kalender
-------------------------------------------------*/

.kalender_date {
	font: normal 11px/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	background-color: #8dd4e9;
	text-align:center;	
	border:1px solid #fff;
}

.kalender_date_active {
	font: normal 11px/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #b3b3b3;
	text-decoration: none;
	background-color: #ebe9c2;	
	text-align:center;	
	border:1px solid #fff;
}
.kalender_active:active {

}
.center { display:block;
		  text-align:center; }


/* ------------------------------------------------
	footer
-------------------------------------------------*/

#footer { clear:both;
	  width:760px;
	  height:28px;	
	  background: #a3ceec;
	  padding:12px 40px 0px 0px;
	  text-align:right;	}

#footer p { font:10px arial, verdana, sans-serif;
	    color:#0092dd;
	    line-height:18px; }

	#footer a { font:10px arial, verdana, sans-serif;
		    color:#898989;
		    line-height:18px; }

	#footer a:hover { color:#000;
		    text-decoration:none; }

	div#footerleft{ float:left;
		    display:block;
		    width:160px; }

	
	div#footerright { float:right;
		      clear:right;
		      width:452px;}

/* ------------------------------------------------
	sponsorruta
-------------------------------------------------*/

div#sponsorer	{ background: url(../images/sponsorbg.png) repeat-y top left; 
		  width:130px;
		  /*height:160px;*/
		  float:left;
		  margin:50px 0px 0px 0px;
		  padding:20px 10px; 	}

	div#sponsorer h2 { color:#fff; 	}

/* ------------------------------------------------
	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:300px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 300px;
}

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

* html .hojdpage {
	height: 500px;
}

.smallfont { font-size:11px; }