/*
###########################################################
#
# Filename:			body.css
#
# Copyright:		S-Inside
# Project:			wccsoftware.eu
# Platform:			CSS
# Date created: 	29-08-11
#
    used colours for this website:
    #70b221				green
    #929191				grey
    #f3f3f3				light grey
    
#
###########################################################
*/

img {border: 0px;}

body {     
    margin: 0px;
    padding: 0px;
    background-color: #fff;
    /*background-image: url("../img/back.gif");*/
  	color: #000;
}

div.container {
	/* main div that contains all content */
	position: relative;
	top: 8px;
	margin: auto;
	width: 966px;
	min-height: 640px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
	border: 2px solid #70b221;
	background-color: #fff;
	color: #000;
}

div.logobar {
	position: relative;
	height: 150px;
	width: 100%;
	/*3px dotted #929191;*/
	background: #f3f3f3;
	color: #000;
}

div.logo {
	position: absolute;
	left: 4px;
	width: 420px;
	height: 150px;
    background-image: url("../img/logo.png");
    background-repeat: no-repeat;
}

div.oneliner {
	position: absolute;
	right: 10px;
	top: 6px;
	width: 520px;
	height: 55px;
	text-align: right;
    /*background-image: url("../img/oneliner.png");
    background-repeat: no-repeat;*/
    z-index: 10;
}

div.menu {
	position: relative;
	width: 100%;
	height: 90px;
	background-color: #fff;
	color: #000;
}

span.green {
	color: #70b221;
}
/*
div.globe {
	position: absolute;
	left: 14px;
	top: 240px;
    background-image: url("../img/globe.png");
    background-repeat: no-repeat;
}*/

div.copyright {
	position: absolute;
	left: 4px;
	bottom: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 8pt;
	color: #ccc;
}

div.content {
	position: relative;
	left: 3px;
	padding: 10px;
	
}

div.topbar, div.bottombar {
	position: relative;
	top: -10px;
	height: 43px;
	line-height: 44px;
	width: 940px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    background-image: url("../img/back-bar.gif");
    background-repeat: repeat-x;
	color: #f3f3f3;
}

div.inhoud, div.inhoud_smal {
	position: relative;
	width: 100%;
	min-height: 400px;
	z-index: 10;
}

h1.titel {
	position: absolute;
	margin-top: -2px;
	left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    background: transparent;
    color: #fff;
}

h3.subtitle {
	
}

a.sitemaphoofdlink, a.sitemaplink {
	line-height: 24px;	
}

div.inhoud a:hover, div.inhoud_smal a:hover, a.link:hover {text-decoration: none; color: #70b221 !important;}
div.inhoud a, div.inhoud_smal a, a.link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10pt;
  	text-decoration: underline;
  	background: transparent;
  	color: #000;
}

a.bottomlink:hover {text-decoration: none; color: #000;}
a.bottomlink {
  	text-decoration: underline;
	color: #fff;
}

/* form items */
#foutmelding {
	display: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	position: absolute;
	padding: 20px;
	top: 180px;
	left: 30%;
	width: 400px;
	height: 300px;
	z-index: 200;
	border: 2px solid #b9b1ab;
	background: #f1f1f1;
	color: #a71f1f;
}

.textbox, .textbox_pc, .textbox_klein, .textbox_groot, select.dropbox, textarea.areabox, input.box {
	width: 340px;
    height: 16px;
    border: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
	background-color: #d2d4d8;    
	color: #000000; 
}
.textbox_pc {width: 60px;}
.textbox_klein {width: 270px;}
.textbox_groot {width: 400px;}
textarea.areabox {height: 80px;}
select.dropbox {width: 344px; height: 20px;}

.knop, .knop_klein {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	width: 120px;
	height: 24px;
	cursor: pointer;
  	border-top: 2px solid #ccc;
  	border-left: 2px solid #ccc;
  	border-right: 2px solid #555;
  	border-bottom: 2px solid #555;
  	background-color: #70b221;
  	color: #ffffff;
}
.knop_klein {width: 80px;}

.kleintekst {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    background: transparent;
    color: #000000;
}

.redtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10pt;
  	font-weight: bold;
  	background-color: inherit;
  	color: #c80202;
}

.greentext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10pt;
  	font-weight: bold;
  	background-color: inherit;
  	color: #0e6e0e;
}