body {
	background: #f7f4d1;
	padding: 0px;
	margin: 0px;
	font: 16px "Century gothic", Georgia, "Times New Roman", Times, serif ;
}

html {
    overflow-y: scroll;
}

a{
	color: #7B9491;
	text-decoration: none;
	border-bottom: 1px dotted;
}

a:hover{
	color: #4C756F;
}

a:active {
  outline: none;
}

img{
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#main_container{
	width: 940px;
	margin-left: auto;
	margin-right: auto;
}

#banner_tall{
	background: url(../images/page_top_tall.jpg) no-repeat;
	height: 232px;
}

#banner_short{
	background: url(../images/page_top_short.jpg) no-repeat;
	height: 154px;
}


#menu{
	height: 50px;
	padding-top: 5px;
	text-align: center;
}

#adminMenuContainer{
	width: 100%;
	background: #87a09c;
	padding: 5px 0px;
	height: 55px;
	margin-bottom: 10px;
	text-align: left;
}

#navigation, #adminMenu {
	list-style: none;
}

#navigation li, #adminMenu li {
	text-align: center;
	float: left;
	margin-left: 15px;
}

#adminMenu a {
	font-weight: bold;
	font-size: 17px;
	color: #fcfad9	;
	text-decoration: none;
	border: 0px;
}

#adminMenu a:hover {
	color: #49716b;
	border-bottom: 1px dotted #49716b;
}


#navigation a * {
	display: none;
}

#navigation a,
#navigation a .hover {
	height: 17px;
	position: relative;
	display: block;
	border: 0px;
}

/* individual navigation items */
	#navigation a.startsida {
		background: url(../images/meny/startsida.png) 0 0 no-repeat;
		width: 111px;
	}
	
	#navigation .highlight a.startsida:hover,
	#navigation a.startsida .hover {
	  background-position: 0 -19px;
	  width: 111px;
	}
	
	#navigation a.foretaget {
		background: url(../images/meny/foretaget.png) 0 0 no-repeat;
		width: 123px;
		margin-top: -4px;
		height: 19px;
	}
	
	#navigation .highlight a.foretaget:hover,
	#navigation a.foretaget .hover {
	  background-position: 0 -19px;
	  width: 123px;
	}
	
	#navigation a.vandringsresor {
		background: url(../images/meny/vandringsresor.png) 0 0 no-repeat;
		width: 192px;
	}
	
	#navigation .highlight a.vandringsresor:hover,
	#navigation a.vandringsresor .hover {
	  background-position: 0 -19px;
	  width: 192px;
	}
	
	#navigation a.vinresor {
		background: url(../images/meny/vinresor.png) 0 0 no-repeat;
		width: 106px;
	}
	
	#navigation .highlight a.vinresor:hover,
	#navigation a.vinresor .hover {
	  background-position: 0 -19px;
	  width: 106px;
	}

	#navigation a.vinvandring {
		background: url(../images/meny/vinvandring.png) 0 0 no-repeat;
		width: 150px;
	}
	
	#navigation .highlight a.vinvandring:hover,
	#navigation a.vinvandring .hover {
	  background-position: 0 -19px;
	  width: 150px;
	}
	
	#navigation a.bilder {
		background: url(../images/meny/bilder.png) 0 0 no-repeat;
		width: 73px;
	}
	
	#navigation .highlight a.bilder:hover,
	#navigation a.bilder .hover {
	  background-position: 0 -19px;
	  width: 73px;
	}
	
	#navigation a.kontakt {
		background: url(../images/meny/kontakt.png) 0 0 no-repeat;
		width: 98px;
	}
	
	#navigation .highlight a.kontakt:hover,
	#navigation a.kontakt .hover {
	  background-position: 0 -19px;
	  width: 98px;
	}

#content{
}

.platta{
	float: left;
	color: #fcfad9;
}

#platta_gron{
	background: url(../images/platta_gron.jpg);
	width: 319px;
	padding: 20px 20px 20px 60px;
}

#platta_bla{
	background: url(../images/platta_bla.jpg);
	width: 461px;
	padding: 20px 60px 20px 20px;
}

#platta_ljusgron{
	background: url(../images/platta_ljusgron.jpg);
	width: 820px;
	padding: 20px 60px 20px 60px;
	clear: both;
	color: #fcfad9;
}

.pilknapp{
	float: right;
}

.nerladdningsknapp{
	width: 321px;
	height: 93px;
}

.nerladdningsknapp a, .platta a{
	border: 0px;
}

#fileQueue {
	width: 400px;
	height: 400px;
	overflow: auto;
	border: 1px solid #E5E5E5;
	background: #f3f3f3;
	margin-bottom: 10px;
}

#footer{
	clear: both;
	text-align: center;
	padding: 27px 0px;
}

.clear{
	clear: both;
}

input, select{
	background: #fbf9ef;
	border: 1px solid #4e3e34;
	color: #4e3e34;
	font: 16px "Century gothic", Georgia, "Times New Roman", Times, serif ;
	font-weight: bold;
	height: 25px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

h1{
	font: 23px "Century gothic", Georgia, "Times New Roman", Times, serif ;
	font-weight: normal;
	margin: 20px 0px;
	padding:0px;
	line-height: 100%;
	color: #f7f4d1;
}

h2{
	font: 16px "Century gothic", Georgia, "Times New Roman", Times, serif ;
	font-weight: normal;
	margin: 0px;
	padding:0px;
	line-height: 100%;
	color: #f7f4d1;
}

h3{
	font: 23px "Century gothic", Georgia, "Times New Roman", Times, serif ;
	font-weight: normal;
	margin: 0px 0px;
	padding:0px;
	line-height: 100%;
	color: #2e3522;
}

.page_title{
	height: 117px;
	padding: 20px 60px 20px 60px;
}

.page_title.gron{
	background: url(../images/sidtitel_bkgr_gron.jpg) no-repeat;
}

.page_title.bla{
	background: url(../images/sidtitel_bkgr_bla.jpg) no-repeat;
}

.page_title.ljusgron{
	background: url(../images/sidtitel_bkgr_ljusgron.jpg) no-repeat;
}

.page_title.morkbla{
	background: url(../images/sidtitel_bkgr_morkbla.jpg) no-repeat;
}

.sidrubrik_med_prickar{
	margin-top: -10px;
}

#resebeskrivning{
	float: left;
	color: #2e3522;
	width: 319px;
	padding: 20px 20px 20px 60px;
	font-size: 18px;
	font-weight: bolder;
}

#resebeskrivning_vanster{
	float: left;
	color: #2e3522;
	width: 400px;
	padding: 20px 10px 20px 60px;
	font-size: 18px;
	font-weight: bolder;
}

#resebeskrivning_hoger{
	float: left;
	color: #2e3522;
	width: 399px;
	padding: 20px 60px 20px 10px;
	font-size: 18px;
	font-weight: bolder;
}

#bild_brevid_resebeskrivning{
	float: left;
	width: 461px;
	padding: 40px 60px 0px 20px;
	vertical-align: middle;
}

#liggandeReportageBild{
	width:100%;
	text-align: center;
}

#liggandeReportageBild img{
	margin: 30px 60px 0px 60px;
}

div#shadows {    
	width: auto; 
	margin: auto; 
	position: relative;
/*     -moz-transform: rotate(1deg);  
       -o-transform: rotate(1deg);  
  -webkit-transform: rotate(1deg);  
      -ms-transform: rotate(1deg);  
          transform: rotate(1deg);  
             filter:  progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',  
                      M11=0.9998476951563913, M12=-0.01745240643728351, M21=0.01745240643728351, M22=0.9998476951563913); 
         -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9998476951563913, M12=-0.01745240643728351, M21=0.01745240643728351, M22=0.9998476951563913,sizingMethod='auto expand')"; 
	 zoom: 1;
*/
}  

bild_med_ram_och_skugga {
	background: #f7f4d1;
	border: 10px #fbfaf3 solid;
	text-align: center;     
	display: block;
}

bild_med_ram_och_skugga:before, bild_med_ram_och_skugga:after {
	-webkit-box-shadow: 0 15px 10px rgba(0,0,0, .3);   
	-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.3);	    
	box-shadow: 0 15px 10px rgba(0, 0, 0, 0.3);	
	position: absolute; 
	bottom: 15px; 
	z-index: -1; 
	width: 50%; 
	height: 20%; 
	content: "";       
	background: rgba(0, 0, 0, 0.3); 
}

bild_med_ram_och_skugga:after {                      
	-webkit-transform: rotate(3deg);    
	-moz-transform: rotate(3deg);   
	-o-transform: rotate(3deg);
	right: 10px; 
	left: auto;
}

bild_med_ram_och_skugga:before {                 
	-webkit-transform: rotate(-3deg);   
	-moz-transform: rotate(-3deg);  
	-o-transform: rotate(-3deg);
	right: auto;
	left: 10px; 
}		


#resevillkor{
	float: left;
	color: #2e3522;
	width: 399px;
	padding: 20px 0px 20px 60px;
	font-size: 14px;
}
	
#brodtext_under_bild{
	float: left;
	color: #2e3522;
	width: 400px;
	padding: 20px 60px 20px 20px;
}

#thumbs_container{
	margin: 20px 60px;
	width: 819px;
	text-align: left;
}

.thumb_container{
	position: relative;
	border: 10px solid #fff;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	margin: 20px 33px 0px 0px;
	float: left;
}

.thumb_image{
	width: 150px;
	height: 112px;
	overflow: hidden;
}

#deleteImageIcon{
	background: url(../images/delete.png) no-repeat center;
	display: none;
	width: 200px;
	height: 200px; 
	z-index: 999;
	position: absolute;
	cursor: pointer;
}


#contactContainer{
	background: url(../images/kuvert.png) #6D6D62 top left no-repeat;
	font: 17px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #545455;
	padding: 0px;
	margin: 0px;
	width: 871px;
	height: 512px;
	overflow: hidden;
}

a{
	color: #344e78;
}
	
#kontakt_adress{
	margin: 163px 0px 0px 55px;
	width: 283px;
	float: left;
}

#kontakt_form_field{
	float: left;
	margin: 163px 0px 0px 5px;
	width: 405px;
}
	
.obligatoriskt{
	color: #9c4e57;
}

input{
	background: url(../images/input/text.png) no-repeat;
	height: 33px;
	width: 395px;
	border: 0px;
	padding: 0px 5px;
	font: 17px Georgia, "Times New Roman", Times, serif;
	color: #545455;
	margin-top: 5px;
	margin-bottom: 5px;
	outline:none;
}
	
textarea{
	background: url(../images/input/textarea.png) no-repeat;
	height: 117px;
	width: 395px;
	border: 0px;
	padding: 3px 5px;
	font: 17px Georgia, "Times New Roman", Times, serif;
	color: #545455;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow: auto;
	resize: none;	
	outline:none;
}

.button{
	background:none ;
	border: solid 1px #9c4e57;
	color: #9c4e57;
	font-style: italic;
	width: 80px;
	float: right;
}