/*	Default stylesheet			*/
/*	Author: 	Sia Alexieva		*/
/* Company: 	tfe.com			*/

@import url('reset.css');
html{
	height:100%;
}
.right {
	float: right;
}

.left {
	float: left;
}

.clear {
	clear: both;
}

html, body {
	margin: 0;
	padding: 0;
	font: normal normal normal 10px arial, verdana, sans-serif;
}

body {
	background: #4B363B url('../images/bgr-container1.gif') repeat-y top center;
}

body.home, body.about_painting {
	background: #4B363B;
	height:100%;
}

body.popup {
	background: #F5F5F5;
	width: 100%;
	height: 100%;
}

div.container{
   padding: 0 8px 41px 8px;
	position: relative;
	margin: 0 auto;
	width: 960px;
}

body.home div.container {
	min-height:620px;
	height:99%;
	padding: 0px 10px 0 10px;
	width:980px !important;
	margin:0px auto 0px auto;
	position:relative;
	background:#4B363B url(../images/bg_body.png) center repeat-y;
}
.relative{
	height:56%;
}
.theTrick{
	position:absolute;
	z-index:0;
	height:100%;
	width:960px;
	top:0px;
}
.heelmeesters{
	overflow-x:hidden;
	height:99%;
	width:960px;
	background:#38686C;
	margin:0px auto 0px auto;
}
.guldensnede{
	background:url(../images/guldensnede.png) -3px 0px no-repeat;
	width:960px;
	height:100%;
	position:absolute;
	z-index:0;
}
body.about_painting  div.container{
/*	padding: 15px 0 0 0;*/
	padding-top: 15px;
	overflow: hidden;
	background:url(../images/bgr-body-about_painting1.jpg) no-repeat top center;
	height: 575px;
}

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

a:hover {
	color: #000;
}

a.right {
	display: block;
	margin-right: 13px;
}

div.content a {
	color: #00A2AE;
/*	background: url(../images/more-arrow.gif) right 50%  no-repeat; */
}

 div.content a:hover {
	color: #000000;
/*	background: url(../images/more-arrow-hover.gif) right center no-repeat; */ 
}

div.content a.contentlink,
div.content a.contentlink:hover {
	background: none;
	font-size: 1px;
	line-height: 1px;
}

div.content h1 a,
div.content h1 a:hover,
div.content div.inner_content a,
div.content div.inner_content a:hover {
	background: none;
}

/*Read aloud */


div.content a.read_aloud,
div.content a.read_aloud:hover {
	float: left;
	overflow: hidden;
	height: 25px;
	margin: 0 0 19px 0;
	padding: 1px 6px 0 6px;
	background: url(../images/bgr-read_aloud2-trans.png) no-repeat;
	color: #244446;
	font-weight: bold;
	font-size: 11px;
	cursor: pointer;
	width: 58px;
}

div.paintingText a.read_aloud,
div.column_right a.read_aloud,
div.column_right a.read_aloud:hover,
body.about_painting div.content a.read_aloud,
body.about_painting div.content a.read_aloud:hover {
	float: left;
	overflow: hidden;
	padding-right: 6px;
	font-weight: bold;
	cursor: pointer;
	height: 26px;
	line-height: 18px;
	margin: 0 0 19px 0;
	padding: 0 9px 0 7px !important;
	background: url(../images/bgr-read_aloud-trans.png) no-repeat;
	font-size: 11px;
	color: #333;
}

div.paintingText a.read_aloud,
div.paintingText a.read_aloud:hover {
	float: right;
	margin: 10px -1px 0px 0px;
}

a.read_aloud span.red{
	margin: 0 0 0 4px;
	color: #FF0000;
	background-color: #FFFFFF;
}

a.read_aloud:hover, a.read_aloud:hover span {
	text-decoration: underline;
}


/*/Read aloud */

img {
	border: none;
}

p{
	margin: 15px 5px 5px 0px;
	font-size: 11px;
	line-height: 140%;
}

.sidebar-block p{
	margin: 1px 0 0 20px;
}

small {
	font-size: 10px;
	clear: both;
	display: block;
	padding: 20px 0;
	*padding-top: 10px;
}


h1 {

}

h2 {
	clear: both;
	padding: 15px 0 0 0;
	color: #DADADA;
	font-weight: bold;
}

div.content_header h2{
	color:#665758;
	display:inline;
	float:left;
	font-size:15px;
	padding-top:10px;
	width:440px;
}

div.rss h2{
	width: 260px;
}

div.content div.content h2{
	color: #000000;
	margin-bottom: 10px;
}

h3,
th {
	clear: both;
	font-weight: bold;
	padding: 10px 0 5px 0;
}

h4 {
	padding: 17px 0 3px 0;
	font-size: 14px;
	font-weight: bold;
}


div.sidebar h4 {
	padding: 3px 10px 0 15px;
	width: 170px;
	line-height: 120%;
	color: #665758;
}

div.sidebar div.sidebar-block h4{
	padding-left: 0px;
	height: 33px; 
	overflow: hidden;
}

div.sidebar div.magazine-block h4{
	padding: 15px 10px 0 10px;
	height: 33px;
	overflow: hidden;
}

div.sidebar div.magazine-block p{
	height: 15px;
	overflow: hidden;
}

div.sidebar h4 a {
	display: block;
	color: #665758;
	margin-left: 10px;
}

div.sidebar div.sidebar-block.nolink h4 {
	margin-left: 10px;
	padding-right: 10px;
}

div.sidebar div.sidebar-block.noimage h4 {
	height: auto;
}

div.content h4 a:hover {
	color: #665758;
}

h5 {
	margin: 10px 0 10px 0;
	font-weight: bold;
	font-size: 12px;
/*	display: inline;*/
}


h6 {

}

div.container div.content p.indent{
	margin-left: 5px;
}

hr {
	height: 1px;
	background: transparent;
	border: 0;
	border-top: 1px solid #BABABA;
	margin: 10px 0;
}

abbr {

}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

fieldset {

}

input,
select,
textarea {
}

input.submit {
	border: 0px;
}

input.button, input.button_back {
 	color: #FFFFFF;
	border: 0px;
	cursor: pointer;
	font-size: 12px;
	padding: 1px 10px 3px 0px !important;
	line-height: 14px;
}

ul {
	list-style: none;
}

ul li {

}

.content ul {
	list-style: disc;
	margin: 5px 15px;
}

ul.more {
	list-style-image: url(../images/more-arrow.gif);
}

ul.more li {
	padding: 2px 0px;
}

/***/

/* repeated styles */

.skiplink {
	display: block;
	position: absolute;
	top:0;
	left: -999px;
	height: 20px;
	padding: 10px 20px;
	background: #aaa;
}

.skiplink:focus {
	left: 0;
}

.discreet {
	color: #7F7F7F;
	margin: 0;
}

a.more{
	font-size: 11px;
	padding: 0 0 0 14px;
	background: url(../images/more-arrow.gif) no-repeat  left center;
}

div.content a.back {
	padding-left: 17px;
	background: url(../images/back-arrow.gif) no-repeat 3px center;
}

body.home .more:hover,
div.content a.more:hover,
div.content a.back:hover {
	color: #FFFFFF;
}

body.home .more:hover,
div.content a.more:hover {
	background: url(../images/more-arrow-hover.gif) no-repeat left center;
}

body.home .more:hover {
	background-image: url(../images/more-arrow-hover.png);
}

.last {
	background: none;
	border: none !important;
}

.position_left {
	float: left;
}

.position_right {
	float: right;
}

.clear {
	clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
*html .clearfix {
    height: 1%;
}


/* end repeated styles */


/* Header */
body div.header{
	height: 61px;
	background: url(../images/bgr-header.jpg) no-repeat;
	padding-top: 10px;
}

body.home div.header {
	/*position: static;*/
	/*height: 290px;*/
	/*padding-top: 10px;*/
	background: none;
	padding:20px 10px 0px 10px;
}

h1.logo {
	margin: 5px 0 0 39px;
	width: 300px;
	height: 53px;
	background: url(../images/logo-trans.png) top left no-repeat;
	float: left;
	cursor:pointer;
}

body.home h1.logo {
	margin:0 0 0 39px;
}

body.about_painting h1.logo{
	margin: 0 0 0 0;
	border-bottom: 1px solid #426F6F;
}

h1.logo a{
	display: block;
	width: 300px;
	height: 53px;
	}


h1.logo span,
a.kinderziekenhuis span
{
	display: none;
}

a.kinderziekenhuis{
	position: absolute;
	right: 168px;
	top: 210px;
	display: block;
	width: 134px;
	height: 123px;
	background: url(../images/kinderziekenhuis-trans.png) no-repeat;
	z-index: 1000;
	cursor: pointer;
}

body.home a.more{
	position: absolute;
	right: 400px;
	top: -40px;
}
/*ends Header */

/* Right Column */
div.column_right{
	/*padding: 0 0 0 15px;*/
	width: 143px;
	position:absolute;
	right:-5px;
	top:20px;
}

div.column_right p {
	margin: 18px 38px 0 5px;
	font-size: 11px;
	color: #D7E1E2;
}

div.column_right img {
  margin: 0 0 0px 10px;
  width: 115px;
  height: 35px;
}

form.search{
	float: right;
	margin: 30px 15px 0 0;
}

div.column_right form.search{
	float: left;
	margin-bottom: 20px;
	margin-top: 0px;
	margin-right: 5px;
}

form.search div.input {
	margin: 0 2px 0 0;
	float: left;
	width: 129px;
	height: 21px;
	background: url(../images/input_white.png) no-repeat;
}

form.search div.input input {
	padding: 3px 0 0 6px;
	*padding: 4px 0 0 4px; /*for IE6 and IE7 */
	margin-left: 2px;
	width: 103px;
	border:0px;
	background: none;
	color: #333333;
	font-size: 11px;
	float:left;
}


form.search input.button {
	display: block;
	float: right;
	margin: 3px 1px 0 0;
	width: 14px !important;
	height: 12px;
	background: url(../images/button_new.gif) no-repeat scroll 0 2px !important;
}

form.search input.button:hover{
	background-position: 0px -10px !important;
}


/* ends Right Column */

/*EMMAZIEKENHUIS*/
.menu{
	position:relative;
	z-index:700;
}
.menu .emma a{
	position:absolute;
	margin:-60px 0px 0px 0px;
	left:700px;
	z-index:600;
	height:65px;
	overflow:hidden;
}
.menu .emma img{
	border:none;
}
/* Top Navigation */
div.topnav {
	position: relative;
	z-index: 500;
	}

div.mainnav {
	position: relative;
}

div.topnav ul {
	width: 960px;
	height: 40px;
	background: url(../images/bg_topnav.png) repeat-x;
	list-style: none;
	margin:0px 0px 0px 10px;
}

div.mainnav ul{
	height: 36px;
	background-color: #000000;
	margin: 0;
	list-style: none;
}

div.topnav ul li {
	float: left;
	margin: 6px 0;
}

div.mainnav ul li{
	float: left;
	margin: 6px 0 3px 0;
}
div.topnav ul a,
div.mainnav ul a {
	display: block;
	border-left: 1px solid #333333;
	font-size: 13px;
	padding: 4px 20px 7px 20px;
}

div.mainnav ul a {
	padding: 4px 20px 3px 20px;
}
div.topnav ul li:hover a,
div.topnav ul li.active a,
div.mainnav ul li:hover a,
div.mainnav ul li.active a {
	color: #FFFFFF;
}

div.topnav ul li.first a,
div.mainnav ul li.first a  {
	padding-left: 19px;
	border-left: none;
}
div.topnav ul li a.active {
	color: #FFFFFF;
}

div.topnav ul li.font_size,
div.mainnav ul li.font_size {
	float: right;
}

div.header .font_size {
	right: 16px;
	position: absolute;
	top: 12px;
}

div.header .font_size a,
div.topnav ul li.font_size a,
div.mainnav ul li.font_size a,
div.column_right .font_size a {
	border-left: none;
	padding: 0;
	margin: 6px 24px 0 0;
	display: block;
	width: 34px;
	height: 12px;
	line-height: 1px;
	text-indent: -9999px;
	background: url(../images/font-size.gif) no-repeat;
}

div.column_right .font_size a {
	margin: 39px 21px 15px 0px;
}

div.mainnav ul li.font_size a {
	margin-right: 18px;
}

.font_size a:hover {
	background-position: 0px -13px !important;
}

div.address p {
	color: #D7E1E2;
}

div.topnav ul li div.subtopnav{
	display: none;
	position: absolute;
	overflow: hidden;
	top: 30px;
	left: 10px;
	width: 960px;
	height: 216px;
}

div.topnav ul li div.subtopnav.active{
	display: block;
}

div.subtopnav span.background {
	position: absolute; 	
	top: 0px;
	left: 0px;
	width: 960px;
	height: 216px;
	background: #000000;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
	z-index: 600;
}

div.subtopnav ul{
	float: left;
	height: 200px;
	width: 205px;
	background:transparent !important;
	position: relative; 
	z-index: 800;
	margin: 0;
	list-style: none;
}

div.subtopnav ul li{
	float: none;
}

div.subtopnav ul li a{
	color: #CECECE;
	padding: 0 0 0 18px;
	margin: 4px 0 3px 0;
	border-left: none;
	font-size: 12px;
}

div.subtopnav ul li a:hover{
	/*font-weight: bold;*/
	background: url(../images/subtopnav-arrow.png) no-repeat 7px center;
	color: #FFFFFF;
}

div.comments {
	position: absolute;
	left: 555px;
	top: 69px;
	width: 396px;
	color: #DADADA;
	font-size: 12px;
	line-height: 160%;
}

div.comments div.top {
	width: 396px;
	height: 10px;
	background: url(../images/bgr-comments-top.png) no-repeat left top;
	padding: 0px;
}

div.comments div.bottom {
	width: 396px;
	height: 10px;
	background: url(../images/bgr-comments-bottom.png) no-repeat left bottom;
}

div.comments div.main {
	position: relative;
	overflow: hidden;
	zoom: 1;
	z-index: 1200;
	* margin-top: -5px;
	
}

div.comments div.main div.text {
	position: relative; 
	z-index: 1200;
	padding: 5px 20px 10px 20px;
	background: url(../images/comments-arrow.gif) no-repeat 1px 7px;
}

div.comments span.bgr {
	position: absolute;
	display: block;
	width: 100%;
	height: 4000px;
	background-color: #635557;
	z-index: 800; 
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}

ul li div.subtopnav ul li a{
	color:#B5B5B5 !important;
}
ul li div.subtopnav ul li a:hover{
	color:#FFF !important;
}
div.subtopnav ul li .comments{
	display: none;
}

div.subtopnav ul li:hover .comments{
	display: block;
}
/* ends Top Navigation */

/* Home Teasers */
div.teaserTrick{
	margin:0px 0px 0px 20px;
	position:relative;
	height:33%;
}
table.teasers{
	margin:auto 0;
	z-index:400;
	height:100%;
	border:0;
}
table.teasers td{
	vertical-align:middle;
}
div.teaser {
	/*position:relative; */
	overflow: hidden;
	margin: 7px 16px 0 0px;
	width: 223px;
	height: 192px;
	cursor: pointer;
	z-index: 100;
	
}
div.Last{
	margin: 7px 0px 0 0px;
}
div.teaser-content{
	/*position: absolute;
	float: none;*/
}
div.teaser img {
	width: 223px;
	height: 192px;
}

div.teaser span{
	left: 0px;
	margin-top:-53px;
	display: block;
	padding: 3px 30px 1px 0;
	width: 193px;
	height: 51px;
	background: url(../images/bgr-teaser-span.gif) no-repeat;
	font-size: 13px;
	text-align: right;
	line-height: 1.6em;
	color: #FFFFFF;
	cursor: pointer;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
}

div.teaser:hover span {
	background: url(../images/bgr-teaser-span-hover.gif) no-repeat;
	color: #0FF;
}
.nolink {
	cursor: default !IMPORTANT;
}

div.teaser.nolink:hover span,
div.teaser.nolink span:hover {
	cursor: default;
	color: #FFF;
}

div.teaser.nolink:hover span {
	background: url(../images/bgr-teaser-span.gif) no-repeat;
}

div.teaser a {
	color: #FFFFFF;
}
/* end Home Teasers */

/* Footer */
div.fixed {
	bottom: 0px;
	width: 100%;
	height: 21px;
	position: fixed;
	text-align: center;
	left: 0;
}


div.footer {
	margin: 0 auto;
	width: 960px; 
	height: 21px; 
	position: relative;
}

body.home div.fixed {
	bottom: 23px;
}

body.about_painting div.fixed {
	 /* shadow missing */
	bottom: 49px;
}

.footer span.background {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #281E21;
}

body.home .footer span.background,
body.about_painting .footer span.background {
	filter:alpha(opacity=70);
	-moz-opacity:.7;
	opacity:.7;
}

.footer ul {
	position: absolute;
	bottom: 0px;
	left: 8px;
	margin: 0;
	list-style: none;
}

.footer ul li {
	float: left;
	padding: 3px 0px;
}

.footer ul li a {
	color: #CCCCCC;
	background: url(../images/footer-line.gif) no-repeat left center;
	padding: 0px 10px;
	font-size: 11px;
}

body.home .footer ul li a,
body.about_painting .footer ul li a {
	color: #FFFFFF;
}

.footer ul li.first a {
	background: none;
	padding-left: 2px;
}

.footer ul li a:hover  {
	color: #02DBDA !important;
}
/* uitzonderingen footer home en schilderij */

/*FOOTER*/
.footer_home{
	width:940px;
	/*height:27px;*/
	margin:0px auto 0px auto;
	left:20px;
	padding:0px 10px 0px 10px;
	background:#2C3639;
	/*background:url(../images/bg_footer.png) no-repeat 0 bottom;*/
	position:absolute;
	z-index:200;
	bottom:-6px;
}
.footer_home ul{
	margin:0px;
	padding:3px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:1px;
}
.footer_home ul li{
	display:inline;
	margin:0 0 0 0;
	*margin:-15px 0 0 0;
}
.footer_home ul li a{
	color:#FFF;
	padding:0px 10px 0px 7px;
	text-decoration:none;
	border-right:solid 1px #FFF;
}
.footer_home ul li a.last{
	border:none;
}
.footer_home ul li a:hover{
	text-decoration:none;
	color:#01A6A6;
}
/* einde uitzonderingen footer home en schilderij */


/* ends Footer */

/* Content */
div.container div.content {
	float: left;
	padding: 0 0 0 32px;
	background: url(../images/bgr-content.jpg) no-repeat left top #F5F5F5;
	width: 729px;
	font-size: 11px;
	color: #000000;
}


body.about_painting div.content{
	padding: 0;
	float: right;
	margin: 0 15px 0 0;
	width: 315px;
	background: none;
	font-size: 11px;
	color: #DADADA;
	}


body.about_painting div.content a.back{
	display: block;
	margin-top: 15px;
}
body.about_painting div.content a.back:hover{
	background: url(../images/back-arrow-hover2.gif) no-repeat 3px center;
	color:#FFF;
}
div.container div.content div.content{
	width: 492px;
	color: #000000;
	padding: 0px;
	background: none;
}

div.container div.content div.extra_wide
{
	width: 697px;
}

/* ends Content */

/* Breadcrumb */
div.breadcrumb {
	float: left;
	padding: 18px 0 2px 0;
	color: #665758;
	border-bottom: 1px solid #A2D2D2;
}

div.breadcrumb ul {
	float: left;
	list-style: none;
	margin: 0;
	width: 729px;
}

div.breadcrumb ul li {
	float: left;
	padding: 0 0 2px 13px;
	background: url(../images/breadcrumb-arrow.gif) no-repeat 4px 5px;
	white-space: nowrap;
}

div.breadcrumb ul li a {
	color: #CC0000;
	padding: 0 0 0 13px;
}

div.breadcrumb ul li.first {
	padding-left: 2px;
	background: none;
}

div.breadcrumb ul li a,
div.breadcrumb ul li a:hover {
	background: none;
	padding-left: 0px;
}


/* end Breadcrumb */

div.content_header {
	float: left; 
	width: 727px;
	border-bottom: 1px solid #A2D2D2;
	min-height: 34px;
	padding-left: 2px;
}

/* Page Actions */
ul.page_actions {
	float: right;
	padding: 11px 0 0 0;
	*padding: 9px 0 0 0; 
	height: 26px;
	list-style: none;
	margin: 0;
}

ul.page_actions li {
	padding-right: 20px;
	padding-left: 17px;
	float: left;
	background: url(../images/page_actions-line.gif) no-repeat right top;
}

ul.page_actions li.last{
	background: none;
}

ul.page_actions li a {
	float: left;
	color: #665758;
	font-size: 11px;
	display: block;
}

ul.page_actions li a.rss,
ul.page_actions li a.rss:hover {
	padding-top: 2px;
	padding-right: 25px;
	background: url(../images/rss.gif) 100% bottom no-repeat;
}

ul.page_actions li a.read_aloud,
ul.page_actions li a.read_aloud:hover {
	text-indent: 2px;
	margin-left: 0;
	border-left: none;
	text-align: center;
	font-size: 11px;
}

ul.page_actions li a.function_mail {
	padding: 0 25px 0 0;
	height: 17px;
	background: url(../images/mail.gif) 27px center no-repeat;
}

ul.page_actions li a.function_print {
	padding: 0 25px 0 0;	
	height: 17px;
	background: url(../images/print.gif) 29px center no-repeat;
}
/* end Page Actions */

/* Paging */
div.paging {
	margin: 26px 0 20px 0;
	height: 22px;
	text-align: center;
}

div.paging a,
div.paging span {
	display: block;
	padding: 3px 7px 2px 7px;
	border: 1px solid #C1BBBB;
	color: #C1BBBB;
}

div.paging ul{
	width: 330px;
	margin: 0 auto;
	list-style:none;
}

div.paging ul.more_pages{
	width: 290px;
}

div.paging a.previous,
div.paging span.previous {
	float: left;
	padding-left: 17px;
	background: url(../images/paging-back-arrow.gif) no-repeat 10% center  #FFFFFF;
}

div.paging a.next,
div.paging span.next {
	float: right;
	padding-right: 14px;
	background: url(../images/paging-next-arrow.gif) no-repeat 92% center  #FFFFFF;
}

div.paging a.previous:hover,
div.paging a.next:hover {
	border: 1px solid #000000;
	color: #000000;
}

div.paging a.previous:hover{
	background: url(../images/paging-back-arrow-hover.gif) no-repeat 10% center  #FFFFFF;
}

div.paging a.next:hover{
	background: url(../images/paging-next-arrow-hover.gif) no-repeat 92% center  #FFFFFF;
}


div.paging ul li{
	float: left;
	margin: 0 1px;
	list-style:none;
}

div.paging ul li span,
div.paging ul li a{
	padding: 2px 7px;
	color: #000000;
	border: 1px solid #01B8C1;
	background-color: #FFFFFF;
	background-image: none;
}

div.paging ul li span {
	line-height: 16px;
}

div.paging ul li a:hover{
	border: 1px solid #000000;
	background-color: #FFFFFF;
	background-image: none;
}

div.paging ul li .active{
	border: 0px;
	color: #555555;
	font-weight: bold;
	background: none;
}

/* ends Paging */

/* Summary */
div.container-summary {
	margin-top: 15px;
	border-top: 1px solid #BABABA;
}

div.summary{
	padding: 0 10px 8px 10px;
	border-bottom: 1px solid #BABABA;
	background: #F5F5F5;
	color: #000;
	font-size: 11px;
}

div.summary:hover {
	background: #F0EFEF;
}

div.summary h3{
	padding: 13px 0 3px 0;
}

div.content div.summary h3 a,
div.content div.summary h3 a:hover {
	color: #00A2AE;
	background: none;
}

div.content div.summary a,
div.content div.summary.default:hover a {
	color: #000;
	background: none;
	padding-right: 0px;
}


div.content div.summary.default:hover h3 a, /* I need class default because of bug of the javascript */
div.content div.summary h3 a:hover {
	color: #000;
	background: none;
}

div.content div.summary.default a.read_more {
	color: #00A2AE;
	background: url(../images/more-arrow.gif) right 50%  no-repeat;
	padding-right: 10px;
}

div.content div.summary.default:hover a.read_more, /* I need class default because of bug of the javascript */
div.content div.summary a.read_more:hover {
	color: #000;
	background: url(../images/more-arrow-hover.gif) right 50%  no-repeat;
}

/*div.summary.magazine:hover a.read_more {
	color: #00f;
	border: 1px solid red;
}*/


div.indent h3{
	padding-right: 7px;
}

/*div.magazine {
	padding-left: 0px;
}

div.magazine h3{
	padding: 0;
	margin-top: 5px;
	float: left;
}*/
/* ends Summary */

/* Sidebar */
div.sidebar {
	float: right;
	padding: 0 10px 0 0;
	overflow: hidden;
	width: 199px;
}
/* ends Sidebar */

/* Menu Related */
div.menu_related {
	margin: 10px 0 20px 0;
	width: 195px;
	overflow: hidden;
}

div.menu_related strong {
	display: block;
	padding-bottom: 2px;
}

div.menu_related ul {
	border-top: 1px solid #A2D2D2;
	list-style: none;
	margin: 0;
}

div.menu_related ul li {
	padding: 5px 0 1px 0;
}

div.menu_related ul li a {
	color: #000000;
	padding: 0 0 0 16px;
	background: url(../images/menu_related-arrow.gif) no-repeat 2px center;
}

div.menu_related ul li a:hover {
	color: #00A2AE;
	background: url(../images/more-arrow.gif) no-repeat 2px center;
}

.sidebar form fieldset legend {
	width: 200px;
}

/* ends Menu Related */

/*Pic Container */

div.pic_container{
	margin: 15px 0 0 0;
}

div.pic_container img{
	width: 194px;
	height: 155px;
}
/* ends Pics Container */

/* Sidebar Blocks */
div.sidebar-block{
	position: relative;
	float: left;
	clear: both;
	overflow: visible;
	margin: 20px 0 2px 0px;
	width: 199px;
	height: 177px;
	background: url(../images/bg_sidebar_block_top.png) no-repeat;
	cursor: pointer;
}

.block_bottom {
	background: url(../images/bg_sidebar_block_bottom.gif) no-repeat;
	height: 20px;
	margin: 0px 0px -20px -10px;
	width: 200px;
}

div.sidebar-block.nolink {
	cursor: default;
}

div.sidebar-block div.inner_content {
	position: absolute;
	height: 177px;
	margin:0 8px 0 0px;
	overflow: visible;
	background: url('../images/bg_sidebar_block_bottom.gif') no-repeat 0% bottom;
	bottom: 0px;
	width: 200px;
}

div.sidebar-block:hover .arrow {
	background: url('../images/bg_sidebar_arrow_hover.gif') no-repeat 0%;
}

.sidebar-block .arrow {
	background: url('../images/bg_sidebar_arrow.gif') no-repeat 0%;
	bottom: 15px;
	height: 18px;
	position: absolute;
	right: 15px;
	width: 17px;
}

div.sidebar-block img{
	position: absolute;
	bottom: 6px;
	left: 2px; 
}

div.contact_info {
	width: 178px;
	height: 131px;
	padding: 10px 10px 1px 10px;
	background: url(../images/bg_sidebar_block_top.png) no-repeat;
}

div.contact_info h4  {
	margin-left: 0;
	margin-bottom: 10px;
	padding-left: 0;
	padding-top: 0;
}

div.contact_info p {
	margin-top: 0;
	margin-bottom: 12px;
}

/* Sidebar */


div.container div.content h3.title {
	padding-bottom: 0;
	width: 98%;
	margin-bottom: -15px;
}


div.related_content{
	padding: 0 0 8px 0;
	overflow: hidden;
}

div.related_content strong {
	display: block;
}

div.related_content ul{
	float: left;
	width: 100%;
	margin: 0;
	list-style: none;
}
div.related_content ul li{
	float: left;
	background: url(../images/related_content-slash.gif) left center no-repeat;
	padding: 0 3px 0 6px;
}

div.related_content ul li.first {
	padding-left: 0px;
	background: none;
}

div.related_content a{
	font-weight: bold;
	background: none;
	padding-right: 0px;
}

div.related_content a:hover{
	background: none;
	padding-right: 0px;
}

ul.menu-sections {
	clear: both;
	padding: 3px 0;
	margin: 0px 0px 11px 0px;
	border-top: 1px solid #BABABA;
	border-bottom: 1px solid #BABABA;
	list-style: none;
}

ul.menu-sections li{
	padding: 1px 0;
}

p.date {
	clear: both;
	font-size: 10px;
	padding: 10px 0 40px 0;
	margin-top: 0px !important;
}

span.date {
	float: left;
	margin: 5px 0 0 10px;
	width: 350px;
}

div.go_top_nav {
	margin: 110px 0 0 0;
	overflow: hidden;
	display: block;
	border-top: 1px solid  #BABABA;
}

div.content a.top{
	float: right;
	padding-right: 12px;
	margin: 10px 3px 15px 0;
	background: url(../images/top-arrow.gif) right center no-repeat;
}

div.content a.top:hover {
	background: url(../images/top-arrow-hover.gif) right center no-repeat;
}


/* Content Form */
div.content form {
	background: url(../images/bgr-form-content-top.gif) left top no-repeat;
}

div.content form label{
	float: left;
	padding: 3px 0 1px 0;
}

div.content form textarea {
	float: left;
	clear: both;
	border: 1px solid #9B888B;
	padding: 10px;
	width: 85%;
	height: 100px;
	margin: 0px;
}

div.content form p {
	clear: both;
	padding: 3px 0 10px 0;
	margin: 0;
	color: #655558;
}

div.content form input {
	clear: both;
	float: left;
	border: 1px solid #9B888B;
	width: 234px;
	height: 17px;
}

div.content form input.error{
	border: 1px solid #CC0000;
	float: left;
}

div.content form fieldset {
	*display: inline; /* for IE6 and IE7 */
}

div.content form fieldset.send{
	margin: 12px 0 0 0;
	padding: 0 0 30px 0;
	background: url(../images/bgr-form-content-bottom.gif) left bottom no-repeat;
	*width: 492px; /* for IE6 and IE7 */
}

div.content form input.button {
	float: none;
	clear: none;
	padding-right: 17px !important;
	padding-left: 7px !important;
	margin-left: 7px;
	width: 74px;
	background: url(../images/bgr-form-mik_test-button.gif) no-repeat;
	height: auto;
	border: 0px;
	font-size: 11px;
	overflow: visible;
}

input.button_back,
div.content form input.button_back {
	float: none;
	clear: none;
	padding-right: 20px !important;
	padding-left: 20px !important;
	width: auto;
	background: url(../images/bgr-form-back-button.gif) no-repeat;
	height: auto;
	border: 0px;
}

div.content form input.button.afspraak_maken {
	background: url('../images/bgr_btn_afspraak_maken.gif') no-repeat;
	width:auto;
}

div.content form input.button.afspraak_wijzigen {
	background: url('../images/bgr_btn_afspraak_wijzigen.gif') no-repeat;
	width:auto;
}

div.content form input.button.afspraak_annuleren {
	background: url('../images/bgr_btn_afspraak_annulen.gif') no-repeat;
	width:auto;
}

div.content form input.button.akkoord_verstuur {
	background: url('../images/bgr_btn_akoord_verstuur.gif') no-repeat;
	width:auto;
}


div.content form input.radio,
div.content form input.checkbox {
	width: auto;
	height: auto;
	border: 0px;
}

div.content form legend {
	padding: 5px 0 10px 15px;
	background: url(../images/bgr-form-legend.gif) no-repeat 1px 5px;
	font-weight: bold;
	width: 90%;
	overflow: hidden;
	* margin-left: -7px; /* for IE6 and IE7 */
	font-size: 12px;
}

div.content form legend span {
	display: block;
	width: 460px;
}

/* ends Content Form */

/* Page Search */
div.content form.page_search {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	background: url(../images/bgr-form-page_search-top.gif) no-repeat left top;
}

div.content form.page_search fieldset {
	display: block;
	padding: 0 0 13px 0;
	background: url(../images/bgr-form-page_search-bottom.gif) no-repeat left bottom;
}

div.content form.page_search input {
	border: 1px solid #635455;
	padding: 3px 0pt 1px 10px;
	width: 395px;
	height: 16px;
	margin: 8px 0 0 15px;
	font-size: 11px;
}

div.content form.page_search input.button {
	position: relative; 
	top: 1px;
	width: 49px;
	height: 19px;
	background: url(../images/bgr-form-page_search-button.gif) no-repeat;
	margin-left: 7px;
	padding-right: 11px !important;
	border: 0px;
}

/* ends Page Search */

/* Form MIK TEst */
div.content form.mik_test {
	margin: 25px 0 0 0;
}

div.content form.mik_test h3 {
	padding-top: 16px;
}

div.content form.mik_test h3.first_heading {
	padding-top: 10px;
}

div.content form.mik_test input.radio {
	clear: both;
	float: left;
}

div.content form.mik_test fieldset.test label {
		width: 95%;
		margin-top:-1px;
}

div.content form.mik_test fieldset.send label {
		width: 221px;
		overflow: hidden;
}


div.content form.mik_test fieldset.details label{
	clear: both;
	padding-left: 15px;
}

div.content form.mik_test fieldset.test {
	border-top: 1px solid #BABABA;
	margin: 0px 12px 0 12px;
}

div.content form.mik_test  fieldset.details {
	border-top: 1px solid #BABABA;
	margin: 10px 12px 0 12px;

}

div.content form.mik_test  input.checkbox {
	float: left;
	margin: 0 10px 0 15px;
	position: relative; 
	top: 3px;
	*top: 0px;  /* IE6 and IE7 */
	padding: 0px;
}

div.content form.mik_test legend{
	font-size: 15px;
	color: #665758;
	padding-top: 16px;
	background-position: 1px 17px;
}

div.content form.vacatures {
	margin-top: 12px;
}

div.content form.vacatures fieldset.test {
	border-bottom: 1px solid #BABABA;
/*	border-top: 1px solid #BABABA;*/
	margin: 10px 12px 10px 12px;
	padding: 0 0 15px 0;
}


div.content form.vacatures fieldset.send,
div.content form.mailto fieldset.send  {
	text-align: right;
	padding-bottom: 10px;
}


div.content form.vacatures legend,
div.content form.mailto legend
{
	color: #000000;
	padding-bottom: 0px;
	padding-top: 16px;
	background-position: 1px 17px;
}

div.content form.vacatures label,
div.content form.mailto label {
	clear: both;
	display: block;
	float: none;
	margin-top: 7px;
	padding: 2px 3px 0 1px;
}

div.content form.mailto label {
	padding-top: 12px;
}

div.content form.vacatures input.radio{
	clear: none;
	float: left;
	margin-left: 0;
}

div.content form.vacatures input {
	padding-top: 2px;
	padding-bottom: 0;
	padding-left: 3px;
	padding-right: 3px;
}
/*
div.content form.vacatures input#CV {
	border: 1px solid red;
	height: 20px;
}
*/
/* fake input field */

#divinputfile{
	 background: url('upload_file.gif') no-repeat 100% 1px;
	 height:22px;
	 width:309px;
	 margin:0px;
	 position: relative;
	 overflow: hidden;
}

#divinputfile:hover {
	 background-position: 100% -20px;
}

#divinputfile #filepc{
	 opacity: 0.0;
	 -moz-opacity: 0.0;
	 filter: alpha(opacity=00);
	 position: absolute;
	 right: 0;
	 top: 0;
	 height: 22px;
	 width: 291px;
}

#fakeinputfile{
	 margin-top:18px;
}
/**/


#fakeinputfile #fakefilepc {
	font-family:Arial;
	margin-top: -17px;
}

/* end fake input field */

div.content form.vacatures label.radio{
	clear: none;
	width: 30px;
	float:left;
	margin-right: 15px;
	margin-top: 0px;
}

div.content form.vacatures label.checkbox{
	clear: none;
	float:left;
	margin-right: 15px;
	margin-top: 0px;
}

div.content form.vacatures input.size8 {
	width: 64px;
	float: left;
}

div.content form.vacatures input.size16 {
	width: 157px;
	float: left;
}

div.content form.vacatures input.button {
	margin-right: 20px;
}

div.content form.vacatures input.browse {
	background: url(../images/browse-button.gif) no-repeat;
	width: 72px;
	float: left;
	margin-left: 10px;
	padding-bottom: 2px;

}

div.content form.vacatures select {
	float: left;
	clear: both;
	border:  1px solid #9B888B;
}

div.content form.vacatures textarea {
	margin-bottom: 10px;
}

div.content form.vacatures div.extrainfo{
	padding-right: 20px;
}

/* ends Form MIK TEst */


/* Sidebar Form */

div.content div.sidebar form {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	background: url(../images/bgr-sidebar-form-top.gif) no-repeat left top;
	width: 198px;
}

div.content div.sidebar form fieldset.test{
	background: url(../images/bgr-sidebar-form-bottom.gif) no-repeat left bottom;
	padding:0 0 20px 15px;
}

div.content div.sidebar form  legend {
	padding: 0 0 0 15px;
	background: url(../images/bgr-form-legend.gif) no-repeat 3px top;
	font-weight: bold;
	font-size: 14px;
	color: #665758;
}

div.content div.sidebar form p {
	width: 170px;
	margin:  15px 15px 0 0;
}

div.content div.sidebar form span {
	float: left;
	margin: 2px 2px 0 2px;
}

div.content div.sidebar form label {
	clear: both;
	float: left;
	width: 160px;
}

div.content div.sidebar form select{
	border: 1px solid #645556;
	font-size: 11px;
	padding: 1px 0;
}

div.content div.sidebar form select.datum{
	width: 150px;
}

div.content div.sidebar form select.vertek{
	width: 79px;
	float: left;
}

div.content div.sidebar form input {
	border: 1px solid #645556;
	font-size: 11px; 
}

div.content div.sidebar form input.size2 {
	width: 20px;
	float: left;
	margin-left: 2px;
}

div.content div.sidebar form label input.first {
	margin-left: 0;
}

div.content div.sidebar form input.size5 {
	width: 25px;
	margin-left: 3px;
}

div.content div.sidebar form input.size10 {
	width: 36px;
}

div.content div.sidebar form input.button {
	clear: both;
	border: 0px;
}
/* ends Sidebar Form */

/* Mailto Form */
div.content form.mailto {
	background: url(../images/bgr-form-popup-top.gif) left top no-repeat;
	width: 384px;
	margin: 15px 0 0 55px;
	font-size: 11px;
}

div.content form.mailto textarea
{
	width: 314px;
	height: 110px;
	padding: 3px 5px;
}

div.content form.mailto fieldset.test {
	margin: 0 4px 10px 20px;
	padding: 0;
}

div.content form.mailto fieldset.send {
	margin-top: 0px;
	background: url(../images/bgr-form-popup-bottom.gif) left bottom no-repeat;
	width: 384px;
}

div.content form.mailto label {
	margin-top: 0px;
}

div.content form.mailto input {
	width: 89%;
	padding-left: 4px;
}

div.content form.mailto fieldset.send input.button {
	float: none;
	margin-right: 38px;
	width: auto;
	padding-right: 22px !important;
	padding-left: 8px !important;
	overflow: visible;
	text-align: center;
	margin-top: 0px;
}

/* ends Mailto Form */

/* Login Form */
div.content div.sidebar fieldset.test {
	*margin-bottom: -3px;
	width: 183px;
}

div.content div.sidebar form.login a,
div.content div.sidebar form.login a:hover {
	display: block;
	font-weight: bold;
	margin: 0 0 15px 0;
	background: none;
}

div.content div.sidebar form.login p{
	color: #000000;
	padding-bottom: 0px;
}

div.content div.sidebar form.login input {
	clear: none;
	float: left;
	width: 88%;
	padding: 2px 0 0 4px;
}

div.content div.sidebar form.login a.questions,
div.content div.sidebar form.login a.questions:hover {
	display: block;
	display: inline; /* FOR IE */
	clear: both;
	float: left;
	width: 70px;
	margin: 15px 0 0 0;
	padding-left: 1px;
	font-weight: normal;
	background: url(../images/more-arrow.gif) no-repeat 55px 18px;
}

div.content div.sidebar form.login a.questions:hover {
	background-image: url(../images/more-arrow-hover.gif);
}

div.content div.sidebar form.login input.button {
	clear: none;
	float: right;
	margin: 15px 15px 0 0;
	background: url(../images/bgr-form-login-button.gif) no-repeat;
	padding-right: 24px;
	padding-left: 6px !important;
	*padding-left: 9px;
	width: 57px;
}
/* ends Login Form */

/* Routeplanner Form */
div.content div.sidebar form.routeplanner label {
	margin-top: 10px;
	margin-bottom: 2px;
	font-weight: bold;
}

div.content div.sidebar form.routeplanner input {
	clear: none;
	padding: 1px 0px 0px 2px;
}

div.content div.sidebar form.routeplanner select {
	padding-top: 2px;
	padding-bottom: 1px;
	border: 1px solid #645556 !important;
}

div.content div.sidebar form.routeplanner input.button {
	padding-right: 14px;
	border: 0px;
	margin-top: 20px !important;
}

div.content div.sidebar form.routeplanner input.openbaar {
	clear: both;
	xfloat: left;
	background: url(../images/bgr-form-openbaar-button.gif) no-repeat;
	width: 113px;
	margin-left: 0px;
}

div.content div.sidebar form.routeplanner input.auto {
	clear: none;
	xfloat: left;
	margin-left: 5px;
	background: url(../images/bgr-form-auto-button.gif) no-repeat;
	width: 49px;
}


/* ends Routeplanner Form */


/* Alphabet list */

div.alphabet_list {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	background: url(../images/bgr-form-page_search-top.gif) left top no-repeat;
}
div.alphabet_list h3 {
	background: url(../images/bgr-form-legend.gif) left center no-repeat;
	padding: 0 0 0 15px;
}

div.alphabet_list ul {
	display: block;
	overflow: hidden;
	padding: 15px 0 25px 13px;
	background: url(../images/bgr-form-page_search-bottom.gif) left bottom no-repeat;
	margin: 0 !IMPORTANT;
	list-style: none;
}
div.alphabet_list ul li {
	float: left;
	margin: 0 1px;
	width: 14px;
	height: 14px;
	border: 1px solid #01B8C1;
	text-align: center;
	background-color: #fff;
}
div.alphabet_list ul li {
	color:gray;
}

div.alphabet_list ul li a,
div.alphabet_list ul li a:hover {
	display: block;
	color: #000000;
	background-image: none;
	padding-right: 0px;
}

div.alphabet_list ul li:hover{
	border: 1px solid #000000;
}

div.alphabet_list ul li.inactive:hover{
	border: 1px solid #01B8C1;
}

div.alphabet_list ul li.active{
	padding-top: 1px;
	border: 0px;
	color: #665758;
	font-weight: bold;
	background: none;
}

div.alphabet-content {
	margin: 15px 0 0 15px;
	float: left;
	width: 231px;
	display: inline;
}

div.alphabet-content ul {
	list-style: none;
	margin: 0;
}


div.alphabet-content ul li {
	padding-bottom: 3px;
}


/* ends Alphabet list */

/* inpage navigation */

ul.inpage {
	width: 220px;
	float: left;
	margin: 15px 0 0 15px;
	display: inline;
	padding: 0 !important;
}

ul.inpage li {
	list-style: none;
	list-style-position: inside;
	padding: 0 !important;
	width: 100%;
	float:left;
	display:block;	
}

.sidebar ul.inpage {
	width: 200px;
	margin: 15px 0px 15px 0px;
	padding: 0 !important;
}

/* this looks redundant, but it keeps IE from creating margins around the list elements */

ul.inpage li a {
	display:inline-block;
}

ul.inpage li a {
	display: block;
}

/* end IE redundancy */

ul.inpage li a {
	background: url('../images/bg_li_inpage.gif') no-repeat 5px 8px;
	color: #000;
	display: block;
	font-weight: bold;	
	padding: 5px 5px 5px 17px;
}

.sidebar ul.inpage li a {
	background: url('../images/bg_li_inpage.gif') no-repeat 0px 8px;
	color: #000;
	display: block;
	font-weight: bold;	
	padding: 5px 5px 5px 12px;
}
ul.inpage li a:hover {
	background-color: #73F3F2;
	text-decoration: underline;
}

/* ends inpage navigation */

/* Gallery */
div.gallery {
	height: 106px;
	width: 494px;
	overflow: hidden;

}

div.gallery ul {
	float: left;
	height: 106px;
	line-height: 0;
	background: #000000;
	margin-bottom: 10px;
	margin: 0;
	list-style: none;
}

div.gallery ul li{
	float: left;
}

div.gallery ul li.back {
	background: url(../images/bgr-gallery-left.gif) left top no-repeat;
}

div.gallery ul li.back a{
	display: block;
	background: url(../images/gallery-back-arrow.gif) center center no-repeat;
	width: 30px;
	height: 106px;
}

div.gallery ul li.back a:hover {
	background: url(../images/gallery-back-arrow-hover.gif) center center no-repeat;
}

div.gallery ul li.next {
	float: right;
	background: url(../images/bgr-gallery-right.gif) right top no-repeat;
}

div.gallery ul li.next a{
	display: block;
	background: url(../images/gallery-next-arrow.gif) center center no-repeat;
	width: 30px;
	height: 106px;
}

div.gallery ul li.next a:hover {
	background: url(../images/gallery-next-arrow-hover.gif) center center no-repeat;
}

div.gallery ul li img {
	display: block;
	margin: 2px 1px;
	border: 1px solid #000;
}
div.gallery ul li a,
div.gallery ul li a:hover {
	background-image: none;
	padding-right: 0px;
}

div.gallery ul li a:hover img {
	border: 1px solid red;
}

/* Gallery */

/* Contact */

div.contact{
	float: left;
	margin-top: 10px;
	padding:0 120px 20px 0;
	border-bottom: 1px solid #BABABA;
}

div.contact img {
	float: left;
	margin-right: 10px;
}

/* ends Contact */

/* Slideshow teaser */
div.slideshow_teaser{
	position: relative;
	float: left;
	margin: 10px 10px 0 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #BABABA;
}

div.slideshow_teaser img {
	float: left;
	margin:0 24px 0 0;
}

div.slideshow_teaser h3 {
	float: none !important;
	clear: none;
	padding-top: 0px;
	margin-top: 3px;
	margin-bottom: 0px !important;
}

div.slideshow_teaser p {
	margin-top: 0px;
}

div.slideshow_teaser a,
div.slideshow_teaser a:hover {
	background: none;
	padding-right: 0px;
	margin-top: 13px;
	display: block;
}


div.slideshow_teaser a span {
	background: url(../images/more-arrow.gif) no-repeat right center;
	padding-right: 7px;
}

div.slideshow_teaser a:hover span {
	background: url(../images/more-arrow-hover.gif) no-repeat right center;
}

div.content a.start_slideshow,
div.content a.start_slideshow:hover {
	position: absolute;
	left: 15px;
	bottom: 30px;
	color: #FFFFFF;
	padding-left: 15px;
	background: url(../images/start_slideshow-arrow.gif) left center no-repeat;
}
/* ends slideshow teaser */

/* Table */
table {
	width: 100%;
	margin-top: 15px;
/*	border-top: 1px solid #BABABA;	*/
/*	border-bottom: 1px solid #BABABA;	*/
}

table tr td {
	/*width: 50%;*/
	padding: 2px 0;
}

table.dual_row tr:hover td a {
	color: #000000;
}

table tr td.vacatures a,
table tr td.vacatures a:hover,
table tr:hover td.vacatures a,
table tr:hover td.vacatures a:hover{
	background: none;
	padding-right: 0px;
}

table tr.last td {
	padding-bottom: 10px;
}
table.teaserTrick{
	border:none;
	background:#F00;
	height:auto;
}
table.teaserTrick td{
	vertical-align:middle;
}
/* ends Table */

/* Video */
div.video {
	margin: 10px 0 0 0;
}

div.video p.title {
	width: 181px;
	height: 33px;
	overflow: hidden;
	padding: 3px 10px 0 10px;
	margin: 0;
	background: url(../images/bgr-video-top.gif) left top no-repeat #000000;
	color: #FFFFFF;
}

div.video div.video-content {
	position: relative;
	width: 201px;
	float: left;
	background: url(../images/bgr-video-middle.gif) left top repeat-y;
}

div.video div.video-content img {
	margin-left: 2px;
	float: left;
	width: 197px;
	height: 146px;
}

div.video div.video-content p{
	position: absolute;
	bottom: -5px;
	left: 2px;
	padding: 0px;
	width: 183px;
	padding: 7px 7px;
	background-color: #182123;
	color: #00FFFF;
	font-size: 12px;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
	height: 30px;
}

div.video div.video-footer {
	clear: both;
	background: url(../images/bgr-video-bottom.gif) left top no-repeat;
	width: 181px;
	height: 23px;
	text-align: right;
	padding: 5px 20px 0 0;
	overflow: hidden;
}

div.video div.video-footer a {
	color: #FFFFFF;
	background: url(../images/video-arrow.gif) no-repeat left center;
	padding-left: 15px;
}

div.video div.video-footer a:hover {
	background: url(../images/more-arrow.gif) no-repeat left center;
	color: #00FFFF;
}

div.video div.video-content img.play {
	position: absolute;
	top: 60px;
	right: 15px;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
	width: 31px;
	height: 30px;
}

div.video div.video-content a{
	padding-right: 0;
	background-image: none;
}
/* ends Video */

/* Error Page */

body.error div.content div.content{
	font-family: Verdana, Arial;
}

body.error div.subnav{
	visibility: hidden;
	height: 550px;
}

body.error div.subnav ul.navigate {
	display: none;
}

body.error div.breadcrumb ul{
	visibility: hidden;
}

body.error  ul.page_actions{
	visibility: hidden;
}

body.error div.content div.content {
	padding: 25px 0 0 0;
}

body.error div.content div.content span.error-number {
	float: left;
	margin:0 20px 0 10px;
	color: #6b5b5f;
	font-weight: bold;
	font-size: 120px;
	line-height: 95px;
	font-family: "Trebuchet MS", Verdana, Arial;
}

body.error div.content div.content a {
	background: none;
	padding-right: 0px;
	text-decoration: underline;
	font-size: 10px;
}

body.error div.content div.content p {
	font-size: 11px;
}

body.error div.content div.content p.first {
	margin-top: 0px;
}

/* ends Error Page */

/* Flash Container */

div.flash-container {
	padding: 15px 0 0 0;
}

div.content div.flash-container a {
	margin-top: 15px;
	*line-height: 20px;
	*margin-top: 10px;
}

div.content div.flash-container a.next {
	float: right;
	margin-right: 60px;
	padding-right: 15px;
	background: url(../images/more-arrow.gif) right center  no-repeat;
	
}

div.content div.flash-container a.back {
	float: left;
	background: url(../images/back-arrow.gif) no-repeat left center !important;
	padding-left: 15px;
	margin-left: 10px;
}

div.content div.flash-container a.back:hover {
	color: #000000 !important;
	background: url(../images/back-arrow-hover.gif) no-repeat left center !important;
}

div.content div.flash-container a.next:hover {
	background: url(../images/more-arrow-hover.gif) right center  no-repeat;
}

div.abstract,
div.sollicitatie {
	border-top: 1px solid #BABABA;
	border-bottom: 1px solid #BABABA;
	margin: 10px 0 0 0;
	padding-bottom: 10px;
}

div.sollicitatie {
	margin-bottom: 10px;
}

dl {
	padding: 6px 0 0 0;
}

dt{
	font-weight: bold;
	float: left;
	margin-right: 10px;
}

div.abstract dt {

	display: block;
	width: 100px;
}

sup{
	color: #CC0000;
	padding: 0 0 0 3px;
}

span.error_message {
	float: left;
	color: #CC0000;
	border: 1px solid #CC0000;
	padding: 2px 8px;
	background: url(../images/error-arrow.gif) no-repeat left center;
}



span.note {
	float: left;
	padding: 3px 0 3px 10px;
	width: 200px;
	display: block;
	margin-left: 0px;
	overflow: hidden;
}

span.error_message {
	margin-left: 10px;
}

span.first {
	margin-top: 10px;
	margin-left: 0px;
}

table.wachtkamer {
	background: #FFFFFF;
	width: 246px;
	border: 1px solid #4C373C;
	float: left;
}

table.wachtkamer th {
	color: #FFFFFF;
	padding: 7px 10px 5px 20px;
}

table.wachtkamer td {
	padding: 5px 10px 5px 20px;
}
.darkgrey{
	background-color: #4B363B;
}

.grey {
	background-color: #665758;
}

.lightgrey {
	background-color: #948384;
}

.darkred {
	background-color: #7D010D;
}

.red {
	background-color: #D10116;
}

.darkorange {
	background-color: #A64200;
}

.orange {
	background-color: #f1660A;
}

.darkyellow {
	background-color: #B18401;
}

.yellow {
	background-color: #FDBD01;
}


.darkgreen {
	background-color: #1B4A44;
}

.green {
	background-color: #266A61;
}

.darkblue {
	background-color: #4285B2;
}

.blue {
	background-color: #5BBDFF;
}

div.color_picker {
	float: left;
	width: 192px;
	padding: 40px 20px 0 20px;
}

div.color_picker span {
	padding: 5px 8px;
	float: left;
	margin:0 6px 4px 0;
}

div.color_picker span a,
div.color_picker span a:hover {
	background-image: none;
	padding-right: 0px;
	color:#FFFFFF;
	font-weight: bold;
}

button.homepage {
	clear: both;
	float: left;
	margin: 70px 0 0 0;
	padding: 4px;
	border: 1px solid #4C373C;
	color: #4C373C;
	cursor: pointer;
	text-align: left;
	font-weight: bold;
	font-size: 10px;
	background: url(../images/homepage-arrow.gif) no-repeat right bottom #FFFFFF;
	width: 192px;
	height: 52px;
	white-space:normal
}


button.homepage:hover {
	border: 1px solid #01A6A6;
	color: #01A6A6;
	background: url(../images/homepage-arrow-hover.gif) no-repeat right bottom #FFFFFF;
}

/* Popup page */
div.popup-header {
	background: #E8E6E6;
	font-size: 11px;
	padding:27px 0 13px 55px;
	overflow: hidden;
}
	
div.popup-header span {
	display: block;
	width: 295px;
	padding-right: 5px;
	overflow: hidden;
}

div.popup-header a {
	color: #665758;
	padding-right: 20px;
	padding-bottom: 2px;
	background: url(../images/popup-close.gif) right 0px no-repeat;
	position: absolute;
	left: 354px;
	top: 27px;
}

div.popup-header a:hover {
	color: #000;
	background-position: right -26px;
}
/* ends Popup page */

/* test */


input.browse {
	padding: 2px 10px 2px 10px !important;
	line-height: 14px;
}

input.button:hover, input.browse:hover, input.button.hover {
	background-position: 0px -21px !important;
}

div.content form.vacatures input.browse:hover {
	background-position: 0px -21px !important;
}

input.button:hover,
input.button_back:hover,
input.openbaar:hover,
input.auto:hover {
	background-position: 0px -21px !important;
}

/* end test */
li.tickertape
{
	padding:0 0 0 0 !important;
	float:right !important;
}
#tickertape
{
	color:#FFF;
	width:520px;
	height:20px;
}
#tickertape a
{
	background:none;
}
.adress{
	position:absolute;
	right:23px;
	top:-255px;
	width:105px;
	color:#FFF;
}
span.closeWindow a {
	color:#FFF;
	position:absolute;
	background:#F00;
	z-index:600;
	background:url(../images/icn_closewindow.gif) right 3px no-repeat;
	right:8px;
	top:5px;
	font-size:11px !important;
	border:none !important;
}
span.closeWindow a:hover{
	text-decoration:underline;
}
.painting{
	overflow-x:hidden;
	height:100%;
	width:960px;
	background:#38686C;
	margin:0px 0px 0px 10px;
}
.paintingText{
	background:url(../images/bg_rightcolumn.png) right 0px repeat-y;
	height:100%;
	color:#FFF;
	margin-right:0px;
	width:245px;
	float:right;
	padding:0px 15px 0px 90px;
}
.thePaintTrick{
	position:absolute;
	z-index:0;
	height:100%;
	width:960px;
	top:0px;
	right:20px;
}
.paintingText h2{
	font-size:16px;
	font-weight:bold;
	margin:5px 0px 3px 0px;
}
.paintingText h3{
	font-size:12px;
	font-weight:normal;
	margin:-10px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	border-bottom:solid 1px #9C3436;
}
div.backTo a.back {
	font-size:11px;
	padding-left: 17px;
	background: url(../images/back-arrow.gif) no-repeat 3px center;
}
div.backTo a.back:hover{
	color:#FFF;
}
div.backTo{
	position:absolute;
	bottom:30px;
	left:25px;
}
table.extrapadding td
{
	padding-right:3px;
}
table.extrapadding td.vacatures
{
	padding-right:0px;
	padding-left:3px;
}