@charset "utf-8"; /* CSS Document */

* { padding: 0; margin: 0; }

html { height:100% }

body { /* Hele siden */
	width: 100%;
	height:100%;
	background-color: #D7D9CA;
	background-image: url(img/baggrund.jpg); /* tidligere blev side border indsat her */
	background-repeat: repeat-x;
}

#wrapper-header { /* Indeholder masterhead og brødkrummer */
	max-width: 950px;
	margin: 0 auto;
	position:relative;
}
#wrapper { /* Indeholder content */
	min-height:100%;
	max-width: 960px;
	margin: 0 auto;
	position:relative;
	background: url(img/skygge-side2.png) center top; /*slukkes ved showgrid*/
}

/* Mainnav-hovedmenu
-------------------------------------------------------------- */
#mainnav { font-size: 1.1em; font-weight: bold; }
#mainnav, #mainnav ul { /* beskriver selve nav-baren */
	list-style: none;
	width:67em; /*fås ved at lægge menupunkter og mellemrum sammen*/
	padding: 0;
	margin: 0 auto; /*centrerer hele menuen*/
}
#mainnav ul { padding-top:10px;}

#mainnav a { /* beskriver link-layout i navbar og dropdown */
	display: block;
	text-align:center;
	text-decoration: none;
	height: 3em;
	line-height: 3em; /*denne skal være samme som højden for at teksten står centreret i højden*/
	min-width:9em;
}

/*#mainnav a.daddy { background: #07221d url(images/rightarrow.gif) no-repeat right center; }*/

#mainnav li {
	float: left; /* får alle lister til at floate*/ 
	margin-left:0.5em; /*mellemrum mellem menuer*/
	margin-right:0.5em; /*mellemrum mellem menuer*/
	padding: 0;
	background-color:#07221d; 
}
#mainnav li a:link, #mainnav li a:visited					 	{ color:#FFFFFF;}
#mainnav li a:hover												{ background-color:#dcb014; color:#07221d;}
#mainnav li a:active, #mainnav #current, #mainnav #current a 	{ background-color:#FFFFFF; color:#07221d;}

#mainnav li ul { /* formatering af alle dropdown*/
	position: absolute;
	left: -999em;  /* skjuler dropdownmenuen til der bliver klikket */
	height: auto;
	width:auto;
	font-weight: normal;
	margin: 0;
	padding-top:0px;
	border: solid #dcb014;
	border-width: 2px;
	z-index:100;
	}

#mainnav li li { float:none; margin:0;}
#mainnav li li a{ padding:0 2em; text-align:center;}
#mainnav li ul ul { margin: -25px 0 0 0px; padding-top:0px;} /* placerer anden dropdown*/
#mainnav li ul ul.ord { margin: -25px 0 0 -150px; }/* placerer anden dropdown - her ord og enheder*/
#mainnav li:hover ul ul, #mainnav li:hover ul ul ul, #mainnav li.sfhover ul ul, #mainnav li.sfhover ul ul ul {left: -999em;} 
#mainnav li:hover ul, #mainnav li li:hover ul, #mainnav li li li:hover ul, #mainnav li.sfhover ul, #mainnav li li.sfhover ul, #mainnav li li li.sfhover ul {left: auto; }
#mainnav li:hover, #mainnav li.sfhover {
	background: #dcb014 url(img/rightarrow.gif) no-repeat 4px center;
	color:#000000;
} /* giver baggrundsfarve på links*/

/* Masterhead
-------------------------------------------------------------- */
#masterhead { /* Hele headerens indhold */
	height:180px;
	background-image:url(img/blomst.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	border-left:#FFFFFF;
}


#sidenavn {
	clear:both; /*skal til for at resten ikke lægger sig efter menuens float*/
	float:left;
	font-family:baskerville,'palatino linotype','times new roman',serif;
	height:100px;
	color: #FFFFFF;
	font-size:4em;
	line-height:2em;
	padding-left: 20px;
	padding-right:20px;
	padding-top:20px;
	font-weight: bold;
}


/* Hererdu -------------------------------------------------------------- */
#hererdu {
	color:#07221d;
	height: 3em;
	font-size: 1.2em;
	line-height: 3em; /*denne skal være samme som højden for at teksten står centreret i højden*/
	padding-left: 20px;
	padding-right:20px;
	margin: 0 -5px;
	background:url(img/skygge-top.png) no-repeat center bottom;
}

/* Content -------------------------------------------------------------- */
#content { /* Indhold */
	padding: 40px 155px 20px 35px; /* 106 giver plads til ragna */
/*	background: url(img/skygge-side2.png) repeat-y bottom; /*slukkes ved showgrid*/
/*	margin: 0 -5px;*/
}
/* Person -------------------------------------------------------------- */
#person {
	width:100%;
	position:fixed; /* sæt til absolute, hvis den skal følge med ned af */
	max-width:950px; /* slettes hvis absolute */
	bottom:0;
}

#tony, #irene, #louisa, #ronja, #ragna {
	position:fixed; /* sæt til absolute, hvis den skal følge med ned af */
	position:absolute;
	bottom:0px;
}

#ragna {background-image:url(img/ragna.png);height:350px;width:224px;right: -110px;}
#ronja {background-image:url(img/ronja.png);height:439px;width:224px;right: -110px;}
#louisa {background-image:url(img/louisa.png);height:439px;width:224px;right: -110px;}
#irene {background-image:url(img/irene.png);height:332px;width:224px;right: -100px;}
#tony{background-image:url(img/tony.png);height:341px;width:224px;right: -112px;}

/* Footer -------------------------------------------------------------- */
#footer{ background-color:#DCB014; width:100%; bottom:0;}
#footertop{ height:10px; background-color: #102721; border-bottom: 2px solid #FAFCF7;}
#footerwrapper{	max-width:960px; margin: 0 auto; height:100%;}
#footerindhold{ background: url(img/skygge-side-footer2.png) center top; padding:0 120px 25px 25px;}
.footerbokse{ width:22%; float:left; padding-right:20px;}
#footerbottom{ height:40px; background-color:#102721; color:#FFFFFF; border-top: 2px solid #FAFCF7; }
#footerbottomindhold{ line-height:40px; padding:0 140px 25px 25px;}
#footerwrapper2{max-width:960px; margin: 0 auto; height:100%;}

/* Kontaktformular -------------------------------------------------------------- */
#form1{margin:0px; width:100%;}
.txt_input{ padding:2px; border:1px solid #CCCCCC;}
#afsender, #emne {width:98%;}
#verifikations{width:60%;}
img#verificationimage {float:right;}
#besked{width:98%; height:80px; }
textarea{height:80px;}
#wrong_code{border:1px solid #990000; background-color:#D70000; color:#FFFFFF; margin-top:6px; padding:4px; padding-left:6px;width:94%; font-size:1.1em;}
#sendbesked{margin-top:10px; display:block; border:1px solid #000000; width:100px; height:20px;padding-left:2px; padding-right:2px; padding-top:0px; padding-bottom:2px; line-height:14px; background-color:#EFEFEF;}
.usynlig{display:none;}


/* Float og clear -------------------------------------------------------------- */
.floatleft{float:left;} 
.floatright{float:right;}
.clearboth{clear:both;}

/* Billeder -------------------------------------------------------------- */
.billedecontainer img 	{border-color:#455240;border-width:2px;border-style:solid; margin-top:-2px;margin-bottom:1.5px;}
.billede1 img			{border-color:#455240;border-width:2px;border-style:solid; margin-top:-2px;margin-bottom:1.5px;}
.billedehoejre img 		{border-color:#455240;border-width:2px;border-style:solid; margin-top:-2px;margin-bottom:1.5px;}
.billedevenstre img		{border-color:#455240;border-width:2px;border-style:solid; margin-top:-2px;margin-bottom:1.5px;}

.billedecontainer { margin:0 auto; min-width:630px;}
.billedecontainer p {text-align: center; font-size:1.2em; line-height:1.666666667em; margin-bottom:2.5em; color:#455240; text-decoration:none;}

/* 1 centreret billede */
.billede1 { text-align:center; margin:20px 30px;}

/* 2 centrerede billeder */
.billede2_1 {float:left; width:50%;}
.billedecentrer2_1 { float:right; margin:4px;}
.billede2_2 {float: right; width:50%;}
.billedecentrer2_2 { float:left; margin:4px;}

/* 1 højrestillet billede */
.billedehoejre { float:right; margin:4px; text-align:center; margin:4px 4px 4px 10px;}
.billedehoejre p {text-align: center; font-size:1.2em; line-height:1.666666667em; margin-bottom:1.666666667em; color:#455240; margin:5px 0 5px; text-decoration:none;}

/* 1 venstrestillet billede */
.billedevenstre {float:left; margin:4px; text-align:center; margin:4px 10px 4px 4px;}
.billedevenstre p {text-align: center; font-size:1.2em; line-height:1.666666667em;margin-bottom:1.666666667em; color:#455240; margin:5px 0 5px; text-decoration:none;}



.picleft{margin-right:30px; margin-bottom:20px;}