/* LAYOUT BASIC */

body {
	text-align: center;
	background-color: #FFFFFF;
	width: 100%;
	height: 100%; 
	margin: 0px; 
	}

div.basic {
	width: 100%;
	text-align: center;
	}

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


/* TOPBAR SETUP */

div.topbar {
	width: 900px;
	height: 165px;
	margin: auto;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url('../images/bg_topbar.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	}

div.topbar div,
div.bottombar ul,
div.bottombar div {
	overflow: hidden; 
	font-size: 10px ! important;
	}	

/* TOPBAR ROW 1 */	

div.buttons_top {
	height: 31px;
	width: 900px;
	}

/* TOPBAR ROW 2 */
	
a.logo {
	height: 79px;
	float: left;
	margin-left: 20px;
	}
div.buttons_mid {
	height: 49px;
	vertical-align: middle;
	text-align: right ! important;
	padding-right: 10px;
	padding-top: 30px;
	}


/* TOPBAR ROW 3 */

div.buttons_bottom  {
	float: right;
	height: 17px;
	padding-top: 8px;
	width: 225px;
	text-align: center;
	margin-right: 0px;
	background-image: url('../images/bg_buttons_bottom.jpg');
	background-repeat: no-repeat;
	background-position: right top;
	}
div.buttons_bottom  a {
	padding-left: 8px;
	padding-right: 8px;
	font-size: 10px ! important;
	}

	


	
/* CONTENTBAR */

div.contentbar {
	width: 900px;
	margin: auto;
	padding: 0px;
	}
div.contentbar div {
	text-align: left;
	}
div.submenu {
	width: 175px;
	float: left;
	padding-top: 10px;
	}
div.contentbase {
	width: 705px;
	float: right;
	margin: 0px;
	padding: 0px;
	}
div.content {
	width: 525px;	
	margin: 0px;
	padding: 0px;
	float: left;
	}
#home div.content {
	width: 695px;
	padding-top: 10px;
	}
div.rightbar {
	width: 170px;
	float: right;
	padding-top: 10px;
	}
#home div.rightbar {
	display: none;
	}
	


/* BOTTOMBAR */

div.bottombar {
	width: 880px;
	height: 40px;
	margin:auto;
	padding: 20px 20px 0px 20px;
	background-image: url('../images/bg_bottombar.jpg');
	background-repeat: no-repeat;
	background-position: center 10px;
	clear: both;
	}
div.bottombar ul,
div.bottombar div {
	height: 20px;
	}
div.bottombar li {
	float: left;
	list-style-type: none;
	padding-right: 20px;
	}

	
/* SUBMENU and RIGHTBAR met tables */

div.submenu table,
div.rightbar table {
	background-color: #E7E9F0;
	width: 170px;
	margin: 0px 0px 10px 0px;
	}
div.submenu table {
	width: 175px;
	}
div.submenu table th,
div.rightbar table th {
	height: 22px;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #16276A;
	padding-left: 8px; 
	vertical-align: middle;
	background-color: #E7E9F0;
	border-bottom: 1px solid #ffffff;
	}
	
div.submenu table th {
	font-size: 12px;
	}
div.submenu table td,
div.rightbar table td {
	color: #333333;
	padding: 5px 2px 5px 8px;
	}
div.submenu a,
div.rightbar a {
	font-weight: bold;
	}

/* SUBMENU met H3 en UL*/	

div.submenu h3,
div.rightbar h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	height: 18px;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #16276A;
	padding-top: 4px;
	padding-left: 8px; 
	vertical-align: middle;
	background-color: #E7E9F0;
	border-bottom: 1px solid #ffffff;
	}
div.rightbar h3 {
	margin-top: 10px;
	}
div.submenu ul,
div.rightbar ul {
	background-color: #E7E9F0;
	width: 167px;
	margin: 0px 0px 10px 0px;
	list-style-type: none;
	padding: 5px 0px 5px 8px;
	}
div.rightbar ul {
	width: 162px;
	}
div.submenu li,
div.rightbar li {	
	margin: 0px 0px 5px 0px;
	}

	
/* RIGHTBAR additional */

div.extern h3,
div.extern ul {
	color: #003300;
	background-color: #ECF4E3;
	}
div.extern a {
	color: #336600;
	}
	
/* CONTENT HOME */

#home div.contentbase {
	width: 695px;
	}

div.txt {
	margin: 10px 0px 0px 0px;
	clear: both;
	width: 695px;
	}
#home div.aktiekaders {
	clear: both; 
	margin: 0px;
	width: 695px;
	}
	
div.referenties {
	width: 215px;
	float: right;
	text-align: center ! important;
	color: #003366;
	background-color: #E7E9F0;
	padding: 10px 5px 0px 5px;
	margin: 0px 0px 0px 10px;
	clear: both;
	font-size: 10px;
	}
div.referenties img {
	border: 1px solid #003366;
	}
	
#home table.aktie {
	width: 225px;
	height: 150px;
	float: left;
	margin-right: 0px;
	margin-bottom: 10px;
	}
#home table.aktie#middle {
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	}
#home table.aktie td {
	height: 130px;
	}

/* CONTENT NEXT */




	
/* LAYOUT FONTS COLORS */

html, 
body,
td,
th,
div  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top; 
	color: #6F6F71;
	border: 0px solid #ffffff;
/*	text-align: left; */
	}
b, strong {
	color: #555555;
	}

th {
	text-align: left;
	}

a {
	color: #003399;
	text-decoration: none;
	}
div.content td a:hover {
	color: #993300;
	}

a img {
	border: 0px solid #ffffff;
	}

/* FONTS */

h1, h2, h3, h4, h5 {
	font-family: Arial;
	font-weight: normal;
	color: #16276A;
	}

h1 {
	margin-top: 3px;
	margin-bottom: 10px;
	font-size: 18px;
	}
h2 {
	font-size: 12px;
	font-style: italic; 
	color: #666666;
	margin-bottom: 15px;
	margin-left: 20px;
	font-family: Trebuchet MS;
	font-size: 12px;
	border-top: 4px solid #16276A;
	border-bottom: 4px solid #16276A;
	font-weight: bold;
	width: 440px;
	padding: 5px 0px 5px 0px;
	float: right;
	}
h3,
td.h3 h3 {
	margin-top: 15px;
	margin-bottom: 5px;
	font-family: Arial ! important;
	font-size: 12px ! important;
	font-weight: normal ! important;
	}

.content h3 {
	font-family: Verdana ! important;
	font-size: 11px ! important;
	font-weight: bold ! important;
	}
	
h4 {
	margin-top: 15px;
	margin-bottom: 5px;
	font-family: verdana;
	font-size: 11px;
	font-style: italic;
	color: #A8D82E;
	font-weight: bold;
	}
	
p {
	margin-top: 0px;
	margin-bottom: 10px;
	}
	
.content ul {
	list-style-type: none;
	list-style-image: url('../images/bullet.gif');
	padding: 0px;
	margin: 0px 0px 15px 0px;
	}
.content li ul {
	list-style-image: url('../images/bullet_liul.gif');
	}
.content li {
	padding: 0px;
	margin: 0px 0px 2px 17px;
	}
.content ol {
	margin: 0px 0px 0px 10px;
	}

	
/* TABLES aktie */

table.aktie {
	width: 163px;
/*	height: 200px; */
	height: 100%;
	border: 1px solid #000000;
	}
table.kader {
	float: right;
	height: auto;
	clear: both;
	margin: 0px 0px 10px 10px;
	}
table.aktie th {
	height: 20px ! important;
	border-bottom-width: 0px ! important;
	padding: 0px 5px 0px 5px;
	background-color: #99cc00;
	color: #ffffff;
	vertical-align: middle;
	}
table.aktie th a {
	color: #ffffff;
	}
table.aktie td {
	padding: 5px 5px 0px 5px;
/*	height: auto; */
	border-top: 1px solid #000000;
	}

table.aktie td.h3 {
	padding: 0px;
	height: 20px ! important;
	vertical-align: middle;
	}
table.aktie td.h3 h3 {
	font-size: 12px;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	}
.content table.aktie ul {
	list-style-type: none;
	list-style-image: url('../images/bullet.gif');
	margin-bottom: 0px;
	}



/* TABLES in CONTENT common */

div.content th {
	border-bottom: 1px solid #8E97B9;
	background-color: #16276A;
	color: #ffffff;
	margin: 2px;
	padding: 3px;
	font-size: 10px;
	}
td.name {
	font-weight: normal;
	color: #333333;
	background-color: #F5FAE5;
	}


/* Blog */
#container{width:680px; margin:0 auto; background-color:#fff; border:0px double #555; border-top:0;}
.cols{width:640px; margin:0 20px; padding-top:10px; overflow:hidden;}

.cols img{margin:15px 0;}

/* 
a{color:#933; text-decoration:underline;}
a:hover{color:#777;}
*/


#header{display:none;}
#footer{margin: 10px 0;}

#footer img{margin:9px 0;}

#searchBar{border:1px solid #999; background-color:#ccc; padding:10px 5px; text-align:center;}

#content{clear:both;padding-top:30px;}


h1{font-size:13px;}
p{margin:3px 0 0 0 ;}

.time{color:#933; margin-top:20px; text-transform:capitalize;}
.title{color:#333; font-size:18px; font-weight:normal;}
.hr{border-bottom:1px dotted #c77; width:640px;margin:4px 0 8px 0;}
.userComment{background-color:#f2f2f2; padding:4px; margin-top:10px;min-height:14px;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;}
.userComment a{display:inline;}
.comment{margin-bottom:10px;}
.accent{color:#933; font-style:italic;}
.permalink{margin-left:420px;}

/*comment window rules*/
#container.commentWindow{width:380px;}
.commentWindow .cols{width:300px;}
.commentWindow .hr{width:300px;}

.commentWindow fieldset{border:1px solid #c77; margin:15px 0;}
.commentWindow legend{font-size:12px; font-weight:bold;}


/*Boxjes*/
TABLE.moduletable
{
    PADDING-BOTTOM: 0px;
    MARGIN: 5px 0px;
    PADDING-LEFT: 0px;
    WIDTH: 100%;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px
}
TABLE.moduletable TH
{
    TEXT-ALIGN: left;
    PADDING-BOTTOM: 20px;
    TEXT-TRANSFORM: uppercase;
    PADDING-LEFT: 43px;
    WIDTH: 185px;
    FONT: bold 12px/10px "Trebuchet MS" "Times New Roman", Times, serif;
    BACKGROUND: url(../images/h_bg.jpg) #ffffff no-repeat left top;
    COLOR: #ffffff;
    PADDING-TOP: 22px
}
TABLE.moduletable TD
{
    TEXT-ALIGN: center;
    HEIGHT: 18px
}
TABLE.moduletable P
{
    TEXT-ALIGN: left
}


