/* ------------------------------------------------
	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: #333;
	  font: 13px Arial, Helvetica, Verdana, sans-serif;
	  background: #efefef url(../images/bg.png) repeat-x;
	  margin:0px;
	  padding:0px;	}

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

#text { margin:0px 0px 80px 0px; }

#text p	{ margin:0px 0px 10px 0px; }
#textpage p	{ margin:0px 0px 10px 0px; }

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

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

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

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

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




h1 	{ font:18px Arial, Helvetica, Verdana, sans-serif;
	  color: #175aa2;	
	  margin-bottom: 20px;	}

h1.main	{ font:22px Arial, Helvetica, Verdana, sans-serif;
	  color: #175aa2;	
	  margin-bottom: 20px;	}


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

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

a 	{ color: #175aa2;
	  text-decoration: none;	}
a:hover { text-decoration:underline;	}

img	{ border: 0px solid; 	}

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


.nllabel {	float:left;
			display:block;
			width:50px; }
			
.label {	float:left;
			display:block;
			width:120px; }			

.textfield { 	font: 11px Arial, Helvetica, Verdana, sans-serif;
			  	background:#fff;
		     	border:1px solid #d9d9d9;
				padding:2px 1px;
				margin:1px 2px;
				float:left;
				width:160px;	}

.textfieldantal { 	font: 11px Arial, Helvetica, Verdana, sans-serif;
	  				background:#fff;
		     		border:1px solid #d9d9d9;
					padding:5px 1px;
					margin:-4px 8px 8px 15px;
					float:left;
					width:30px;
					text-align:right;	}
					
.submit { 	float:left;
			margin:1px 2px;
			padding:2px 4px;
			color:#fff;
			border:none;
			background:#333;	}

div#container	{ margin:0 auto;
		  height:auto;
		  width:988px;	
		  display:block;
		  /*background: #fff url(../images/mainbg2.png) repeat-y;*/  }

/* ------------------------------------------------
	header
-------------------------------------------------*/
div#top	{ width:906px;	
	  display:block;
	  margin:0px;
	  padding:0px 41px;
	  background: #fff;  }

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

	div#logo	{ float:left;
				  width:130px;
				  height:63px;
				  padding:0px 0px 0px 0px;	}
			  
	div#langs	{ float:right;
				  width:72px;
				  padding:25px 0px 0px 0px;	}			  

div#menucontainer { width:906px;	
				    height:32px;
				    background: #fff url(../images/menucontainerbg.png) no-repeat top left;
				    margin:0px 0px;
				    padding:0px;
					overflow:hidden; }
					
div#menucontainer2 { width:906px;	
				    height:46px;
				    background: #fff url(../images/menucontainerbg.gif) no-repeat bottom left;
				    margin:0px 0px;
				    padding:0px;
					overflow:hidden; }					
	


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

	div#topmenu	{ width:906px;
			 	  height:32px;
				  display:block;	}

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

	div#topmenu li { float:left;
      				 /*background:url('../images/left.gif') no-repeat left top;*/
      				 margin:0px -10px;
	      			 padding:0 0 0 26px;
					 height:32px;
					 position:relative;
					 z-index:11111; }
		
	div#topmenu a {	float:left;
      				display:block;
	      			/*background:url('../images/right.gif') no-repeat right top;*/
	      			padding:13px 24px 8px 6px;
	      			text-decoration:none;
	      			color:#979797;
					font: 10px Arial, Helvetica, Verdana, sans-serif; }
	
	div#topmenu a:hover { text-decoration:underline; }

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

	div#topmenu a span {	display:block;
		 					margin:0px 0px 0px -6px; 
							font: 10px Arial, Helvetica, Verdana, sans-serif; }
	
	div#topmenu li:hover, div#topmenu li.sfhover, div#topmenu  li:hover a, div#topmenu  li.sfhover a {  /*background:url('../images/left.gif') no-repeat left top;
													    color:#fff;*/ 
													    text-decoration:underline; }
	div#topmenu li:hover a , div#topmenu li.sfhover a { /*color:#fff;		background:url('../images/right.gif') no-repeat right top;*/
							    text-decoration:underline; }

    /* Commented Backslash Hack
       hides rule from IE5-Mac \*/
	div#topmenu a {float:none;}
    /* End IE5-Mac hack */
	div#topmenu a:hover {
     /* color:#fff;*/
	text-decoration:underline;
      }
	div#topmenu #current {	background-image:url('images/left.gif');
							border-width:0; }
		
	div#topmenu #current a { background:url('images/right.gif') no-repeat right top;
							 color:#fff;
							 padding-bottom:7px; }

	div#topmenu #current a:hover { text-decoration:none; }
	div#topmenu #current a:hover span { text-decoration:none; }



	div#menu 	{ clear:both;
				  width:906px;
				  display:block;
				  height:32px;
		          background: #2662a2 url(../images/menubg.gif) repeat-x; 	}

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

	div#menu li { float:left;
      		    /*background:url('../images/menuleft.gif') no-repeat left top;*/
      		      margin:0px -4px;
      		      padding:0 0 0 26px;
			      height:30px; }
	
	div#menu a {	float:left;
      				display:block;
      				/*background:url('../images/menuright.gif') no-repeat right top;*/
	      			padding:9px 20px 10px 2px;
	      			text-decoration:none;
	      			color:#fff;
					line-height:18px;
					font: 11px Arial, Helvetica, Verdana, sans-serif; }

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

	div#menu a span {	display:block;
				margin:0px 0px 0px -8px; 
				font: 11px Arial, Helvetica, Verdana, sans-serif; }
	
	div#menu li:hover, div#menu li.sfhover, div#menu  li:hover a, div#menu  li.sfhover a {  /*background:url('../images/menuleft.gif') no-repeat left top;
												color:#1156a0;*/
												text-decoration:underline; }
	div#menu li:hover a , div#menu li.sfhover a { /*color:#1156a0;
						      background:url('../images/menuright.gif') no-repeat right top;*/
						      text-decoration:underline; }

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

    /* End IE5-Mac hack */
	div#menu a:hover { color:#fff;
			   text-decoration:underline; }

	div#menu #current {	background-image:url('../images/menuleft.gif');
				border-width:0; }

	div#menu #current a {background:url('../images/menuright.gif') no-repeat right top;
			     color:#1156a0;
			     padding-bottom:10px; }

	div#menu #current a:hover { text-decoration:none; }
	div#menu #current a:hover span.movetext { text-decoration:none; }
	
	div#menu2 	{ clear:both;
				  width:906px;
				  display:block;
				  height:32px;
		          background: #2662a2 url(../images/menu2bg.png) repeat-x; 	}

	div#menu2 ul { margin:0px;
		      list-style:none;
		      padding:2px 0px 0px 4px; }

	div#menu2 li { float:left;
      		    /*background:url('../images/menuleft.gif') no-repeat left top;*/
      		      margin:0px -4px;
      		      padding:0 0 0 26px;
		      height:30px; }
	
	div#menu2 a {	float:left;
      				display:block;
	      			/*background:url('../images/menuright.gif') no-repeat right top;*/
	      			padding:9px 20px 10px 2px;
	      			text-decoration:none;
	      			color:#5779ac;
					line-height:18px;
					font: 11px Arial, Helvetica, Verdana, sans-serif; }

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

	div#menu2 a span {	display:block;
						margin:0px 0px 0px -8px; 
						font: 11px Arial, Helvetica, Verdana, sans-serif; }
	
	div#menu2 li:hover, div#menu2 li.sfhover, div#menu2  li:hover a, div#menu2  li.sfhover a {  /*background:url('../images/menuleft.gif') no-repeat left top;
												color:#1156a0;*/
												text-decoration:underline; }
	div#menu2 li:hover a , div#menu2 li.sfhover a { /*color:#1156a0;
						      background:url('../images/menuright.gif') no-repeat right top;*/
						      text-decoration:underline; }

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

    /* End IE5-Mac hack */
	div#menu2 a:hover { color:#5779ac;
			  			text-decoration:underline; }

	div#menu2 #current {	background-image:url('../images/menu2left.gif');
							border-width:0; }

	div#menu2 #current a { background:url('../images/menu2right.gif') no-repeat right top;
					       color:#5779ac;
					       padding-bottom:10px; }

	div#menu2 #current a:hover { text-decoration:none; }
	div#menu2 #current a:hover span.movetext { text-decoration:none; }	


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

div#maincontainer	{ width:906px;	
			  margin:2px 0px 0px 0px;
			  padding:0px 41px;
			  /*background: url(../images/mainbg.png) no-repeat left bottom;*/ 
		          position:relative;
		          z-index:3;	}



div#content	{ clear:both;
		  margin:0px 21px;
		  display:block; }

div#mainimg	{ width:906px;	
			  height:330px;
			  display:block; }

div#maincontent	{ width:906px;	
		  margin:2px 0px 0px 0px;
		  padding:20px 0px;
		  background: url(../images/mainbg3.png) no-repeat left top; }

	div#mainleft	{ float:left;
					  width:467px;	
					  margin:2px 0px 0px 0px;
					  padding:0px 100px 0px 20px; }

		div.news { display:block;
			   margin:40px 0px 0px 0px;}

			span.newsdate { color:#979797; }
				span.newsseparator { float:left;
								     display:block;
								     width:8px;
								     color:#979797; }

	/*div#mainlefttext	{ height:158px; }*/
	
	div#newsletter { /*width:520px;*/
					 display:block;
					 margin:0px 0px 0px 0px;
					 padding:10px;
					 background:#eee; }
					 
	div#newsletter.clearfix {width:210px;}

	div#mainright	{ float:left;
					  width:319px;
					  height:220px;	
					  margin:2px 0px 0px 0px;
					  padding:0px 0px; }

		div#mainright h2 { display:block;
					 	   padding:8px 15px;
						   width:289px;
	 					   height:26px;
						   background: url(../images/h2bg.png) no-repeat left top;
						   color:#fff;
						   margin:0px 0px 10px 0px;
						   font:14px trebuchet ms, helvetica, arial, verdana, sans-serif;  }


		div#mainright ul { padding:0px 0px 0px 15px;
						   margin:0px; }

			div#mainright li { margin:4px 0px;
							   padding:2px 20px;
							   background: url(../images/blapil.png) no-repeat 0px 5px;
							   line-height:16px; }
							   
			a.archive { float:left;
					    margin:20px 0px 0px 20px;
					    padding:2px 15px 0px 0px;
						background: url(../images/blapil.png) no-repeat right 5px;
						line-height:16px; }
							   	   

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

	div#mainpage { width:906px;	
		       margin:0px 0px 20px 0px;
		       padding:20px 0px;
		       background: url(../images/middlebg.png) repeat-y; }

	div#mainpageleft { float:left;
			   width:356px;	
			   margin:0px;
			   padding:20px 20px; }
		
		div#mainpageleft p { margin:0px 0px 15px 0px;
			  	     padding:0px; }

	div#mainpagemiddle { float:left;
			     width:150px;	
			     margin:0px 1px 0px 0px;
			     padding:20px 20px; }

	div#mainpagemiddle ul#submenu { margin:20px 0px;
				 	padding:0px; }

		div#mainpagemiddle ul#submenu li { margin:0px;
					 	   padding:0px 0px 0px 12px;
					 	   background: url(../images/lipil.png) no-repeat 0px 3px; }
	
		div#mainpagemiddle ul#submenu a { font:bold 12px Arial, Helvetica, Verdana, sans-serif; }
		div#mainpagemiddle ul#submenu a.active { color:#606060; }

	
	h2.laddahem { margin:80px 0px 0px 0px; }
	div#mainpagemiddle ul#rellinks { margin:10px 0px 0px 0px;
				 	 padding:0px; }

		div#mainpagemiddle ul#rellinks li { margin:0px;
					 	   padding:0px 0px 0px 12px;
					 	   background: url(../images/lipil.png) no-repeat 0px 3px; }
	
		div#mainpagemiddle ul#rellinks a { font:bold 12px Arial, Helvetica, Verdana, sans-serif; }
		div#mainpagemiddle ul#rellinks a.active { color:#606060; }

	div#mainpageright	{ float:left;
				  width:299px;
				  height:220px;	
				  margin:-20px 0px 0px 0px;
				  padding:0px 0px;
				  background: url(../images/rightpuffbg.png) repeat-y; }
				  
	div.newsbox{ float:left;
				 width:319px;
				 height:206px;	
				 margin:0px 0px 0px 0px;
				 padding:0px 0px;
				 background: url(../images/rightpuffbg2.png) no-repeat 0px 0px; }			  
				

		div#mainpageright h2 { display:block;
	  	 		       padding:8px 15px;
				       width:289px;
		 		       height:26px;
				       background: url(../images/h2bg.png) no-repeat left top;
			      	       color:#fff;
				       margin:0px 0px 10px 0px;
				       font:14px Arial, Helvetica, Verdana, sans-serif;  }


		div#mainpageright ul { padding:0px 0px 0px 15px;
				       margin:0px; }

			div#mainpageright li { padding:2px 20px;
					       background: url(../images/blapil.png) no-repeat 0px 3px;
					       line-height:16px; }

	div.mainbg { width:988px;
		     height:523px;	
		     margin:-523px 0px 0px 0px;
		     padding:0px;
		     background: url(../images/mainbg.png) repeat-y;
		     position:relative;
		     z-index:1; }
/* ------------------------------------------------
	footer
-------------------------------------------------*/

#footer { float:left;
		  width:906px;
		  height:94px;	
		  background: url(../images/footerbg.png) no-repeat top left;
		  padding:20px 41px 0px 41px;
		  margin:0px auto 30px auto;
		  display:block; }

#footer p { font:11px Arial, Helvetica, Verdana, sans-serif;
		    color:#979797; 
		    line-height:18px;
		    text-align:right; }

#footer .kontakt {color:#d1d1d1; }
#footer .kontakt a {color:#d1d1d1; }

#footer a { color:#979797;   }

#footer a.sphinxlink { color:#898989;  }

div.footerleft { float:left;
			  width:300px;
			  display:block; }

div.footerright { float:left;
			   width:606px;
			   display:block; }



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

* html .hojd {
	height: 500px;
}