/* Framework overrides
--------------------------------------------------------*/
li ul, 
li ol       { margin:0; }
ul, ol      { margin: 0 1.5em 1.5em 0; }

ul, ol      { list-style-type: none; }
#contentLeft ol { list-style: decimal; margin-left: 23px; }

dl          { margin: 0 0 1.5em 0; }
dd          { margin-left: 0;}

fieldset    { padding:0;margin:0;border:0;}

p           { margin-bottom: 1em; }

/* Grid */

/*
.span-8 {
	width: 300px;
	padding-right: 10px;
}

.span-16 {
	width: 620px;
	padding-right: 10px;
}
*/


div.container {
	padding: 0 10px !important;
}


div#verticalGrid,
div#designOverlay {
	position: absolute;
	left: 0;
	top: 0;
	height: 1500px;
	width: 100%;
	background: transparent url(../../fileadmin/images/temp/verticalGrid.gif) repeat 0 0;
	z-index: 9999;
}

div#designOverlay {
	background: transparent url(../../fileadmin/images/temp/designOverlay.png) no-repeat center top;
}


/* General
--------------------------------------------------------*/

body {
	background: #e5e1d9;
}


/* Header
--------------------------------------------------------*/

div#header {
	height: 350px;
	background: #eae5db;
	font-size: 110%;
	line-height: 1.75em;
	position: relative;
	z-index: 100;
}

body.subhomepage div#header {
    height: 250px;
}

body#home div#header {
/*	background: #eae5db url(../../fileadmin/images/headers/homepage/home01.jpg) no-repeat center top;*/
	background: #f0e9ce url(../../fileadmin/images/headers/homepage/mapHome.jpg) no-repeat center top;
}

body.subpage div#header {
	height: 150px;
/*	background: #eae5db;*/
	background: #f0e9ce;
}

body.subpage div#header div.headerimg {
/*	margin-left: -10px;*/
	height: 150px;
	overflow: hidden;
}

div#header div.container {
	position: relative;
	padding: 0 !important;
	width: 970px;
}

h1#logo {
	position: absolute;
	top: 0;
	width: 918px;
	height: 183px;
	z-index: 20;
	background: transparent url(../../fileadmin/images/css/logo.png) no-repeat 0 0;
}

body#home h1#logo {
	left: 25px;
	text-indent: -9999px;
}

body.subpage h1#logo,
body.subhomepage h1#logo {
	width: 310px;
	height: 350px;
	background-image: url(../../fileadmin/images/css/logoSub.png);
	right: 10px;
}

body.subhomepage h1#logo {
    height: 250px;
}

body.subpage h1#logo {
	height: 150px;
}

h1#logo a {
	display: block;
	height: 150px;
	text-indent: -9999px;
}

div#printLogo {
	display: none;
}

/* Map markers */

div.mapLocation {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 200;
	line-height: 1.5em;
}

/*
div#mapLocationChester { left: 180px; top: 100px; }
div#mapLocationGent    { left: 535px; top: 290px; }
div#mapLocationUtrecht { left: 625px; top: 190px; }
div#mapLocationKoeln   { left: 712px; top: 295px; }
*/

div#mapLocationChester { left: 318px; top: 158px; }
div#mapLocationChester .infoWindow { z-index: 200; position: relative; }
div#mapLocationGent    { left: 595px; top: 268px; }
div#mapLocationUtrecht { left: 615px; top: 205px; }
div#mapLocationKoeln   { left: 726px; top: 265px; }

div.mapLocation a.marker {
	display: block;
	width: 23px;
	height: 23px;
	background: transparent url(../../fileadmin/images/css/mapMarker.png) no-repeat 0 0;
	text-indent: -9999px;
}

div.mapLocation div.infoWindow {
	width: 269px;
	height: 104px;
	padding: 40px 38px 40px 25px;
	margin: -30px 0 0 -15px;
	background: transparent url(../../fileadmin/images/css/infoWindow.png) no-repeat 0 17px;
}

div.mapLocation div.info {
	float: left;
	width: 175px;
}

div.mapLocation div.info p {
	margin: 0;
}

/* Google maps */

div#locationList {
	height: 170px;
	background: transparent url(../images/css/horizontalDivider.gif) repeat-x left top;
	position: absolute;
	top: 150px;
	right: 20px;
	width: 290px;
	padding: 20px 0 0 0;
	z-index: 30;
}

body.subhomepage div#locationList {
    height: 80px;
}

div#locationList ol#sideContainer {
	list-style-type: decimal;
	list-style-position: outside;
}

div#locationList ol#sideContainer li {
	margin-left: 1.75em;
}

div#mapContainer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 350px;
}

body.subhomepage div#mapContainer {
    height: 250px;
}


/* Navigation
/* Navigation
--------------------------------------------------------*/

/* Main navigation */

div#mainNavigation {
	background: transparent url(../images/css/mainNavigationBackground.gif) repeat-x 0 0;
	height: 40px;
	opacity: 0.9;
	position: relative;
	z-index: 90;
}

div#mainNavigation a {
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	text-decoration: none;
	color: #fff;
}

div#mainNavigation a:hover {
	text-decoration: underline;
	color: #e71939;
}

div#mainNavigation ul {
	margin-right: -1em;
	height: 40px;
	float: left;
	margin: 0;
}

div#mainNavigation ul#projectNavigation {
	float: right;
	width: 310px;
	background: transparent url(../images/css/mainNavigationBackgroundProjects.gif) repeat-x 0 0;
}

div#mainNavigation ul li.active a {
	color: #e8e788;
}

div#mainNavigation ul#projectNavigation li.active a {
	color: #b12c1b;
}

div#mainNavigation ul li {
	float: left;
	width: auto;
	background: transparent url(../images/css/navigationDividerGreen.gif) no-repeat right center;
}

div#mainNavigation ul#projectNavigation li {
	background-image: url(../images/css/navigationDividerRed.gif);
}

div#mainNavigation ul li.last,
div#mainNavigation ul#projectNavigation li.last {
	background: none;
}

div#mainNavigation ul li a,
div#mainNavigation ul li strong {
	display: block;
	width: auto;
	padding: 0.4em 1.25em 0.4em 0.75em;
	text-transform: uppercase;
}

div#mainNavigation ul li a:hover {
	text-decoration: none;
	color: #e8e788;
}

div#mainNavigation ul#projectNavigation li a:hover {
	color: #b12c1b;
}
	
div#mainNavigation ul li ul {
	position: absolute;
	display: none;
	width: auto;
	z-index: 80;
	background: #d1cf12;
	padding: 1em 0.75em 0.5em 0.75em;
	height: auto;
}

div#mainNavigation ul#projectNavigation li ul {
	background: #b12c1b;
}

div#mainNavigation ul li:hover ul,
div#mainNavigation ul li.showSubNavigation ul {
	display: block;
}

div#mainNavigation ul li ul li {
	float: none;
	font-size: 86.66%;
	background: none !important;
}

div#mainNavigation ul li ul li a,
div#mainNavigation ul li.active ul li a {
	padding: 0.25em 0.25em;
	color: #333;
	background: none;
	text-transform: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#mainNavigation ul#projectNavigation li ul li a,
div#mainNavigation ul#projectNavigation li.active ul li a {
	color: #fff;
}

div#mainNavigation ul li ul li a:hover {
	color: #b12c1b;
	text-decoration: underline;
}

div#mainNavigation ul#projectNavigation li ul li a:hover {
	color: #e8e788;
}

/* Sub navigation */

div#subNavigation ul li {
	background: none !important;
	padding: 0;
}

div#subNavigation ul li ul li {
	padding-left: 16px;
}

div#subNavigation ul li a {
	padding-left: 16px;
	text-decoration: none;
}

div#subNavigation ul li a:hover {
	text-decoration: underline;
}

div#subNavigation ul li.hasSubNavigation a {
	background: transparent url(../../fileadmin/images/css/triangleRedRight.gif) no-repeat 0 2px;
}

div#subNavigation ul li.hasSubNavigationOpened a {
	background-image: url(../../fileadmin/images/css/triangleRedDown.gif);
}

div#subNavigation ul li a,
div#subNavigation ul li.active ul li a {
	color: #b12c1b;
}

div#subNavigation ul li.active a,
div#subNavigation ul li.active ul li.active a {
	color: #333;
	font-weight: bold;
}

div#subNavigation ul li ul li a,
div#subNavigation ul li.hasSubNavigation ul li a {
	font-weight: normal;
	background: none;
}


/* Content
--------------------------------------------------------*/

div#content {
	font-size: 130%;
	background: #f9f9e3 url(../images/css/contentBackground.gif) repeat 0 0;
}

div#content div.container {
	background: #fff;
	padding-top: 1em !important;
	padding-bottom: 1em !important;
}

div.item {
	background: transparent url(../images/css/horizontalDivider.gif) repeat-x left bottom;
	padding-bottom: 2em;
	margin-bottom: 1.5em;
}

div.lastItem {
	background-image: none !important;
}

/* Content left */


/* Content right */

div#highLights {
	background: #e8e788 url(../images/css/highlightsBackground.gif) no-repeat left bottom;
	margin-top: -1.25em;
	width: 290px;
	padding: 20px 10px 40px 10px;
	font-size: 84.6%;
	line-height: 1.75em;
}

body#home div#highLights {
	padding-top: 10px;
}

div#highLights p,
div#highLights ul {
	margin: 0;
}

div#highLights div.item {
	background-image: url(../images/css/horizontalDividerGreen.gif);
}



/* Footer
--------------------------------------------------------*/
div#footer {
	font-size: 110%;
	line-height: 1.8em;
	color: #605b52;
	border-top: 10px solid #d1cf12;
}

div#footer div.container {
	border-top: 10px solid #b12c1b;
	padding-top: 2em !important;
	padding-bottom: 1em !important;
	margin-top: -10px;
}

div#footer h3 {
	color: #605b52;
	margin: -0.5em 0 0 0;
	line-height: 1.5em;
	overflow: auto;
	text-transform: uppercase;
}

div#footer a {
	font-weight: normal;
}

div#footerlinks {
	background: transparent url(../images/css/horizontalDividerGrey.gif) repeat-x left bottom;
	margin-bottom: 1em;
}

div#footerlinks div.span-4 {
	width: 140px;
	padding-right: 10px;
}

a#bannerINTERREG {
	display: block;
	width: 151px;
	height: 105px;
	background: url(../images/banners/bannerINTERREG.gif) repeat-x left bottom;
	text-indent: -9999px;
	margin-top: 1em;
	margin-bottom: 2em;
}

div#print-footer {
	display: none;
}