/*
Theme Name: InterCollege
Theme URI: http://www.intercollege.nl
Version: 1.0
Author: Rein Aris
Author URI: http://www.reinaris.nl
*/



/* Begin Typography & Colors */
BODY {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #fff;
	line-height: 19px;
	background: url(images/bg-body.gif) repeat-x left top;
}
IMG {
	border: 0px;
}
.clear {
	clear: both;
}	
.fleft {
	float: left;
}
A {
	border: 0;
	color: #0036ff;
}
#outer {
	width: 920px;
	margin: 0 auto;
}
#header {
	height: 101px;	
}
#headerlogo {
	padding: 21px 0 0 0;
	float: left;
}
#headerright {
	float: right;
	text-align: right;
	padding: 21px 0 0 0;
	font-size: 11px;
	color: #3e90ce;
	width: 300px;
}
#headerright img {
	margin: -5px 0 0 16px;	
}
#headerlogo h1 {
	padding: 0;
	margin: 0;
}
#menu {
	width: 920px;
	height: 34px;
}
#menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#menu ul li {
	float: left;
}
#menu ul li a {
	display: block;
	float: left;
	padding: 7px 12px 0 12px;
	height: 27px;
	color: #e7e7e7;
	text-decoration: none;
	font-weight: bold;
}
#menu ul li.current_page_item {

}
#menu ul li.current_page_item a, #menu ul li.current_page_parent a {
	background-color: #bfded4;
	color: #1a6a64;
}
#menu ul li.current_page_item a:hover {
	color: #1a6a64;	
}
#menu ul li:hover {
}
#menu ul li:hover a {

}
#menu ul li ul {
	display: none;
	position: relative;
	margin-top: 34px;
	padding: 0;
	z-index: 100;
	border-top: 1px solid #999;
	width: 0px;
	height: 0px;
	clear: both;
}
#menu ul li ul li {
	display: block;
	float: none;
	padding: 0;
	margin: 0;
	z-index: 100;
}
#menu ul li ul li.current_page_item {
	border: none;
}
#menu ul li ul li a {
	display: block;
	float: none;
	padding: 3px 12px 0px 12px;
	height: 23px;
	text-transform: none;
	color: #fff;
	text-decoration: none;
	background-color: #414141;
	font-size: 12px;
	min-width: 170px;
	border-bottom: 1px solid #999;
}
#menu ul li ul li a:hover {
	background-color: #bfded4;
	color: #000;
}
#menu ul li.current_page_item ul li a {
	border-bottom: 1px solid #999;
	background-color: #414141;
	color: #e7e7e7;	
}
#menu ul li.current_page_item ul li a:hover {
	background-color: #bfded4;
	color: #000;
}	
#menu ul li ul li.current_page_item a {
	border-bottom: 1px solid #999;
	background-color: #bfded4;
	color: #000;
}
#menu ul li:hover ul {
	display: block;	
}
.page {
	margin-top: 31px;
}
#home {
	
}
#homeleft {
	width: 688px;
	float: left;
	overflow: hidden;
}
#homeleft #intro {
	width: 225px;
	height: 242px;
	float: left;
	background: url(images/bg-opendagen.jpg) no-repeat left top;
	position: relative;
}
#homeleft #intro .schrijfjein {
	margin: 80px 0 0 195px;
	position: absolute;
}
#homeleft #intro .text {
	margin: 19px 0 0 17px;
	width: 192px;
	text-align: center;
	color: #fff;
}
#homeleft #intro .text p {
	margin: 10px 0 7px 0;
	padding: 0;	
}
#homeleft #intro .text p strong {
	font-size: 14px;
}
#homeleft #intro a {
	display: block;
	width: 91px;
	float: left;
	padding: 3px 0 3px 0;
	margin: 0;
	background: #fff;
	color: #005953;
	font-weight: bold;
	text-align: center;
}
#homeleft #intro a:hover {
	color: #000;
}
#homeleft #intro ul {
	margin: 10px 0 10px 0;
	padding: 0;
	font-size: 12px;
	color: #005953;
	position: absolute;
	top: 162px;
	width: 225px;
	left: 18px;
}
#homeleft #intro ul li {
	padding: 0;
	margin: 0 5px 5px 0;
	float: left;
	list-style: none;
	background: none;
}
#homeleft #intro strong {
	display: block;
	padding: 0 10px 5px 5px;
	width: 150px;
	margin: 0 auto;
}
#homeleft #intro h3 {
	color: #fff;
	font-size: 30px;
	margin: 1px 0 4px 0;
	padding: 1px 0 8px 0;	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
}
#homeleft #intro h5 {
	color: #fff;
	font-size: 28px;
	margin: 1px 0 14px 0;
	padding: 0;	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
}
#homeleft #intro h6 {
	color: #CCC;
	font-size: 15px;
	margin: 6px 0 1px 0;
	padding: 0 0 4px 0;	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#homeleft #movie {
	text-align: right;
	padding-right: 24px;
	margin-top: -30px;
	padding-top: 30px;
	z-index: 1;
	width: 439px;
	float: left;
}
#photos {
	width: 439px;
	height: 220px;
	overflow: hidden;
}
#photos img {
	margin-left: 39px;	
}
#homeright {
	width: 231px;
	float: left;
}
#homeright .socialmedia {
	height: 40px;
	text-align: center;
}
#homeright .socialmedia img {
	margin: 0 5px 0 5px;	
}
#homeright .contact-opnemen {
	width: 231px;
	height: 44px;
	display: block;
	background: url(images/but-contact-opnemen.png) no-repeat left top;
	padding: 21px 0 0 14px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin-top: -11px;
}
#submenu .contact {
	background-color:#FFFFFF;
	border-left:1px solid #B7B7B7;
	border-right:1px solid #B7B7B7;
	padding:14px 14px 0 14px;
	width: 201px;
	overflow: hidden;
}
#submenu .contact-opnemen {
	width: 231px;
	height: 44px;
	display: block;
	background: url(images/sub-contact-opnemen.png) no-repeat left top;
	padding: 17px 0 0 14px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#homeright #submenu {
	float: none;
}
#submenu {
	width: 231px;
	background: url(images/sidebar-top.png) no-repeat left top;
	padding: 12px 0 0 0;
	float: left;
	margin-bottom: 15px;
}
#submenu .current_page_item {
	font-weight: bold;
	color: #000;
}
#submenu .text {
	border-left: 1px solid #b7b7b7;
	border-right: 1px solid #b7b7b7;
	background-color: #fff;
	padding: 0 14px 0 14px;
	width: 201px;
	overflow: hidden;
}
#submenu .actie-text {
	border-left: 1px solid #b7b7b7;
	border-right: 1px solid #b7b7b7;
	padding: 14px 0 14px 0;
	background: #fff;
}
#submenu .actie-text .text {
	background-color: #dfeee9;
	padding: 14px;
	color: #005953;
	border: none;
	line-height: 22px;
}
#submenu .actie-text .text h4 {
	font-size: 12px;
	padding: 0;
	margin: 0;
}
#submenu .actie-text .text a {
	display: block;	
}
#submenu .text h5 {
	padding: 0 0 5px 0;
	margin: 0;
	border-bottom: 1px solid #005953;
	color: #005953;
	font-weight: bold;
	font-size: 12px;
}
#submenu .text h5.black {
	color: #005953;	
}
#submenu ul li {
	padding: 7px 0 7px 14px;
	border-bottom: 1px solid #dedede;
	background-image: url(images/li-submenu.gif);
}
#submenu ul li a {
	text-decoration: none;
	color: #585858;
}
#submenu ul li a:hover {
	color: #000;	
}
#submenu ul li ul {
	padding: 7px 0 0 0;
	margin: 0 0 -7px -14px;
}
#submenu ul li ul li {
	padding: 7px 0 7px 28px;
	border-top: 1px solid #dedede;
	border-bottom: none;
	background-image: url(images/li-li-submenu.gif);
}
#submenu .current_page_item ul li {
	font-weight: normal;
}	
#submenu h5.nieuws {
	margin-top: 15px;	
	color: #3e90ce;	
	border-color: #3e90ce;
}
#page #submenu h5.nieuws {
	margin-top: 0;
	padding-top: 15px;
}
#page #submenu .news {
	padding-bottom: 15px;	
}
#submenu .item h2  {
	padding: 7px 0 7px 0;
	margin: 0;
	font-size: 12px;
	border-bottom: 1px solid #dedede;
	font-weight: normal;
}
#submenu .item h2 a {
	text-decoration: none;
	color: #585858;
}
.page ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.page ul li {
	background: url(images/li.gif) no-repeat left top;
	padding: 0 0 0 14px;
}
.page ul.downloadList li {
	padding: 5px 50px 5px 10px;
	border: 1px solid #CCC;
	margin: 0 0 10px 0;
	background: url(images/download.png) no-repeat 97% 45% #fff;
}
.page ul.downloadList a {
	display: block;
	text-decoration: none;
	color: #666;
}
.page ul.downloadList a strong {
	color: #000;	
}
.blocks3 {
	padding-top: 20px;
	padding-bottom: 15px;
}
.blocks3 .block {
	width: 186px;
	height: 172px;
	float: left;
	color: #005953;
	border-bottom: 3px solid #005953;
	background: url(images/bg-3boxes-home.gif) repeat-x left bottom;
	margin-right: 11px;
	padding: 14px;
	position: relative;
}
.blocks3 .block a {
	position: absolute;
	bottom: 10px;
}
.blocks3 .block h3 {
	text-shadow:1px 1px 2px #fff;
}
.page .blocks3 .block ul {
	padding: 0 0 0 14px;	
}
.page .blocks3 .block ul li {
	list-style: square;
	background-image: none;
	padding: 0;
}
.blocks3 .block .links {
	margin-top: 15px;	
}
.blocks3 .block .links a {
	color: #000;	
}
#footer {
	border-top: 1px solid #dedede;
	color: #999;
	margin-top: 10px;
}
#footer .right {
	float: right;
}	
#footer a {
	color: #999;	
}
#pagecontent {
	width: 657px;
	float: left;
	padding: 0 0 20px 31px;
	min-height: 250px;
	overflow: hidden;
}
/* CONTACT FORMS */
#locatie-form {
	background-color: #dfeee9;
	padding: 10px;
	vertical-align: top;
	width: 637px;
	margin-bottom: 10px;
}
#locatie-form table {
	margin: 0;
	padding: 0;
}
#locatie-form table td {
	padding: 2px 0 2px 0;
	vertical-align: top;
}
#locatie-form input {
	width: 220px;
	height: 18px;
	font-size: 12px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}
#locatie-form input.error {
	font-size: 12px;
	color: #000;
	margin-right: 5px;
}
.block { 
	display: block; 
}
form.cmxform label.error { 
	display: none; 
}	
.error {
	color: red;
}
#locatie-form .checkbox input, #locatie-form .radiobutton input {
	width: auto;
	margin: 2px 5px 0 0;
	float: left;
}
.checkbox {
	width: auto;
	margin: 2px 5px 0 0;
	float: left;
}
#locatie-form .radiobutton {
	padding-left: 18px;	
}
#locatie-form textarea {
	width: 300px;
	height: 120px;
}
#locatie-form .button input {
	background-color: #005953;
	border: 2px solid #dfeee9;
	color: #fff;
	font-weight: bold;
	padding: 2px;
	cursor: pointer;
	width: auto;
	height: auto;
}
h1 {
	font-size: 24px;	
}
#pagecontent h1 {
	margin-top: 5px;
	color: #005953;
	font-size: 23px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0;
	text-shadow:2px 1px 2px #ccc;
	line-height: 27px;
}
#pagecontent h2 {
	color: #005953;
	font-size: 17px;
	border-bottom: 1px solid #005953;
	padding: 10px 0 6px 0;
	margin: 10px 0 10px 0;
}
#pagecontent h1.blue {
	margin-top: 5px;
	color: #fff;
	background: #005953;
	font-size: 18px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	text-shadow: none;
	line-height: 27px;
	margin: 15px 0 0 0;
	padding: 1px 10px 2px 10px
}
#pagecontent .ngg-galleryoverview {
	padding: 0;
	margin: 0;
}
#pagecontent .ngg-galleryoverview .ngg-gallery-thumbnail img {
	margin: 0;
	padding: 2px;
}
h3 {
	color: #005953;
	font-size: 14px;
}
#pageimage {
	width: 658px;
	height: 180px;
	overflow: hidden;
	margin-bottom: 15px;
}

#pageimage .rounded {
	width: 658px;
	height: 186px;
	background: url(images/pageimage.png) no-repeat left top;
	z-index: 50;
	position: absolute;
	margin: 0;
}
#pageimage img {

}
.medewerkers {
	
}
.medewerkers .person {
	width: 328px;
	float: left;
	height: 130px;
}
.medewerkers .person .photo {
	width: 100px;
	float: left;
}
.medewerkers .person .desc {
	width: 228px;
	float: left;
	padding-top: 10px;
}
.medewerkers .person .desc p {
	padding: 0;
	margin: 0;
}
.alignright {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}
.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}
.navigation {
	margin-top: 20px;	
}
blockquote {
	font-size: 13px;
	font-style: italic;
	padding: 0 15px 0 15px;
	color:#005953;
	margin: 0;
	text-shadow:2px 1px 2px #ccc;
}
.downl-header a {
	float: right;	
}
.clusters td {
	vertical-align: top;
	
}
.clusters .cluster {
	width: 315px;
	float: left;
}
.clusters .clusterfirst {
	margin-right: 27px;	
}
.clusters .cluster h3 {
	border-bottom: 1px solid #005953;
	padding-bottom: 6px;
	color: #000;
	margin-bottom: 0;
	font-size: 17px;
	font-weight: bold;
	text-transform:uppercase;
	padding-left: 4px;
}
.clusters .cluster table {
	margin-bottom: 15px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.clusters .cluster td.first {
	width: 100px;
	background-color: #F4F4F4;
	padding: 2px 0 2px 4px;
}
.clusters .cluster td {
	border-bottom: 1px solid #ccc;
	padding: 2px 0 2px 4px;
	vertical-align: top;
}

.organisatie {
	
}
.organisatie .item {
	width: 147px;
	float: left;
	margin-right: 23px;
	text-align: center;
	font-weight: bold;
}
.organisatie .text .item {
	font-weight: normal;
}
.organisatie .item img {
	margin-bottom: 5px;	
}
.organisatie .last {
	margin-right: 0;	
}
.organisatie .greenbar {
	background: url(images/bg-organigram-green.png) no-repeat left top;
	color: #fff;
	text-align: center;
	padding: 10px 20px 10px 20px;
	margin: 10px 0 10px 0;
	font-weight: bold;
}
#pagecontent  .organisatie .greenbar h2 {
	border: none;
	color: #fff;
	margin: 0 0 8px 0;
	padding: 0;
}

.organisatie .greybar {
	background: url(images/bg-organigram-grey.png) no-repeat left top;	
	color: #fff;
	text-align: center;
	padding: 10px 20px 10px 20px;
	margin: 10px 0 10px 0;
}
#pagecontent .organisatie .greybar h2 {
	border: none;
	color: #fff;
	margin: 0 0 8px 0;
	padding: 0;
}
.weekrooster table {
	margin-bottom: 15px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.weekrooster td {
	border-bottom: 1px solid #ccc;
	padding: 2px 0 2px 4px;
	vertical-align: top;
}
.weekrooster td.first {
	background-color: #F4F4F4;
	padding: 2px 0 2px 4px;
}
.weekrooster h3 {
	border-bottom: 1px solid #005953;
	padding-bottom: 6px;
	color: #000;
	margin-bottom: 0;
	font-size: 17px;
	font-weight: bold;
	text-transform:uppercase;
	padding-left: 4px;
}
.alumni-info {
	border-bottom: 1px solid #CCC;	
}
.alumni-info a {
	color: #000;	
}
.alumni-info .text {
	float: left;
	width: 446px;
}
.alumni-info .text h1 {
	margin-bottom: 5px;
}
.alumni-info .text h4 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
}
.alumni-info .photo {
	float: left;
	width: 211px;
	margin-bottom: 10px;
	overflow: hidden;
}
.alumni-info td {
	padding: 5px 0 5px 0;	
}
#faq h3 {
	margin: 0 0 10px 0;
	padding: 0;
}
.single-faq {
	margin-top: 20px;
	border-top: 1px solid #ccc;
	padding-top: 20px;
}
#faq li {
	font-weight: normal;
	margin-top: 3px;
	padding-bottom: 3px;
	cursor: pointer;
	color: #005953;
}
#faq a {
	color: #000;
}
#faq a:hover {
	color: #005953;	
}
#vakgroep {
	clear: both;
	border-bottom: 1px solid #CCC;
	min-height: 145px;
	margin-bottom: 15px;
	padding-bottom: 20px;
}
#opendag6maart {
	width: 665px;
	height: 244px;
	background: url(images/opendag6maart.jpg) no-repeat left top;
	position: relative;
}
#opendag6maart .items {
	margin: 110px 0 0 313px;
	width: 321px;
	height: 76px;
	float: left;
}
#opendag6maart .text {
	margin: 20px 0 0 313px;
	float: left;
	text-align: center;
	width: 321px;
}
#opendag6maart .items a {
	display: block;
	float: left;
	width: 154px;
	height: 27px;
	margin: 0 13px 13px 0;
	text-align: center;
	font-size: 18px;
	color: #fff;
	text-decoration: underline;
	padding: 5px 0 0 0;
}
#opendag6maart .items a.last {
	margin-right: 0;
}
#opendag6maart .movielink {
	position: absolute;
	top: 0;
	left: 0;
	margin: 155px 0 0 10px;
}
#submenu ul li a.logout {
	color: blue;
	text-decoration: underline;
}
#downloads {
	
}
#downloads .block {
	background: #fff;
	border: 1px solid #b2d3d6;
	min-height: 200px;
}
#downloads .first {
	
}
#downloads .block h3 {
	padding: 10px 0 5px 0;
	margin: 0 10px 8px 10px;
	border-bottom: 1px solid #005953;
	font-size: 16px;
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#downloads .block .empty {
	padding: 5px 10px 5px 10px;	
}
#submenu .block .empty {
	padding: 5px 10px 5px 0;	
}
#mededelingen-locatie {
	margin-bottom: 20px;
}
#downloads ul.downloadList li {
	border: none;
	padding: 5px 10px 5px 36px;
	margin: 0 0 10px 0;
	background: url(images/download.png) no-repeat 9px 50% #f2f2f2;
}
#downloads ul.downloadList a {
	display: block;
	text-decoration: none;
	color: #666;
}
#downloads ul.downloadList a:hover {
	color: #000;	
}
#downloads .mededelingen h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	margin: 10px 0 5px 0;
	padding: 0;
}
#downloads .mededelingen strong a {
	color: #000;
	text-decoration: none;
}
#downloads .mededelingen p {
	margin: 0;
	padding: 0;
}
#downloads .mededelingen .item {
	margin: 0 0 10px 0;	
}
#downloads .mededelingen .item a {
	color: #000;	
}
#downloads .mededelingen-algemeen {
	margin: 0 0 17px 0;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}
#downloads #foldercoaching, #downloads #folderkwaliteit {
	padding: 5px 10px 5px 36px;
	margin: 0 0 10px 0;
	cursor: pointer;
	background: url(images/icon-folder.png) 9px 50% no-repeat #fcfaef;
}
#downloads #downloadscoaching, #downloads #downloadskwaliteit {
	display: none;
	padding: 5px 10px 5px 36px;
	margin: -10px 0 8px 0;
	background: #fcfaef;
}
#downloads a.folderlink {
	color: #000;
	text-decoration: none;
}
#downloads #downloadscoaching .empty, #downloads #downloadskwaliteit .empty {
	padding-left: 0;	
}
#downloads #downloadscoaching a, #downloads #downloadskwaliteit a {
	color: #000;
}
.grey {
	color: #666;	
}
.greenbutton {
	background-color: #005953;
	border: 2px solid #dfeee9;
	color: #fff;
	font-weight: bold;
	padding: 2px;
	cursor: pointer;
	width: auto;
	height: auto;
	margin: 4px 0 0 0;
}
#downloads-klas-left {
	width: 231px;
	float: left;
	margin-bottom: 15px;
}
#downloads-klas-left #submenu {
	float: none;
}
#downloads-klas-left #submenu #downloads .block {
	border: none;
}
#downloads-klas-left #submenu #downloads ul.downloadList li {
	margin-bottom: 4px;
	background-position: 4px;
	padding-left: 29px;
}

h4 {
	margin-bottom: 0;
}

/* CONTACT FORMS */
#adwords-form {
	background-color: #e1f6ff;
	padding: 6px 10px 6px 10px;
	vertical-align: top;
	width: 637px;
	margin-bottom: 10px;
}
#adwords-form table {
	margin: 0;
	padding: 0;
}
#adwords-form table td {
	padding: 2px 0 2px 0;
	vertical-align: top;
}
#adwords-form input {
	width: 220px;
	height: 18px;
	font-size: 12px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}
#adwords-form input.error {
	font-size: 12px;
	color: #000;
	margin-right: 5px;
}
#adwords-form input.checkbox , #locatie-form .radiobutton input {
	width: auto;
	margin: 2px 5px 0 0;
	float: left;
}
#adwords-form .radiobutton {
	padding-left: 18px;	
}
#adwords-form textarea {
	width: 300px;
	height: 120px;
}
#adwords-form .button input {
	background-color: #005953;
	border: 2px solid #005953;
	color: #fff;
	font-weight: bold;
	padding: 2px;
	cursor: pointer;
	width: auto;
	height: auto;
}
#miniform {
	float: right;
	width: 313px;
	margin-bottom: 20px;
	margin-left: 20px;	
}
#miniform .text {
	padding: 10px;
	border: 1px solid #005953;
	margin-bottom: 10px;
	background: #cfe5e4;
}
#miniform h2 {
	padding: 0;
	margin: 0 0 8px 0;
	border: 0;
	font-size: 20px;
	color: #000;
	line-height: 24px;
}
#miniform p {
	padding: 0;
	margin: 0;	
}
#miniform h3 {
	padding: 0;
	margin: 8px 0 0 0;
	border: 0;
	color: #005953;
	text-transform:uppercase;
}
#miniform td {
	color: #005953;	
}
#miniform input,#miniform textarea {
	margin: 1px 0 1px 0;
	width: 155px;
}
#miniform input.button {
	width: auto;
	background: #005953;
	border: 1px solid #005953;
	font-weight: bold;
	color: #fff;
	margin: 1px 0 0 0;
	cursor: pointer;
}
ol {
	margin-top: 2px;
}
.mf-onnormalpage {
	margin-top: 6px;
}