/* ------------------------------------------------
	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: #fff;
		  font: 12px Arial, Verdana, "sans-serif";
		  background: #000;
		  margin:0px 26px 0px 26px;
		  padding:0px;	}

p	{ font: 12px Arial, Verdana, "sans-serif";
	  /*line-height:14px;*/
	  line-height:16px	}

span	{ font: 12px Arial, Verdana, "sans-serif";
	  line-height:14px;	}

div	{ font: 12px Arial, Verdana, "sans-serif";
	  line-height:14px;	}

table, table p	{ font: 12px Arial, Verdana, "sans-serif";
	  line-height:14px;
	  color:#606060;	}

tr, tr p	{ font: 12px Arial, Verdana, "sans-serif";
	 	  line-height:14px;
		  color:#606060;	}

td, td p	{ font: 12px Arial, Verdana, "sans-serif";
		  line-height:14px;
		  color:#606060;	}




h1 	{ font: bold 24px Arial, Verdana, "sans-serif";
	  color: #fff;	
	  margin-bottom: 20px;
	  font-weight: normal;
	  text-transform:uppercase;	}

h2	{ font: bold 16px Arial, Verdana, "sans-serif";
	  color: #fff;	
	  font-weight: normal;
	  text-transform:uppercase;
	  text-transform:uppercase;	}

h3 	{ font: 12px Arial, Verdana, "sans-serif";
	  font-weight:500;
	  text-transform:uppercase;	
	  letter-spacing:0.4px; }

a 	{ color: #22b24c;
	  text-decoration:underline;
	  font-weight:bold;	}

img	{ border: 0px solid; 	}




div#container	{ display:block;
		  width:950px;
		  height:576px;
		  margin:26px auto 0px auto;
		  border:1px solid #fff;
		  background:url('../images/bg.png') no-repeat right top;	}

div#container2	{ display:block;
		  width:950px;
		  margin:26px auto 0px auto;
		  border:1px solid #fff;	}

	div.bg2	{ background:/*url('../images/bg2.png')*/ no-repeat right top;	}
	div.bg3	{ background:url('../images/bg3.png') no-repeat right top;	}
		  
/* ------------------------------------------------
	form
-------------------------------------------------*/	

	.label { width:60px;
		 display:block;
		 color: #333;
		 padding:0px 2px; }
			
	.textfield { 		}	
					 

	.btn { color:#716e6e;
	       text-align:center;
	       margin:5px 0px 0px 0px; }
					
/* ------------------------------------------------
	header
-------------------------------------------------*/

div#headerbg	{ width:950px;
				  height:125px;
				  margin:0px 0px -125px 0px;
				  padding:0px;
				  background:url('../images/menytoning.png') no-repeat right top;	}

	div#header	{ width:950px;
				  height:75px;
				  margin:0px;
				  padding:0px; }				  
	
		div#logo	{ float:left;
				  display:block;
				  width:183px;
				  height:56px;
				  margin:18px 24px 0px 0px;
				  padding:0px 0px 0px 0px; }



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



	div#menu	{ float:left;
				  display:block;
				  width:723px;
				  margin:0px 0px 0px 0px;
				  border-bottom:1px solid #fff; 	}

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

	div#menu li {	float:left;
      			margin: 0px;
      			padding: 0px; }
	
	div#menu a {	float:left;
      				display:block;
					height:10px;
      				margin:20px 0px 0px 0px;
      				padding:34px 12px 9px 12px;
	      			text-decoration:none;
					text-transform:uppercase;
    	  			color:#fff;
					letter-spacing:0.2px;
					line-height:18px;
					font:11px Arial, Verdana, sans-serif;
					font-weight:600; }

	div#menu a.active { background:url('../images/menubg2.png') repeat-x bottom;  }
	div#menu a:hover { background:url('../images/menubgover2.png') repeat-x top;  }
	


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

div#maincontainer	{ width:950px;
		  	  margin:0px 0px 0px 0px; }

	div#content	{ width:950px;
			  margin:0px;
			  padding:0px; }

	div#leftcontent	{ float:left;
					  display:block;
					  width:400px;
					  height:281px;
					  margin:0px;
					  padding:51px 70px 0px 120px; }
					  
		div#leftcontent	h1 	{ font: 30px "Arial Black", Arial, Verdana, sans-serif;
							  font-weight:500;
							  letter-spacing:0.2px;}
		div#leftcontent	p { font: 12px Verdana, Arial, sans-serif;
							padding:0px 0px 10px 0px;
							line-height:16px; }
		div#leftcontent	p.payoff { font-weight:bold; }

	div#rightcontent	{ float:left;
				  display:block;
				  width:251px;
				  height:100px; }	

	div.puffar { clear:both;
			     width:930px;
			     display:block;
			     margin:0px 0px 0px 19px; }

	div.puff { float:left;
		   display:block;
		   width:295px;
		   height:100px;
		   padding:54px 0px 0px 0px; }

		div.puff h2 { font-weight:500;
					  letter-spacing:0.2px;
					  padding:20px 0px 0px 23px; }
		div.puff p { margin:0px;
			     padding:0px 0px 17px 23px; }
		div.puff a { color:#fff;
	 			     padding:0px 15px 0px 0px;
					 font-weight:normal;
					 text-decoration:none;
			    	 background:url('../images/gronpil2.gif') no-repeat right 4px; }

	div.puff1 { margin:0px 14px 0px 0px;
		  	    background:url('../images/thomas2.png') no-repeat 0px 0px;  }

	div.puff1over { margin:0px 14px 0px 0px;
		   	background:url('../images/thomas2over.png') no-repeat 0px 0px;  }

		div.puff1 p { margin:0px;
			      padding:10px 0px 12px 23px; }

		div.puff1over p { margin:0px;
			      padding:10px 0px 12px 23px; }

	div.puff2 { margin:0px 14px 0px 0px;
		    background:url('../images/puffbg5.png') no-repeat 0px 0px;  }

	div.puff2over { margin:0px 14px 0px 0px;
		        background:url('../images/puffbg6.png') no-repeat 0px 0px;  }

	div.puff3 { background:url('../images/puffbg5.png') no-repeat 0px 0px; }

	div.puff3over { background:url('../images/puffbg6.png') no-repeat 0px 0px; }
	

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



div#pagecontent	{ width:950px;
				  margin:0px;
				  padding:0px; }

	div#submenu	{ float:left;
			 	  display:block;
				  width:180px;
				  margin:46px 0px 0px 5px;
				  padding:0px; }

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

			div#submenu li	{ clear:both;
							  margin:0px;
							  padding:0px 0px 0px 0px; }
	
			div#submenu a	{ display:block;
							  margin:0px 0px 0px 0px;
							  padding:5px 13px 5px 30px;
							  color:#fff;
							  text-align:right;
							  text-decoration:none;
							  font-weight:600; }

			div#submenu a:hover				{ background:url('../images/submenuover.png') no-repeat right 50%;   }
			div#submenu li.active ul li		{ padding:1px 0px 0px 0px;background:url('../images/submenudivider.png') no-repeat right top;   }
			div#submenu li.active a			{ background:url('../images/submenuactive.png')  no-repeat right 50%;  }
			div#submenu li.active ul li a	{ background:url('../images/submenuli.png') no-repeat right 50%;   }


			div#submenu li ul a { text-align:right;
					    		  font: normal 10px Arial, Verdana, sans-serif; }
								  
			div#submenu li.active ul a:hover { background:url('../images/submenuover.png') no-repeat right 50%;   }
			
			div#submenu li ul li.active a { text-align:right;
					      	        		background:url('../images/submenuliactive.png') no-repeat right; }
									
			div#submenu li ul li.active a:hover { background:url('../images/submenuliactiveover.png') no-repeat right; }


	div#pageleftcontent	{ float:left;
						  display:block;
						  width:384px;
						  /*height:600px;*/
						  margin:46px 9px 0px 6px;
						  padding:0px 0px 38px 16px; }
		div#pageleftcontent	h1 	{ font: 24px "Arial Black", Arial, Verdana, "sans-serif"; }
		div#pageleftcontent	h2 { padding:20px 0px 10px 0px; }
		div#pageleftcontent	p { padding:0px 0px 0px 0px; }
		div#pageleftcontent	p.payoff { font-weight:bold; }

	div#pagerightcontent	{ float:left;
				  display:block;
				  width:350px;
				  margin:0px 0px 0px 0px; }

		div#pagepuffar	{ margin:30px 0px 0px 0px; }


		div.pagepuff  { display:block;
				width:293px;
				height:97px;
				margin:0px 0px 10px 17px;
				padding:0px 0px 0px 0px;
				background:url('../images/pagepuff2.png') no-repeat 0px bottom; }

		div.pagepuffover { background:url('../images/pagepuff2over.png') no-repeat 0px bottom; }

			div.pagepufftext  { display:block;
							    height:40px;
						    	margin:0px 0px 0px 0px;
							    padding:30px 0px 0px 23px; }

			div.pagepufflink  { display:block;
							    height:30px;
					    		margin:0px 0px 0px 0px;
							    padding:1px 0px 0px 23px; }
				
				div.pagepufflink a { color:#fff;
									 text-decoration:none;
								     padding:0px 15px 0px 0px;
									 font-weight:normal;
									 letter-spacing:0.2px;
								     background:url('../images/gronpil2.gif') no-repeat right 5px; }

		div.pagepuffthomas  { background:url('../images/pagepuffthomas2.png') no-repeat 0px bottom; }
		div.pagepuffthomasover  { background:url('../images/pagepuffthomas2over.png') no-repeat 0px bottom; }

			div.pagepuffthomas div.pagepufftext  {padding:30px 0px 0px 113px; }
			div.pagepuffthomasover div.pagepufftext  {padding:30px 0px 0px 113px; }	

			div.pagepuffthomas div.pagepufflink  { padding:1px 0px 0px 143px; }
			div.pagepuffthomasover div.pagepufflink  { padding:1px 0px 0px 143px; }
			div.pagepuffthomas div.pagepufflink a { background:url('../images/gronpil2.gif') no-repeat right 5px; }
			div.pagepuffthomasover div.pagepufflink a { background:url('../images/gronpil2.gif') no-repeat right 5px; }



		div#relimg	{ display:block;
				  width:350px;
				  /*height:355px;*/
				  margin:0px 0px 0px 0px; }

	div#green{ width:950px;
		   height:17px;
		   margin:0px;
		   padding:0px;
		   background:#22b24c; }
	

/* ------------------------------------------------
	experten
-------------------------------------------------*/

 .expertq { width:350px;
 			margin:0px 10px;
			padding:20px 0px;
			text-align:left;
			line-height:16px !important;
			cursor:pointer;
			border-bottom:1px solid #fff; }

	 .expertq h3 { text-transform:none;
	 			   font-weight:bold; }

 	.expertqover { text-decoration:underline; }


.formfield	{ margin:2px 0px; }	
.formbox	{ margin:2px 0px; }		  


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

#footer { display:block;
	  width:950px;
	  padding:4px 0px 0px 0px;
	  margin:0px auto;	}

#footer p { color:#fff; 
		    line-height:18px;
			font-weight:normal;
			font:10px arial, verdana, sans-serif; }

#footer a { color:#fff;
			font-weight:normal;
			text-transform:uppercase;
		    text-decoration:none;
		    padding:0px 15px 0px 15px;
	    	background:url('../images/gronpil.gif') no-repeat right center;  }

#footer a:hover { text-decoration:underline; }

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

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

* html .pagehojd {
	height: 484px;
}


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

}