/*
copyright Tesink & Koenderink webdesign 2011
*/

@import url("style_tekst.css");

/*color guide:
Donkergrijs(achtergrond)			#222222
Oranje								#c53107
Wit									#FFFFFF

MAIN TEXT							#2a2a2a
SIDE TEXT							#404040
MAIN MENU TEXT						#878787

licht grijs (tekst quick)			#cbcbcb
*/


/*
html, body {width:100%; height: 100%;}
*/

/*limited reset
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video {
	margin: 0;
	padding: 0;
	border: 0;
}
*/


html, body, section, article, aside, header, hgroup, footer, nav, blockquote, h1, figure, canvas, video {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
a {
	text-decoration: none;
}


/*html5 display rule
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
	display: block;
}
*/


div, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
	/*border: 1px solid blue;*/
}

table, tr, td {
	/*border: 1px solid red;*/
}




body {
	background: #222222;
	text-align: center;
	font-family: Verdana, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11pt;
}

.bodyWrapperTop{
	width:100%; 
	min-width:900px; 	
	height: 75px;
	text-align: center;
	background: url("../images/bodyWrapperTop.png") repeat-x bottom left;
	position:relative;
}
.bodyWrapperTopBottomalign{
	width:100%; 
	position: absolute; 
	bottom: 0px;
	text-align: center;
}
.bodyWrapperTopBox{
	width:900px; 
	text-align: right;
}
.bodyWrapperTopBox, .bodyWrapperTopBox p, .bodyWrapperTopBox a, .bodyWrapperTopBox a:link, .bodyWrapperTopBox a:hover, .bodyWrapperTopBox a:visited{
	font-size: 10pt;
	color: #cbcbcb;
	text-decoration: none;
}
.bodyWrapperBottom{
	width:100%; 
	min-width:900px; 
	height: 75px; 
	background: url("../images/bodyWrapperBottom.png") repeat-x top left;
}
.bodyWrapperBottomBox{
	width:900px; 
	text-align: right
}
.bodyWrapperBottomBox, .bodyWrapperBottomBox p, .bodyWrapperBottomBox a, .bodyWrapperBottomBox a:link, .bodyWrapperBottomBox a:hover, .bodyWrapperBottomBox a:visited{
	font-size: 10pt;
	color: #cbcbcb;
	text-decoration: none;
}

.bodyWrapperContent{
	width:100%; 
	min-width:900px; 
	position: relative; 
	border-top: solid #c53107 3px;
	border-bottom: solid #c53107 3px;
	background-color: #ffffff;
	background: #ffffff url("../images/bodyWrapperContent.png") no-repeat top center;
}

.bodyWrapperContentLogo{
	width:900px; 
	padding-top: 15px;
	text-align: left
}
.bodyWrapperContentContent{
	width:900px; 
	position: relative; 
}

.contentLeft{
	position: relative; 
	float: left; 
	width: 240px; 
	text-align: left
}
.contentLeftMainmenu{
	width:4500px; 
	position: absolute; 
	right: 0px; 
	top: 10px; 
	background: #ececec url("../images/contentLeftMainmenu.png") repeat-y top right;
	text-align: right; 
}
.contentLeftMainmenuTopborder, .contentLeftMainmenuBottomborder{
	width: 100%; 
	height: 5px; 
	margin: 0px; 
	text-align: right;
}
.contentLeftMainmenuTopborder{
	height: 8px;
	background: url("../images/contentLeftMainmenuTopborder.png") repeat-x bottom left;
}
.contentLeftMainmenuTopborderRight{
	height: 8px;
	background: url("../images/contentLeftMainmenuTopborderRight.png") no-repeat bottom right;
}
.contentLeftMainmenuBottomborder{
	height: 12px;
	background: url("../images/contentLeftMainmenuBottomborder.png") repeat-x top left;
}
.contentLeftMainmenuBottomborderRight{
	height: 8px;
	background: url("../images/contentLeftMainmenuBottomborderRight.png") no-repeat top right;
}
.contentLeftMainmenuContent{
	text-align: right; 
}
.contentLeftSubmenu{
	text-align: left;
}
.contentLeftSideinfo{
	text-align: left;
	margin-top: 20px;
}

.contentMain{
	width:650px; 
	float: right; 
	text-align: left;
}
.contentMainHeaderImage{
	width: 620px;
	min-height: 25px;
	box-shadow: 1px 2px 4px #777777;
	border-radius:5px;
	border: 13px solid #ffffff;
	background-color: #ffffff;
	margin: 0px auto;
}
.contentMainImage{
	text-align: left;
	overflow: hidden;
	padding-bottom: 10px;
}
.contentMainContent{
	text-align: left;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
}



.imageBox div.imageBoxtopleft {
	display: block;
	background: url("../images/imageBox.png") top left no-repeat white;
	padding: 13px 0px 0px 14px;
}

.imageBox div.imageBoxtopright {
	display: block;
	background: url("../images/imageBox.png") top right no-repeat white;
	padding-top: 14px;
	padding-bottom: 16px;
	padding-right: 18px;
	margin: -13px 0 0 0px;
	
	overflow: hidden;
}

.imageBox div.imageBoxbottomleft {
	display: block;
	height: 20px;
	margin-top: -20px;
	background: url("../images/imageBox.png") bottom left no-repeat white;
}

.imageBox div.imageBoxbottomright {
	display: block;
	background: url("../images/imageBox.png") bottom right no-repeat white;
	height: 20px;
	margin-left: 14px;
}






#bodyWrapperTopBoxQuicklinks h1 span {
	position: absolute;
	left: -2000em; /* TEKST VER NAAR LINKS, MAAR ZO KLOPT NAVIGATIE*/
}
#bodyWrapperTopBoxQuicklinks ul{
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	/*background: url(../images/page_header_menubar.png) repeat-x top left;*/
	margin: 0px;
	text-align: right; 
}

#bodyWrapperTopBoxQuicklinks ul li{
	display: inline;
}

#bodyWrapperTopBoxQuicklinks ul li a{
	font-size: 10pt;
	color: #cbcbcb;
	padding: 0px 4px;
	margin: 0px;
	border: 0px;
	text-decoration: none;
}

#bodyWrapperTopBoxQuicklinks ul li a:hover{
	color: #ffffff;
}




#contentLeftMainmenuContentNavigation h1 span {
	position: absolute;
	left: -2000em; /* TEKST VER NAAR LINKS, MAAR ZO KLOPT NAVIGATIE*/
}
#contentLeftMainmenuContentNavigation ul{
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 10px;
	margin: 0px;
	text-align: right; 
	list-style: none outside none;
}
#contentLeftMainmenuContentNavigation ul li{
	padding:3px 5px;
}
#contentLeftMainmenuContentNavigation ul li a{
	font-size: 12pt;
	/*font-weight: bold; */
	text-transform: uppercase;
	color: #878787;
	padding: 4px 10px 4px 4000px;
	margin: 0px;
	border: 0px;
	text-decoration: none;
}

#contentLeftMainmenuContentNavigation ul li a:hover, #contentLeftMainmenuContentNavigation ul li a.selected:hover{
	color: #ffffff;
	background-color:#c53107;
	background: #c53107 url(../images/contentLeftMainmenuContentNavigation.png) no-repeat top right;
}
#contentLeftMainmenuContentNavigation ul li a.selected{
	color: #eeeeee;
	background-color:#c53107;
	background: #c53107 url(../images/contentLeftMainmenuContentNavigation.png) no-repeat top right;
}



#contentLeftSubmenuNavigation h1 span {
	position: absolute;
	left: -2000em; /* TEKST VER NAAR LINKS, MAAR ZO KLOPT NAVIGATIE*/
}
#contentLeftSubmenuNavigation ul{
	padding: 0px;
	margin: 0px;
	text-align: left; 
	list-style: none outside none;
}
#contentLeftSubmenuNavigation ul li a{
	font-size: 10pt;
	color: #404040;
	padding: 5px 0px;
	margin: 0px;
	border: 0px;
	text-decoration: none;
}

#contentLeftSubmenuNavigation ul li a:hover{
	color: #c53107;
}





.contentLeftSideinfo h1 span {
	position: absolute;
	left: -2000em; /* TEKST VER NAAR LINKS, MAAR ZO KLOPT NAVIGATIE*/
}




html {
	overflow-y: scroll;
}
img { 
	border: 0px;
}
table{ 
	border-collapse: collapse;
}
form{
	display: inline;
}