/* Start of CMSMS style sheet 'cvoww_stijlblad' */
* {
margin: 0;
padding: 0;
}

html {
overflow-y: scroll;
height: 100%; margin-bottom: 1px;
}

body {
margin: 0 auto;
padding: 0;
font: 76% Verdana,Tahoma,Arial,sans-serif;
background: #f4f4f4 url(uploads/images/achtergrond.gif) top center repeat-y;
}

#container {
background: #ffffff;
color: #303030;
margin: 0 auto;
width: 960px;
border-left: solid 1px #cccccb;
border-right: solid 1px #cccccb;
position: relative;
}

/* instellingen header */
#header {
clear: both;
margin: 0 0 0 0;
padding: 0;
height: 122px;
background: #eaeaea url(uploads/images/banner.png) no-repeat;
border-bottom: solid 1px #51a529;
}

#header .clickable {
position: absolute;
top: 0;
left: 0;
width: 300px;
height: 100px;
}

#header .clickable span {
visibility: hidden;
}

/* instellingen broodkruimels*/
#broodkruimels {
clear: both;
font-size: 0.9em;
margin: 0;
padding: 2px 0 0 5px;
height: 10px;
}

/* instellingen navigatie */
#menu_vert {
clear: left;
float: left;
width: 160px;
margin: 10px 0 10px 5px;
padding: 0;
}

/* instellingen nieuws */
#nieuws {
clear: left;
float: left;
margin: 10px 0 10px 5px;
padding: 25px 10px 5px 10px;
width: 140px;
color: #505050;
background-color: #f4f4f4;
background: #f4f4f4 url(uploads/images/tab_nieuws.gif) no-repeat 0 0;
border: solid 1px #e4e4e4;
line-height: 1.3em;
}

/* instellingen elo en intranet */
#links {
clear: left;
float: left;
margin: 10px 0 10px 5px;
padding: 20px 10px 5px 10px;
width: 140px;
background: #f4f4f4 url(uploads/images/tab_links.gif) no-repeat 0 0;
border: solid 1px #e4e4e4;
line-height: 1.5em;
}

#links a {
display: block;
font-size: 0.9em;
color: #505050;
text-decoration: none;
}

#links a:hover {
color: #7ec05f;
}

/* instellingen kwaliteitslabel */
#kwaliteitslabel {
clear:left;
float:left;
margin: 10px 0 10px 5px;
padding: 0 10px 10px 10px;
width:140px;
}

/* instellingen sidebar */
#sidebar {
position: absolute; /* relative positioned against #container */
top: 110px; /* height of #header */
right: 0;
width: 135px;
margin: 10px 0 10px 0;
padding: 0;
font-size: 0.9em;
line-height: 1.5em;
}

/* instellingen inhoud */
#content {
margin: 10px 145px 20px 175px;
padding: 0 10px 0 10px;
line-height: 1.6em;
text-align: justify;
}

#content h1 {
font-size: 1.5em;
color: #51a529;
margin: 0 0 0.6em 0;
}

#content h2 {
color: #51a529;
font-size: 1.2em;
margin: 0.6em 0 0.6em 0;
}

#content h3 {
color: #51a529;
font-size: 1em;
margin: 0.5em 0 0.5em 0;
}

#content p {
margin: 0.4em 0 0.4em 0;
}

#content ul {
list-style: square;
margin: 0.4em 10px 0.6em 25px;
padding: 0;
}

#content ul ul {
list-style: disc;
}

#content ul ul ul {
list-style: circle;
}

#content img {
padding: 1px;
display:inline;
background: #cccccc;
border: 4px solid #f0f0f0;
}

#content fieldset {
border: solid 1px #cccccb;
margin: 1em 0;
padding: 0 0.8em;
}

#content legend {
color: #51a529;
font-size: 1em;
font-weight: bold;

}

#content .titel_anders {
font-size: 1.3em;
font-weight: bold;
color: #a4a5a7;
margin-top: 1em;
}

.kader {
background-color: #f4f4f4;
border: solid 1px #cccccc;
margin-bottom: 0.8em;
padding: 0 0.5em;
}

/* instellingen footer */
#footer {
clear: both;
margin: 0 auto;
padding: 10px 0 20px 0;
border-top: 4px solid #f0f0f0;
width: 960px;
text-align: center;
color: #808080;
font-size: 0.9em;
}

/* algemene instellingen */
a {
text-decoration: none;
color: #7ec05f;
}

a:hover {
text-decoration: underline;
color: #7ec05f;
}

a img {
border: 0;
}

.verberg {
display: none;
}

/* instellingen cvo in de kijker contentgedeelte */
.afbeeldinglinks {
float: left;
margin-right: 10px;
}

/* instellingen voor tabs */
#page_tabs  {
overflow: hidden;
}

#page_tabs div  {
color: #000000;
font-size: 1.1em;
background-color: #f4f4f4;
text-align: center;
float: left;
margin-right: 5px;
padding-right: 8px;
padding-left: 8px;
cursor: pointer;
border-top: solid 1px #cccccb;
border-right: solid 1px #cccccb;
border-left: solid 1px #cccccb;
}

#page_tabs div:hover, #page_tabs div.cssHover  {
background-color: #7ec05f;
}

#page_content  {
padding: 10px 7px 0 7px;
border-top: solid 1px #cccccb;
}

#page_tabs div.active  {
background-color: #7ec05f;
}

/* tabellen */
table {
width: 99%; /* 99 instead of 100, because troubles in IE6 */
background-color: #f4f4f4;
border: solid 1px #cccccc;
border-collapse: collapse;
text-align: left;
}

table thead {
background-color: #7ec05f;
}

table th {
text-align: left;
}

table tbody {
border-top: 0;
}

table td, table th {
padding: 2px 5px;
border-bottom: solid 1px #7ec05f;
}

table tr.odd {
background-color: #e4e4e4;
}

table tbody tr:hover {
background-color: #ccc;
}

.locatie_tabel .kolom1 {
width: 15%;
}

.locatie_tabel .kolom2 {
width: 20%;
}

.locatie_tabel .kolom4 {
width: 15%;
}

.locatie_tabel .kolom5 {
width: 15%;
}

.vakantieregeling .kolom1 {
width: 42%;
}

.zoektabel .kolom1 {
width: 13%;
}

.zoektabel .kolom2 {
width: 17%;
}

.zoektabel .kolom5 {
width: 15%;
}

/* formulieren */
.knop {
background-color: #0091ff;
border: solid 1px #cccccb;
color: #f4f4f4;
}

form.cursussenbeheer fieldset {
padding: 5px;
margin-bottom: 10px;
}

form.cursussenbeheer dt, form.cursussenbeheer label, form.cursussenbeheer span.rbt_label {
display: block;
float: left;
width: 10em;
text-align: right;
}

form.cursussenbeheer dd, form.cursussenbeheer input, form.cursussenbeheer select {
margin-left: 1em;
margin-bottom: 0.5em;
font-size: 1em;
padding: 0 1px;
}

form.cursussenbeheer dd {
font-weight: bold;
padding-left: 10em;
}

form.cursussenbeheer input {
width: 20em;
}

form.cursussenbeheer select {
width: 22em;
}

form.cursussenbeheer select option {
padding: 0 0.2em;
}

form.cursussenbeheer input.submit {
width: auto;
margin: 0;
display: block;
}

form.cursussenbeheer input.inline_submit {
width: auto;
margin-left: 0.5em;
display: block;
}

form.cursussenbeheer ul.errors {
color: #f00;
}

form.cursussenbeheer ul.successes {
color: #ffa319;
}

form.cursussenbeheer span.form_info {
margin-left: 11em;
display: block;
margin-bottom: 5px;
}

form.cursussenbeheer .rbtlist label {
display: inline;
float: none;
margin: 0;
margin-right: 1em;
}

form.cursussenbeheer .rbtlist input {
display: inline;
width: auto;
margin: 0;
margin-left: 1em;
}
/* End of 'cvoww_stijlblad' */

/* Start of CMSMS style sheet 'cvoww_menu' */
#menu_vert ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 1.1em;
}

#menu_vert li {
background: #f4f4f4;
margin: 5px 0;
border-left: 5px solid #51a529;
border-right: 1px dashed #cccccb;
padding-left: 6px;
line-height: 1.6;
font-weight: bold;
border-bottom: 1px solid #f4f4f4; /* fixes whitespace in IE6 */
}

#menu_vert a {
color: #505050;
display: block;
}

#menu_vert a:hover {
color: #7ec05f;
text-decoration: none;
}

#menu_vert li li {
font-size: 0.7em;
border: 0;
margin: 0;
font-weight: bold;
border-bottom: 1px solid #f4f4f4; /* fixes whitespace in IE6 */
}

#menu_vert li li a {
font-weight: normal;
}

#menu_vert li li a.activeparent {
color: #000;
font-weight: bold;
}

#sidebar ul {
list-style: none;
margin: 10px 5px 0 0;
font-size: 1em;
background-color: #f4f4f4;
border-top: dashed 1px #cccccb;
border-right: dashed 1px #cccccb;
border-left: dashed 1px #cccccb;
padding: 0;
}

#sidebar li {
margin: 0;
padding: 1px 0 1px 6px;
font-weight: bold;
border-bottom: dashed 1px #cccccb;
}

#sidebar a {
color: #505050;
font-weight: normal;
display: block;
}

#sidebar a:hover {
color: #51a529;
text-decoration: none;
}

#sidebar li:hover {
background-color: #e4e4e4;
}

#footer ul {
list-style: none;
margin: 0 0 1em 0;
padding: 0;
}

#footer li {
display: inline;
margin: 0;
padding: 1px 0;
padding-left: 8px;
}

#footer a {
color: #505050;
text-decoration: none;
}

#footer a:hover {
color: #7ec05f;
}

#broodkruimels a {
color: #808080;
text-decoration: none;
}

#broodkruimels a:hover {
color: #000;
text-decoration: none;
}
/* End of 'cvoww_menu' */

/* Start of CMSMS style sheet 'cvoww_news' */
div#news {
  margin: 2em 0 1em 1em;  /* margin for the entire div surrounding the news list */
  border: 1px solid #000; 
  background: #FFE9AF;
}

div#news h2 {
   line-height: 2em;
   background: #fff;
}

.NewsSummary {
    padding: 0 0 4px 0; /* padding for the news article summary */
    margin: 0 0 10px 0; /* margin to the bottom of the news article summary */
    /*border-bottom: 1px solid #ccc;*/
}

.NewsSummary a {
text-decoration: none;
color: #7ec05f;
}

.NewsSummary a:hover {
text-decoration: underline;
color: #7ec05f;
}


.NewsSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
 }

.NewsSummaryLink {
    font-weight: bold;
    padding-top: 0.2em;
    clear: both;
}

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
 }

.NewsSummaryMorelink {
  padding-top: 0.5em;
}

#NewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 5px;
  font-weight: bold;
  }

#NewsPostDetailSummary {
   line-height: 150%;
   }

#NewsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailAuthor {

  padding-bottom: 1.5em;
  font-style: italic;
}


/* to add specific style to the below divs, uncomment them. */

/* 
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/
/* End of 'cvoww_news' */

