/* ------------------------------------------------
	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; }
ul { list-style-type:disc; margin-left:15px; }
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: #000;
		  font: 10px/16px Arial, Georgia, Times, serif;
		  background: #fff;
		  margin:0px;
		  padding:0px;	}

p	{ font: 10px/16px Arial, Georgia, Times, serif;
	  line-height:16px;	}

span	{ font: 10px/16px Arial, Georgia, Times, serif;
	  line-height:16px;	}

div	{ font: 10px/16px Arial, Georgia, Times, serif;
	  line-height:16px;	}

table, table p	{ font: 10px/16px Arial, Georgia, Times, serif;
	 	  line-height:16px;
		  color:#000;	}

tr, tr p	{ font: 10px/16px Arial, Georgia, Times, serif;
	  	  line-height:16px;
		  color:#000;	}

td, td p	{ font: 10px/16px Arial, Georgia, Times, serif;
	  	  line-height:16px;
		  color:#000;	}




a:link, a:visited {
	color: #373737;
	font: 10px/16px Arial, Georgia, Times, serif;
	font-weight: light;
	font-style: normal;	
	text-align: justify/center;
	margin-left: 0;
	text-decoration: none;
}
a:hover, a:active {
	color: #9e9e9e;
	font: 10px/16px Arial, Georgia, Times, serif;
	font-weight: light;
	font-style: normal;	
	text-align: justify/center;
	margin-left: 0;
	text-decoration: none;
}
h1 {
	text-transform:uppercase;
	color: #000;
	font: 12px/18px Arial, Georgia, Times, serif;
	font-weight: normal;
	font-style: normal;	
	text-align: justify/center;
	margin-left: 0;
      	padding:0px 0px 0px 15px;
	background:url('../images/h1bg.png') no-repeat 0px 7px;
}
h2 {
	font: 16px/30px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;	
	text-align: left;
	border-color : #1B1B1B;
	border-style : dotted;
	border-width : 0;
	text-decoration : none;
}
h3 {
	color: #159CE2;
	font: 13px/30px Georgia, "Times New Roman", Times, serif;
	font-weight: light;
	font-style: italic;	
	text-align: left;
	border-color : #1B1B1B;
	border-style : dotted;
	border-width : 0;
	text-decoration : none;
	margin : 4px 0;
}
h4 {
	color: #159CE2;
	font: 13px/30px Georgia, "Times New Roman", Times, serif;
	font-weight: light;
	font-style: italic;	
	text-align: center;
	border-color : #1B1B1B;
	border-style : dotted;
	border-width : 0;
	text-decoration : none;
}


img	{ border: 0px solid; 	}




div#container	{ margin:11px auto 43px auto;
				  height:auto;
				  width:860px;	}
		  
/* ------------------------------------------------
	form
-------------------------------------------------*/	

	.label { width:60px;
		 display:block;
		 color: #333;
		 padding:0px 2px; }
			
	.textfield { padding:2px;
		     width:200px;
		     border:1px solid #c1c1c1;
		     background:none;	}	
					 

	.btn { padding:2px 5px;
	       border:none;
	       background:#c1c1c1; }
	       
	.form input {font-size:12px;}
	.form textarea {font-size:12px;}
					
/* ------------------------------------------------
	header
-------------------------------------------------*/
/*
div#header	{ width:860px;
		  height:99px;
		  background: #fff;
		  margin:0px;
		  padding:0px;	}

	div#logo	{ float:left;
			  display:block;
			  width:145px;
			  height:99px;
			  padding:0px 0px 0px 0px; }
*/

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



	div#menu	{ float:right;
				  display:block;
				  /*width:515px;*/
				  margin:0px;
				  padding:45px 0px 0px 0px;
				  height:16px;}

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

	div#menu li {	float:left; }
	
	div#menu a {	float:left;
      			display:block;
      			padding:0px 10px 0px 10px;
      			text-decoration:none;
			text-transform:uppercase;
      			color:#000;
			font: 10px Verdana, Arial, "sans-serif";
      			background:url('../images/menudivider.png') no-repeat right top; }

	div#menu a.last { background:none; padding-right:0px}

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

	div#loginmenu	{ float:right;
			  display:block;
			  width:280px;
			  margin:0px;
			  margin-right:200px;
			  padding:22px 0px 0px 0px;
			  }

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

	div#loginmenu li { float:left;
      			   margin:0px;
      			   padding:0px; }

	
	div#loginmenu a 
	{
	    float:left;
        display:block;
        padding:0px 12px 0px 10px;
        text-decoration:none;
        text-transform:uppercase;
        color:#bbb;
        font: 10px Verdana, Arial, "sans-serif";
        border-right: solid 1px #bbbbbb;
        }

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


	ul.flags {  float:right;
				list-style:none; }
		ul.flags li {  float:left;
					   margin:-15px 0px 0px 8px; }

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

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

div#maincontent	{ width:860px;
		  display:block;
		  margin:0px;
		  padding:0px 0px 0px 0px;
		  background:  url(../images/bottombg.png) no-repeat left bottom; }


		div#mainimg	{ display:block;
				  width:860px;
				  height:300px;
				  position:relative;
				  z-index:1000;}

			div#mainimg img	{ width:860px;
				 	  height:300px; }

	div#main { float:left;
		   display:block;
		   width:584px;
		   margin:11px 0px 0px 0px;
		   padding:0px 0px 0px 0px; }
	
		div.flashpuff	{ float:left;
				  display:block;
				  width:281px;
				  height:109px;
				  margin:0px 0px 9px 0px;
				  padding:0px 0px 0px 0px; }	

		div.flashpuffmargin	{ margin:0px 9px 0px 0px; }	

	div#news { float:left;
			   display:block;
			   width:273px;
			   height:459px;
			   margin:11px 0px 0px 0px;
			   padding:0px 0px 0px 0px;
			   position:relative;
			   z-index:500000;
			   border:1px solid #aeaeae; }    

		div#news h2 { width:239px;
			   		  display:block;
			 	      color:#fff;
			    	  font: 11px Verdana, Arial, sans-serif;
				      text-transform:uppercase;
				      margin:0px 0px 0px 0px;
				      padding:9px 17px;
		   		      /*background:#db3835;*/
		   	    	  background: #900; } 


		div#news ul { padding:5px;
					  list-style:none; }

		div#news li { padding:5px 0px; }  
		
		span.newsdate { color:#afafaf;
				font-size:9px; }
		
		div#news h3 { text-transform:uppercase;
				      color:#000;
				      font: 10px Verdana, Arial, sans-serif; } 

		div#news p { text-align:left;
			  	     /*color:#afafaf;*/
					 color:#5a5a5a;
				     line-height:18px !important;
					 font: 10px Verdana, Arial, sans-serif; } 


	div.rightsok { float:left;
				   display:block;
				   width:289px;
				   margin:0px -20px 0px 0px;
				   padding:0px 0px 0px 0px; } 
				  
	div#submenu { float:left;
		      display:block;
		      width:150px;
		      margin:13px 0px 0px 0px;
		      padding:10px 0px 0px 0px; } 

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

		div#submenu li { margin:0px;
			         padding:5px 0px; } 
 
		div#submenu a { text-transform:uppercase; }
  
		div#submenu li.active {  }  

		div#submenu h3 { font: 10px/13px Arial, Georgia, Times, serif;font-weight:normal;
			         font-style:normal;
			         font-weight:normal;
			         color:#000;
			         text-transform:uppercase;
				 margin: 0px 0px 15px 0px; }  

	div#maintext { float:left;
				   display:block;
				   width:350px;
				   margin:13px -10px 13px 0px;
				   padding:14px 48px;
				   border-left:1px solid #aeaeae; } 

		div#maintext p { padding:15px 0px 0px 0px;
				 text-align:left; } 

		div#maintext p.ingress { font-weight:bold; } 


		div#maintext blockquote { margin:0px;
					  padding:0px 0px 0px 8px;
			 	          background: url(../images/li.png) no-repeat 0px 6px; } 

	div#right { float:left;
			   display:block;
			   width:273px;
			   margin:13px -10px 0px 0px;
			   padding:0px 0px 0px 0px;
			   position:relative;
			   z-index:5000; }				

		div#right h3 { font: 10px/13px Arial, Georgia, Times, serif;font-weight:normal;
			       font-style:normal;
			       color:#000;
			       text-transform:uppercase;
			       margin: 0px 0px 15px 0px;
			       text-align:left;  }

		div#right p { text-align:left; }
	


	div.vi{ display:block;
		width:325px;
		height:125px;
		margin:10px 0px 0px 0px;
		padding:0px; } 
	
		div.viimg { float:left;
			    display:block;
			    width:110px;
			    height:125px;
			    margin:0px;
			    padding:0px; }

			div.viimg img { width:110px;
				        height:125px; }

		div.vitext { float:left;
			     display:block;
			     width:180px;
			     height:125px;
			     margin:0px;
			     padding:10px; } 

			div.vitext h2 { margin:0px 0px 5px 0px;
					padding:0px;
					font: 12px/18px Arial, Georgia, Times, serif; } 

			div#maintext div.vitext p { margin:0px 0px 0px 0px;
				  		    padding:0px; } 

	div.cm { clear:both;
		 display:block;
		 width:860px;
		 height:140px;
		 margin:13px 0px 0px 0px;
		 padding:0px; }



	div.rightbox { float:left;
			       display:block;
    	    	   width:273px;
			       margin:13px 0px 0px -2px;
			       margin-bottom: 20px;
			       padding:0px 0px 0px 0px;
			       position:relative;
		    	   border:1px solid #aeaeae; } 

		div.rightbox h2 { display:block;
			          color:#fff;
			          font: 11px Verdana, Arial, "sans-serif";
			          text-transform:uppercase;
			          margin:0px 0px 0px 0px;
			          padding:9px 17px;
		   	          /*background:#db3835;*/
		   	          background:#990000 } 


		div.rightbox ul { margin:0px;
			          padding: 10px;
			          list-style:none; }

		div.rightbox li { text-align:left;	
				  margin:0px;
			          padding:5px 0px 5px 15px; 
				  background:url('../images/h1bg.png') no-repeat 0px 9px;}  
		
		div.rightbox h3 { text-transform:uppercase;
			          margin:0px 0px 0px 0px;
			          padding:0px;
			          color:#000;
			          font: 10px Verdana, Arial, "sans-serif"; } 

		div.rightbox p { color:#afafaf; } 

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

	
/* ------------------------------------------------
	footer
-------------------------------------------------*/
/*
#footer { width:860px;
	  height:94px;	
	  padding:10px 0px 0px 0px;
	  margin:30px 0px 30px 0px;
	  border-top:1px solid #aeaeae;	}


#footer p { text-align:right;	
	    font:9px verdana, arial, sans-serif;
	    color:#000; 
	    line-height:18px; }

#footer a {color:#000;  }
#footer a:hover { text-decoration:noe;  }*/

/* ------------------------------------------------
	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 */

/* for Internet Explorer */

* html .hojd2 {
	height: 45px;
}


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

}