body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	margin: 0px; padding: 0px;
/*	overflow: auto;*/
}

html, body { height: 100%; /*overflow: hidden;*/ }
img { border: 0px; }

.headtitel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 25px;
	color: #FFFFFF;
}

#logo {
	position: absolute;
	width: 155px;
	height: 50px;
	border: 1px solid #000000;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	float: left;
}

#breadcrumbs {

	left: 0px;
	padding: 5px;
	padding-top: 15px;
	height: 50px;
	width: 100%;
	border: 1px solid #000000;
	background-color: #DC1212;
}

#previewzone {
	position: absolute;
	z-index: 100;
	left: 162px;
	top: 75px;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
/*	font-variant: small-caps;
	border-bottom: 3px solid #DC1212;*/
	color: #DC1212;
	padding-bottom: 3px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.mainbg {
	background-attachment: fixed;
	background-image: url(/countus/templates/countus/gfx/bg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	border: 1px solid #000000;
}
#hoofdscherm {
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
	font-size: 12px;
/*	height: expression(document.body.clientHeight - 120);
	overflow: auto;*/
}

#hoofdscherm, #hoofdscherm table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
}

#hoofdscherm a, #hoofdscherm a:link, #hoofdscherm a:visited, #hoofdscherm a:active {
	color: #000000;
}

#hoofdscherm a:hover {
	color: #FF8510;
}

#menu {
	position: absolute;
	border: 1px solid #000000;
	width: 155px;
	height: 90%;
	float: left;
	background-color: #DC1212;
}

.overzicht_rij {
	border-bottom: 1px solid #FFFFFF;
}

.inlinedialog {
	border: 1px solid #000000;
}

#boodschap {
	font: Verdana;
	font-weight: bold;
	text-align: center;
	padding: 4px;
	margin: 4px;
	border-width: 1px;
	border-color:#FF0000;
	border-style: dotted;
	background-color: #CCCCCC;
}

/*.tplblock {
	float:left;
	border:1px solid #000;
	background-color:#DDD;
	padding:2px;
	margin-right:10px;
	margin-bottom:5px;
	height: 225px;
}*/

.tplblock {
	float:left;
	border:1px solid #000000;
	padding: 2px;
	background-color:#DDDDDD;
	margin-right:5px;
	margin-bottom:5px;
/*	height: 250px;*/
}

.tpltitel {
	width: 100%;
	height: 20px;
	background-color: #09A34C;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	padding: 3px;
	padding-top: 5px;
}

.tplcontent {
	scrollbar-3dlight-color: #09A34C; 
	scrollbar-arrow-color: #dfe5e8; 
	scrollbar-base-color: #09A34C; 
	scrollbar-darkshadow-color: #09A34C; 
	scrollbar-face-color: #09A34C; 
	scrollbar-highlight-color: #09A34C; 
	scrollbar-shadow-color: #09A34C; 
	scrollbar-track-color: #D7DBF4;
	padding: 5px;
	padding-right: 0px;
	width:325px;
/*	height: 180px;
	overflow: auto;*/	
}


.invulformulier {
	background-image: url(/countus/templates/countus/gfx/tabelbg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #D7DBF4;
	border: 1px solid #DC1212;
}

.invulformulier th {
	color: #FFFFFF;
	height: 20px;
	background-color:#09A34C;
}

.breadcrumbs  { color: #000000; font-weight: bold; font-size: 10px; font-family: verdana }
.breadcrumbs a  { color: #000000; font-weight: bold; font-size: 10px; font-family: verdana; text-decoration: none }
.breadcrumbs a:hover  { color: #000000; font-weight: bold; font-size: 10px; font-family: verdana; text-decoration: none }

.hoofdmenu  { text-align: left; color: #FFFFFF; font-weight: bold; font-size: 11px; font-family: verdana }
.hoofdmenu a  { color: #FFFFFF; font-weight: bold; font-size: 11px;  font-family: verdana; text-decoration: none }
.hoofdmenu a:hover  { color: #FFFFFF; font-weight: bold; font-size: 11px; font-family: verdana; text-decoration: none }

.submenu  { text-align: left; color: #FFFFFF; font-weight: none; font-size: 11px; font-family: verdana; background-color: #09A34C; }
.submenu a  { color: #FFFFFF; font-weight: none; font-size: 11px;  font-family: verdana; text-decoration: none }
.submenu a:hover  { color: #FFFFFF; font-weight: none; font-size: 11px; font-family: verdana; text-decoration: underline; }

/* BLOCK */
.block {
	text-align: left;
	width: 250px;
	margin-left: 7px;
	border: 1px solid #DC1212;
}

.blockcontent {
	font-family : Verdana;
	font-size : 11px;
	padding: 2px;
	color: #FFFFFF;
}
.blockcontent a, .blockcontent a:visited{
	font-family :Verdana;
	font-size : 11px;
	font-weight: normal;
	text-decoration : none;
	color : #346767;
}
.blockcontent a:hover {
	font-family :Verdana;
	font-size : 11px;
	font-weight : normal;
	text-decoration : underline;
	color : #000000;
}
.blocktitel {
	background-color: #DC1212;
	color: #FFFFFF;
	height:15px; 
	padding-bottom: 2px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
