/*
   P2GO.nl
   (c) 2005 Einz
*/

* {
  margin: 0px;
  padding: 0px;
}

/* commented backslash mac IE hack \*/
html,body {
  height: 100%;
}
/* end hack */

body {
  background: #ffffff;
}

#head {
  display:none;
}

#alignment {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 480px;
  text-align: center;
}

#container {
  text-align: center;
  position: absolute;
  left: 50%;
  top:  50%;
  height: 480px;
  width: 480px;
  margin: 0px auto;
  margin-left: -240px;
  margin-top: -240px;
  background: #000000;
}



/*
=============================== MENU'S ===================================
*/



#mainmenu {
  position: absolute;
  top: 0;
  left: 0;
  width: 480px;
  height: 40px;  
}

#mainmenu a, #mainmenu div {
  display: block;
  width: 40px;
  height: 40px;
  float: left;
  text-align: center;
  font: 10px/40px Arial, Tahoma, Verdana;
  color: white;
  text-decoration: none;
}

#mainmenu a:hover {
  color: #ffff00;
}

.intern1 a#menu1, .intern2 a#menu2, .intern3 a#menu3, .intern4 a#menu4, .intern5 a#menu5, .intern6 a#menu6, .intern7 a#menu7, .intern8 a#menu8,
.intern1 a#menu1:hover, .intern2 a#menu2:hover, .intern3 a#menu3:hover, .intern4 a#menu4:hover, .intern5 a#menu5:hover,
.intern6 a#menu6:hover, .intern7 a#menu7:hover, .intern8 a#menu8:hover {
  background: #ffff00;
  color: black;
}

#mainmenu a#p2go-logo, #mainmenu a#p2go-logo:hover {
  background: #000000 url(px/logo.gif) no-repeat;
  right: 0;
  top: 0;
  position: absolute;
}

#mainmenu a#p2go-logo * {
  display: none;
}


#submenu, #submenu1 {
  position: absolute;
  left: 0;
  top: 40px;
  width: 40px;
  height: 400px;
}

#submenu2 {
  position: absolute;
  right: 0;
  top: 40px;
  width: 40px;
  height: 400px;
}

#submenu a, #submenu0 a, #submenu1 a, #submenu2 a, #submenu3 a, #submenu4 a, #submenu5 a, #submenu6 a, #submenu7 a, #submenu8 a,
#submenu9 a, #submenu10 a, #submenu11 a, #submenu12 a, #submenu13 a, #submenu14 a, #submenu15 a, #submenu16 a, #submenu17 a, #submenu18 a,
#submenu19 a {
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  font: 10px/40px Arial, Tahoma, Verdana;
  color: white;
  text-decoration: none;
}


#extra {
  position: absolute;
  right: 0;
  top: 40px;
  width: 40px;
  height: 400px;
  text-align: center;
}

#quicklinks {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 480px;
  height: 40px;
  text-align: right;
}

#quicklinks a {
  display: block;
  width: 40px;
  height: 40px;
  float: right;
  text-align: center;
  font: 10px/40px Arial, Tahoma, Verdana;
  font-weight: bold;
  font-style: italic;
  color: white;
  text-decoration: none;
}

#quicklinks a:hover {
  color: #7f7f7f;
}

/*
=============================== MENU'S ===================================
*/

#contents {
  position: absolute;
  width: 400px;
  height: 400px;
  top: 40px;
  left: 40px;
  overflow: hidden;
  text-align: left;
}

#contents h2 {
  display: none;
}


#voorpagina {
  background-position: 0 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 480px;
  height: 480px;
}

#voorpagina a {
  display: block;
  position: absolute;
  width: 480px;
  height: 480px;
  top: 0;
  left: 0;
  background: transparent url(px/voorpagina.jpg) no-repeat;
}

#voorpagina a:hover {
  background-position: -480px 0;  
}

#voorpagina a * {
  display: none; 
}


#pic,.pic {
  position: absolute;
  left: 40px;
  top: 40px;
  background: #000000;
}