/* Reseter tags */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td 
{ margin:0; padding:0; }

html {
	background-color: #ebe8e2;
	font-family: 'Georgia';
	font-size: 12px;
	min-height: 100%;
	position: relative;
	width: 100%;
}

img { border: none; }

a { color: #000000; text-decoration: none; outline: none; }
input { outline: none; }
.center {
	margin: 0px auto;
	width: 920px;
}

.right { float: right; }

/* Index */

div#header {
	background-color: #161616;
	background-image: url(../images/headbg.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 195px; 
	width: 100%;
}

	div#header h1 {
		background-image: url(../images/logo.png);
		background-repeat: no-repeat;
		background-position: center;
		height: 128px;
		padding-bottom: 20px;
		padding-top: 20px;
		overflow: hidden;
		text-indent: -9999px;
		width: 201px;
	}
	
	div#header div#navigation {
		background-image: url(../images/navbg.png);
		background-repeat: repeat-x;
		line-height: 35px;
		font-size: 14px;
		height: 35px;
		width: 100%;
	}
	
		div#header div#navigation ul { list-style: none; }
		div#header div#navigation li { float: left; margin-right: 30px; }
		div#header div#navigation a { color: #ffffff; text-decoration: none; }

div#content {
	margin: 20px auto;
	margin-bottom: 200px;
	width: 920px;
}
	
div#footer {
	bottom: 0px;
	color: #ffffff;
	font-size: 12px;
	position: absolute;
	background-color: #272727;
	padding: 20px 0px;
	height: 150px;
	left: 0px;
	width: 100%;
}

	div#footer img { max-width: 140px; margin-left: 18px; margin-bottom: 10px; }
	
	div#footer h2 {
		font-size: 18px;
		font-weight: normal;
	}
	
	div#footer span {
		font-family: Arial;
		font-size: 10px;
		float: right;
		margin-top: 10px;
		text-align: right;
	}
		
		div#footer span img {
			margin: 0px 0px -5px;
		}
		
	div#footer p {
		width: 580px;
		float: left;
	}
	
	div#footer a { color: #ffffff; }

/* Forside */
#left {
	float: left;
	width: 590px;
}

	#left #topbox {
		background-color: #5f5f5f;
		color: #ffffff;
		font-size: 12px;
		height: 180px;
		padding: 6px;
		width: 578px;
	}
	
		#left #topbox img { float: left; max-width: 238px; }
		#left #topbox h2 { font-size: 24px; font-weight: normal; float: left; width: 320px; padding: 0px 10px; border-bottom: none; }
		#left #topbox p { float: left; padding: 10px 10px; width: 320px; }
		#left #topbox a { color: #ffffff; float: left; text-align: right; padding: 10px 0px; width: 340px; }
	
	div#left #news, div#left #leftcontent {
		background-color: #ffffff;
		padding: 10px;
		padding-bottom: 15px;
		width: 570px;
	}
	
	div#left #news div.news {
		background-image: url(../images/newslogo.png);
		background-repeat: no-repeat;
		background-position: 10px 20px;
		border-bottom: 1px solid #b4b4b4;
		padding: 10px 50px 10px 150px;
	}
	
	div#content h2 {
		border-bottom: 1px solid #838383; 
		padding: 5px 0px;
		width: 100%; 
		font-size: 18px; 
		font-weight: normal;
		margin-bottom: 10px; 
	}
	
	div#left #news h3 { font-size: 14px; line-height: 14px; }
	div#left #news small { font-size: 10px; }
	div#left #news p { color: #757575; padding: 10px 0px 20px; }
	div#left #news a { color: #919191; float: right; padding: 10px 0px; }
	
div#right {
	float: left;
	margin-left: 10px;
	width: 320px;
}	
	
	div#right div#frontarr, div#right div#frontsponsor {
		background-color: #ffffff;
		margin-bottom: 10px;
		padding: 10px;
	}
	
	/* Sponsors */
	#frontsponsor { overflow: hidden; }
	#frontsponsor li { float: left; width: 300px; }
	
		div#right div#frontsponsor ul { list-style: none; }
		div#right div#frontsponsor ul li { padding: 10px 0px; width: 300px; text-align: center; overflow: hidden; }
		
	div#frontarr .arr { 
		border-bottom: 1px solid #b4b4b4;
		padding: 5px 0px;
		float: left;
	}
	div#frontarr h3 { font-size: 14px; line-height: 14px; padding-top: 10px; }
	div#frontarr small { font-size: 10px; }
	div#frontarr p { color: #757575; padding: 10px 0px 0px; }
	div#frontarr a { float: right; padding: 10px 0px; }

/* Medarbejder */

div.medarbejder-group {
	float: left;
	margin: 10px 0px;
	width: 100%;
}

	div.medarbejder-group ul { list-style: none; margin-top: 10px; }
	div.medarbejder-group li { float: left; width: 275px; margin-right: 10px; margin-bottom: 15px; }
	
	div.medarbejder-group h3 { border-bottom: 1px solid #676767;  display: inline; }
		div.medarbejder-group li img { float: left; max-width: 130px; margin-right: 5px; }
		div.medarbejder-group li p { float: left; }

/* Kalender */
h3.EventTitel {
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 20px;
}

h4 {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}

div#changeYear {
	color: #565757;
	float: right;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

div#TimeLine {
	height: 23px;
	margin: auto;
	margin-bottom: 10px;
	margin-top: 20px;
	width: 100%;
}

div#TimeLine li {
	display: inline;
	color: #0074B4;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-left: 18px;
}

div#TimeLine a
{
	color: #000000;
}

div#TimeLine li a:hover {
	color: #565757;
	cursor: pointer;
}

div.Event {
	border-top: 1px dotted #6f6f6f;	
	padding-top: 10px;
	padding-bottom: 20px;
}

div.EventDesc {
	float: left;
	font-size: 13px;
	width: 285px;
}

div.EventInfo {
	background: #f8f8f8;
	float: right;
	padding: 30px 30px 0px 30px;
	width: 183px;
}

div.EventInfo ul.Info li {padding-bottom: 20px;}

/** Gallery **/
div#GalleryOverview { margin: 19px 0 0 0; width: 100%; }
div.GalleryItem {
	float: left;
	font-size: 12px;
	height: 230px;
	margin: 0 12px 20px 0;
	text-align: center;
	width: 183px;
}
div.GalleryItem a { color: #000000;}
div.GalleryItem a:hover { color: #000000; }
div.GalleryItem div.GalleryImg {
	border: 1px solid #666;
	margin: 0 0 5px 0;
	height: 161px;
	width: 157px;
	padding: 8px 12px 12px 12px;
}
div.GalleryItem img { max-height: 161px; max-width: 157px; }
div.GalleryItem a:hover div.GalleryImg { border: 1px solid #000000; }

/** Gallery - Show Picture **/
div#PictureNavigator {
	border-top: 1px solid #fff;
	color: #919191;
	position: relative;
	text-align: center;
	width: 100%;
}
div#PictureNavigator h1 { font-size: 24px; font-weight: normal; margin-bottom: -3px; }
div#PictureNavigator a { color: #919191; }
img#GalleryPicture { display: block; margin: 10px auto auto auto; max-width: 570px; }