@charset "utf-8";

/* CSS Document */

* {
  padding: 0;
  margin: 0;
}

html {
	height:100%;
}

body { /* Hele siden */
	width:100%;
	height:100%;
	background-color: #E2DFD6;
	background-image: url(../layout/frameshadow.png); /* tidligere blev side border indsat her */
	background-position:center;
	background-repeat: repeat-y; /*	 */
}

#wrapper { /* Indeholder masterhead, content og footer */
	min-height:100%;
	max-width: 950px;
	margin: 0 auto;
	position:relative;
}


/* Masterhead
-------------------------------------------------------------- */
#masterhead { /* Hele headerens indhold */
	background-color: #D99311;
	background-image:url(../layout/header-foto.jpg);
	background-repeat:no-repeat;
	background-position:right top;

}

#sidenavn {
	height:120px;
	margin-left:10px;
	background-image:url(../layout/header-tekst.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

#sprog {
	height: 20px;
	text-align:right;
	background-color:#FFFFFF;
	padding: 10px;
}
	
.flag {
	border: 0;
	margin-left:8px;
}


h1.logo a {
	display:block;
	overflow:hidden;
	height:90px;
	width:500px;
	text-indent:-10000px;
}

#navbar {
	height:3em;
	background-image:url(../layout/navbar.gif);
	background-repeat:repeat-x;
	font-size: 1.3em;
}

/* Mainnav-hovedmenu  (indeholdt i navbar)
-------------------------------------------------------------- */

#mainnav {
	width:57em; /*fås ved at lægge menupunkter og mellemrum sammen*/
	margin: 0 auto; /*centrerer hele menuen*/
}

#mainnav ul {
	list-style: none;
	padding: 0;
	padding-top:0.5em;
	margin: 0px 0 0 0;
} 

#mainnav li {
	float: left;
	margin-left:0.2em; /*mellemrum mellem menuer*/
	margin-right:0.2em; /*mellemrum mellem menuer*/
} 

#mainnav li a {
	float: left;
	display: block;
	height: 2em; 
	line-height: 2em; /*denne skal være samme som højden for at teksten står centreret i højden*/
	width: 9em;
	text-decoration: none; /*fjerner understregningen på linket*/
	text-align: center;
}

#mainnav li a:link, #mainnav li a:visited {
	background-color:#07221d;   /*mørk baggrund 07221d*/
	color:#FFFFFF;  /*lys gul  ECF238*/
}

#mainnav li a:hover {
	background-color:#ECF238;
	color:#07221d;
	font-weight:bold;
}

#mainnav li a:active {
	background-color:#FFFFFF;
	color:#07221d;
}

#mainnav #current {
	background-color:#FFFFFF;
	color:#07221d;
}

#mainnav #current a {
	background-color:#FFFFFF;
	color:#07221d;
}


/* Content 
-------------------------------------------------------------- */
#content { /* Indhold */
	padding-bottom:40px; /* giver plads til footer og 20 ekstra til padding */
	padding-top:0px;
	padding-left:40px;
	padding-right:40px; 
}




/* Footer 
-------------------------------------------------------------- */
#footer {
	background-color: #558C3B;
	height:20px;
	width:100%;
	position:fixed; /* sæt til absolute, hvis den skal følge med ned af */
	max-width:910px; /* slettes hvis absolute */
	bottom:0;
	padding: 10px 20px;
	font-size:1.2em;
}



/* Clear 
-------------------------------------------------------------- */
.clearboth {
	clear:both;
}


/* Float 
-------------------------------------------------------------- */
.floatleft {
	float:left;
}

.floatright {
	float:right;
}


/* Pictures 
-------------------------------------------------------------- */
.pictureleft {
	float:left;
	margin-right:50px;
	margin-bottom:20px;
	border: 1px solid #558C3B;
}

.pictureright {
	float: right;
	margin-left:50px;
	margin-bottom:20px;
}

.picturenomargin {
	float: left;
	margin-bottom:20px;
}

.picturekaskade {
	float: left;
	margin-right:90px;
	margin-bottom:20px;
}


/* Popup Pictures 
-------------------------------------------------------------- */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
	position: relative;
	z-index: 0;
}

.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
	position:absolute;
	background-color: lightyellow;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	bottom:-100px;
	left: 60px; /*position where enlarged image should offset horizontally */
}