/*  

File:					style_layout.css

Project:			Gebr. Janssen Beugen
Copyright:		© RegioProviders
Last update:	29-01-2007
Programmer:		Bram van den Acker
Description:	Alle stijlen die gekoppeld zijn aan een DIV (#)
Changed:			-

*/
 html, body {
                height: 100%;                                                                  
                margin: 0;                                                                     
                padding: 0;
				margin: 0px auto;                                                                    
            }
* {
	margin:0px auto;
	padding:0;
}

div#shim {
                visibility: hidden;
                width: 100%;
                height: 50%;                                                                     
                margin-top: -311px;                                                              
                float: left;
            }

            div#wrapper {

                width: 847px;
                height: 400px;
                clear: both;
                position: relative;
                top: -200px;
                /* IE4ever Hack: Hide from IE4 **/
                    position: static;
                /** end hack */

            }

            /* Hide from IE5mac \*//*/
                div#shim {
                    display: none;
                }
                html, body {
                    height: auto;
                }
            /* end hack */
			
			/* ]]> */

/* Introscherm */
#main {
	position: absolute;
	left: 50%;
	margin-left: -428px;
	width: 100%;
	width:847px;
	height:622px;
	background-color:#FFFFFF;
	background-image:url(../images/intro_bg.jpg);
	
}

#intro_logo {
	position:absolute;
	top: 30px;
	left: 30px;
	width:188px;
	height:147px;
	background-image:url('../images/intro_logo.jpg');
}
#copyrightdiv {
	position: absolute; 
	top: 615px; 
	left: 20px;
	color: #FFFFFF;
}

#intro_buttons {
	position:absolute;
	left: 270px;
	top: 200px	;
	width:580px;
	height:196px;
}
#intro_melding {
	position:absolute;
	left: 230px;
	top: 370px	;
	width:580px;
	height:196px;
}
.intro_buttons li {
	margin-top: 25px;
	width: 154px;
	height: 134px;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
.intro_buttons li a{
	position: relative;
	display: block;
	background-image: url(../images/intro_button_bg1.jpg);
	width: 154px;
	height: 134px;
	line-height: 12px;
	border: 1px solid #4a5454;
}

.intro_buttons li a:hover, 
.intro_buttons li#active a{
	/*background-image: url(../images/intro_button_bg2.jpg);*/
	border: 1px solid #c0c0c0;
}
ul {
	list-style:none;
}
#intro_text {
	position: absolute;
	top: 200px;
	left: 35px;
	width: 180px;
	height: 400px;
	color: #FFFFFF;
	text-align:left;
}

#spec_buttons {

	background-image: url(../images/intro_specs.jpg);
	width: 115px;
	height: 69px;
	position: absolute;
	bottom: 30px;
	left: 30px;
}

/* --- Links Rechtsonderaan aanklikbaar ---- */
#sanitair {
	position: absolute;
	bottom:82px;
	left:30px;
	width:145px;
	height:12px;
	cursor:pointer;
}

#riool {
	position: absolute;
	bottom:65px;
	left:30px;
	width:145px;
	height:12px;
	cursor:pointer;
}

#dak {
	position: absolute;
	bottom:48px;
	left:30px;
	width:145px;
	height:12px;
	cursor:pointer;
}

#techniek {
	position: absolute;
	bottom:31px;
	left:30px;
	width:159px;
	height:12px;
	cursor:pointer;
}