/*************************************************************************************************
 * <APPLICATIE TITEL> CSS
 *************************************************************************************************/

/*************************************************************************************************
 * STYLE RESETS
 *************************************************************************************************/
 
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{ 
        margin:0;
        padding:0;
    }
    
    table {
        border-collapse:collapse;
        border-spacing:0;
    }
    
    fieldset,img { 
        border:0;
    }
    
    ol,ul {
        list-style:none;
    }
    
    caption,th {
        text-align:left;
    }
    
    h1,h2,h3,h4,h5,h6 {
        font-size:100%;
        font-weight:normal;
    }
    
    abbr,acronym { 
        border:0;
    }
    
/*************************************************************************************************
 * GENERIEKE STYLES (UITSLUITEND "KALE" HTML-TAGS!)
 *************************************************************************************************/
 
    html, body {
    	padding:0px;
    	margin:0px;
    }
 
    body, input, select, textarea, td {
    	font-family:arial, verdana;
    	color:#444445;
    	font-size:11px;
    	line-height:18px;
		background:#444445;
    }
    
    body {
    	text-align:center;
    }
    
    a:link, a:visited, a:hover, a:active {
    	color:#0c5ead;
    }
    
    a:hover {
    }
 
    h2 {
    }
    
    h3 {
    }
    
    p {
        margin-bottom: 10px;
    }

/*************************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/
	
 div#container {
 	width:1000px;
 	height:424px;
 	
 	position:relative;
 	margin:150px auto;
 	text-align:left;
 }
 
 div#taal div.text {
 	float:left;
 	margin-right:11px;
 }
  
 div#taal {
 	float:right;
 }
 
 div#header {
 	width:1000px;
 	height:30px;
 	_height:50px;
 	
 	padding-top:20px;
 	
 	color:white;
 	background:#444445;
 }
  
 div#taal ul {
 	float:left;
 }
 
 div#taal ul li {
 	float:left;
 	display:inline;
 	margin-left:8px;
 	padding-top:3px;
 }
 
 div#links {
 	width:1000px;
 	height:374px;
    background:url("../images/intro/bgIntro.jpg") top left no-repeat;
 }	
 
 div#hydrosta_se {
 	float:left;
 	margin-left:104px;
 	margin-top:65px;
 	display:inline;
 	
 	width:233px;
 	height:261px;
    background:url("../images/intro/bg_hydrosta_se.jpg") top left no-repeat;
 }
  
 div#hydrosta_components {
 	float:left;
 	margin-left:47px;
 	margin-top:65px;
 	display:inline;
 	
 	width:233px;
 	height:261px;
    background:url("../images/intro/bg_hydrosta_components.jpg") top left no-repeat;
 }
  
 div#hydrauned {
 	float:left;
 	margin-left:47px;
 	margin-top:63px;
 	_margin-top:65px;
 	display:inline;
 	
 	width:233px;
 	height:261px;
    background:url("../images/intro/bg_hydrauned.jpg") top left no-repeat;
 }
 
 div#links div.text {
 	margin:20px;
 }
 
div#hydrauned a.a_hydrauned, div#hydrosta_components a.a_hydrosta_components, div#hydrosta_se a.a_hydrosta_se {
	width:233px;
 	height:56px;
 	margin-top:35px;
	
 	text-indent:-9000px;
 	display:block;
}

div#hydrauned a.a_hydrauned {
    background:url("../images/intro/hydrauned.jpg") top left no-repeat;  
}

div#hydrosta_components a.a_hydrosta_components {
    background:url("../images/intro/hydrosta_components.jpg") top left no-repeat;  
}
 
div#hydrosta_se a.a_hydrosta_se {
    background:url("../images/intro/hydrosta_se.jpg") top left no-repeat;  
}
 
/*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT + OPMAAK
 *************************************************************************************************/

        /*****************************************************
         * PAGINA VOORBEELD 1
         *****************************************************/

        /*****************************************************
         * PAGINA VOORBEELD 2
         *****************************************************/

/*************************************************************************************************
 * FORMULIER OPMAAK
 *************************************************************************************************/
 
 
/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/

/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/
 
    .spacer {
        clear: both;
    }
    
    .floatLeft {
    	float:left;
    	display:inline;
    	margin-top:5px;
    	margin-left:10px;
    }
    
    .floatRight {
    	float:right;
    	margin-top:5px;
    	margin-right:30px;
    	display:inline;
    }