html
{
  overflow-y: scroll;
}
  
body
{
 margin:0;
  padding:0;
 FONT-FAMILY: arial, helvetica, sans-serif;
  color: #231F20;	
  background: #fff url("images/achtergrond.jpg");
  background-position:50% 0;
  height: 100%;
	background-repeat:no-repeat;
}

a img
{
  border:none;
}

p {
	margin:0px;
	}
	
br 
{
  clear: both;
}

pre.code
{
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 16px;
  font-size: 12px;
}

h5
{
	font-size:14px;
	color:#f90;
}



.invisible
{
  display:none;
}

#header
{
  position:absolute;
  top:0; left:0;
  width:100%; height:271px;
  z-index:100;
  overflow:visable;
}
 
	
#header	#website
  {
    top:0px; left:50%;
    position:absolute;
  }

#header	#website #websitebinnen
{
left:-401px;
top:0px;
position:absolute;
}

  #header	#website #websitebinnen #logo 
  {
    position:absolute;
    top:75px; left:25px;
    width:200px; height:200px;
		background-image:url("images/SterreLogo.png");
		background-repeat:no-repeat;
    _background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/SterreLogo.png');
    z-index:1;
  }
	
  #header	#website #websitebinnen #kopfoto 
  {
    position:absolute;
    top:0px; left:0;
    width:802px; height:363px;
		 text-indent:-10000px;
    z-index:2;
  }
    #header	#website #websitebinnen #kopfoto #kopfoto-malintro
    {
      position:absolute;
      top:0px; left:0px;
      width:802px; height:363px;
      background-image:url("images/headermalintro.png");
      _background-image:none;
      filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/headermalintro.png');
    }
		
		
    #header	#website #websitebinnen #logo a
    {
      position:absolute;
      top:21px; left:23px;
      width:57px; height:88px;
    }
		
  #header	#website #websitebinnen #menu
  {
    position:absolute;
    top:0px; left:6px;
    width:802px; height:27px;
		  z-index:40;
			   padding: 0;
      FONT-FAMILY: arial, helvetica, sans-serif;
        font-weight:bold;
        font-size:70%;
       
  }
	#header	#website #websitebinnen #menu #menu0
  {
    position:absolute;
    top:242px; left:-5px;
    width:190px; height:27px;
		  z-index:41;
  }
	  #header	#website #websitebinnen #menu #menu0 a
        {
          text-decoration:none;
          color:#FFFFFF;
					padding-left:20px;
        }

            #header	#website #websitebinnen #menu #menu0 a:hover
          {
            color:white;
          }

          #header	#website #websitebinnen #menu #menu0 a.active,
          #header	#website #websitebinnen #menu #menu0 a.active:hover
        {
          color:#FFFFFF;
        }
				
	#header	#website #websitebinnen #menu #menu1
  {
    position:absolute;
    top:228px; left:195px;
    width:190px; height:27px;
		  z-index:42;
  }
	  #header	#website #websitebinnen #menu #menu1 a
        {
          text-decoration:none;
          color:#FFFFFF;
					padding-left:20px;
        }

            #header	#website #websitebinnen #menu #menu1 a:hover
          {
            color:white;
          }

          #header	#website #websitebinnen #menu #menu1 a.active,
          #header	#website #websitebinnen #menu #menu1 a.active:hover
        {
          color:#FFFFFF;
        }
	#header	#website #websitebinnen #menu #menu2
  {
    position:absolute;
    top:238px; left:395px;
    width:190px; height:27px;
		  z-index:43;
  }
	  #header	#website #websitebinnen #menu #menu2 a
        {
          text-decoration:none;
          color:#FFFFFF;
					padding-left:20px;
        }

            #header	#website #websitebinnen #menu #menu2 a:hover
          {
            color:white;
          }

          #header	#website #websitebinnen #menu #menu2 a.active,
          #header	#website #websitebinnen #menu #menu2 a.active:hover
        {
          color:#FFFFFF;
        }
				
	#header	#website #websitebinnen #menu #menu3
  {
    position:absolute;
    top:226px; left:595px;
    width:190px; height:27px;
		  z-index:44;
  }
	#header	#website #websitebinnen #menu #menu3 a
        {
          text-decoration:none;
          color:#FFFFFF;
					padding-left:20px;
        }

            #header	#website #websitebinnen #menu #menu3 a:hover
          {
            color:white;
          }

          #header	#website #websitebinnen #menu #menu3 a.active,
          #header	#website #websitebinnen #menu #menu3 a.active:hover
        {
          color:#FFFFFF;
        }
	
 #content
{
  position:absolute;
  top:363px; left:0px;
  width:100%;
  z-index:50;
}

 #content	#website2
  {
    top:0px; left:50%;
    position:absolute;
  }

 #content	#website2 #websitebinnen2
{
left:-401px;
top:0px;
position:absolute;
}



#content	#website2 #websitebinnen2 #tekst
  {
    position:absolute;
    top:50px; left:238px;
    width:560px; height:100%;
		FONT-FAMILY: verdana, tahoma, sans-serif;
        font-size:72%;
    z-index:55;
  }
	#content	#website2 #websitebinnen2 #tekst a
	  {
     color: #000;
	   cursor:hand;
	   text-decoration:none;
	    
  }
	#content	#website2 #websitebinnen2 #tekst a.active
	
  {
     color: #000;
	cursor:hand;
    text-decoration:none;
	  }
  
  
	#content	#website2 #websitebinnen2 #tekst a:hover, 
	#content	#website2 #websitebinnen2 #tekst a.active:hover
  {
     color: #fff;
	   cursor:hand;
	   text-decoration:none;
	   background-color: #f8991d;
    
  }

#content	#website2 #websitebinnen2 #tekst #teksteind,
#content	#website2 #websitebinnen2 #tekst #teksteind a
{
text-decoration:none;
font-family: "arial narrow";
font-weight: 600;
font-size: 10pt;
color: #a0a0a0;
}

	#content	#website2 #websitebinnen2 #tekst #teksteind a:hover, 
	#content	#website2 #websitebinnen2 #tekst #teksteind a.active:hover
  {
     color: #fff;
	   cursor:hand;
	   text-decoration:none;
	   background-color: #f8991d;
    
  }







			#content	#website2 #websitebinnen2 #ondermenuintro 
    {
      position:absolute;
      top:10px; left:18px;
      width:200px; height:300px;
        z-index:53;
      
    }
		
      #content	#website2 #websitebinnen2 #ondermenuintro a 
    {
      	text-align:left;
    	line-height:16px;
		z-index:54;        
       	FONT-FAMILY: arial, helvetica, sans-serif;
        font-weight:bold;
        font-size:70%;
        text-decoration:none;
        color:#949292;
				padding-left:24px;
		background-image:url("images/arroworanje.gif");
		background-position: left;
   		background-repeat: no-repeat;
    }

    	#content	#website2 #websitebinnen2 #ondermenuintro a:hover
          {
            color:#626060;
			cursor:hand;
          }

          #content	#website2 #websitebinnen2 #ondermenuintro a.active,
          #content	#website2 #websitebinnen2 #ondermenuintro a.active:hover
        {
          color:#626060;
					cursor:hand;
        }
							
#content	#website2 #websitebinnen2 #zoeken
  {
    position:absolute;
    top:15px; left:620px;
    width:165px; height:20px;
    z-index:57;
  }
	
	#content	#website2 #websitebinnen2 #zoeken #zoekveld
  {
  position:relative;
	top:0px; 
	left:0px;
	height:20px;
	z-index:1340;
	vertical-align: middle;
  }
	
	#content	#website2 #websitebinnen2 #zoeken #zoekveld * 
	{ 
	vertical-align: middle; 
	}
	
		.inputfield1
{
  background-color:#FFFFFF;
border-color:#949292;
	border-style:solid;
	border-Width:1px;
	width:125px;
	height:16px;
	color:#949292;
	FONT-SIZE: 70%;
	FONT-FAMILY: arial, helvetica, sans-serif;
	FONT-WEIGHT: bold;
	
}

.button1 
{

	background-color:#949292;
	border-color:#949292;
  border-style:solid;
	border-Width:1px;
	COLOR: #FFFFFF;
	width:35px;
	height:20px;
	FONT-SIZE: 11px;
	FONT-FAMILY: arial, helvetica, sans-serif;
	FONT-WEIGHT: bold;
	
}

#wissel
{
background: #f90 url("twilink.png");
height:100%;
width:100%;
background-repeat:no-repeat;
}

#wissel a
{
background: #f90 url("twilink.png");
height:100%;
width:100%;
background-repeat:no-repeat;
}

#wissel a:hover
{
background: #ddd url("twilink2.png");
height:100%;
width:100%;
background-repeat:no-repeat;
}