/* ------------------------------------------------
	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 	{ color: #898989;
	  font: 12px Arial, Helvetica, sans-serif;
	  background: #fff url(../images/bg.png) repeat-x;
	  margin:0px;
	  padding:0px;	}

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

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

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

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

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

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

h1 	{ font: bold 24px Arial, Helvetica, sans-serif;
	  color: #5d5b5b;	
	  margin-bottom: 20px;
	  font-weight: normal;	}

h2 	{ font-size: 14px; 
	  color: #606060;	
	  margin-bottom: 15px;
	  font-weight: bold;	}

h3 	{ font-weight:bold;	}

a 	{ color: #0881c2;
	  text-decoration: none;	}
a:hover { text-decoration:underline;	}

img	{ border: 0px solid; 	}




div#container	{ margin:0px auto 0px auto;
		  height:auto;
		  width:920px;	}
		  
/* ------------------------------------------------
	form
-------------------------------------------------*/	

	div.form { display:block;
		   margin:10px 0px; }
	
	.label { float:left;
		 display:block;
		 width:100px;
		 padding:2px; }
			
	.textfield { float:left;
		     width:250px;
		     padding:2px;
	             margin:2px 0px;
		     border:1px solid #898989;
		     background:#fff;	}	
					 

	.btn { color:#fff;
	       text-align:center;
	       margin:2px 0px 0px 0px;
	       padding:2px 5pX;
	       border:none;
	       background:#898989; }
					
/* ------------------------------------------------
	header
-------------------------------------------------*/

div#header	{ display:block;
		  width:920px;
		  height:64px;
		  margin:0px;
		  padding:0px;
	 	  background: url(../images/headerbg.png) no-repeat 0px 0px;	}


								  
	div.selectregion { float:left;
					   display:block;
					   width:448px;
					   height:14px;
					   padding:39px 0px 0px 40px;
					   text-align:left; }
					   
		div.selectregion select	{ width:270px;
								  background:#fff;	}
			
	div#langs { float:left;
				display:block;
			    width:393px;
			    height:14px;
			    padding:37px 0px 0px 0px;
			    text-align:right; }			
	
		div#langs p { float:left; }
		div#langs a { margin:0px 0px 0px 3px; }
			div#langs a img { width:22px;
							  height:16px;
							  margin:0px;
							  padding:3px; }
		div#langs a.active img { padding:1px;
								 border:2px solid #0080c2; }
			
	div#langs2 { float:right;
				 display:block;
			     width:588px;
			     height:14px;
			     padding:41px 40px 0px 0px;
			     text-align:right; }			
	
		div#langs2 a { margin:0px 0px 0px 6px; }

	div#logo	{ display:block;
			  width:862px;
			  height:102px;
			  padding:0px 0px 0px 0px; }

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



	div#mainmenu	{ float:left;
		  	  display:block;
			  width:854px;
			  padding:8px 4px;
			  color:#898989;
			  font: 12px Verdana, Arial, sans-serif;
			  background:#f4f2f2;	}

	div#mainmenu ul {   margin:0px 0px 0px 7px;
			list-style:none; }

	div#mainmenu li { float:left;
      			  margin:0px;
      			 padding:0px; }
	
	div#mainmenu a { float:left;
      			 display:block;
      			 padding:5px 12px 5px 6px;
			 margin:0px 0px 0px 6px;
			 text-decoration:none;
      			 color:#898989;
			 font: 12px Verdana, Arial, sans-serif;
	 	  	 background: url(../images/menudivider.png) no-repeat right center; }

	div#mainmenu a.last { background: none; }

	div#mainmenu a:hover { }

	div#mainmenu table, div#mainmenu tr, div#mainmenu td { color:#898989;
			   font: 12px Verdana, Arial, sans-serif; }

	.transMenu { position:absolute; 
		     overflow:hidden; 
		     left:-1000px; 
		     top:-1000px; }

		.transMenu .content { position:absolute; }

		.transMenu .items { position:relative; 
				    left:0px; top:0px; 
				    z-index:2; }

	#subwrap { text-align: left; }

		.transMenu  .item.hover { color: #fff !important; }
		
		.transMenu .item { margin:0px 0px 0px 10px;
				   text-decoration: none; 
				   cursor:pointer; 
				   cursor:hand; }

		.transMenu .background { background-color: #f4f2f2 !important; 
					 position:absolute ; 
					 left:0px;
					 top:0px; 
					 z-index:1; 
					 -moz-opacity:0.8; 
					 filter:alpha(opacity=80); }
		
		.transMenu .shadowRight { position:absolute; 
					  z-index:3; 
					  top:3px;
					  width:2px; 
					  -moz-opacity:0.8; 
					  filter:alpha(opacity=80); }

		.transMenu .shadowBottom { position:absolute; 
					   z-index:1; 
					   left:3px;
					   height:2px; 
					   -moz-opacity:0.8; 
					   filter:alpha(opacity=80); }

		.transMenu .item.hover { background-color: #898989 !important; }

		.transMenu .item img { margin-left:10px !important; }

		.transmenu a { color:#898989;
			       font: 12px Verdana, Arial, sans-serif; }



	#trans-active a { color: #ffffff !important; 
			  background-color: #5d5b5b !important; } 

	#menu a.hover   { color: #ffffff !important; 
			  background-color: #5d5b5b !important; }

	#menu span {  display:none; }


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

div#maincontainer	{ width:920px;
		  	  margin:0px 0px 0px 0px;
			  background: url(../images/mainbg.png) repeat-y;	}

div#maincontent	{ width:860px;
		  display:block;
		  margin:0px;
		  padding:0px 0px 40px 0px; }

	div#main	{ float:left;
			  display:block;
			  width:600px;
			  margin:0px;
			  padding:0px 0px; }
	
	div#mainimg	{ display:block;
			  /*width:600px;
			  height:200px;*/
			  margin:0px;
			  padding:0px 0px; }

		div#mainimg	{ /*width:600px;
				  height:200px;*/ }

	div#maintext	{ display:block;
				  width:580px;
				  margin:0px;
				  padding:5px 0px 5px 20px; }

		div#maintext h1	{ margin:20px 0px; }

		div#maintext p	{ color:#bbbbbb;
						  padding:0px 100px 20px 0px;
						  line-height:24px !important;
						  font: 20px Arial, Helvetica, sans-serif; }

		div#maintext a	{ font: 16px Arial, Helvetica, sans-serif; }
		

		div#maintext p.center	{ text-align:center; }
		


	div#news	{ float:left;
			  display:block;
			  width:220px;
			  margin:0px;
			  padding:22px 20px 10px 20px; }
	
		div#news ul	{ margin:0px;
				  padding:0px; }

		div#news li	{ margin:0px;
				  padding:0px 0px 10px 15px;
				  background: url(../images/newsarrow.png) no-repeat 0px 5px; }

		span.newsdate { font:bold 14px arial, verdana, sans-serif; }


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

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

					  
div#right	{ float:left;
		  width:29px;
		  margin:0px;  }


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

	div#maintextpage	{ display:block;
				  width:580px;
				  margin:0px;
				  padding:5px 0px 15px 20px; }

		div#maintextpage h1	{ color:#f7b03e;
				  	  margin:20px 0px; }

		div#maintextpage p	{ color:#898989;
							  padding:0px 100px 0px 0px;
							  line-height:18px !important;
							  font: 12px Arial, Helvetica, sans-serif; }
			


		div.prod	{ float:left;
					  display:block;
					  width:166px;
					  /*height:178px;*/
					  height:183px;
					  background: url('../images/prodbg.png') no-repeat left top; }

		div.prodover	{ float:left;
						  display:block;
						  width:166px;
						  /*height:178px;*/
						  height:183px;
						  background: url('../images/prodbgover.png') no-repeat left top; }

			div.prod img	{ display:block;
							  width:128px;
							  height:100px;
							  margin:20px 0px 20px 15px; }

			div.prodover img	{ display:block;
								  width:128px;
								  height:100px;
								  margin:20px 0px 20px 15px; }

			div.prod h2 	{ font: 14px  "trebuchet ms", georgia, Verdana, Arial, "sans-serif";
					  color: #f7b03e;	
					  margin-bottom: 5px;
					  text-align:center;	}

			div.prodover h2 	{ font: 14px  "trebuchet ms", georgia, Verdana, Arial, "sans-serif";
						  color: #f7b03e;
						  margin-bottom: 5px;
						  text-align:center;	}

			div#maintextpage div.prod p	{ font: 12px  "trebuchet ms", georgia, Verdana, Arial, "sans-serif";
							  color: #898989;
							  padding:0px;
							  text-align:center !important; }

			div.prod p.prodtext{ color: #000;
					     font-weight:bold; }

			div#maintextpage div.prodover p	{ font: 12px  "trebuchet ms", georgia, Verdana, Arial, "sans-serif";
							  color: #898989;
							  padding:0px;
							  text-align:center; }

			div#maintextpage div.prodover p.prodtext{ color: #000;
								  font-weight:bold; }

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

	div#maintextpage  li { margin:0px;
		               padding:0px;
			       padding:0px 0px 0px 15px;
			       line-height:18px !important;
			       background: url('../images/li.png') no-repeat 0px 7px; }
	
	ul#rellinks a { font-weight:bold;
			color: #f7b03e;}






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

div.world	{ display:block;
			  width:862px;
			  height:514px;
		  	  margin:40px 0px 0px 0px;
			  position:relative;
			  background: url(../images/world.png) no-repeat 0px 0px;	}

	div.worldselect	{ position:absolute;
					  display:block;
					  left:255px;
					  top:143px;
					  width:277px;
					  height:80px;
					  padding:32px 40px;
					  background: url(../images/selectbg.png) no-repeat 0px 0px;	}
			  
		div.worldselect h1	{ color:#fff;	}
		div.worldselect select	{ width:270px;
								  background:#fff;	}
			  
	div.worldtext	{ position:absolute;
					  display:block;
					  left:255px;
					  top:263px;
					  width:257px;
					  height:80px;
					  padding:32px 40px; }
					  
		div.worldtext p	{ color:#7f7f7f;
						  line-height:18px !important;
						  font: 14px Arial, Verdana, Helvetica, sans-serif; }
					  
			  
/* ------------------------------------------------
	footer
-------------------------------------------------*/



#footer{ width:870px;
	 height:101px;
	 padding:13px 10px 10px 40px;
	 margin:0px 0px 0px 0px;
	 background: url(../images/footerbg.png) no-repeat 0px 0px;	}

	#footer p { color:#fff;
		    line-height:18px !important;
		    font:11px arial, verdana, sans-serif;	}


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

* html .hojd {
	height: 600px;
}

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

* html .hojd2 {
	height: 384px;
}


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

}