@import url('clear.css');

/*
 TASK24 color scheme 
 *******************
 gray:   b0b1b1
 pink:   e20177
 green:  c2cd23
 blue:   67a2c0
 orange: f58426
 line 306 for banners
*/

/* defaults */
a		{ outline: none }
a img 		{ border: none }
* img	 	{ border: none }
form 		{ display: inline }
.cursor 	{ cursor: pointer }
.clear 		{ clear: both; font-size: 1px; height: 1px; }
.right 		{ float: right; }
.left 		{ float: left; }
/* tags */
body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	color: #000;
	text-align: center;
	margin: 0px;
	background: #ffffff url(../img/body_bg.gif) repeat-y 50% 0px;
}

.webkit body {
	margin-left: 1px
}

input, select, textarea, button	{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-color: #d5d5d5;
	border: 1px solid #c0c0c0;
	color: #000;
	width: 200px;
	padding: 2px;
	margin: 2px;
	font-size: 1em;
}

textarea
{
	width:400px;
}

input.informeerRadio
{
	width:auto;
	background:none;
	border:none;
}

/* !css3 selectors, add "submit" and "reset" classes for older browser support */
button, input[type=submit], input[type=reset], .submit {
	font-weight: bold;
	background-color: #b0b1b1;
	border: 1px solid #fff;
	color: #fff;
	font-size: 12px;
	padding: 3px 5px 3px 5px;
	width: auto;
}

input[type=reset], .reset {
	background-color: #fff;
	border: 1px solid #b0b1b1;
	color: #b0b1b1;
}

a 		{ text-decoration: underline; color: #67a2c0; }
a:visited 	{ text-decoration: underline; color: #67a2c0; }
a:hover 	{ text-decoration: none; color: #000; }

/* color theming 
.gray h2, .gray h3, .gray h4, .gray h5, .gray h6, .gray a, .gray a:hover												{ color: #b0b1b1 }
.pink h2, .pink h3, .pink h4, .pink h5, .pink h6, .pink a, .pink a:hover, .pink #sitewide a:hover						{ color: #e20177 }
.green h2, .green h3, .green h4, .green h5, .green h6, .green a, .green a:hover, .green #sitewide a:hover			{ color: #c2cd23 }
.blue h2, .blue h3, .blue h4, .blue h5, .blue h6, .blue a, .blue a:hover, .blue #sitewide a:hover						{ color: #67a2c0 }
.orange h2, .orange h3, .orange h4, .orange h5, .orange h6, .orange a, .orange a:hover, .orange #sitewide a:hover	{ color: #f58426 }
*/

.gray #logo 	{ background-image: url(../img/task24_logo-gray.gif) }
.pink #logo 	{ background-image: url(../img/task24_logo-pink.gif) }
.green #logo 	{ background-image: url(../img/task24_logo-green.gif) }
.blue #logo 	{ background-image: url(../img/task24_logo-blue.gif) }
.orange #logo 	{ background-image: url(../img/task24_logo-orange.gif) }

.gray table th 		{ background-color: #b0b1b1 }
.pink table th 		{ background-color: #e20177 }
.green table th 	{ background-color: #c2cd23 }
.blue table th 		{ background-color: #67a2c0 }
.orange table th	{ background-color: #f58426 }

/* classes */
.print {
	display: none;
}

#mainwrapper {
	width: 986px;
	margin: 0px auto 0px auto;
	text-align: left;
	position: relative;
}

#logo {
	margin-left: 7px;
}

#logo a,
#logo {
	width: 393px;
	height: 81px;
	float: left;
}

#topheader {
	background-color: #fff;	
}

#sitewide {
	font-size: 1.2em;
	float: right;	
	padding-left: 10px;
	background: url(../img/sidewide_divider.gif) repeat-y
}

#sitewide a {
	padding: 3px 20px 5px 10px;
	display: block;
	float: left;
	background: url(../img/sidewide_divider.gif) 100% 0px repeat-y;
	text-decoration: none;
	color: #b0b1b1;
}

#sitewide a.active,
#sitewide a:hover {
	color: #000;	
}

#sitewide a.active {
	cursor: default;	
}

#homeshowcases {
	background: url(../img/header_bg.gif) repeat-y 50% 0px;
	position: relative;
}

#header {
	position: relative;
	width: 986px;
	height: 110px;
}



#homeloop {
	margin: 0px 25px 0px 25px;
	width: 936px;
	height: 107px;
	overflow: hidden;
}

/* home header height vars */

.home #header,
.home #homeloop {
	height: 165px;
}

.home #menu {
	background: url(../img/menu_bg_home.gif) no-repeat 0px 100%;
	height: 190px;
}

.home #menu a {
	padding-top: 140px;
}

#homeshowcaselink {
	width: 936px;
	margin: 0px 25px 0px 25px;
	height: 128px;
	z-index: 10001;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
}

/* menu */
#menu {
	font-size: 1.2em;
	padding: 0px 25px 0px 25px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 936px;
	height: 132px;
	background: url(../img/menu_bg.gif) no-repeat 0px 100%;
	z-index: 1000;
}

#menu a {
	width: 164px;
	margin-right: 10px;
	float: left;
	display: block;
	padding: 85px 0px 6px 15px;
	font-size: 1.2em;
	color: #fff;
	text-decoration: none;
	position: relative;
}



/* 1px correction */
#menu a.menu_profiel_active,
#menu a.menu_profiel {
	width: 165px;
	margin-right: 0px;	
}

#menu a.menu_home_active,
#menu a.menu_oplossingen_active,
#menu a.menu_technologie_active,
#menu a.menu_carriere_active,
#menu a.menu_profiel_active {
	cursor: default;
	font-weight: bold;
	color: #fff!important;
}

#menu a.menu_home_active,
#menu a.menu_home:hover {
	background: url(../img/mOver_gray.png);
	color: #e7e8e8
}

#menu a.menu_oplossingen_active,
#menu a.menu_oplossingen:hover {
	background: url(../img/mOver_pink.png);	
	color: #f6b3d6
}

#menu a.menu_technologie_active,
#menu a.menu_technologie:hover {
	background: url(../img/mOver_green.png);	
	color: #edf0bd
}

#menu a.menu_carriere_active,
#menu a.menu_carriere:hover {
	background: url(../img/mOver_blue.png);	
	color: #d2e3ec
}

#menu a.menu_profiel_active,
#menu a.menu_profiel:hover {
	background: url(../img/mOver_orange.png);
	color: #fcd4b3
}

/* maincontent */
#maincontent {
	background: #ffffff url(../img/content_bg.gif) repeat-y 0px 0px;	
	margin-top: 20px;
	padding: 0px 25px 0px 25px;
	width: 936px;
	z-index: 1001;
}

/* sitewide amc banner */
#amcbanner {
	font-size: 1.0em;
	padding: 0px;
	color: #fff;
}

.content #amcbanner {
	font-size: 1.2em;
	min-height:150px;
}

#aboveAMCbanner {
	background-color: #fff;
	padding-bottom: 15px;
}

/* column layouts */
#columnWrapper {
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

/*.gray #columnWrapper 	{ background-image: url('../img/leftside_gray.gif'); }
.pink #columnWrapper 	{ background-image: url('../img/leftside_pink.gif'); }
.green #columnWrapper 	{ background-image: url('../img/leftside_green.gif'); }
.blue #columnWrapper 	{ background-image: url('../img/leftside_blue.gif'); }
.orange #columnWrapper 	{ background-image: url('../img/leftside_orange.gif'); }*/

.singleColumn {
	float: left;
	width: 179px;
	margin-right: 10px;
}

.doubleColumn {
	float: left;
	width: 353px;
	padding-left: 15px;
	margin-right: 10px;
}

.tripleColumn {
	float: left;
	width: 532px;
	margin-right: 10px;
	padding-left: 15px;
}

.quadColumn {
	float: left;
	width: 711px;
	margin-right: 10px;
	padding-left: 15px;
}

/* [1] homepage */
.home #maincontent {
	line-height: 1.5em;	
	font-size: 1.2em;
}

.home #maincontent h1 {
	font-size: 22px;
	font-weight: bold;
	margin: 5px 0px 15px 0px;
}

.home #maincontent h1 a {
	color: #aaaaaa;
	text-decoration: none;
}

.home #maincontent h1 a:hover {
	color: #67a2c0;
	text-decoration: none;
}

.home #maincontent #homeFirst h1 {
	padding-left: 15px;
	color: #b1b0b0;
	font-size: 16px;
}

.home #maincontent #homeFirst h1 {
	padding-left: 15px;
	color: #b1b0b0;
	font-size: 16px;
}

.home #maincontent #homeFourth h1 {
	font-size: 16px;
	color: #b1b0b0;
}

.home #maincontent h2 {
	font-weight: bold;
	color: #000;
}

/* home 1st column: showcase nav */
.home #maincontent #homeshowcasesnav {
	padding-bottom: 75px;
}

.home #maincontent #homeshowcasesnav li a {
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

.home #maincontent #homeshowcasesnav li a:hover,
.home #maincontent #homeshowcasesnav li a.activeSlide {
	color: #b0b1b1;
}

#homeFirst ul {
	padding-left: 15px;	
}

/* home 2nd column: actueel + aanhetwoord */
.home .actueelitem {
	margin-bottom: 1em;	
}

.home .actueelitem:hover {background:#EFEFEF; cursor:pointer;}

.home .aanhetwoord {
	margin-top: 7em;
	position: relative;
	padding-bottom: 15%;
	cursor:pointer;
}

.home .aanhetwoord span {
	color: #b1b0b0;
	font-weight: bold;
	font-size: 1.3em;
	display: block;
	width: 210px;
	line-height: 1.3em;
}

.home .aanhetwoord img {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

/* homeThird: vacatures*/
.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; left: 0;
}

.vscrollerbase {
	width: 20px;
}

.vscrollerbar {
	width: 20px;
	height: 20px!important;
	cursor: s-resize;
	background: url(../img/scroller.gif) no-repeat 0px 50%;
}

.home #vacatures {
	/*height: 252px;*/
	height: 334px;
	overflow: auto;
	position: relative;
}

.home #vacatures ul {
	width: 170px;
}

#homeThird {
	background: url(../img/scroller_bar.gif) repeat-y 164px 0px;
	margin-right: 0px;
	width: 180px;
	margin-left: 15px;
	z-index: 1001;
	position: relative
}

.home #vacatures li {
	padding: 0.5em 0px 0.5em 0px;
	font-weight: bold;
}

.home #vacatures li a {
	display: block;
	width: 130px;
	color: #000;
	text-decoration: none;
}

.home #vacatures li:hover a {
	color: #67a2c0;
	text-decoration: underline;
}

/* homeFourth: companyProfile */
#homeFourth {
	padding-left: 10px;
	width: 159px;
	margin-right: 0px;
}


/* [2] contentpage */
#contentFirst .contentImage {
	margin-top: -13px;
	margin-left: -15px;
	width: 194px;
	z-index: 1005;
	position: relative
}

#contentThird .contentImage {
	margin: -12px 0px 0px -10px;
	z-index: 1005;
	position: relative
}

#contentSecond {
	width: 542px;
}

#contentThird {
	padding-left: 10px;
	width: 169px;
	margin-right: 0px;
}

#relatedItems {
	margin-top: 10px;
}

#relatedItems a, #relatedItems, #case_relateditems{
	font-size:1.1em;
}
.relatedItems-item {
  cursor:pointer;
}

.relatedItems-item:hover {
	background:#EFEFEF;
}

/* Gerelateerde items */
#contentThird ul {
	font-size: 1.1em;
	line-height: 1.5em;
}

#contentThird h1 {
	color: #aaaaaa;
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 0.8em;
}

#contentThird a {
	color: #67a2c0;	
}

/* Aanhetwoord leftside */
#contentFirst .aanhetwoord {
	margin: 0px;
	position: relative;
	cursor:pointer;
}

/* Aanhetwoord rightside */
#contentThird .aanhetwoord {
	margin-left: -10px;
	/*margin-top: 34px;*/	
	position: relative;
	cursor:pointer;
}

/* Aanhetwoord defaults */
.content .aanhetwoord {
	font-size: 1.2em;
	line-height: 1.4em;
	position: relative;	
	min-height: 240px;
	cursor:pointer;	
}

.content .aanhetwoord img {
	margin-top: 25px;
	cursor:default!important;
}

.content .aanhetwoord div {
	position: absolute;
	background: url(../img/aanhetwoord_bg.png) 0px 0px no-repeat;
	height: 93px;
	width: 164px;
	bottom: -1px;
	left: 0px;
	padding: 20px 5px 0px 10px
}

.content #contentThird .aanhetwoord a,
.content .aanhetwoord a {
	display: block;	
	color: #000;
	margin-top: 5px;
}

/* [3] Carriere */
#submenu a{
	background-color: #67A2C0;
	padding: 14px 0px 14px 15px;
	color: #D2E3EC;
	display: block;
	font-size: 1.4em;
	text-decoration: none;
	margin-bottom: 5px;
}
#submenu a:hover, #submenu a.active{color:#FFF;}
#submenu a.active{cursor:default}
#submenu li.active a{color:#FFF!important;}

#submenu.oplossingen a{background-color:#E10176; color:#F6B3D6;}
#submenu.technologie a{background-color:#C1CC23; color:#EDF0BD;}
#submenu.profiel a{background-color:#F48426; color:#FCD4B3;}

#submenu.oplossingen a:hover,
#submenu.technologie a:hover,
#submenu.profiel a:hover{color:#FFF;}

.content #vacatures {
	position: relative;
	line-height: 1.7em;
}

.content #vacatures div {
	font-weight: bold;
	width:100%;
}

.content #vacatures a {
	font-size: 1.2em
}

.content #vacatures div img {
	margin: 3px 0px -1px 4px;
}

.content #vacatures div a {
	color: #000;
	text-decoration: none;
	position: relative;
}

.content #vacatures div a:hover {
	text-decoration: none;	
}

.content #vacatures div div {
	padding: 3px 0px 3px 15px;
	margin-left: -15px;
	display: block;
}


.content #vacatures div strong {
	font-size: 1.2em;
	margin: 3px 0px 3px 0px;
	display: block;
}

.content #vacatures div:hover {
	background-color: #f0f0f0;
}

.content #vacatures div:hover img {
	display: inline;
}

.content #vacatures div:hover span {
	display: block;
}
	
.content #vacatures div span {
	display: none;
	font-size: 1em;
	font-weight: normal;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 150px;
	height: 100%;
	background-color: #f0f0f0;
	padding: 0px 20px 35px 20px;
}

.content #vacature_legenda {
	clear:both;
	margin: 20px 0px 35px 0px;
}

.content #vacature_legenda img {
	margin: 0px 0px -1px 5px;
}

.content #vacature_legenda span {
	margin-right: 15px;
	padding-right: 20px;
	float: left;
	font-size: 1.2em;
}

/* [4] oplossingen */
.case {
	width: 362px;
	height: 112px;
	margin-right: 5px;
	padding: 5px;
	background: url(../img/oplossingen_case.gif) no-repeat;
	float: left;
	position: relative;
	cursor:pointer;
}

.case.odd {
	margin-right: 0px;	
}

.publishedcontent .case img {
	margin: 0px 15px 0px 0px;
	float: left;
}

.publishedcontent .case h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
	margin-top: 5px;
}

.case:hover span.overlay {
	display: block;
}

.case span.overlay {
	width: 179px;
	height: 112px;
	position: absolute;
	top: 5px;
	left: 5px;
	background: url(../img/mOver_pink.png);
	display: none;
}

.case span.arrow {
	position: absolute;
	top: 12px;
	left: 173px;
	background: url(../img/arrowleft.png);
	width: 11px;
	height: 12px;
	z-index: 1002;
}

.oplossingen .quadColumn {
	padding-left: 0px;
	margin-right: 0px;
	margin-left: -4px;
	width: 750px!important;
}

#markten {
	position: relative;
	margin: 10px 0px 0px 5px;
	clear: both;
}

#markten .markt-content{
	font-size: 1.2em;
	width: 159px;
	margin: 3px 0px 0px 0px;
	background-color: #E10176;
	display: block;
	color: #F6B3D6;
	text-decoration: none;
	padding: 3px 0px 3px 20px;
	font-weight: bold;
	cursor: pointer;
	position: relative;
}

/*#markten .innerInfo a{
	display:none;
	height:0px;
	margin:0;
	padding:0;
}*/

#markten .markt-content span.arrow {
	background: url(../img/arrowleft.png);
	margin-top: 2px;
	width: 11px;
	height: 12px;
	display: none;
	position: absolute;
	left: 168px;
	top: 2px;
}

#markten .markt-content span.first{
	display:block;
}

#markten .markt-content:hover {
	color: #FFF
}

#markten .markt-content span.info {
	display: none;
}

#markten div#showhere {
	position: absolute;
	left: 195px;
	width: 550px;
	height: 202px;
	top: 2px;
	background-color: #fff;
	color: #000;
	font-size:10px;
	overflow:hidden;
}

#markten div#showhere table, #markten div#showhere table tr td
{
	margin:0!important;
	background:none;
	border:none;
	height:200px;
} 

#markten div#showhere strong {
	font-size: 14px;
	color: #aaaaaa;
	display: block;
	margin-top:5px;
}

#markten div#showhere table .mainMarktText
{
	width:360px;
}

.marktenTable, .marktenTable tr td
{
	background:none!important;
}

div#showbackup {
	display: none;
}

/* [5] Case */
#case_fillup {
	height: 240px;
	position: relative;
}

#case_loop {
	margin-left: -204px;
	width: 557px;
	height: 240px;
	background-color: #f0f0f0;
	overflow:hidden;
}

#case_body {
	margin: 2em 0px 2em 0px;
}

#case_body h1 {
	font-size: 2.4em;
	color: #e20177;
	font-weight: bold;
}


#caseFourth h2,
#caseThird h2,
#caseSecond h2 {
	font-size: 20px;
	color: #aaaaaa;
	font-weight: bold;
	margin-bottom: 1em;
	text-decoration: none;
	display: block;
}

#case_body h3 {
	font-size: 1.2em;
	font-weight: bold;
}

#caseFourth ul,
#caseSecond p,
#caseThird p {
	font-size: 1.2em;
	line-height: 1.4em;
}

#caseThird {
	margin-left: 10px;
	width: 170px;
}

#case_marktinfo {
	height: 225px;
}

#case_marktinfoContainer {
	height:570px;
	overflow:hidden;
}

.case_marktinfo_item{cursor:pointer;}
.case_marktinfo_item table td{display:none;}
.case_marktinfo_item table td.mainMarktText{display:block;}
.case_marktinfo_item:hover{background:#EFEFEF;}
.case_marktinfo_item strong{font-weight:bold; font-size:1.2em;}

#caseThird h2 {
	margin-top: 1em;
}

#caseFourth {
	margin-right: 0px;
	padding-bottom: 15px;
}

#case_relateditems {
	margin-top: -12px;
	position: relative;
	z-index: 1005;
	background-color: #f0f0f0;
	padding: 28px 20px 10px 20px;
	height: 214px;
}

/* [6] technologie */
#tech_partners {
	background: url(../img/tech_partnersbg.gif) no-repeat 0 -70px;
	width: 194px;
	height: 194px;
	margin-top: 0;
	margin-left: -5px;
	margin-bottom: -15px;
	position: relative;
	z-index: 1005;
}

#tech_partners h2 {
	font-size: 1.6em;
	color: #aaaaaa;
	font-weight: bold;
	padding-left:20px;
	padding-top:20px;
	display: block;
}

#tech_solutions h2 {
	font-size: 1.6em;
	color: #aaaaaa;
	font-weight: bold;
	padding-left:14px;
	padding-top:13px;
	display: block;
	margin-bottom:10px;
}

#tech_partnersloop {
	overflow: hidden;
	height: 124px;
	padding:0px;
	margin-top:15px;
}

#tech_partnersloop a {
	background-position: 50% 0;	
	background-repeat: no-repeat;
	display: block;
	height: 184px;
	width: 194px;
}

#techThird {
	margin-right: 0px;
	margin-left: 10px;
}

#tech_tweakers h2 {
	font-size: 1.6em;
	color: #aaaaaa;
	font-weight: bold;
	margin-bottom: 1em;
	display: block;
}

#tech_tweakers h2 a {
	color: #aaaaaa;
	text-decoration: none;
}

#tech_tweakers h2 a:hover {
	color: #67a2c0;
	text-decoration: underline
}

#tech_tweakers {
	margin-top: -12px;
	margin-right: -10px;
	position: relative;
	z-index: 1005;
	padding: 25px 0px 10px 10px;
	display: block;
	background: url(../img/tweakers_scroller.gif) no-repeat;
}

#tech_tweakers .flexcroll {
	width: 175px;
	height: 183px;
	font-size: 1.2em;
}

#tech_tweakers .flexcroll li {
	padding-bottom: 1em;
}

#techThird {
	padding-bottom: 15px;
	margin-left: 0px;
	z-index: 10005;
	position: relative
}

#techSecond {
	background: url(../img/technologie_bg.jpg) no-repeat -10px -1px;
	height: 483px;
	margin-left: -10px;
	width: 562px;
	margin-right: 0px;
}

#tech_laptoploop {
	width: 310px;
	height: 188px;
	margin: 100px 0px 0px 154px;
	color: #fff;
	font-size: 1.2em;
	font-family: "Courier New", Courier, monospace;
}

#tech_laptoploop h2 {
	font-size: 3.5em;
	margin-bottom: 5px;
}

#tech_laptoploop a {
	color: #fff;
	margin-top: 10px;
	text-decoration:none;
}

#tech_laptoploop a:hover {
	text-decoration:underline;
}

#tech_laptoploop div {
	margin: 20px;	
}

p.click{
	cursor:pointer;
}

/* [7] profiel */
.content #profielFirst .aanhetwoord img {
	margin-top: 5px;
	margin-bottom: -5px;
}

#profielSecond {
	padding-top: 10px;	
}

/* location map */
#profielThird {
	background: url(../img/profiel_map.jpg);
	margin: -12px -25px -15px 10px;
	position: relative;
	z-index: 1005;
	width: 195px;
	min-height: 489px;
}

#map_blue span,
#map_blue img,
#map_pink span,
#map_pink img,
#map_orange span,
#map_orange img,
#map_green span,
#map_green img {
	display: none;	
}

#map_blue,
#map_pink,
#map_orange,
#map_green {
	width: 104px;
	height: 74px;
	position: absolute;
	background-position: 50% 94%;
	background-repeat: no-repeat;
}

#map_blue 	{ top: 156px; left: -35px; background-image: url(../img/bullet-blue.gif); }
#map_pink	{ top: 150px; left: 26px; background-image: url(../img/bullet-pink.gif); }
#map_orange	{ top: 83px; left: 101px; background-image: url(../img/bullet-orange.gif); }
#map_green 	{ top: 217px; left: 61px; background-image: url(../img/bullet-green.gif); }

#map_blue:hover	 { background-image: url(../img/marker-blue.png);  }
#map_pink:hover { background-image: url(../img/marker-pink.png); }
#map_orange:hover	 { background-image: url(../img/marker-orange.png); }
#map_green:hover	 { background-image: url(../img/marker-green.png); }

#map_showhere {
	top: 321px;
	position: absolute;
	display: none;
}

#map_showhere span {
	display: block;
	padding: 0px;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
}

#map_showhere span span {
	font-size: 1em;
	padding: 5px 0px 5px 0px;
}

#map_showhere span.blue, #map_showhere span.blue span { background: url(../img/mOver_blue.png); }
#map_showhere span.pink, #map_showhere span.pink span { background: url(../img/mOver_pink.png); }
#map_showhere span.orange, #map_showhere span.orange span { background: url(../img/mOver_orange.png); }
#map_showhere span.green, #map_showhere span.green span { background: url(../img/mOver_green.png); }


/* footer */
#footer {
	background: url(../img/footer_bg.gif) no-repeat 0px 0px;
	width: 956px;
	padding: 25px 0px 0px 25px;
	margin-top: -16px;
	font-size: 1.2em;
}

#footer strong {
	font-weight: bold;	
}

#footer .tab {
	width: 164px;
	margin: -2px 10px -2px 0px;
	float: left;
	display: block;
	padding: 0px 0px 15px 15px;
	text-decoration: none;
	color: #ffffff;
}

#footer .tab.midden:hover,
#footer .tab.zuid:hover,
#footer .tab.west:hover,
#footer .tab.noord:hover
{ color: #ffffff; }


#footer .tab.midden	{ color: #f6b3d6; }
#footer .tab.zuid	{ color: #edf0bd; }
#footer .tab.west	{ color: #d2e3ec; }
#footer .tab.noord	{ color: #fcd4b3; }

#footer .tab a {
	text-decoration: none;
	display: block;
	color: #ffffff;
}

#footer .tab a:hover {
	color: #000000;
}

/* cms published content formatting */
.publishedcontent {
	padding-bottom: 15px;
}

.publishedcontent p {
	padding-right: 10px;	
}
	
.publishedcontent ul,
.publishedcontent ol,
.publishedcontent dl,
.publishedcontent table,
.publishedcontent p {
	font-size: 1.2em;
}

.summary{margin-left:110px;}

.publishedcontent p {
	margin-bottom: 1em;
}

.publishedcontent img{
	margin: 5px;
}

.publishedcontent h1 {
	font-size: 2.2em;
	font-weight: bold;
	margin-bottom: 10px;
	color: #000;
}

.publishedcontent h2 {
	font-size: 1.8em;
	font-weight: normal;
	margin-bottom: 10px;
}

.publishedcontent h3 {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 5px;
}

.publishedcontent h4 {
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 3px;
}

.publishedcontent h5 {
	font-size: 1.1em;
	font-weight: normal;
	font-style: italic;
	margin-bottom: 2px;
}

.publishedcontent h6 {
	font-size: 1em;
	font-weight: normal;
	margin-bottom: 2px;
}

.publishedcontent dt {
	font-weight: bold;	
}

.publishedcontent dd {
	margin-bottom: 1em;	
}
.publishedcontent table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #fff;
	background-color: #dadb9f;
	margin: 10px 0px 10px 0px;
}

.publishedcontent table th {
	color: #fff;
	font-weight: bold;
	text-align: left;
	padding: 9px 4px 9px 4px;
	border: 1px solid #fff;
	width: 20%
}

.publishedcontent table tr td {
	padding: 4px;
	background-color: #d5d5d5;
	border: 1px solid #fff;
	color: #000;
}

.publishedcontent .form table th {
	background-color:#FFFFFF;
	color: #000000;
	border: 0px;
}

.publishedcontent .form table tr td {
	padding: 4px;
	background-color: #ffffff;
	border: 0px;
	color: #000;
}

.publishedcontent ul{
	list-style:disc;
	list-style-position:inside;
}

#vacancies li{padding-top:4px; font-weight:bold; color:#569BBE;}
#vacancies li.first{padding-top:0;}
#vacancies a{font-weight:bold; text-decoration:none;}
#vacancies .description{font-weight:normal; color:#666;}

#vacancy-list{list-style:none;}
#vacancy-list li{vertical-align:top; padding:5px 0;}
#vacancy-list li img{margin:0 3px;}
#vacancy-list li a{text-decoration:none; font-weight:700; color:#000;}#vacancy-list li a:hover{color:#B0B1B1;}

#news,
#events{margin:0 -10px; list-style:none;}
#news li,
#events li{padding:11px 10px 10px 10px; background:url(../img/dotted-h.gif) top repeat-x;}
#news li.first,
#events li.first{padding-top:0; background:none;}
#news img,
#events img{float:left; margin-right:10px; width:80px; height:70px; border:1px solid #000;}
#news .title,
#events .title{font-weight:bold; color:#569BBE;}
.title {color:#569BBE; font-weight:bold;}

.rss-item{clear:left;}
.rss-item:hover{background:#EFEFEF; cursor:pointer;}

#tell form p{width:257px;clear:left;border-top:1px dotted ##EBEBEB;height:1%;padding:5px 0 8px 155px;overflow:hidden;}
#tell form label{float:left;margin-left:-155px;width:150px;padding-left:3px;}
#tell form textarea{height:70px;overflow:auto;}
#tell form div{margin:5px 0 0 155px;}
#tell form div input {border:1px solid ##363636;background:##363636;color:##FFF;cursor:pointer;}

/* Search */
#search{width:340px; margin-bottom:15px; overflow:hidden;}
#searchq{width:222px; height:25px; padding:2px 0 0 3px; font-size:14px; line-height:25px; border:1px solid #CCC;}
#submitSearch{display:block; width:100px; height:30px; background:#67A2C0; color:#FFF; border:1px solid #67A2C0; font-size:12px; font-weight:bold; overflow:hidden; cursor:pointer;}
#searchForm{margin:0;}#searchForm span{display:block; float:left; padding-top:10px; font-size:12px; font-weight:bold; color:#67A2C0;}
#search-data{list-style:none;}
#search-result{margin:5px;}
#search-data li{padding:5px 0;}
#search-data li a{padding-left:5px; font-size:12px; font-weight:bold; color:#000;}
#search-data li span.desc{font-size:12px; color:#AAA;}
#message{margin:0 10px 10px 20px; display:none; font-size:12px; font-weight:bold;}
#submitSearch,.loader{float:right;}
.loader{margin-right:45px;}
.hidden{display:none;}
.highlight{background:#FFFF00;}

/* Pagination / Pager */
.nav{margin:10px 0; font-size:11px; line-height:1.175em; overflow:hidden;}.nav:hover{background:none!important;}
.nav a{margin:0 2px 0 0; padding:2px 5px; color:#39C; text-decoration:none; border:solid 1px #D3D3D3; }
.nav a:hover{border:solid 1px #000;}
.nav a,.nav span{display:block; float:left;}
.nav .highlight{background:#67A2C0; color:#D2E3EC!important; font-weight:bold; border:solid 1px #3B7E9F;}
.nav .highlight.prev,.nav .highlight.next{color:#D3D3D3; border-color:#999;}

.button{display:inline-block;zoom:1; *display:inline; vertical-align:baseline;margin:0 2px;outline:none;cursor:pointer;text-align:center;text-decoration:none;font:14px/100% Arial, Helvetica, sans-serif;padding:.5em 2em .55em;text-shadow:0 1px 1px rgba(0,0,0,.3);-webkit-border-radius:.5em; -moz-border-radius:.5em;border-radius:.5em;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);}
.button:hover{text-decoration:none;}
.button:active{position:relative;top:1px;}
.bigrounded{-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em;}
/* blue */
.lightblue{color:#FFF!important;text-decoration:none!important;border:none;background:#0095cd;background:-webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));background:-moz-linear-gradient(top, #00adee, #0078a5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');}
.lightblue:hover{background:#007ead;background:-webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));background:-moz-linear-gradient(top,  #0095cc,  #00678e);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');}
.lightblue:active{color:#80bed6;background:-webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));background:-moz-linear-gradient(top, #0078a5, #00adee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');}

.flashcontent{color:#000}

#contentThird .sinterklaasAanhetwoord {
	margin-left: -10px;
	margin-top: 34px;	
	position: relative;
	cursor:pointer;
}
.content .sinterklaasAanhetwoord img {
	margin-top: 25px;
	height:208px;
	cursor:default!important;
}

.content .sinterklaasAanhetwoord div {
	position: absolute;
	background: url(../img/aanhetwoord_bg.png) 0px 0px no-repeat;
	height: 93px;
	width: 164px;
	bottom: -97px!important;
	left: 0px;
	padding: 20px 5px 0px 10px;
	font-size:1.2em;
	line-height:1.4em;
}