/*===========================================
             COMMONLINE ACADEMY
---------------------------------------------  
Copyright Isabel, effectieve webcommunicatie
         Author: Ardjan van Nuland
===========================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/
html {
	margin: 0px!;
	padding: 0px!;
	height: 90%;
}
body {
	margin: 0px!;
	padding: 0px!;
}
img {
	border: 0;
}
img.left {
	float: left;
}
.pagetype-Page img {
	margin-right: 10px;
	margin-bottom: 5px;
}
.pagetype-CrashCourseOverview img {
	border: 1px solid #666;
}
.pagetype-HomePage img {
	border: 1px solid #666;
}

h1 a:visited, h1 a:link {
	color: #666;
	text-decoration: none;
}
h1 a:hover {
	text-decoration: underline;
}
h2 {
	font-size: 1.3em;
}
h3 {
	font-size: 1em;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/**************************************/
/*              HEADER                */
/**************************************/
#header {
	background-image: url("../img/headerhome.png");
	height: 255px;
}
#headertext {
	padding: 0px 372px 4px 48px;
	width: 530px;
	color: #ffffff;
	height: 200px;
}
#headertext h2 {
	font-weight: normal;
}
#selectcrashcourse {
	padding-top: 15px;
	padding-left: 260px; /* prefix-7 */
	padding-right: 380px; /* suffix-9 */
}
#selectcrashcourse select {
	width: 300px;
}

/**************************************/
/*             NAVIGATION             */
/**************************************/
#mainmenu ul {
	padding: 0px;
	margin: 0px;
}
#mainmenu ul li {
	list-style-type: none;
	float: left;
	padding: 0px;
	margin: 0px;
}
#mainmenu ul li a {
	display: block;
	height: 49px;
	padding: 0px;
	margin: 0px;
}

#mainmenu1 {
	width: 196px;
	background-image: url("../img/mainmenu2_01.png");
}
#mainmenu1:hover, #mainmenu1.current, #mainmenu1.section {
	background-position: 0px 49px;
}
#mainmenu2 {
	width: 134px;
	background-image: url("../img/mainmenu_02.png");
}
#mainmenu2:hover, #mainmenu2.current, #mainmenu2.section {
	background-position: 0px 49px;
}
#mainmenu3 {
	width: 236px;
	background-image: url("../img/mainmenu_03.png");
}
#mainmenu3:hover, #mainmenu3.current, #mainmenu3.section {
	background-position: 0px 49px;
}
#mainmenu4 {
	width: 160px;
	background-image: url("../img/mainmenu_04.png");
}
#mainmenu4:hover, #mainmenu4.current, #mainmenu4.section {
	background-position: 0px 49px;
}
#mainmenu5 {
	width: 224px;
	background-image: url("../img/mainmenu_05.png");
}
#mainmenu5:hover, #mainmenu5.current, #mainmenu5.section {
	background-position: 0px 49px;
}

#metamenu {
	margin-left: 280px;
}
#metamenu ul {
	padding: 0px;
	margin: 0px;
}
#metamenu ul li {
	list-style-type: none;
	float: left;
	padding: 0px;
	margin: 0px;
}
#metamenu ul li a {
	display: block;
	height: 18px;
	padding: 5px 10px 5px 10px;
	margin: 0px;
	background-image: url("../img/metamenu-bg.png");
	color: #ffffff;
	font-style: italic;
	text-decoration: none;
	text-transform: lowercase;
}
#metamenu ul li a:hover, #metamenu ul li a.current, #metamenu ul li a.section {
	text-decoration: underline;
}

/* TABS CRASH COURSES */
#tabs {
	position: relative;
	top: -56px;
}
.tabNavigation {
	padding: 0px;
	margin: 0px 0px 0px 5px !important;
}
.tabNavigation li {
	list-style-type: none;
	float: left;
	padding: 0px;
	margin: 0px;
}
.tabNavigation li a {
	display: block;
	height: 57px;
	padding: 0px;
	margin: 0px;
}

#tabs table {
	float: none;
}
.cctable {
	width: 100%;
	margin-left: 2px;
	margin-right: 5px;
	border: 0;
}
.cctable tr {
	border: 0;
}
.cctable td {
	padding: 2px;
	border: 0;
}
.cctable thead tr td {
	background-color: #ababab;
	color: #ffffff;
}

#btn-inschrijven {
	background-image: url("../img/btn-inschrijven2.png");
	width: 135px;
	height: 12px;
	display: block;
}
#btn-inschrijven:hover {
	background-position: 0px 17px;
}

#tab1 {
	width: 71px;
	background-image: url("../img/crashcoursetabs2_01.png");
	padding-left: -10px;
	margin-left: -10px;
}
#tab1:hover, #tab1.selected {
	background-position: 0px 57px;
}
#tab2 {
	width: 108px;
	background-image: url("../img/crashcoursetabs2_02.png");
}
#tab2:hover, #tab2.selected {
	background-position: 0px 57px;
}
#tab3 {
	width: 150px;
	background-image: url("../img/crashcoursetabs2_03.png");
	
	
	display: none;
}
#tab3:hover, #tab3.selected {
	background-position: 0px 57px;
}
#tab4 {
	width: 93px;
	background-image: url("../img/crashcoursetabs2_04.png");
}
#tab4:hover, #tab4.selected {
	background-position: 0px 57px;
}
#tab5 {
	width: 113px;
	background-image: url("../img/crashcoursetabs3_05.png");
	
	display: none;
}
#tab5:hover, #tab5.selected {
	background-position: 0px 57px;
}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/
#content-top {
	background-image: url("../img/content-top.png");
	height: 8px;
}
#content {
	background-image: url("../img/content-bg.png");
}

#column-left {
	padding-left: 36px;
}
#vlak-tl {
	background-image: url("../img/vlak-tl.png");
	height: 11px;
	width: 11px;
	float: left;
}
#vlak-t {
	background-image: url("../img/vlak-t.png");
	height: 11px;
	width: 528px;
	float: left;
}
#vlak-tr {
	background-image: url("../img/vlak-tr.png");
	height: 11px;
	width: 11px;
	float: left;
}
#vlak-l {
	background-image: url("../img/vlak-l.png");
	height: 100px;
	width: 2px;
	float: left;
}
#l-vlak-bg {
	background-image: url("../img/l-vlak-bg.png");
	float: left;
	width: 530px;
	padding: 0px 10px 0px 10px;
}
#l-vlak-bg h1 {
	font-family: "Georgia, Georgia, serif";
	font-style: normal;
	font-weight: normal;
	font-size: 1.9em;
	margin: 0px;
	padding: 10px 0px 10px 0px;
}
.pagetype-CrashCourse #l-vlak-bg h1 {
	position: relative;
	top: 5px;
}
#l-vlak-bg ul {
	margin-left: 15px;
	padding-left: 0px;
}
#l-vlak-bg li {
	margin-left: 0px;
	padding-left: 0px;
}
#l-vlak-bg iframe {
	position: relative;
	top: -60px;
	left: 480px;
}
#l-vlak-bg table td {
	border: 0px;
}
#vlak-r {
	background-image: url("../img/vlak-r.png");
	width: 2px;
	height: 100px;
	float: left;
}
#vlak-bl {
	background-image: url("../img/vlak-bl.png");
	height: 11px;
	width: 11px;
	float: left;
}
#vlak-b {
	background-image: url("../img/vlak-b.png");
	height: 11px;
	float: left;
	width: 528px;
}
#vlak-br {
	background-image: url("../img/vlak-br.png");
	height: 11px;
	width: 11px;
	float: left;
}
#vlak-left {
	margin-bottom: 30px;
}

#column-right {
	padding-right: 30px;
	padding-left: 10px;
}
#r-vlak-t {
	background-image: url("../img/vlak-t.png");
	height: 11px;
	width: 288px;
	float: left;
}
#r-vlak-bg {
	background-image: url("../img/r-vlak-bg.png");
	width: 290px;
	float: left;
	padding: 0px 10px 0px 10px;
}
#r-vlak-bg h2 {
	font-family: "Georgia, Georgia, serif";
	font-style: normal;
	font-weight: normal;
	font-size: 1.9em;
	margin: 0px;
	padding: 0px;
}
#r-vlak-b {
	background-image: url("../img/vlak-b.png");
	height: 11px;
	float: left;
	width: 288px;
	margin-bottom: 10px;
}

#r-vlak-bg a {
	background-image: none;
	padding: 0px;
}
#r-vlak-bg h2 {
	padding-bottom: 10px;
}
#crashcourseoverview {
	border: 0px;
}
#crashcourseoverview td {
	border: 0px;
}
#crashcourseoverview tr {
	border: 0px;
	margin-top: 10px;
	padding-top: 10px;
}
#crashcourseoverview h3 {
	color: #CB0101;
	font-size: 1.2em;
}
#crashcourseoverview p {
	padding: 0px;
	margin: 0 0 5px 0;
}
#crashcourseoverview h3 {
	margin-top: 0px !important;
	padding-top: 0px !important;
}

#btn-meerinformatie {
	background-image: url("../img/klein-btn-meerinformatie.png");
	height: 12px;
	width: 161px;
	display: block;
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
}
#btn-meerinformatie:hover {
	background-position: 0px 17px;
}
#btn-directinschrijven {
	background-image: url("../img/klein-btn-directinschrijven.png");
	height: 12px;
	width: 165px;
	display: none; /* block */
	float: left;
}
#btn-directinschrijven:hover {
	background-position: 0px 17px;
}

#docenten h4 {
	color: #CB0101;
	font-size: 1.1em;
	padding: 0px;
	margin: 0px;
}
.pagetype-LecturerOverview h4 {
	color: #CB0101;
	font-size: 1.1em;
	padding: 10px 0px 0px 0px;
	margin: 0px;
}

.addthis_button_expanded {
	background-image: none !important;
}

.randomlecturers {
	
}
.randomlecturers #fotos {
	line-height: 0.7;
	margin-top: 10px;
}
.randomlecturers img {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
.randomlecturers a {
	padding: 0px;
	margin: 0px;
}

/* INSCHRIJFPAGINA */
#inschrijven fieldset {
	border: 0px;
}
#inschrijven h3 {
	background-color: #ABABAB;
	color: #ffffff;
	padding: 2px;
}
#inschrijven label {
	width: 150px;
	display: inline-block;
}

#programma h3 {
	background-color: #CB0101;
	color: #ffffff;
	padding: 3px;
}
#programma h4, #inleiding h4 {
	color: #CB0101;
	font-size: 1.2em;
	padding: 0px;
	margin: 0px;
}

#breadcrumbs {
	display: block;
	float: left;
	width: 490px;
}

/* RSS FEEDS */
#feed-control {
	width: 290px;
}

/**************************************/
/*               FOOTER               */
/**************************************/
#footer {
	background-image: url("../img/footer-bg.png");
}
#footer table {
	border: 0px;
	margin-left: 5px;
	margin-right: 6px;
}
#footer td {
	border: 0px;
	vertical-align: top;
	width: 185px;
	padding: 5px 25px 5px 25px;
}
#footer tr {
	border: 0px;
}
#footer h4 a:link, #footer h4 a:visited {
	color: #000000;
	font-size: 0.7em;
	text-decoration: none;
	text-transform: uppercase;
}
#footer h4 a:hover {
	text-decoration: underline;
}
#footer a {
	background-image: none;
	padding: 0px;
}
#footer ul {
	margin: 0px;
	padding: 0px;
}
#footer li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#footer li a:link, #footer li a:visited {
	color: #000000;
	text-decoration: none;
}
#footer li a:hover {
	text-decoration: underline;
}
#footer #meerlink {
	font-style: italic;
	text-transform: lowercase;
}
#footer #footerlinks a:link, #footer #footerlinks a:visited {
	color: #000000;
	text-transform: uppercase;
	padding-right: 30px;
	font-size: 0.8em;
}
#footer #footerlinks a:hover {
	text-decoration: none;
}
#footer #footerrechts a:link, #footer #footerrechts a:visited {
	color: #000000;
	padding-left: 20px;
	font-size: 0.8em;
}
#footer #footerrechts a:hover {
	text-decoration: none;
}
#footerfooter {
	font-size: 0.8em;
}
#footerfooter a:link, #footerfooter a:visited {
	color: #000000;
}
#footerfooter a:hover {
	text-decoration: underline;
}