@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/index-baggrund.jpg); /* tidligere blev side border indsat her */
	background-repeat: repeat-x;
}
#globalcontainer{max-width: 960px;	margin: 0 auto;}
#top{height:393px;padding:0px;background: url(img/familien.png) no-repeat center bottom;}
#top a{height:100%;display:block;text-indent:-10000px; overflow:hidden;}
.tony{width:25%;}.irene{width:21%;}.louisa{width:19%;}.ronja{width:17.5%;}.ragna{width:17.5%;}
#wrapper {height:150px; background:url(img/index-skygge-side2.png) no-repeat center top;}
#bundskygge{height:10px;background:url(img/skygge-bund.png) no-repeat center top;padding:5px 10px;}
#bundskygge p{ font-size:1.1em; color:#455240;}
#bundskygge a{ text-decoration:none; color:#152524; font-weight:bold;}
/* Content -------------------------------------------------------------- */

#content {
	padding: 0px 155px 20px 35px; /* 5 til skyggen og 30 til grid */
}
/*#content {
	max-width: 770px;
	padding: 20px 35px 20px 35px; /* 5 til skyggen og 30 til grid 
	margin-right:-120px;
	width:100%;
	float:left;
}
#hoejre{
	width:115px;
	float:right;
	height:100px;
	padding-top:20px;
	margin-right:5px;
	text-align:center;
}
*/


/* Overskrift
-------------------------------------------------------------- */
#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;
	color: #07221d;
	font-size:4em;
	line-height:2em;
	padding-top: 10px;
	font-weight: bold;
	text-align:center;
	width:100%;
}


/* Mainnav-hovedmenu
-------------------------------------------------------------- */
#mainnav { font-size: 1.1em; font-weight: bold; }
#mainnav, #mainnav ul { /* beskriver selve nav-baren */
	list-style: none;
	width:51em; /*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 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;}

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