/* CSS Document */

/* DEFAULT SETTINGS */

*{
	padding:0px; 
	margin:0px; 
	border:0px;
	font-family:Arial;
	font-size:13px;
}

html, body {height:100%;}

body {
	background-color:#f1f9fb;
	text-align:center;
	width:100%;
}
	
.pos {
	margin-left: auto;
	margin-right: auto;
	background-color:#FFFFFF;
	width: 760px;
	text-align: left;
	height:100%;
}

.bg {
	background-color:#FFFFFF;
	height:auto;
	position:absolute;
}

/* OPBOUW SITE */

.col1 {
	width:180px;
	float:left;
}

.content_main {
	float: left;
	padding:130px 16px 40px 16px;
	width:368px;
	background-image:url(../images/header.gif);
	background-repeat:no-repeat;
}

.col3 {
	width:180px;
	float:left;
}
	

/* START COL 1 */

td.col1_content{
	padding:12px;
}

td.col1_content, td.col1_content p, td.col1_content strong, td.col1_content a, td.col1_content li, td.col1_content li a{
	font-family:Verdana;
	font-size:11px;
}

td.col1_content ul{
	margin-top:4px;
	margin-bottom:12px;
}

td.col1_content li{
	list-style-position:inside;
}

td.col1_content a {
	cursor:pointer;
}

td.col1_content a:hover, td.col1_content a:active, td.col1_content a:link, td.col1_content a:visited{
	text-decoration:none;
	color:#0e71b4;
}

td.col1_content a:hover, td.col1_content a.active {
	color:#e2007a;
}


/* EINDE COL 1 */


/* START CONTENT_MAIN */	


h1{
	font-size:160%;
	font-family:Trebuchet MS;
	font-weight:bold;
	padding-bottom:5px;
	display:block;
	color:#0072bb;
}

.content_main, .content_main a{
	text-align:left;
	font-size:100%;
	line-height:1.5em;
	color:#333;               
}

.content_main img.left{
	margin: 10px 15px 10px 0px; 
	float:left;
}

.content_main img.right{
	margin: 10px 0px 10px 15px; 
	float:right;
}


.content_main img.divider{
	margin-left:0px; margin-right:0px; 
	float:left;
}

.content_main p, .adres p{
	line-height:1.5em;
	padding-bottom:18px;
}

.content_main ul{
	padding-left:16px;
	margin-bottom:18px;
	list-style-type:disc;
}

.content_main ul li ul{
	padding-left:30px;
	margin-bottom:0px;
	list-style-type:square;
}

.content_main a{
	text-decoration:none;
	color:#41a62a;
	font-weight:bold;
}

.content_main table{
	margin-bottom:20px;
}

.content_main table td{
	background-color:#f8cb14;
	padding:4px;
}


/* EINDE CONTENT_MAIN */


/* START COL 3 */

td.col3_content{
	padding:12px;
}

td.col3_content, td.col3_content p, td.col3_content strong, td.col3_content a, td.col3_content li, td.col3_content li a{
	font-family:Verdana;
	font-size:11px;
}

td.col3_content ul{
	margin-top:4px;
	margin-bottom:12px;
}

td.col3_content li{
	list-style-position:inside;
	padding-bottom: 8px;
}

td.col3_content a {
	cursor:pointer;
}

td.col3_content a:hover, td.col3_content a:active, td.col3_content a:link, td.col3_content a:visited{
	text-decoration:none;
	color:#0e71b4;
}

td.col3_content a:hover, td.col3_content a.active {
	color:#e2007a;
}



/* EIND COL 3 */


/*CSS FORMULIER IPV TABEL*/

.cssform p{
clear: left;
padding: 5px 0px 8px 0px;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
background-color:#fbe383;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
padding-left:4px;
}

.cssform .chk{
	margin-left: -155px;
	padding-left:25px;
	float: left;
}

.cssform label.chk{
	width: 340px;
}

tt {
	margin-left: -151px;
	float: left;
}

.cssform .static{
	margin-left: -155px;
	padding-left:4px;
	width:364px;
	background-color:#fbe383;
}


/* GROEP */
.cssform p.group{
	padding: 5px 0px 8px 4px;
}

.cssform p.group label{
	float: none;
	padding-left:0px;
	margin-left:0px;
}

.cssform p.group .chk{
	margin-left:4px;
}

.cssform p.group tt {
	margin-left: 0px;
	float: left;
}

.cssform textarea{
width: 200px;
height: 150px;
background-color:#FFFFFF;
}

/*.threepxfix class:
Heeft te maken met IE6. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}