/* CSS Document KOK Contentional */
   
/* www.contentional.nl  aangepast februari 2009 met BCMS*/
 

body {
	text-align:center;
	margin:0;
	padding:0;
	font-family: Trebuchet MS, Georgia, Verdana, serif;
	background-color: #004589;
	font-size: 11px;
	color: #660033;
	text-decoration: none;
	line-height: 17px;
}

p {
margin:0 0 0 0;
padding:0;
font-size:11px;
line-height:17px;
}

p+p {
/*font-style:italic;*/
font-size:11px;
}

.break{
line-height:27px;
}

#container {
	position: absolute;
	margin-left: -405px;
	width: 810px;
  left: 50%;
	height: 712px;
	text-align:left;
}
/* container style voor overige browsers */    
#container {
	position: absolute;
	margin-left: -405px;
	margin-top: -356px;
	top: 50%;
	left: 50%;
	width: 810px;
	height: 712px;
	voice-family: "\"}\"";
	voice-family: inherit;
}
/* einde IE 5 hack */

#home {
	position: absolute;
	width: 810px;
	text-align:left;
	height: 712px;
	background-image:url(../Contentional%20Home_files/achter_smal.gif);
	left: auto;
	top: auto;
	z-index: 2;
}
#homebreed {
	position:absolute;
	width: 810px;
	text-align:left;
	height: 712px;
	background-image: url(../Contentional%20Home_files/achter_breed.gif);
	left: auto;
	top: auto;
	z-index: 2;
}


#archief{
	position: absolute;
	left: 638px;
	top: 109px;
	width: 74px;
	height: 11px;
	text-align: center;
	line-height:11px;
	background-image:url(../Contentional%20Home_files/archief_up.gif);	
	visibility:visible;
	z-index:4;
}

#contactTop{
	position: absolute;
	left: 716px;
	top: 108px;
	width: 80px;
	height: 14px;
	text-align: center;
	line-height:14px;	
	background-image:url(../Contentional%20Home_files/menu_gr-blauw.gif);
	background-repeat: no-repeat;	
	visibility:visible;
	z-index:7;
}
/*--------------------Menu linkerkant --------------*/
#nav {
	position:absolute;
	top:205px;
	left:9px;
	width:148px;
	height:262px;
	z-index:4;
	list-style:none;
	margin: 0px;
	padding: 0px;
	text-align:left;
	visibility: visible;
}
#nav li{
	display:block;
	padding-left: 5px;
	margin: 0px;
	margin: 11px;
	line-height: 11px;
}
#nav a{
	display: block;
	width: 63px;
	padding: 0px 0px 0px 5px;
	font-family: Trebuchet MS, Georgia, Verdana, serif;
	background: url(../Contentional%20Home_files/menu_gr-blauw.gif) no-repeat 0px 0px;
	color:#003333;
	text-decoration: none;
	font-weight: bold;
}
#nav a:hover, #nav a:active {
	color:#D60404;
	width: 63px;
	height: 11px;
	background-image:url(../Contentional%20Home_files/menu_gr-oranje.gif);
	font-weight: bold;
}
a#menunav,
body.homenav a#homenav,
body.visienav a#visienav,
body.profielnav a#profielnav,
body.brochnav a#brochnav,
body.produktennav a#produktennav,
body.dienstennav a#dienstennav,
body.mbracenav a#mbracenav {
	color:#D60404;
	background-image:url(../Contentional%20Home_files/menu_gr-oranje.gif);
	cursor:default;
	font-weight: bold;
}
/*tot hier het linkernav menu */

/*Inloggen op de pagina sja-project*/
#Inloggen{
	position: absolute;
	left: 604px;
	top: 292px;
	width: 74px;
	height: 11px;
	text-align: center;
	line-height:14px;
	visibility:visible;
	z-index:4;
}
/*In de nav2 staat Contact*/
#nav2 {
	position:absolute;
	top:98px;
	left:677px;
	z-index:5;
	list-style:none;
	text-align:center;
	visibility: visible;
}
#nav2 li{
	display: block;
	line-height:11px;
}
#nav2 a{
	display: block;
	width: 74px;
	background: url(../Contentional%20Home_files/archief_up.gif) no-repeat;
	font-family: Trebuchet MS, Georgia, Verdana, serif;
	color:#003333;
	text-decoration: none;
	font-weight: bold;
}
#nav2 a:hover, #nav2 a:active {
	width: 74px;
	color:#D60404;
	background-image:url(../Contentional%20Home_files/archief_down.gif);
	font-weight: bold;
}
/*In de nav3 staat Archief*/
#nav3 {
	position:absolute;
	top:98px;
	left:600px;
	z-index:6;
	list-style:none;
	text-align:center;
	visibility: visible;
}
#nav3 li{
	display: block;
	line-height:11px;
}
#nav3 a{
	display: block;
	width: 74px;
	background: url(../Contentional%20Home_files/archief_up.gif) no-repeat;
	font-family: Trebuchet MS, Georgia, Verdana, serif;
	color:#003333;
	text-decoration: none;
	font-weight: bold;
}
#nav3 a:hover, #nav2 a:active {
	width: 74px;
	color:#D60404;
	background-image:url(../Contentional%20Home_files/archief_down.gif);
	font-weight: bold;
}

#menuL{
	position:absolute;
	top:210px;
	left:70px;
	width:67px;
	height:185px;
	z-index:4;
	font-family: Trebuchet MS, Georgia, Verdana, serif;
	font-size: 11px;
	color: #660033;
	text-decoration: none;
	line-height: 25px;
	padding: 0px;
	text-align:left;
	visibility: visible;
}
.menuLindex{
	font-family: Trebuchet MS, Georgia, Verdana, serif;
	line-height: 22px;
	text-align: left;
	text-decoration: none;
}
/*tot hier het linkermenu indexpagina*/

/*Hieronder de opblauw voor brede sjabloon*/
.opblauw{
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#E4E4E4;
	font-size: 11px;
	font-style: normal;
	letter-spacing: 1px;
}
.opblauw A:link{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #B2E81F; LINE-HEIGHT: 17px; TEXT-DECORATION: none
}
.opblauw A:visited{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #B2E81F; LINE-HEIGHT: 17px; TEXT-DECORATION: none
}
.opblauw A:hover{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #F36936; LINE-HEIGHT: 17px; TEXT-DECORATION: none
}
.opblauw A:active{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #F36936; LINE-HEIGHT: 17px; TEXT-DECORATION: none
}
.opblauwBijschrift{
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#E4E4E4;
	font-size: 11px;
	font-style: italic;
	letter-spacing: 1px;
}

/*Hieronder de tekstopblauw voor smalle sjabloon*/
.tekstopblauw{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#E4E4E4;
	font-size: 11px;
}
/*highlight op de blauwe teksten rechts. */
.tekstopblauw span.highlight {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	letter-spacing:1px;
	color:#FFFFFF;
	font-weight:bold;
}

.tekstopblauw A:link{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #B2E81F; LINE-HEIGHT: 17px; font-family: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.tekstopblauw A:visited{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #B2E81F; LINE-HEIGHT: 17px; font-family: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.tekstopblauw A:hover{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #F36936; LINE-HEIGHT: 17px; font-family: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.tekstopblauw A:active{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #F36936; LINE-HEIGHT: 17px; font-family: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.tekstopgroen{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#474646;
	font-size: 11px;
	line-height: 17px;
	text-decoration: none;
	text-align: left;
}
/* op de teksten op groen, links.*/ 
.tekstopgroen span.highlight {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#5D5D5D;	
	font-weight:bold;
}


.tekstopgroen A:link {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #FFFF00; LINE-HEIGHT: 17px; font-family: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.tekstopgroen A:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #FFFF00; LINE-HEIGHT: 17px; font-family: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.tekstopgroen A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #F36936; LINE-HEIGHT: 17px; font-family: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.tekstopgroen A:active {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #F36936; LINE-HEIGHT: 17px; font-family: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.image{
	border: 1px solid #66ff33;
}
.imagegrijs{
	border: 1px solid #474646;
}
.H2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#FFFFFF;
	font-weight:bold;
}
.H1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#5D5D5D;
	font-weight:bold;
}
xxx.highlight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#FFFFFF;
	font-weight:bold;
}

.H3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#474646;
	font-weight:bold;
}

.strong {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#CC6699;
	font-weight:bold;
}

/*.knoppen{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height: 9px;
	vertical-align: top;

}*/

.knoppen{
	font-family: Trebuchet MS, Georgia, Verdana, serif;
	text-decoration: none;
	font-weight: bold;
}
.knoppen a:link, .knoppen a.visited{
	font-weight: bold; 
	font-size: 11px; 
	color:#003333;
	line-height: 11px;	
	text-decoration: none;
}
.knoppen a:hover, .knoppen a.active {
	font-weight: bold; 
	font-size: 11px; 
	color:#003333;
	line-height: 11px;	
	text-decoration: none;
	color: #F36936;
	}


/*tekstsmal en tekstRboven en tekstRonder worden op het sjabloon smal gebruikt. */
#tekstsmal {
	position:absolute;
	left:155px;
	top:163px;
	width:287px;
	height:442px;
	z-index:4;
	overflow: hidden;
	visibility: visible;
}
/*hiermee zou de tinytext highlight in de TextLeft admin, sjabloon smal het juiste formaat geven 15-06-2003..kan niet testen met de Text Top Right/admin */
#tekstsmal.hihglight,#tekstsmal span {
  color:#FFFFFF !important
}

#tekstRboven{
position:absolute;
	left:497px;
	top:163px;
	width:269px;
	height:187px;
	z-index:4;
	text-align:left;
	overflow: hidden;
	visibility: visible;
}

#tekstRonder{
position:absolute;
	left:497px;
	top:350px;
	width:269px;
	height:255px;
	z-index:4;
	text-align:left;
	overflow: hidden;
	visibility: visible;
}


#tekstbreed {
	position:absolute;
	left:155px;
	top:162px;
	width:430px;
	height:442px;
	z-index:0;
	overflow: hidden;
	visibility: visible;
}
#tekstcontact {
	position:absolute;
	left:151px;
	top:162px;
	width:440px;
	height:442px;
	z-index:8;
	overflow: hidden;
	visibility: visible;
}
#tekstR{
position:absolute;
	left:498px;
	top:163px;
	width:269px;
	height:450px;
	z-index:4;
	text-align:left;
	overflow: hidden;
	visibility: visible;
}

#tRbijbreed{
position:absolute;
	left:638px;
	top:163px;
	width:155px;
	/*height:450px;*/
	height:442px;
	z-index:4;
	text-align:left;
	overflow: hidden;
	visibility: visible;
}
#afbRechts{
	position:absolute;
	left:638px;
	top:137px;
	width:175px;
	height:468px;
	z-index:6;
	text-align:left;
	overflow: hidden;
	visibility: visible;
}
#afbLinks{
	position:absolute;
	left:138px;
	top:137px;
	width:481px;
	height:521px;
	z-index:0;
	background:#00CC00;
	background-color: #8DCD47;
	overflow: hidden;
}
#tRbijsmal{
position:absolute;
	left:498px;
	top:163px;
	width:269px;
	height:450px;
	z-index:4;
	text-align:left;
	visibility: visible;
}
#tRbijcontact{
	position:absolute;
	left:638px;
	top:163px;
	width:155px;
	height:442px;
	z-index:4;
	text-align:left;
	visibility: visible;
	overflow: hidden;
}

#CVfotoR {
	position:absolute;
	left:503px;
	top:160px;
	width:190px;
	height:482px;
	z-index:8;
	visibility: visible;
}
/* voor sjabloon smal, laat de inhoud van de tekst Links scrollen */
#Pijlsmal {
	position:absolute;
	left:455px;
	top:618px;
	width:19px;
	height:40px;
	z-index:4;
	visibility:visible;
}
#PijlsmalLdown {
	position:absolute;
	left:455px;
	top:638px;
	width:19px;
	height:20px;
	z-index:4;
	visibility:visible;
}
#PijlsmalLup {
	position:absolute;
	left:455px;
	top:618px;
	width:20px;
	height:20px;
	z-index:4;
	visibility:visible;
}
/* voor sjabloon breed - laat de brede tekstdiv scrollen */

#PijlbreedL {
	position:absolute;
	left:599px;
	top:618px;
	width:20px;
	height:40px;
	z-index:5;
	visibility:visible;
}
#PijlbreedLdown {
	position:absolute;
	left:597px;
	top:638px;
	width:19px;
	height:20px;
	z-index:5;
	visibility:visible;
}
#PijlbreedLup {
	position:absolute;
	left:597px;
	top:618px;
	width:20px;
	height:20px;
	z-index:5;
	visibility:visible;
}

#PijlbreedR {
	position:absolute;
	left:780px;
	top:618px;
	width:20px;
	height:40px;
	z-index:5;
	visibility:visible;
}
#PijlRdown {
	position:absolute;
	left:780px;
	top:638px;
	width:19px;
	height:20px;
	z-index:5;
	visibility:visible;
}
#PijlRup {
	position:absolute;
	left:780px;
	top:618px;
	width:20px;
	height:20px;
	z-index:5;
	visibility:visible;
}
#anihome {
	position:absolute;
	background-image:url(../Contentional%20Home_files/contentional_ani.gif);
	top: 0px;
	left:0px;
	width: 810px;
	height:712px;
	z-index: 2;
	padding: 0px 0px 0px 0px;
	overflow:auto;
	visibility: visible;
	}
#aniLhome {
	position:absolute;
	left:68px;
	top:137px;
	width:407px;
	height:530px;
	border: none;
	z-index:5;
	cursor:none;
}
#aniRhome {
	position:absolute;
	left:497px;
	top:0px;
	width:299px;
	height:711px;
	border: none;
	z-index:5;
	cursor:none;
}
#bbb{
	position: absolute;
	top: 640px;
	left: 4px;
	height: 15px;
	width: 39px;
	z-index:4;
	visibility:visible;
}
.form{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#003333;
	font-size: 10px;
	line-height: 10px;
	text-align: left;
	background-color:#79A9E6;
	border: none;
}
.sterretje{
	font-size: 9px;
}
/*Lijst voor op instellingenpag*/
ul {
list-style-type:disc;
list-style-position:outside;
}

li.inspr {
margin-left:10px;
list-style-type:none;
list-style-position:inside;
}

li.inspr2 {
margin-left:10px;
list-style-type:none;
height:25px;
}