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

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

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

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

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

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

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




h1 	{ font: 24px Helvetica, Arial, Verdana, sans-serif;
	  color: #8e774d;	
	  margin-bottom: 15px;	}

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

h3 	{ font-weight:bold;	}

a 	{ color: #606060;
	  text-decoration: none;
	  border-bottom:1px solid #c01500;	}

a:hover { text-decoration:underline;	}

img	{ border: 0px solid; 	}

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


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

	div.form { width:440px;
			   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;
				 padding:0px 2px; }
			
	.formfield { float:left;
				 width:115px;
				 margin:0px 10px 10px 0px;
				 padding:3px;
				 color:#c5a769;
				 border:1px solid #c5a769;
				 background:#fff;		}	
			
	.formbox { float:left;
			   width:115px;
			   height:50px;
			   margin:0px 10px 0px 0px;
			   padding:3px;
			   color:#c5a769;
			   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:987px;
		  height:122px;
		  background: url(../images/headerbg.png) no-repeat top left;
		  margin:0px 0px 0px 0px;
		  padding:0px;	}

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

		div#logo a	{ border:none; }

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

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

			div#kontakt p { float:left;
					display:block;
					padding:4px 0px 0px 0px;
					color:#cecece;
					font: 11px Arial, Verdana, sans-serif; }

			div#kontakt p span.big { color:#353535;
						 font: bold 18px Arial, Verdana, sans-serif; }

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

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


/* ------------------------------------------------
	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 10px;
    	  			padding:0 0 0 18px;
					background:url('../images/leftnav.png') no-repeat left top; }

	div#menu li.active span { float:left;
	      					  display:block;
							  width:100%;
							  height:50px;
							  position:relative;
							  z-index:1300;
		      				  color:#fff;
							  font: 14px Arial, Verdana, sans-serif;
							  margin:-15px -18px 0px -18px;
							  padding:15px 18px 0px 18px;
							  background:url('../images/menubgover.png') no-repeat left top; }

	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 18px 30px 0px;
    	  			text-decoration:none;
      				color:#a2a2a2;
					font: 14px Arial, Verdana, sans-serif;
					border:none;
					position:relative;
      				background: url('../images/rightnav.png') no-repeat right top; }

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

    /* Commented Backslash Hack
       hides rule from IE5-Mac \*/
	div#menu a {float:none;}
    /* End IE5-Mac hack */
	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: 14px 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{	font-weight:bold;
								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: 12px Arial, Verdana, sans-serif;
	      				      background:url('../images/pil2.png') no-repeat 0px 2px; }
	
/* ------------------------------------------------
	main content
-------------------------------------------------*/

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

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

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

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

	div#content	{ float:left;
				  display:block;
				  width:936px;
				  margin:-27px 0px 0px 0px;
				  padding:0px 0px 27px 11px;
				  position:relative;
				  z-index:600;
				  background: url(../images/contentbottombg.png) no-repeat 0px bottom; }

	div#content2	{ float:left;
					  display:block;
					  width:946px;
					  margin:0px 0px 0px 0px;
					  padding:12px 0px 0px 0px;
					  position:relative;
					  z-index:620; }

	div#content3	{ float:left;
					  display:block;
					  width:936px;
					  margin:0px 0px 0px 0px;
					  padding:12px 0px 20px 0px;
					  position:relative;
					  z-index:640;
					  background: url(../images/bottombg.png) no-repeat 0px bottom; }
	
		div#mainleft	{ float:left;
						  display:block;
						  width:251px;
						  height:396px;
						  margin:0px 9px 0px 0px;
						  padding:0px 50px;
						  background: url(../images/mainleftbg.png) no-repeat left top; }

  	   		div#mainleft blockquote { display: table;
									  width:251px;
									  height: 396px;
									  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: #454545;	
								  margin-bottom: 15px;	}


			div#mainleft p		{ line-height:22px !important;
								  color: #909090;	
							      font: 14px Arial, Verdana, sans-serif;
								  margin-bottom: 15px;	}

			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#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:362px;
					  margin:0px 9px 0px 0px;
					  padding:20px 0px 0px 0px;
					  background: url(../images/newsbg.png) no-repeat 0px 0px; }

	
		div.news ul	{ margin:0px;
					  padding:10px 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	{ line-height:18px !important;
								  color:#481510;
								  font: 20px arial, verdana, sans-serif; }

				li.archive div.newsdate p	{ padding:0px 0px 0px 0px;
											  color:#aeaeae; }
		
				div.newsdate p span.datenr	{ color:#fff;
											  font: 20px arial, verdana, sans-serif; }

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

				div.newstext p	{ line-height:20px !important;
								  color:#b12714;
								  font: 12px arial, verdana, sans-serif; }
				div.newstext a	{ line-height:20px !important;
								  display:inline;
								  color:#161616;
								  font: 12px 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; }

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

		div.puff	{ float:left;
					  display:block;
					  width:278px;
					  height:202px;
					  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; }

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

			div.pufftext a	{ color:#8a7454	;
					  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:259px;
					  margin:-39px 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:-39px 0px 0px 11px;
					   padding:0px 0px 0px 0px;
					   position:relative;
					   z-index:675; }


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

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


		div#mainpage { float:left;
				       display:block;
			    	   width:424px;
				       margin:0px 0px 0px 0px;
				       padding:40px 30px; }


			div#mainpage p.ingress { font-weight:bold; }
			
			div#mainpage h1 span.h1red	{ font: 24px Arial, Verdana, sans-serif;
								  		  color: #ca2100;	}
	
			div#mainpage a:hover { text-decoration:none;
								   border-bottom:1px solid #606060;}

		div#maintext { float:left;
				       display:block;
				       width:370px;
			    	   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:left;
			  display:block;
			  width:182px;
			  margin:0px 0px 0px 0px;
			  padding:0px;
			  background: url(../images/relbg.png) no-repeat right 0px; }


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


				div.relperson img { float:right;
						    display:block;
						    width:132px;
						    height:150px;
						    margin:23px 0px 0px 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;
						   color:#fff;
						   font:bold 14px arial, verdana, sans-serif;
						   overflow:hidden;
						   background: url(../images/relpersonh2.png) no-repeat right 0px; }

				div.relpersontext { float:right;
						    display:block;
						    width:152px;
						    margin:0px 0px 0px 0px;
						    padding:10px 15px;
						    color:#7d6335;
						    font:bold 14px arial, verdana, sans-serif;
						    background: #f1eddd; }
							
							
							
			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; }

/* ------------------------------------------------
	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:926px;
	  height:94px;	
	  background: url(../images/footerbg.png) no-repeat top left;
	  padding:20px 0px 0px 20px;
	  margin:0px 0px 30px 0px;	}

	#footer p { text-align:center;
		    font:14px arial, verdana, sans-serif;
		    color:#6b5324; 
		    line-height:18px !important;
		    padding:0px 0px 10px 0px; }

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

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

	#footer p.p2 a {color:#d6bf8a;  }
	#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;

}