/*                                   

  __   __   _____           _____  
 (__)_(__) (_____)         (_____) 
(_) (_) (_)(_)  (_) ______ (_)__(_)
(_) (_) (_)(_)  (_)(______)(_____) 
(_)     (_)(_)__(_)        (_)__(_)
(_)     (_)(_____)         (_____) 

                                   

CSS door Ben Speets                              

*/



/********* RESET CSS *************/



body, html {

height:100%;

margin:0;

padding:0;

width:100%;

}



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, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-family:Arial,Helvetica,sans-serif;

font-size:12px;

line-height:16px;

	vertical-align: baseline;

	background: transparent;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



/* remember to define focus styles! */

:focus {

	outline: 0;

}



/* remember to highlight inserts somehow! */

ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}



h3 {

color: #000;

font-weight:bold;

font-size:18px;

}



h4 {

margin: 30px 0 30px 0;

text-transform:uppercase;

}



h5 {

color: #fff;

background: #000;

padding: 8px;

text-transform:uppercase;

margin: 10px 0 20px 0;

display:block;

}



#default-right-area ul {

list-style-type:disc;

list-style-position:outside;

padding-left:15px;

}



a {

color: #000;

text-decoration:none;

border-bottom:1px solid #F7D118;

}



a:hover {

border-bottom:1px solid #000;

}



a:visited {

color: #000;

}



a:active {

color: #F7D118;

}





/********* BASIS *************/



#container {

height:auto !important;

min-height:100%;

position:relative;

width:950px;

max-width:990px;

margin:0 auto;

}



#container #header {

margin-top:25px;

margin-bottom:20px;

}



/* nav */

#container #header #nav {

background: #1f1a17;

height:35px;

padding-left:12px;



}



#container #header #nav ul li {

height:35px;

float:left;

}



#container #header #nav ul li a, #container #header #nav ul li span {

color: #fff;

font-weight:bold;

text-decoration:none;

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

float:left;

}



#container #header #nav ul li span {

padding:10px 0 10px 0;

}



#container #header #nav ul li a {

padding:11px 10px 11px 10px;

border-bottom:0;

}



#container #header #nav ul li a:hover {

text-decoration:underline;

border-bottom:0;

}











#left-area {

width:215px;

float:left;

}



.logo {

background:url(../_img/mdb_logo.gif);

width:201px;

height:145px;

display:block;

}



#visual-nav {

width:170px;

float:left;

/*height:500px;*/

margin-left:15px;

}



#home-right-area {

margin-left:425px;

width:auto;

}



#default-right-area {

margin-left:425px;

width:auto;

}



div.text {

font-family:Arial,Helvetica,sans-serif;

font-size:12px;
line-height:16px;

padding: 30px 10px 30px 0;

}







/* visual nav */



#visual-nav .vn-img {

background:url(../_img/small_thumb.jpg);

width:170px;

height:90px;

}



#visual-nav li a {

background: #000;

color: #fff;

display:block;

text-decoration:none;

width:170px;

border-bottom:0;



}



#visual-nav li a span {

font-weight:bold;

width:170px;

display:block;

padding:5px 0 7px 0;

text-align:center;

text-transform:uppercase;

}



#visual-nav li a:hover {

background:#F7D118;

color: #000;

border-bottom:0;

}







/* overig */



.zw-txt {

display:block;

width:176px;

padding:15px 12px 15px 12px;

background: #000;

color: #fff;

font-weight:bold;

font-size:17px;

}



.contact-loc {

margin-top:15px;

}



.contact-loc input {

border:1px solid #c9c6c6;

color: #bfbfbf;

padding: 3px;

font-size:11px;

margin: 0 0 3px 0;

width:192px;

}



.contact-loc textarea {

border:1px solid #c9c6c6;

color: #bfbfbf;

padding: 3px;

font-size:11px;

margin: 0 0 3px 0;

width:192px;

height:65px;

}



.contact-loc select {

border:1px solid #c9c6c6;

color: #bfbfbf;

padding: 3px;

font-size:11px;

margin: 0 0 3px 0;

width:200px;

}



.submit-button {

background:url(../_img/send-button.gif);

width:87px !important;

height:24px;

border:0 !important;

padding:0;

margin:8px 0 0 115px !important;

}



.contact-loc select:focus, .contact-loc textarea:focus, .contact-loc input:focus, .contact-loc select:hover, .contact-loc textarea:hover, .contact-loc input:hover {

color: #000;

}







#footer {

width:100%;

background: #000;

color: #fff;

margin:20px auto;



}



#footer p {

padding: 8px;

text-align:center;

}



.clr {

clear: both;

}



#footer p.white {

text-align:left;

background: #fff;

width:100%;

padding:0;

height:70px;

}



#footer span.logo-1 {

background:url(../_img/rkey-logo.gif);

width:181px;

height: 23px;

display:block;

position:absolute;

margin-left:300px;

margin-top:23px;

}



#footer span.logo-2 {

background:url(../_img/snoeken-logo.gif);

width:198px;

height:27px;

display:block;

position:absolute;

margin-left:500px;

margin-top:20px;

}









.notification_error

{

border: 1px solid #A25965;

height: auto;

padding: 4px;

background: #F8F0F1;

text-align: left;

-moz-border-radius: 5px;

}



.notification_ok

{

border: 1px #567397 solid;

height: auto;

width: 90%

padding: 8px;

background: #f5f9fd;

text-align: center;

-moz-border-radius: 5px;

}

#left-area .info_fieldset #note {
width:200px;
margin-top:10px;
}