/* CSS en bijbehorende broncode geschreven door Eva Nahon voor de Marcel Kruup, www.kruup.nl */
/* Er mogen elementen uit het CSS en de broncode gebruikt worden voor eigen projecten of studie, maar de
   unieke combinatie van beelden, kleuren, maten, typografie, en positionering ("het ontwerp") is
   copyright 2006-2007 Eva Nahon en mag niet gereproduceerd worden. */
/* Laatst aangepast: 24 april 2007 */
/* Fix a silly bug in Mozilla; thanks, Carey Evans */

html { 
	min-width: 968px;
	 }

body {
	margin: auto; 
    padding: 0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align: center; /* Hack for IE5/Win */
	font: small/18px Verdana, Tahoma, lucida, sans-serif;
	background: #000 url(../img/achtergronden/zwart_home.gif) top center repeat-x;
	 }
/* Removes default top margin from left/right column paragraphs in Mozilla */
div > p {
  margin-top: 0;
}
/* achtergond 1 */
div#kruup {
	position:absolute;
	left: 50%;
	margin-left: -480px;
    margin-top: 0px;
	top: 0;
	width: 968px;
	text-align: left; /* Counteract to IE5/Win Hack */
	padding: 0;
	background: #FFF url(../img/achtergronden/kruup_achtergond1.gif) bottom left repeat;
	}
/* achtergond 2, kopstuk */
div#home {
	left: 0;
	margin: 0;
	top: 0;
	width: 968px;
	text-align: left; /* Counteract to IE5/Win Hack */
	padding: 0;
	background: transparent url(../img/achtergronden/kruup_achtergrondkop.png) top left no-repeat;
	}
/* Top en Thema */
div#top {
  margin: 0;
  padding: 0;
  height: 128px;
  width: 940px;
}
div#thema {
  position: absolute;
  background: transparent url(../img/thema/roundel2.png) top left no-repeat;
  left:0;
  top: 18px;
  margin: 0;
  padding: 0 0 0 90px;
  height: 354px;
  width: 354px;
  z-index: 20;
}
/* Menu links specs */
div#left {
  position: absolute;
  left: 58px;
  top: 40px;
  width: 120px;
}
div#left ul {
	list-style: none;
	padding: 325px 2px 10px 12px;
    margin: 0;
	border: 0;
	}
div#left li {
	margin: 0;
	padding: 0;
    border-bottom: 1px solid #061526;
	}
div#left a {
    line-height: 1.4em;
    font: normal 14px/18px "Myriad Pro","Myriad Web", Myriad, Verdana, sans-serif;
    color: #FFF;
	padding: 0 0 0 10px;
	display: block;
	text-decoration: none;
	}
div#left a:hover {
	margin: 0;
	background: transparent url(../img/nav/over_links.gif) top left repeat-y;
	color: #FFF;
	}
div#left #currentpage a {
    line-height: 1.4em;
    font: normal 14px/18px "Myriad Pro","Myriad Web", Myriad, Verdana, sans-serif;
	padding: 0 0 0 10px;
	display: block;
	background: #FFF;
	color: #040F1C;
	}
div#left p	{
	margin: 0 0 0 4px;
	padding: 0;
    display: block;
    width: 116px;
    height: 34px;
    background: #0C2C52; 
	}
/* CENTER specs */
div#center {
  margin-left: 280px;
  margin-right: 0;
  margin-top: 40px;
  width: 489px;
  border: 0;
  font: normal 11px/18px Verdana, Tahoma, lucida, sans-serif;
  line-height: 1.4em;
  color: #040F1C;
}
div#centertxt {
  position: relative;
  visibility: visible;
  z-index: 60;
}
div#center p {
 margin: 6px 20px 6px 20px;
 font-size: 100%;
 line-height: 1.4em;
}
div#center p.letter {
padding: 0 0 10px 0;
font-size: 100%;
line-height: 1.4em;
}
p.letter:first-letter {
letter-spacing: -.05em;
margin: 0;
padding: 0 0 0 2px;
line-height: 26px;
font-size: 48px;
font-family: "Myriad Pro", "Myriad Web", Myriad, Verdana, sans-serif;
font-weight: bold;
float:		left;
}
div#center a:link, a:visited
{
font-weight: bold; 
text-decoration: underline;
padding-bottom: 2px;
color: #817358;
}
div#center a:hover 
{
font-weight: bold; 
text-decoration: underline;
color: #70A5DB;
}
div#center p#spacer {
  margin: 0;
  padding: 0;
  display: block;
  width: 10px;
  height: 100px;
}
div#center p#spacerkl {
  margin: 0;
  padding: 0;
  display: block;
  width: 10px;
  height: 40px;
}
/* FOTO specs */

div#phototext {
 width: 488px;
 border: 0;
 display: block;
 padding: 0 0 0 98px;
}
div#phototext ol
{
height: 260px;
margin: 0 87px 0 0;
padding: 0;
text-align: right;
text-decoration: none;
}
div#phototext li
{
letter-spacing: -.04em;
line-height: 1.4em;
font: bold 14px/20px "Myriad Pro","Myriad Web", Myriad, Verdana, sans-serif;
color: 141414;
padding-right: 6px;
}
div#phototext img
{
border: 0;
/* float: right; */
}
/* RIGHT specs */
div#right {
  position: absolute;
  left: 769px;
  top: 187px;
  width: 189px;
  padding: 10px 0 0 0;
  margin: 0;
  font: normal 11px/18px Verdana, Tahoma, lucida, sans-serif;
  line-height: 1.4em;
  color: #FFF;
  text-align: center;
  background: #141414;
  z-index: 1;
}
div#right img {
	border: 0;
	display: block;
	margin: auto;
	padding: 0;
	text-align: center;
	}
/* RIGHT specs LIST VET */
div#right ul {
	list-style: none;
	border: 0;
	display: block;

	margin: 0;
	padding: 0;
	width: 180px;
	}
div#right li {
	letter-spacing: -.04em;
    line-height: 1.4em;
    font: bold 14px/18px "Myriad Pro","Myriad Web", Myriad, Verdana, sans-serif;
    color: #FFF;
	padding: 0 0 0 12px;
	text-align: left;
	}
div#right H1, H2 {
	text-align: left;
	}
div#right a {
	letter-spacing: -.04em;
    line-height: 1.4em;
    font: bold 14px/18px "Myriad Pro","Myriad Web", Myriad, Verdana, sans-serif;
    color: #FFF;
	text-decoration: none;
	}
div#right a:hover {
	letter-spacing: -.04em;
    line-height: 1.4em;
    font: bold 14px/18px "Myriad Pro","Myriad Web", Myriad, Verdana, sans-serif;
    color: #0099FF;
	text-decoration: none;
	}
div#right p	{
	margin: 0 0 0 14px;
	padding: 0;
	color: #FFF;
	text-align: left;
	}
/* FOOTER specs */
div#footer {
  text-align: center;
  clear: both;
  margin: 0;
  height: 50px;
  padding: 4x;
  width: 968px;
  font: normal 10px/16px Verdana, Tahoma, lucida, sans-serif;
  color: #141414;
  background: transparent url(../img/achtergronden/footer.png) bottom left no-repeat;
}
div#footer p img {
  border: 0;
  margin: 0 0 0 72px;
  padding: 0;
}

div#footer p img a:link
{
border: 0;
}
div#footer p img a:active
{
border: 0;
}
div#footer a:link
{
font-weight: bold; 
text-decoration: none;
padding-bottom: 2px;
color: #141414;
}
div#footer a:hover 
{
font-weight: bold; 
text-decoration : none;
color: #0099FF;
}
div#footer a:active {
font-weight: bold; 
text-decoration: none;
color: #141414;  
}
div#logo
{
position: absolute;
left: 663px;
top: 132px;
margin: 0;
padding: 0;
height: 35px;
width: 210px;
z-index: 110;
}
div#logo img {
border: 0;
}
div#topmenu
{
position: absolute;
left: 320px;
top: 20px;
margin: 0;
padding: 0;
height: 17px;
width: 425px;
}
div#topmenu img {
border: 0;
}
div#datum
{
position: absolute;
text-align: center;
left: 770px;
top: 20px;
margin: 0;
padding: 1px 0 0 1px;
height: 24px;
width: 180px;
font: normal 10px/16px Verdana, Tahoma, lucida, sans-serif;
color: #B5B3B1;
z-index: 400;
}

/*  TABLE specs FORMULIEREN*/
div.contact {
  text-align: center;
  margin: 6px 20px 6px 10px;
  padding: 0;
  width: 500px;
}
table#forms
{
width: 400px;
font: bold 12px/18px "Myriad Pro","Myriad Web", Myriad, Verdana, sans-serif;
background: #FFF;
border: 1px solid #FFF;
margin: 0 0 10px 28px;
padding: 0; 
text-align: center; /* Hack for IE5/Win */
}
table#forms td
{
padding: 4px;
text-align: left;
}

INPUT               {border: 1px solid #141414;  color: #2A1D49; font-family: "Myriad Pro","Myriad Web", Myriad, Verdana, sans-serif; }
INPUT.wit           {border: 1px solid #FFFFFF;  color: #2A1D49; font-family: "Myriad Pro","Myriad Web", Myriad, Verdana, sans-serif; font-size: 8pt; padding: 0 0 4px 0;}

TEXTAREA            {border: 1px solid #141414; color: #2A1D49; font-family: "Myriad Pro","Myriad Web", Myriad, Verdana, sans-serif;}
SELECT              {border: 1px solid #141414; color: #2A1D49; font-family: "Myriad Pro","Myriad Web", Myriad, Verdana, sans-serif; padding: 0; margin: 0;}

.radio              {border: 0; color: #DF002C; background: #FFF;}
.verzendbutt        {border: 0; background: transparent url(../img/achtergronden/verstuur_oranje.gif) top left no-repeat; color: #85861E; font: bold 12px/18px "Myriad Pro","Myriad Web", Myriad, Verdana, sans-serif; padding: 4px 10px 4px 10px; display: block; width: 140px; height: 59px;}


h1 {
	font-weight: bold;
	letter-spacing: -.01em;
	margin: 0;
	padding: 0 0 0 4px;
	line-height: 1.8em;
    font-size: 200%;
	font-family: "Myriad Pro", "Myriad Web", Myriad, Verdana, sans-serif;
}
h2 {
	font-weight: bold;
	letter-spacing: -.05em;
	margin: 0;
	padding: 6px 0 6px 16px;
	line-height: 20px;
    font-size: 22px;
	font-family: "Myriad Pro", "Myriad Web", Myriad, Verdana, sans-serif;
}


/*ACCES en PRINTHEADER specs*/

.access	{
display: none;
}
div#printheader {
display: none;
}