/* CSS Document */

/* mac hide \*/
html,body{height:100%}
/* end hide*/
* {margin:0px;padding:0px}

html {
     overflow: -moz-scrollbars-vertical;
     overflow: scroll;
}

body {
background-color:#000000;
margin:0px;
padding:0px;
}

p {
	color:#CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.35em;
	}

h1 {color:#CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	margin-bottom:8px;
	}	

#outer {
width:950px;
background-color:#000000;
margin-left:auto;
margin-right:auto;
}

/******************************************************* */
#outer img {
/* display:block; */
border:none;
}

#rap {
width:950px;
background-color:#000000;
margin-left:auto;
margin-right:auto;
}

/******************************************************* */
#header {
width: 950px;
height:120px;
margin:0px 0px 15px 0px;
padding:0px;
background:#000000 url(../images/lamaole-header_4.jpg) no-repeat left top;
position:relative;
z-index:500;
}

/* Her med p.home laves en genial løsning. Et usynligt link er skaber et link i headeren */
#header p.home a,
#header p.home{
	display:block;
	width:130px;
	height:40px;
	position:absolute;
	left:0;
	top:0;
}
#header p.home{text-indent:-999em}
#outer #header a{cursor:hand;}

#outer #header div.object{
	position:absolute;
	top:0;
	left:0px;
	width:130px;
	height:60px;
	}

#header p a{
	text-decoration:none;
	display:block;
	width:130px;
	height:40px;
	position:absolute;
	left:0;top:0;
}

/* Header slut */

#main {
width: 925px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
background-color:#000000;
}


#content {
	width:850px;
	float:left;
	background-color:#000000;
	padding-top: 0px;
	margin-left: 15px;
	display:inline;
	/* height:700px; */
}

#content img {
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
}

#content-forside {
	width:925px;
	float:left;
	background-color:#000000;
	padding-top: 0px;
	margin-left: 0px;
	margin-bottom:25px;
	display:inline;
	/* height:700px; */
}

#content-forside img {
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
}

/* #content-forside-2 {width:925px; border:0px solid #FFFFFF; float:left;} */

#overskrift{
	margin-bottom:15px;
	}

#overskrift h3 {
	color:#999999;
	font-weight:normal;
	text-align:right;
	}

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide */

/******************************************************* */

#top {
	width:925px;
	margin: 0px 0px 12px 0px;
	height:120px;
	}

#startmenu {
	position:relative;
	top:2px;
	left:140px;
	clear:both;
	width:450px;
	}

#startmenu ul {
	list-style:none;
	margin:7px 0px 0px 0px;
	padding:0px;
	float:left;
}

#startmenu ul li {
	display:inline;
	padding: 0px 5px 0px 5px;
}

#startmenu ul li a{
	text-decoration:none;
  	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	height:10px;
	line-height:10px;
	border-left:1px solid #999999;
	padding-left: 5px;
	}

#topmenu {
 	list-style:none;
	margin:68px 0px 0px 12px;
	padding:2px 0px 7px 1px;
	height:14px;
	width:520px;
	background:url(../images/mainmenu-baggr.gif) no-repeat 0 0 ;
	}	


/* #topmenu ul{
 	list-style:none;
	margin:68px 0px 0px 0px;
	padding:0px;
	float:right;
}	

#topmenu ul li{
	display:inline;
	padding: 0px 1px 0px 2px;
	}	

#topmenu ul li a{
	text-decoration:none;
  	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	font-size:10px;
	height:10px;
	line-height:10px;
	border-left:1px solid #999999;
	padding-left: 3px;
	}

*/	
	
a:link {color:#dfae31; text-decoration:none;}
a:visited {color:#dfae31; text-decoration:none;}
a:hover{color:#ffffff; text-decoration:none; }	
a:active {color:#dfae31;}
a:focus {outline: none;}

#footer a:link {color:#cccccc; text-decoration:none;}
#footer a:visited {color:#cccccc; text-decoration:none;}
#footer a:hover{color:#cccccc; text-decoration:underline; }	
#footer a:active {color:#cccccc;}
#footer a:focus {outline: none;}




/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/photo_click.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#gallery {
	width:875px; height:700px;
	position:relative;
	border:0px solid #ddd;
	background:#000000;
	z-index:0;
	}
#gallery ul {list-style:none; padding:5px 5px 5px 0px; margin:0; width:210px; float:left; height:600x; overflow:auto;}
#gallery ul li {display:inline; width:70px; height:45px; float:left; margin:0 4px 4px 0; border:1px solid #444; cursor:pointer; overflow:hidden;}
#gallery ul li img {display:block; width:100%;}
#gallery ul li span {display:none; position:absolute; left:7px; top:235px; width:200px;font-family:verdana, arial, sans-serif; color:#06a; font-size:11px; line-height:15px; text-align:justify;}
#gallery ul li span b {color:#444;}

/* required for IE5.x and IE6 to display the start image size correctly */
#gallery ul li.click i img.default {margin:5px auto 0 auto; border:1px solid #333333;}

#gallery ul li.off {display:none;}

#gallery ul li.click {border-color:#574a1e; cursor:default; background:#000000;}

#gallery ul li.click i {position:absolute; left:200px; top:0; width:600px; height:400px;}

#gallery ul li.click i img {margin:5px auto 0 auto; width:auto; height:auto; border:1px solid #333333;}

#gallery ul li.click span {display:block;}


/* TEST MENU START */


 #navlist
{
position: relative;
width: 100%;
height: 1.05em;
margin: 0;
padding: 0;
border-bottom: 1px solid #f63;
white-space: nowrap;
}

#navlist li
{
float: left;
margin: 0 0 0 2px;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #aaa #555 #f63 #999;
list-style-type: none;
}

#navlist li a
{
position: relative;
width: 6em;
display: block;
margin: 0;
padding: 1px 0.4em;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #ccc;
background-color: #eee;
color: #666;
font: normal 0.7em/120% Verdana, Arial, Helvetica, sans-serif;
text-align: center;
text-decoration: none;
}

#navlist li a:hover
{
color: #00c;
text-decoration: underline;
}

#navlist li#active a
{
font-weight: bold;
background-color: #f63;
color: #fff;
border-color: #f96 #c30 #f63 #f96;
}

#navlist li#active a:hover { color: #fff; }

#navlist ul#subnavlist
{
position: absolute;
width: 100%;
left: 0;
top: 1.25em;
height: 0.75em;
margin: 0;
padding: 0;
border-bottom: 1px solid #f63;
white-space: nowrap;
}

#navlist ul#subnavlist li
{
width: 14ex;
margin: 0;
border: 0;
}

#navlist ul#subnavlist li a
{
width: auto;
padding: 0.06em 1em 0;
border: 0;
background-color: #fff;
color: #000;
font: normal normal 0.66em/110% Verdana, Arial, sans-serif;
}

#navlist ul#subnavlist li a:hover
{
color: #00c;
text-decoration: underline;
font-weight: 400;
/* IE5/Mac disappearing item fix */
}

#navlist ul#subnavlist li#subactive a
{
background-color: #fc9;
color: #000;
}

* html > body #navlist, * html > body #navlist ul#subnavlist
{
width: 600px;
/* IE5/Mac fixed width fix */
}
 
 /* Test menu slut */

/* Drop down menu */

body {
	font: x-small Verdana, Arial, Helvetica, sans-serif;
}
* html body{
	font-size:xx-small;
 f\ont-size:x-small;
}

ul#nav, ul#nav ul {
	margin: 0px 0px 0px 0px;
	padding: 0;
	list-style: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	z-index:300;
	position: absolute
	
	}

ul#nav li {
	position: relative;
	float: left;
	width:100px;
	
	}
	
#nav li ul {
	position: absolute;
	margin-left: -999em; /* hide menu from view */
	top: auto;
	left:0;
}

/* Styles for Menu Items */
ul#nav li a {
	display: block;
	text-decoration: none;
	color:#DFAE31;
	background:#000000 url(../images/arrow-down.gif) no-repeat left 3px;
	/* background:#000000; /* IE6 Bug */ 
	padding: 1px 5px 1px 5px;
	border: 0px solid #ccc;
	margin-bottom:-1px;
	min-height:0;
	border-left:1px solid #999999;
	}
/* commented backslash mac hiding hack \*/ 
* html ul#nav  li a {height:1%;	position:relative;}
/* end hack */ 

/* this sets all hovered lists to red */
#nav li:hover a,#nav  li.over a,
#nav li:hover li a:hover,#nav li.over li a:hover {
   color:#DFAE31;
   background-color:#333333;}

/* set dropdown to default */
#nav li:hover li a,#nav li.over li a {
   color: #fff;
   background:#333333;
}
#nav li ul li a {
	padding: 5px 5px 5px 5px;
	border-left:0px solid #ffffff!important;
	} /* Sub Menu Styles */
#nav li:hover ul,#nav li.over ul {margin-left:0; } /* show menu*/

/* Drop down menu */

#footer {width:900px; background-color:#000000; margin-top:30px; margin-bottom:10px;}

#footer p, #footer span, #footer {
	font-size:10px;
	line-height:8spx;
	text-align:center;
	color:#808080;
}

a.latest {
	color:#dfae31;
	text-decoration:none;
}
a.latest:visited {color:#dfae31;}
a.latest:hover {color:#ffffff; text-decoration:none;}
a.latest:active {color:#dfae31;}

a.new {
	background:#000 url(../images/new.gif) left 2px no-repeat;
	padding-left:35px;
}

#title {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#cccccc;
	background:#000000 url(../images/arrow-right.gif) no-repeat scroll left 2px;
	padding-left:12px;
}

#right-menu {
	float:right;
	width:200px;
	border-left: 0px solid #666666;
	padding:25px 0px 0px 0px;
	background:#000000 url(../images/menutop_latest.png) no-repeat 0px 0px ;
}

#right-menu span {
	color:#ffffff;
}

#right-menu span {
	color:#ffffff;
}

#links p#toph2 {
	color:#ffffff;
	font-size:12px;
	margin: 0px 0px 5px 0px;
	font-weight:bold;
}

#links h2 {
	color:#ffffff;
	font-size:12px;
	margin: 17px 0px 5px 0px;
}

#rightmenu-photo {
	margin-top:20px;
	/* background:#000000 url(../images/othersites-menubaggr.gif) no-repeat 0px 0px; */
	padding:0px 0px 0px 0px;
	}
	
a.photo {
	color:#6B95E0;
	/* background:#000 url(http://lamaole.dk/images/new.gif) left 2px no-repeat; */
	padding-left:15px;
	text-decoration:none;
	background:#000 url(../images/arrow-right-2.gif) left 2px no-repeat;}
	a.photo:visited {color:#6B95E0;}
	a.photo:hover {color:#ffffff; text-decoration:none;}
	a.photo:active {color:#6B95E0;}	


#rightmenu-photo, #rightmenu-photo h3, #rightmenu-photo h3 img {
	margin:0px;
	padding:0px;
	}

#rightmenu-photo dl {
	margin:0px;
	padding:0px;
	}	

#rightmenu-photo dt {
	margin:7px 0px 1px 2px;
	padding:0px;
	}
#rightmenu-photo dd {
	margin:2px 0px 1px 16px;
	padding:0px;
	}	
	
#rightmenu-photo dl dt a {
	color:#4e75b1;
	/* background:#000 url(http://lamaole.dk/images/new.gif) left 2px no-repeat; */
	font-size:11px;
	font-weight:bold;
	padding-left:13px;
	text-decoration:none;
	background:#000 url(../images/arrow-right-2.gif) left 3px no-repeat;}
#rightmenu-photo dl dt	a:visited {color:#4e75b1;}
#rightmenu-photo dl dt	a:hover {color:#ffffff; text-decoration:none;}
#rightmenu-photo dl dt	a:active {color:#4e75b1;}


#rightmenu-photo dl dd a:link {
	color:#cccccc;
	/* background:#000 url(http://lamaole.dk/images/new.gif) left 2px no-repeat; */
	text-decoration:none;
	}
	
#rightmenu-photo dl dd	a:visited {color:#cccccc;}
#rightmenu-photo dl dd	a:hover {color:#ffffff; text-decoration:none;}
#rightmenu-photo dl dd	a:active {color:#cccccc;}


#rightmenu-travel {
	margin:0px;
	padding:0px;
	margin-bottom:20px;
	}

#rightmenu-travel h3, #rightmenu-travel h3 img {
	margin:0px;
	padding:0px;

	}

#rightmenu-travel h3, #rightmenu-travel h3 img {
	color: #ffffff;
	padding:0px;
	}	
	
#rightmenu-travel dl {
	margin:0px;
	padding:0px;
	}	

#rightmenu-travel dt {
	margin:7px 0px 1px 2px;
	padding:0px;
	}
#rightmenu-travel dd {
	margin:2px 0px 1px 16px;
	padding:0px;
	}	
	
#rightmenu-travel dl dt a {
	color:#dddddd;
	/* background:#000 url(http://lamaole.dk/images/new.gif) left 2px no-repeat; */
	font-size:11px;
	font-weight:normal;
	padding-left:13px;
	text-decoration:none;
	background:#000 url(../images/arrow-right-2.gif) left 3px no-repeat;}
#rightmenu-travel dl dt	a:visited {color:#dddddd;}
#rightmenu-travel dl dt	a:hover {color:#ffffff; text-decoration:none;}
#rightmenu-travel dl dt	a:active {color:#4e75b1;}

#rightmenu-travel dl dd a:link {
	color:#cccccc;
	/* background:#000 url(http://lamaole.dk/images/new.gif) left 2px no-repeat; */
	text-decoration:none;
	}
	
#rightmenu-travel dl dd	a:visited {color:#cccccc;}
#rightmenu-travelo dl dd	a:hover {color:#ffffff; text-decoration:none;}
#rightmenu--travel dl dd	a:active {color:#cccccc;}	

/* jQuery lightBox plugin - Gallery style */
	#gallery-mahakala {
		background-color: #000000;
		padding: 0px;
		width: 680px;
		margin-top:10px;
	}
	#gallery-mahakala ul { list-style: none; background:#000000; margin:0px; padding:0px; }
	#gallery-mahakala ul li { display: inline; }
	#gallery-mahakala ul img {
		border: 1px solid #3e3e3e;
		border-width: 1px 1px 1px 1px;
	}
	#gallery-mahakala ul a:hover img {
		border: 1px solid #666;
		border-width: 1px 1px 1px 1px;
		color: #fff;
	}
	#gallery-mahakala ul a:hover { color: #fff; }

#jesrogercontainer {
	margin-top:30px;
}

#jesrogercontainer img {
	margin-bottom:0px;
}

#jesrogercontainer p {
	margin-top:4px;
}

#jesrogercontainer a.piclink:link {
	color: #FF0000!important;
	color:#cccccc;
	text-decoration:none;
}
	
#jesrogercontainer a.piclink:visited {color:#cccccc!important;}
#jesrogercontainer a.piclink:hover {color:#ffffff!important; text-decoration:none;}
#jesrogercontainer a.piclink:active {color:#cccccc!important;}

#jesrogercontainer a.piclink:link img {color:#ffffff!important; text-decoration:none; border:1px solid #333333;}
#jesrogercontainer a.piclink:visited img {color:#cccccc!important; border:1px solid #333333;}
#jesrogercontainer a.piclink:hover img {color:#ffffff!important; text-decoration:none; border:1px solid #666666;}

#jesrogercontainer a.goto:link, a.goto:visited, a.goto:active{
	color:#6B95E0;
	font-size:11px;
	font-weight:normal;
	padding-left:13px;
	text-decoration:none;
	background:#000 url(../images/arrow-right-3.gif) 2px 2px no-repeat;
	}	
#jesrogercontainer a.goto:hover {
	color:#ffffff;
	}

#jesrogercontainer a.header:link, #jesrogercontainer a.header:visited, #jesrogercontainer a.header:active{
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	/* padding-left:13px; */
	text-decoration:none;
	/* background:#000 url(../images/arrow-right-3.gif) 2px 2px no-repeat; */
	}	
#jesrogercontainer a.header:hover {
	color:#6B95E0;
	}