/* CSS file for the flexi skin
** Daniel Kropveld 2009
*/

body {
  padding: 0;
  margin: 0;
  font: normal 12pt/14pt "Lucida Sans",Arial,Verdana,sans-serif;
  color: #663300;
  background-color: #fffbe6;
}

h1, h2, h3, h4 {
  color: #cd853f;
}

/* Lucida Sans heeft afwijkende vet en cusief */
em {
  font-family: cursive;
  font-weight: normal;
  font-family: Arial,Verdana,sans-serif;
}

strong {
  font-family: normal;
  font-weight: bold;
  font-family: Arial,Verdana,sans-serif;
}

/* het menu */
ul {
  margin-left: 10px;
  padding-left: 10px;
}  

li {
  margin-left: 0;
  padding-left: 0;
}


/* link styles */
a:link{color:#b8860b;background:transparent;text-decoration:none}
a:visited{color:#b8860b;background:transparent;text-decoration:none}
a:hover{color:#663300;background:transparent;text-decoration:none}
a:active,a:focus{color:#336;background:#999;text-decoration:none}

/* link styles voor menu */
#FlexiLeft a:link{color:#330000;background:transparent;text-decoration:none}
#FlexiLeft a:visited{color:#330000;background:transparent;text-decoration:none}
#FlexiLeft a:hover{color:white;background:#330000;text-decoration:none}
#FlexiLeft a:active,a:focus{color:black;background:#999;text-decoration:none}

#FlexiAll { /*for setting e.g. additional Background-image*/
  background-color: #fffbe6;
}

#FlexiTop {
  background-color: #e6dec7;
  margin: 0;
  height: 75px;
  padding: 0;
  padding-right:10px;
/*
  border: 1px solid #bbb;
  background:url(gfx/flexi/FlexiTop.gif) no-repeat;
*/
}

/* Menu Links: 200 px breed */
#FlexiLeft {
  background-color: #e6dec7;
  position: absolute;
  top: 75px;
  left: 0;
  width: 180px;
  padding: 10px;
  font-size: small;
/*
  border: 1px solid #bbb;
  background: url(gfx/flexi/FlexiLeft.gif) no-repeat;
*/
}

#FlexiHeader {
  margin:0;
  margin-left:200px;
  height:20px;
  padding:0;
  padding-right:20px;
/*
  border:1px solid #bbb;
  background:url(gfx/flexi/FlexiHeader.gif) no-repeat;
*/
}

#FlexiTitle {
  background-color: #e6dec7;
  margin: 0;
  margin-left: 200px;
  height: 75px;
  padding: 0;
  padding-right: 20px;
/*
  border: 1px solid #bbb;
  background:url(gfx/flexi/FlexiTitle.gif) no-repeat;
*/
}

#FlexiMain {
  width: 630px; 
  margin: 0;
  margin-left: 200px;
/*  margin-right: 25px; */
  padding: 10px;
/*
  border: 1px solid #bbb;
  background: url(gfx/flexi/FlexiMain.gif) no-repeat;
*/
}

#FlexiFooter {
/*  width:70%; */
  margin:0.5em;
  margin-left:200px;
  height:2em;
  padding:10px;
  font-size: xx-small;
  color: #999966;
/*
  border:1px solid #bbb;
  background:url(gfx/flexi/FlexiFooter.gif) no-repeat;
*/
}

/* Menu Right: 0 breed */
#FlexiRight {
  position: absolute;
  top: 150px;
  left: 79%;
  width: 0;
  height: 100%;
  padding: 10px;
/*
  border:1px solid #bbb;
  background:url(gfx/flexi/FlexiRight.gif) no-repeat;
*/
}

#FlexiBottom {
  margin:0.5em;
  height:2em;
  padding:10px;
/*
  border:1px solid #bbb;
  background:url(gfx/flexi/FlexiBottom.gif) no-repeat;
*/
}

/* De editbox bij bewerken */
textarea#text {
  width: 600px;
  height: 500px;
  border: 1px solid #999999;
  padding: 5px;
  font: normal 10pt "Lucida Sans",Arial,Verdana,sans-serif;
}
/* eof */