/*@import url('http://freia.timeoff.se/~fredrik/webpages/structure.css');*/


/*hide-site-divs:  footer, form, Border, start_image*/


#content a img {
	border: none;
}

body {
	background: url('/cgi-bin/WebObjects/foretag.woa/wa/image?id=villaanna3_bg3.jpg&key=css.villaanna3') 0px -50px repeat-x;	
}
/* Wraps everything but body and the admin menu (in case of loged in.*/
#wrap_admin {
}

/* Wraps the user definable content. */
#wrap, #wrap td {
	/*font: 14px LucidaGrande, Lucida, Helvetica, Arial, sans-serif;*/
	font: 14px Arial, sans-serif;
}

a {
	color: #4c201d;
	text-decoration: none;
}

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

#wrap {
	position: relative;
	margin: 6.5em auto 0 auto;
	width: 992px;
	border: 1px solid #a4a4a4;
	border-top: 2px solid #b3ada2;
	border-bottom: 13px solid #762123;
	background: white url('/cgi-bin/WebObjects/foretag.woa/wa/image?id=villaanna3_greyline.jpg&key=css.villaanna3') repeat-y 224px 0;
	-moz-box-shadow: 10px 10px 10px rgba(0,0,0,.5);
	-webkit-box-shadow: 7px 7px 10px  rgba(0,0,0,.5);
	box-shadow: 0 0px 10px rgba(0,0,0,.5);
	min-height: 347px;
	-height: 319px;
}

/* The default header div. 
   The div id can be changed by the user. */
#header {
	width: 100%;
	text-align: center;
	clear: none;
}

#header a {
	text-decoration: none; 
}

#header p {
	margin: 0;
	padding: 0;
	
}

#header p img{
	margin: 0;
	padding: 0;
	margin-top: 0em;
	float: left;
	display: inline;
	
	
	}
	
#header a img {

	border: none;
}

.horizontal ul {
	display:inline;
	margin-left: 0px;
	padding-left: 0px;
}

.horizontal ul li {
    	display:inline;
	padding-left: 0px;
	padding-right:0px;
	padding-bottom: 5px;
    	margin:0;
}

.horizontal ul li ul {
    	display:inline;
	margin-left: 0px;
	padding-left: 0px;
}

.horizontal ul li ul li {
    	margin:0;
	
	padding-left: 0px;
	padding-bottom: 5px;
}

/* The default menu div contained in the header div.
   The div id can be changed by the user. */
#menu { 
	text-align: center;
	display: none;
}

#menu a {
	border: none;

}

#menu a:hover, #menu a.current, #menu a.current_group { 

}

#menu a:hover {

}

/* The default sidebar div.
   The div id can be changed by the user. */
#sidebar {
	height: 100%;
	width: 223px;
	margin-top: 2em;
	float:left;
	display:block;
	*display:inline;
}

#sidebar p {
	margin: 0;
	padding: 0;
	
}

#sidebar p a img {
	margin: 0;
	padding: 0;
	margin-left: 1.4em;
	*margin-left:1em;
	border: none;

	
}

/* The default subMenu div contained in the sidebar div.
   The div id can be changed by the user. */
#submenu {
	text-align: left;
	
	
}

.edit_mode #submenu ul li ul{
	display: none;	
	
}

#submenu ul {
	list-style: none;	
		z-index: 4000;
	
	
}

.vertical a {
	text-decoration: none;
	
}

.vertical a:hover {
	
}

#submenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	
	
}

#submenu ul ul {
	
	
}

#submenu ul ul a {
	
	
}

.vertical {
	font:10px Arial,Helvetica,sans-serif;
}

.horizontal {
	font: 12px Arial,Helvetica,sans-serif;
}

#submenu a {
	text-transform: uppercase;
	background-color: #c9c6bf;
	display: block;
	color: black;
	font-size: 11px;
	padding-left: 3em;
	padding-top: 2px;
	padding-bottom: 1px;
	width: 190px;
}

#submenu a.current, #submenu a.current_group { 
	
	font-weight: bold;
	color: #60191c;
	border: none;
	text-decoration: none;
	
	
	
}

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


#submenu a.group { 
	
}

#submenu a.current_group { 


}

#submenu a.current { 

}

#submenu ul li ul li a  {
		width: 110px;
		padding-left: 0em;
		padding-bottom: 3px;
		padding-top: 3px;
		*padding-top: 2px;
		border: none;
		color: #2a0b0c;
		
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
#submenu ul li ul li a  {
		padding-top: 2px;

		
}
}

#submenu ul li ul li a.current  {
		
		color: white;
		text-shadow: rgba(0, 0, 0, 0.691406) 0px 1px 1px;
}

#submenu ul li ul li  {
	
		padding-left: 2em;
		border: none;
		
		
}
/*____________________________________________________________________________________________________*/

#submenu li {
	position : relative;
	
	
}

#submenu li a {
	display : block;
	
	
}

#submenu ul li ul li {
	border-bottom: 2px solid ;
		border-color: #cfcdc7;

}



#submenu li ul {
		position : absolute;
		background-color:#c9c6bf;
		background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(201,198,191,0.9)), to(rgba(201,198,191,0))) padding-box;
		background: -moz-linear-gradient(0deg, rgba(201,198,191,0.9), rgba(201,198,191,0));
		text-shadow: rgba(255, 255, 255, 0.691406) 0px 1px 1px;
		z-index: 4000;
	
}

#submenu li ul a {
		background-color: transparent;
		z-index: 4000;
}

#submenu li ul ul {
		left: -999em;
		top: 31px;
		z-index: 4000;
}

#submenu ul { /* first-level lists */
	z-index: 4000;
			

	
}


#submenu ul li ul { /* second-level lists */
	z-index: 4000;
	margin-left: 223px;
	padding-top: 0em;
	padding-bottom: 0em;
	margin-top: -19px;
border-left: 2px solid white;
	
	
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
#submenu ul li ul { /* second-level lists */

	margin-top: -17px;


	
	
}
}

#submenu ul li { /* second-level lists */
	z-index: 4000;
	border-bottom: 2px solid white;
	
	
}

#submenu ul li .i1 { /* second-level lists */
	border-top: 2px solid ;
	border-color: #cfcdc7;
}



#submenu ul li ul li ul { /* third-level lists */
	margin-left: 90px;
	padding: 0;
	
	
	
}

#submenu ul li ul { /* first-level lists items */

}
	
#submenu li ul li a  { /* second-level lists items */
	margin-right: 0;
	padding: 6px 3px 6px 16px;
	font-size: 9px;
	font-weight: bold;
	width: 153px;
	
	
}

	#submenu li:hover ul, #submenu li li:hover ul, #submenu li li li:hover ul, #submenu li.over ul, #submenu li li.over ul, #submenu li li li.over ul {  /*lists nested under hovered list items*/ 
		left: auto;
	}
	

 /*Vertical pop-up menu 

	#user_nav, #user_nav ul {  all lists 
		list-style: none;	
		z-index: 4000;
		
	}
	
	#user_nav li {  all list items 
		position : relative;
		
	}

	#user_nav li ul {  second-level lists 
		position : absolute;
		left: -999em;
		background-color:#c9c6bf;
		background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(201,198,191,0.7)), to(rgba(201,198,191,0))) padding-box;
		background: -moz-linear-gradient(0deg, rgba(201,198,191,0.7), rgba(201,198,191,0));
		text-shadow: rgba(255, 255, 255, 0.691406) 0px 1px 1px;
	}
	
#user_nav li ul a{  second-level lists 
		background-color: transparent;
	}
	
	#user_nav li ul ul {  third-and-above-level lists 
		left: -999em;
		top: 31px;
	}
	
	#user_nav li a {
		display : block;
	}
	
	#user_nav li a:hover {
		color : white;
		background-color : black;
	}
	
	#user_nav li:hover ul ul, #user_nav li:hover ul ul ul, #user_nav li.over ul ul, #user_nav li.over ul ul ul {
		
	}
	
	#user_nav li:hover ul, #user_nav li li:hover ul, #user_nav li li li:hover ul, #user_nav li.over ul, #user_nav li li.over ul, #user_nav li li li.over ul {  lists nested under hovered list items 
		left: auto;
	}
____________________________________________________________________________________________________*/

/* Wraps the page specific content including parts of the admin interface. */
#content_admin {

}

/* Wraps the page specific content. */
#splash_content {
	width: 31em;
	padding: 1em 1em 1em 0;
	padding-left: 2em;
	margin-left: 10em;
}

#splash_content a {
}

/* Wraps the page specific content. */


/*#content {
	border-left: 1px solid #a4a4a4;
	width: 753px;
	text-align: left;
	padding: 14px;
	min-height: 319px;
	*height: 319px;
	background-image: url('/cgi-bin/WebObjects/foretag.woa/wa/image?id=villaanna3_villa_anna_start1.jpg&key=css.villaanna3');
	float: right;
	padding-right: 0;
	margin-left: 0;
}*/

#content {
	border-left: 1px solid #a4a4a4;
	margin-left: 745px;
	*margin-left:757px;
	text-align: left;
	background-color: #ccc9b5;
	padding: 14px;
	min-height: 319px;
	-height: 319px;
	z-index: 10;
	
	
}

/*MENYCONTENT*/
/*#content {
	background: white;
border: none;
margin-left: 240px;
width: 743px;
padding:0;
}*/

.edit_mode #content {
	border-left: 2px solid #a4a4a4;
	margin-left: 268px;
	width: 600px;
	background-color: #cccab5;
	padding: 1em;
	height: 402px;
	
}

#content p {

	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 10px;
	line-height: 1.3em;
	color: #23221e;
	
}
/*MENYCONTENTP*/
/*#content p {
	font-size: 12px;
	margin-left: 170px;
	padding-top: 3.6em;

}*/

#content i {
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	color: #5a5b5e;
}

#content b {
	color: #6c612a;
	
}

#content p img {

	
}



#content address {
	
	
	/*background: url('/cgi-bin/WebObjects/foretag.woa/wa/image?id=villaanna3_quote.gif&key=css.villaanna3') no-repeat;*/
	background-position: 0px 0px;
	font-style: italic;
	font-size: 1em;
	vertical-align: center;
	color: #757575;
	clear: both;
	width: 40em;
	margin-left: auto;
	margin-right: auto;
}

#content h1, #content h2, #content h3, #content h4, #content h5 {
	font-family: Arial, sans-serif;
	text-shadow: none;
}

#content h1 {
    font-size: 1.6em;
	color: #5d2526;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;
	line-height: 1.2em;
}

.hiddenh1 {
    	display: none;
}


#content .menyrubrik {
	display: block;
}

#content .h1liten {
	display: block;
}




#content h2 {
	font-size: 1.1em;
    padding-top: 0.2em;
	color: white;
	padding-bottom: 0em;
	margin-bottom: -0.5em;
}

#content h3 {
	text-transform: uppercase;
}



#content table {
	margin-left: 0.5em;
}

#content table td {
	font-size: 0.8em;
	padding: 0.2em 0.4em;
}

/* The default footer div. 
   The div id can be changed by the user. */
#footer {
	position: absolute;
	width: 144px;
	bottom: -3px;
	
	margin-left: 2.9em;
	*left:-10px;
	font-size: 0.8em;
	margin-top: 33em;
	clear: both;
	float: left;
	
    
}

#footer p {
	margin-left: 1em;
	padding: 0;
	font-size: 0.9em;
	width: 170px;
	*text-align:left;
	
}

#footer .label {
	color: #60191c;
	font-weight: bold;
	
}



/* The login link. */
#login {
	position:fixed;
	top: 6px;
	right:2px;
	font: 10px verdana, sans-serif;
}

#login a {
	color: white;
	background-color: gray;
	text-decoration: none;
	border: 2px outset;
	margin: 0;
	padding: 0.1em;
}

#login a:hover {
	background-color: lightgray;
}

body {
	margin: 0;
	padding: 0;
}

.caption_float_left, .caption_float_right, .caption_no_float {
	font-size: 0.8em;
}

.caption_float_right {
	border: none;
}

.caption_float_left {
	border: none;
}

.img_float_right  {
	border: none;
}

.img_float_left  {
	border: none;
}

/*table-public-classes: inbjudan*/

/*h1-public-classes: floatright, floatleft, menyh1, menyrubrik, h1liten, hiddenh1*/

/*h2-public-classes: floatright, floatleft, menyh2*/

/*h3-public-classes: menyh3*/

/*p-public-classes: gray_small, kontakt, start_image, textruta, redp, kursiv_beige, sidbild, menyer, floatleft, floatright, menyp, contentbild, forstasidanp, contentbildliten, kontakttext, karta, contentbildstor, gultext, spaandbeauty, splash*/

/*div-public-classes: starttext*/

.inbjudan td {
	padding: 0.1em 0.3em;
	font-size: 1em !important;
}

.inbjudan .col1 {
	font-weight: bold !important;
}


#startmenu {
	position: absolute;
	text-align: center;
	left: 409px;
	*margin-right: 3.7em;
	margin-top: 13em;
	font-size: 0.8em;
	text-transform: uppercase;
	margin-bottom: 0;
}

#startmenu a {
	padding-left: 1.5em;
	padding-right: 1.5em;
	color: #6c6c6c;
	text-decoration: none;
}

#startmenu .first a {
	
	border-right: 1px solid gray;
	
}

#startmenu a:hover {

}

#lang {
	display: none;
}

#menuborder {
	border: 1px solid #ccc8c1;
}

.form {
	position: absolute;
	top: 76px;
	left: 460px;
	width: 200px;
	float: right;
	font-size: 0.9em;
	line-height: 1.3em;
	color: #3a3831;
}

.edit_mode .form {
	position: relative;
	top: auto;
	left: auto;
	float: none;
}


#formNamn {
	margin-bottom: -1.3em;
	border: 1px solid #dadada;
}

#formPhone {
	
	border: 1px solid #dadada;
}

#formMail {
	margin-bottom: -1.3em;
	border: 1px solid #dadada;
}

#formMessage {
	margin-bottom: -1em;
	border: 1px solid #dadada;
}

.inskjutet {
	margin-left: 4.3em;
}

.floatleft {
	float: left;
	width: 200px;
	margin-bottom: 0.3em;
}

.floatright {
	float: right;
	width: 200px;
	margin-bottom: 0.3em;
	
}

.labelField label {
	text-align: nowrap;
}

.menyh1{
	text-align: center;
	width: 100%;
	background: #949599;
	color: #fff !important;
	font-family: "Times New Roman", Times, serif !important;
	padding-top: 0.2em;
	padding-bottom: 0.1em;
	font-size: 2em !important;
}

.menyh2{
	font-family: "Times New Roman", Times, serif !important;
	color: #555757 !important;
	font-weight: normal !important;
	font-style: normal !important;
	font-size: 1.2em !important;
	margin-top: 1.5em;
	margin-left: 70px;
}

.menyh3{
	font-family: "Times New Roman", Times, serif !important;
	color: #6c612a;
	font-weight: bold;
	font-size: 1em !important;
	margin: 0;
	padding: 0;
	margin-left: 70px;
}

.menyp{
	margin: 0;
	margin-left: 70px;
	width: 100%;
}
.menypic{
	text-align: center;
	width: 504px;
}

.contentbild img {
	position: absolute;
	top: 0px;
	left: 224px;
	background-color: #e4e2da;
	*padding-right: 1.5em;

}

.contentbild {
	
	z-index: -49;
}
.contentbildliten {
	position: absolute;
	top: -10px;
	left: 224px;
}


.edit_mode .contentbild img{
	position: inherit;
	left: 0;
	background-color: none;
	padding-right:0;
}

.edit_mode #wrap{
	background-image: none;
}

.edit_mode #content{
	background-image: none;
	float: none;
}

.loggedin #wrap{
	background-image: none;
}

.edit_mode .contentbildliten img{
	position: inherit;
	left: -200px;
	background-color: none;
	padding-right:0;
	top: 200px;
}

.loggedin .contentbild img{
	margin-top: 3em;
}

.loggedin .contentbildliten img{
	margin-top: 3em;
}

.loggedin .contentbildliten{
	margin-top: 3em;
}

.loggedin #content {
overflow: visible;
height: 100%;
background-image: none;
float: none;
}

.kontakttext {
	position: absolute;
	top: -40px;
	left: -40px;
	width: 300px;
}

.edit_mode .kontakttext {
	display: none;
}

.karta {
	display: inherit;
	position: absolute;
	top: -10px;
	left: 224px;
}

.edit_mode .karta {
	position: inherit;
	top: 4em;
	
}

.loggedin .karta {
	position: inherit;
	top: 4em;
	
}
#content h1.menyrubrik{
	margin-left: 0.3em;
	margin-top: 0.4em;
	width: 389px;
	text-align: center;
	font-family: "Times New Roman", Times, serif !important;
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	color: black !important;
	background: #e9e8e5;
	font-size: 1.2em;
	border-top: 1px solid #d9d7d3;
	border-color: #d9d7d3;
	margin-bottom: 1.5em;
}

.form label{
	font-size: 10px;
	text-transform: uppercase;
	margin-left: 1px;
}

.form .knapp1 {
	float: right;
	margin-right: -4em;
	text-transform: uppercase;
}
.knapp1{
	background: transparent;
	border: none;
	margin: 0;
}

#lunch{
	position: absolute;
	top: -0.1em;
	left: 0;
	border-left: 1px solid #a4a4a4;
	margin-left: 745px;
	//margin-left:735px;
	margin-top: 0;
	text-align: left;
	padding-left: 14px;
	padding-top: 109px;
	width: 232px;
	*width: 242px;
	font-size: 12px !important;
	background-color: #ccc9b5;
	min-height: 238px;
	*height: 237px;
	border-bottom: 1px solid #a4a4a4;
}

/*#lunch{
	position: absolute;
	top: -1.1em;
	left: 0;
	border-left: 1px solid #a4a4a4;
	margin-left: 520px;
	//margin-left:509px;
	margin-top: 0;
	text-align: left;
	padding-left: 14px;
	padding-top: 110px;
	width: 232px;
	*width: 242px;
	font-size: 12px !important;
	background-color: #ccc9b5;
	min-height: 238px;
	*height: 237px;
	
	border-bottom: 1px solid #a4a4a4;
}*/

#lunch a{
	margin-bottom: 1em;
	color: #23221e;
	margin-top: 2em;
	padding-top: 0.5em;
	width: 100%;
	}

#lunch .last a{
	margin-bottom: 1em;
	color: #23221e;
	padding-bottom: 0.6em;
	
}

#lunch ul li{
	border-bottom: 1px dotted black;
	width: 11em;
}




#lunch ul {
	border-top: 1px dotted black;
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom: 1em;
	margin-bottom: 1em;
	width: 11em;
	
	
}

#lunch ul li {
    
	padding-left: 0px;
	padding-right:0px;
	padding-bottom: 10px;
	margin-top: 0.4em;  
	
    	
}

.starttext{
	background: rgb(255,250,255);
	background: rgba(255,250,255,0.85);
	filter:alpha(opacity=85);
	color: #a1a09c;
	font-size: 20px;
	width: 490px;
	float: right;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	position: absolute;
	right: 0;
	top: 55px;
	z-index: 1;
	border: 3px solid white;
	border-right: none;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
}

.contentbildstor{
	position: absolute;
	right: -0;
	z-index: 2;
	top: -10px;
	background-color: #989898;
	width: 768px;
}

.loggedin .contentbildstor{
	
	z-index: 1;
	top: 20px;
	

}

.loggedin .starttext{
	
	position: inherit;
}

.edit_mode .contentbildstor{
	
	position: inherit;
}

.edit_mode .starttext{
		position: inherit;

}

.in_misc, .in_misc1{
	display: none;
}

.h1liten {
    font-size: 1.1em !important;
}

#contact input{
	width: 120px;
}

.image_gallery .thumb_nail_view {

}

.gallery_view {
	position: absolute;
	top: 0px;
	left: 224px;
}


.starttext{
	background: rgb(255,250,255);
	background: rgba(255,250,255,0.85);
	filter:alpha(opacity=85);
	color: #a1a09c;
	font-size: 20px;
	width: 490px;
	float: right;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	position: absolute;
	right: 0;
	top: 55px;
	z-index: 1;
	border: 3px solid white;
	border-right: none;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
}

.contentbildstor{
	position: absolute;
	right: -0;
	z-index: 2;
	top: -10px;
	background-color: #989898;
	width: 768px;
}

.loggedin .contentbildstor{
	
	z-index: 1;
	top: 20px;
	

}

.loggedin .starttext{
	
	position: inherit;
}

.edit_mode .contentbildstor{
	
	position: inherit;
}

.edit_mode .starttext{
		position: inherit;

}

.in_misc, .in_misc1{
	display: none;
}

.h1liten {
    font-size: 1.1em !important;
}

#content hr {
	
	border-style: dotted;
	margin-right:7em;
	color: gray;

}

#contact input{
	width: 120px;
}

.image_gallery .thumb_nail_view {

}

.gallery_view {
	position: absolute;
	top: 0px;
	left: 224px;
}

.gultext{
	color: #d6be5a !important;
	border-top: 1px dotted gray;
	width: 20em;
	padding-top: 0.5em;
	margin-top: -1em;
}

.gultext b {
	font-weight: normal;
	color: black;
}

#restaurangmeny {
	
	text-align: center;
	
}

#restaurangmeny a {
	
	padding-right: 1em;
	
}




.spaandbeauty {
	position: absolute;
	top: 340px;
	left: 566px;
	text-align: center;
	display: none;
	
	
}

.spaandbeauty a {

	font-size: 0.9em;
	color: #762123 !important;
	text-decoration: underline;
}

.loggedin .gallery_view {
	position: absolute;
	top: 30px;
	left: 224px;
}

.edit_mode .gallery_view {
	position: inherit;
	top: 30px;
	left: 224px;
}

.loggedin .in_misc, .loggedin .in_misc1 {
	display: block;
}

.edit_mode .in_misc, .edit_mode .in_misc1 {
	display: block;
}

.splash  {
	position: absolute;
	top: -20px;
	left: 847px;
	width: 155px;
	height: 155px;
	z-index: 10000;
	
}

.splash a {
	font: 24px Arial, sans-serif !important;
	font-weight: bold !important;
	color: white !important;
	position: absolute;
	top: 0px;
	left: 7px;
	-moz-transform: rotate(-8deg);
	-webkit-transform: rotate(-8deg);
	text-transform: uppercase;
	z-index: 100001;	
	width: 125px;
	height: 75px;
	padding-top: 65px;
	padding-left: 10px;
	text-shadow: 0px 0px 2px rgba(0,0,0,.5);
	text-align: center;
}

.splash img {
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.7);
	-moz-border-radius: 100px;
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.7);
	-webkit-border-radius: 100px;
	box-shadow: 0px 0px 3px rgba(0,0,0,.7);
	border-radius: 100px;
}