/* ------------------------------------------------
	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; }
p {margin:0px 0px 10px 0px;}
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, b, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
strong { font-weight: bold; }
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: 12px  "trebuchet ms", georgia, "times new roman", serif;
	  background: #dfdfdf;
	  margin:0px;
	  padding:0px;	}

*body 	{ background: #dfdfdf;	}	  

p	{ font: 12px "trebuchet ms", georgia, "times new roman", serif;
	  line-height:20px;	}
span	{ font: 12px "trebuchet ms", georgia, "times new roman", serif;
	  line-height:18px;	}
div	{ font: 12px  "trebuchet ms", georgia, "times new roman", serif;
	  line-height:18px;	}
table	{ font: 12px  "trebuchet ms", georgia, "times new roman", serif;
	  line-height:18px;	}
tr	{ font: 12px  "trebuchet ms", georgia, "times new roman", serif;
	  line-height:18px;	}
td	{ font: 12px  "trebuchet ms", georgia, "times new roman", serif;
	  line-height:18px;	}


h1 	{ font:bold 22px "trebuchet ms", georgia, "times new roman", serif;
	  color: #0f0f0f;	
	  margin-bottom: 20px;
	  font-weight: normal;	}

h2 	{ font: 14px erdana, arial, "sans-serif";
	  color: #2f2f2f;	
	  margin-bottom: 20px;
	  font-weight: normal;	}

a 	{ /*color: #DEEF00;*/
	  /*color: #bfce00;*/
	  color:#312a6b;
	  text-decoration: none;	}

a:hover { text-decoration: underline;	}


img	{ border: 0px solid; 	}

.label { display:block;
		 float:left;
		 width:115px;
		 height:25px;
		 margin:0px 0px 0px 5px;
		 padding:5px 0px 0px 0px; }		
		 
.label2 { display:block;
		 float:left;
		 width:80px;
		 margin:0px 0px 0px 5px;
		 padding:6px 0px 0px 0px; }				  

.textfield { background: #fff url(../images/textfieldbg.png) repeat-x;
	     	 border:1px solid #e9e9e9;
		     padding:3px 3px;
			 margin:0px 0px 0px 0px;
			 color:#8a8a8a;
			 float:left;}

.button { background: #fff url(../images/textfieldbg.png) repeat-x;
	      border:1px solid #e9e9e9;
		  height:25px;
		  width:70px;
		  text-align:center;
		  margin:0px 0px 0px 0px;
		  color:#8a8a8a;
		  font: 12px trebuchet ms, georgia, times new roman, serif; }

.buttonkomm { background: #fff url(../images/textfieldbg.png) repeat-x;
	    	  border:1px solid #e9e9e9;
			  height:24px;
			  width:110px;
			  text-align:center;
			  margin:0px -1px 0px 0px;
			  color:#8a8a8a;
			  font: 12px trebuchet ms, georgia, times new roman, serif; }		  

.parent { background: #fff url(../images/bg.png) repeat-x;
	  display: block;
	  width: 100%;
	  position: absolute;
	  top: 0px;
	  left: 0px;
	  z-index: 0; }

#footerbg { width: 100%;
	    height: 100%;
	    display:block;
	    position:absolute;
	    bottom:0px;
	    left:0px;
	    z-index:0;
	    margin:0px;
	    padding:0px; }
		
		
ul { margin:0px 0px 0px 20px;
		 list-style:disc; }
ol { margin:0px 0px 0px 20px;
		 list-style:decimal; }
		 
div#container	{ margin:0px auto 0px auto;
				  height:100%;
				  width:959px;}
				  
div#container ul, div#container ol { margin:0px 0px 0px 0px;	
									 list-style:none; }

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

div#header	{ width:905px;
			  height:45px;
			  background: url(../images/headerbg.png) no-repeat top left;
			  margin:0px;
			  padding:0px;	}

	div#logo	{ float:left;
				  width:560px;
				  height:70px;	
				  margin:0px 0px -69px 0px;
				  padding:0px 0px 0px 0px;
				  position:relative;
				  z-index:2000;	}
	
	div#langs	{ float:right;
				  width:100px;
				  height:30px;	
				  margin:0px;
				  padding:5px 0px 0px 0px;	}
	
		div#langs p		{ font: 12px "trebuchet ms", georgia, "times new roman", serif;
					  color:#c2c2c2;	}
		div#langs a		{ color:#606060;	}
		div#langs a.active	{ color:#000;	}


	.bigtext	{ font:bold 16px arial,verdana;
			  line-height:18px;
			  color:#fff;	}



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

		div#menu	{ width:471px;
				 	  height:44px;
					  display:block;
					  margin:0px 0px 0px -1px;
					  padding:15px 0px 0px 0px;
					  background: url(../images/menubg.png) no-repeat 0px top;
					  overflow:hidden;	}

		div#menu ul	{  margin:0px 0px 0px 0px;
			 		   padding:0px;
			 		   font-size:11px;
					   position:relative;	}
	
		div#menu li	{ float: left;; }

		div#menu a	{ color:#898989;
					  font:14px trebuchet ms, georgia, serif;
					  padding:13px 25px;
					  display: block;
					  margin:0px;
					  line-height:18px; }

		div#menu a.active	{ color:#191919;
							  background: url(../images/menuactive.png) repeat-x;}
							  
		div#menu a:hover	{ text-decoration:none;
							  color:#000;
							  background: url(../images/menuover.png) repeat-x; }
							  
		div#menu a.active:hover	{ background: url(../images/menuactive.png) repeat-x;}
					  
					  
		div#pagemenu	{ width:471px;
						  height:44px;
						  display:block;
						  margin:0px 0px 0px 0px;
						  padding:15px 0px 0px 0px;
						  overflow:hidden;	
						  background: url(../images/pagemenubg.png) no-repeat left top;}

		div#pagemenu ul	{  margin:0px 0px 0px 0px;
				 		   padding:0px;
				 		   font-size:11px;
						   position:relative; 	}
			
		div#pagemenu li	{ float: left; }

		div#pagemenu a	{ color:#898989;
						  font:14px trebuchet ms, georgia, serif;
						  padding:13px 25px;
						  display: block;
						  margin:0px;
						  line-height:18px; }

		div#pagemenu a.active	{ color:#191919;
								  background: url(../images/menuactive.png) repeat-x;}
		div#pagemenu a:hover	{ text-decoration:none;
								  color:#000;
								  background: url(../images/menuover.png) repeat-x; }
		div#pagemenu a.active:hover	{ background: url(../images/menuactive.png) repeat-x;}


		ul#submenu	{  width:234px;
					   margin:20px 0px 0px 22px !important;
					   padding:0px;
					   font-size:11px;
					   position:relative; 	}
	
		ul#submenu li	{ display: block;
						  margin:0px;
						  padding:5px 0px 5px 30px;
						  background: url(../images/submenuli.png) no-repeat 0px 3px;  }


		ul#submenu a	{ color:#898989;
						  font:14px trebuchet ms, georgia, serif;}

		ul#submenu a:hover { color:#000;
							 border-bottom:1px solid #312a6b;	
							 text-decoration:none; }

		ul#submenu li.active li	{ display: block;
								  margin:0px;
								  padding:5px 0px 5px 20px;
								  background: url(../images/rellink.png) no-repeat 0px 6px;  }

		ul#submenu li.active a { color:#000;  }

		ul#submenu li.active li	a { color:#898989;
				  				    font:12px trebuchet ms, georgia, serif;  }

		ul#submenu li.active li	a:hover { color:#000;  }

		ul#submenu li.active li.active	a { color:#000;  }





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

div#maincontainer	{ background: #fff url(../images/mainbg.png) repeat-y; 	}

	div#left	{ width:27px;
				  float:left;	}
	
	div#main	{ width:905px;
				  display:block;
				  float:left;	}

	div.maincontent	{ clear:both;	}

	div.leftcontent	{ float:left;
			 		  width:434px;
					  display:block;
					  padding:0px 0px 0px 0px;
					  margin:0px;	}

		div#mainimg { clear:both;
				      display:block;
				      width:434px;
				      height:387px;
				      margin:0px 0px 0px 0px;	}

		div#mainimg img	{ width:434px;
						  height:387px;	}
		
		ul#rellinks	{ float:left;
					  display:block;
					  padding:0px 0px 0px 0px;	}

		ul#rellinks li	{ 	}

		ul#rellinks a	{ font-size:14px;
				  		  background: url(../images/rellink.png) no-repeat right 3px;
						  padding:0px 15px 0px 0px;	}

		div.skylt { display:block;
				    width:239px;
				    height:69px;
				    position:relative;
				    z-index:3000;
				    padding:0px;
				    margin:-50px 0px -19px 188px;
				    background: url(../images/skylt.png) no-repeat 0px 0px;	 }

		ul.knappar { display:block;
					 clear:both;
				     margin:0px;
				     padding:0px;}

			ul.knappar li { float:left; }

			ul.knappar a.administration { float:left;
				     		 		      display:block;
									      width:144px;
									      height:44px;
									      color:#474747;
									      text-align:center;
									      padding:25px 0px 0px 0px;
									      font:14px trebuchet ms, georgia, "trebuchet ms", serif;
									      background: url(../images/administration.png) no-repeat left top; }
	
			ul.knappar a:hover.administration { float:left;
				     					   	    display:block;
										  	    width:144px;
										   	    height:44px;
										        text-align:center;
										        padding:25px 0px 0px 0px;
									    	    font:14px trebuchet ms, georgia, "trebuchet ms", serif;
											    text-decoration:none;
									    	    background: url(../images/administrationover.png) no-repeat left top; }

			ul.knappar a.overvakning { float:left;
						     		   display:block;
									   width:145px;
									   height:44px;
									   color:#4a4c7e;
									   text-align:center;
									   padding:25px 0px 0px 0px;
									   font:14px trebuchet ms, georgia, "trebuchet ms", serif;
									   background: url(../images/overvakning.png) no-repeat left top; }

			ul.knappar a:hover.overvakning { float:left;
											 display:block;
											 width:145px;
											 height:44px;
											 text-align:center;
											 padding:25px 0px 0px 0px;
											 font:14px trebuchet ms, georgia, "trebuchet ms", serif;
											 text-decoration:none;
											 background: url(../images/overvakningover.png) no-repeat left top; }

			ul.knappar a.datasakerhet { float:left;
						     		    display:block;
									    width:145px;
									    height:44px;
									    color:#474747;
									    text-align:center;
									    padding:25px 0px 0px 0px;
									    font:14px trebuchet ms, georgia, "trebuchet ms", serif;
									    background: url(../images/datasakerhet.png) no-repeat left top; }

			ul.knappar a:hover.datasakerhet { float:left;
							     			  display:block;
											  width:145px;
											  height:44px;
											  text-align:center;
											  padding:25px 0px 0px 0px;
											  font:14px trebuchet ms, georgia, "trebuchet ms", serif;	
											  text-decoration:none;
											  background: url(../images/datasakerhetover.png) no-repeat left top; }
							  
		div#knappimgs { display:block;
					   	margin:0px 0px 0px 0px;
						padding:0px;
						height:104px;
						width:433px;
						overflow:hidden; }

			div#adminimg { float:left;
					       display:block;
					       margin:2px 2px 0px 0px;
					       padding:0px;
					       width:143px; }

				div#adminimg img { height:102px;
						     	   width:143px; }

			div#overvakimg { float:left;
					         display:block;
				   		     margin:2px 2px 0px 0px;
					   	     padding:0px;
					         width:143px; }

				div#overvakimg img { height:102px;
						             width:143px; }

			div#datasakerhetimg { float:left;
				       	 	      display:block;
					    	      margin:2px 0px 0px 0px;
					      	      padding:0px;
					      	      width:143px; }

				div#datasakerhetimg img { height:102px;
				      	  		  width:143px; }

		div#leftbottom { background:#fff;
					   	 margin:2px 0px;
						 padding:0px;
						 width:433px;
						 height:9px;
						 background: url(../images/leftbottom.png) no-repeat 0px 0px;
						 overflow:hidden; }
	
			div#leftbottom img{ height:9px;
					 		    width:433px;  }

	div.rightcontent { float:left;
					   width:471px;
					   display:block;
					   padding:0px;	
					   margin:0px -10px 0px 0px; }

		div#rightcontentshadow { float:left;
					 width:13px;
					 height:573px;
					 margin:0px -13px -573px 0px;
					 display:block;
					 padding:0px;	
					 background: url(../images/rightcontentshadow.png) no-repeat 0px 0px;}


		div#maintext { display:block;
			       width:387px;
			       padding:65px 60px 0px 26px;
			       font: 14px trebuchet ms, georgia, "times new roman", serif;
			       background: url(../images/rightbg.png) no-repeat right 0px; }

			div#maintext p { font: 14px trebuchet ms, georgia, "times new roman", serif;
							 line-height:20px; }	
							 
			div#maintext div { font: 14px trebuchet ms, georgia, "times new roman", serif;
							   line-height:20px;
							   padding:0px 0px 5px 0px; }								 

		div#lumabloggen	{ width:470px;
						  height:171px;
						  display:block;
						  margin:0px 0px 0px 1px;
						  padding:15px 0px 0px 0px;
						  background: url(../images/bloggbg.png) repeat-x;	}

		div#lumabloggtext{ width:226px;
						   height:166px;
						   display:block;
						   float:left;
						   margin:0px;
						   padding:5px 0px 0px 26px;	}

			div#lumabloggtext h2 { 	font: 22px trebuchet ms, georgia, "times new roman", serif;
									color:#b3b3b3;
									margin:0px 0px 10px 0px;	}

			div#lumabloggtext a { 	font: 16px trebuchet ms, georgia, "times new roman", serif;
						color:#242424;
						font-style:italic;
						border-bottom:1px solid #cdcdcd; 
						padding:0px 0px 1px 0px;
						line-height:22px; }

			div#lumabloggtext a:hover { border-bottom:1px solid #000; 
						    text-decoration:none; }
			div#lumabloggtext p { 	font: 10px trebuchet ms, georgia, "times new roman", serif;
						color:#a5a5a5; }
						
			
			div.bloggentry { display:block; }
			
			div.bloggimg { float:left;
						   display:block;
						   width:76px;
						   height:82px;
						   margin:0px 10px 5px 0px;
						   border:1px solid #312a6b;	}	
						   
			.bloggrubrik { display:block;
						   font: 22px trebuchet ms, georgia, "times new roman", serif;
						   margin:0px 0px 0px 0px;
						   padding:10px 0px 0px 0px;
						   color: #312a6b; }

			.bloggdate { display:block;
						 font-weight:bold;
					 	 margin:0px;
						 padding:0px;	}							

			.bloggwriter { display:block;	
						   margin:0px;
						   padding:2px 0px 20px 0px;  }							  

		div#lumabloggimg{ width:218px;
				 		  height:233px;
						  display:block;
						  float:left;
						  margin:-73px -10px 0px 0px;
						  padding:0px;
						  background: url(../images/ulf.png) no-repeat left top;
						  position:relative;
						  z-index:3000;	}
						  
		.kommentarer { display:block;
				       background: url(../images/bloggh2.png) repeat-x 0px 14px;
					   margin:20px 0px 0px 0px;
					   padding:0px 0px 0px 0px; }
					   
			.kommentarer p { margin:0px;
							 padding:10px 0px; }

			.kommentarer p.comment { margin:0px;
									 padding:0px; 
									 line-height:22px; }							 
					   					   
			/*.kommentarer h2{ color:#898989; }	*/
					   

		.kommentera { display:block;
				      /*background: url(../images/bloggh2.png) repeat-x 0px 14px;*/
					  margin:20px 0px 0px 0px; 
					  padding:0px 0px 0px 0px;}
					  
		span.comments { display:block; }
		span.newsentry { display:block;
						 margin:4px 0px 0px 0px; }		
	   
			/*.kommentera h2{ color:#898989; }						  					   */
					 
	div#bottom	{ clear:both;
			  width:905px;
			  height:7px;
			  background: url(../images/bottombg.png) no-repeat top left;
			  margin:0px auto;	}

	div#right	{ width:27px;
			  float:left;	}




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

	
	
div#pagemain	{ width:905px;
		  display:block;
		  float:left;
		  background: #fff url(../images/pagemainbg.png) repeat-y; 	}

	div.menubg	{ background: url(../images/menubg2.png) repeat-x;}
	
	div#menubottom	{ clear:both;
			  width:905px;
			  height:36px;
			  background: url(../images/menubottombg.png) no-repeat top left;
			  margin:0px auto;	}

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


	div.pagerightcontent { float:left;
					       width:650px;
		 			       display:block;
					       padding:0px;	}
		

		div#relimg { display:block;
			 	     width:650px;
				     height:148px;
					 position:relative; }
	
			div#relimg img { display:block;
					     	 width:650px;
					    	 height:148px; }
							 
			span.relimgtext { position:absolute;
							  right:0px;
							  bottom:0px;
							  margin:0px;
							  padding:5px 10px;
							  color: #fff;
							  font: 12px  "trebuchet ms", georgia, "times new roman", serif;
							  background:#000;
							  /* for IE */
							  filter:alpha(opacity=50);
							  /* CSS3 standard */
							  opacity:0.5;
							  /* for Mozilla */
							  -moz-opacity:0.5; }

		div#pagemaintext { display:block;
			    	  	   width:650px;
						   font: bold 12px trebuchet ms, georgia, "times new roman", serif;
						   background: url(../images/pagemaintextbg.png) no-repeat 0px 0px; }

			div#pagemaintext p.ingress { font: 14px trebuchet ms, georgia, "times new roman", serif;
								   	     line-height:20px; }
		
			div#pagemaintext p { font: 12px trebuchet ms, georgia, "times new roman", serif;
							     line-height:20px; }

		div#pagetext { display:block;
				       float:left;
				     /*  width:397px;*/
					   width:520px;
				       padding:20px 60px 20px 48px; }
			
			div#container div#pagetext ul { margin:0px 0px 0px 16px;
											list-style:disc; }	
			div#container div#pagetext ol { margin:0px 0px 0px 20px;
											list-style:decimal; }  
					   
			div#pagetext p { word-wrap: break-word; }
			
			div.rssicon { float:right; }
			
		div#pagetext2 { display:block;
				        float:left;
				        width:557px;
				        padding:20px 60px 20px 48px; }
			div#pagetext2 p { word-wrap: break-word; }			
					   
		div#rel {	float:right;
					width:245px;
					margin:70px 0px 0px 10px;
			 		display:block;
			 		padding:0px;}
					
		#maintext div#rel {	float:none;
							margin:0px;
					 		padding:0px;}					
	div#pagetext div.boxheader #current {  background:url(../images/leftbox.png) no-repeat left top;
				padding:0 0 0 38px;   }

	div#pagetext div.boxheader #current a { background:url(../images/rightbox.png) no-repeat right top;
				 color:#b3b3b3;
				 font-weight:bold;
				 padding:19px 38px 0px 0px;
				 font:bold 18px Arial, Verdana, sans-serif; }

	div#pagetext div.boxheader #current a:hover { text-decoration:none; }	
	
		div.boxheader { display:block;
					height:40px;
				    overflow:hidden;
					margin:0px 0px -20px 0px;
					position:relative;
					z-index:5000; }

	div#pagetext div.boxheader ul { margin:0;
 		     						 padding:0px;
		      list-style:none; }

	div#pagetext div.boxheader li { float:left;
			 margin:0;
			 padding:0 8px 0 10px;
			 background:url(../images/menupil2.gif) no-repeat 0px 24px;  }
			 
	div#pagetext div.boxheader a {	display:block;
			text-decoration:none;
			color:#606060;
			font: 10px  Verdana, Arial, sans-serif; 
			cursor:default;			}

		div.boxtop { width:246px;
					 height:25px;
				 	 padding:0px 0px 0px 0px;
				  	 margin:0px 0px -6px 0px;
					 background:url(../images/boxtop.png) no-repeat left top;	}
					 
		div.boxbottom { width:246px;
					 height:25px;
				 	 padding:0px 0px 0px 0px;
				  	 margin:0px 0px 0px 6px;
					 background:url(../images/boxbottom.png) no-repeat left top;	}					 
					 
		div.box { color:#606060;
				  font: 11px Verdana, Arial, sans-serif;
				  width:226px;
				  padding:0px 0px 0px 13px;
				  margin:0px 0px 0px 6px;
				  background:url(../images/boxbg.png) repeat-y;	}	

	#maintext div.boxheader { display:block;
							  height:0px;
						      overflow:hidden;}

	#maintext  div.boxheader ul { margin:0;
 		     					  padding:0px;
							      list-style:none; }

	#maintext  div.boxheader li { float:left;
								  margin:0;
								  padding:0 8px 0 10px;
								  background:none;  }
			 
	#maintext  div.boxheader a {	color:#fff;	}
	
		#maintext div.boxtop { width:246px;
					 height:13px;
				 	 padding:0px 0px 0px 0px;
				  	 margin:0px 0px -6px 0px;
					 background:none;	}
					 
		#maintext div.boxbottom { width:246px;
					 height:25px;
				 	 padding:0px 0px 0px 0px;
				  	 margin:0px 0px 0px 6px;
					 background:none; }					 
					 
		#maintext div.box { color:#606060;
						 	font: 14px Verdana, Arial, sans-serif;
						  	width:226px;
							padding:0px 0px 0px 0px;
							margin:0px 0px 0px 0px;
							background:none;	}	
							
		#maintext div.box a { padding:0px 10px 0px 0px;
						 	  background: #fff url(../images/rellink.png) no-repeat right 2px;
							  line-height:20px;	}	
								
						  
	  		div.boxtext { width:214px;	}				  

			div.box h1	{ background:#faf9f8;
					  color:#fff;
				 	  font: bold 16px Verdana, Arial, "sans-serif";
					  margin:0px 0px 0px 0px;
					  padding:10px 0px 0px 30px;
					  height:25px;
					  display:block;
					  background: #cfcfcf url(../images/boxtop.png) no-repeat top left;	}

				div.box p	{ font: 11px Verdana, Arial, "sans-serif";
					  		  padding:20px;
							  line-height:18px;}

				div#pagetext div.box ul	{ margin:0px;
					 	  padding:20px 15px;}

				div#pagetext div.box li	{ font: 12px Verdana, Arial, "sans-serif";
					 	  margin:0px;
					 	  padding:5px 0px 4px 15px;	}

				div#pagetext div.box li a	{ font: 12px Verdana, Arial, "sans-serif";	}

				div#pagetext div.box a	{ font: 11px Verdana, Arial, "sans-serif";	}	

				div#pagetext div.box li.active{ font: 11px Verdana, Arial, "sans-serif";
					 	   margin:0px;
					 	   padding:5px 0px 4px 15px;					 	   
						   background: url(../images/menupil3.gif) no-repeat 0px 9px;
						   }

				div#pagetext div.box li.active a	{ color:#606060;	}	
				
							
		div#puff{ display:block;
				  float:left;
				  width:145px;
				  padding:30px 0px 0px 0px;
				  margin:0px -10px 0px 0px; }

			 div#pufftext { display:block;
					float:left;
					width:125px;
				 	padding:10px;
				   	background: url(../images/puffbg.png) no-repeat 0px 0px; }

				 div#pufftext h2 { font: 14px trebuchet ms, georgia, "times new roman", serif;
					     	       color:#606060;
						   		   font-style:italic;
						 		   margin:0px 0px 5px 0px; }
				 div#pufftext h2 a { font: 14px trebuchet ms, georgia, "times new roman", serif;
				 		     	     color:#606060;
								     font-style:italic;
						 		     margin:0px 0px 5px 0px;
									 border:none; }

				 div#pufftext p { font: 10px trebuchet ms, georgia, "times new roman", serif;
			  		     	  	  color:#a5a5a5; }
									  
				 div#pufftext a { font: 12px trebuchet ms, georgia, "times new roman", serif;
					     	      color:#312a6b;
						  	      font-style:italic; }							  

				 div#pufftext p.tips { font: 12px trebuchet ms, georgia, "times new roman", serif;
					     	 	       color:#a8b225;
								       font-style:italic; }

				 div#pufftext a.lasfler { font: 12px trebuchet ms, georgia, "times new roman", serif;
					     	  			  color:#000;
										  border-bottom:1px solid #312a6b; }
				 div#pufftext a.lasfler:hover { border-bottom:1px solid #000;
							text-decoration:none; }

		div#pageleftbottom {clear:both;
		display:block;
				     height:200px;
				     width:328px;
				     display:block;
				     margin:-210px 23px -30px 0px;
				     float:left; 
				     position:relative;
				     z-index:2005;
				     padding:40px 0px 0px 0px;
				     background: url(../images/pagebottombg.png) no-repeat 0px 0px; }
				     
		div#newsleft {width:380px;
		    float:left;
		}
		
/* ------------------------------------------------
	footer
-------------------------------------------------*/
#footer { background: #dfdfdf;
	 	  position: relative;
		  left: 0px;
		  bottom: 0px;
		  width: 100%;
		  display: block;
		  z-index: 999;
		  padding: 0px 0px 0px 0px;
		  margin: 0px 0px 0px 0px; }

#footercenter { clear:both;
				width:905px;
				background: #e9e9e9;
				padding:0px 0px 0px 0px;
				margin:0px auto 0px auto; }
				
#footercenterbottom { clear:both;
					  width:905px;
					  height:35px;
					  background: #dfdfdf url(../images/footercenterbg2.png)  repeat-x;
					  padding:0px 0px 0px 0px;
					  margin:0px auto 0px auto; }				

	div#footer a {	color:#b1b6ba;	}

	#microsoftcert { float:left;
					 width:205px;
					 margin:0px;
					 padding:20px 30px 20px 38px; }

	#tipsartiklar { float:left;
					width:442px;
					margin:0px;
					padding:20px 0px 20px 30px; }

		#tipsartiklar h3 { font: bold 11px "trebuchet ms", georgia, "times new roman", serif;
						   color:#606060;
						   line-height:18px; }

		#tipsartiklar ul { margin:0px !important;
						   list-style:none !important; }
								
		#tipsartiklar ul span { float:left;
							 	display:block;
								width:75px; }
								
		#tipsartiklar ul a { float:left;
							 display:block;
							 width:330px;
							 font: bold 11px "trebuchet ms", georgia, "times new roman", serif;
						     color:#606060;
						     line-height:18px; }							 

		#tipsartiklar ul { font: 11px "trebuchet ms", georgia, "times new roman", serif;
				  color:#a5a5a5; }

			#tipsartiklar li { clear:both;
							   padding:1px 0px; }

	#hittapaluma { 	float:left;
					width:285px;
					margin:0px;
					padding:20px 0px 0px 30px; }

		#hittapaluma h3 { font: bold 11px "trebuchet ms", georgia, "times new roman", serif;
				  color:#606060;
				  line-height:18px; }
		div#footer #hittapaluma p { margin:0px;
					    padding:0px; }
		#hittapaluma ul a { font: bold 11px "trebuchet ms", georgia, "times new roman", serif;
				    line-height:16px; }
	#adress { 	float:left;
				width:120px;
				margin:0px;
				padding:38px 0px 0px 15px;
				text-align:left; }

		div#footer #adress p { margin:0px;
				       padding:0px;
				       font: 11px "trebuchet ms", georgia, "times new roman", serif;
				       line-height:18px; }
/* ------------------------------------------------
	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:360px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 360px;
}


.footerhojd {
	min-height:174px; 
	height:auto;
}
/* for Internet Explorer */

* html .footerhojd {
	height: 174px;
}

.contenthojd {
	min-height:400px; 
	height:auto;
}
/* for Internet Explorer */

* html .contenthojd {
	height: 400px;
}