@charset "utf-8";
/* CSS Document */


/************************

       LAYOUT
	  
*************************/
body, html
{
	margin:0;
	padding:0;
	font-family:Tahoma, Arial, sans-serif;
	font-size:12px;
	color:#333;
	background-image:url(../images/background_top.jpg);
	background-repeat:repeat-x;
}
html
{
	background:#B2B2B2 url(../images/background_bottom.jpg) bottom repeat-x;
}
#container
{
	margin:auto;
	width:1000px;
	margin-top:0px;
	background-image:url(../images/content.jpg);
	background-repeat:repeat-y;
}
#header
{
	height:170px;
	background-image:url(../images/header2.jpg);
	background-repeat:no-repeat;
}
#inhoud
{
	width:860px;
	margin:auto;
    height:auto;
	background:url(../images/background_content.png) top right no-repeat;
}
#footer
{
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	height:68px;
	width:1000px;
}

a, img, a img
{
	outline:none;
    border:none;
}

/************************

      BB-code stijl
	  
*************************/
.blogreactie a:link, .blogitem_oneven a:link, .blogitem_even a:link, p a:link,  
.blogreactie a:visited, .blogitem_oneven a:visited, .blogitem_even a:visited, p a:visited
{
	color:#999;
	text-decoration:none;
	border-bottom:#999 1px dashed;
}
.blogreactie a:hover, .blogitem_oneven a:hover, .blogitem_even a:hover, p a:hover, 
.blogreactie a:active, .blogitem_oneven a:active, .blogitem_even a:active, p a:active
{
	color:#CC7217;
	text-decoration:none;
	border-bottom:#CC7217 1px solid;
}
.blogreactie div.code, .blogitem_oneven div.code, .blogitem_even div.code
{
	background-color:#BCBCBC;
	border:#696969 1px dashed;
	width:500px;
	padding:10px;
	margin-bottom:10px;
}
.blogreactie div.quote, .blogitem_oneven div.quote, .blogitem_even div.quote
{
	margin-left:20px;
	background:url(../afbeeldingen/icoon/quote.png) left top no-repeat;
	padding:2px 200px 20px 50px;
	font-style:italic;
	color:#666;
}
.blogreactie ul.lijst, .blogitem_oneven ul.lijst, .blogitem_even ul.lijst
{
	list-style:none;
	margin-left:-20px;
}
.blogreactie ul.lijst li, .blogitem_oneven ul.lijst li, .blogitem_even ul.lijst li
{
	background-image:url(../afbeeldingen/icoon/pijl_lijst.png);
	background-repeat:no-repeat;
	padding-left:20px;
}
.blogreactie ol.nummerlijst, .blogitem_oneven ol.nummerlijst, .blogitem_even ol.nummerlijst
{
	margin-left:0px;
	color:#0A697F;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.blogreactie ol.nummerlijst span, .blogitem_oneven ol.nummerlijst span, .blogitem_even ol.nummerlijst span
{
	font-family:Tahoma, Arial, sans-serif;
	font-size:12px;
	color:#333;
	font-weight:normal;
}
.blogreactie table.bb_tabel, .blogitem_oneven table.bb_table, .blogitem_even table.bb_tabel
{
	border-right:#000 1px solid;
	border-bottom:#000 1px solid;
}
.blogreactie table.bb_tabel th, .blogitem_oneven table.bb_table th, .blogitem_even table.bb_tabel th
{
	border-top:#000 1px solid;
	border-left:#000 1px solid;
	background-color:#BCBCBC;
	padding:5px 10px 5px 10px;
}
.blogreactie table.bb_tabel td, .blogitem_oneven table.bb_table td, .blogitem_even table.bb_tabel td
{
	border-left:#000 1px solid;
	border-top:#000 1px solid;
	background-color:#ACACAC;
	padding:5px 10px 5px 10px;
}
.blogreactie img.bb_afbeelding, .blogitem_oneven img.bb_afbeelding, .blogitem_even img.bb_afbeelding
{
	background-color:#ADADAD;
	padding:3px;
	border:#7C7C7C 1px dashed;
}

/************************

       MENU
	  
*************************/
ul#menu
{
	list-style:none;
	float:right;
	margin-top:120px;
	margin-right:50px;
}
ul#menu li
{
	display:inline;
	font-size:15px;
	font-family:Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	letter-spacing:-1px;
	padding-right:10px;
}
ul#menu li a:link, ul#menu li a:visited
{
	text-decoration:none;
	color:#3FA9F5;
}
ul#menu li a:hover, ul#menu li a:active
{
	text-decoration:none;
	color:#fff;
	text-shadow:#000 1px 1px 1px;
}

/************************

       TEKSTSTIJLEN
	  
*************************/
.hoofdtitel
{
	font-family:"Century Gothic", sans-serif;
	font-size:20px;
	letter-spacing:2px;
	color:#3FA9F5;
	/*color:#BFF21D;*/
	text-transform:uppercase;
	font-weight:lighter;
}
p
{
	line-height:25px;
}
.ondertitel
{
	color:#BCCE13;
	text-transform:uppercase;
	font-size:15px;
}
#footer div
{
	color:#fff;
	text-shadow:#666 1px -1px 3px;
	height:20px;
	width:400px;
	margin:auto;
	top:50%;
	left:50%;
	padding-top:37px;
}
table.rechts tr td
{
	margin-right:15px;
	padding:2px;
	vertical-align:top;
	line-height:25px;
}
table.rechts tr td.links
{
	width:150px;
}

/************************

       INHOUDSVAK
	  
*************************/
#bovenkant_vak
{
	width:858px;
	height:20px;
	background-image:url(../afbeeldingen/icoon/vak_bovenkant.png);
	display:block;
}
#onderkant_vak
{
	width:858px;
	height:20px;
	background-image:url(../afbeeldingen/icoon/vak_onderkant.png);
	display:block;
}
#inhoud_vak
{
	width:858px;
	background-color:#043B56;
	display:block;
	display:table-cell;
}
#inhoud_vak ul.categorie_vak
{
	float:left;
	width:350px;
	list-style:none;
}
#inhoud_vak ul.categorie_vak li 
{
	font-size:14px;
	border-bottom:#CCC 1px dotted;
	margin-bottom:4px;
}
#inhoud_vak ul.categorie_vak li a 
{
	display:block;
	padding:7px;
}
#inhoud_vak ul.categorie_vak li a:link,
#inhoud_vak ul.categorie_vak li a:visited 
{
	color:#A2DDF4;
	text-decoration:none;
}
#inhoud_vak ul.categorie_vak li a:hover 
{
	color:#04202B;
	background-color:#3977AA;
	text-decoration:none;
}
#inhoud_vak ul.categorie_vak_eerste 
{
	margin-right:11px;
	float:left;
	width:350px;
	list-style:none;
}
#inhoud_vak ul.categorie_vak_eerste li 
{
	font-size:14px;
	border-bottom:#CCC 1px dotted;
	margin-bottom:4px;
}
#inhoud_vak ul.categorie_vak_eerste li a 
{
	display:block;
	padding:7px;
}
#inhoud_vak ul.categorie_vak_eerste li a:link,
#inhoud_vak ul.categorie_vak_eerste li a:visited 
{
	color:#A2DDF4;
	text-decoration:none;
}
#inhoud_vak ul.categorie_vak_eerste li a:hover 
{
	color:#04202B;
	background-color:#3977AA;
	text-decoration:none;
}

/************************

   STANDAARD TABELSTIJL
	  
*************************/
table.opsommingtabel
{
	width:100%;
	margin-left:10px;
	margin-top:10px;
	border-top:1px #000 solid;
	border-right:1px #000 solid;
}
table.opsommingtabel td.kop
{
	background-color:#CCC;
	font-size:12px;
	padding:5px 0px 5px 10px;
	border-bottom:1px #000 solid;
	border-left:1px #000 solid;
}
table.opsommingtabel tr.rij1 td
{
	vertical-align:top;
	margin:0px;
	padding:5px;
	background-color:#97E1F2;
	border-bottom:1px #000 solid;
	border-left:1px #000 solid;
}
table.opsommingtabel tr.rij2 td
{
	vertical-align:top;
	margin:0px;
	padding:5px;
	background-color:#70ACBA;
	border-bottom:1px #000 solid;
	border-left:1px #000 solid;
}
table.opsommingtabel tr.rij1 td a:link,
table.opsommingtabel tr.rij1 td a:visited,
table.opsommingtabel tr.rij2 td a:link,
table.opsommingtabel tr.rij2 td a:visited
{
	margin:0px;
	color:#696969;
	text-decoration:none;
	border-bottom:1px #000 dashed;
}
table.opsommingtabel tr.rij1 td a:hover,
table.opsommingtabel tr.rij1 td a:active,
table.opsommingtabel tr.rij2 td a:hover,
table.opsommingtabel tr.rij2 td a:active
{
	margin:0px;
	color:#000;
	text-decoration:none;
	border-bottom:1px #000 solid;
}

/************************

       BLOGSTIJLEN
	  
*************************/
.blogitem_oneven
{
	padding:10px 20px 30px 10px;
}
.blogitem_even
{
	background-color:#D3D3D3;
	padding:10px 20px 30px 10px;
}
.kalender
{
	background-image:url(../afbeeldingen/icoon/kalender.png);
	background-repeat:no-repeat;
	width:60px;
	height:50px;
	float:left;
	padding:13px 0px 0px 0px;
}
.kalender span.maand, .kalender span.jaar
{
	display:block;
	font-size:10px;
	color:#454C56;
	text-align:center;
	text-transform:uppercase;
	margin-right:8px;
}
.kalender span.dag
{
	display:block;
	font-size:15px;
	color:#454C56;
	text-align:center;
	margin-right:8px;
}
.blogtitel
{
	font-family:"Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:21px;
	font-weight:normal;
	letter-spacing:-1px;
	margin-top:0px;
	color:#9DBF11;
}
.blogtitel a:link, .blogtitel a:visited
{
	color:#9DBF11;
	text-decoration:none;
	border:none;
}
.blogtitel a:hover, .blogtitel a:active
{
	color:#CC7217;
	text-decoration:none;
	border:none;
}
.poster
{
	background-image:url(../afbeeldingen/icoon/potlood.png);
	background-repeat:no-repeat;
	padding-left:18px;
	color:#999;
	font-size:13px;
}
.reacties
{
	background-image:url(../afbeeldingen/icoon/reacties.png);
	background-repeat:no-repeat;
	padding-left:18px;
	color:#999;
	font-size:13px;
	float:right;
}
.blogfooter
{
	margin-left:20px;
}
.gepost_in
{
	color:#999;
	font-size:12px;
	float:left;
}
.gepost_in a:link, .gepost_in a:visited
{
	color:#999;
	text-decoration:none;
	border:none;
}
.gepost_in a:hover, .gepost_in a:active
{
	color:#CC7217;
	text-decoration:none;
	border:none;
}
.verder_lezen
{
	background-image:url(../afbeeldingen/icoon/pijl.png);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:18px;
	float:right;
}
.verder_lezen a:link, .verder_lezen a:visited
{
	color:#999;
	text-decoration:none;
	border:none;
}
.verder_lezen a:hover, .verder_lezen a:active
{
	color:#CC7217;
	text-decoration:none;
	border:none;
}

/************************

      REACTIESTIJL
	  
*************************/
.blogreactie_eventitel
{
	background-image:url(../afbeeldingen/icoon/reactieachtergrond1.png);
	background-repeat:no-repeat;
	width:auto;
	height:30px;
	padding:6px 0px 0px 50px;
}
.blogreactie_oneventitel
{
	background-image:url(../afbeeldingen/icoon/reactieachtergrond2.png);
	background-repeat:no-repeat;
	width:auto;
	height:30px;
	padding:6px 0px 0px 50px;
}
.blogreactie_oneventitel, .blogreactie_eventitel
{
	color:#fff;
	text-shadow:#000 1px 1px 1px;
	letter-spacing:1px;
	font-size:13px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.blogreactie_oneventitel a:link, .blogreactie_eventitel a:link,
.blogreactie_oneventitel a:visited, .blogreactie_eventitel a:visited
{
	color:#fff;
	text-decoration:none;
	border-bottom:#000 1px dashed;
}
.blogreactie_oneventitel a:hover, .blogreactie_eventitel a:hover,
.blogreactie_oneventitel a:active, .blogreactie_eventitel a:active
{
	text-shadow:none;
	color:#fff;
	text-decoration:none;
	border-bottom:#000 1px solid;
}
.blogreactie
{
	margin-left:30px;
	padding-left:10px;
	border-left:#000 1px dotted;
}

/************************

     FORMULIERSTIJL
	  
*************************/
#reactie_formulier
{
	background-image:url(../afbeeldingen/icoon/formulier_achtergrond.png);
	background-repeat:no-repeat;
	padding-top:25px;
	margin-top:20px;
}
#inzenden_formulier
{
	background-image:url(../afbeeldingen/icoon/formulier_inzenden_achtergrond.png);
	background-repeat:no-repeat;
	padding-top:25px;
	margin-top:20px;
}
#contact_formulier
{
	background-image:url(../afbeeldingen/icoon/formulier_contact_achtergrond.png);
	background-repeat:no-repeat;
	padding-top:25px;
	margin-top:20px;
}
#reactie_formulier table, #inzenden_formulier table, #contact_formulier table
{
	background-color:#043B56;
	color:#fff;
	padding:15px;
	width:600px;
}
#reactie_formulier table tr td.labels, #inzenden_formulier table tr td.labels, #contact_formulier table tr td.labels
{
	vertical-align:top;
	width:200px;
}
.tekstveld
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	width:300px;
	border:#666 1px solid;
	background-color:#ECECEC;
	padding:4px;
	margin:4px;
}
.tekstvak
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	width:300px;
	height:200px;
	border:#666 1px solid;
	background-color:#ECECEC;
	padding:4px;
	margin:4px;
}
.knop
{
	font-family:Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:12px;
	width:150px;
	border:#666 1px solid;
	background-color:#03212D;
	color:#fff;
	padding:5px;
	margin-right:54px;
	margin-top:10px;
}
.keuzelijst
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	width:300px;
	border:#666 1px solid;
	background-color:#ECECEC;
	padding:4px;
	margin:4px;
}

/************************

       ERRORSTIJL
	  
*************************/
.error
{
	background-image:url(../afbeeldingen/icoon/error.png);
	background-position:10px 10px;
	background-repeat:no-repeat;
	padding:10px 10px 10px 60px;
	min-height:50px;
	font-size:12px;
	border:1px #000 dotted;
}
.error .error_titel
{
	font-weight:bold;
	display:block;
	padding-bottom:10px;
}

/************************

      ALBUMSTIJL
	  
*************************/
.album
{
	background-image:url(../afbeeldingen/icoon/album.png);
	width:200px;
	height:200px;
	margin:0px 30px 20px 10px;
}
.album img
{
	width:100px;
	height:100px;
	margin:27px 0px 0px 57px;
}
.album span a:link, .album span a:visited, .album span a:hover, .album span a:active
{
	color:#fff;
	font-size:12px;
	font-family:"Courier New", Courier, monospace;
	margin:10px 15px 0px 40px;
	display:block;
	text-decoration:none;
	border:none;
}

/************************

      INLOGFORMULIER
	  
*************************/
#inloggen
{
	background-color:#043B56;
	padding:5px;
	margin:10px 200px 10px 200px;
	border:none;
}
.wachtwoordveld
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	width:300px;
	border:#666 1px solid;
	background:url(../afbeeldingen/icoon/slot.png) no-repeat 2px 2px #ECECEC;
	padding:4px 4px 4px 20px;
	margin:4px;
}

/************************

       PORTFOLIOSTIJLEN
	  
*************************/
.portfolioobject_oneven
{
	padding:10px 20px 30px 10px;
}
.portfolioobject_even
{
	background-color:#D3D3D3;
	padding:10px 20px 30px 10px;
}
.portfoliotitel
{
	font-family:"Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:21px;
	font-weight:normal;
	letter-spacing:-1px;
	margin-top:0px;
	color:#9DBF11;
}
.portfoliotitel span
{
	text-transform:uppercase;
}
.portfoliotitel a:link, .portfoliotitel a:visited
{
	color:#9DBF11;
	text-decoration:none;
	border:none;
}
.portfoliotitel a:hover, .portfoliotitel a:active
{
	color:#CC7217;
	text-decoration:none;
	border:none;
}
.portfoliotitel_vak
{
	font-family:"Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:21px;
	font-weight:normal;
	letter-spacing:-1px;
	margin-top:0px;
	color:#fff;
}
.portfoliotitel_vak a:link, .portfoliotitel_vak a:visited
{
	color:#fff;
	text-decoration:none;
	border:none;
}
.portfoliotitel_vak a:hover, .portfoliotitel_vak a:active
{
	color:#CC7217;
	text-decoration:none;
	border:none;
}
.portfolio_afbeelding
{
	background-image:url(../afbeeldingen/icoon/portfolio_achtergrond.png);
	width:136px;
	height:136px;
}
.portfolio_afbeelding img
{
	margin-top:8px;
	margin-left:8px;
}
.portfolio_datum
{
	padding:3px;
	color:#333;
}
ul.portfolio_techniek
{
	list-style:none;
	margin-left:-30px;
}
ul.portfolio_techniek li
{
	background-image:url(../afbeeldingen/icoon/pijl_lijst.png);
	background-repeat:no-repeat;
	padding:0px 0px 7px 20px;
}
.portfolioobject_even p, .portfolioobject_oneven p
{
	margin-left:10px;
}

.laatste_object
{
	
}

/************************

       HIGHSLIDE
	  
*************************/
.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide-container table {
	background: none;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: 2px solid #ccc;
	margin:5px;
}
.highslide:hover img {
	border-color: #666;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.glossy-dark {
	background: #111;
}

.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
	font-size: .9em;
}
.highslide-caption {
	display: none;
	font-size: 1em;
	padding: 5px;
	background: #111;
	color:#CCC;
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
a.highslide-full-expand {
   background: url(graphics/fullexpand.gif) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}

.highslide-viewport {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: none;
	left: 0;
	top: 0;
}
.highslide-overlay {
	display: none;
}
.hidden-container {
	display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(graphics/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}

/*****************************************************************************/
/* Thumbnail boxes for the galleries.                                        */
/* Remove these if you are not using a gallery.                              */
/*****************************************************************************/
.highslide-gallery ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.highslide-gallery ul li {
	display: block;
	position: relative;
	float: left;
	width: 106px;
	height: 106px;
	border: 1px solid silver;
	background: #ededed;
	margin: 2px;
	line-height: 0;
	overflow: hidden;
}
.highslide-gallery ul a {
	position: absolute;
	top: 50%;
	left: 50%;
}
.highslide-gallery ul img {
 	position: relative;
	top: -50%;
	left: -50%;
}
html>/**/body .highslide-gallery ul li {
	display: table;
	text-align: center;
}
html>/**/body .highslide-gallery ul li {
	text-align: center;
}
html>/**/body .highslide-gallery ul a {
	position: static;
	display: table-cell;
	vertical-align: middle;
}
html>/**/body .highslide-gallery ul img {
	position: static;
}

/*****************************************************************************/
/* Controls for the galleries.											     */
/* Remove these if you are not using a gallery							     */
/*****************************************************************************/
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin: 20px 15px 10px 0;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(graphics/controlbar-white.gif) right -90px no-repeat;

}
.highslide-controls li {
	float: left;
	padding: 5px 0;
	margin:0;
}
.highslide-controls a {
	background-image: url(graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a.disabled span {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
	cursor: pointer;
}


/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}