/* $Id: safesec.css,v 1.24 2009-12-23 20:54:52 matto Exp $ */

* {
margin:0;
padding:0;
}

body {
margin:0;
padding:0;
font:small arial, helvetica, sans-serif;
color:#000;
background:#eee;
text-align:center;
}

h3 {
margin-top: 1em;
margin-bottom: 0;
}

a, a:link, a:visited {
color:blue;
text-decoration:underline;
}

a:hover, a:focus {
color: red;
}

input {
width: 2em;
}

#navbalk a {
padding: 2px 6px;
color: #000;
text-decoration:none;
}

#navbalk a:hover, a:focus {
color: #fff;
background-color: #69a;
}

#frame {
width: 95%;
margin-right:auto;
margin-left:auto;
margin-top: 10px;
padding:0px;
text-align:left;
background:#fff;
border: 1px solid #000;
}

#navkolom {
width:21%;
padding:0px;
float:left;
margin: 20px 10px;
}

#navkolom ul {
/* margin: 20px 10px; */
padding: 0;
list-style-type: none;
}

#navkolom li { margin: 0; }
#navkolom li li { margin: 0; }
#navkolom li li li { margin: 0; }

#navkolom a
{
display: block;
color: #FFF;
background-color: #036;
width: 9em;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 1px solid #fff;
}

#navkolom a:hover
{
background-color: #369;
color: #FFF;
}

#navkolom li li a
{
/*
display: block;
color: #FFF;
background-color: #036;
width: 9em;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 1px solid #fff;
*/
display: block;
color: #FFF;
background-color: #69C;
width: 9em;
/* padding: 3px 3px 3px 17px; */
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: normal;
}

#navkolom li li li a
{
display: block;
color: #FFF;
background-color: #69C;
width: 9em;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: normal;
}

#hoofd {
width:53%;
padding:10px;
float:left;
}

#hoofd h1 {
font-size: 24pt;
margin: 18px 2px 10px 2px;
}

#hoofd h2 {
font-size: 18pt;
margin: 18px 2px 10px 2px;
}

#hoofd ul {
margin-left: 14px;
}

#hoofd p {
margin-top: 12px;
}

#kruimel {
width: 80%;
border: 1px solid #99a;
font-size: 70%;
padding: 4px;
margin-bottom: 24px;
}
#kruimel a {
color: #669;
}
#sidebar {
width:20%;
float:left;
background:#fff;
text-align: right;
padding-top: 20px;
}
#zoeken 
{
float: right;
width: 8em;
color: #FFF;
/* background-color: #036; */
padding: 2px;
margin: 20px 0;
}
input.zoeken {
width: 6em;
}
input[type=text].zoeken {
width: 8em;
margin: 3px;
}
input[type=button].zoeken {
margin: 4px;
}
input[type=text]#code {
width: 2em;
margin: 3px;
}
input[type=text]#groep {
width: 6em;
margin: 3px;
}
input[type=text]#titel,
input[type=text]#omschrijving {
width: 16em;
margin: 3px;
}
input[type=submit]#toevoegen {
width: 8em;
margin: 4px;
}
input.wagen {
width: 4em;
}
input.formulier {
width: 7em;
}
input.formulierbreed {
width: 10em;
}
input[type=text].formulier {
width: 7em;
margin: 3px;
}
input.postcodeform {
width: 3em;
}
input[type=text].postcodeform {
width: 3em;
margin: 3px;
}
input.bestelbtn {
width: 6em;
}
input[type=submit]#naar_ideal_knop {
width: 10em;
margin: 4px;
}
#navcontainer {
float: right;
text-align: left;
padding-bottom: 30px;
}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer a
{
display: block;
color: #FFF;
background-color: #036;
width: 9em;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 1px solid #fff;
}

#navcontainer a:hover
{
background-color: #369;
color: #FFF;
}

#navcontainer li li a {
display: block;
color: #FFF;
background-color: #69C;
width: 9em;
padding: 3px 3px 3px 17px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: normal;
}

#navcontainer li li.geselecteerd a  {
background-color: #ff6;
color: #69C;
font-weight: 900;
}

#kopbalk {
height: 96px;
padding: 0 20px;
vertical-align: bottom; 
background:#fff;
}

#kopbalk img {
border: 0;
margin: 5px;
float: left;
}

#kopbalk .blok {
clear: left;
float: right;
vertical-align: bottom;
padding: 14px 8px;
}
#kopbalk p {
vertical-align: bottom;
margin-bottom: 4px;
}

#navbalk {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 3px;
background: #ddd;
text-align: right;
}
#mavcontainer p { font-size:10px}

.klein {
font-size: x-small;
}
.center {
text-align: center;
}
blockquote {
margin: 2em 4em;
border: 1px dotted red;
padding: 1em;
}

table {
width: 98%;
border-spacing: 2px;
margin: 2px;
background: #fff;
}
td {
vertical-align: top;
border: 1px solid #fff;
border-spacing: 2px;
padding: 1px;
margin: 1px;
background: #eee
}
td.centreer {
text-align: center;
}
td img {
text-align: center;
margin:auto;
}
.kop {
font-weight: 900;
}
.grijs, .grijs a {
color: #aaa;
}
#toel {
background: #fff;
}
#toel table {
background-color: #fff;
}
#toel td {
border: 0;
background-color: #fff;
padding: 0;
}
#toel img {
padding: 5px;
}

.wit {
background-color: #fff;
}

table.uitleg {
border: 1px solid #000;
}

td.wit {
background-color: #fff;
}

.filenam {
margin-top: 12px;
}
.filetoel {
color: #666;
}
.bottomlink {
text-align: center;
margin-top: 32px;
}
.geselecteerd li li a  {
background-color: #603;
}

#navcontainer li li li a {
display: block;
color: #FFF;
background-color: #69C;
width: 9em;
padding: 3px 3px 3px 17px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: normal;
}

#navcontainer li li li.derde a  {
background-color: #666;
color: #fff;
font-weight: normal;
}

#navcontainer li li li.derde a:hover  {
color: #666;
background-color: #fff;
}

#navcontainer li li li.gekozen a{
background-color: #333;
color: #fff;
font-weight: 900;
}

#plekincat p {
font-weight: 600;
}

.bedrag {
text-align: right;
}

.tmb {
float: left;
width: 150px;
height: 250px;
border: 1px solid #aaa;
text-align: center;
margin: 4px;
display: block;
}

.tmb:hover {
background: #e0ffff;
}

.tmb img {
margin: 5px;
border: 0;
}

.tmb p {
font:8pt verdana, helvetica, sans-serif;
margin: 4px;
}

.mdafb {
margin: 18px 2px;
}
.fout {
color: red;
}
.ideallogo {
border: 0;
margin: 0;
padding: 0;
}
.ideallink {
margin: 12px;
padding: 0;
border: 0;
}