/***
**** STYLESHEET
**** de-leidekker.nl
**** By Wilbert Heinen
**** November 2008
***/

/*** Font size information **************************************************

Use following font sizes (in %) to achieve size in px
Source: http://developer.yahoo.com/yui/fonts/

 (px)    (%)
    10     77
    11     85
    12     93
    13     100
    14     108
    15     116
    16     123.1
    17     131
    18     138.5
    19     146.5
    20     153.9
    21     161.6
    22     167
    23     174
    24     182
    25     189
    26     197


/*** Imports **************************************************/



/*** General **************************************************/
html 
{
	background: #fff
}

body 
{
    font-family: verdana, arial, helvetica, sans-serif;
    color: #000;
    text-align: center;
	background: #fff;
}

h1
{
    font-size: 116%;
    font-weight: bold;
}

h2
{
	font-size: 108%;
	font-weight: bold;
}

h3 
{ 
	font-size: 100%; 
} 

p 
{
    font-size: 85%; 
	line-height: 1.5em;
    margin: 0 0 1em;
}

hr 
{
    border: none;
    border-bottom: 1px solid #CCC;
	margin: 0 0 1.3em 0;
}

strong 
{ 
	font-weight: bold; 
}
br.clear 
{ 
	clear: both;
}

a {
	text-decoration:underline;
	color: #231f20;
}

a img, a img:visited 
{
    background: none;
    margin: 0;
    padding: 0;
	border: none;
}

li
{
	line-height: 2em;
}

#materialen #mcol img 
{
float:left;
}

/*** Layout *******************************************************/

#wrapper 
{
    text-align:left;
    background: #FFF;
}

#header 
{
	height: 200px;
}

#header_right
{
	background: url(../images/bg_header.gif) repeat-x;
	height: 200px;
}

#logo 
{
	width: 245px;
    height: 200px;
	float: left;
}

#lcol 
{
    width:245px;
    float:left;
    background: #fff;
	display: inline;
}

#mcol 
{
    width:600px;
    float:left;
	display: inline;
}

#rcol 
{
    width:300px;
    float:left;
	display: inline;
	margin: 0 0 20px 0;
	padding: 5px;
}

/*** Navigation **************************************************/
#navigation 
{
    float: left;
	display: inline;
	font-size: 100%;
	margin: 56px 0 0 20px;
	text-decoration: none;
	font-weight : bold;
	background: #231f20;
	color: #fff;
}

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

input.button 
{
	background:#00519E none repeat scroll 0 50%;
	border:1px outset black;
	color:#FFF;
	float: none;
	font-size: 85%;
}

select 
{
	background-color: #f1f1f1;
	border: 1px solid #00519e;
	font-size: 85%;
	color: #00519e;
}

p.errorText
{
	color: #f00;
	margin: 1em 0 2em; /* 1 regel marge boven, 2 regels marge onder */
}

div.errorText 
{
	color: #f00;
	margin: 1em 0 2em; /* 1 regel marge boven, 2 regels marge onder */
}

td.errorText 
{
	color: #f00;
	margin: 1em 0 2em; /* 1 regel marge boven, 2 regels marge onder */
}

/*** mcol (Middle Column)  **************************************************/
#mcol 
{
	color: #000; 
	margin: 0 20px 0 20px;
}

#mcol div 
{
	padding: 5px;
	margin: 10px 0 20px 19px;
}

/*** rcol (Right Column)  **************************************************/
#rcol h1
{
	color: #000;
	padding: 5px;
}

#rcol a img, #rcol a img:visited 
{
	color: #000;
	display: inline;
	background: none;
	text-decoration: none;
	border-color: #000;
	border: 1px solid black;
}

/*** Footer **************************************************/

#footer 
{
	
	padding: 0.54em 0;
	margin: 1em 0 0 0;
	font-size: 85%;
	color: #fff;
	background: #231F20;
	position: fixed;
	height: 20px;
	bottom: 0;
	left: 0;
	width: 100%;
	vertical-align: middle;
}

#footer p{
	float: left;
	margin-left: 69px;
}

#footer #copyright{
	float: right;
	margin-top: -102px;
	position: relative;
	font-size: 85%;
}

#footer a, #footer a:visited 
{
	background: none;
	padding: 0 0.63em 0 0.81em;
	color: #fff;
	text-decoration: none;
}

#footer a:hover 
{
	text-decoration: none;
	color: #ccc;
}

#footer > span 
{
	color: #00519e;
	margin-right: 1.18em;
}

/*#footer div { margin: 0 1.1em 0 0; }*/
#footer img { margin: 0 0.2em -0.2em 0; }



/****************** SITEMAP **************************************/
#siteMap ul, #siteMap li { font-size: 100%; }

#siteMap li a 
{
	background: url(/images/bullet_default.gif) left 70% no-repeat;
	color: #999;
	text-decoration: none;
	padding: 0 0 0 0.9em;
}

#siteMap li a:hover { text-decoration: underline; }
#siteMap ul { margin: 0 0 0 3.5em; }

/*** Form **************************************************/

input.buttonLeft 
{
background: #231F20;
color: #fff;
margin-left: 156px;
}

input.buttonRight 
{
background: #231F20;
color: #fff;
margin-left: 166px;
}

.inputField 
{
border: 1px solid black;
margin: 5px 0 5px 10px;
}