html, body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Sans-serif;
	font-size: 90%;
	color:#333333;
}

ul, h1{
	margin: 0;
}

h3 {
	font-size: 100%;
	font-weight: bold;
}

h2 {
	font-size:140%;
	font-weight:bold;
}

a {
color: #0099FF;
text-decoration:none;
}

/* Top start */
.top {
	background-color: #FFF;
/*	border-left: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;*/
	text-align: left;
	margin: 0;
	padding: 0;
}

.top .logo img {
	border: 0;
	margin: 13px 0 0 14px;
}

.top .tools img {
	border:0 ;	
}

.top .tools {

/*	background-color: #FBFBFB;
	border-top: 1px solid #ECECEC;
	border-bottom: 1px solid #ECECEC;*/
	margin: 0 20px 10px 0;
}

.top .tools ul {
	border: 0;
	margin: 0;
	margin-right: 10px; 
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
	background-color: #FFF;
}

.top .tools ul li {
	display: block;
	text-align: center;
	margin: 0;
	float: right;
	padding: 3px 10px 3px 10px;
	background: #FBFBFB;
	font-size: 88%; 
}

.top .tools a {
	color: #7B7B7B;
	text-decoration: none;
}

.top .navigation {
	float: left;
	margin: 0 0 14px 15px;
}

.top .navigation .navigation_tl {
	background-image: url(../images/navigation_gradient_tl.png);
	width: 8px;
	height: 35px;
	float: left;
	clear: none;
}

.top .navigation .navigation_tr {
	background-image: url(../images/navigation_gradient_tr.png);
	width: 8px;
	height: 35px;
	float: left;
	clear: none;
}

.top .navigation .navigation_tm {
	background-image: url(../images/navigation_gradient.png);
	width: 928px;
	height: 35px;
	float: left;
	clear: none;
}

.top .navigation ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	/* clear: left; */
	/* width: 100%; */
}

.top .navigation ul li {
	display: block;
	float: left;
	text-align: center;
	width: 12.3%;
	padding: 10px 5px 9px 5px;
	background: #fff;
	font-size: 110%; 
	background-image: url(../images/navigation_gradient.png);
}
/*top end*/

.lineDotted {
	position:absolute;
	left:215px;
	width:518px;
	top: 131px;
	border-top:#CCCCCC 1px dashed 
}

.lineDotted2 {
	position:absolute;
	width:518px;
	top: 136px;
	border-top:#CCCCCC 1px dashed;
	z-index: 1;
}
/*start box UNI-login*/
.boxOrange {
margin: 0 685px 0 40px;
	background-color: #F9F9F9;
	width: 245px;
}

.boxOrange h3 {
	height: 29px;
	background-image: url(../images/boxOrangeTop.png);
	padding: 6px 0 0 0;
	margin: 0 0 8px 0;
	color: #fff;
}

.boxOrange img {
	border: 0;
	margin: 0 4px 0 0;
}

.boxOrange a {
	color: #333;
	text-decoration: none;
	font-weight: normal;
	line-height: 140%;
}

.boxOrange_top {
	width: 245px;
	height: 29px;
	background: url(../images/boxOrangeTop.png) no-repeat;
}

.loginfeltOrange {
text-align:left;
border-left: 1px solid #ECECEC;
	border-right: 1px solid #ECECEC;
	border-bottom: 1px solid #ECECEC;
	padding: 8px;
}
/*end box UNI-login*/

/*start box MinFremtid-login*/
.boxBlue {
	background-color: #F9F9F9;
	width:235px;
}

.boxBlue h3 {
	height: 29px;
	background-image: url(../images/boxBlue_gradient.png);
	padding: 6px 0 0 0;
	margin: 0 0 8px 0;
	color: #fff;
}

.boxBlue img {
	border: 0;
	margin: 0 4px 0 0;
}

.boxBlue a {
	color: #333;
	text-decoration: none;
	font-weight: normal;
	line-height: 140%;
}

.boxBlue_tm {
	height: 1px;
	margin-right: 9px; 
	background-image: url(../images/boxBlue_gradient.png);
}

.boxBlue_tl {
	width: 9px;
	height: 30px;
	background-image: url(../images/boxBlue_tl.png);
	float: left;
}

.boxBlue_tr {
	width: 10px;
	height: 30px;
	background-image: url(../images/boxBlue_tr.png);
	float: right;
}
/*end box MinFremtid-login*/

.loginfelt {
	text-align: left;
	padding: 20px 10px 20px 10px;
	border-bottom: 1px solid #ececec;
	border-left: 1px solid #ececec;
	border-right: 1px solid #ececec;
	background-color:#f9f9f9;
}

.loginfelt img {
border:none;
}

.loginfelt ul li {
	list-style-type:none;
	margin:0 0 20px 0;
}

.loginfelt input {
	border: 1px solid #E1E1E1;
	color: #555;
	margin: 3px 0;
	padding: 3px;
	width: 146px;
}

.loginfelt .button {
	clear: none;
	float:right;
	padding-top:20px;

}

.loginfelt .loginbutton {
	margin: 10px 0 0 100px;
	background-image:url(../images/loginbutton.png);
	height:20px;
}

.loginfelt .button1 {
	clear: none;
	color: #FFF;
	text-decoration: none;
	padding: 0 0 0 1px;
}

.loginfelt .tilbagebutton {
	margin: 10px 0 0 100px;
	background-image:url(../images/loginbutton.png);
	height:20px;
}

.welcome{
	width: 250px;
}

.welcome h3 {
font-size:110%;
color:#333;
}

.welcomeText{
	width: 425px;
	margin: 5px 0 0 40px;
	float: left;
}

.guidedTour {
	width: 260px;
	margin-top: 10px;
	margin-bottom: 10px;
	position: absolute;
	left: 2px;
	top: 105px;
}

/*.foto {
	border:0;
	background-image:url(../images/LysDrengDarkPige.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:8px;
	left:253px;
	width: 283px;
	height: 218px;
	z-index: 1;
}*/

.foto {
	border: 0;
	background-repeat: no-repeat;
	width: 225px;
	height: 138px;
	float: left;
	margin: 46px 0 0 100px;
	z-index: 2;
}

.containerBox {
	width:510px;
}

/* Mit valg start*/

.boxMitValg {
	position:absolute;
	top:221px;
	background-color: #d9e8eb;
	width:510px;
	height:160px;
	z-index: 6;
	left: 295px;
}

.boxMitValg h3 {
	height: 23px;
	background-image: url(../images/boxMitValg_gradient.png);
	padding: 6px 0 0 0;
	margin: 0 0 8px 0;
	color: #ffffff;
}

.boxMitValg img {
	border: 0;
	float: left;
	margin-top: 0px;
}

.boxMitValg a {
	color: #333;
	text-decoration: none;
	font-weight: normal;
	line-height: 140%;
}


.boxMitValg_tl {
	width: 9px;
	height: 29px;
	background-image: url(../images/boxMitValg_tl.png);
	float: left;
}

.boxMitValg_tr {
	width: 9px;
	height: 29px;
	background-image: url(../images/boxMitValg_tr.png);
	float: right;

}

.boxBlue_bl {
	width: 6px;
	height: 6px;
	background-image: url(../images/boxBlue_bl.png);
	float: left;
}

.boxBlue_br {
	width: 6px;
	height: 6px;
	background-image: url(../images/boxBlue_br.png);
	float: right;
}

.feltMitValgSpor {
	float:left;
	width:230px;
	margin: 0 0 0 8px;
	height:120px

}
.omSpor {
	float:left;
	height: 80px;
}

.startSpor {
	float: right;
	margin:15px 0 0 0;
}

.startSporHoveder {
	float: left;
	margin:17px 0 0 0;
}

.feltMitValgSelekt {
	float:left;
	width:230px;
	margin:0 0 0 30px;
	height:120px

}
.startSelekt {
	float: right;
	margin:15px 0 0 0
}
.omSelekt {
	float:left;
	height: 80px;
}

/* mit valg end */

/* uddannelse start */
.boxUddannelse {
	position:absolute;
	top:319px;
	left: 265px;
	background-color: #d9e8eb;
	width:245px;
	height: 160px;
	z-index: 2;
}

.boxUddannelse h3 {
	height: 23px;
	background-image: url(../images/boxUddannelse_gradient.png);
	padding: 6px 0 0 0;
	margin: 0 0 8px 0;
	color: #fff;
}

.boxUddannelse img {
	border: 0;
}

.boxUddannelse_tl {
	width: 9px;
	height: 29px;
	background-image: url(../images/boxUddannelse_tl.png);
	float: left;
}

.boxUddannelse_tr {
	width: 9px;
	height: 29px;
	background-image: url(../images/boxUddannelse_tr.png);
	float: right;
}

.boxUddannelse_bl {
	width: 6px;
	height: 6px;
	background-image: url(../images/boxBlue_bl.png);
	float: left;
}

.boxUddannelse_br {
	width: 6px;
	height: 6px;
	background-image: url(../images/boxBlue_br.png);
	float: right;
}

.feltUddannelse {
	text-align: left;
	float: left;
	width:225px;
	margin:4px 10px 8px 8px
}
.feltUddannelse input {
	border: 1px solid #717d64;
	color: #555;
	width: 160px;
	text-align: left;
	padding: 2px 1px 3px 3px;
	float: left;
	margin-bottom:10px
}

.feltUddannelse .soeg {
	float:left;
	margin: 1px 0 0 10px

}
.feltUddannelse .om {
	float:left;
	width:225px;
	height: 70px;
}

/*uddannelse end*/

/* job start */
.boxJob {
	position:absolute;
	top:319px;
	background-color: #d9e8eb;
	width:245px;
	height: 133px;
	z-index: 3;
}

.boxJob h3 {
	height: 23px;
	background-image: url(../images/boxJob_gradient.png);
	padding: 6px 0 0 0;
	margin: 0 0 8px 0;
	color: #fff;
}

.boxJob img {
	border: 0;
}

.boxJob a {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	line-height: 140%;
}

.boxJob_tl {
	width: 9px;
	height: 29px;
	background-image: url(../images/boxJob_tl.png);
	float: left;
}

.boxJob_tr {
	width: 9px;
	height: 29px;
	background-image: url(../images/boxJob_tr.png);
	float: right;
}

.boxJob_bl {
	width: 6px;
	height: 6px;
	background-image: url(../images/boxBlue_bl.png);
	float: left;
}

.boxJob_br {
	width: 6px;
	height: 6px;
	background-image: url(../images/boxBlue_br.png);
	float: right;
}

.feltJob {
	text-align: left;
	float: left;
	width: 225px;
	margin:5px 10px 5px 10px;
}
.feltJob input {
	border: 1px solid #717d64;
	color: #555;
	width: 160px;
	text-align: left;
	padding: 2px 1px 3px 3px;
	float: left;
	margin-bottom:10px
}
.feltJob .soeg {
	float:left;
	margin: 1px 0 0 10px

}
.feltJob .om {
	float:left;
	width:225px;
	height:70px
}
/*job end*/

/* Footer start */
.bottom {
background-color:#EBEBEB;
	color: #9A9A9A;
	margin-top:100px
}

.bottom a, .bottom a:visited {
	color: #9A9A9A;
	text-decoration: none;
}

.bottom a:hover {
	color: #9A9A9A;
	text-decoration: underline;
}

.bottom img {
border:none;
}

/* Footer end */