body {margin: 0; padding: 0; background: #d9fdfb url('../img-sys/background.jpg') top center no-repeat; color: #FFFFFF; font-size: 0.75em}
body, input, select, textarea {font-family: sans-serif;}
 

form {margin: 0; padding: 0;}

.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}

.toleft {float: left}

.clear {clear: both;}
.noshow {display: none;}

/* Headers and paragraphs */
h1, h2, h3, h4, h5, h6 {margin: 0 0 1em 0; color: #FFF;}
h1 {font-size: 2em;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.1em;}
h4 {font-size: 1em;}
h5 {font-size: 0.9em;}
h6 {font-size: 0.8em;}

p {margin: 0; padding: 0 0 0.4em 0;}
img {border: 0;}
/* link */
a {color: #FFF; text-decoration: underline;}
a:hover {text-decoration: none;}
a span { cursor: pointer; }

.cufon {font-size: 1.1em; font-weight: bold;}
.maybe-cufon {font-size: 1em; font-weight: bold; font-family: "Gill Sans MT", Arial, sans-serif;}
.maybe-cufon-bold {font-size: 1.1em; font-weight: bold; font-family: "Gill Sans MT", Arial Black, sans-serif;}


/* list */
ul, ol {margin: 10px 0; padding: 0 20px;}
ul ul, ul ol, ol ul {margin: 0;}
li {margin-left: 35px; padding: 2px 0;}
ul li {list-style: square;}
ol li {list-style: decimal;}
.no-bullets li {margin-left: 0; list-style: none;}

/* Code and such */
pre {line-height: 1; padding: 10px; margin: 10px 0; font-family: monospace; border: 1px solid #000; background: #f8faff; font-size: 1em; white-space: normal; _width: 570px; _overflow: auto; display: block; }
code {font-family: monospace; font-weight: bold; }
acronym {border-bottom: 1px dotted black; cursor: help;}


#cms_container {width: 1024px; margin: 0 auto;}

#cms_header {height: 127px; background: url('../img-sys/woman-men.gif') 611px 16px no-repeat}
#cms_header h1 {position: relative; top: 28px; left: 32px; background: url('../img-sys/logo.png') no-repeat; _background: url('../img-sys/logo.gif') no-repeat; height: 64px; padding: 0; margin: 0; width: 563px;}
#cms_header h1 a {display: block; height: 64px; width: 563px;}

#cms_navigation {position: relative; height: 77px;}
#cms_navigation ul, #cms_navigation li {margin: 0; padding: 0; list-style-type: none;}
#cms_navigation ul {padding: 0 0 0 32px;}
#cms_navigation li {display: inline;}
#cms_navigation li a {display: block; font-size: 1.3em; font-weight: bold; padding: 15px 0 0 0; float: left; width: 139px; height: 29px; text-align: center; margin: 0 1px 0 0; color: #FFF; text-decoration: none;
position: relative;}
#cms_navigation li div {display: none; position: absolute; top: 44px; left: 0; height: 33px; width: 1024px; z-index: 1;}
#cms_navigation li.act div, #cms_navigation li.active div {display: block;}
#cms_navigation li.act div {z-index: 100;}
#cms_navigation .menuitem1 a, #cms_navigation .menuitem1 a:hover {background: url('../img-sys/li-red.gif') top left no-repeat}
#cms_navigation .menuitem1 div {background: url('../img-sys/li-div-red.gif') top left no-repeat}
#cms_navigation .menuitem2 a, #cms_navigation .menuitem2 a:hover {background: url('../img-sys/li-orange.gif') top left no-repeat}
#cms_navigation .menuitem2 div {background: url('../img-sys/li-div-orange.gif') top left no-repeat}
#cms_navigation .menuitem3 a, #cms_navigation .menuitem3 a:hover {background: url('../img-sys/li-brown.gif') top left no-repeat}
#cms_navigation .menuitem3 div {background: url('../img-sys/li-div-brown.gif') top left no-repeat}
#cms_navigation .menuitem4 a, #cms_navigation .menuitem4 a:hover {background: url('../img-sys/li-green.gif') top left no-repeat}
#cms_navigation .menuitem4 div {background: url('../img-sys/li-div-green.gif') top left no-repeat}
#cms_navigation .menuitem5 a, #cms_navigation .menuitem5 a:hover {background: url('../img-sys/li-blue.gif') top left no-repeat}
#cms_navigation .menuitem5 div {background: url('../img-sys/li-div-blue.gif') top left no-repeat}
#cms_navigation .menuitem6 a, #cms_navigation .menuitem6 a:hover {background: url('../img-sys/li-purple.gif') top left no-repeat}
#cms_navigation .menuitem6 div {background: url('../img-sys/li-div-purple.gif') top left no-repeat}

#cms_content {background: url('../img-sys/background-content.gif') top left repeat-y;}
#cms_content .content-in {background: url('../img-sys/background-content-in.gif') top left no-repeat;}
#cms_content .content-in-in {background: url('../img-sys/background-content-in-in.gif') bottom left no-repeat; line-height: 1.4em; position: relative; height: 1%;}
#cms_content .content-in-in .initiatief {position: absolute; bottom: 5px; left: 47px;}
#cms_content .content-in-in .steun {position: absolute; bottom: 5px; left: 316px;}
#cms_content .content-in-in .search {position: absolute; bottom: 78px; left: 297px; outline: none;}
#cms_content .content-in-in .logo {position: absolute; bottom: 57px; left: 39px; outline: none;}

h1 {height: 25px; margin: 0; padding: 15px 33px 0 46px; font-size: 1.25em; text-transform: uppercase;}

#left-content {width: 391px; float: left; background: url('../img-sys/woman-men-big.gif') top left no-repeat; 
position: relative; margin: 0 0 0 32px; padding: 18px 13px 18px 13px; overflow: hidden; _display: inline;}

.height {min-height: 543px;}
.height {height: expression(this.scrollHeight < 580? "579px" : "auto" ); overflow: visible;}

.heightlogo {min-height: 400px !important; padding-bottom: 143px !important;}
.heightlogo {height: expression(this.scrollHeight < 437? "436px" : "auto" ) !important; overflow: visible;}



#right-content {width: 483px; float: right; margin: 0 33px 32px 33px; padding: 18px 13px; position: relative;}
#right-content a {color: #23c8f4; text-decoration: none;}
#right-content a:hover {text-decoration: underline;}

#left-content img, #right-content img {margin: 0.5em;}


#cms_foot {height: 117px;}
#cms_foot .sponzorship {width: 419px; height: 59px; float: left; padding: 3px 0 0 0; margin: 0 0 0 32px; background: url('../img-sys/background-sponzorship.gif') top left no-repeat; _display: inline;}
#cms_foot .sponzorship a {display: block; float: left; height: 53px; outline: none; _display: inline;}
#cms_foot .sponzorship a.vok {background: url('../img-sys/ico-vok.gif') top left no-repeat; width: 55px; margin: 0 0 0 15px;}
#cms_foot .sponzorship a.fzovl {background: url('../img-sys/ico-fzovl.gif') top left no-repeat; width: 74px; margin: 0 0 0 14px;}
#cms_foot .sponzorship a.masereelfonds {background: url('../img-sys/ico-masereelfonds.gif') top left no-repeat; width: 32px; margin: 0 0 0 20px;}
#cms_foot .sponzorship a.cdf {background: url('../img-sys/ico-cdf.gif') top left no-repeat; width: 61px; margin: 0 0 0 21px;}
#cms_foot .sponzorship a.vlaamse {background: url('../img-sys/ico-vlaamse.gif') top left no-repeat; width: 61px; margin: 0 0 0 50px;}
#cms_foot p {float: right; margin: 7px 46px 0 0; _display: inline}
#cms_foot p, #cms_foot a {color: #22c8f4; font-weight: normal;}


/* new */

textarea {font-size: 1em}

input, textarea, select, a.checkbox {
  vertical-align: middle;
  color: #fff;
  border-width: 1px;
  border-color: #fff; 
  border-style: outset solid solid outset; 
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: transparent;
}

#left-content textarea {
  width: 100%;
  height: 80px;
  overflow: hidden;
  overflow-y: hidden;
  overflow-x: hidden; 
}

select option {
  background: #2c3030;
}

dl dd {
  margin: 0;
}

dl dt {
  margin-bottom: 10px;
}

.error {
  color: red;
}

#cms_content .content-in-in h1 { float: left}
#cms_content .content-in-in .logged { float: right; margin-right: 10px}

#profile-pages {
  margin-bottom: 15px;  
}

#profile-pages a span {
  float: right;
  padding: 3px 8px;
  margin: 5px;
  border: 1px solid #fff; 
}
#profile-pages a.page-active {  
  color: #5e8a9b;
}
#profile-pages a.page-active span {
  border-color: #5e8a9b;
  color: #5e8a9b;
}
.hidden {
  display: none;
}

a.checkbox {
  text-decoration: none;
  display: block; 
  outline: none;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;  
} 

#form-profile table.expertise {padding: 0; margin: 0 0 10px 0;}   
#form-profile table.expertise .cell {vertical-align: middle;}   
#form-profile table.expertise .cell a {
  width: 29px;
  height: 29px;
  line-height: 29px;
  margin-right: 5px;
} 


/*
span.checkbox {
  display: block;
  _display: inline-block;
  padding: 5px 10px;
  background: none;
}
*/

.fullwidth {
  width: 100%;
}

div.import {
  margin-bottom: 20px;
}