/*Copyright Disignage*/
/*Stylesheet, textsheet is separated*/

html, body {
text-align: center;
margin-left: auto;
margin-right: auto;
padding: 0;
background-color: #EEFFEC;  /* achtergrondkleur voor gehele pagina */
color: #000;
font-family: sans-serif;
}
p {
font-family: Arial, sans;
color: #000000;
}
h1 {
color: #003300;
display: inline;
font-weight: bold;
font-family: Verdana;
}
.maincontainer {
width: 1024px;
margin-left: auto;
margin-right: auto;
text-align: left;
margin-top: -6px;
}
.topspace {
width: 824px;
background-color: #FFFFFF;
height: 18px;
text-align: right;
padding-right: 5px;
text-align: left;
}
.topspace ul {
display: inline;
}
.topspace ul li {
display: inline;
}
.topspace ul li a {
text-decoration: none;
color: #000000;
}
.topspace ul li a:hover {
color:#009900;
}
.topspace ul li a:active {
color:#006600;
}
.topspace ul li a:visited {
color: #000000;
}
.headertop {
width: 824px;
background-color: #B1FB9F;
background-image: url(style_images/headertop.gif);
background-repeat: no-repeat;
height: 50px;
text-align: left;
}
.headermenu {
width: 824px;
background-color: #006600;
height: 20px;
color: #FFFFFF;
font-weight: bold;
text-align: left;
}
.headermenu ul {
display: inline;
}
.headermenu ul li {
display: inline;
}
.headermenu ul li a {
text-decoration: none;
color: #FFFFFF;
}
.headermenu ul li a:hover {
color:#FF6600;
}
.headermenu ul li a:visited {
color:#B1FB9F;
}
.headerscreens {
width: 824px;
background-color: #B1FB9F;
background-image: url(style_images/headerscreens.gif);
background-repeat: no-repeat;
height: 93px;
text-align: center;
}
.textsizemenu {
width: 824px;
background-color: #B1FB9F;
background-image: url(style_images/textsizemenu.gif);
background-repeat: no-repeat;
height: 24px;
font-weight: bold;
color: #006600;
text-transform: lowercase;
text-align: left;
}
.textsizemenu a {
color: #006600;
text-decoration: underline;
}
.textsizemenu a:hover {
color: #FF6600;
text-decoration: none;
}
.textsizemenu a:visited{
color: #006600;
text-decoration: none;
}
.container{
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
text-align: left;
}
.left {
width: 200px;
background-color: #FFFFFF;
height: 380px;
float: left;
text-align: left;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
overflow: auto;
scrollbar-arrow-color: #009900; 
scrollbar-face-color: #FFFFFF; 
scrollbar-highlight-color: #FFFFFF; 
scrollbar-3dlight-color: #FFFFFF; 
scrollbar-shadow-color: #FFFFFF; 
scrollbar-darkshadow-color: #FFFFFF; 
scrollbar-track-color: #FFFFFF;
text-align: center;
}
.centermenu {
width: 100%;
background-color: #006600;
height: 20px;
font-weight: bold;
color: #FFFFFF;
text-align: left;
text-indent: 165px;
}
.centermenu ul {
display: inline;
}
.centermenu ul li {
display: inline;
}
.centermenu ul li a {
text-decoration: none;
color: #FFFFFF;
}
.centermenu ul li a:hover {
color:#FF6600;
}
.centermenu ul li a:visited {
color:#B1FB9F;
}
.center {
background-color: #FFFFFF;
height: 380px;
width: 585px;
text-align: left;
padding-top: 5px;
overflow: auto;
scrollbar-arrow-color: #009900; 
scrollbar-face-color: #FFFFFF; 
scrollbar-highlight-color: #FFFFFF; 
scrollbar-3dlight-color: #FFFFFF; 
scrollbar-shadow-color: #FFFFFF; 
scrollbar-darkshadow-color: #FFFFFF; 
scrollbar-track-color: #FFFFFF;
}
.centertable {
background-color: #EEFFEA;
height: 380px;
width: 585px;
text-align: left;
padding-top: 5px;
overflow: auto;
scrollbar-arrow-color: #009900; 
scrollbar-face-color: #FFFFFF; 
scrollbar-highlight-color: #FFFFFF; 
scrollbar-3dlight-color: #FFFFFF; 
scrollbar-shadow-color: #FFFFFF; 
scrollbar-darkshadow-color: #FFFFFF; 
scrollbar-track-color: #FFFFFF;
}
.rightcontainer {
width: 200px;
background-color: #EEFECC;
height: 566px;
float: right;
text-align: left;
margin-left: -4px;
}
.rightcontainertopspace {
width: 200px;
background-color: #FFFFFF;
height: 18px;
text-align: right;
white-space: nowrap;
}
.rightcontainertopspace a {
text-decoration: none;
color: #000000;
}
.rightcontainertopspace a:hover {
text-decoration: none;
color: #009900;
}
.rightcontainertopspace a:active {
text-decoration: none;
color: #006600;
}
.rightcontainertopspace a:visited {
text-decoration: none;
color: #000000;
}
.rightcontainerheadertop {
width: 200px;
background-color: #B1FB9F;
background-image: url(style_images/rightcontainerheadertop.gif);
background-repeat: no-repeat;
height: 30px;
text-align: right;
}
.righttextmenu {
width: 200px;
height: 33px;
background-image: url(style_images/textsizemenuright.gif);
background-repeat: no-repeat;
}
.righttab1 {
width: 200px;
background-image: url(style_images/tabbedtop2.gif);
background-repeat: no-repeat;
background-color: #B1FB9F;
height: 119px;
}
.righttab2 {
width: 200px;
background-image: url(style_images/tabbed2_bar.gif);
background-repeat: no-repeat;
background-color: #B1FB9F;
height: 119px;
margin-top: -3px;
}
.righttabrest {
width: 200px;
background-image: url(style_images/tabbed.gif);
background-repeat: no-repeat;
background-color: #FFFFFF;
height: 119px;
}
.rightfooter {
width: 200px;
height: 110px;
background-color: #FFFFFF;
text-align: center
}
.rightfootertext {
padding-bottom: 5px;
padding-right: 5px;
padding-left: 5px;
overflow: auto;
height: 110px;
scrollbar-arrow-color: #009900; 
scrollbar-face-color: #FFFFFF; 
scrollbar-highlight-color: #FFFFFF; 
scrollbar-3dlight-color: #FFFFFF; 
scrollbar-shadow-color: #FFFFFF; 
scrollbar-darkshadow-color: #FFFFFF; 
scrollbar-track-color: #FFFFFF;
}
.tabbedtitle {
height: 23px;
padding-top: 5px;
margin-left: 40px;
font-weight: bold;
color: #FFFFFF;
}
.tabbedtitle a {
text-decoration: none;
color: #FFFFFF;
}
.tabbedtitle a:hover {
color:#006600;
}
.tabbedtitle a:visited {
color:#B1FB9F;
}
.tabbedtext {
height: 78px; 
width: 180px; 
overflow: auto; 
margin-left: 10px;
margin-right: 3px;
border: 0; 
scrollbar-arrow-color: #006600; 
scrollbar-face-color: #FFFFFF; 
scrollbar-highlight-color: #FFFFFF; 
scrollbar-3dlight-color: #FFFFFF; 
scrollbar-shadow-color: #FFFFFF; 
scrollbar-darkshadow-color: #FFFFFF; 
scrollbar-track-color: #FFFFFF; 
}
.tabbedspacergreen {
background-image: url(style_images/textsizemenuright.gif);
background-repeat:no-repeat;
/*background-image: url(style_images/tabbedspacergreen.gif);
background-repeat: x-repeat;*/
}
.tabbedspacer {
background-image: url(style_images/tabbedspacer.gif);
background-repeat: x-repeat;
}
.footer {
color: #006600;
font-weight: bold;
text-align: center;
margin-top: 5px;
}
.footer a {
color: #000000;
text-decoration: underline;
}
.footer a:hover {
color: #FF6600;
text-decoration: underline;
}
.footer a:visited {
color:#009900;
text-decoration: underline;
}

/*Nodig voor scriptaculous drag 'n drop*/
div.main{margin:30px auto; width:600px;}
ul, ul li{padding:0px; border:0px; margin:0px; list-style:none;  cursor:move;}
ul.myList li{display:block; border-top:solid 1px #FFFFFF; padding:3px; background-color:#B9FFAA; border:#FFF;}
ul.myList li.hover {background-color:#ccc; border-top:solid 3px #000000;}
ul.myList li.down  {background-color:#000; border-top:solid 1px #000000;}