/*
###########################################################
#
# Filename:			body.css
#
# Copyright:		S-Inside
# Project:			www.admicon.nl
# Platform:			CSS
# Date created: 	2014
#
	used colours for this website:
    #ececec			licht grijs
    #dadada			grijs
    #ce2d21			rood
# 
###########################################################
*/

body {       
    margin: 0px;
    padding: 2px;
    background-color: #ececec;
	background-image: url("../img/back_body.png");
	background-repeat: repeat-x;
  	color: #000;
}

img {border: 0px;}

body,table,td,th,div,input,select,textarea,a,h1,h2,h3,h4,h5,h6,span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 13pt;
}
h2 {
	font-size: 11pt;
}
h3,h4,h5,h6 {
	font-size: 10pt;
}

div.container {
	/* main div that contains all content */
	position: relative;
	left: -4px;
	margin: auto;
	width: 956px;
	min-height: 640px;
	font-size: 10pt;
	background: #ececec;
	color: #000;
}

/* logo row */
div.logorow {
	position: relative;
	height: 119px;
	width: 100%;
}
img.logo {
	position: relative;
	top: 16px;
	left: 0px;
}
/* end logo row */

/* photorow row */ 
div.photorow {
	position: relative;
	height: 153px;
	width: 100%;
}
img.photodesign {
	height: 153px;
	width: 956px;
	z-index: 9;
}
div.photodesign {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 153px;
	width: 956px;
	background-image: url("../img/overlay.png");
	background-repeat: no-repeat;
	z-index: 10;
}
/* end photorow */

div.contentrow {
	position: relative;
	height: 100%;
	width: 100%;
}

div.inhoud, div.inhoud_smal {
	position: relative;
	margin-top: 20px;
	width: 936px;
	padding: 10px;
	min-height: 440px;
	background-color: #fff;
}

div.inhoud a:hover, div.inhoud_smal a:hover {color: #ce2d21;}
div.inhoud a, div.inhoud_smal a {
	font-size: 10pt;
  	text-decoration: underline;
  	background: transparent;
  	color: #000;
}

div.footer {
	position: relative;
	height: 20px;
	width: 100%;
	padding: 4px 0px;
	font-size: 9pt;
	/*border-top: 1px solid #ce2d21;*/
	background: #dadada;
}

div.footertext {
	float: right;
	margin-right: 10px;
}

div.copyright {
	position: relative;
	height: 20px;
	width: 100%;
	margin-top: 10px;
	text-align: center;
}
div.copyright a {
	text-decoration: none;
	font-size: 8pt;
	color: #999;
}
div.copyright a:hover {color: #ce2d21;}

/* employee section */
div.employeelist, div.employeedetails {
	width: 800px;
	min-height: 100px;
	padding-bottom: 20px;
}

a.medewerker_tmb {
	display: block;
	width: 100px;
	height: 69px;
	margin: 2px;
	float: left;
	border: 1px solid #a40e0e;
	background-repeat: no-repeat;
}

div.medewerker {
	
}

h3.medewerkertitle {
    font-size: 1.1em !important;
	font-weight: bold;
}

img.medewerker {
	float: right;
	margin-left: 5px;
	border: 1px solid #a40e0e;
}

img.preloadimage {
	display: none;
	border: 0px;
}
/* end of employee section */

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

.textbox, .textbox_pc, .textbox_klein, .textbox_groot, select.dropbox, textarea.areabox, input.box {
	width: 340px;
    height: 16px;
    border: 1px solid #000000;
	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-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 #383534;
  	border-bottom: 2px solid #383534;
  	background-color: #ce2d21;
  	color: #fff;
}
.knop_klein {width: 80px;}

.kleintekst {
	font-size: 8pt;
    background: transparent;
    color: #000000;
}

.redtext {
	font-size: 10pt;
  	font-weight: bold;
  	background-color: inherit;
  	color: #c80202;
}

.greentext {
	font-size: 10pt;
  	font-weight: bold;
  	background-color: inherit;
  	color: #0e6e0e;
}