/* ----------------------------------------------------
   Project: 	.ahk.nl
   Subject: 	general CSS plus  yellow color definitions

   (C) 2008 Netklaar, Amsterdam
   ---------------------------------------------------- */

div#topmenu ul#nav.cssnav {
	line-height:120%;
	position:relative;
	z-index:99;
}

#topmenu {
	margin-top:20px;
}

div.internet #topmenu {
	margin-top:0px;
}

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%; /* Required */
}

body
{
	text-align: center;
	padding-bottom: 50px;
}

ul{
	list-style-type:none;
}

a
{
	text-decoration:none;
}

p,div,#col2 ul,#col2 ul li,#col2 ol,#col2 ol li,div.vak p.bodytext
{
	line-height:20px;
}

p
{
	margin-bottom:10px;
}

#outline
{
	position: relative;
	margin: 0 auto 0 auto;
	width: 770px;
	text-align: left;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	line-height: 170%;
	background-color: #FFF;
	height:120px;
}

#col1
{
	float: left;
	width: 241px;
	position: relative;
}

#outline.home #col1 {
	width:370px;
}

#outline.main #col1 {
	width:174px;
}


#col2 {
	float:left;
	width:500px;
	margin: 42px 0 22px 22px;
	padding-bottom:50px;
}

#outline.home #col2 {
	width:370px;
}

#outline.main #col2 {
	width:375px;
}

#col2 a,
#col2 a:visited,
#col3 a,
#col3 a:visited
{
	color: #0000ff;
	font-weight:none;
	border-bottom: 0;
}

#col2 a:hover,
#col3 a:hover
{
	color:#000;
	text-decoration: underline;
}

#col3
{
	float:left;
	width:500px;
	margin: 22px 0 22px 22px;
}

#outline.main #col3 {
	width:170px;
	margin: 42px 0 22px 22px;
}

#col2 div.csc-header h1
{
	font-size:14px;
	font-weight:bold;
	margin: 0 0 15px 0;
}

#col3 h1
{
	font-size:14px;
	line-height: 150%;
	font-weight: bold;
	margin-bottom:10px;
}

#col2 h2
{
	margin-bottom:10px;
	font-size: 14px;
	font-weight: bold;
}

#col2 ul
{
	margin: 0 15px 15px 15px;
	list-style:disc;
}

#col2 .htmlarea ul
{
	margin: 0 0 0 0;
	list-style-type: none;
}

#col3 ul
{
	margin: 0px 0 10px 15px;
	list-style-type: disc;
}

#col2 ol
{
	margin: 0 15px 15px 35px;
}

#col3 ol
{
	margin: 0px 0 10px 25px;
}

#col3 p {
line-height: normal;
}

div.clearboth
{
	clear:both;
}

div.bolletjes
{
	clear:both;
	background:transparent url('/fileadmin/images/ahk/algemeen/bolletje-ahk.png') repeat scroll 0 0;
	margin-bottom:10px;
}


/* TOP */
#row1
{
	height: 60px;
	padding-top: 1em;
	position: relative;
	width: 770px;
	background-color: #FFF;
}

div.internet #row1
{
	height: 40px;
	padding-top: 0;
}

#row1 .jaar
{
	position:absolute;
	bottom:25px;
	right:0;
}

.jaar h1 {
	font-size:20px;
}

.jaar h1 span {
	font-size:32px;
}


#row2 {
	background:transparent url('/fileadmin/images/ahk/algemeen/bolletje-ahk.png') repeat scroll 0 0;
	height:15px;
}

.internet #row2 {
	height:34px;
}


#row3 {
	height:15px;
	position:relative;
}

#row4 {
	height:15px;
}


/*START NIEUWE MENU*/

#generalmenu
{
	padding-top:38px;
	position: relative;
	left: 0;
	margin: 0;
/*	height: 261px;
	border-bottom: 4px #FFF solid;*/
}

#guidemenu
{
	padding-top:20px;
	position: relative;
	left: 0;
	margin: 0;
}

#mainmenu
{
	width:100%;
}

ul.css_left_nav_level2 li a
{
	font-weight:bold;
	text-transform: lowercase;
}

ul.css_left_nav_level2 li ul.css_left_nav_level3 li a
{
	font-weight: normal;
	background-color: transparent;
}

li.navList2_submenu a.navList2_submenu
{
	font-weight:normal;
	color: #FFDC00;
}

div#col1 ul
{
	list-style-type: none;
	padding-left: 10px;
}

.internet div#col1 ul {
	padding-left:0px;
}

div#col1 ul li ul
{
	list-style-type: none;
	padding-left: 1px;
}

div#col1 ul li ul li ul
{
	list-style-type: none;
	padding-left: 13px;
}

#col1 ul.css_left_nav_level2 li.css_left_nav_selected,
#col1 ul.css_left_nav_level2 li.css_left_nav_selected_submenu
{
	background-image: url('/fileadmin/images/ahk/algemeen/li-bolletje-1-ahk-trans.gif');
	background-repeat: no-repeat;
}

#col1 ul.css_left_nav_level3 li.css_left_nav_selected,
#col1 ul.css_left_nav_level3 li.css_left_nav_selected_submenu
{
	background-image:url('/fileadmin/images/ahk/algemeen/li-bolletje-2-ahk-trans.gif');
	background-repeat: no-repeat;
}

#col1 ul.css_left_nav_level4 li.css_left_nav_selected,
#col1 ul.css_left_nav_level4 li.css_left_nav_selected_submenu
{
	background-image:url('/fileadmin/images/ahk/algemeen/li-bolletje-3-ahk-trans.gif');
	background-repeat: no-repeat;
}

#col1 ul.css_left_nav_level5 li.css_left_nav_selected,
#col1 ul.css_left_nav_level5 li.css_left_nav_selected_submenu
{
	background-image:url('/fileadmin/images/ahk/algemeen/li-bolletje-4-ahk-trans.gif');
	background-repeat: no-repeat;
}

.menuhead
{
	color:#FFDC00;
	font-size:18px;
	padding-left:17px;
}

.selected-menu
{
	font-weight:bold;
	padding-left:10px;
}

.selected-menu span
{
	color:#000;
}

.breadcrumb
{
	color:#FFDC00;
	clear: both;
	height: 20px;
	margin-bottom: 15px;
	margin-left: 17px;
	overflow: hidden;
	padding-top: 7px;
	text-transform: lowercase;
}

.breadcrumb a,
.breadcrumb a:visited
{
	font-size:10px;
	color:#000;
	padding-top:3px;
}

.breadcrumb a:hover
{
	color:#FFDC00;
}

.breadcrumb a:active
{
	color:#000;
}

.breadcrumb li.current a,
.breadcrumb li.current a:visited
{
	font-size:9px;
	color:#FFDC00;
}

.breadcrumb li.current a:hover
{
	color:#000;
}

.breadcrumb li.current a:active
{
	color:#FFDC00;
}

.breadcrumb ul li {
	background:transparent none repeat scroll 0 0;
	float:left;
	padding:0;
}

.breadcrumb ul li.separator
{
	padding: 0 3px 0 3px ;
}

.breadcrumb ul li.separator img
{
	position:relative;
	top:0px;
}


/************* FE_USER *************/

fieldset
{
	border:none;
}

/************** FE_USER_LIST**********/
div.tx-gsifeuserlist-pi1 table tr td { vertical-align: top; }

div#col2 .tx-gsifeuserlist-pi1-browsebox-SCell p a
{
	font-weight:bold;
	text-decoration:underline;	
}

div#col2 .tx-gsifeuserlist-pi1 th a {
	color:white;
}

div.clearbottom
{
	height:50px;
}

div.tx-gsifeuserlist-pi1 div.yearbrowser a
{
	padding: 2px 1px 2px 2px;
	display:inline;
}


/** FEEDIT**/
div.tx-newsfeedit-pi1-form-row-image .tx-newsfeedit-pi1-form-field select,
div.tx-newsfeedit-pi1-form-row-image .tx-newsfeedit-pi1-form-field img,
div.tx-newsfeedit-pi1-link-create-login
{
	display:none;
}

div.tx-newsfeedit-pi1-form-row-category .tx-newsfeedit-pi1-form-field select
{
	width:200px;
	height:125px;
}

/***************** FCE ******************/


div.opleiding p,
div.vak p,
div.opleiding div,
div.vak div,
div.opleiding ul,
div.opleiding ol,
div.opleiding td
{
	line-height:14px;
}


div.opleiding div.body div.label
{
	float: left;
	width: 150px;
	font-style: italic;
}

div.opleiding div.body div.value
{
	margin-left:150px;
}

#lsvid,
#vsvid
{
	display:none;
}

div.opleiding div.titel,
div.vak div.titel h1
{
	font-size: 15px;
	font-weight: bold;
	margin:0 0 10px 0;
}

div.opleiding div.image
{
	float:right;
	width:160px;
	margin-bottom:10px;
}

div.periodelabel
{
	display:none;
}

#col2 div.periodelabel h2 {
	margin-bottom:0;
}

div.periodesectie,
div.docent,
div.contact
{
	background-color: #e9e9e9;
}

div.periodesectie,
div.docent p,
div.contact p
{
	padding:5px;
	margin:0;
}

div.periodesectie div.label
{
	float: left;
	width: 180px;
	font-weight: bold;
}

div.periodesectie div.value span
{
	margin-left:3px;
}

div.vakbeschrijving
{
	margin-top:20px;
}


div.breadcrump
{
	position:absolute;
	left:0;
}

#outline.main div.breadcrump
{
	position:absolute;
	left:179px;
	top:0px;
}

#outline.main div.breadcrump a
{
	font-weight:bold;
}

div.language
{
	position: absolute;
	right: 0;
	top: 5px;
	width: 200px;
	text-align: right;
}

div.language a#searchtag
{
	position: absolute;
	right: 50px;
	top: 4px;
	font-size: 9px;
}

div.language div
{
	position: absolute;
	right: 0;
	top: 2px;
	width: 50px;
}

a.internal-link img
{
	display:none;
}

.tx-macinasearchbox-pi1 input 
{
	width:300px;
}

.tx-macinasearchbox-pi1 input#submit 
{
	width:50px;
	margin-left:3px;
}

.tx-indexedsearch-searchbox form p
{
	display:none;
}

.tx-indexedsearch-searchbox td
{
	padding: 3px 3px 3px 0;
}

/* Kolom 2 TABLE definities */
#col2 table
{
width:380px;
margin-bottom:15px;
}

tr.tr-odd,
.dmmjobcontrol_list_tr
{
background-color: #fbfbe8;
color: #000;
}

tr.tr-even,
.dmmjobcontrol_list_tr_alt
{
background-color: #fff;
}

.dmmjobcontrol_list_tr td,
.dmmjobcontrol_list_tr_alt td
{
padding-top: 5px;
padding-bottom: 5px;
}

th
{
background-color: #ffdd00;
color: #000;
padding: 3px 2px 3px 2px;
}

table.contenttable td
{
width:50%;
padding: 3px 2px 3px 2px;
}

/* tt_news */
.news-latest-item {
	clear:both;
	margin-bottom:15px;
}

.news-list-item
{
	clear:both;
	margin-bottom:15px;
}

.news-list-item img
{
	float:right;
	margin:5px;
}

.news-list-item p
{
	margin-bottom:0px;
	line-height: normal;
}

.news-single-item .news-single-timedata,
.news-single-item .news-single-category,
.news-single-item .news-single-author
{
font-size: 10px;
color: #ccc;
}

.news-single-item .news-single-additional-info
{
color: #999;
font-weight: bold;
}

#col2 .news-list-item a,
#col2 .news-list-item a:visited,
#col2 .news-list-item a:active,
#col3 .news-list-item a,
#col3 .news-list-item a:visited,
#col3 .news-list-item a:active
{
color:#000;
font-weight:normal;
text-decoration:none;
background:none;
}

#col2 .news-list-item a:hover,
#col3 .news-list-item a:hover
{
color:#999999;
text-decoration:none;
background:none;
}

#col2 .news-list-item a:hover h3,
#col3 .news-list-item a:hover h3
{
color:#ffdd00;
text-decoration:none;
background:none;
}

#col2 .news-single-item .news-single-additional-info a,
#col2 .news-single-item .news-single-additional-info a:active,
#col2 .news-single-item .news-single-additional-info a:visited
{
color: #000;
font-weight: bold;
text-decoration: none;
background: none;
}

#col2 .news-single-item .news-single-additional-info a:hover
{
text-decoration: underline;
background: none;
}

.news-single-item h2
{
	font-size:14px;
}


div.news-single-item div.news-single-img
{
	position: absolute;
	right: 0;
}

div.news-single-intro p
{
line-height: normal;
font-weight: normal;
font-size: 11px;
}

.news-header-list-time,
.news-header-list-date {
	font-size: 10px;
	color: #999;
	}

#centerfooter div#seperator {
	background: url('/fileadmin/images/ahk/algemeen/bolletje-ahk.png') repeat;
}

.news-single-imgcaption,
.csc-textpic-caption,
.news-single-imgcaption a,
.csc-textpic-caption a
{
font-size: 10px;
color: #999;
line-height: normal;
width: 160px;
}

#col2 .csc-textpic-caption
{
/* width: 370px; */
}

.news-single-imgcaption,
.news-single-imgcaption a,
#col3 .csc-textpic-caption
{
width: 160px;
}

#outline.home #col2 .csc-textpic-caption
{
font-size: 11px;
color: black;
width: 360px;
}

div.internet #col2 .csc-textpic-caption a
{
font-size: 11px;
}

.tx-rgmediaimages-pi1 {
line-height: normal;
color: #999;
}

/* Powermail */
	/* Form */
span.powermail_mandatory {
	/* Color of mandatory error message */
	color: red;
}
input.validation-failed,
textarea.validation-failed {
	/* Background color if validation failed 
	background-color: red;*/
	background-image: url(/typo3conf/ext/powermail/img/icon_exclamation.gif);
	background-repeat: no-repeat;
	background-position: 98% 1px;
}
div.powermail_mandatory_js {
	/* DIV container of errormessage */
	color: red;
	margin: 3px 0 15px 200px;
}
fieldset.tx-powermail-pi1_fieldset {
	/* Fieldset */
	border: 1px solid #aaa;
	background-color: none;
	padding: 10px;
}
fieldset.tx-powermail-pi1_fieldset legend {
	/* legend of Fieldset */
	font-weight: bold;
	color: black;
        font-size: 14px;
}
fieldset.tx-powermail-pi1_fieldset label {
	/* label */
	width: 200px;
	clear: both;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select.powermail_select {
	/* Input and textarea */
	border: 1px solid black;
}
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
	/* Radiobuttons */
}
div.tx_powermail_pi1_fieldwrap_html {
	/* DIV container arround every field */
	margin: 10px 0;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	/* submit button */
	font-weight: bold;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
div.countryzone {
	margin: 10px 0 0 200px;
}
div.tx_powermail_pi1_fieldwrap_html label a {
	/* Description */
	cursor: help;
}
div.tx_powermail_pi1_fieldwrap_html label a dfn {
	/* Description */
	display: none;
}
div.tx_powermail_pi1_fieldwrap_html label a:hover dfn {
	/* Description on mouseover */
	display: block;
	position: absolute;
	width: 250px;
	padding: 5px;
	background-color: #ffdd00;
	border: 1px solid #000;
	color: black;
	text-decoration: none;
	font-size: 10px;
}
div.tx_powermail_pi1_fieldwrap_html img.icon_info {
	/* Description icon */
	padding: 2px 2px 0 2px;
}
fieldset.tx-powermail-pi1_fieldset div.even {

}


	/* Confirmation */
td.powermail_all_td {
	padding: 3px 10px 3px 0;
}

	/* THX */
td.powermail_all p.bodytext {
	margin: 0;
}

legend {
display: none;
}

/* Questionnaire */

.survey_item {
width: 550px;
}

legend.question
{ 
font-weight: bold;
padding-top: 10px;
}

/* ICT projecten */

.ict01 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
vertical-align:top;
}
.ict02 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
vertical-align:top;
background-color:#FFFF99
}

/* ---------------------------------------------------------------------------------- 
	Base styles for calendar base
  ---------------------------------------------------------------------------------- */

#col2 .agenda-event {
	width: 570px;
	margin-bottom: 15px;
}

#col2 .agenda-list {
	margin-top: 20px;
	margin-left: 0px;
	width: 380px;
}

#col2 .agenda-list .agenda-list-item {
	width: 375px;
}

#col2 .agenda-list .agenda-detail {
}

#col2 .agenda-list li {
	list-style: none;
	clear: both;
        margin-bottom: 7px;
}

#col2 .agenda-list p 
, #col2 .agenda-list h3 {
	margin-bottom: 0;
margin-left: 65px;
	line-height: normal; /*14px;*/
}

#col2 .agenda-list a:link, 
#col2 .agenda-list a:visited
{
	color: #000;
	text-decoration: none;
}

#col2 .agenda-list a:hover,
#col2 .agenda-list a:active
{
	color: #000;
	text-decoration: none;
}

#col2 .agenda-list a:hover h3,
#col2 .agenda-list a:active h3
{
	color: #FFDC00;
	text-decoration: none;
}

#col2 .agenda-list a:hover p,
#col2 .agenda-list a:active p
{
	color: #aaa;
}

#col3 th a {
color: #0000ff;
text-decoration: none;
}

#col3 th a:hover {
color: #000;
text-decoration: underline;
}

.agenda-title {
}

.agenda-category-icon {
}

.agenda-list .agenda-image {
	float: left;
	margin-right: 5px;
	position: absolute;
}

.agenda-list .agenda-date-time, .agenda-list .agenda-location {
	font-size: 10px;
	color: #9a9a9a;
}

.agenda-location .agenda-date-time {
	font-size: 10px;
	color: #9a9a9a;
	float: right;
}

.agenda-event .agenda-description {
	margin-top: 20px;
	width: 360px;
}

.agenda-event .agenda-date-time {
background: #dddddd;
font-weight:bold;
line-height:normal;
margin-top:15px;
padding:5px;
width:350px;
}

.agenda-event h1 {
font-size: 14px;
width: 380px;
}

.tx-cal-controller li {
list-style: none;
}

.agenda-description li {
list-style: inside;
}

.tx-cal-controller .even {
	background: #fbfbe8;
}

.tx-cal-controller h1,
.tx-cal-controller h1 a {
font-size: 14px;
}

.tx-cal-controller .sideback {
background: #fedc00;
}

.monthSelected, .monthSelectedWeek {
background: none;
}

.month-weeknums,
.month-weekdays {
background: #fbfbe8;
}

#calendar-location {
line-height: normal;
}

.month-small td, .month-small th, .month-small a  {
font-size: 12px;
text-align: center;
}

.month-small a {
font-weight: bold;
}

.agenda-location td {
padding: 2px 2px 2px 0px;
vertical-align: top;
}

/* SITEMAP */

.csc-menu.csc-menu-4 dt
{
	margin-top: 12px;
	font-weight: bold;
	}
	
.csc-menu.csc-menu-4 dd
{
	font-size: 11px;
	}