/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body,form, #wrap {

height: 100%;
font-family:Arial;
font-size:12px;
 
}

body > #wrap {height: auto; min-height: 100%;

              }

form > #wrap {height: auto; min-height: 100%;}

#main 
{
padding-bottom: 32px;

}  /* must be same height as the footer */

#footer 
{
    position: relative;
	margin-top: -32px; /* negative value of footer height */

	height: 32px;
	clear:both;
	width: 100%;
    background-image: url('/images/background/green_Bottom.png');
    background-repeat: repeat-x;
	} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.breadCrum 
{
    position:relative;
    bottom:0px;
    color:#669933;
    /*color:#FFFFFF;*/
    padding:5px 0px 0px 0px;
    font-size:10pt;
    
    z-index:401;
   
}

.breadCrum li 
{
 list-style-image:none;
 list-style-type:none;
  padding-left:10px;
}

.breadCrum ul
{

}

.breadCrum a
{
     position:relative;
     top:6px;
}

.breadCrum img{
padding-left:15px;
}

.breadCrum a:link {
	color:#669933;
	text-decoration: underline;
}

.breadCrum a:visited {
	text-decoration: underline;
	color: #669933;
}

.breadCrum a:hover {
	text-decoration: underline;
	color: #669933;
}

.breadCrum a:active {
	text-decoration: underline;
	color: #669933;
}

hr
{
border:2px solid #669933; margin-bottom:8px;margin-top:6px;
}

#logoAdress
{
    background-color: #FFFFFF;
    padding: 10px;
    margin: 20px;
    width: 100%;
}

div.fullscreen
{
    margin: 0;
    padding: 0;
    height: 100%;
}
#didocUitleg
{
    position: relative;
    top: 0px;
    right:15px;
    width: 95%;
    padding-left: 0px;
    color: #FFFFFF;
    font-size: 12px;
    text-align: right;
}
#pageTitle
{
    position: absolute;
    z-index: 999999;
    right: 10px;
    bottom: 20px;
    color: #669933;
    font-size: 42px;
    font-style: italic;
    text-decoration: underline;
}
#imagePlaceholder
{
    position: absolute;
    left: 8px;
    top: 4px;
    border-bottom: solid 6px #99cc33;
    z-index:99;
}
#textPlaceholder
{
    position: relative;
    left: 8px;
    top:6px;
   
}
.text
{
    position: relative;
    width: 95%;
    left: 20px;
    vertical-align: top;
    padding-top: 5px;
     margin-bottom: 5px;
}

#adress
{
    position: absolute;
    left: 735px;
    height: 300px;
    z-index: 99999;
    color: #FFFFFF;
    top: 42px;
    font-size: 12px;
    padding: 20px;
}
.content_footer_tabel_o_l
{
    font-family: Arial, Helvetica,Verdana, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    padding-left: 4px;
    height: 20px;
}

.content_footer_tabel_o_r
{
    font-family: Arial, Helvetica,Verdana, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    padding-right: 4px;
    height: 20px;
}
.variant1 a:link
{
    color: #669933;
    text-decoration: underline;
}
.variant1 a:visited
{
    text-decoration: underline;
    color: #669933;
}
.variant1 a:hover
{
    text-decoration: underline;
    font-style: oblique;
    color: #669933;
}
.variant1 a:active
{
    text-decoration: underline;
    color: #669933;
}
.variant2 a:link
{
    color: #FFFFFF;
    text-decoration: underline;
}
.variant2 a:visited
{
    text-decoration: underline;
    color: #FFFFFF;
}
.variant2 a:hover
{
    text-decoration: underline;
    font-style: oblique;
    color: #FFFFFF;
}
.variant2 a:active
{
    text-decoration: underline;
    color: #FFFFFF;
}

#footer_inhoud
{
    position: relative;
    vertical-align: middle;
    width: 1009px;
	left: 50%;
	margin-left: -505px;
	text-align: center;
}

#top
{
    position: relative;

}

#bottom
{
    position: relative;
}

#inner
{
    position: relative;
}

h1
{
    font-size: 12pt;
}
h1#titel 
{
	position: absolute; 
	text-align: right; 
	z-index: 1000; 
	right: 20px; 
	bottom: 0px; 
	padding-bottom: 10px;
	font-size: 32pt; 
	color: #ffffff;
	/* Safari */
	text-shadow: #333333 5px 5px 5px;
	/* IE */
	height: 1em;
	filter: Shadow(Color=#333333, 	
			Direction=135, 
			Strength=4);
	
}
h2
{
    font-size: 12pt;
}

h3
{
    font-size: 11pt;
}
h4 
{
    font-size: 10pt;
}
/* in progress
.TextBox
{
    background-image: url('/Images/textbox.png');
    background-repeat: no-repeat;
    height: 29px;
}
.InnerTextbox
{
  border:0px;
  background:none;
}
.InnerTextbox, select
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    margin: 0px 0px 5px 5px;
    width: 210px;
}

.Radio td
{
    background-image: url('/Images/radio.png');
    background-repeat: no-repeat;
    height: 29px;
    padding-left: 9px;
    padding-top: 1px;
    border: 0px;
    background-color: Transparent;
}
.DropDown
{
    background-image: url('/Images/dropdown.png');
    background-repeat: no-repeat;
    height: 29px;
}
*/

.InnerTextbox, select
{
    width: 210px;
}


.ImageHolder{
position: relative; 
margin:10px;
}

.TextNextImage{
position: absolute; left:150px; top:0px;
}

.topMenu 
{
    margin-left: auto;
    margin-right: auto;
}