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

/*hide-site-divs: sidebar */

body {
	background-color:#eeede7;
	background-image: url('/cgi-bin/WebObjects/foretag.woa/wa/image?id=eklundshof_bg_loop.jpg&key=css.eklundshof');
	background-repeat: repeat-x;
	
	margin: 0;
	padding: 0;
}


/* Wraps everything but body and the admin menu (in case of loged in.*/
#wrap_admin {
}

#outer_content_td td {
	text-align: left;
	margin: 0;
	padding: 0;
}

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

#wrap {
	position: relative;
	margin: auto;
	width: 704px;

}


* html #header {height: 1%;} /* for IE/Win */
*>html #header {he\ight: auto;} /* for IE5/Mac */

/* The default header div. 
   The div id can be changed by the user. */
#header {
	position: static;
	background: none;
	width: 704px;
	margin: 0;
	margin-top: 8px;
	padding: 0;

}

#header h1 {
	display: block;
	margin: 0;
}

#header a img {
	display: block;
	border: none;	
}

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

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

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

.horizontal ul li ul li {
	margin: 0;
	padding: 0;
}

/* The default menu div contained in the header div.
   The div id can be changed by the user. */
#menu { 
	position: static;

	display: block;
	height: 29px;
	
	text-align: center; 
	
	margin: 0;
	margin-top: 5px;
	padding: 0;

}

#menu ul {
	display: block;
	width: 704px;
	height: 25px;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 10.5pt;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #c6c4b9;
	
}

#menu ul li {
	float: left;
	width: auto;
}

* html #menu ul li {
	width: 1px;
	white-space: nowrap;
}

#menu ul li a {
	display: block;

	padding: 5px 10px 0;

	height: 20px;
	color: white;
	text-shadow: #848277 -1px -1px -1px;

	border: none;
}

#menu .first {
	margin-left: 35px;
}

* html #menu .first {
	margin-left: 20px;
}

#menu .last {
	border-right: 0;
}

#menu a:hover, #menu a.current, #menu a.current_group {
background-color: #666666;
}

#menu a.current, #menu a.current_group {
}

#menu a:hover {
	
}

/* The default sidebar div.
   The div id can be changed by the user. */
#sidebar {
	float: right;
	
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11pt;

	background-color: #c6c4b9;	

	width: 254px;
	height: 598px;
	
	margin: 3px 0;
	padding: 0;
}

#sidebar p {
	margin: 0;
	padding: 0;
	text-align: center;
}

/* The default subMenu div contained in the sidebar div.
   The div id can be changed by the user. */
#submenu {
	display: block;
	width: 254px;
}

.vertical {
	/*font:11px Verdana,Arial,Helvetica,sans-serif;*/
	font-size: 0.8em;
}

.horizontal {
	/*font: 12px Verdana,Arial,Helvetica,sans-serif;*/
	font-size: 0.9em;
}

#submenu ul {
	margin: 0;
}

#submenu ul li {
	margin: 0;
	padding: 0;
	border:none;
}

#submenu ul li a {
	display: block;

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;

	color: #eeeeee;
	background-color: #a5a39b;

	padding: 8px 0 8px 12px;
	text-decoration: none;
	border-bottom: 1px solid #c6c4b9;
	margin: 0;
	/*background: #ffffff url('viktoria_img/lank_sid_bg.jpg');*/
}

#submenu ul li a.group, #submenu ul li a.current_group { 
	background-image: url('/cgi-bin/WebObjects/foretag.woa/wa/image?id=eklundshof_group.gif&key=css.eklundshof');
	background-repeat: no-repeat;
	background-position: 4px 12px;
}

#submenu ul li a.current_group { 
	background-image: url('/cgi-bin/WebObjects/foretag.woa/wa/image?id=eklundshof_current_group.gif&key=css.eklundshof');
}

#submenu ul li ul li a.group, #submenu ul li ul li a.current_group  {
	background-position: 4px 8px;	
}


#submenu ul li ul li a {
	margin:0;
	padding: 4px 0 4px 16px;

	text-indent: 15px;
	
}

#submenu ul li a:hover, #submenu ul li a.current, #submenu ul li a.current_group { 
	background-color: #777571;
	
}

#submenu ul li ul a:hover, #submesnu ul li ul a.current { 
	background-color: #777571;
}

/*Den valda aktiva länken*/
#submenu a.current { 
}

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

}

/* Wraps the page specific content. */
#splash_content {
}

#splash_content a {
}

/* Wraps the page specific content. */
#content {

	float: left;
	color: white;
	background-color: #a5a39b;	
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	line-height: auto;
	width: 445px;
	height: 300px;
	margin: 3px 0;
	padding: 0;
	overflow-y: auto;
	overflow-x: hidden;
	margin-top: 301px;
}

.edit_mode #content {
	width: 700px !important;
	height: 500px;
	margin-top: 0;
}


#content p {
	margin: 0;
	padding: 5px;
	clear: both;
}

#content a {
	border:none;
}

#content a:link, #content a:active {
	color: white;

}

#content a:visited {
	color: #c0c0c0;
}

#content a:hover {
	color: #e0e0e0;
}

#content address {
	padding: 10px 25px 10px 20px;
	margin: 0;
	
	background-position: 0px 0px;
	font-style: italic;
	font-size: 0.9em;
	vertical-align: center;
	color: #757575;
	clear: both;
}

#content h1, #content h2, #content h3  {
	margin: 0;
	padding: 5px;
}

#content h1 {
	font-size: 1em;
}

#content h2 {
	font-size: 1em;
}

#content h3 {
	font-size: 1em;
}

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

#content img {

}

#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 {
	clear: both;
	display: block;
	width: 704px;
	
	color: #646257;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 9pt;
	font-weight: bold;

	text-align: center;
	text-transform: uppercase;
	
	margin: 0;
	padding: 5px 0;
	
	background-color: transparent;

}

#footer a {
	text-decoration: underline;
}

#footer a:link, #footer a:active {
	color: #4a8797;
	text-decoration: underline;
}

#footer a:visited {
	color: #2a6777;
}

#footer a:hover {
	color: #0a2737;
}

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

/* The login link. */
#login {
	position: absolute;
	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;
}

.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: telefonlista, tabell1*/
/*div-public-classes: bgbild, erbjudande*/


.telefonlista {
}

.telefonlista td {
	padding: 0.5em 0.6em!important;
    vertical-align: top;
	border-bottom: 0.1em solid silver;
    white-space: nowrap;
}

.telefonlista .odd {
	background-color: lightgray;
}

.erbjudande {
	float: left;
	width: 249px;
	height: 295px;
	padding: 5px;
	background-repeat: no-repeat;
	color: #555555;
	font-size: 1.1em;
	
	
}

#content .erbjudande a {
	color: #606060;
	text-decoration: underline;
}

#content .erbjudande a:link, .erbjudande a:active {
	color: #707070;
	text-decoration: underline;
}

#content .erbjudande a:visited {
	color: #808080;
}

#content .erbjudande a:hover {
	color: #909090;
}

.erbjudande img {
	border: none;
}



#content table.tabell1 tr td {
	font-size: 1em;
	text-align: right;
	color: #4a8797;
	border-bottom: 1px solid #4a8797;
	padding-bottom: 1px;
}

#content table.tabell1 tr.row1 td, #content table.tabell1 tr .col1 {
	color: #595441;
	font-weight: bold;
	text-align: left;
}

#content table.tabell1 tr .col1 {
	border-right: 2px solid #4a8797;
	padding-bottom: 0px;

}

#content table.tabell1 tr.row1 td {
	border-bottom: 2px solid #4a8797;
	padding-bottom: 2px;
}

#form_div form {
	padding: 5px;
}

#form_div input, #form_div textarea {
	margin: 2px;
	background-color: #f8f8f8;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
}

.bgbild img{
	
	display: block;
	position: absolute;
	top: 95px;
	left: 0px;
		/*left:242px\9;
	*left:390px;
	_left:274px;*/
	width: 445px;
	z-index: 100000;
	
}

.bgbild{
	border: none;
	
}

.loggedin .bgbild img {
	margin-top: 60px;
	position: inherit;
}

.edit_mode .bgbild {
	position: inherit;
}

#HeaderImage {
	display: none;
	position: absolute;
	top: 100px;
	width: 445px;
	height: 290px;
	background-repeat: no-repeat;
	background-color: transparent;
	z-index: -500;
}


#content .image_gallery p {
	display: none;
}

#content .image_gallery .gallery_view {
	float: left;
	display: block;
	width: 445px;
	height: 290px;
}

#content .image_gallery .thumb_nail_view {
	display: block;
	background-color: #c6c4b9;
	padding: 10px 5px;
	margin: 0;
	margin-top: 4px;
	clear: both;
	padding-left: 2em;
}

* html #content .image_gallery .thumb_nail_view {
	height: 1px;
}

#content .image_gallery .thumb_nail_view table td {
	margin: 0;
	padding: 0;
	text-align: center;
}

#content .image_gallery .thumb_nail_view table td img {
	border: 2px solid white;
}