@import "reset.css";

body
{
  background: #F93;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  color: #000;
  text-decoration: none;
}

p
{
  line-height: 130%;
  padding: 0;
  margin: 7px 0px 0px 0px;
}

.nk
{
  line-height: 130%;
  padding: 0;
  margin: 7px 0px 30px 0px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
}

.menubox
{
  background-image: url('images/title-gradient.png');	
  width: 880px;
  height: 75px;
  border: 10px solid #FFF;
  margin: 20px auto 0px auto;
  text-align: left;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 2px 2px 4px #000;
  -moz-box-shadow: 2px 2px 4px #000;
  box-shadow: 2px 2px 4px #000;
}
  

.submenubox
{
  background: #F93;
  width: 880px;
  border: 10px solid #FFF;
  margin: 10px auto 0 auto;
  text-align: left;
}

.intro
{
  background: #FF9F0C;
  width: 880px;
  height: 195px;
  border: 10px solid #FFF;
  margin: 10px auto 0 auto;
  text-align: left;
  padding: 0px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 2px 2px 4px #000;
  -moz-box-shadow: 2px 2px 4px #000;
  box-shadow: 2px 2px 4px #000;
}

.inhoudbox
{
  background: #F93;
  width: 900px;
  margin: 0px auto;
  padding: 0; 
  text-align: left;
}

.eenkolom
{
  background: #FFF;
  width: 860px;
  margin: 10px auto 0 auto;
  padding: 0; 
  text-align: left;
  border-top: 1px solid #FFF;
  border-right: 20px solid #FFF;
  border-bottom: 20px solid #FFF;
  border-left: 20px solid #FFF;
}

.eenkolom-sub
{
  background: #FFF;
  width: 860px;
  margin: 0 auto;
  padding: 0; 
  text-align: left;
  border-top: 1px solid #FFF;
  border-right: 20px solid #FFF;
  border-bottom: 20px solid #FFF;
  border-left: 20px solid #FFF;
}

.footbox
{
  background: #F93;
  width: 900px;
  border: 0px;
  margin: 0px auto 0px auto;
  padding: 2px 0px;
  text-align: left;
}


.copybox
{
  background: #F93;
  width: 900px;
  height: 30px;
  border: 0px;
  margin: 0px auto 20px auto;
  text-align: left;
}

/*=====  KOLOMMEN  =====*/

#kolomlinks
{
  position: relative;
  float: left;
  width: 608px;
  background: #FFFFFF;
  padding: 10px;
  margin: 10px 0 0 0;
  border: 10px solid #FFF;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 2px 2px 4px #000;
  -moz-box-shadow: 2px 2px 4px #000;
  box-shadow: 2px 2px 4px #000;
}
  
#kolomlinks2
{
  position: relative;
  float: left;
  width: 618px;
  background: #F93;
  padding: 0;
  margin: 5px 0 0 0;
}

#kolomrechts
{
  position: relative;
  float: right;
  width: 200px;
  background: #FFFFFF;
  padding: 10px;
  border-left: 2px solid #FF9933;
  margin: 10px 0 0 4px;
  border: 10px solid #FFF;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 2px 2px 4px #000;
  -moz-box-shadow: 2px 2px 4px #000;
  box-shadow: 2px 2px 4px #000;
}
  
  


/*======  FONTS  =====*/

h1
{
  font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
  font-size: 30px;
  font-weight: bold;
  color: #F93;
  background: transparent;
  text-decoration: none;
  margin: 10px;
  padding: 0px;
}

h2
{
  font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #006699;
  padding: 0px;
  margin: 30px 0px 10px 0px;
}

h3
{
  font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #006699;
  margin: 30px 0px 10px 0px;
  padding: 0px;
}

.intro p
{
  font-weight: bold;
  padding: 10px;
  margin: 0px;
  line-height: 130%;
}

.textcopy
{
  font-size: 11px;
  color: #000000;
  background: transparent;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
}

/* form */
.textform
{
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  text-decoration: none;
}

/* form */
.textzwart
{
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  line-height: 130%;
}


/*=====  MENU KOPPELINGEN  =====*/

#menu ul
{
  font-family: "Trebuchet MS", arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #FF9933;
  background: transparent;
  margin: 10px;
  padding: 0px;
  list-style-type: none;
}

#menu li
{
  display: inline;
  margin-right: 10px;
}

#menu li a
{
  color: #FFFFFF;
  background: transparent;
  font-family: "Trebuchet MS", arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
}

#menu li a:hover
{
  color: #FF9933;
  background: transparent;
  text-decoration: underline;
}


#submenu ul
{
  font-family: "Trebuchet MS", arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 13px;
  color: #000;
  background: transparent;
  margin: 10px;
  padding: 0px;
  list-style-type: none;
}

#submenu li
{
  display: inline;
  margin-right: 10px;
}

#submenu li a
{
  color: #000;
  background: transparent;
  font-family: "Trebuchet MS", arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 13px;
  text-decoration: underline;
}

#submenu li a:hover
{
  color: #000;
  background: transparent;
  text-decoration: none;
}


#foot ul
{
  font-family: "Trebuchet MS", arial, helvetica, sans-serif;
  font-size: 11px;
  color: #000;
  background: transparent;
  margin: 10px 0px;
  padding: 0px;
  list-style-type: none;
}

#foot li
{
  display: inline;
  margin-right: 10px;
}

#foot li a
{
  color: #000;
  background: transparent;
  font-family: "Trebuchet MS", arial, helvetica, sans-serif;
  font-size: 11px;
  text-decoration: underline;
}

#foot li a:hover
{
  color: #000;
  background: transparent;
  text-decoration: none;
}


/*=====  KOPPELINGEN  =====*/

a
{
  color: #006600;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
}

a:hover
{
  color: #006699;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  text-decoration: underline;
}


/*=====  IMAGES  =====*/

.floatright
{
  padding: 0;
  margin: 0;
  float: right;
  border: 0;
}

.floatleft
{
  padding: 0;
  margin: 0;
  float: left;
}

.imgleft
{
  padding: 0;
  margin: 10px 10px 10px 0px;
  float: left;
}

.imgright
{
  padding: 0;
  margin: 10px 0px 10px 10px;
  float: right;
}

.imgnk
{
  margin: 0 0 40px 0;
}

.imgnk2
{
  margin: 0;
}

.imglijn
{
  margin: 20px 0 0 0;
}

.intro img
{
  padding: 5px 0px 10px 5px;
  margin: 0;
}

#kolomlinks img
{
  padding: 0;
  margin: 0px 0px 10px 0px;
}



/*=====  FORM  =====*/

label
{
width: 10em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
}

.submit input
{
margin-left: 8em;
} 
input
{
color: #006699;
font-weight: bold;
background: #fee3ad;
border: 1px solid #006699
}

.submit input
{
color: #000;
background: #FF9933;
border: 2px outset #d7b9c9
} 

fieldset
{
border: 1px solid #006699;
width: 590px;
padding: 10px;
}

legend
{
font-family: Trebuchet MS, arial, helvetica, sans-serif;
color: #000000;
font-weight: bold;
background: #FF9933;
border: 1px solid #006699;
padding: 2px 6px
} 


/*=====  OTHER  =====*/

hr
{
  width:100%;
  color:#F93;
  background-color: #F93;
  height:2px;
  border:none;
  margin: 30px 0px 0px 0px;
  display:block;
}