/*
 * T4C Ontwikkeld door : Artheos, Helma de Boer
 * Februari 2010
*/

* { margin: 0; padding: 0; outline: 0 }

body {
background: #530068 url();
font: 100% Verdana, Arial, SunSans-Regular, Sans-Serif;
color: #564b47;
padding:0px;
margin:0px;
overflow-x: hidden;
overflow-y: auto;
}

html {
font-size: 80%;
overflow-x: hidden;
overflow-y: auto;
}

/* ----------container to center the layout---------- */
#container {
width: 1024px;
padding:15px;
margin: 25px 0 0 0;
margin-left: auto;
margin-right: auto;
background-color: #fff;
border: 1px solid #ccc;
} 

/* ----------header-------------- */
#header {
text-align: right;
background: transparent url(img-styling/header-T4C.jpg) no-repeat;
height: 149px;
padding: 0px;
margin: 0px; 
border-top:1px solid #7C3F9C;
border-left: 1px solid #7C3F9C;
border-bottom:1px solid #564b47;
border-left: 7px solid #7C3F9C;
}

#header img {padding:10px 0px;} 

/* ----------hoofdnavigatie----------------- */
#nav {
text-align: center;
list-style: none;
height: 31px;
font-size: 11px;
text-transform:uppercase;
background: #530068 url(tabs/paars.bmp);
border-top:10px solid #fff;
border-bottom:10px solid #fff;

 }

 #nav a, #nav a:visited {
 padding: 8px 1px 1px 1px;
 width: 132px;
 height: 31px;
 float: left;
 position: relative;
 text-align: center;
}

 #nav a:hover {
 width: 132px;
 height: 31px;
 float: left;
 position: relative;
 text-align: center;
 background: transparent url(tabs/groen.bmp) no-repeat;}

.groen {
background: transparent url(tabs/groen.bmp) no-repeat;}
.oranje {
background: transparent url(tabs/oranje.bmp) no-repeat;}
.paars {
background: transparent url(tabs/paars.bmp) no-repeat;}
.roze {
background: transparent url(tabs/roze.bmp) no-repeat;}

.navmenucenter {clear:both; float:left; width:100%; overflow:hidden;}
#navmenu {
  padding:0; 
  margin:0 auto; 
  list-style-type:none;
  float:left;
  position:relative; 
  left:50%;
  }
#navmenu li {
  float:left; position:relative; right:50%;
  }
#navmenu a {
  width:132px;
  display:block;
  color:#fff; 
  text-decoration:none;
  }
#navmenu a:hover {
  color:#7C3F9C;
  }

/* ----------outer and inner----------------- */
#outer{ 
border-left: solid 200px #CDE390;  /* color of the left column  */ 
background-color: #ffffff; /* color of the content column */
 } 

#inner{ margin:0px; width:100%; } /* The ie/pc pecularity */ 

/* --------------left column------------- */
#left {
 width:200px; 
 float:left; 
 position:relative; 
 margin-left:-200px; 
 margin-right:1px;
 font-size: 90%;
 }

/* -----------------content--------------------- */
#content{ 
position: relative; 
margin: 0px; 
min-height: 500px;
background: transparent url();
border-bottom: 3px dashed #A5CD36;
}

#content p{
padding: 5px 25px 5px 25px;
margin:0px; 
line-height: 130%;}


/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:0px;
margin:0px;
text-align: center;
background-color: transparent;
font-size: 10px; 
color: #fff;} 

#footer a {color:#fff;}
#footer a:visited {color:#fff;}
#footer a:hover {color: #fff;
		background-color: #530068;}
#footer a:active { color:#fff;}
/*  ----------------navigatie---------------------- */ 

#sidenav  {
	background: transparent;
}
#sidenav  h2 {
	color: #004d4d;
	line-height: 30px;
	margin: 0;
	padding-left: 5px;
}
#sidenav  ul {
	padding: 0;
	border-top: 2px dashed #A5CD36;
}
#sidenav  li {
	border-bottom: 2px dashed #A5CD36;
	list-style-type: none;
}
#sidenav  li a {
	font-size: 1.1em;
	color: #530068;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
	}
#sidenav  li a:hover {
color: #fff;
background: transparent url(tabs/groen.bmp);
}

#left p { 
padding: 15px 10px 5px 10px;
line-height: 1.1em;
font-size: 95%;
}
#left h2{ 
padding-left: 10px
}

/*  ----------------stijlen/opmaak---------------------- */ 


a {color:#530068;}
a:visited {color:#530068;}
a:hover {color: #fff;		background-color: #530068;}
a:active { color:#000000;}

h1 {
font-size:20px;
font-weight: normal;
padding: 5px 10px 5px 25px;
margin:0px;
color: #8DC339;
 }

h2 {
text-align: left;
font-size:14px;
font-weight: bold;
padding: 6px 10px 3px 25px;
margin:0px;
color: #530068;}

h3 {
font-size: 11px;
text-transform:uppercase;
background-color: #F2E6FF;
border-top:1px solid #7C3F9C;
border-left: 1px solid #7C3F9C;
border-bottom:1px solid #564b47;
border-left: 7px solid #7C3F9C;
padding:5px 15px 10px 15px;
margin-left:20px; }



#content .imgright {
padding: 5px;
border: 1px solid #ccc;
margin-left: 4px;
float: right;
}

#content .imgleft {
padding: 5px;
border: 1px solid #ccc;
margin-left: 4px;
}

#content a {   
	padding-right: 10px;
   background: transparent url(img-styling/raquo.gif) no-repeat center right;}
#content a:visited {   padding-right: 10px;
   background: transparent url(img-styling/raquo.gif) no-repeat center right;}
#content a:hover {   padding-right: 10px;
   background: #530068; url(img-styling/raquo.gif) no-repeat center right;}
   
#content ul {
	list-style-position: inside;
	font-family: verdana, arial tahoma, sans serif;
	padding-left: 45px;
	padding-bottom: 5px;
margin:0px; 
line-height: 150%;
	}
#content ul {list-style: disc;}

.resize {
width: 800px;
height : auto;
}

.resize {
width: auto;
height : 600px;
}

.box {
padding-top: 90px;
padding-left: 5px;
}

img {border: 0px;}

.s {font: 10px verdana, arial, sans-serif;}
.fl {float: left; }
.fr {float: right;}
.c {text-align: center;}
.i {font-style: italic;}
.b {font-weight: bold;}
.bp {font-weight: bold;
color: #530068;}
.bg {font-weight: bold;
color: #A3CE38;}
.prs {color: #530068;}
.fgr {color: #A3CE38;}
.pad {padding-left: 20px;}
.pt {padding-top: 25px;}
.doorstreep { text-decoration: line-through }
.bsc {padding-left: 870px;
		font-size: 70%;}
		
/* form elements */
form {
	width: 475px;
	margin:10px; padding: 0 5px;
	border-left: 5px solid #530068; 	
	border-bottom: 3px dashed #A5CD36;
	background-color: #F2E6FF;
	margin-left: 25px;
}
label {
	display:block;
	font-size: 90%;
	font-weight:bold;
	margin:5px 0;
	color: #530068; 	
}
input {
	padding:2px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
	background-color:#fff;
		font-size: 90%;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
	background-color:#fff;
}
input.button { 
	font: 10px arial, sans-serif; 
	height: 24px;
	margin: 0;
	padding: 2px 3px; 
	color: #FFF;
	background: #8EB50C url(img-styling/naviknop.jpg) repeat-x 0 0;
	border: none;
}

/* search form */
.searchform {
	background-color: transparent;
	border: none;	
	margin: 0 0 0 3px; padding: 5px 0 10px 0;	
	width: 220px;	
}
.searchform p { margin: 0; padding: 0; }
.searchform input.textbox { 
	width: 130px;
	color: #777; 
	height: 18px;
	padding: 2px;	
	border: 1px solid #E5E5E5;
	vertical-align: top;
}
.searchform input.button { 
	width: 60px;
	height: 24px;
	padding: 2px 5px;
	vertical-align: top;
}

/* start - table */
table {
	border-collapse: collapse;
	margin: 10px 0px 0px 25px;	
	font-size: 90%;
}
th strong {
	color: #fff;
}
th {
	background: #93BC0C url(img-styling/naviknop.jpg) repeat-x;
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;
	color: #FFF;
	text-align: left;
	border-left: 1px solid #B6D59A;
	border-bottom: solid 2px #FFF;
}
tr {
	height: 30px;
		font-size: 95%;
}
td {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #E8E8E8;
	border-bottom: 1px solid #DFDFDF;
}
td.first {
	width: 100px;
}
td.2nd {
	width:650px;
}

tr.first {	background-color: #CDE390;	}
tr.row-a {
	background: #fff;
}
tr.row-b {
	background: #F2E6FF;		
}
/* end - table */