@charset "UTF-8";


/* tags */

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
}

h1 { 
	font-size:16px;
	margin-bottom:10px;
	margin-top:0px;
}

h2 {
	font-size:14px;
	margin-bottom:0px;
	margin-top:0px;
}

p {
	margin-bottom:10px;
	margin-top:0px;
}

a,
a:visited,
a:active { 
	color:rgb(0,138,166);
	font-weight:bold;
}

a:hover { color:rgb(191,200,32); }

ul {
	padding-left:12px;
	padding-right:0px;
	margin-top:10px;
	margin-bottom:10px;
	list-style-position: outside;
	list-style-type: none;
	list-style-image: url(../img/listBullet.gif);
	line-height:20px;
}

/* structure */
#siteContainer {
	position:absolute;
	width:1000px;
	height:600px;
	top:50%;
	left:50%;
	margin-top:-300px;
	margin-left:-500px;
	background:url(../img/contentBack.jpg) center center no-repeat;
}

	#frbLogo {
		position:absolute;
		top:35px;
		right:40px;
		width:100px;
		height:53px;
	}
	
	#uufLogo {
		position:absolute;
		bottom:30px;
		right:40px;
		width:64px;
		height:60px;
	}
	
	#newsButton,
	#linksButton,
	#contactButton  {
		position:absolute;
		bottom:30px;
		width:85px;
		height:17px;
		padding-top:3px;
		background:url(../img/btnBack85px.gif) center center no-repeat;
		text-align:center;
		line-height:normal;
	}
	
	#newsButton {
		left:40px;
		z-index:101;
	}
	
	#linksButton { 
		left:145px;
		z-index:102;
	}
	
	#contactButton { 
		left:250px;
		z-index:102;
	}
	
	#newsButton a,
	#linksButton a,
	#contactButton a {
		color:rgb(255,255,255);
		text-decoration:none;
		display:block;
		width:100%;
	}
	
	#newsButton a:hover,
	#linksButton a:hover,
	#contactButton a:hover { color:rgb(191,200,32); }
	
	#iconsContainer {
		position:absolute;
		width:750px;
		height:550px;
		top:40px;
		left:125px;
	}
		.contentHolder {
			display: none;
		}
		.icon {
			float:left;
			width:200px;
			height:150px;
			margin-right:50px;
			margin-bottom:25px;
			cursor: pointer;
		}
		
		.icon.right {
			margin-right:0px;
		}
		
		.icon.bottom {
			margin-bottom:0px;
		}
		
		.icon.last {
			margin-right:0px;
			margin-bottom:0px;
		}
		
		ul.submenu {
			overflow: hidden;
			position:relative;
			top:-150px;
			left:0px;
			padding:0;
			margin:0;
			list-style-type:none;
			list-style-image:none;
			line-height:normal;
			width: 210px;
		}
		
		ul.submenu li {
			background:url(../img/submenuBack.gif) center center no-repeat;
			width:170px;
			height:17px;
			padding-left:10px;
			padding-right:10px;
			padding-top:3px;
			margin-bottom:5px;
			margin-left: -190px;
		}
		
			ul.submenu li a {
				color:rgb(255,255,255);
				text-decoration:none;
				display:block;
				width:100%;
				height:100%;
				outline: none;
				font-weight: normal;
			}
			ul.submenu li a.active {color:rgb(191,200,32); }
			ul.submenu li a:hover { color:rgb(191,200,32); }
			


/* subpage styles */

.contentBox {
	position:absolute;
	top:25px;
	left:30px;
	width:575px;
	height:485px;
	padding:10px;
	background:url(../img/boxBack.gif) no-repeat;
}
	.contentText {
		position:absolute; /* test */
		padding:20px;
		height:445px;
		width:535px;
		overflow:auto;
		outline: none;
	}

.closeBox {
	position:absolute;
	top:20px;
	left:25px;
	width:30px;
	height:30px;
	outlinE: none;
}

.iconContainer {
	position:absolute;
	top:35px;
	left:650px;
	width:150px;
	height:150px;
}

body.subpage ul.submenu {
	position:absolute;
	top:195px;
	left:650px;
}

/* Additions */


.goBackBox {
position:absolute;
top:20px;
left:50px;
width:30px;
height:30px;
display: none;
}
/* uu-ansatte styles */
body.subpage .name {
	float:left;
	width:155px;
	margin-right:20px;
	padding-bottom:10px;
}


body.subpage .guidanceContainer {
	/*position:absolute;
	top:265px;*/
	width:100%;
	border-top:1px solid rgb(0,138,166);
	padding-top:20px;
	padding-bottom:15px;
}

body.subpage .guidanceContainer .guidancePic { 
	float:left;
	margin-right:20px;
}

/* find vejleder styles */
body.subpage .findVejleder .schoolsContainer {
	float:left;
	width:145px;
	margin-right:20px;
}

.clr { clear:both; }

p a,
p a:link,
p a:visited,
p a:active,
p a:hover { 
	position:static;
	display:inline;
}
