/* ------------------------------------------------
	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 	{ height:100%;
		  margin:0px;
		  padding:0px;
		  color: #555;
		  font: 14px/20px Arial, Verdana, sans-serif;
		  background: #000 url(../images/nextportBg.png) repeat-x top;	}

p,
span,
div,
table, 
table p,
tr, tr p,
td, td p{ font: 14px/20px Arial, Verdana, sans-serif; }


h1 	{ margin-bottom: 15px;
	  color: #982211;	
	  font: bold 30px "Helvetica Neue", Arial, Verdana, sans-serif;	}
	h1 span 	{ color: #982211;	
				  font: bold 30px "Helvetica Neue", Arial, Verdana, sans-serif;	}

h2 	{ margin-bottom: 5px;
	  color: #982211;	
	  font: bold 24px "Helvetica Neue", Arial, Verdana, sans-serif;	}
	h2 span 	{ color: #982211;	
		  		  font: bold 24px "Helvetica Neue", Arial, Verdana, sans-serif;	}

h3 	{ color:#000;
	  font: bold 18px "Helvetica Neue", Arial, Verdana, sans-serif; }
	h3 span	{ color:#000;
			  font: bold 18px "Helvetica Neue", Arial, Verdana, sans-serif; }
	  
h4 	{ color:#000;
	  font: bold 14px Arial, Verdana, sans-serif; }
	h4 span 	{ color:#000;
				  font: bold 14px Arial, Verdana, sans-serif; }

a 	{ color: #982211;
	  text-decoration: none;	}

a:hover { text-decoration:none;
		  color:#555;	}

img	{ border: 0px solid; 	}

.parent { display: block;
		  width: 100%;
		  position: absolute;
		  top: 0px;
		  left: 0px;  }


div#container	{ margin:0px auto 0px auto;
				  height:auto;
				  width:965px;	}
div#unicef {    height: 300px;
    left: 50%;
    margin-left: 303px;
    padding: 19px 22px 25px;
    position: absolute;
    top: 124px;
    width: 140px;
	background: url(../images/bannerBg.png); z-index: 999;}
		  
/* ------------------------------------------------
	form
-------------------------------------------------*/	

	div.form { width:545px;
			   margin:10px 0px;
			   padding:20px 0px 20px 10px;
			   background: url(../images/formbg.png) no-repeat 0px 0px; }
			   
	span.label { float:left;
				 width:80px;
				 display:block;
				 color: #9c7a38;
				 font:12px/18px Arial, Helvetica, sans-serif; 
				 padding:0px 2px; }
			
	.formfield { float:left;
				 width:155px;
				 margin:0px 10px 10px 0px;
				 padding:3px;
				 color:#c5a769;
				 font:12px/18px Arial, Helvetica, sans-serif; 
				 border:1px solid #c5a769;
				 background:#fff;		}	
			
	.formbox { float:left;
			   width:155px;
			   height:50px;
			   margin:0px 10px 0px 0px;
			   padding:3px;
			   color:#c5a769;
			   font:12px/18px Arial, Helvetica, sans-serif; 
			   border:1px solid #c5a769;
			   background:#fff;		}	
					 

	.formbtn { float:right;
			   color:#fff;
			   padding:2px 5px;
			   font-weight:bold;
		       margin:0px 20px 0px 0px;
			   border:none;
			   background:#c5a769; }
			   
	.formbtn2 { color:#fff;
			    padding:2px 5px;
			    font-weight:bold;
		        margin:0px 20px 0px 0px;
			    border:none;
			    background:#c5a769; }
					
/* ------------------------------------------------
	header
-------------------------------------------------*/

div#header	{ width:965px;
			  height:143px;
			  margin:0px 0px -20px 0px;
			  padding:0px 0px 0px 0px;
			  background: url(../images/headerbg.png) no-repeat bottom left;	}
			  
div#headerie	{ width:965px;
				  height:122px;
				  margin:0px 0px 0px 0px;
				  padding:0px 0px 0px 0px;	}

	div#logo	{ float:left;
				  display:block;
				  width:286px;
				  height:112px;
				  margin:0px; 
				  padding:0px; }
				  
		div#logo img	{ display:block;
						  width:286px;
						  height:112px;
						  margin:0px; 
						  padding:0px; }

		div#logo a	{ border:none; }

	div#kontaktmenu{ float:left;
					 width:657px;
					 height:122px;
					 margin:0px 0px 0px 22px;
					 padding:0px 0px 0px 0px;
					 position:relative;
					 z-index:700;
					 background: url(../images/menubg.png) no-repeat left top; }
					 
		div#kontaktmenuie { width:657px;
							height:122px;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px; }

		div#kontakt { display:block;
					  width:649px;
					  height:32px;
					  margin:0px 8px 0px 0px;
					  padding:0px; }

			div#kontakt p { float:right;
							display:block;
							padding:0px;
							color:#b5b5b5;
							font: 11px/32px Arial, Verdana, sans-serif !important; }

			div#kontakt p span { float:left;
							 	 display:block; 
								 color:#b5b5b5;
								 font: 11px/32px Arial, Verdana, sans-serif !important; }
			div#kontakt p span.big { padding:0px 0px 0px 5px;
									 color:#353535;
									 font: bold 18px/32px Arial, Verdana, sans-serif !important; }

			div#kontakt a.login { float:right;
								  display:block;
								  width:81px;
								  height:32px;	
								  margin:0px 0px 0px 10px;
								  padding:0px 0px 0px 0px;
								  text-align:center;
								  color:#fff;
								  font: bold 12px/32px Arial, Verdana, sans-serif !important;
								  border:none;
								  background: url(../images/login.png) no-repeat left top;  }

			div#kontakt a.login:hover { text-decoration:none;
										color:#fff !important;
										background: url(../images/login2.png) no-repeat left top !important;  }
						  
			div#kontakt a.eng { float:right;
								display:block;
								width:auto;
								height:32px;	
								margin:0px 0px 0px 10px;
								padding:0px;
								text-align:center;
								border:none;
								background: none;  }
								
			div#kontakt a.eng img { margin:7px 0px; }

			div#kontakt ul { float:right;
							 margin:0px 10px 0px 0px;
						     padding:0px;
							 list-style:none; }
							 
				div#kontakt li { float:left;
								 margin:0px 15px 0px 0px;
								 padding:0px;
								 color:#cecece;
							 	 font: 11px/32px Arial, Verdana, sans-serif; }
								 
					div#kontakt a { padding:0px 0px 0px 15px;
									position:relative;
									color:#b5b5b5;
									font: 11px/32px Arial, Verdana, sans-serif;
									border:none; }
									
						div#kontakt a:hover { text-decoration:none;
											  color:#353535;
											  background:none; }
											  
				div#kontakt li.tipsa a { background:url(../images/tipsa.gif) no-repeat 0px center; }
				div#kontakt li.print a { background:url(../images/print.gif) no-repeat 0px center; }
				div#kontakt li.sitemap a { background:url(../images/sitemap.gif) no-repeat 0px center; }

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



	div#menu	{ width:657px;
				  height:80px;
				  margin:0px 0px -37px 0px;	}

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

	div#menu li {	float:left;
					display:block;
	      			margin:0px 0px 0px 8px;
    	  			padding:0 0 0 0px;}

	div#menu li span.menutext { float:left;
							    display:block;
							    width:100%;
							    position:relative;
							    z-index:1300;				  
								color:#6a6a6a;
							    font: 14px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
							    margin:-15px -16px 0px -16px;
							    padding:15px 16px 0px 16px; }
								
		div#menu li.active span.menutext { color:#fff; 
										   font-weight: bold;
										   background:url('../images/menubgover.png') no-repeat left top; }
		div#menu li a:hover span { color:#000; font-weight: bold;}

	div#menu img.mbg { float:left;
					   display:block;
					   width:100%;
					   height:54px;
					   margin:-15px -100% 0px -18px;}
	
	div#menu a {	float:left;
      				display:block;
					padding:15px 16px 15px 16px !important;
    	  			text-decoration:none;
					position:relative;
					cursor:pointer;
      				color:#a2a2a2;
					font: 14px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
					border:none;
					background:url('../images/leftnav.png') no-repeat left top;  }
					
		div#menu a span.menuleft {	position:absolute;
									top:0px;
									left:0px;
									display:block;
									width:25px;
									height:44px;
									margin:0px;
									padding:0px;
									z-index:500;
									border:none;
      								background: url('../images/rightnav.png') no-repeat right top; }
									
	
	div#menu li.active a  {	background:url('../images/menurightactive.png') no-repeat right 0px; }
	div#menu li.active a span.menuleft {	background:url('../images/menuleftactive.png') no-repeat 0px 0px; }
	div#menu li a:hover  { background:url('../images/menurightover.png') no-repeat right 0px; padding-left: 14px !important; padding-right: 14px !important;}
	div#menu li a:hover span.menuleft { background:url('../images/menuleftover.png') no-repeat 0px 0px; }
	div#menu li.active a:hover  {	background:url('../images/menurightactive.png') no-repeat right 0px; padding-left: 16px !important; padding-right: 16px !important;}
	div#menu li.active a:hover span.menuleft {	background:url('../images/menuleftactive.png') no-repeat 0px 0px; }
	/*
	div#menu li:hover, div#menu li.sfhover, div#menu  li:hover a, div#menu  li.sfhover a { cursor:pointer;
																						   color:#000;
																						   background:url('../images/menuleftover.png') no-repeat 0px 0px; }
	div#menu li:hover a , div#menu li.sfhover a { cursor:pointer;
												  color:#000;
												  background:url('../images/menurightover.png') no-repeat right 0px;}

	div#menu a {float:none;}
	div#menu a:hover {
      }

	div#menu li.active { background:url('../images/menuleftactive.png') no-repeat 0px 0px; }
	div#menu li.active a { font-weight:bold;
			       color:#fff;
			       background:url('../images/menurightactive.png') no-repeat right 0px; }


	div#menu li.active:hover, div#menu li.active.sfhover, div#menu  li.active:hover a, div#menu  li.active.sfhover a {  cursor:pointer;
												background:url('../images/menuleftactiveover.png') no-repeat 0px 0px; }
	div#menu li.active:hover a , div#menu li.active.sfhover a {	cursor:pointer;
							background:url('../images/menurightactiveover.png') no-repeat right 0px; }*/




	div#submenu ul { position:relative;
					 z-index:670;
				     margin:22px 0px 0px 0px;
					 list-style:none; }

	div#submenu li { display:block;
    	  			 margin:0px;
      				 padding:0px 0px 20px 22px; }
	
	div#submenu a {	display:block;
					padding:0px 0px 0px 18px;
	      			text-decoration:none;
    	  			color:#a2a2a2;
					font: 15px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
					line-height:18px !important;
					border:none;
	      			background:url('../images/pil.png') no-repeat 0px 2px; }
	
		div#submenu a.active {	font-weight:bold;
								color:#3c3c3c; }
		div#submenu a:hover{	color:#3c3c3c; }
								
		div#submenu li ul { margin:15px 0px 0px 0px;
						    list-style:none; }
	
		div#submenu li li { display:block;
      					    margin:0px;
	      				    padding:0px 0px 10px 22px; }
	
		div#submenu li li a { font: 13px Arial, Verdana, sans-serif;
	      				      background:url('../images/pil2.png') no-repeat 0px 2px; }
	
/* ------------------------------------------------
	main content
-------------------------------------------------*/

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

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

/*div#left	{ float:left;
			  display:block;
			  width:20px; }*/

div#contentcontainer	{ float:left;
						  display:block;
						  width:965px;
						  padding:0px 0px 0px 0px; }

	div#mainimg	{ clear:both;
				  display:block;
				  width:947px;
				  height:263px;
				  margin:-16px auto 0px auto;
				  padding:36px 0px 0px 0px;
				  overflow:hidden;
				  background: url(../images/mainimgbg.png) no-repeat center top; }
				  
	div#content	{ display:block;
				  width:947px;
				  margin:0px auto;
				  padding:0px;
				  position:relative;
				  z-index:600;
				  /*background: url(../images/contentbottombg.png) no-repeat 0px bottom;*/ }
				  

	div#content2	{ display:block;
					  width:970px;
					  height:273px;
					  margin:0px 0px 0px 0px;
					  padding:0px;
					  position:relative;
					  z-index:620;
					  background: url(../images/startbg.png) no-repeat 0px 0px; }
					  
		div#content2ie	{ display:block;
						  width:952px;
						  height:255px;
						  margin:0px 0px 0px 0px;
						  padding:9px; }
					  
		div.refpuffar	{ float:left;
						  display:block;
						  width:947px;
						  height:220px;
						  margin:0px;
						  padding:0px;
						  background: url(../images/refpuffarbg.png) no-repeat 0px 0px; }
					  
			div.refs	{ float:left;
						  display:block;
						  width:341px;
						  height:198px;
						  margin:0px;
						  padding:11px 10px;
						  position:relative;
						  background:#fff; 
						  /*background: url(../images/refsbg.png) no-repeat 0px 0px;*/}
			div.refsover	{ position:absolute;
							  top:0px;
							  right:0px;
							  display:block;
							  width:113px;
							  height:220px;
							  margin:0px;
							  padding:0px;
							  z-index:200;
							  background: url(../images/refsover.png) no-repeat 0px 0px; }
						  
				div.refs h2	{ display:block;
							  width:340px;
							  height:25px;
							  margin:0px 0px 0px 0px;
							  padding:0px;
							  color:#fff;
							  font:bold 14px/25px arial, verdana, sans-serif;
							  background: url(../images/refh2bg.png) no-repeat left top; }
							  
					div.refs h2 a	{ position:relative;
									  z-index:300;
									  display:block;
									  padding:0px 15px;
									  color:#fff;
									  font:bold 14px/25px arial, verdana, sans-serif; }
							  
				div.refs a	{ position:relative; }

	div#content3	{ display:block;
					  width:965px;
					  margin:0px;
					  padding:0px 0px 20px 0px;
					  position:relative;
					  z-index:640;
					  /*background: url(../images/bottombg.png) no-repeat 0px bottom;*/ }

		div.maintop	{ display:block;
					  width:965px;
					  height:15px;
					  margin:0px;
					  padding:0px;
					  background: url(../images/maintop.png) no-repeat 0px 0px; }
					  
		div.main	{ display:block;
					  width:947px;
					  margin:0px 0px -7px 0px;
					  padding:0px 9px;
					  position:relative;
					  z-index:100;
					  background: url(../images/mainwhitebg.png) repeat-y; }
					  
			div.main2	{ display:block;
						  width:947px;
						  margin:0px;
						  padding:0px;
						  background: url("../images/refpuffarbg.png") no-repeat 0px bottom; }
					  
		div.mainbottom	{ display:block;
						  width:965px;
						  height:16px;
						  margin:0px;
						  padding:0px;
						  background: url(../images/mainbottom.png) no-repeat 0px 0px; }
	
		div#mainleft	{ float:left;
						  display:block;
						  width:605px;
						  height:178px;
						  /*height:138px;*/
						  margin:0px 9px 0px 0px;
						  padding:0px 30px;
						  color: #909090;	
					      font: 14px/22px Arial, Verdana, sans-serif;
						  /*background: url(../images/mainleftbg.png) no-repeat left top;*/ }

  	   		div#mainleft blockquote { display: table;
									  width:615px;
									  height:178px;
									  font-size:12px;line-height:12px;
									  border:none;
									  font-weight:normal;
									  line-height:22px !important;
									 *display: block;
									 *position: relative; }			 
						
	 			div#mainleft blockquote span { display: table-cell;
										       vertical-align: middle;
										       line-height:22px !important;
										      *display: block;
										      *position: absolute;
										      *left: 0px;
										      *width: 100%;
										      *top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2); }
										   
					div#mainleft blockquote span span { display: inline;
													    vertical-align: baseline;
													    position: relative;
													    width: auto;
													    left: auto;
													    top:auto; }		
		
			div#mainleft h1 	{ font: bold 30px Arial, Verdana, sans-serif;
								  color: #fff;	
								  margin-bottom: 5px;	}


			div#mainleft p		{ color: #909090;	
							      font: 14px/22px Arial, Verdana, sans-serif;
								  margin-bottom: 15px;	}
			div#mainleft span.ingress	{ color: #fff;	
							    		  font:bold 14px/22px Arial, Verdana, sans-serif; }

			div#mainleft li		{ padding:0px 0px 0px 18px;
								  background: url(../images/pil.png) no-repeat 0px 4px; }

			div#mainleft a		{ color: #b12714;
						          font: bold 14px Arial, Verdana, sans-serif;
								  border:none; }
								  
		div#mainright	{ float:left;
						  display:block;
						  width:270px;
						  height:168px;
						  margin:0px -50px 0px 0px;
						  padding:0px;
						  /*background: url(../images/mainleftbg.png) no-repeat left top;*/ }

  	   		div#mainright blockquote { display: table;
									   width:270px;
									   height:168px;
									   font-size:12px;line-height:12px;
									   border:none;
									   font-weight:normal;
									   line-height:22px !important;
									  *display: block;
									  *position: relative; }			 
						
	 			div#mainright blockquote span { display: table-cell;
										        vertical-align: bottom;
										        line-height:22px !important;
										       *display: block;
										       *position: absolute;
										       *left: 0px;
										       *width: 100%;
										       *bottom: 0px; }
										   
					div#mainright blockquote span span { display: inline;
													     vertical-align: baseline;
													     position: relative;
													     width: auto;
													     left: auto;
													     top:auto; }	

			div#mainright a		{ padding:0px 0px 0px 18px;
								  color: #fff;
						          font: bold 14px Arial, Verdana, sans-serif;
								  border:none;
	      						  background:url('../images/redarrow.png') no-repeat 0px 2px;  }	
		
	
		div#flash	{ float:left;
				  display:block;
				  width:565px;
				  height:379px;
				  margin:17px 0px 0px 0px; }

			div#flash img	{ width:565px;
					  height:379px; }

	

	
		div.news	{ float:left;
					  display:block;
					  width:947px;
					  height:35px;
					  overflow:hidden;
					  margin:0px;
					  padding:0px;
					  /*background: url(../images/newsbg.png) no-repeat 0px 0px;*/ }

			div.news ul	{ float:left;
					  	  width:845px;
						  margin:0px;
						  padding:0px 0px 0px 0px; }
		
				div.news li	{ margin:0px 0px 0px 0px;
							  padding:0px 0px 28px 0px; }
				
					div.newsdate	{ float:left;
									  display:block;
									  width:78px;
									  height:30px;
									  margin:0px 0px 0px 0px;
									  padding:5px 0px 0px 10px;
									  background: url(../images/newsdatebg.png) no-repeat 0px 0px; }

						li.archive div.newsdate	{ background: url(../images/newsdatearchivebg.png) no-repeat 0px 0px; }
		
						div.newsdate p	{ text-transform:lowercase;
										  color:#481510;
										  font: 20px/18px "Helvetica Neue", Helvetica, arial, verdana, sans-serif; }
		
						li.archive div.newsdate p	{ padding:0px 0px 0px 0px;
													  color:#aeaeae; }
				
						div.newsdate p span.datenr	{ padding:0px 2px 0px 0px;
													  color:#fff;
													  font: 20px arial, verdana, sans-serif; }

					div.newstext	{ float:left;
									  display:block;
									  width:730px;
									  margin:0px 0px 0px 0px;
									  padding:0px 0px 0px 18px; }

						div.newstext p	{ display:block;	
										  color:#161616;
										  font: 14px/35px arial, verdana, sans-serif; }
						div.newstext a	{ display:inline;
										  color:#161616;
										  font: 14px/35px arial, verdana, sans-serif; 
										  border-bottom:1px solid #b3b3b3; }
						div.newstext a:hover	{ text-decoration:none;
												  border-bottom:1px solid #000; }
						div.newstext img	{ margin:0px 0px -2px 2px; }
						
						div#mainpage div.newstext	{ float:none;
													  display:block;
													  width:auto;
													  padding:0px; }
							div#mainpage div.newstext p	{ font: 14px/20px arial, verdana, sans-serif; }
							div#mainpage div.newstext a	{ font: 14px/20px arial, verdana, sans-serif; }
							
							div#mainpage div.newstext span.red { padding:0px 5px 0px 0px;
																 color: #982211;
																 font: bold 14px/20px arial, verdana, sans-serif; }
								div#mainpage div.newstext span.red span.datenr { padding:0px 2px 0px 0px;
																				 color: #982211;
																				 font: bold 14px/20px arial, verdana, sans-serif; }

				ul.archivelist { margin:0px;
								 padding:0px; }

					ul.archivelist li { margin:0px;
									    padding:0px; }

					ul.archivelist li  p	{ line-height:20px !important;
											  color:#161616;
											  font: 12px arial, verdana, sans-serif; }

					select	{ float:left;
							  width:166px;
							  margin:6px 5px 0px 0px;
							  color:#0f0f0f;
							  border:1px solid #9d9d9d;
							  background:#efefef; }

					 .btn	{ float:left;
							  display:block;
							  width:56px;
							  height:22px;
							  margin:4px 0px 0px 0px;
							  padding:0px;
							  color:#0f0f0f;
							  font:12px arial, verdana, sans-serif;
							  text-align:center;
							  border:1px solid #9d9d9d;
						 	  background:#efefef; }	
	
					a.sefler	{ float:right;
								  margin:0px 10px 0px 0px;
								  color:#898989;
								  font: 12px/35px arial, verdana, sans-serif; 
								  border:none !important; }
								  
								  
							.logos	{ position:relative;
									  display:block;
									  width:340px;
									  height:170px; }
							  
								#prevstart	{ position:absolute;
											  top:50%;
											  left:9px;
											  display:block;
											  width:12px;
											  height:14px;
											  margin:-7px 0px 0px 0px;
											  z-index:500;
											  border:none;
											  background:url(../images/prev.gif) no-repeat 0px 0px; }							  
								a:hover#prevatar	{ text-decoration:none;
								  					  border:none; }
										  
								#nextstart	{ position:absolute;
											  top:50%;
											  right:9px;
											  display:block;
											  width:12px;
											  height:14px;
											  margin:-7px 0px 0px 0px;
											  z-index:500;
											  border:none;
											  background:url(../images/next.gif) no-repeat 0px 0px; }
								a:hover#nextstart	{ text-decoration:none;
								  				 	  border:none; }
										  
								#slideshow	{ display:block;
											  width:300px;
											  height:170px;
											  margin:0px 20px;
											  overflow:hidden;
											  position:relative;
											  z-index:20; }
											  
								  #slideshow div { width:300px;
											  	   height:170px;
												   text-align:center;
												   background:#fff; }
												   
										#slideshow div blockquote { display: table;
																	width:300px;
																	height: 170px;
																   *display: block;
																   *position: relative; }			 
						
	 											#slideshow div blockquote span { display: table-cell;
																			     vertical-align: middle;
																			    *display: block;
																			    *position: absolute;
																			    *left: 0px;
																			    *width: 100%;
																			    *top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2); }
									   
														#slideshow div blockquote span span { display: inline;
																							  vertical-align: baseline;
																							  position: relative;
																							  left: auto;
																							  width: auto;
																							  top:auto; }	

												   
									  #slideshow div img{ margin:0px auto; }

		div.puffar	{ float:left;
					  display:block;
					  width:569px;
					  height:200px;
					  margin:0px 0px 9px 0px;
					  padding:11px 0px 0px 11px;
					  position:relative;
					  z-index:900;
					  cursor:pointer; 
					  overflow:hidden; }
					  
		div.puff	{ float:left;
					  display:block;
					  width:278px;
					  height:200px;
					  margin:0px 0px 9px 0px;
					  padding:0px 0px 0px 0px;
					  position:relative;
					  z-index:900;
					  cursor:pointer; 
					  overflow:hidden; }

		div.puffover .pufftext	{ background: #fff url(../images/puffbg.png) no-repeat right top; }	
		div.puffmargin	{ margin:0px 9px 9px 0px; }	

			div.puffimg img	{ display:block;
					  width:278px;
					  height:99px;
					  margin:0px;
					  padding:0px; }

				div.puffimg img	{ width:278px;
						  height:99px; }

			div.puff h2	{ display:block;
						  width:248px;
						  height:20px;
						  margin:0px 0px 0px 0px;
						  padding:5px 15px;
						  color:#fff;
						  font:bold 14px arial, verdana, sans-serif;
						  background: url(../images/h2bg.png) no-repeat left top; }

			div.pufftext	{ clear:both;
							  display:block;
							  height:100px;
							  margin:0px 0px 0px 0px;
							  padding:2px 0px 2px 15px;
							  color:#555555;
							  font:14px arial, verdana, sans-serif; }

			div.pufftext p	{ line-height:18px !important;
							  color:#555555;
							  font:14px arial, verdana, sans-serif; }

			div.pufftext a	{ color:#555555;
							  font:14px arial, verdana, sans-serif;
							  border:none; }

			div.pufftext a:hover	{ text-decoration:none; }
			div.pufftext img	{ margin:0px 0px -2px 2px; }
					  
/*div#right	{ float:left;
			  width:20px;
			  margin:0px 0px 0px 0px;  }*/

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

	

	div#leftcontent { float:left;
					  display:block;
					  width:264px;
					  margin:-6px 0px 0px 0px;
					  padding:0px 0px 0px 0px;
					  position:relative;
					  z-index:660;
					  background: url(../images/submenubg.png) no-repeat right 0px; }
		

	div#rightcontent { float:left;
					   display:block;
					   width:666px;
					   margin:-6px 0px 0px 17px;
					   padding:0px 0px 0px 0px;
					   position:relative;
					   z-index:675; }


		div#relimg { display:block;
					 width:666px;
					 height:332px;
					 margin:0px 0px 12px 0px;
					 padding:0px; }

			div#relimg img { width:666px;
							 height:332px; }


		div#mainpage { float:left;
				       display:block;
			    	   width:549px;
				       margin:0px 0px 0px 0px;
				       padding:30px 75px 30px 5px; }


			div#mainpage p.ingress { font-weight:bold; }
			
			div#mainpage h1	{ display:inline; }
			div#mainpage ul.tipsaprint	{ display:inline;
										  margin:0px;
										  padding:0px;
										  white-space:nowrap;
										  list-style:none; }
				div#mainpage ul.tipsaprint li	{ display:inline;
										  		  margin:0px;}
					div#mainpage ul.tipsaprint li a	{ margin:0px 10px 0px 0px;
													  padding:0px 0px 0px 16px;
													  color:#898989;
													  font:11px arial, Verdana, Geneva, sans-serif;
													  background:url(../images/smallarrow.gif) no-repeat 0px center; }
					span.newsdate	{ font:11px arial, Verdana, Geneva, sans-serif; }
													  
				div#mainpage ul.tipsaprint li.tipsa a { background:url(../images/tipsa.gif) no-repeat 0px center; }
				div#mainpage ul.tipsaprint li.print a { background:url(../images/print.gif) no-repeat 0px center; }
					div#mainpage ul.tipsaprint li a:hover	{ color:#982211; }
			
			div#mainpage h1 span.h1red	{ font: 24px Arial, Verdana, sans-serif;
								  		  color: #ca2100;	}
	
			div#mainpage a:hover { text-decoration:none; }

		div#maintext { float:left;
				       display:block;
				       width:515px;
			    	   margin:0px 0px 0px 0px;
				       padding:13px 35px 0px 35px; }

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

			div#maintext a { color:#191919;
							 border-bottom:1px solid #4d8ecc;}
			div#maintext a:hover { text-decoration:none;
								   border-bottom:1px solid #606060;}

			div#maintext a.lasmer { color:#191919;
									padding:0px 0px 0px 20px;
									border-bottom:1px solid #4d8ecc;
									background: url(../images/blapil.png) no-repeat 0px 1px;}


		div#rel { float:right;
				  display:block;
				  width:145px;
				  margin:0px 0px 0px 0px;
				  padding:0px;
				  /*background: url(../images/relbg.png) no-repeat right 0px;*/ }


			div.relperson { display:block;
							width:145px;
							margin:23px 0px 0px 0px;
							padding:0px 0px; }


				div.relperson div#relimg { display:block;
										   width:132px !important;
										   height:auto !important;
										   margin:0px 0px 20px 0px;
										   padding:0px 0px; }

				div.relperson div#relimg img { display:block;
											   width:132px !important;
											   height:auto !important;
											   margin:0px;
											   padding:0px 0px; }

					div.relperson img img  { width:132px;
										  	 height:150px; }

				div.relperson h2 { /*float:right;
								   display:block;
								   width:152px;
								   height:13px;
								   margin:0px 0px 2px 0px;
								   padding:6px 15px;*/
								   margin:0px 0px 0px 70px;
								   padding:0px;
								   color:#000;
								   font:bold 14px/18px arial, verdana, sans-serif;
								   /*overflow:hidden;
								   background: url(../images/relpersonh2.png) no-repeat right 0px;*/ }

				div.relpersontext { display:block;
									width:145px;
									margin:0px 0px 0px 70px;
									padding:0px;
									color:#898989;
									font:12px/18px arial, verdana, sans-serif; }
					div.relpersontext p,
					div.relpersontext span,
					div.relpersontext div	{ color:#898989;
										  	  font:12px/18px arial, verdana, sans-serif; }
											  
					div.relpersontext a	{ border:none !important; }
					
					div.relpersontext strong	{ color:#000; }
							
							
							
			div.ruta { display:block;
						width:300px;
						margin:0px 0px 0px 0px;
						padding:0px 0px;
					    background: #f1eddd; }


				div.rutaimg { float:left;
						   	  display:block;
							  width:132px;
							  height:150px;
							  margin:0px 10px 10px 0px;
							  padding:0px; }

					div.rutaimg img  { width:132px;
									   height:150px; 
									   margin:0px;
									   padding:0px;}

				div.ruta h2 { float:right;
  						      display:block;
						      width:270px;
						      height:13px;
						      margin:0px 0px 0px 0px;
						      padding:6px 15px;
						      color:#fff;
						      font:bold 14px arial, verdana, sans-serif;
						      overflow:hidden;
						      background: url(../images/rutah2.png) no-repeat right 0px; }

				div.rutatext { float:right;
						    display:block;
						    width:270px;
						    margin:0px 0px 0px 0px;
						    padding:10px 15px;
						    color:#7d6335;
						    font:bold 14px arial, verdana, sans-serif;
						    background: #f1eddd; }							

			div.qtip { display:block;
					   width:300px;
					   margin:0px 10px 0px 0px !important;
					   padding:0px 0px !important;
					   background: #f1eddd; }
			div.qtip-red { display:block;
					   width:300px;
					   margin:0px 0px 0px 0px !important;
					   padding:0px 0px !important;
					   background: #f1eddd; }
					   
			div.qtip-wrapper { display:block;
					   width:300px;
					   margin:0px 0px 0px 0px !important;
					   padding:0px 0px !important;
					   background: #f1eddd; }
			qtip-contentWrapper	   { margin:0px 0px 0px 0px !important;
			 					     padding:0px 0px !important; }
			qtip-content { margin:0px 0px 0px 0px !important;
					       padding:0px 0px !important; }
				div.qtip img { float:left;
							   padding:0px 10px 10px 10px;
							   width:132px;
							   height:150px;  }
				div.qtip p { padding:10px;  }
					   
					   	div.qtip h2 { float:right;
									  display:block;
									  width:270px;
									  height:13px;
									  margin:0px 0px 10px 0px;
									  padding:6px 15px;
									  color:#fff;
									  font:bold 14px arial, verdana, sans-serif;
									  overflow:hidden;
									  background: url(../images/rutah2.png) no-repeat right 0px; }


			div#rel ul { clear:both;
				     margin:10px 0px 0px 10px;
				     padding:20px 0px 0px 0px; }

				div#rel li { clear:both;
					     margin:0px 0px 15px 0px;
					     padding:0px;
					     display:block;
					     padding:0px 0px 0px 15px;
					     background: url(../images/pil2.png) no-repeat 0px 3px}

				div#rel a { font: 12px arial, verdana, sans-serif;
					    border-bottom:1px solid #d2d2d2; }

				div#rel a:hover { text-decoration:none;
					  	  border-bottom:1px solid #000;  }

	div#submenu { float:left;
				   display:block;
				   width:198px;
				   margin:0px 0px 0px 3px;
				   padding:0px 0px 0px 0px;
				   background: url(../images/submenubg.png) no-repeat 0px 0px; }

	div#rightcol { float:left;
		       display:block;
		       width:285px;
		       margin:0px 0px 0px 0px;
		       padding:0px 0px 0px 3px;
		       background: url(../images/rightbg.png) no-repeat 0px 0px; }


	
		div.news2	{ float:left;
					  display:block;
					  width:360px;
					  margin:0px 20px 0px 0px;
					  padding:0px 0px 0px 0px; }

	
		div.news2 ul	{ margin:0px;
				  padding:10px 0px 0px 0px; }

		div.news2 li	{ margin:0px 0px 0px 0px;
				  padding:0px 0px 28px 0px; }

		div.puff2	{ float:left;
					  display:block;
					  width:270px;
					  height:80px;
					  margin:0px 0px 9px 0px;
					  padding:0px 0px 0px 10px;
					  position:relative;
					  z-index:900;
					  cursor:pointer; }
	
			div.puff2margin	{ margin:0px 0px 9px 0px;}

			div.puff2 h2	{ float:left;
							  display:block;
							  width:248px;
							  height:20px;
							  margin:5px 0px 0px 0px;
							  padding:0px;
							  color:#3c3c3c;
							  font:bold 14px arial, verdana, sans-serif; }


			div.puff2 div.pufftext	{ padding:0px 15px 0px 0px;}
			
			div.puffover2	{ background: #fff url(../images/puffbg.png) no-repeat right top; }	


	
	div.tellafriend{  width:306px;
		     		  height:262px;
			    	  margin:0px 4px;
			    	  display:block;
			    	  margin:20px auto;
					  padding:10px;
					  font-size:11px;
					  background:#fff;
			 		  background: url(../images/formbg.png) no-repeat 0px 0px; }
					  
		div.tellafriend h1 { color:#9c7a38; }	
							 
		div.tellafriend p {  display:block;
							 margin:0px 0px 5px 0px;
							 font-size:11px;
							 color:#9c7a38; }	
							 
		div.tellafriend a { font-size:11px;
							 color:#9c7a38; }	
													
		.textfieldtellfriend  { width:115px;
								margin:0px 0px 5px 5px;
								padding:3px;
								color:#9c7a38;
								border:1px solid #c5a769;
								background:#fff;		}	

								
		.btnfieldtellfriend {	float:right;
								margin:0px 0px 0px 20px;
								padding:2px 5px;
								color:#fff;
								font-weight:bold;
								border:none;
								background:#c5a769; }																  


.medarb a {border:none; }


/* ------------------------------------------------
	image slider
-------------------------------------------------*/

/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 947px;
	height: 263px;
	margin:0px;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 947px;
	height: 263px; }
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 237px;
	height: 226px;
}


/* ------------------------------------------------
	coda slider
-------------------------------------------------*/
#slider {
    width: 666px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 332px;
    width: 666px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    padding: 0px;
    height: 332px;
    width: 666px;
}

.scrollButtons {
    position: absolute;
    top: 271px;
    cursor: pointer;
	z-index:1000;
	width:43px;
	height:61px;
}

.scrollButtons.left {
    left: 0px;
}

.scrollButtons.right {
    left: 43px;
}

.hide {
    display: none;
}

	.slideimg { position:relative;
				display:block;
				width:666px;
				height:332px;
				z-index:900; }
	
		.slideimg img { position:absolute;
					 	top:0px;
						left:0px;
						display:block;
						width:666px;
						height:332px;
						z-index:920; }
	
		.slideimgtext { position:absolute;
						bottom:0px;
						right:0px;
						display:block;
						width:580px;
						height:61px;
						padding:0px 0px 0px 86px;
						z-index:1100;
			 		    background: url(../images/slideimgtextbg.png); }
						
			.slideimgtext blockquote { display: table;
									  height: 61px;
									  font-size:12px;line-height:12px;
									  border:none;
									  font-weight:normal;
									  line-height:22px !important;
									 *display: block;
									 *position: relative; }			 
						
	 			.slideimgtext blockquote span { display: table-cell;
										       vertical-align: middle;
										       line-height:22px !important;
										      *display: block;
										      *position: absolute;
										      *left: 0px;
										      *width: 100%;
										      *top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2); }
										   
					.slideimgtext blockquote span span { display: inline;
													    vertical-align: baseline;
													    position: relative;
													    width: auto;
													    left: auto;
													    top:auto; }		
						
			.slideimgtext p { padding:0px 27px;
							  color:#fff;
							  font:14px Arial, Helvetica, sans-serif; }



/* ------------------------------------------------
	produktsidor
-------------------------------------------------*/

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

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

	#footer p { padding:0px 0px 10px 0px; 
				text-align:center;
				color:#414141; 
				font:14px/18px arial, verdana, sans-serif;}

	#footer a { color:#414141;
		   	    border:none;  }
	#footer a:hover { text-decoration:underline;  }

	#footer p.p2 { color:#acacac; }

	#footer p.p2 a {color:#acacac;  }
	#footer p.p2 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:300px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 300px;
}

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

* html .hojd2 {
	height: 384px;
}


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

}