/* CSS for the main template of Sc. Doornakkers website

The positioning of layers and elements that are always on the template should be done in this sheet.

The layers are ordered as follows:

<<Name>>		<<Z-index>>
ROOT			1
  BACKGROUND		1.1
  PAGE			1.2

    CONTENT		1.2.1
    FOOTER		1.2.2
  TRIANGLE		1.3
    TRIANGLE_BLUE	1.3.1
    LOGO		1.3.2
  MENUMAIN		1.4
	(items*)    
  MENUSUB		1.5
  
*/

#background {
	position:absolute; 
	right:0px; 
	top:50px; 
	width:901px; 
	height:450px;
	z-index:1;
}
#page {
	position:absolute; 
	right:0px; 
	top:0px; 
	width:901px;
	height:100%;
	z-index:2;
}
#menuMain {
	position:absolute; 
	right:0px; 
	top:0px;
	width:901px;
	height:50px; 
	z-index: 4;
}

#content {
 	position:absolute;
 	right:0px;
 	top:50px;
 	width:590px;
 	height:450px;
 	z-index:1;
}
#footer {
 	position:absolute; 
 	left:0px; 
 	bottom:0px; 
 	width:100%; 
 	height:50px; 
 	z-index: 2;
}

#footer_adres {
	border: none;
}
#triangle {
	position:absolute; 
	left:0px; 
	top:0px; 
	width:401px; 
	height:100%; 
	z-index: 3;
}
#menuSub {
	position:absolute;
	right:600px;
	top:50px;
	width:190px;
	height:303px;
	z-index:5;
}
#logo {
	position:absolute;
	left:4px; 
	top:115px;
	z-index:3;
}
#triangle_blue {
	position:absolute;
	z-index:2;
}

#mainmenuitems {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 100%;
}

.menuitem {
	float: left;
	margin-left: 0px;
}


IMG.alignTopLeft {
      	position:absolute;
      	left:0px;
      	top: 0px;
}
      
IMG.alignTopRight {
      	position:absolute;
      	right:0px;
      	top: 0px;
}

#root {
	position:absolute; 
	left:0px; 
	top:0px; 
	width:1001px; 
	height: 550px;/*403px; */
	z-index:2;
}
#sitesage {
	position:absolute;
	left:0px;
	top: 552px;
	height:20px;
	width:1001px;
	z-index:1;
}

#thanks {
	position: absolute;
	left: 30px;
	top: 560px;
	width: 971px;
	z-index: 5;
	text-align: right;
}