/* ------------------------------------------------
	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; }
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, html, form 	{ margin:0;
					  padding:0;
					  height:100%; }
 
body 	{ color: #fff;
		  font:13px Arial, Verdana, sans-serif;
		  margin:0px;
		  padding:0px; 
		  height:100%;
		  /*background: url(../images/bg3.png);*/
		  background:#000; }

p	{ font:13px Arial, Verdana, sans-serif;
	  line-height:20px;	}

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

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

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

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

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




h1 	{ font: bold 22px Arial, Verdana, sans-serif;
	  color: #fff;	
	  margin-bottom: 0px;	}

h2 	{ font: 16px Arial, Verdana, sans-serif;
	  margin-bottom: 0px;	}

h3 	{ font-weight:bold;	}

a 	{ color: #555555;
	  text-decoration:underline;	}

img	{ border: 0px solid; 	}


.parent { display: block;
	  width: 100%;	
	  height:100%;
	  max-height:1060px;
	  position: absolute;
	  top: 0px;
	  left: 0px;	
	  z-index:50;
	  background: url(../images/monsbg3.png) no-repeat center top;	 }

.bg { display: block;
      width: 100%;	
      height:700px;
      position: absolute;
      top: 0px;
      left: 0px;	
      z-index:40;
      /*background: url(../images/bg2.png) repeat-x;*/	 }



div#container	{ display:block;
				  width:899px;
				  position:relative;
				  z-index:100;
				  margin:0px auto 0px auto; }
		  
/* ------------------------------------------------
	form
-------------------------------------------------*/	

	div.form { width:330px;
			   display:block;
			   padding:20px 0px; }
			   
	span.label { float:left;
				 display:block;
				 width:120px;
				 color: #fff;
				 padding:0px 2px; }
			
	.formfield { float:left;
				 width:188px;
				 height:17px;
				 margin:1px 0px 1px 0px;
				 padding:2px 4px;
				 /*color:#fff;*/
color:#000;
				 border:0px solid #333;
     			/* background: url(../images/formbg.png);	*/}
				 
	.formfield2 { float:left;
				  width:202px;
				  margin:1px 0px 1px 0px;
				  padding:0px 0px 0px 0px;
				  color:#fff;
				  border:0px solid #333;
     			  background: url(../images/formbg.png);	}
				 	
	.formbox { float:left;
			   width:188px;
			   height:95px;
			   margin:1px 0px 1px 0px;
			   padding:2px 4px;
			   /*color:#fff;*/
color:#000;
			   border:0px solid #333;
/*     		   background: url(../images/formbg.png);	*/	}
			   
	.formbtn { width:60px;
			   margin:4px 0px 0px 0px;
			   padding:2px 4px;
			   color:#fff;
			   font-weight:bold;
			   border:0px solid #333;
     		   background: url(../images/formbg.png);	}
			   
	.formbtn.komm { float:right;	}	
					 
	.commentleft  { float:left;		
					display:block;
					width:210px;		 }
	.commentright  { float:left;		
					 display:block;
					 width:190px;		 }

	.btn { color:#716e6e;
	       text-align:center;
	       margin:5px 0px 0px 0px; }
					
/* ------------------------------------------------
	header
-------------------------------------------------*/

	div#logo	{ display:block;
				  width:889px;
				  height:178px;
				  margin:0px 0px 0px 0px;
				  padding:0px; 
				  cursor:pointer;
				  background: url(../images/logo.png) no-repeat; }

	div#logo2	{ float:left;
				  display:block;
				  width:265px;
				  height:129px;
				  margin:0px -10px 0px 0px;
				  padding:0px;
				  background: url(../images/logo2.png) no-repeat;  }
	


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



	div#menu	{ float:left;
				  display:block;
				  width:623px;
				  height:210px;
				  margin:27px 0px 0px 0px;
				  padding:0px 0px 0px 11px;
				  position:relative;
				  z-index:300;	}

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

	div#menu li {	float:left;
      				margin:0px;
      				padding:0px; }
	
	div#menu a {	float:left;
     	 			display:block;
	      			padding:0px 8px 7px 8px;
    	  			text-decoration:none;
					text-transform:uppercase;
		   			color:#555555;
					font: 11px Arial, Verdana, sans-serif;
					line-height:18px !important; }
	
	div#menu a:hover { color:#fff; }	
	div#menu li.active a { color:#fff; }
	div#menu li.active  ul li a { color:#555555; }


		div#menu li ul { clear:both;
						 display:block;
						 width:160px;
						 margin:0px -160px 0px 0px;
						 padding:0px; }
			
		div#menu li ul li { clear:both;
      					    display:block;
						    width:160px;
						    margin:0px;
      					    padding:0px; }
			
		div#menu li ul li a { text-transform:none;
      					      padding:0px 0px 0px 8px; }
		div#menu li ul li a:hover { color:#fff; }
		div#menu li ul li.subactive a { color:#fff; }



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



	div#maincontent	{ clear:both;
					  display:block;
					  width:889px;
					  margin:0px 0px 10px 10px;
				  	  padding:0px 0px 0px 0px;
					  position:relative;
					  z-index:250;	}
					  
		div#start	{ clear:both;
					  display:block;
					  width:889px;
					  padding:30px 0px 0px 0px;
				  	  margin:0px;
					  position:relative; }
					  
		div.easy	{ float:right; }
		div.easy a	{ color:#fff; }

	
		div.news { float:left;
				   display:block;
				   width:789px;
				   margin:0px;
				   padding:35px 0px 50px 0px; }
				   
			div.news h2,
			div.news h2 a	{ margin:0px 0px 10px 0px;
							  text-decoration:none;
						      text-transform:uppercase;
							  color:#fff;
							  font:bold 14px Arial, Helvetica, sans-serif; }

			div.news ul {   clear:both;
					margin:0px;
					padding:0px 0px 0px 0px;
					list-style:none; }

				div.news li {	clear:both;
								display:block;
								margin:0px 0px;
								padding:5px 0px; }
	
				div.news li span.newsdate { float:left;	
											display:block;
										    width:auto;
										    text-transform:uppercase;
											margin:0px 10px 0px 0px;
										    color:#3d3d3d;
										    font: 12px Arial, Verdana, sans-serif; }

				div.news li a { float:left;
								display:block;
								text-decoration:none;
								/*color:#3d3d3d;*/
								color:#fff;
								font: 12px Arial, Verdana, sans-serif;
								/*border-bottom:1px solid #3d3d3d;*/
								border-bottom:1px solid #fff;
								}

				div.news li a:hover { /*color:#fff;
									  border-bottom:1px solid #fff;*/
									  color:#3d3d3d;
									  border-bottom:1px solid #3d3d3d; }
									  
									  
			div.bocker	{ clear:both;
	 					  margin:0px;
						  padding:0px 0px 0px 0px;
						  list-style:none; }
						  
				div.bocker ul { margin:0px;
								padding:0px;
								list-style:none; }

				div.bocker li {	float:left;
								display:block;
								width:75px;
								height:111px;
								margin:0px 8px 0px 0px;
								padding:5px 0px;
								position:relative;
								cursor:pointer; }
								
				div.bocker .nyhetsbg {	position:absolute;
										bottom:8px;
										left:-32px;
										width:77px;
										height:77px;
										display:block;
										margin:0px;
										padding:0px;
										z-index:100;
									    background: url(../images/nyhet.png) no-repeat; }
	
					div.bocker li a { display:block;
									  width:75px;
									  height:111px;
									  margin:0px;
									  color:#3d3d3d;
									  font: 12px Arial, Verdana, sans-serif;
									  z-index:150; }
									  
						div.bocker li img { position:absolute;
											top:0px;
											left:0px;
											display:block;
											width:75px;
											height:111px;
										    margin:0px;
											padding:0px;
											z-index:90; 
											border:1px solid #000; }
						div.bocker li.bokover img { border:1px solid #fff; }

		div.ukfbfl { position:absolute;
			    	 right:10px;
					 bottom:10px;
					 display:block;
				     width:200px;
				     margin:0px;
				     padding:0px 0px 0px 0px;
				     text-align:right; }

			div.ukfbfl a { padding:0px 2px;
				  		   text-align:right; }
			
	div.ukfbflpage	{ clear:both;
					  display:block;
					  width:100px;
					  margin:0px 0px 0 789px;
				  	  padding:0px 0px 0px 0px;
					  position:relative;
					  z-index:250;
						}			
						
	 
/* ------------------------------------------------
	pages
-------------------------------------------------*/

	div.pagemain { float:left;
		       display:block;
		       width:554px;
		       margin:0px 80px 0px 0px;
		       padding:0px 0px 0px 0px; }

		div.pagemain p { padding:10px 0px 0px 0px; }

	div.pagemain2 { float:left;
		        display:block;
		        width:390px;
		        margin:0px 19px 0px 0px;
		        padding:0px 31px 0px 0px; }
	
		div.pagemain2 p { padding:10px 0px 0px 0px; }



	div.kommentarer { display:block;
				 	  width:411px;
					  margin:40px -30px 0px 0px;
			          padding:20px 0px; }

		div.kommentarer h3 { float:left;
				   			 display:block;	
						     width:320px;
						     height:20px;
				    		 margin:0px 0px 10px 0px;
						     padding:0px;
						     border-bottom:1px solid #333333; }
							 
		div.kommentarer a { float:left;
						    display:block;	
						    width:91px;
						    height:16px;	
				    		margin:0px 0px 10px 0px;
						    padding:4px 0px 0px 0px;
						    text-decoration:none;
						    color:#fff;
				    		font:bold 11px arial, verdana, sans-serif;
						    border-bottom:1px solid #333333;  }

		div.kommentar { clear:both;  }
		div.kommentar p { font-style:italic;  }

	div.pagemain3 { float:left;
		      	    display:block;
			        width:155px;
			        margin:28px 29px 0px 10px;
		        	padding:23px 0px 0px 0px; }
	
		div.pagemain3 p { padding:30px 0px 0px 0px; }

		div.pagemain3 a { display:block;
	      			 	  padding:0px 8px 0px 8px;
		      			  text-decoration:none;
    	  				  color:#555555;
						  font: 11px Arial, Verdana, sans-serif;
						  line-height:16px !important; }
						  
		div.pagemain3 li { width:140px;
						   margin:0px;
						   padding:0px;line-height:16px !important; }

		div.pagemain3 .newslist li { padding:4px 0px; }
		div.pagemain3 .newslist li.aldre { padding:15px 0px 3px 0px; }
	
		div.pagemain3 a:hover { color:#fff; }	
		div.pagemain3 li.active a { color:#fff; }


			div.pagemain3 li ul { clear:both;
								  margin:0px;
								  padding:0px; }
			
			div.pagemain3 li ul li { clear:both;
			      				     margin:0px;
			      				     padding:0px; }

	div.relimg { float:left;
		   		 display:block;
			     width:255px;
			     margin:0px 0px 0px 0px;
	             padding:0px 0px 0px 0px; }

		div.relimg img { width:255px; }
		
		
	ul.rellink { list-style:disc;
				 color:#333; 
				 margin:0px 0px 0px 15px; }
	ul.rellink a { padding:3px 0px 0px 0px;
				   text-decoration:none; }
	ul.rellink a:hover { text-decoration:underline; }		
	
/* ------------------------------------------------
	nyheter
-------------------------------------------------*/


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

	
	div#footer { clear:both;
		     width:879px;
		     padding:5px 0px 0px 0px;
	 	     margin:0px auto;
		     border-top:1px solid #333; }

	div#footer p { clear:both;
		    padding:0px 0px 0px 0px;
		    color:#333; 
		    font: 10px verdana, arial, sans-serif;}
	div#footer a { text-decoration:none;
		    color:#333; 
		    font: 10px verdana, arial, sans-serif;}

	div#footer a:hover { text-decoration:underline; }

		div.footerleft { float:left;
				 display:block;
				 width:700px;
				 padding:0px;
			 	 margin:0px; }

		div.footerright { float:left;
						  display:block;
						  width:179px;
						  padding:0px;
					 	  margin:0px;
						  text-align:right; }

			div#footer div.footerright a { color:#555; }


#twitter_update_list {margin: 0; background: url(../images/tweet.png) no-repeat 10px 7px; padding: 5px 0 5px 30px;}
#twitter_update_list strong {font: bold 12px "Arial Black", Arial, Helvetica, sans-serif; text-transform: uppercase; display: inline-block; padding-right: 15px;}
#twitter_update_list a {border-bottom: 1px solid #fff; color: #fff;font: 12px Arial,Verdana,sans-serif;text-decoration: none;}
#twitter_update_list a:hover {border-color: #3d3d3d; color: #3d3d3d;}
#twitter_update_list span {font-size: 11px; color: #555;}

div.ukfbfl a.fbBtn {background: url(../images/fbbtn.png); width: 123px; height: 25px; display: inline-block; padding: 0; position: relative; bottom: -6px;}

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

* html .hojd {
	height: 400px;
}


form {
margin: 0px;
padding: 0px;

}