﻿/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;font: inherit;vertical-align: baseline; font-family:Verdana, Geneva, sans-serif;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul { list-style: none; }
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;	border-spacing: 0;}

/* CSS Document */

html, body, form {
	background-color:#1B2832;
	height:100%;
	line-height:18px;}

#wrapper {
	width:900px;
	margin:0px auto;
	background-color:#FFF;
	min-height:100%;}
	
#header {
	width: 900px;
	background-image:url(../img/banners/dblogic_header.jpg);
	background-repeat:no-repeat;	
	height:175px;}

#main {
	overflow:auto;
	padding-bottom: 100px;
	margin:0 40px;
	}
	
#main.links {
}

#main.rechts {
}

#main-text {
	width:450px;}
	
h1 {font-size:20px;color:#34b5d0;font-weight:bold;margin-bottom:20px;line-height:normal;}
h2 {font-size:13px;font-weight:bold;}
p, ul {font-size: 13px;	line-height:17px;}
a {font-size:13px;color:#34b5d0;}

ul.text {

}    
ul.text li {
    padding-left: 12px;
    text-indent: -12px;
 }
 
ul.text li:before {
    content: "● ";
    color:#34b5d0;
}

#image-right {
	float:right;
	clear:right;
	margin-bottom:10px;
	}
	
#image-left{
	float:left;
	clear:left;
	margin-bottom:10px;
	}

img {
	
	}
	
img.main-image, img.resize-image {
	width:100%;
	}
	
.image-onderschrift {
	font-size:9px;
	color:#666;
	font-style:italic;
	line-height:8px;
	}
	
.outline {
    border: solid;
	border-width: 1px;
    border-color: black;
}

#footer	{
	width:900px;
	margin:0px auto;
	background-image:url(../img/banners/dblogic_footer.jpg);
	background-repeat:no-repeat;
	height:37px;
	margin-top:-37px;
	font-size:9px;
	color:#fff;} 

a.footer-link {
	color:#FFF;
	font-size:9px;}
    
/* menu */
.menu {
	margin-left:40px;
	padding-top:30px;}
	
.nav {
	width:400px;
	height:30px;
	}
	
.nav ul li { 
	float:left;}
	
.nav ul li a {
	display:block;
	height:30px;
	line-height:30px;
	width:100px;
	background-image:url(../img/menu/menu_dese1lected.jpg);
	text-align:center;
	vertical-align:middle;
	color:#1B2832;
	font-size:14px;
	text-decoration:none;}

.nav ul li a:hover {
	background-image:url(../img/menu/menu_selected.jpg);
	color:#FFF;
	font-weight:bold;}

.nav ul li a.current, .nav ul li a.current:hover {
	background-image:url(../img/menu/menu_selected.jpg);
	color:#FFF;
	cursor:default;
	font-weight:bold;}
/* einde menu */

.tabel							{display:table;}
.tabel-row						{display:table-row;}
.tabel-cell	{
    display:table-cell;
   /* border: solid;
	border-width: 1px; */
	}

projects-cell, .kop-cell		{
	padding-bottom:5px;
}

.projects-cell	{
	padding-bottom:25px;
}

.kop-cell {
	width:100px;
	font-weight:bold;

}
