/* design by www.ontwerpstudiokoemans.nl
------------------------------------------------------------------*/

body {text-align:center; margin: 0px auto; padding: 0px; background-color: #ffffff; font-family:"Lucida Grande", Arial, Verdana, "Lucida Sans"; font-size: 76%;}


#container { text-align: left; margin:0 auto; width: 720px;}
#flashheader {width: 720px; height: 208px;}
#logo {	width: 218px; height: 104px; background-image:url(logo.jpg); background-repeat:no-repeat; background-position: left top;}
#logo h1, #logo h2{display: none;}

#menu {	float:left; width:245px; padding-bottom: 80px; padding-top: 30px; display:block; background-image:url(menu-achtergrond.jpg); background-position:left bottom; background-repeat:no-repeat; background-color:#FFFFFF;}

#menu ul {padding: 0px; margin: 0px; width:160px; margin-top:12px; list-style: none; margin: 0px auto;}	
#menu a{ display:block; line-height: 30px; height: 30px; color: #1096C3; font-weight: bold; text-decoration:none;}
#menu ul li ul li a{ color:#999999;}

#menu li {border-top: dotted 1px #cccccc;}
#menu li ul li {border-top: dotted 0px #cccccc;}
#menu li ul {
border:none;}

#menu ul li ul li a{ display: inline-block; line-height: 20px; height: 20px; color: #999999; font-weight: bold; text-decoration:none;  font-size: 0.9em;}
#menu ul li, #menu ul li ul li, #menu ul li ul{margin: 0px; padding: 0px;} 
#menu ul li ul{padding-bottom: 20px; padding-left: 10px;}

#inhoud {float:left; width:710px; min-height:400px; text-align:left; background-image:url(content-achter.jpg); background-repeat:no-repeat; background-position:left bottom;}
#tekst-wrapper {float:right; width:410px; margin-right:52px; text-align:left; padding-bottom: 60px; padding-top: 40px; } 








/* CONTENT 
------------------------------------------------------------------*/	

#tekst-wrapper{font-size: 1.0em; line-height: 1.8em; color: #333333; }
#tekst-wrapper a {text-decoration: underline; font-weight: normal; color:#1096C3; text-decoration:none;}
#tekst-wrapper a:hover {text-decoration: underline;}
#tekst-wrapper h1 {color:#1096C3; font-size: 1.8em; font-weight: normal; margin-top: 0em; margin-bottom: 0.2em; text-transform:uppercase;}
#tekst-wrapper h2 {color: #666666; font-size: 2.0em; font-weight: normal; margin-top: 0em; margin-bottom: 0.2em; text-transform:uppercase;}
#tekst-wrapper h3 {color:#1096C3; font-size:12px; font-weight: bold; margin-top: 5px; margin-bottom: 5px; text-transform:uppercase;}
#tekst-wrapper h4 {color: #000000; font-size: 1.4em; font-weight: normal; margin-top: 0em; margin-bottom: 0.0em; text-transform:uppercase; border-bottom: dotted 1px #cccccc;}
#tekst-wrapper h5 {color:#1096C3; font-size: 1.0em; font-weight: bold; margin-top: 0em; margin-bottom: 0.0em;}
#tekst-wrapper h6 {color: #1096c3; font-size: 1.0em; font-weight: normal; margin-top: 0em; margin-bottom: 0.0em; display:block;border-bottom: dotted 1px #cccccc;}
#tekst-wrapper img {border: 3px solid #fff; clear:both; }
#tekst-wrapper ol, #tekst-wrapper ul, #tekst-wrapper li {font-size: 1.0em; color: #666; line-height: 1.8em;	margin-top: 0.2em; margin-bottom: 0.1em; list-style-image:url(punt.gif);}
#tekst-wrapper p {font-size: 1.0em; line-height: 1.8em; margin: 1.2em 0em 1.2em 0em;}
#tekst-wrapper li > p {margin-top: 0.2em;}
#tekst-wrapper pre {font-family: monospace; font-size: 1.0em;}
#tekst-wrapper strong, #tekst-wrapper b {font-weight: bold;}
.vakjes{border-bottom: dotted 1px #cccccc; padding-bottom: 10px; margin-bottom: 30px; min-height:410px; height:auto !important; height:410px;}
b{color:#666666;}
i{color:#666666;}

#portfolio,#diensten{
	display: none;
}

.portfolio-lijst {
	border-top: dotted 1px #cccccc; padding-bottom: 10px;
	margin: 10px 0px 10px 0px;
	height:auto;
	}
	
.portfolio-lijst p {
	margin:2px 0px 5px 0px;
	padding:0px;
	width:200px;
	line-height:110%;
	
	}

.portfolio-lijst img {
	margin:0px;
	padding:0px;
	float:right;
	}
	
.flash-portfolio {
	margin:10px 0px 0px 0px;
	padding:0px;
	float:right;
	height:170px
}	
	
	
	
	
#footer{ clear:both; display:block; text-align:right; color:#999999; font-size: 0.8em; margin-top: 20px; }			






/* FORM
------------------------------------------------------------------*/
#formulier { color:#1096C3; padding-top: 20px; padding-bottom: 10px; font-size: 1.0em; border:0px;}
label, input, textarea{display: block; width: 190px; float: left; margin-bottom: 18px; font-size: 1.0em}
#radio{width: 20px; float: none; margin: 0px; display: inline-block;}
#checkbox{width: 20px; float: none; margin: 0px; display: inline-block;}
label {text-align: right; width: 190px; padding-right: 20px;}
br {clear: left;}
textarea{ height:150px; font-family:"Lucida Grande", Arial, Verdana, "Lucida Sans"; color:#00CC66;}
input, textarea {padding:4px; background-color: #FFF; border: 1px solid #dddddd; color: #333333;}
#knop {width: 75px; border: 1px solid #42b3bd; background-color: #15a1ae; color: #D5F1FF; }
#knop:hover {border: 1px solid #fff; background-color: #42b3bd; color: #fff;}
.error{color: #FF0000;}
#form{ display:none;}


/* EINDE STYLE
------------------------------------------------------------------*/