/*

	All the non-default styles unique to this site.
	-----------------------------------------------

	@file 		style.css
	@version 	1.0
	@author 	Rommert van der Marel

	Copyright (c) 2011 Verdel ICT & Media


*/

/********************************************************************************************************
 * General
********************************************************************************************************/





h1{ font-size: 28px; line-height: 30px; margin-bottom:20px;}
h1 a{display: block;}
h1 a img{display: block;}

.main { background: #fff; margin:0;}
.breadcrumb{margin-bottom: 1em;}


.temp{  padding:10px 24px; width:430px; font-size: 13px; position: absolute;z-index:3; top:60px; right:0px; background:#fff; color: red; border: solid 1px red; }

#login{  padding:10px 24px; width:430px; position: absolute;z-index:3; top:50px; right:0px; background:#F3F3F3; }

#login p{ font-size:11px; margin:3px 0 3px 0; } 

#login a{ color:#3b3b3b; }

/* ZOEK IN CURSUSSEN */

.custom ul { padding: 20px; }
.custom li { list-style-type:  disc;  }

/* top login */


.newsletter { clear: both; margin-top: 30px; }
.notification { font-weight: bold; padding: 5px; background: #F3F3F3; border: solid 1px #EDEDED; }




/* highlight boxes */
.highlight{ margin-bottom:30px; width:100%; overflow:hidden;}
.highlight h2{ color:#28ad4a; border-bottom:solid 1px #E0E0E0; padding-bottom:5px;}

 .highlight.horizontal ul li{ width:135px; height: 270px;  float:left; margin-right:24px; overflow: hidden; }
 .highlight.horizontal ul li img{ padding:4px; border:solid 1px #EAEAEA; margin-bottom:5px; }
 .highlight.horizontal ul li img:hover, .highlight.two-rows ul li img:hover, .sidebar-right .block.list ul li img:hover{border:solid 1px #cdcdcd;}
 
 .highlight.horizontal ul.rows-1 li { }
 .highlight.horizontal ul.rows-2 li { width:290px;  margin-right:35px;}
 .highlight.horizontal ul.rows-3 li {  width:185px;  margin-right:30px;}

 
 .highlight.two-rows ul li{ width:280px; float:left; padding-top:12px; margin-right:46px; height:100px; background:url(/template/img/borderline.gif) repeat-x bottom left; }
 .highlight.two-rows ul li.noborder{ background:none;}
 .highlight.two-rows ul li.nopadding{ padding-top:0;}
 .highlight.two-rows ul li img{ padding:4px; border:solid 1px #EAEAEA; width:115px; margin:0 16px 5px 0;  float:left;}
 
 .highlight h3{ color:#666; font-size:15px; line-height: 18px; margin-bottom: 4px; font-weight: normal;}
 .highlight p{  color:#333; font-size: 11px;}
 
 .highlight .many-times-viewed{ color:#6D6D6D;}
 .highlight ul li.last{margin:0!important;}
 
 .star{ height: 17px; width:14px;display: block; margin-right:2px; float:left; background:url(../img/rank_stars.gif) no-repeat; }
  .star.not-active{ background-position: 0 -16px ;}






/********************************************************************************************************
 * Body
********************************************************************************************************/



.body a{ color:#28ad4a; }
.body a:hover{ color:#000; }

.breadcrumb{ margin-bottom:12px;}

.col-2-right{ }
.col-2-right .block{ margin-bottom:16px; }


/*general*/
.sidebar-right .block.list{  overflow: hidden;  padding-bottom:10px;}
 .sidebar-right .block.list h3{ background:#f3f3f3; color:#666; border-bottom:solid 1px #ededed; font-weight: normal; line-height:25px; font-size:14px; padding:0 12px;  }
  .sidebar-right .block.list ul{ margin:4px 0;}
  .sidebar-right .block.list ul li{ background: url(/template/img/borderline.gif) bottom left repeat-x; padding:10px 2px 12px 3px; height: 75px; }
   .sidebar-right .block.list ul li img{ width:68px; float:right; margin-left:17px; border:1px solid #EAEAEA; padding:2px;}
  .sidebar-right .block.list ul li.last{ background: none;}
  .sidebar-right .block.list h4{ margin:0; font-size:12px;}
 .sidebar-right .block.list.news p{ font-size:11px; margin:0; width: 280px; margin-left: 48px; min-height: 35px;}

.newsletter .uniForm{ padding-top:10px; }
.newsletter .uniForm .buttonHolder  {margin:0;}
.newsletter .uniForm .buttonHolder .button  {float:left;}
.newsletter #message{ margin-left:12px; color:#000; font-size:11px;}


/*news*/
.sidebar-right .block.news .date{ color:#d1d2d4; text-transform: uppercase; font-size:15px; width:40px; float:left; text-align: center; font-weight: bolder; margin-right:8px; }
.sidebar-right .block.news h4 a{ color:#28ad4a; }
.sidebar-right .block.news h4 a:hover{ color:#000; }

 .col-2-right .content{ width:615px; margin-bottom: 20px;  padding-right:375px;float:left; }
  .col-2-right .sidebar-right { width: 335px; float:right;  margin-left:-375px;}
  
  .holder { width: 615px; overflow: hidden;  }



.leader{ font-size:14px; line-height: 22px; /* background:#F4F4F4; padding:14px; */ margin-bottom:20px; color:#5a5a5a;}
.leader p{ margin:0 0 22px 0; } 


.content-image{ float:left; margin:0 20px 5px 0; padding:4px; border:1px solid #EAEAEA;}

.content.page ul li{ list-style: disc; margin-left:15px;}
.page .course-list li{ margin-left:0!important; list-style: none;}

/*courses*/
#video-container{ }


.course-list{ overflow:hidden; margin:20px 0 0 0; padding-top:20px; 	 }
 .course-list li{border-bottom:solid 1px #EAEAEA; margin-bottom:14px; padding-bottom:14px; overflow: hidden;}
.course-list li img{float:left; padding:4px;border:1px solid #EAEAEA; margin-right:20px; background-color:#fff;} 
 .course-list li h2{ font-size:15px; margin:0; }
 .course-list li .intro{ font-size:13px; margin:0; line-height: 18px;}
 .course-list li p{ margin:0; }



/*
.price{ font-size: 18px; font-weight: bold; color:#28ad4a; float: left;}
.credits {    float: right; margin-right: 260px; margin-top: 7px; }
.remark{ font-size:11px; margin-left: 8px; color:#007051;}
*/

#nieuwsbrief input{ width:300px; }


/* actions */

.playa{ position:relative;}

.call-to-action-block{ width:95%; overflow:hidden; margin:30px 0;}
.call-to-action-container{ background:#F9F9F9; padding:20px; }

.call-to-action-container .button{ margin-right: 20px;}

.button-street div{ width:230px; float:left; }
.button-street p{ margin-bottom: 8px; font-size: 11px; color:#007051;}

/*form*/

#form-container{ margin-top:22px;  }
.js .hidden{ display:none; }

#register-container{ background:#f9f9f9; margin-top:22px; padding-top:22px; }
#register-container .holder{ padding:16px 16px 0 16px;} 
#register-container .holder h3{font-size:16px;} 

#registrate-form{ padding:0;}
#registreer{margin-top:13px; }



/********************************************************************************************************
 * ZOEKEN
********************************************************************************************************/
#content_zoek			{ width: 640px;}
#content_zoek{ overflow:hidden; margin:20px 0 0 0; padding-top:20px; 	 }
#content_zoek li{border-bottom:solid 1px #EAEAEA; margin-bottom:14px; padding-bottom:14px; overflow: hidden;}
#content_zoek li img{float:left; padding:4px;border:1px solid #EAEAEA; margin-right:20px; background-color:#fff;} 
#content_zoek li h2{ font-size:15px; margin:0; }
#content_zoek li .intro{ font-size:13px; margin:0; line-height: 18px;}
#content_zoek li p{ margin:0; }


#cursus_search 			{ width: 620px; background-color: #F9F9F9; }
.cursus_search_titel 	{ background:#f3f3f3; color:#666; border-bottom:solid 1px #ededed; font-weight: normal; line-height:25px; font-size:14px; padding:0 12px;  }
#cursus_search p		{ padding: 10px;}
#cursus_search .submit	{ background: none repeat scroll 0 0 #28AD4A; border: 1px solid #28AD4A; color: #FFFFFF; display: inline-block;}
#cursus_search input	{    background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #AAAAAA; padding: 5px 3px;}
 
 
 /*general*/
 
 .success{ color:#28ad4a;}
 .overflow{ width:100%; overflow: hidden; }
 
.button, .button:visited { line-height: 1; background: #28ad4a; border: 1px solid #28ad4a; font-size: 12px; font-weight: bold; color: #fff; display: inline-block;}



.xsmall.button, .xsmall.button:visited { font-size: 11px; font-weight: normal; padding:1px 5px;}
.button, .button:visited, .medium.button, .medium.button:visited 	{ font-size: 13px;  font-weight: bold; line-height: 1; }
.large.button, .large.button:visited { 	padding: 10px 18px; font-size:15px; color:#fff;}
.super.button, .super.button:visited 			{ 	padding: 12px 22px; font-size:16px; color:#fff;}

.button:hover{ color:#fff!important;background: #65b62c; border: 1px solid #65b62c; text-decoration: none; }

 .button:active{ position: relative; top: 1px; }