/*****************************************
  elements.css (Stylesheet by One Shoe)
*****************************************/

*{
  font-family: Arial, Verdana;
  font-size: 12px;
}

a{
  text-decoration: none;
  color: #33cc00;
}

a:hover{
  text-decoration: underline;
  color: #33cc00;
}

h1{
  font-size: 20px;
  font-weight: bold;
  color: black;
  margin-bottom: 10px;
}

h2{
  font-size: 18px;
  font-weight: bold;
  color: black;
  margin-bottom: 10px;
}

sup{
  font-size: 9px;
}

.deltion h2{
  color: white;
}

.breadcrumbs a:hover{
  color: black;
}

.black .overview_studies li a:hover,
.black .overview_studies li.active a{
  background-color: #000000;
}

.jongeren_opleiding .black table tbody tr:hover td,
.jongeren_opleiding .black table tbody tr:hover td .title,
.purple .content_center h1{
  color: #000000;
}



.purple .overview_studies li a:hover,
.purple .overview_studies li.active a{
  background-color: #680071;
}
.jongeren_opleiding .purple table tbody tr:hover td,
.jongeren_opleiding .purple table tbody tr:hover td .title,
.purple .content_center h1{
  color: #680071;
}


.yellow .overview_studies li a:hover,
.yellow .overview_studies li.active a{
  background-color: #ffc400;
}
.jongeren_opleiding .yellow table tbody tr:hover td,
.jongeren_opleiding .yellow table tbody tr:hover td .title,
.yellow .content_center h1{
  color: #ffc400;
}
 
.red .overview_studies li a:hover,
.red .overview_studies li.active a{
  background-color: #fb0000;
} 
.jongeren_opleiding .red table tbody tr:hover td,
.jongeren_opleiding .red table tbody tr:hover td .title,
.red .content_center h1{
  color: #fb0000;
}

.pink .overview_studies li a:hover,
.pink .overview_studies li.active a{
  background-color: #fd006b;
} 
.jongeren_opleiding .pink table tbody tr:hover td,
.jongeren_opleiding .pink  table tbody tr:hover td .title,
.pink .content_center h1{
  color: #fd006b;
}

.brown .overview_studies li a:hover,
.brown .overview_studies li.active a{
  background-color: #a47d53;
} 
.jongeren_opleiding .brown  table tbody tr:hover td,
.jongeren_opleiding .brown  table tbody tr:hover td .title,
.brown .content_center h1{
  color: #a47d53;
}

.blue .overview_studies li a:hover,
.blue .overview_studies li.active a{
  background-color: #0076cd;
} 
.jongeren_opleiding .blue table tbody tr:hover td,
.jongeren_opleiding .blue table tbody tr:hover td .title,
.blue .content_center h1{
  color: #0076cd;
}

.orange .overview_studies li a:hover,
.orange .overview_studies li.active a{
  background-color: #ff7a00;
} 
.jongeren_opleiding .orange table tbody tr:hover td,
.jongeren_opleiding .orange table tbody tr:hover td .title,
.orange .content_center h1{
  color: #ff7a00;
}

.green .overview_studies li a:hover,
.green .overview_studies li.active a{
  background-color: #01cc34;
} 
.jongeren_opleiding .green table tbody tr:hover td,
.jongeren_opleiding .green table tbody tr:hover td .title,
.green .content_center h1{
  color: #01cc34;
}

h3{
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 10px;
}

h4{
  font-size: 12px;
  font-weight: bold;
  color: black;
}

h4 .orange{
  font-weight: normal;
  color: #ff7a00;
}

p{
  margin-bottom: 10px;
}

em{
  color: #4b4a4a;
  font-weight: bold;
  font-style: italic;
  margin-bottom: 0px;
}

.title{
  font-weight: bold;
}

#sub_nav a,
#main_nav a{
  color: #8b8b8b;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}

#sub_nav a{
  font-size: 14px;
  color: #4b4a4a;
}

.links a{
  background-image: url('../images/arrows_readmore.png');
  background-repeat: no-repeat;
  background-position: right 4px;
  padding-right: 13px;
  color: #ff6800;
}

.block .block_item{
  margin-bottom: 3px;
}

.block .block_item .date{
  color: #ff6800;
  display: block;
  font-weight: normal;
}

.block .block_item .title a{
  font-weight: bold;
  font-size: 14px;
  color: white;
}

.block .special h2{
  font-size: 28px;
  text-transform: none;
  color: white;
}

.block .special{
  font-size: 17.5px;
  font-weight: bold;
}
  
.block .special .orange{
  color: #ff6800;
  font-size: 17.5px;
  font-weight: bold;
}

.block .signup a{
  font-size: 20px;

  font-weight: bold;
  color: white;
}

.center_menu li a{
  font-size: 20px;
  font-weight: bold;
  color: #4b4a4a;
}

.center_menu li.active a,
.center_menu li:hover a{
  text-decoration: none;
  color: white;
}

.center_menu li.active li:hover a,
.center_menu li.active li.active a{
  text-decoration: none;
  color: #ea8c44;
}

.center_menu li.active ul li {
  background-color: white;
}

.center_menu li.active ul li a{
  margin-bottom: 4px;
  margin-top: 4px;
  display: block;
  color: black;
  font-size:20px;
  font-weight:bold;
}

.center_menu li.active ul li.active{
  color: #ea8c44;
}

.content_center{
  line-height: 17px;
}

/**
 *  Page specific colors
 */
.content_center .overview_studies li{
  list-style: none;
}

.overview_studies li a{
  text-decoration: none;
  font-weight: bold;
  color: black;
}

.overview_studies li a:hover,
.overview_studies li.active a{
  background-color: #ff007a;
  text-decoration: none;
  padding-right: 5px;
  color: white;
}

/* POPUP */
.col h3 a{
  text-transform: uppercase;
  font-weight: bold ;
  font-size: 12px;
  color: white;
  width: 219px;
  height: 16px;
  padding-left: 5px;
  padding-top: 1px;
  margin-bottom: 4px;
  margin-top: 17px;
}

.col h3 a{
  width: inherit;
}

.col a{
  display: block;
  color: black;
  text-decoration: none;
}

.col a:hover{
  text-decoration: none;
}

.col li a:hover{
  color: white;
  font-weight: normal;
}

.col .yellow li:hover,
.col .yellow h3 a{
  background-color: #ffc400;
}

.col .orange li:hover,
.col .orange h3 a{
  background-color: #ff7a00;
}

.col .blue li:hover,
.col .blue h3 a{
  background-color: #0082d9;
}

.col .brown li:hover,
.col .brown h3 a{
  background-color: #9e714a;
}

.col .pink li:hover,
.col .pink h3 a{
  color: white;
  background-color: #fd006b;
}

.col .purple li:hover,
.col .purple h3 a{
  background-color: #680071;
}

.col .black li:hover,
.col .black h3 a{
  background-color: #000000;
}

.col .red li:hover,
.col .red h3 a{
  background-color: #fb0000;
}

.col .green li:hover,
.col .green h3 a{
  background-color: #01cc34;
}

.actions a{
  background-color: #8b8b8b;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10px;
  color: white;
  
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 2px;
  padding-bottom: 2px; 
  margin-top: 2px;
}

.actions a:hover{
  background-color: #ff007a;
  color: black;
}

.breadcrumbs{
  color: #8b8b8b;
  margin-bottom: 10px;
}

.breadcrumbs a{
  color: #8b8b8b;
  text-decoration: underline;
}

.deltion .content_center{
  color: white;
}

.deltion h1{
  color: #ff7300;
}

.news .content_center table .date{
  font-size: 12px;
}