/*
Erhvervsakademi Århus
Overall screen css styles

Af : Henrik Ladefoged / Illumi a/s

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
* {
	margin: 0; padding: 0; /* Reset all margins globally */
}
html {
	font-size: 100%;
	overflow: -moz-scrollbars-vertical;
}
body, html {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	background: #726c67 url('../Img/main-bg.png') repeat-y center top;
	}
	body {
		font-size: 70%;
	}

	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Lucida fix
	 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div.top, #functions, #language, div.box h4 {
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Headings
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
h1, h2, h3, h4, h5 {
	font-size: 100%; font-weight: normal;
}
h1 {
	font-size: 180%;
	font-weight: bold;
}
h2 {
	font-size: 160%;
}
h3 { font-size: 130%; margin: 10px 0;}
h4 {}

hr {
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	margin: 10px 0 10px;
	height: 0;
}
#leftCol hr {
	margin: 20px 0 20px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Links
 * * * *  * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
a {
	color: #d0653b; text-decoration:none; }
a:hover{
	text-decoration:underline;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Images
 * * * *  * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
img{border:none;}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Float clears
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.clear{clear:both; height: 1;}
.clearFix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Accessibility elements
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div#skip {
	position:absolute; left:-999em; top:0; }
span.accesskey { text-decoration:none; }
.accessibility { position: absolute; top: -999em; left: -999em; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Main containers
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#main {
	width: 960px; margin: 0px auto 0 auto; padding: 0px 0 0 0; position: relative;
	background-color: #fff;
}

div.top {
	width: 960px;
	/* height: 193px; */
	height: 179px;
	background: #d3d3d3 url(../Img/top.png) no-repeat center top;
	}
	#frontpage div.top, div.top.rotator {
		/* height: 166px;	 */
		height: 152px;
	}
	#sliderContainer {
		background-color: #d3d3d3;
		display: block;
		padding: 0px 30px 0px 30px;
}

#slider {
	position: relative;
	width: 901px; height: 250px;
	}
	.pics { width: 901px; height: 250px; overflow: hidden }
	#slider a:hover { text-decoration: none; }
	.sliderbox {
		position: absolute;
		bottom: 20px;
		left: 20px;
		background-color: #d0653b;
		padding: 15px 15px;
		color: #fff;
		width: 280px;
	}
	#flash {
		background-color: #d3d3d3;
		padding: 0 30px 0 30px;
	}
	#flash object {
		display: block;
		}

		#logo, #sectionlogo {
			position: absolute;
			top: 20px;
			left: 60px;
			z-index: 999;
		}



	#logo a
	{
		display: block;
		width: 209px;
		height: 78px;
		background: url(../Img/top-logo.png) no-repeat left top;
		}
		#logo-print {display: none;}

		#topnav {
			position: absolute; top: 133px; left: 30px; z-index: 85;
	}
	#topnav ul, #topnav li {list-style-type: none; display: inline;}
	#topnav li a {
		float: left;
		color: #ebf2f2;
		font-weight: bold;
		display: inline;
		font-size: 90%;
		padding: 0px 12px 0px 12px;
		background: url('../Img/topnav-sep.png') no-repeat right 0px;
		#background-position: right 1px; /* IE7 only */
	}
	#topnav li a.selected, #topnav li a.expanded, #topnav li a:hover, #topnav li a.selected:hover, #topnav li a.expanded:hover { color: #69888c; text-decoration: none; }
	#topnav li a.last { background-image: none; }


	#language { position: absolute; top: 10px; right: 50px; z-index: 90; }
	#language ul, #language li {list-style-type: none; display: inline; }
	#language li a {font-size: 90%; color: #fff; padding: 0 0 0 10px;}
	#language li a.selected {color: #69888c;}

	#functions { position: absolute; top: 85px; right: 50px; z-index: 90; }
	#functions ul, #functions li {list-style-type: none; display: inline; }
	#functions li a {font-size: 90%; color: #fff; }
	#functions li a.print { background: url('../Img/print.png') no-repeat 0px 2px; padding-left: 12px; }
	#functions li a.sitemap { background: url('../Img/sitemap.png') no-repeat 0px 2px; padding-left: 15px;}
	#functions li span { margin: 0 5px 0 5px; color: #fff;}

	#search {position: absolute; top: 42px; right: 50px; }
	#search input.viaFormSingleLine {
		color: #000; background-color: #fff; width: 185px; margin-right: 10px; border: 1px solid #fff; vertical-align: top;
		padding: 3px 4px 3px 4px;  /* For most browsers */
		#padding: 3px 4px 2px 4px;  /* For IE7 only */
			}
			/*
			#search input.viaFormSingleLine:focus {
			font-size: 2.5em;
			}
			 */
#search input.search-button { cursor: hand;
	margin-top: 0px; /* For most browsers */
	#margin-top: 1px; /* For IE7 only */
				}
				#search label {display: none; }

				/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
				content containers
				 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#content { padding: 30px; }

#leftCol, #middleCol, #middleColWide, #rightCol { }

#leftCol {
	float: left;
	width: 190px;
	margin-right: 30px;
		}
		#frontpage #rightCol {
			/* margin-top: -160px; */
		}

		#middleCol {
			float: left;
			width: 460px;
			margin-right: 30px;
			*margin-bottom: 30px; /* Fix collapsing margins in IE7 */
		}
		#middleColWide {
			float: left;
			width: 680px;
			*margin-bottom: 30px; /* Fix collapsing margins in IE7 */
			}

			#rightCol {
				float: right;
				width: 190px;
		}
		/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		Boxes
		 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div.box {
	/* background-color: #f7f7f7; Den gamle værdi */
	background-color: #f0f0f0;
	padding: 15px;
	margin-bottom: 10px;
	}
	div.box h4 { color: #000; font-size: 110%; font-weight: bold; margin-bottom: 5px; padding: 2px 0px 2px 20px; }
	div.box h4.icon1 { background: url(../Img/icon1.png) no-repeat 0px 1px; }
	div.box h4.icon2 { background: url(../Img/icon2.png) no-repeat 0px 1px; }
	div.box h4.icon3 { background: url(../Img/icon3.png) no-repeat 0px 1px; }
	div.box h4.icon4 { background: url(../Img/info.png) no-repeat 0px 1px; }
	div.box h4.icon5 { background: url(../Img/laes.png) no-repeat 0px 1px; }
	div.box h4.icon6 { background: url(../Img/geografi.png) no-repeat 0px 1px; }

	div.box p { margin-bottom: 5px;}
	div.box a {}

	div.boximage.full { clear: both; margin: 0px 0px 5px 0px;}
	div.boximage.left { width: 180px; float: left; margin: 0px 10px 10px 0px;}
	div.boximage.right { width: 180px; float: right; margin: 0px 0px 10px 10px;}

	div.box-news, div.box-newsletter {
		position: relative;
		background: #f6f6f6 url(../Img/grey-bg-gradient.png) repeat-x left bottom;
		margin-bottom: 10px;
	}
	div.inner {
		padding: 15px;
		}
		div.box-news h4, div.box-shortcuts h4 {
			background: #71979a url(../Img/heading-bg-green.png) repeat-x left top;
			padding: 7px 0 7px 15px;
			color: #fff;
			font-weight: bold;
			}
			div.box-news li a {
				color: #413d39;
				display: block;
				padding: 0 0 .8em 0;
				}
				div.box-news li a.more {
					color: #d0653b;
					padding: 6px 0 0 0;
					font-weight: bold;
				}
				div.box-news a#rss {
					position: absolute;
					top: 6px;
					right: 10px;
					width: 17px; height: 17px;
					background: url(../Img/rss.png) no-repeat left top;
			}

			div.box-newsletter h4 {
				background: #cf643b url(../Img/heading-bg-orange.png) repeat-x left top;
				padding: 7px 0 7px 15px;
				color: #fff;
				font-weight: bold;
		}
		div.box-newsletter label {
			display: block;
			margin-top: 5px;
		}
		div.box-newsletter div.newsletter-radio{
			margin-top: 10px;
			}
			div.box-newsletter div.newsletter-radio label{
				display: inline;
				margin-right: 10px;
			}
			div.box-newsletter input.viaFormRadio {
				margin-right: 2px;
				}

				div.box-shortcuts {
					background: #534f4c url(../Img/darkgrey-bg-gradient.png) repeat-x left bottom;
					margin-bottom: 10px;
					position: relative;
		}
		div.box-shortcuts li a {
			color: #fff;
			display: block;
			padding: 0px 0 .4em 0;
			}

			#banners {
				border-top: 1px solid #e5e5e5;
				padding-top: 20px;
				margin: 20px 0 10px 0;
		}
		#banners img {
			margin-bottom: 10px;
			}

			div.chooser {
				width: 460px;
				display: block;
				margin-bottom: 10px;
		}
		div.chooser a { color: #6b8d91; display: block;}
		div.chooser-left, div.chooser-right { width: 215px; }
		div.chooser-left {float: left; margin-right: 30px;}
		div.chooser-right { float: right;}
		div.chooser h2 { clear: both; border-bottom: 1px solid #e5e5e5; padding: 5px 0 5px 0;}
		div.chooser h3, div.chooser h3 a{ color: #000; margin: 7px 0 2px 0;}


		div.imageBoxThree, div.imageBoxTwo	{
			width: 460px;
			margin-bottom: 20px;
}

div.imageBoxThree	h3, div.imageBoxTwo h3 {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

div.imageBoxThree div.imageBoxLeft,
div.imageBoxThree div.imageBoxMiddle,
div.imageBoxThree div.imageBoxRight ,
div.imageBoxTwo div.imageBoxLeft,
div.imageBoxTwo div.imageBoxMiddle,
div.imageBoxTwo div.imageBoxRight
{
	border: 2px solid #e5e5e5;
	margin-right: 20px;
	width: 136px;
	float: left;
}
div.imageBoxTwo div.imageBoxLeft,
div.imageBoxTwo div.imageBoxMiddle,
div.imageBoxTwo div.imageBoxRight
{ width: 216px; }

div.imageBoxLeft { }
div.imageBoxMiddle { }

div.imageBoxThree div.imageBoxRight, div.imageBoxTwo div.imageBoxRight  {
	float: right;
	margin: 0;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Breadcrumb
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#breadCrumb {
	clear: both;
	font-size: 90%;
	margin-bottom: 30px;
	color: #666;
	}
	#breadCrumb ul, #breadCrumb li {list-style-type: none; display: inline; }
	#breadCrumb li a {
		color: #666;
		padding: 0px 6px 0px 0px;
		text-decoration: underline;
		}
		#breadCrumb li a:hover {
			text-decoration: none;
		}

		/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		Left Navigation - Advanced
		 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#leftNav {
	width: 190px;
	background-color: #423d3a;
	margin-bottom: 10px;
	}
	#leftNav h4, #simpleLeftNav h4 {
		background: #cf643b url(../Img/heading-bg-orange.png) repeat-x left top;
		padding: 7px 0 7px 12px;
		color: #fff;
		font-weight: bold;
	}
	#leftNav h4 a, #simpleLeftNav h4 a {
		color: #fff;
}

/* LEVEL 1 */
#leftNav ul, #leftNav li, #simpleLeftNav ul, #simpleLeftNav li,  {list-style-type: none; }
#leftNav li a {
	color: #fff;
	display: block;
	padding: 7px 25px 7px 12px;
	border-bottom: 1px solid #fff;
		}
		#leftNav li a.haschildren  {
			background: url(../Img/arrow-right-light.png) no-repeat 172px 10px;
	}
	#leftNav li a.haschildren.expanded, #leftNav li a.haschildren.selected  {
		background-image: url(../Img/arrow-down-light.png);
		background-position:  170px 12px;
		text-decoration: underline;
		}
		#leftNav li a.selected  { text-decoration: underline;}


		/* LEVEL 2 */
		#leftNav li li a {
			color: #403d39;
			background-color: #bfbebd;
			}
			#leftNav li li a.haschildren {
				background: url(../Img/arrow-right-dark.png) no-repeat 172px 10px;
			}
			#leftNav li li a.expanded,  #leftNav li li a.haschildren  {
				background-color: #bfbebd;
				}
				#leftNav li li a.haschildren.expanded, #leftNav li li a.haschildren.selected {
					background-image: url(../Img/arrow-down-dark.png);
					background-position:  170px 12px;
					}

					/* LEVEL 3 */
					#leftNav li li li a {
						color: #403d39;
						background-color: #d8d7d7;
						padding-left: 25px;
					}
					#leftNav li li li a.expanded,  #leftNav li li li a.haschildren {
						background-color: #d8d7d7;
						}

						/* LEVEL 4 */
						#leftNav li li li li a {
							color: #403d39;
							font-size: 90%;
							background-color: #e9e9e9;
							padding: 3px 15px 3px 35px;
							border: 0;
							}
							#leftNav ul ul ul ul {border-bottom: 1px solid #fff; }
							#leftNav li li li li a.expanded,  #leftNav li li li li a.haschildren {
								background-color: #e9e9e9;
								background-image: none;
								}

								/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
								Left Navigation - Advanced
								 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#simpleLeftNav {
	width: 190px;
	background-color: #e9e9e9;
	margin-bottom: 10px;
	}
	#simpleLeftNav li a {
		display: block;
		color: #403d39;
		padding: 3px 15px 3px 22px;
	}
	#simpleLeftNav li a.selected {
		text-decoration: underline;
	}
	#simpleLeftNav li li a {
		display: block;
		color: #403d39;
		padding: 5px 15px 5px 35px;
		background: url(../Img/miniarrow-mini.png) no-repeat 27px 12px;
		}
		#simpleLeftNav li li li a {
			display: block;
			color: #403d39;
			padding: 5px 15px 5px 45px;
			background: url(../Img/miniarrow-mini.png) no-repeat 37px 12px;
		}


		#simpleLeftNav ul {
			padding: 12px 0px 12px 0px;
		}
		#simpleLeftNav ul ul {
			padding: 0px 0px 0px 0px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Content styling
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div.document, div.module  {
	margin-bottom: 20px;
	}
	#middleCol, middleColWide {
		line-height: 160%;
	 }
	 #leftCol h1, #middleCol h1, #middleColWide h1, #rightCol h1  {
		 line-height: 120%;
		 margin: 0 0 5px 0;
	 }
	 #leftCol h2, #middleCol h2, #middleColWide h2, #rightCol h2 {
		 line-height: 120%;
		 margin: 0 0 10px 0;
	 }
	 #leftCol li, #middleCol li, #middleColWide li, #rightCol li {
		 list-style-type: none;
	}
	div.module p {
		margin-bottom: 10px;
	}
	#leftCol p, #middleCol p, #middleColWide p, #rightCol p {
		margin: 0 0 5px 0;
	 }
	 #leftCol img {margin: 0 0 10px 0;}

	 div.document table, div.documentWide table  {
		 width: 100%;
		 border-collapse: collapse;
}
div.document table td, div.document table th,
div.document tableWide td, div.documentWide table th {
	border: 1px solid #fff;
	padding: .5em;
}

#middleCol div.document,
#middleCol div.module,
#middleColWide div.document,
#middleColWide div.module
{
	width: 460px;
}
#middleColWide div.documentWide {
	width: auto;
	margin-bottom: 20px;
}

#middleCol div.document ul li,
#middleColWide div.document ul li,
#middleCol div.documentWide ul li,
#middleColWide div.documentWide ul li
{
	list-style-type: none;
	padding-left: 10px;
	background: url(../Img/bullet-dot.png) no-repeat 0px 7px;
}

div.documentColLeft {
	width: 220px;
	float: left;
	margin-right: 20px;
}
div.documentColRight {
	width: 220px;
	float: right;
}
div.documentWide div.documentColLeft, div.documentWide div.documentColRight { width: 330px;}

div.document a.pdf,
div.documentWide a.pdf,
div.document a.word,
div.documentWide a.word,
div.document a.excel,
div.documentWide a.excel
{ padding: 2px 0px 2px 26px; }
div.document a.pdf,
div.documentWide a.pdf
{ background: url(../Img/icon-pdf.png) no-repeat 3px 2px; }

div.document a.word,
div.documentWide a.word
{ background: url(../Img/icon-doc.png) no-repeat 3px 2px; }

div.document a.excel,
div.documentWide a.excel
{ background: url(../Img/icon-xls.png) no-repeat 3px 2px; }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Module: News
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div.module.news dl {
	margin-top: 15px;
}
div.module.news dd {
	margin: 0px 0px 15px 0px;
}
div.module.news dt {
	padding: 0 0 0px 20px;
	background: transparent url(../Img/miniarrow-normal.png) no-repeat 5px 7px;
}
div.module.news dd {
	padding: 0 0 0 20px;
}
div.module.news a {
	padding: 0 0 0 0px;
	font-size: 130%;
}
div.module.news em {
	font-style: normal;
	display: block;
	color: #999;
}
div.module.paging {
	margin: 25px 0px 0px 0px;
	display: block;
}
div.module.paging a {  font-size: 100%; background-color: #f2f2f2; padding: 4px 8px 4px 8px; border-right: 2px solid #fff; }
div.module.paging a.pagingCurrent { background-color: #e3794f; color: #fff; }



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Sitemap
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#sitemap {
	margin-bottom: 20px;
	height: 1%;
	}
	#sitemap ul, #sitemap li  {list-style-type: none; }
	#sitemap li a {
		display: block;
		padding: 22px 0px 6px 12px;
		font-size: 120%;
		font-weight: bold;
		border-bottom: 1px solid #ccc;
		}
		#sitemap li li a {
			background: transparent url(../Img/miniarrow-normal.png) no-repeat 40px 1.9em;
			padding: 16px 0px 2px 50px;
			font-size: 110%;
			border-bottom: 1px dotted #e2e2e2;
			font-weight: normal;
			}
			#sitemap li li li a {
				background: transparent url(../Img/miniarrow-mini.png) no-repeat 90px 1.2em;
				border: 0;
				color: #76989a;
				font-size: 100%;
				padding: 6px 0px 0px 100px;
				}
				#sitemap li li li li a {
					background: none;
					color: #a7a7a7;
					color: #656565;
					padding: 4px 0px 0px 150px;
					}

					/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
					Content images
					 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div.image.full { clear: both; margin: 0 0 10px 0; }
div.image.left { float: left; margin: 5px 15px 5px 0; }
div.image.right { float: right; margin: 5px 0 5px 15px; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Footer
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#footer {
	clear: both;
	width: 900px;
	background: url(../Img/footer-bg.png) repeat-x left top;
	padding: 24px 30px 0px 30px;
	margin: 0px 0 20px 0;
	text-align: center;
	font-size: 90%;
	}
	#footer span { margin: 0 5px 0 5px;}

	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Forms
	 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
form, fieldset, input, textarea {
	display: inline; font-size: 1em;
}
div.formError { color: #BC2D3D; position: relative; left: -10px; font-style:italic; font-weight:bold; }
div.formhelp { }

input.viaFormSingleLine {
	border: 1px solid #ccc;
	font-size: 100%;
	padding: 2px;
}
input.viaFormPassword {}
input.viaFormEmail {}
input.viaFormCheckBox {}
textarea.viaFormTextArea {}
input.viaFormRadio {}
input.viaFormButtonReset, input.viaFormButtonSubmit, table.form input.Submit, table.form input.Reset {
	margin: 5px 5px 10px 0;
	padding: 2px 15px 4px 15px;
	color: #000;
	font-weight: bold;
	border-top: 2px solid #f4f4f4;
	border-left: 2px solid #f4f4f4;
	border-right: 2px solid ccc;
	border-bottom: 2px solid ccc;
	cursor: hand;
}
input.viaFormButtonReset:hover, input.viaFormButtonSubmit:hover, table.form input.Submit:hover, table.form input.Reset:hover {
	background-color: #e1774d;
	color: #fff;
	border: 2px solid #e1774d;
	cursor: hand;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Forms2
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
table.form {
	table-layout: fixed;
}

table.form td {
	/* border: 1px solid black;  */
	vertical-align: top;
}

table.form label.lblAbove {
	display: block;
	font-size: 90%;
	margin: 0 0 2px 0;
}
table.form label.lblRight {
	font-size: 90%;
	margin: 0 0 0 5px;
}
table.form label.lblLeft {
	font-size: 90%;
	margin: 0 5px 0 0;
}

table.form ul, table.form li {
	list-style-type: none;
}
table.form li {
	background: none !important;
	padding: 0 0 4px 10px !important;
}
table.form li label input {
	margin: 0 3px 0 3px;
}

table.form h2 {
	border-bottom: 1px solid #ccc;
	margin: 20px 0 5px 0;
	padding:0 0 8px 0px;
}

input.Email.wXXSmall, input.Email.wXSmall, input.Email.wSmall, input.Email.wMedium, input.Email.wLarge, input.Email.wXLarge, input.Email.wXXLarge,
input.TextBox.wXXSmall, input.TextBox.wXSmall, input.TextBox.wSmall, input.TextBox.wMedium, input.TextBox.wLarge, input.TextBox.wXLarge, input.TextBox.wXXLarge, textarea.TextArea.wXXLarge
{
	font-size: 1em;
	padding: 2px;
	border: 1px solid #ccc;
	background-color: #fff;
 }
 /*
 input.TextBox.wXXSmall:focus,  input.TextBox.wXSmall:focus, input.TextBox.wSmall:focus, input.TextBox.wMedium:focus, input.TextBox.wLarge:focus, input.TextBox.wXLarge:focus, input.TextBox.wXXLarge:focus
 {
 font-size: 2.5em;
 border: 1px solid #000;
 }
	*/

input.TextBox.wXXSmall { width: 75px;}
input.TextBox.wXSmall { width: 100px;}
input.TextBox.wSmall { width: 140px;}
input.TextBox.wMedium { width: 200px; }
input.TextBox.wLarge { width: 300px;}
input.TextBox.wXLarge { width: 400px;}
input.TextBox.wXXLarge { width: 460px; }

div.field {
	padding: 3px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Search

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div.module.searchresult{
	margin-top: 20px;
}

div.module.searchresult input.viaFormSingleLine {
	width: 100%;
	padding: 4px;
	font-size: 100%;
}
div.module.searchresult input.viaFormSingleLine:focus {
	font-size: 180%;
}
div.search-element {
	background: transparent url(../Img/miniarrow-normal.png) no-repeat 5px 17px;
	padding: 10px 0 0px 15px;
}

div.search-previous {
	padding:0px 5px 0px 5px;
	text-align:center;
	display:inline;
}
div.search-next {
	padding:0px 5px 0px 5px;
	text-align:center;
	display:inline;

}
div.search-pagenumber {
	background-color: #e36c3e;
	color: #fff;
	padding:0px 5px 0px 5px;
	text-align:center;
	display:inline;
}

div.search-paging {
	padding: 10px;
	border-top: 1px solid #ccc;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Phonebook

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div.module.phonebook {
	width: 513px !important;
	width: 680px !important;
}
div.module.phonebook p {
	margin: 10px 0px 15px 0px !important;
	display: block;
}
div.module.phonebook p.back {
	float: right;
}
div.module.phonebook div.searchbox {
	margin-bottom: 25px;
	background: transparent  url(../Img/Telefonbog/phonebook-top-bg.png) no-repeat left top;
	width: 513px;
	float: left;
	}
	div.module.phonebook div.searchbox div.inner	{
		background: transparent url(../Img/Telefonbog/phonebook-bottom.png) no-repeat left bottom;
		width: 493px;
		padding: 3px 10px 5px 10px;
		/* height: 60px; */
		float : left;
	}
	div.module.phonebook h3  { clear: both; }
	div.module.phonebook div.searchbox h5  {
		font-size: 100%;
		font-weight: bold;
		margin-left: 35px;
	}
	div.module.phonebook div.searchbox ul,
	div.module.phonebook div.searchbox li   {list-style-type: none; display: inline;}

	div.module.phonebook div.searchbox ul li {
		float: left;
		display: inline;
		padding: 8px 4px 8px 4px;
		color: #999;
		}
		div.module.phonebook div.searchbox ul li.last {
			float: right;
			padding-right: 0;
	}
	div.module.phonebook form {
		padding: 5px 0px 15px 0px;
		float: left;
	}
	div.module.phonebook label {
		text-align: right;
		width: 120px;
		float: left;
		margin-right: 10px;
		color: #666;
	}
	div.module.phonebook select.phoneBookFormSelect {
		font-size: 100%;
		width: 244px;
		border: 1px solid #ccc;
		padding: 2px;
		vertical-align: bottom;
		}
		div.module.phonebook input.phoneBookSearch {
			vertical-align: bottom;
	}
	div.module.phonebook input.phoneBookReset {
		vertical-align: bottom;
	}
	div.module.phonebook input.phoneBookFormSingle {
		border: 1px solid #ccc;
		vertical-align: bottom;
		padding: 2px !important;
		font-size: 100%;
		width: 175px;
		margin-right: 10px;
	}
	div.module.phonebook div.phoneBookFormRow {
		margin-top: 10px;
	}
	div.module.phonebook a.guide {
		margin-left: 10px;
	}
	/* div.phoneBookContainerTop {
	background:  url(../Img/Telefonbog/phonebook-table-top.png) no-repeat left top;
	height: 1px;
	float: left;
	width: 513px;
	width: 680px;
	}
	 */
div.phoneBookContainerBottom {
	background: transparent url(../Img/Telefonbog/phonebook-bottom.png) no-repeat left top;
	height: 10px;
	float: left;
	width: 513px;
		}
		div.phoneBookContainerBottom.employee {
			width: 680px;
			background: transparent url(../Img/Telefonbog/phonebook-bottom-wide.png) no-repeat left top;
		}
		div.phoneBookContainer {
			/* background:  url(../Img/Telefonbog/phonebook-table-bg.png) repeat-y left top; 			 */
			padding: 1px ;
			width: 511px;
			float: left;
			border: 1px solid #ccc;
			border-bottom: 0px;
	}
	div.phoneBookContainer.employee {
		width: 676px;
	}

	table.phonebookResult {
		clear: both;
		width: 509px;
		border-collapse: collapse;
	}
	table.phonebookResult th {
		color: #fff;
		background: #cf643b url(../Img/heading-bg-orange.png) repeat-x left top;
		text-align: left;
		padding: 5px 15px 5px 15px;
		margin: 2px;
		border-top: 1px solid #fff;
	}
	table.phonebookResult td {
		padding: 5px 15px 5px 15px;
		vertical-align: top;
		}
		table.phonebookResult th.name, table.phonebookResult td.name  {width: 250px;}
		table.phonebookResult th.direct, table.phonebookResult td.direct  {width: 130px;}
		table.phonebookResult th.mobile, table.phonebookResult td.mobile  {width: 100px;}
		table.phonebookResult td span {display: block;}
		table.phonebookResult td span.titel { color: #000; }
		table.phonebookResult td span.type {color: #999;}

		table.phonebookResult tr.even td {
			background: #f6f6f6 url(../Img/Telefonbog/phonebook-table-row-bg.png) repeat-x left top;
			border-bottom: 1px solid #fff;
	}
	table.phonebookResult tr.odd td {
		border-top: 1px solid #e9e9e9;
	}
	div.phoneBookContainer.lookUp h3 {
		background: #cf643b url(../Img/heading-bg-orange.png) repeat-x left top;
		padding: 5px 15px 5px 15px;
		color: #fff;
		font-size: 100%;
		font-weight: bold;
		margin-bottom: 0px !important;
		width: 646px;
		}
		div.phoneBookContainer.lookUp div.inner {
		}
		div.phoneBookContainer.lookUp div.inner ul {
			width: 330px;
			float: left;
		}
		div.phoneBookContainer.lookUp div.inner li {
			width: 330px;
			border-bottom: 1px solid #e9e9e9;
			padding: 5px 0px;
			color: #666;
			}
			div.phoneBookContainer.lookUp div.inner li.bottom {
				border-bottom: 0;
			}

			div.phoneBookContainer.lookUp div.inner li span.leftcol {
				font-weight: bold;
				width: 150px;
				float: left;
				color: #333;
		}
		div.phoneBookContainer.lookUp div.inner li span.rightcol {
			width: 150px;
			float: left;
		}

		img.phonebookImage {
			float: right;
			width: 300px;
			height: 180px;
			/* border: 3px solid #eaeaea; */
			margin: 8px 0px 0px 0px;
		}



		/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		For frontend status and debug messages
		 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#debug {background-color: #fff602; padding: 5px; text-align: center;}


/* height: 15px; Firefox Safar
#height: 15px; IE7
_height: 21px; IE6 */




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Added by Par no. 1
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div.kampagnesite {
	background: transparent url(../Img/erhvervsakademi_kampagne.jpg) no-repeat 0px 0px;
	display: inline;
	float: left;
	height:146px;
	margin: 0px 0px 0px 233px;
	padding: 209px 0px 0px 128px;
	width: 361px;
}
*:first-child+html div.kampagnesite {
	margin: 0;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
FAQ - by Illumi - mjo
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div.faqItem {
	width: 460px; float: left;
	border-bottom: solid 1px #fff;
}
div.faqItem h4 {
	cursor: pointer;
	background: #423D3A;
	color: #fff;
	padding: 5px 10px;
}
div.faqItem div.faqAnswer {
	background-color: lightGrey;
	color: #403D39;
	padding: 10px;
}
div.faqItem div.faqAnswer ul li {
	list-style-type: disc !important;
	margin-left: 20px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Slideshow - by Illumi - mjo
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div.slideShow {
	height: 300px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Calendar
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.calendar {
	background-color: #f6f6f6;
	}
	.calendarNav {
		text-align: center;
		color: #fff;
		padding: 3px 0px 3px 0px;
		text-transform: capitalize;
		background-color: #557577;
		position: relative;
		}
		a.previouslink, a.nextlink {
			position: absolute;
			top: 0px;
			padding: 3px 8px;
			color: #fff;
			}
			a.previouslink {
				left: 0px;
			}
			a.nextlink {
				right: 0px;
			}
			a.previouslink:hover, a.nextlink:hover {
				background-color: #3d5456;
				text-decoration: none;
			}

	.calendar h4 {
		background: #709698 url("../Img/heading-bg-green.png") repeat-x scroll left top;
		color: #fff;
		font-weight: bold;
		padding: 7px 0 7px 0px;
		text-align: center;
	}
	.calendar table {
		border-collapse: collapse;
		width: 100%;
	}
	.calendar table caption {
		display: none;
	}
	.calendar table th, .calendar table td {
		text-align: center;
		padding: 1px;
		border: 1px solid #ccc;
		}
		.calendar table thead {
			border-left: 1px solid #ccc;
			border-right: 1px solid #ccc;
			border-bottom: 1px solid #ac5331;
			border-top: 0;
			text-transform: uppercase;
			font-size: 80%;
			font-weight: normal;
			}
		.calendar table td.weeknumber {
			font-size: 80%;
			color: #999;
		}
		.calendar table td.active {
			background-color: #cf643b;
			}
			.calendar table td.active a {
				color: #fff;
			}
		.calendar table td:hover {
			background-color: #709698;
			color: #fff;
				/* cursor: pointer; */
			}

	.calendar table th {
		background-color: #cf643b;
		border-left: 0;
		border-right: 0;
		border-top: 0;
		color: #fff;
	}

/* Event lists * * * * * * * * * * * * * * * * * * * * * * * * * * */
ul.vcalendar .vevent {
	padding-bottom: 1em;
	border-bottom: 1px solid #ccc;
	margin-bottom: 1.5em;
}

#middleCol ul.vcalendar h2.summary {
	margin-bottom: 5px;
}

.vcalendar .date {
	color: #666;
}

#middleCol div.vcalendar .date {
	margin-bottom: 1em;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Course signup and checkout flow - by Illumi - dob
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

div.basket, #rightCol div.signup {
	background: #f6f6f6 url(../Img/grey-bg-gradient.png) repeat-x left bottom;
	margin-bottom: 10px;
	color: #413D39;
}
div.basket h1, div.basket h4, #rightCol div.signup h4 {
	background: #71979a url(../Img/heading-bg-green.png) repeat-x left top;
	padding: 7px 0 7px 15px;
	position: relative; /* Fix stupid IE7 bug */
	left: 0px;
	color: #fff;
	font-weight: bold;
}
div.basket span.unitprice {
	text-align: right;
	display: block;
}
div.basket span.price {
	float: right;
	display: inline;
}
div.basket.full table {
	width: 100%;
}
div.basket.full th, div.basket.full td {
	padding: 4px;
}
div.basket th {
	text-align: left;
}
div.basket tfoot .price {
	font-weight: bold;
	display: inline;
}
div.basket.slim li {
	padding-bottom: 4px;
}
div.basket .total {
	border-top: 1px solid #aaa;
	padding-top: 4px;
}
div.basket a.checkout {
	font-weight: bold;
	clear: both;
}
div.basket.slim form {
	display: block;
	width: 100%;
	text-align: center;
}
#emptybasket {
	width: 50%;
	background-image: none;
	background-color: #CCC;
	color: #888;
}
div.basket.slim button {
	margin-top: 10px;
}
div.basket.slim button[type="submit"] {
	width: 100%;
}
div.basket.full button {
	margin: 0 20px 20px 0;
}
div.basket.full button.delete {
	margin: 0;
	padding: 2px;
	line-height: 1em;
	height: 1.5em;
}
div.basket button.empty {
	margin-left: 20px;
}
div.basket form#checkout,
div.basket form#movealong {
	float: right;
	*float: none; /* IE7 hack */
}
#step-1 div.basket form#movealong {
	margin-right: 1em;
}
#step-1 div.inner {
	padding: 15px 2px 15px 15px;
}
div.basket button.nextstep {
	margin-right: 15px;
	margin-top: 0;
}
td.price, th.price {
	text-align: right !important;
}
td.delete {
	width: 1em;
}
td.date {
	white-space: nowrap;
}
#confirmation.overlay {
	background-color: #fff;
	border: 8px solid #726C67;
	padding: 25px;
	z-index: 100;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
}
#confirmation.overlay p {
	margin-bottom: 10px;
}
#confirmation.overlay button[type='submit'] {
	margin-left: 15px;
}

/* Course list * * * * * * * * * * * * * * * * * * * * * * * * * * */

table.courseList {
	width: 100%;
	margin: 2em 0;
}
table.courseList td {
	background-color: #e2e2e2;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 6px;
	vertical-align: top;
}
table.courseList th {
	background-color: #83afb4;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 6px;
	color: #fff;
	font-weight: bold;
	text-align: left;
}
table.courseList button {
	margin-left: 6px;
	float: right;
}
table.courseList .signup {
	width: 180px;
}
table.courseList .signup select {
	font-size: 12px;
	margin-bottom: 5px;
}

/* Course display * * * * * * * * * * * * * * * * * * * * * * * * */

.document .description {
  margin-top: 10px;
}
#middleCol .image {
  margin: 2em 0;
}

/* Signup button * * * * * * * * * * * * * * * * * * * * * * * * * */

#middleCol td.signup button {
	float: right;
	margin-left: 6px;
}
#middleCol .signup h4 {
	display: none;
}
#middleCol div.signup select {
  margin-left: 3px;
}
#middleCol div.signup button {
  margin-left: 8px;
}
#rightCol .signup {
  padding-bottom: 10px;
}
#rightCol .signup h4 {
  margin-bottom: 10px;
}
#rightCol .signup form,
#rightCol .signup p {
	display: block;
	margin: 5px 15px;
}
#rightCol div.signup select {
  display: block;
}
#rightCol div.signup button {
	display: block;
	margin: 8px 0;
}

/* Checkout form * * * * * * * * * * * * * * * * * * * * * * * * * */

.basketprogress {
	display: block;
	width: 100%;
	height: 28px;
	line-height: 28px;
	text-align: center;
	margin-bottom: 2em;
	color: #fff;
	background: #d3d3d3 url(../Img/top.png) no-repeat 0px -124px;
	overflow: hidden;
	*zoom: 1; /* Gain hasLayout in IE */
}
.basketprogress li {
	display: inline;
	padding: 0 6px;
}
.basketprogress li.currentstep {
	font-weight: bold;
}
em.requiredindicator {
	display: block;
	color: #D0653B;
}
.checkout fieldset {
	display: block;
	border: none;
}
.checkout legend {
	font-size: 160%;
	padding: 1.5em 0 0.5em 0;
}
.checkout h3 {
	padding-top: 15px;
}
.checkout label {
	display: block;
	margin-top: 5px;
}
.checkout .text label:after,
.checkout .file label:after,
.checkout .textarea label:after {
	content: ":";
}
.checkout .text label.error:after,
.checkout .file label.error:after,
.checkout .textarea label.error:after {
	content: "";
}
.checkout label.error,
.checkout div.error {
	color: #D0653B;
	margin-top: 0;
}
.checkout label.error {
	display: inline;
	float: right;
	*float: none; /*IE7 hack, so it won't mess up the float...*/
}
.checkout .formfield.radio label.error {
	*float: right; /* ...but IE7 needs to float error labels for radio buttons*/
}
.checkout input.error {
	border: 1px solid #D0653B;
	background-color: #ffe5dd;
}
.checkout .text {
	float: left;
}
.checkout .text input {
	font-size: 12px;
	display: block;
	width: 450px;
	padding: 2px;
	margin: 2px 0 8px 0;
}
.checkout .left {
	padding-right: 12px;
}
.checkout .left input,
.checkout .right input {
	width: 214px;
}
.checkout .radio input {
	margin-right: 4px;
}
.checkout .textarea textarea {
	width: 460px;
	height: 120px;
	margin: 5px 0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.checkout button.nextstep {
	float: right;
	margin-top: 15px;
}
.checkout a.add {
	cursor: pointer;
	display: block;
	padding-bottom: 1em;
}
/* Kick some hasLayout-sense into IE */
#job-2,
#employment-2, #employment-3, #employment-4,
#education-2, #education-3, #education-4 {
	float: left;
}
.checkout #education-background p {
  margin-bottom: 1.2em;
}
#step-3 h2 {
	clear: both;
	padding: 10px 0;
}
table.orderSummary {
	width: 100%;
	margin: 5px 0 10px 0;
}
table.orderSummary td {
	padding: 0 4px 4px 0;
}
table.orderSummary td.price {
	padding-right: 0;
}
table.orderSummary tr.total td {
	margin-top: 4px;
	padding-top: 4px;
	border-top: 1px solid #333;
}
#step-3 #goback button, #step-2 button#goback {
	margin-top: 15px;
}
#step-3 input#shopAcceptCheck {
	margin-right: 5px;
}
table#customer {
	margin: 2em 0;
}
#customer td.label {
	padding-right: 1em;
}
#customer #company td {
	padding-top: 2em;
}
#step-4 h1 {
	margin-bottom: 1em;
}
#step-4 table.orderSummary {
	padding: 1em 0;
}
#step-4 #payment {
	margin-bottom: 2em;
}
#step-4 button.print {
  float: right;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Fancy buttons - by Illumi - dob
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

button {
	padding: 3px 8px;
	*padding: 2px 2px; /* IE7 hack */
	background-color: #d25527;
	background-image: url(../Img/heading-bg-orange.png);
	background-image: -moz-linear-gradient(#ea8861, #d25527);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ea8861), to(#d25527));
	background-image: -webkit-linear-gradient(#ea8861, #d25527);
	background-image: -o-linear-gradient(#ea8861, #d25527);
	-moz-box-shadow: 1px 1px 1px #aaa;
	-webkit-box-shadow: 1px 1px 1px #aaa;
	box-shadow: 1px 1px 1px #aaa;
	border: none;
	color: #fff;
	font-size: 85%;
	font-weight: bold;
	text-transform: uppercase;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
button:hover {
	background-image: none;
	background-image: -moz-linear-gradient(#d25527, #ea8861);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d25527), to(#ea8861));
	background-image: -webkit-linear-gradient(#d25527, #ea8861);
	background-image: -o-linear-gradient(#d25527, #ea8861);
}
button:active,
button.active {
	position: relative;
	top: 1px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}