/* ------------------------------------------------
	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; }
p {margin:0px 0px 10px 0px;}
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; }
strong { font-weight: bold; }
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: #4f4f4f;
	  font: 11px  Verdana, Arial,  sans-serif;
	  background: #c8d3c1;
	  margin:0px;
	  padding:0px;	}

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


h1 	{ font: 14px verdana, arial, sans-serif;
	  color: #96021e;	
	  margin-bottom: 15px;
	  font-weight: normal;	}

	h1 a	{ font: 14px verdana, arial, sans-serif;
		  color: #96021e;	
		  margin-bottom: 15px;
		  font-weight: normal;	}

h2 	{ font: 12px verdana, arial, sans-serif;
	  color: #96021e;	
	  margin-bottom: 15px;
	  font-weight: normal;	}

	h2 a	{ font: 12px verdana, arial, sans-serif;
		  color: #96021e;	
		  margin-bottom: 15px;
		  font-weight: normal;	}

h3 	{ font: 11px verdana, arial, sans-serif;
	  color: #96021e;	
	  margin-bottom: 0px;
	  font-weight: normal;	}

	h3 a	{ font: 11px verdana, arial, sans-serif;
		  color: #96021e;	
		  margin-bottom: 15px;
		  font-weight: normal;	}

h4 	{ font: 10px verdana, arial, sans-serif;
	  color: #96021e;	
	  margin-bottom: 15px;
	  font-weight: normal;	}

	h4 a	{ font: 10px verdana, arial, sans-serif;
		  color: #96021e;	
		  margin-bottom: 15px;
		  font-weight: normal;	}

a 	{ color: #606060;
	  font-weight:bold;	}
a:visited 	{ color: #606060;
			  font-weight:bold;	}
a:active 	{ color: #606060;
			  font-weight:bold;	}

a:hover { text-decoration: underline;	}


img	{ border: 0px solid; 	}

div.form	{ display:block;
		  margin:0px;
		  padding:1px;
		  background: #fff;
		  border:1px solid #dddde3;	}

div.form h1	{ display:block;
		  background:#eaeee7;
		  padding:5px 10px;
		  color:#020000;	}

div.form p	{ display:block;
		  padding:0px 10px;	}


.textfield { background:#e9e9e9;
	     border:1px solid #e9e9e9;
	     padding:3px;
	     width:155px; }

.btn { background: #dfe5db;
       border:none;
       padding:4px;
       margin:3px 0px 0px 0px;
       float:right;
       display:block; }

.btn2 { background: #dfe5db;
        border:none;
        padding:4px;
	float:left;
        margin:-2px 0px 0px 5px;
        display:block; }

div#container	{ margin:0px auto 0px auto;
		  width:840px;}

/* ------------------------------------------------
	header
-------------------------------------------------*/

div#header	{ width:840px;
		  height:42px;
		  background: url(../images/headerbg.jpg) no-repeat top left;
		  margin:0px;	}

	div#logo	{ float:left;
			 	  width:152px;
				  margin:0px 0px 0px 0px;
				  padding:0px 0px 0px 38px;
				  background:#fff;	}


	div#adress	{ float:right;
			  width:240px;
			  text-align:right;
			  margin:67px 0px 0px 0px;
			  padding:0px 79px 0px 0px;	}

	div#adress p	{ font:11px verdana, arial, sans-serif;
			  line-height:18px;
			  color:#606060;	}

	.bigtext	{ font:bold 16px arial,verdana;
			  line-height:18px;
			  color:#fff;	}

	div#logomenu	{ width:777px;
					  display:block;
					  margin:0px 0px 0px 32px;
					  background: #fff;}

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

		div#menu	{ width:540px;
					  display:block;
					  float:left;
					  margin:0px 0px 0px 0px;
					  padding:0px 0px 0px 0px;
					  border-bottom:1px solid #dddde3;
					  text-align:center; }

		div#menu ul	{ margin:0px auto;
		 		  	  padding:0px 40px;
		 		   	  font-size:11px;
				   	  position:relative; 	}
	
		div#menu li	{ float: left;
					  color:#dddde3;
					  padding:7px 0px; }

		div#menu a	{ color:#000000;
					  font:10px verdana, arial, sans-serif;
					  padding:0px 12px;
					  margin:0px; }

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


		div#submenu	{ width:155px;
					  display:block;
					  margin:20px 0px 0px 0px; }

		div#submenu ul	{  width:155px;
						   margin:0px;
				 		   padding:0px 0px;
				 		   font-size:11px;
						   border-bottom:1px solid #dddde3;	}
	
		div#submenu li	{ color:#dddde3;
						  border-top:1px solid #dddde3;
						  padding:2px 0px 2px 0px;
						  display:block; }

		div#submenu a	{ display:block;
						  color:#000000;
						  font:bold 10px verdana, arial, sans-serif;
						  padding:8px 0px 8px 15px;
						  width:140px;
						  background:#fff; }

		div#submenu li.active a { background:#dfe5db; }

		div#submenu li.active ul li a{ background:none; }
		
		div#submenu li.active ul li.active a{ background:#dfe5db; }	
		div#submenu li.active ul li a:hover { background:#dfe5db; }				

		div#submenu li ul { border:none;
				 		    border-top:1px solid #dddde3;
							margin:2px 0px 0px 0px; }

		div#submenu li li  { border:none;
							 margin:0px 0px 0px 0px; }

		div#submenu li li a { font-size:10px;
						      font:normal 10px verdana, arial, sans-serif;
						      background:none;	
						      padding:8px 0px 8px 25px;
							  width:130px;
							  margin:0px; }

		div#submenu li li a.active	{ background:#dfe5db;
				 				      font:normal 10px verdana, arial, sans-serif; }

		div#submenu a:hover	{ background:#dfe5db;
							  text-decoration:none; }
	


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



	div#main	{ width:810px;
			  display:block;
			  float:left;
			  padding:0px 0px 0px 30px;
			  background: url(../images/bg.jpg) repeat-y;	}


	div#leftcontent	{ float:left;
			  display:block;
			  padding:0px 0px 0px 30px;	}

	

	div#rightcontent { float:left;
			   width:600px;
			   min-height:540px;
			   display:block;
			   padding:0px 0px 0px 0px;	}

		div.padding { padding:16px 110px 20px 30px; 
					 min-height:540px;}

		div#maintext { float:left;
			       width:292px;
			       display:block;
			       padding:16px 30px 20px 30px;
			       color: #4f4f4f;	}

		div#maintext p { color: #4f4f4f; }

		div#mainleft { float:left;
			     	   width:202px;
				       display:block;
				       padding:20px 0px 40px 16px;
				       color:#000;	}

		div#mainleft a { color:#000;	}

			div.leftpufftop { width:176px;
							  height:11px;
					          display:block;
					          padding:0px 0px 0px 0px;
							  margin:0px;
							  background: url(../images/lefttop.jpg) no-repeat left top;	}


			div.leftpuff { width:146px;
				       display:block;
				       padding:0px 15px;
				       background: url(../images/leftbg.jpg) repeat-y;
				       margin:0px;	}

				div.leftpuff p { line-height:17px;
						 padding:0px 10px;
						 color:#75758e;	
						 margin:0px;	}
	
			div.leftpuffbottom { width:176px;
					     height:11px;
				             display:block;
				             padding:0px 0px 0px 0px;
					     background: url(../images/leftbottom.jpg) no-repeat left top;	}


		div#kontakt { padding:20px 60px 20px 0px; 	}
		div#kontakt p { font-size:10px; 
				color:#000;	}
		div#kontakt h3 {  margin-bottom: 15px;}				
				
	 

		div#puffar { clear:both;
			  		 width:560px;
				     display:block;
				     padding:0px 0px 0px 30px;	}

			div.puff{ float:left;
				  width:140px;
				  display:block;
				  padding:0px 30px 0px 0px;	}

				div.puff h2 { margin:10px 0px 10px 0px;	}

				div.pufftext a { font-weight:normal; }
				div.pufftext a img { margin:0px 0px -1px 0px; }


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


	div#maintextpage { float:left;
		     	   	   width:302px;					   
					   display:block;
					   padding:0px 30px 20px 30px;
					   margin:20px -10px 0px 0px;
					   border-right:1px solid #dddde3;
					   color: #4f4f4f; }
					   
		div#maintextpage h1 { margin:-1px 0px 15px 0px; }					   

		div#submenu2 { display:block;
			       padding:10px 0px;	}

		ul#rellinks { margin:0px 0px 10px 0px;	}

		ul#rellinks li { background: url(../images/pil.png) no-repeat 0px 11px;
				     font-weight:normal;
				     padding:8px 15px;	}

		ul#rellinks li a { font-weight:normal; }

		ul#rellinks li.active { background: url(../images/pilaktiv.png) no-repeat 0px 11px;
					padding:8px 15px;	}

		ul#rellinks li.active a { font-weight:bold; }



		div#submenu2 { display:block;
			      padding:10px 0px;	}

		div#submenu2 ul li	{ padding:8px 0px;	}

		div#submenu2 ul a	{ font:11px verdana, arial, sans-serif;	}

	div#maintextpage2 { float:left;
		     	   width:402px;
			   display:block;
			   padding:16px 30px 20px 30px;
			   color: #4f4f4f; }	

	div#rosie { clear:both;
 	     	    width:550px;
		 	    display:block;
			    padding:0px;
			    color: #4f4f4f;
				margin:0px -20px 0px 0px; }
				
	div#jannice { clear:both;
 	     	    width:550px;
		 	    display:block;
			    padding:0px;
			    color: #4f4f4f;
				margin:0px -20px 0px 0px;  }					

	span.small { font-size:10px; }	
	a.patlink { font-weight:normal; }	
	
	
	div#maintextpage .bmitop { width:334px;					   
							   height:28px;
							   display:block;
							   margin:20px 0px 0px 0px;
							   background: url(../images/bmitop.png) no-repeat 0px 0px; }

	div#maintextpage .bmibg { width:334px;
							  display:block;
							  padding:20px 10px 10px 10px;
							  background: url(../images/bmibg.png) repeat-y; }	
							  
	div#maintextpage .bmibottom { width:334px;					   
							      height:16px;
							      display:block;
								  margin:0px 0px 20px 0px;
							      background: url(../images/bmibottom.png) no-repeat 0px 0px; }							  						   

	span.bmileft { display:block;
				   float:left;
				   width:180px; }
				   
	span.bmiright { display:block;
				   float:left;
				   width:150px; }				   
					
	span.bmilabel { display:block;
					float:left;
					width:65px;
				    padding:3px;
					margin:0px 0px 0px 0px; }

	span.bmilabel2 { float:left;
					 display:block;
					 padding:3px 3px 3px 0px; }					
				
	.bmitext { float:left;
			   background: #f2f8eb;
			   border:1px solid #dcdce2;
			   width:50px;
			   padding:3px;
			   margin:0px 5px 5px 0px; }	
			   
	#result { height:25px; } 

	.bmibutton { background: #f2f8eb;
			     border:none;
				 padding:5px 10px;
				 font-weight:bold; }	   
/* ------------------------------------------------
	formulär
-------------------------------------------------*/

	div#formular	{ width:690px;
			  display:block;
			  padding:0px 0px 30px 0px;
			  background: #fff;
			  margin:0px auto;	}

	div#formular h1 {font: 16px verdana, arial, sans-serif; }


	div#formlogo	{ float:left;
			  width:160px;
			  margin:20px 0px 0px 0px;
			  padding:0px 0px 0px 30px;
			  background:#fff;	}

	div#form	{ float:left;
			  width:451px;
			  margin:20px 0px 5px 22px;
			  background: #fff;
			  border-bottom:1px solid #dddde3; }

	div#form1	{ float:left;
			 	  width:180px;
				  display:block;
				  padding:10px 0px 0px 20px;
				  background: #fff;	}

	div#form2	{ float:left;
				  width:165px;
				  display:block;
				  padding:10px 0px 0px 60px;
				  background: #fff;	}

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

	div#formtext	{ clear:both;
					  width:640px;
					  display:block;
					  padding:10px 0px 30px 30px;
					  background: #fff;	}

	div#text1	{ float:left;
			  width:320px;
			  display:block;
			  padding:0px 20px 0px 0px;
			  background: #fff;	}

	div#text2	{ float:left;
			  width:300px;
			  display:block;
			  padding:0px 0px;
			  background: #fff;	}

	div#formruta	{ width:625px;
			  display:block;
			  margin:0px 0px 0px 30px;
			  padding:1px;
			  background: #fff;
			  border:1px solid #dddde3;	}


		div#steg	{ width:625px;
				  display:block;
				  margin:0px;
				  padding:0px 0px 0px 0px;
				  text-align:center; }

		div#steg ul	{  width:625px;
				   padding:0px 0px;
		 		   font-size:11px;
				   position:relative; 	}
	
		div#steg li	{ float:left;
				  background:#eaeee7 url(../images/stegdivider.png) no-repeat right 8px;
				  color:#dddde3;
				  width:125px;
				  padding:5px 0px; 
				  display:block;
				  text-align:center; }

		div#steg li.last{ background:#eaeee7 ; }

		div#steg a	{ color:#8e8e8e;
				  font:12px verdana, arial, sans-serif;
				  padding:0px;
				  margin:0px; cursor:default}

		div#steg li.active a	{ color:#000; }
		div#steg a:hover	{ text-decoration:none; }

	div#formsteg, div.formsteg	{ clear:both;
			  width:590px;
			  display:block;
			  margin:0px 0px 0px 29px;
			  padding:31px 1px 1px 1px;
			  background: #fff;	}



		.formtext { background:#f5f7f3;
			 	    border:1px solid #dddde3;
				    padding:2px;
				    margin:-4px 0px 0px 0px;	}

		.tillbakabtn { float:left;
			       background: #fff;
			       border:none;
			       color:#000;
			       width:80px;
			       height:20px;
			       text-align:center;
			       padding:8px 0px 0px 0px;
			       display:block;	
			       font-weight:normal;	}

		.nastabtn { float:right;
			    background: #dfe5db;
			    border:none;
			    color:#000;
			    width:80px;
			    height:20px;
			    text-align:center;
			    padding:8px 0px 0px 0px;
			    display:block;
			    font-weight:normal;	}

		.skickabtn { float:right;
			    background: #dfe5db;
			    border:none;
			    width:80px;
			    height:20px;
			    text-align:center;
			    padding:8px 0px 0px 0px;
			    display:block;
			    font-weight:normal;
			    text-transform:uppercase;
			    color:#96021e;	}

		.stangbtn { float:right;
			    background: #dfe5db;
			    border:none;
			    color:#000;
			    width:80px;
			    height:20px;
			    text-align:center;
			    padding:8px 0px 0px 0px;
			    display:block;
			    font-weight:normal;	}

		.qbreak { clear:both;
			  padding:15px 0px;
			  display:block;	}
		.rbreak { clear:both;
			  padding:4px 10px;
			  display:block;	}

			.rbreak input{ margin:3px 0px -3px 0px;	}


		.rbreak2 { float:left;
			   width:125px;
			   padding:4px 0px;
			   display:block;	}

			.rbreak2 input{ margin:3px 0px -3px 0px;	}

		.rbreak3 { float:left;
			   width:70px;
			   padding:4px 0px;
			   display:block;	}

			.rbreak3 input{ margin:3px 0px -3px 0px;	}

		.break { float:right;
			 width:200px;
			 margin:0px 0px 20px 0px; }

/* ------------------------------------------------
	steg1
-------------------------------------------------*/

	div#formleft2	{ float:left;
			  width:285px;
			  display:block;
			  margin:0px 0px 0px 0px;
			  padding:0px;	}

		span.q4	{ float:left;
			  width:50px;
			  display:block;
			  margin:0px;
			  padding:0px;	}

		span.q5	{ float:left;
			  width:90px;
			  display:block;
			  margin:0px;
			  padding:0px;	}


		span.q6	{ float:left;
			  width:120px;
			  display:block;
			  margin:0px;
			  padding:0px;	}
			  
		span.q7	{ float:left;
			  width:180px;
			  display:block;
			  margin:0px;
			  padding:0px;	}			  

		span.red{ color:#a4243c;	}


	div#formright2	{ float:left;
			  width:285px;
			  display:block;
			  margin:0px 0px 0px 20px;
			  padding:0px;	}

		span.gender{ float:left;
			     width:50px;
			     text-align:center;
			     display:block;
			     margin:-8px 0px 0px 0px;
			     padding:0px;	}
/* ------------------------------------------------
	steg2
-------------------------------------------------*/

		div#formleft, .formleft	{ float:left;
				  width:320px;
				  display:block;
				  margin:0px 0px 0px 0px;
				  padding:0px 20px 0px 0px;
				  border-right:1px solid #dfe5db;	}

		span.q1	{ float:left;
			  width:120px;
			  display:block;
			  margin:0px;
			  padding:0px;	}

		span.q2	{ float:left;
			  width:160px;
			  display:block;
			  margin:0px;
			  padding:0px;	}


		div#formright,div.formright	{ float:left;
				  width:220px;
				  display:block;
				  margin:0px 0px 0px 0px;
				  padding:0px 0px 0px 15px;	}

		span.q3	{ float:left;
			 	  width:22px;
				  display:block;
				  margin:0px;
				  padding:4px 2px 0px 5px;	}


/* ------------------------------------------------
	steg 3
-------------------------------------------------*/


		span.q7	{ float:left;
			  width:168px;
			  display:block;
			  margin:0px;
			  padding:0px;	}


/* ------------------------------------------------
	steg 4
-------------------------------------------------*/


		div#formleft3	{ float:left;
				  width:230px;
				  display:block;
				  margin:0px 0px 0px 0px;
				  padding:0px 20px 0px 0px;
				  border-right:1px solid #dfe5db;	}

		div#formright3	{ float:left;
				  width:320px;
				  display:block;
				  margin:0px 0px 0px 0px;
				  padding:0px 0px 0px 15px;	}


		span.overater { display:block;
				width:190px;
				float:left;
				margin:4px 0px 0px 2px;
				line-height:14px;	}

		span.slutaata { display:block;
				width:35px;
				float:left;
				margin:0px 0px 0px 5px;	}

		span.hetsater { display:block;
				width:190px;
				float:left;
				margin:4px 0px 0px 2px;
				line-height:14px;	}

/* ------------------------------------------------
	sök
-------------------------------------------------*/
.padding .sok a { font-weight:normal;
				  text-decoration:none;
				  border-bottom:1px solid #000;
				  font: 11px Verdana, Arial,  sans-serif;	}
		 
.right { font-size:10px;
	 float:right; }

.searchresult { display:block;
		margin:10px 0px 30px 0px; }

.searchresult a { font-weight:normal;
		 		  text-decoration:underline; }
.searchresult a strong { font-weight:bold;
				  text-decoration:underline; }

.searchresult { display:block;	
		clear:both; }

	.pilbak { float:left;
		  display:block;	
		  width:20px;
		  text-align:center;  }

		.pilbak a { font-size:15px;
			    color:#96021e;
			    font-weight:normal; }

	.pages { float:left;
		 display:block;	
		 width:380px;
		 text-align:center; }

		.pages a { color:#96021e;
			   text-decoration:underline;
			   font-weight:normal; }

	.pilfram { float:left;
		  display:block;	
		  width:20px; }

		.pilfram a { font-size:15px;
			     color:#96021e;
			     font-weight:normal;
		 	     text-align:center;  }

/* ------------------------------------------------
	sök
-------------------------------------------------*/

#galleryimg { display:block;
	     	  width:505px;
		      height:380px;
			  margin:0px -20px 0px 0px;
			  text-align:center}

	/*#galleryimg img { width:505px;
		          height:380px; }*/

.gallerybrowse { display:block;
	      padding:0px 0px 0px 145px; }

	.gallerypilbak { float:left;
		  display:block;	
		  width:20px;
		  text-align:center;  }

		.gallerypilbak a { font-size:20px;
			    color:#96021e;
			    font-weight:normal; }

	.gallerypages { float:left;
		 	display:block;	
			width:180px;
			text-align:center; 
			padding:8px 0px 0px 0px; }

		.gallerypages a { color:#96021e;
			   text-decoration:underline;
			   font-weight:normal; }

	.gallerypilfram { float:left;
		  display:block;	
		  width:20px;
		  text-align:center; }

		.gallerypilfram a { font-size:20px;
			     color:#96021e;
			     font-weight:normal; }
/* ------------------------------------------------
	footer
-------------------------------------------------*/

div#footer	{ position:relative;
		  z-index:1;	
		  width:810px;
		  height:100px;
		  margin:0px 0px 0px 0px;
		  padding:0px 0px 0px 0px;
		  display:block;
		  background: url(../images/footerbg.jpg) no-repeat top left; 	}
		
	div#footer p.footer {	margin:0px 0px 0px 65px;
				color:#afacae;
				line-height:18px;
				padding:0px 0px 0px 20px;
				font:10px verdana, arial, sans-serif;	}	
	
	p.footerhr { margin:0px 0px 0px 55px; 
		     padding:0px 0px 0px 0px;}

	div#footer a {	color:#b1b6ba;	}



/* ------------------------------------------------
	misc
-------------------------------------------------*/

div#rosie { margin:0px;
			padding:0px; }
	div#rosie table { margin:0px;
					  padding:0px; }
					  
	div#maintextrosie { float:left;
		     	   	   width:292px;
					   display:block;
					   padding:0px 30px 20px 0px;
					   margin:16px 0px 0px 0px;
					   border-right:1px solid #dddde3;
					   color: #4f4f4f; }
					   
div#jannice { margin:0px;
			  padding:0px; }
	div#jannice table { margin:0px;
					  padding:0px; }

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

* html .hojd {
	height: 360px;
}