/*
  *******************************************************
  Cascade Style Sheet
  (c) 2008 REDDIE
  *******************************************************
  Reddie
  Linge 42
  2911 EK Nieuwerkerk aan den IJssel
  (The Netherlands)
  tel. +31 (0)180 - 32 62 97
  mobiel. +31 (6) 24 22 46 89
  http://www.reddie.nl
  info <at> reddie <punt> nl 
  ******************************************************
*/

/* Main page layout */

body {
background-color:#fff;
font-family: Arial, Helvetica, sans-serif;
color: #707070;
margin: 0px;
padding: 0px;
height: 100%;
}

#container0, #container1, #container2, #container3, 
#container4, #container5, #container6 {
margin: auto;
position: relative;
width: 900px;
}

/* header */

#top {
background-image:url(../images/logo.gif);
background-repeat:no-repeat;
background-position: top left;
width: 900px;
height: 80px;
top: 5px;
position: absolute;
}

#foto {
background-repeat:no-repeat;
background-position: top left;
width: 900px;
height: 174px;
position: absolute;
top: 85px;
}

#container0 #foto {
background-image:url(../images/pic00.jpg);
}

#container1 #foto {
background-image:url(../images/pic01.jpg);
}
 
#container2 #foto {
background-image:url(../images/pic02.jpg);
}

#container3 #foto {
background-image:url(../images/pic03.jpg);
}

#container4 #foto {
background-image:url(../images/pic04.jpg);
}

#container5 #foto {
background-image:url(../images/pic05.jpg);
}

#container6 #foto {
background-image:url(../images/pic06.jpg);
}

/* content */

#content {
width: 740px;
font-size:12px;
line-height: 23px;
position: absolute;
top: 242px;
left: 150px;
height: 100%;
}

#content_padding {
margin-top: 80px;
height: 100%;
}

#vruler {
border-left: 1px solid #c3c3c3;
padding-left: 50px;
}

#content a, #content a:visited {
color: #cccc66;
font-weight: bold;
text-decoration:none;
}
#content a:hover {
text-decoration:none;
}

/* footer */

#footer {
width: 900px;
font-size:10px;
line-height:16px;
height: 20px;
float: right;
position: relative;
margin-left: -150px;
padding: 0;
}

#footer_padding {
float: right;
margin: 0;
padding: 0;
}

#footer a, #footer a:hover, #footer a:visited {
padding-right: 0px;
margin: 0;
color: #707070;
padding-left: 10px;
text-decoration: none;
font-weight: normal;
text-align: right;
}

/* Headers */

h1 {
font-size:20px;
font-weight: normal;
margin-bottom: 14px;
}

h2 {
font-size:14px;
font-weight: bold;
padding:0px;
margin:0px;
}

h3 {
font-size:12px;
font-weight: bold;
padding:0px;
margin:0px;
}

#container0 h1, #container0 h2, #container0 h3 {
color: #707070;
}

#container1 h1, #container1 h2, #container1 h3 {
color: #3768b7;
}

#container2 h1, #container2 h2, #container2 h3 {
color: #d6a90d;
}

#container3 h1, #container3 h2, #container3 h3 {
color: #ce5500;
}

#container4 h1, #container4 h2, #container4 h3 {
color: #a4c007;
}

#container5 h1, #container5 h2, #container5 h3 {
color: #b42051;
}

#container6 h1, #container6 h2, #container6 h3 {
color: #d72626;
}

/* Rulers */

#ruler1, #ruler2, #ruler3 {
border: none;
margin: 0;
padding: 0;
background-image:url(../images/ruler.gif);
height: 6px;
width: 900px;
}

#ruler1 {
top: 80px;
position: absolute;
}

#ruler2 {
top: 294px;
position: absolute;
}

#ruler3 {
position: relative;
display: block;
margin-left: -150px;
}

/* Some styling */

.clearer, #clearer {
clear:both;
}

p {
margin-top: 0;
margin-bottom: 24px;
text-align: justify;
}

#content ul {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
margin-bottom: 24px;
}

#content ul li {
padding-left: 12px;
}

#container0 #content ul li {
background: url(../images/bullethover.gif) 0% 40% no-repeat;
}

#container1 #content ul li {
background: url(../images/bullet1.gif) 0% 40% no-repeat;
}

#container2 #content ul li {
background: url(../images/bullet2.gif) 0% 40% no-repeat;
}

#container3 #content ul li {
background: url(../images/bullet3.gif) 0% 40% no-repeat;
}

#container4 #content ul li {
background: url(../images/bullet4.gif) 0% 40% no-repeat;
}

#container5 #content ul li {
background: url(../images/bullet5.gif) 0% 40% no-repeat;
}

#container6 #content ul li {
background: url(../images/bullet6.gif) 0% 40% no-repeat;
}

/* Navigatie */

.navigatie {
position: absolute;
top: 254px;
}

.subnavigatie {
position: absolute;
top: 324px;
}

.menu {
height:36px;
width:900px;
position:relative;  
font-size:14px;
margin-top: 10px;
z-index:500;
}

.menu .mainlevel, .menu .contact, .submenu .sublevel {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
}

.menu .mainlevel li {
float:left;
padding-right: 24px;
background: url(../images/menu_divider.gif) 100% 60% no-repeat;
height: 35px;
}

.menu .contact li {
float: right;
text-align: right;
height: 35px;
font-size: 12px;
}

.menu .mainlevel a, .menu .contact a {
display:block; 
height:35px; 
float:left;  
padding:0 0 0 0px; 
text-decoration:none;
line-height:34px; 
white-space:nowrap; 
color:#8f8f8f;
}

.menu .mainlevel a:hover {
padding:0 0 0 0px;
line-height:34px;
cursor:pointer; 
} 

.menu .mainlevel li.style1:hover a,
li.style1.active a { 
color:#3768b7;
}

.menu .mainlevel li.style2:hover a,
li.style2.active a  { 
color:#d6a90d;
}

.menu .mainlevel li.style3:hover a,
li.style3.active a  { 
color:#ce5500;
}

.menu .mainlevel li.style4:hover a,
li.style4.active a  { 
color:#a4c007;
}

.menu .mainlevel li.style5:hover a,
li.style5.active a  { 
color:#b42051;
}

.menu .mainlevel li.style6:hover a,
li.style6.active a  { 
color:#d72626;
}

.menu .mainlevel li.contact {
float: right;
text-align: right;
}

.menu .contact li.contact:hover a,
li.contact.active a {
color: #707070;
}

.submenu {
display: block;
width: 140px;
line-height: 24px;
height: 24px;
font-size: 12px;
}

.submenu li {
padding-left: 0px;

}

.submenu .sublevel a {
padding-left: 20px;
text-decoration: none;
color: #8f8f8f;
}

#container0 .submenu {
display: none;
}

#container1 .submenu .sublevel a {
background: url(../images/bullet1.gif) 0% 40% no-repeat;
}

#container2 .submenu .sublevel a {
background: url(../images/bullet2.gif) 0% 40% no-repeat;
}

#container3 .submenu .sublevel a {
background: url(../images/bullet3.gif) 0% 40% no-repeat;
}

#container4 .submenu .sublevel a {
background: url(../images/bullet4.gif) 0% 40% no-repeat;
}

#container5 .submenu .sublevel a {
background: url(../images/bullet5.gif) 0% 40% no-repeat;
}

#container6 .submenu .sublevel a {
background: url(../images/bullet6.gif) 0% 40% no-repeat;
}

#container1 .submenu .sublevel a:hover,
#container1 .submenu .sublevel li:hover a {
color: #3768b7;
background: url(../images/bullethover.gif) 0% 0% no-repeat;
}

#container2 .submenu .sublevel a:hover,
#container2 .submenu .sublevel li:hover a {
color: #d6a90d;
background: url(../images/bullethover.gif) 0% 0% no-repeat;
}

#container3 .submenu .sublevel a:hover,
#container3 .submenu .sublevel li:hover a {
color: #ce5500;
background: url(../images/bullethover.gif) 0% 0% no-repeat;
}

#container4 .submenu .sublevel a:hover,
#container4 .submenu .sublevel li:hover a {
color: #a4c007;
background: url(../images/bullethover.gif) 0% 0% no-repeat;
}

#container5 .submenu .sublevel a:hover,
#container5 .submenu .sublevel li:hover a {
color: #b42051;
background: url(../images/bullethover.gif) 0% 0% no-repeat;
}

#container6 .submenu .sublevel a:hover,
#container6 .submenu .sublevel li:hover a {
color: #d72626;
background: url(../images/bullethover.gif) 0% 0% no-repeat;
}