﻿/*  
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;
 
}

.bodyContent a{
 color:#3C3C3C;
 text-decoration: underline;
 font-size:14px;
 position:relative;
 top:6px;
 
}

.bodyContent
{
padding-top:5px;
color:#660066;
}

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/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 */

#login
{
position:absolute;
top:0px;
right:0px;
height:100px;
width:100px;
}
.breadCrum 
{
    position:relative;
    bottom:0px;
    color:#660066;
    /*color:#FFFFFF;*/
    padding:5px 0px 0px 0px;
    font-size:14px;
    
    z-index:401;
   
}



.breadCrum a,.breadCrum span
{
     position:relative;
     top:6px;
     
    
}
.breadCrum img{
padding-left:15px;
}

.breadCrum a:link {
	color:#660066;
	text-decoration: underline;

}
.breadCrum a:visited {
	text-decoration: underline;
	color: #660066;

}
.breadCrum a:hover {
	text-decoration: underline;

	color: #660066;

}
.breadCrum a:active {
	text-decoration: underline;
	color: #660066;

}


hr
{
border:2px solid #54004D; 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;
    right: 20px;
    width: 80%;
    padding-left: 0px;
    color: #FFFFFF;
    font-size: 12px;
}
#pageTitle
{
    position: absolute;
    z-index: 999999;
    right: 10px;
    bottom: 20px;
    color: #54004D;
    font-size: 42px;
    font-style: italic;
    text-decoration: underline;
}
#imagePlaceholder
{
    position: absolute;
    left: 9px;
    top: 4px;
    border-bottom: solid 6px #54004D;
    z-index:99;
}
#textPlaceholder
{
    position: relative;
    left: 8px;
    top:6px;
}
.text
{
    position: relative;
    width: 90%;
    left: 20px;
    vertical-align: top;
    padding-top: 20px;
    z-index:999;
}

.text_under
{
    position: relative;
    left: 20px;
    vertical-align: top;
    padding-top: 20px;
    z-index:999;
    width:650px;
}



#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;
}

.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
{
    vertical-align: middle;
}



#top
{
    position: relative;
}

#bottom
{
    position: relative;
}

#inner
{
    position: relative;
}

h1
{
    font-size: 16px;
}

h2
{
    font-size: 16px;
}

h3
{
    font-size: 22;
}
/* 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;
}

