/* colors
back center blue (dark): 94 (5e), 138 (8a), 201 (c9)
back left (light) blue: 228 (e4), 235 (eb), 246 (f6)
back right (middle) blue: 190 (be), 207 (cf), 233 (e9)

Blauw: R= 52 (34), G= 170 (AA), B= 205 (CD), 34AACD
Groen: R= 127 (7F), G= 195 (C3), B= 28 (1C), 7FC31C
Paars: R= 105 (69), G= 17 (12), B= 102 (66), 691266

Copperplate Gothic (Regular)
Banco (Regular)

en als bodytekstletter;

Tahoma (Regular en Bold)

*/



/* Default Printen */

#print {
  display: none;
}



/* Default HTML opties */
	
html, body {
	margin: 0 0 0 0;
	background: #eeeeee;
	font-family: Tahoma;
	font-size:12px;
}

a {
	text-decoration: none;
}

form, fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

h1 {
	color: #691266;
	font-size: 150%;
	font-variant: bold;
	margin: 10px 0px 15px 0px;
}

h2{
	font-size: 125%;
	font-variant: bold;
	color: #7FC31C;
	margin: 25px 0px 15px 0px;
}

h3{
	font-size: 120%;
	font-variant: normal;
	color: #7FC31C;
	margin: 25px 0px 15px 0px;
}

img {
	border: none;
}

li {
	display: inline;
}

p {
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

ul {
  list-style: none;
}

#footer {
	display: block;
	position: absolute;
	left: 0;
	bottom: -16px;
	height: 9px;
	width: 100%;
	text-align: center;
	font-size: 9px;
  z-index:1000;
}




/* Form objects */
input,  textarea {
	margin: 2px 9px 9px 5px;
	width: 462px;
	display: block;
	padding: 0;
	background: #FFFFFF;
	color: #000000;
}

textarea {
	width: 462px;
}

input.fldCheck {
	display: inline;
	width: 20px;
	margin: 5px;
}

input.fldCheckBox {
	display: inline;
	width: 20px;
	margin: 5px;
}

input.fldCheckBox2 {
	display: inline;
	position:absolute;
	left: 250px;
	width: 20px;
	margin: 5px;
}

.labCheckBox2 {
	display: inline;
	position:relative;
	left: 130px;
	width: 20px;
}

input.fldSmall {
	width: 100px;
}

input.fldNormal {
	display: inline;
	position: absolute;
	width: 360px;
	height: 20px;
}

input.fldNormalRight {
	display: inline;
	position: absolute;
	width: 380px;
	height: 20px;
	left: 80px;
}

input.fldNormalRight1 {
	display: inline;
	position: absolute;
	width: 140px;
	height: 20px;
	left: 80px;
}

input.fldNormalRight2 {
	display: inline;
	position: absolute;
	width: 140px;
	height: 20px;
	left: 320px;
}

input.fldNormalRightCB {
	display: inline;
	position: absolute;
	width: 300px;
	height: 20px;
	left: 160px;
}


.labNormalRight2 {
	display: inline;
	position: absolute;
	width: 80px;
	height: 20px;
	left: 250px;
}

input.fldNormalPostcode {
	display: inline;
	position: absolute;
	width: 80px;
	height: 20px;
	left: 80px;
}

input.fldNormalTown {
	display: inline;
	position: absolute;
	width: 280px;
	height: 20px;
	left: 180px;
}

input.fldSubmit {
  display:inline;
	position: relative;
	right: 0px;
	width: 100px;
	height: 25px;
	background: #691266;
	color: #FFFFFF;
}

input.fldSubmitEdit {
  display:inline;
	position: absolute;
	right: 0px;
	width: 100px;
	height: 25px;
	background: #691266;
	color: #FFFFFF;
}

.ColForm {
	display: block;
  position: relative;
  left: 0px;
	padding: 10px 5px 5px 10px;
	width: 135px;
  background: #000000;
  color: #FFFFFF;
	font-size: 10px;
	font-style: bold;
	min-height: 31px;
}

.ColForm input {
  display:inline;
	border: none;
  width: 130px;
	margin-left:0;
	margin-right:0;
}

.ColForm input.fldSearch {
  display:inline;
	border: none;
  width: 85px;
	height: 18px;
}

.ColForm input.fldSubmit {
	left: 60px;
	width: 70px;
	height: 20px;
}

.ColForm button.fldSubmitSearch {
  display:inline;
	position: absolute;
	border: none;
  width: 40px;
	height: 20px;
	background: #691266;
	color: #FFFFFF;
	width: 40px;
	right: 10px;
	top: 11px;
}





/* Container Objects */

.shadowContainer {
	padding: 0 8px 0 8px;
	margin: 0 auto 0 auto;
	width: 800px;
	background: url("/images/shade.gif") right top repeat-y;
}

#mainContainer {
	width: 800px;
	position: relative;
	text-align: left;
	background: url("/images/contentBg.gif") #fff left top repeat-y;
}

#bottomShade {
	position: relative;
	padding: 4px 0 0 0;
	background: url("/images/shadeBg.gif") #eef3f9 left top repeat-x;
}

#headerLeft {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 85px;
	width: 150px;
	background: #7FC31C;
	text-align: center;
  z-index:1000;
}

#headerCenter {
	position: absolute;
	left: 150px;
	top: 0px;
	padding: 10px 0px 0px 5px;
	color: #691266;
	display: block;
	width: 495px;
	height: 75px;
	background: #34AACD;
	font-size: 20px;
  z-index:1000;
}

#headerCenter h1 {
	font-size: 35px;
	display: inline;
	font-family: "Copperplate Gothic Bold";
  margin: 0;
  padding: 0;
}

#headerRight {
	position: absolute;
	display: block;
	right: 0px;
	top: 0px;
	width: 150px;
	height: 84px;
  background: #7FC31C;
  z-index:1000;
}

#headerRight h2 {
	color: #691266;
	margin: 20px 0px 5px 12px;
	font-size: 12px;
}

#col1 {
	position: absolute;
	left: 0;
	top: 109px;
	width: 150px; 
  z-index:100;
}

#col3 {
	position: absolute;  
	right: 0px;
	top: 109px; 
	width: 150px; 
  z-index:100;
}

#col1 h1, #col1 h2, #col3 h1, #col3 h2 {
	font-size:12px;
	display: block;
	padding: 4px 10px;
	font-weight: bold;
	color: #FFFFFF;
	background: #7FC31C;
  margin: 0;
}

#col1 p, #col3 p {
	color: #691266; 
	margin: 10px 10px 10px 10px;
}

#col1 a, #col3 a {
	color: #691266; 
}


#WebMon {
	display: block;
	position: absolute;
	bottom: 20px;
	width: 150px;
	text-align: center;
  z-index:500;
}

#W3C {
	display: block;
	position: absolute;
	left: 650px;
	bottom: 20px;
	width: 150px;
	text-align: center;
  z-index:500;
}




/* Content */

#content {
	position: relative;
	top: 0px;
	padding: 135px 0px 0px 0px;
	margin-left: 160px;
	margin-right: 160px;
	font-size: 14px;
	min-height: 500px;
	z-index: 1;
}

#content li {
	display: list-item;
	list-style: disc outside;
}

#content ul.uCMSbuttons li {
  display: inline;
}



/* Navigatie Objects */

#nav {
	margin: 0px;
	padding: 5px 0px 0px 10px;
	background: #691266;
	position: absolute;
	left:0;
	top: 85px;
	height: 19px;
	width: 790px;
	z-index:2000;
}

#subnav {
	margin: 0;
	padding: 0;
	background: #34AACD;
}

#subnav li {
  float:none;
}

#subnav li a {
	display: block;
	padding: 4px 10px;
	border-bottom: 1px solid #7FC31C;
	font-weight: bold;
	color: #000000;
}

#subnav li a.inactive {
	color: #691266;
}

#subnav li ul {
	position: relative;
	top: 0px;
}

#subnav li ul li a {
  color: #FFFFFF;
  font-weight: normal;
}
#subnav li:hover ul li, #subnav li.over ul li { /* lists nested under hovered list items */
	width: 110px;
}

.nav li {
  float:left;
	position: relative;
}

.nav li a {
	color: #FFFFFF;
	padding: 5px 15px 5px 15px;
}

.nav li a.inactive {
	color: #34AACD;
}

.nav li a:hover {
	background: #7FC31C;
}

.nav li ul { /* second-level pulldown */
	display: none;
	position: absolute;
	top: 19px;
	left: 0;
	z-index:1600;
}

.nav li:hover ul, .nav li.over ul { /* lists nested under hovered list items (Bug IE solved with script) */
	display: block;
}

.nav li:hover ul li, .nav li.over ul li { /* lists nested under hovered list items */
	display: block;
	float: none;
	width: 160px;
	border-bottom:1px solid #7FC31C;
	background: #000000;
}

.nav li.over ul li a, .nav li:hover ul li a  {
  display: block; 
}

#kruimel {
	position: absolute;  
	left: 150px;
	top: 109px; 
	width: 495px; 
	height: 17px;
	padding: 5px 0px 0px 5px;
	background: #7FC31C;
	color: #000000;
  font-size: 9px;	
	display: inline;
  z-index:1200;
}

#kruimel ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#kruimel li a {
	margin: 5px 5px 5px 5px;
	color: #691266;
}




/* UCMS options */

#uCMSHold {
  position: relative;
  top: 0px;
}

#uCMSOnTop {
  position: absolute;
  right: 5px;
  z-index:2500;
} 

.uCMS a {
	background: #691266;
}

.uCMSbuttons {
  position: relative;
	top: -10px; 
	background: #691266;
	padding: 5px 5px;
	opacity: 0.7;
	z-index: 2500;
}

#content .uCMSbuttons {
	top: 5px; 
}

#headerCenter .uCMSbuttons {
	top: -28px; 
}


.uCMSbuttons li a {
	text-align: right;
	color: #fff;
	font-size: 12px;
}

#uCMSButtonsEdit {
  display: inline;
	text-align: left;
	padding: 5px 5px;
}

#uCMSButtonsEdit li {
  display: inline;
}

.uCMSnoHeight {
  display: block;
  text-align: right;
  margin-top: 5px;
  font-size: small;
  height: 30px;
}

.uCMScopyright {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 9px;
}

.uCMSGroup {
	font-style: italic;
}





/* Special styes */

.ERROR {
	font-weight: bold;
	color: #FF0000;
	font-size: 120%;
	margin: 10px 0px 10px 0px;
}

.TableTop {
  vertical-align: top;
}

.inactive {
	color: #FFAACD;
	font-style: italic;
}



/* Gastenboek stylen */
#GB {
	display: block;
	margin: 0;
	padding: 0;
}
#GB .GBname {
  font-size: 100%;
  color: #691266;
}
#GB .GBbutton {
  display: block;
  float: left;
  width: 25px;
  font-size: 100%;
}
#GB .GBsmall {
  font-size: 70%;
  color: #691266;
}
#GB .GBmessage {
  font-size: 100%;
}