* {
	margin: 0px;
	padding: 0px;
}
html, body {
	height: 100%;
	font-family: verdana, arial;
	font-size: 11px;
	line-height: 17px;
	background-color: #000;
	color: #ccc;
}

div#container {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -20px; /* z */
}

div#footer, #push {
	height: 20px; /* zelfde hoogte als de footer */
	width: 750px; /*net zo groot als content_container */
	text-align: center;
	width: 500px;
	margin: 0 auto;
	color: #888;
}

a {
color: #fff;
text-decoration: none;
}

a:hover {
color: #999;
}

img {
border: 0px;
}

div#header {
height: 140px;
margin: 0 auto;
width: 750px /*evenveel als content_contaiber */
}
div#header img#logo {
float: right;
margin-top: 50px;
}

div#headerbar {
height: 45px;
background-image: url('../grfx/headerbar_bg.png');
background-repeat: repeat-x;
}

div#headerbar div#text {
margin: 0 auto;
width: 750px; /*evenveel als content_container*/
line-height: 45px;
}

div#headerbar div#text a {
font-weight: bold;
color: #000;
text-decoration: none;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 4px;
border-bottom: 4px solid #fff;
}

div#content_container {
position: relative;
width: 750px;
margin: 0 auto;
}

div#links {
width: 200px;
float: left;
}

div#rechts {
float: left;
width: 550px;
}

div#kruimelpad {
height: 65px;
line-height: 65px;
}

div#kruimelpad a {
}

h1{
font-size:14px;
line-height:16px;
margin-bottom:30px;
}

ul#nav {
list-style-type: none;
margin: 0px;
padding: 0px;
margin-top: 65px;
}

ul#nav li {
height: 20px;
line-height: 20px;
font-size: 11px;
}

ul#nav li a {
text-decoration: none;
color: #fff;
BORDER-LEFT: #000 4px solid;
}
ul#nav li a:hover {
color: #fff;
BORDER-LEFT: #000 4px solid;
}

ul#nav li a.dutchschool:hover {
color: #ff8c00;
BORDER-LEFT: #ff8c00 4px solid;
}

ul#nav li a.make:hover {
color: red;
BORDER-LEFT: #e32118 4px solid;
}

/*intro DIVs */
div#intro_container {
	position: absolute;
	top: 100px;
	left: 2px;
	float: right;
	background-image: url('../grfx/load.gif');
	background-position: center;
	background-repeat: no-repeat;
	height: 200px;
	width: 740px;
}

div#intro_container table {
width: 100%;
}

div#intro_container table td a{
color: #ccc;
display: block;
}

div#intro_container table td a:hover {
color: #fff;
}

div#intro_container table td {
width: 255px;
font-size: 10px;
line-height: 15px;

}

div#intro_container table h1 {
font-size: 12px;
font-weight:bold;
line-height: 22px;
height: 22px;
}

.introdiv {
	position:absolute;
	top:0px;
	left:-2px;
	background-color:#000;
	height: 328px;
	width: 751px;
}

.intro_groen {
position: relative;
left: -15px;
border-left: 5px solid #25d702;
padding-left: 10px;
}

.intro_rood {
position: relative;
left: -15px;
border-left: 5px solid #dd1414;
padding-left: 10px;
}

/*rechts*/
div#images_right {
float: right;
width: 150px;
margin-top: -3px;
text-align: right;
}

div#images_right a img{
position: relative;
display: block;
margin-top: 6px;
border:1px #e9e9e9 solid;
padding: 4px;
background-color:#FFFFFF;
}
div#images_right a img:hover{
border:1px #e9e9e9 solid;
padding: 4px;
background-color:#d9d9d9;
}

/* onder */
div#images_below {
text-align: center;
margin-top: 5px;
}

div#images_below img{
margin-right: 2px;
margin-top: 3px;
}

div#images_below a img{
position: relative;
margin-right: 3px;
margin-top: 7px;
border:1px #e9e9e9 solid;
padding: 4px;
background-color:#FFFFFF;
}

div#images_below a img:hover{
border:1px #e9e9e9 solid;
padding: 4px;
background-color:#d9d9d9;
}

/* top */
div#images_top {
text-align: center;
margin-bottom: 5px;
}

div#images_top a img{
position: relative;
margin-right: 3px;
margin-bottom: 7px;
border:1px #e9e9e9 solid;
padding: 4px;
background-color:#FFFFFF;
}
div#images_top a img:hover{
border:1px #e9e9e9 solid;
padding: 4px;
background-color:#d9d9d9;
}

/* midden */
div#images_midden {
text-align: center;
margin-bottom: 5px;
}

div#images_midden a img{
position: relative;
margin-right: 3px;
margin-bottom: 7px;
border:1px #e9e9e9 solid;
padding: 4px;
background-color:#FFFFFF;
}
div#images_midden a img:hover{
border:1px #e9e9e9 solid;
padding: 4px;
background-color:#d9d9d9;
}

/* midden categorie */
div#images_categorie {
te/xt-align: center;
margin-bottom: 5px;
border:1px solid blue;
}

div#images_categorie a img{
position: relative;
margin-right: 3px;
margin-bottom: 7px;
border:1px #e9e9e9 solid;
padding: 4px;
background-color:#FFFFFF;
}
div#images_categorie a img:hover{
border:1px #e9e9e9 solid;
padding: 4px;
background-color:#d9d9d9;
}


/* ........... */
div#newsletterDiv
{
top:50px;
position:relative;
}
div#taalkeuze
{
float:right;
margin-right:5px;
top:1px;
position:relative;
}


/*-------portfolio -------------------------*/
div#master_portfolio{
width:500px;
}
div#container_portfolio {
width:500px;
}
div#container_portfolio .plaatje_portfolio {
	bor/der:1px dashed blue;
	width:auto;
	float:left;
	position:relative;
	margin-top:0px;
	margin-left:0px;
	padding:5px;
}
div#container_portfolio .titel_portfolio {
	position:absolute;
	bor/der:1px dashed black;
	wi/dth:100px;
	bottom:1px;
}
div#wuppie .plaatje_portfolio {
	bor/der:1px dashed blue;
	width:auto;
	float:left;
	position:relative;
	margin-top:0px;
	margin-left:0px;
	padding:5px;
}
div#wuppie .titel_portfolio {
	position:absolute;
	bor/der:1px dashed black;
	wi/dth:100px;
	bottom:1px;
}

/*----- Form fields ----------------*/
.button
{
	background-color:#ffffff;
	color:#000000;
	border: 1px solid #000000;
	font-weight:bold;
	cursor: pointer;
}

.invalid
{
	border: 1px solid #FF0000;
}

/*----- Video pagina ------*/

table.video
{
border: 1px black solid;
width: 550px;
padding: 10px;
}

table.video:hover {
border: 1px solid white;
cursor: pointer;
background-color: #0b0b0b;
}