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

p	{ font: 13px  Helvetica, Verdana, Arial, 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  Helvetica, Verdana, Arial, sans-serif;
	  line-height:18px;	}

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

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

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

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




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

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


h2 	{ font:bold 13px  Helvetica, Verdana, Arial, 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  Verdana, Arial, sans-serif;
	  padding:10px 0px;	}


.label {	color: #333;
		padding:2px 2px; }

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

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

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


div#container	{ margin:0 auto;
		  height:auto;
		  width:988px;	
		  display:block;  }

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

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

	div#logo	{ float:left;
			  width:851px;
			  height:62px;
			  padding:0px 0px 0px 0px;	}

	div#langs	{ float:left;
			  width:40px;
			  height:56px;
			  padding:7px 0px 0px 0px;	}

		div#langs ul { float:right;
			       margin:0px;
			       list-style:none; }
	
		div#langs li { float:left;
      			       margin:0px;
      			       padding:0px; }
		
		div#langs a {	float:left;
      				display:block;
      				padding:0px 2px;
      				text-decoration:none;
      				color:#979797;
				font: 10px Arial, verdana, sans-serif; }

		div#langs a img { width:13px;
				  height:10px;
				  margin:1px; }

		div#langs a:hover img { margin:0px;
					border:1px solid #306bab; }
		div#langs a.active img { margin:0px;
					 border:1px solid #306bab; }


	


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

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

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

	div#topmenu li { float:left;
      			 margin:0px;
      			 padding:0px;
			 height:32px;
			 position:relative;
			 z-index:11111; }
	
	div#topmenu a {	float:left;
      			display:block;
      			padding:13px 10px 0px 10px;
      			text-decoration:none;
      			color:#979797;
			font: 10px Arial, verdana, sans-serif; }

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




	div#menu 	{ clear:both;
				  display:block;
				  width:906px;
				  height:62px;
				  position:relative;
				  z-index:15000;
		          background: url(../images/menubg.png) no-repeat 0px 0px; 	}

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

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

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

	div#menu a span {	display:block;
						margin:0px 0px 0px -8px; 
						font: 10px Verdana, Arial, 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:url('../images/menuleft.png') repeat-x;
				border-width:0; }

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

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


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

div#maincontainer	{ width:906px;	
					  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	{ clear:both;display:block;
				  height:330px;
				  margin:0px 0px 0px 0px; }
				  
	div#mainimg img	{ height:330px;
				 	  margin:0px 0px 0px 0px; }

div#maincontent	{ clear:both;
				  display:block;
				  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 20px 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#mainright	{ float:left;
			  width:299px;	
			  margin:2px 0px 0px 0px;
			  padding:0px 0px 0px 0px; }


		div.newsbox{ float:left;
			     width:319px;	
			     margin:0px 0px 5px 0px;
			     padding:0px 0px 10px 0px;
			     background: url(../images/rightpuffbg.png) repeat-y; }

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


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

			div#mainright li { clear:both;
					   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;
				    line-height:16px;
				    background: url(../images/blapil.png) no-repeat right 5px; }

		div.newsbox p { color:#979797;
				padding:10px 17px; }

		span.nllabel { float:left;
			       display:block;
			       width:35px;
			       height:16px;
			       margin:0px 0px 0px 17px;
			       padding:3px 0px 0px 4px;
			       color:#979797;
			       font:10px arial, verdana, sans-serif;
			       background: url(../images/nllabel.png) no-repeat 0px 0px; }

		.nltextfield { float:left;
			       width:125px;
			       height:19px;
			       border:none;
			       background: url(../images/nltextfield.png) no-repeat 0px 0px; }

		.nlbtn { padding:0px 0px 0px 3px; }

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



div#mainpagecontent 	{ padding:30px 0px 0px 0px; }

div#mainpagecontent #mainleft 	{ width:537px;	
								  padding:40px 30px 20px 20px;  }
								  
	img.relimg1	{ width:587px;
				  margin:0px;
				  padding:0px;	 }

	img.relimg2	{ width:319px;
				  margin:0px;
				  padding:0px;	 }				  
	
	
div.relimg	{ width:319px;	
			  height:353px;
			  background: url(../images/relimgbg.png) no-repeat 0px 0px; }

	div.relimg img	{ width:319px;	
					  height:330px; }

	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 trebuchet ms, verdana, arial, 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;  }




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

* html .hojd {
	height: 560px;
}