/* Snelafstuderen.nl CSS stylesheet 
 *
 * Modified Tim van Werkhoven, 20080924
*/

/* Global style definitions */
body {
	background-color: #EEEEEE;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	line-height:18px;
}
/* h1 is used as title for every page */
h1 {
    color: #0071BB;
    font-size: 18px;
	margin-bottom: 20px;
	margin-top: 5px;
}

/* h2 is (rarely) used for subtitles */
h2 {
    color: #0071BB;
    font-size: 16px;
	margin-bottom: 2px;
}
h3 {
	font-weight: bold;
	font-size:13px;
 
	margin-bottom:  0px;
}
a {
	color: #006DBF;
    text-decoration: none;
}
/* Borders around images are ugly */
a img {
    border: 0px;
}
#ajaxSearch_form{
	margin:	0px;
	padding:0px;
	display:inline;
	border: none;
}

#ajaxSearch_form input[type=submit]
{
	font-weight:	bold;
}

.highlighted
{
	font-weight:	bold;
}
/*************************
           MAIN
**************************/

/* #main is the big block that contains all content, menus, navigation etc */
#main {
    background-color: #FFFFFF;
    text-align: left;
    width: 990px;
    margin-right: auto;
    margin-left: auto;
}

/*************************
        NAVIGATION
**************************/

/* #navigation is used for the main navigation at the top of the website 
   located inside #main */
#navigation {
	font-size: 12px;
	margin-bottom: 25px;
	margin-top: 0px;
}
/* Reset list style */
#navigation ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 0px 35px;
}
/* we pad the navigation <a> tags such that a:hover covers the same area as
  the .active class */
#navigation a {
	color: #333333;
	position: relative;
	width: 100%;
	height: 100%;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}
#navigation a:hover {
	background-color: #006DBF;
	color: #FFFFFF;
}
/* We add a little margin on the right to separate the buttons */
#navigation li {
	float: left;
	padding: 0px;
	margin-right: 20px;
	margin-top: 3px;
}
/* The class .active is used for the active page */
#navigation li.active, #navigation li.active a {
	background-color: #006DBF;
	color: #FFFFFF;
}


/*************************
        CONTENT
**************************/

/* #content contains both the right menu bar as the left content area 
   located inside #main */
#content {
	font-size: 12px;
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 27px;
}
 
/* blockquotes might be used on begeleider pages */
#content blockquote {
    border-left: 3px solid #CCCCCC;
    color: #666666;
    font-style: italic;
    margin-left: 15px;
    padding-left: 5px;
    text-align: justify;
}
#content p {
	margin-top: 0px;
 
}

/*************************
          LEFT 
**************************/

/* #left is used for content, 
   located inside #content inside #main */
#left {
	float: left;
	width: 693px;
	overflow: auto;
	height: 572px;
	padding-right: 20px;
	margin-left: 47px;
}

#left.noscrolling
{
	height: auto;
}


/* no text-decoration for links in headers */
#left h1 a, #left h2 a {
	text-decoration: none;
 
}

#left a, #left a:link, #left a.link, #left.active, #left a.visited
{
	color:	#006DBF;
	text-decoration:	underline;
}

#left a.nolink
{
	color:	#000000;
	text-decoration:	none;
}

#left ul {
	margin-top: 0px;
	padding-top:0px;
	list-style-image: url(img/bullet.gif);
}
#left ul li {
	margin-bottom: 2px;
}
/* explicitly set <a> tags to blue here */
#left ul a {
	color: #006DBF;
	text-decoration:	underline;
}


/*************************
          RIGHT 
**************************/

/* #right is used for the submenu of 'scriptiebegeleiding'
   located inside #content inside #main */
#right {
	float: left;
	font-size: 12px;
	text-align: center;
	margin-left: 0px;
}
#right a {
    color: #006DBF;
 
    font-weight: bold;
}
.extranav{
	text-align:left;
}.extranav ul 
{
list-style-image: url(img/bullet.png);
 
 
}
.extranav a{

text-decoration: underline;
 
}
#right li.active, #right li.active a {
    color: #000000;
    font-weight: bold;
}


#right a:hover {
    text-decoration: underline;
}

/* .info is the contact information on the lower right */
.formtitle {
	width: 187px;
	background-image: url(img/contactform_bg.gif);
	background-position: center;
	background-repeat: no-repeat;
	color: #FFFFFF;
	height: 58px;
	margin: 4px;
}
.info {
	width: 187px;
	background-image: url(img/contact_bg.gif);
	background-position: center;
	background-repeat: no-repeat;
	color: #FFFFFF;
	height: 128px;
	margin: 4px;
}
.info a, .formtitle a {
	color: #FFFFFF !important;
}

.telefoon{
padding-top: 1px;	

 
}
/* .button is the big button at the top of the right menu */
.button {
	text-align: left;
	margin: 4px;
	margin-top: 10px;
	padding-top: 22px;
	background: url(img/button_bg.gif) top left no-repeat;
	width: 150px;
	height: 82px;padding-left: 37px;
	font-size: 16px;
 	color: #FFF;
}

.button a {
	
	color: #FFF !important;
	letter-spacing: 0.04em;
	 font-size: 16px;
}

/*************************
          FOOTER 
**************************/

/* #footer contains some links to meta-info 
   located inside #main */
#footer {
	clear: both;
	font-size: 12px;
	text-align: center;
	padding: 10px;
}
#footer a {
    color: #333333;
    text-decoration: none;
}
#footer a:hover {
    color:#000000;
    text-decoration: underline;
}

/*************************
       FORM STYLES 
**************************/

legend {
	color:#000000;
	margin-bottom:10px;
}
fieldset {
	padding:15px;
	width: 604px;
	border: 1px solid #000;
}
form p {
	margin: 5px 0px;
}
form span {
	margin-left: 10px;
	font-size: 10px;
	font-weight: bold;
	color: red; 
}
label {
    min-width: 120px;
	width:	auto;
    float: left;
}
/*************************
      OVERVIEWTABLE 
**************************/
/* #overviewtable is used at the main page to list keypoints of 
   snelafstuderen.nl */

/* do not indent the lists too much */
#overviewtable ul {
	padding: 0px;
	margin: 0px 0px 0px 20px;
}

/*************************
          TIMETABLE 
**************************/
/* #timetable is used for the timetable shown during registration */
#timetable {
	font-size: 11px;
	width: 500px;
}
#timetable th {
    font-weight: bold;
	background-color: #006DBF;
	color: #FFFFFF;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: left;
}
#timetable .column {
    padding: 3px;
    background-color: #BECBEC;
}
#timetable .coltable {
    width: 100%;
	font-size: 11px;
}
.maillink{
	list-style:url(images/mailicon.png);
}
/* .note is not used anymore? */
.note {
    color: #81B9DE;
	font-size: 10px;
}

/* @group tabel voordelen */



.leftbx4{
float: left;position: absolute;
}

.leftbx5{
	margin-left: 85px;
float: left;position: absolute;
	
}.leftbx6{
	margin-left: 245px;
float: left;position: absolute;
}

.roundtopgr3 { 
	background: url(images/gr2tr.gif) no-repeat top right; 
}

.roundbottomgr3 {
	background: url(images/gr2br.gif) no-repeat top right; 
}
.leftbx4db{
float: left;position: absolute;
}
.roundgr1 {
	width: 155px;
	background-color: #BECBED;
	color: #000;	
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
}


.roundgr2 {
	width: 155px;
	background-color: #C6C6C6;
	color: #666;	
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
.roundcontgr3 {
	width: 155px;
	background-color: #5F5F5F;
	color: #fff;	
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 15px;
	font-weight: bold;
}

.roundcontgr3 p {
	margin: 0 10px;
}

.roundtopgr { 
	background: url(images/grtr.gif) no-repeat top right; 
}

.roundbottomgr {
	background: url(images/grbr.gif) no-repeat top right; 
}
.roundgr1 p {
	margin: 0 10px;
}
.roundgr2 p {
	margin: 0 10px;
}
.leftbx5db{
	margin-left: 85px;
float: left;position: absolute;	
}.leftbx6db{
	margin-left: 245px;
float: left;position: absolute;
	
}



.roundcontlbvordeel {
	width: 80px;
	background-color: #BECBED;
	color: #000;
 	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	 }


.roundcontlbvordeel p {
	margin: 0 10px;
	padding-left: 5px;
 
}
.roundcontdboff {
	width: 70px;	 
	background-color: #fff;
	color: #fff;
	font-weight: bold;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
}
.roundcontgr1{
	width: 155px;
	font-weight: bold;
	background-color: #006DBF;
	color: #fff;	
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 15px;
	letter-spacing: 0.03em;
}
.roundcontgr1 p {
	margin: 0 10px;
}
.roundcontgr2 {
	width: 200px;
	font-weight: bold;
	background-color: #006DBF;
	color: #fff;	
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
}
.roundcontgr2 p {
	margin: 0 10px;
}
/* @end */
.searchTerms{
	display: none;
}
/* @group Tabel */

/* @group donker blauw */

/* box1 en 3 - grote */

.roundcontdb {
	width: 150px;	 
	background-color: #006DBF;
	color: #fff;
	font-weight: bold;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
}

.roundcontdb p {
	margin: 0 10px;
}

/* middel lichtbluebox */

.roundcontdb1 {
	width: 330px;
	font-weight: bold;
	background-color: #006DBF;
	color: #fff;	
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
}

.roundcontdb1 p {
	margin: 0 10px;
}

/* end */
.roundcont {
	width: 150px;
	background-color: #BECBED;
	color: #000;

	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
}
.roundtopdb { 
	background: url(images/dbtr.gif) no-repeat top right; 
}

.roundbottomdb {
	background: url(images/dbbr.gif) no-repeat top right; 
}

img.corner {
   width: 10px;
   height: 10px;
   border: none;
   display: block !important;
}

/* positie blokken */

.leftbx1db{
float: left;position: absolute;
}

.leftbx2db{
	margin-left: 155px;
float: left;position: absolute;	
}.leftbx3db{
	margin-left: 490px;
float: left;position: absolute;
	
}
/* end */


#tablebegeleiding{
	position: relative;
}
/* @end */

/* @group licht blauw */

#dbblok{
	width: 100%;
	height: 40px;
	margin-top: 10px;
	margin-bottom:  5px;
	position: relative;

}
#lbblok1{
	width: 100%;
	height: 58px;
	margin-bottom:  5px;
	position: relative;
margin-bottom:5px;
}
#lbblok2{ 
	width: 100%;
	height: 58px;
	margin-bottom:  5px;
	position: relative;
	margin-bottom:  5px;
}
#lbblok{
	width: 100%;
	height: 100px;
	margin-bottom:  5px;
	position: relative;
} 
/* box1 en 3 - grote */

.roundcont {
	width: 150px;
	background-color: #BECBED;
	color: #000;

	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
}

.roundcont p {
	margin: 0 10px;
}

/* middel lichtbluebox */

.roundcont1 {
	width: 330px;
	background-color: #BECBED;
	color: #000;	
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
}

.roundcont1 p {
	margin: 0 10px;
}

/* end */

.roundtop { 
	background: url(images/lbtr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(images/lbbr.gif) no-repeat top right; 
}

img.corner {
   width: 10px;
   height: 10px;
   border: none;
   display: block !important;
}

/* positie blokken */

.leftbx1{
float: left;position: absolute;
}

.leftbx2{
	margin-left: 155px;
float: left;position: absolute;
	
}.leftbx3{
	margin-left: 490px;
float: left;position: absolute;}

/* end */
.donkergrijs{
		background-color: #666; padding: 5px;
color: #fff; font-size: 13px; text-align: left;
}
.lichtgrijs{padding: 5px;
	background-color: #ccc;color: #000;
} 
.donkerblauw{
		background-color: #006DBF; padding: 5px;
color: #fff; font-size: 13px; text-align: left;
} 
.donkerblauw1{
		background-color: #006DBF; padding: 5px;
color: #fff; font-size: 13px; text-align: center; font-weight: bold;
}
.lichtblauw{padding: 5px;
	background-color: #BECBED;
} 





#search fieldset
{
	padding:	0px; 
	margin:		0px;
	border:		0px solid #000;
	top:		-20px;
	position:	relative;
	width:		auto;
}

#search label
{
	width:			auto;
	min-width:		inherit;
}

#search
{
	width:			auto;
	position:		absolute;
 	margin-left:	765px;
	top:			27px;
}

#ajaxSearch_input
{
	width: 140px;
}
#search-txt{
	font-size: 13px;
	padding-right: 5px;
	float: left;
	  color: #006DBF;
}





#languages
{
	width:			90px;
	position:		absolute;
 	margin-left:	670px;
	top:			27px;
	text-align:		right;
}