/* 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:901; 
	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;
}