html, body {
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 90%;
 color: #999999;
 height:100%;
 width:100%;
 margin: 0px auto;
 padding: 0px;
 text-align: center;
 background-image: url('/images/blauw1.jpg');
 background-repeat: repeat-x;
 background-color: #8CCFEB;
}

a { text-decoration: none; color: #0596D4; }
a:hover { text-decoration: underline; }

h1 {
 color: #0596D4;
 font-size: 130%;
 font-weight: bold;
 /* text-transform: capitalize; */
}

h2 {
 color: #0596D4;
 font-size: 110%;
 font-weight: bold;
 /* text-transform: capitalize; */
}

h3 {
 color: #0596D4;
 font-weight: bold;
 /* text-transform: capitalize; */
}

h4 {
 color: #0596D4;
 /* text-transform: capitalize; */
}

#supercontainer {
 position: relative;
 background-color: #FFFFFF;
 width: 350px; 
 padding: 0px;
 margin: auto;
 text-align: left;
 height: 100%;
}

#container {
 position: relative;
 float:left;
 background-color: #FFFFFF;
 width: 350px; 
 padding: 0px;
 margin: 0px;
 height: 100%;
 padding-left: 10px;
 padding-right: 10px;
}

#header {
 background-color: #FFFFFF;
 position: relative;
 float: left;
 width: 350px;
 border-bottom: solid #999999 1px;
 margin-top: 10px;
}

#menu_header {
 color:#FFFFFF; 
}

#menu {
 border-top: solid #999999 1px;
 text-align: left;
 background-color:#999999;
 padding-left:5px;
 text-align:center;
 padding-left:0px;
}

#menu ul {
 list-style-type: none;
 margin: 0;
 padding:0;
 background-color:#FFFFFF;
 display: block;
}

#menu ul li a{
 color:#0596D4;
}


#menu ul li {
 display: inline;
 margin: 0px;
 padding-top:2px;
 padding-bottom:2px;
 padding-left:4px;
 padding-right:4px;
 border: 1px solid transparent;
}

#menu ul li:hover{
 border: 1px solid #0596D4;
}


#menu ul li a:hover{
 color: #0596D4;
 text-decoration: none;
}

#footer {
 bottom:0px;

 position: relative;
 float: left;
 width: 100%;
 border-top: solid #999999 1px;
 background-color: #FFFFFF;
 position: relative;
 height: 20px;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 70%;
 color: #999999;
 text-align: center;
}

#footer a { text-decoration: none; color: #999999; }
#footer a:visited { text-decoration: none; color: #999999; }
#footer a:link { text-decoration: none; color: #999999; }
#footer a:hover { text-decoration: none; color: #0596D4; }

#content {
 margin-top: 8px;
 margin-bottom: 0px;
 background-color: #FFFFFF;
 position: relative;
 float: left;
 width: 350px;
 font-family: verdana, arial, helvetica, sans-serif;
 color: #999999;
}

#content_form {
 position: relative;
 float: left;
 width: 338px;
 margin-top: 8px;
 margin-bottom: 8px;
 background-color: #EEEEEE;
 border: 1px solid #CCCCCC;
 font-family: verdana, arial, helvetica, sans-serif;
 color: #999999;
 padding: 5px;
}

#content_form input {
 width: 320px;
 border: 1px solid #CCCCCC;
 font-family: verdana;
 font-size: 11px;
 color: #999999;
}

#content_form textarea {
 width: 320px;
 height: 80px;
 border: 1px solid #CCCCCC;
 font-family: verdana;
 font-size: 11px;
 color: #999999;
}

#content ul {
 padding-left: 0;
 margin-left: 0;
 width: 100%;
}

#content ul li {
 list-style: none;
 margin-top: 8px;
 padding: 0px;
 margin-bottom:30px;
}

.div_intro {
 background-image: url(/images/blok-kantel.jpg);
 background-repeat: no-repeat;
 float:left;
 width:24px;
 height:18px;
}

#logo {
 background-image: url(/images/logo.jpg);
 background-repeat: no-repeat;
 height: 75px;
 width: 330px;
}

#logo_small {
 background-image: url(/images/logo-small.jpg);
 background-repeat: no-repeat;
 height: 21px;
 width: 330px;
}

.hide {
 display: none;
}

.contact_form {
 position: absolute;
 left: 0px;	
 bottom: 30px;
 width: 345px;
 height: 100px;
 background-color: #CCCCCC;
 border: 1px solid #999999;
 display: block;
}

.stencil_image {
	border: 1px solid #CCCCCC;
	margin-right:4px;
}

.stencil_image:hover{
	border: 1px solid #0596D4;
}