/* IACT */
/*
grijs: #848484;
bijna wit: #f0f3f0;

iact groen: #299da7
iact violet: #9168a1  #c0f
iact lichtgrijs: #c2c2c2 (30%)
iact donkergrijs: #959595 (50%)
*/

/*
lichtbruin #b0907b
rood-achtig #cf155b
groenig #c0c70c
paars #350042
licht roze #dec8d0
*/

/* Bordeaux
gelig #f7f2b2
groen #adcf4f
klei #84815b
paars #4a1a2c
cerise #8e3557
*/


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

body {
font: 76% Verdana,Tahoma,Arial,sans-serif;
}

a, a:visited, a:hover, a:active {
color: #000;
}

p, table {
font-size: 0.9em;
line-height: 1.7em;
padding: 5px 10px 5px 0;
}

h1 {
color: #299da7;
font-size: 2.3em;
font-weight: normal;
letter-spacing: -.2em;
text-align:right;
margin: 0 50px 10px 0;
}

h2 {
font-size: 1.5em;
font-weight: normal;
font-style:italic;
padding: 10px 0;
}

h3 {
clear:both;
}

/* ----------container -------------- */
#container {
width: 800px;
margin: 10px auto;
border:1px solid #4a1a2c;
}

/* ----------banner for logo-------------- */
#banner {
text-align: left;
}
#banner img {
margin-bottom: -2px;
}


/* -------------- menu ------------- */
#navigation {
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
}
#navigation ul {
list-style: none;
padding: 10px 0 10px 0;
}
#navigation li {
display:inline;
}
#navigation li a {
padding: 10px 20px;
border-right: 1px solid #969696;
text-decoration: none;
font-weight:bold;
}
#navigation li a:hover, #navigation li a.selected {
text-decoration:overline;
}


/* -----------------Content--------------------- */
#content {
margin: 0 0 0 180px;
padding: 0 0 20px 0;
border-left:1px solid #299da7;
}

div.item {
margin: 0 10px;
/*padding: 10px 0 0 0;*/
padding: 10px;
}

#content a, #content a:hover, #content a:link, #content a:visited  {
line-height: 1.7em;
}

#content a:hover {
/*text-decoration: underline;*/
}

#navtrace{
padding: 5px 5px 0 0;
list-style: none;
margin-left: -20px;
}
#navtrace li {
display:inline;
font-size:0.9em;
padding-right: 3px;
}

#content img {
border: 1px solid; 
border-color: #aaa #444 #444 #aaa;
margin: 10px 10px 10px 0;
}

#content ul{	/* teksten */
margin: 0 0 10px 20px;
color: #564b47;
}
#content ul.clean{ /* items */
list-style: none;
margin: 10px 0 0 0;
}
#content li {
padding-bottom: 2px;
font-size:0.9em;
}
#content li.clean {
padding-bottom: 2px;
font-size:0.9em;
/*font-weight:bold;*/
}
#content li a {
color: #564b47;
text-decoration:none;
}
#content li a:hover {
color:#000;
text-decoration:underline;
}



/* -------------- submenu ------------- */
#submenu {
float: left;
width: 180px;
/*margin-top: 10px;*/
/*border-right:1px solid #299da7;*/
font-family: Arial, Helvetica, sans-serif;
/*font-weight:bold;*/
/*text-transform:uppercase;*/
font-size:1.4em;
letter-spacing: 0em;
}

#submenu ul
{
list-style: none;
margin: 35px 10px 50px 20px;
}

#submenu li {
margin-bottom:10px;/* 8px*/
}

#submenu li a {
/*color: #564b47;*/
color: #c0f; /*#9168a1;*/

text-decoration:none;
}
#submenu li a:hover {
text-decoration:underline;
}

/* -----------footer--------------------------- */
#footer {
clear:both;
font-size: 0.9em;
padding: 5px 20px;
text-align:center;
border-top:1px solid #4a1a2c;
margin: 0;
}
#footer a:hover {
text-decoration:underline;
}
#footer ul{
margin: 0;
}
#footer li{
display:inline;
padding: 0px 10px;
}
#footer	a { 
text-decoration: none; 
}

/* ----------------------- picture ------------------------- */
.frost {
background-color:#eee;
text-align:center;
}

img.picture{
background-color:#fff;
border: 1px solid #f0f0f0;
padding:10px;
margin: 10px;
}

/* ----------------------- contact form ------------------------- */
input, textarea {
border:1px solid #299da7;
}

.notification {
color: #9168a1;
font-weight:bold;
}

#contact_address {
float: left;
clear:none;
padding: 5px;
margin-top: 10px;
border: 1px solid #9168a1;
}

#contact_address img {
text-align: center;
margin: 20px 0 0 0;
}


#contact_form {
float: right;
clear:none;
padding: 0 0 30px 20px;
}

#contact_maps {
clear:both;
width: 580px;
border: 1px solid #9168a1;
}