/*
Theme Name: Piet Zwart Instituut Theme
Version: 5.0
Date: 08-11-2011
Description: Admin can edit the 3 recent news by go to the "Theme Options" and select the category they want to be displayed in the recent column. Note: please set the thumnail photo size to 155x95px to support the presentation of the recent column's photo.
Author: Designed by PuntPixel, coded by Vicky Nguyen
Author URI: http://wdka.nl
Tags: pzi, piet zwart instituut, pietzwart
*/

.hidden_title{
	display:none;	
}
.right_panel_txt{
	padding: 37px 0 0 0px;
}
a:focus{
	outline:none;	
}
a#showbachelors {
  color: #fff;
  font-weight:bold;
  text-decoration: none;
  background: url("../images/arrowLeft.png") top right;
  margin: 0 0 0 0;
  padding: 3px 3px 0 0;
  display: block;
  width: 66px;
  height: 16px;
  float: right;
}

a#showbachelors:hover {
  color: #000;
}

.recent_column{
	width:176px; 
}
.post_column{
	width:524px; 
	border-right: hidden;
	border-left: solid 2px #D9D9D9;
}

img{
	max-width: 505px;
	height:auto;
	border-style:none;
	background-color:#ffffff;
}

.top_panel{		
	position:absolute;
	top:0px;
	left:100%;
	z-index:5000;
	width:225px;
	height:75px;
	
	/*margin-top:-565px;*/
	margin-left:-225px;
	font-family:Helvetica,Geneva,Arial,sans-serif;
	font-size:12px;	
	
	
}
.pzi_title{
	padding-top:10px;
	height:48px;
}
.pzi_title a{
	text-decoration:none;
	color:#333333;
}
.pzi_title a:hover{
	color:#FFE71F;
}
#hr_logo {
  	position: absolute;
  	top: 0;
  	right: 0;
 	z-index:400;
	border:none;
}
#wdka_logo {
  	position: absolute;
  	top: 0;
  	right: 54px;
   	z-index:200;
	border:none;
}
#pzi_logo {
  	position: absolute;
  	top: 0;
  	right: 120px;
  	z-index:2000;
	border:none;
}
/*********************** BEGIN STYLE FOR RIGHT PANEL************************/
.recent_column{
	width:175px;
}
h1{
	font-family: Arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
	text-decoriation: none;
	color: #333333;
}
h2{
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-decoriation: none;
	color: #333333;
}
h3{
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-decoriation: none;
	color: #333333;
}
h4{
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoriation: none;
	color: #333333;
}
h5{
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoriation: none;
	color: #333333;
}
h6{
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoriation: none;
	color: #333333;
}
address{
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: italic;
	text-decoriation: none;
	color: #333333;
}
blockquote p, blockquote{
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: italic;
	text-decoriation: none;
	color: #333333;
	margin-left:5px;
}
.right_panel{
	background:#ffffff;
	border-left: solid 4px #333333;
	margin-left:270px;	
	width:850px;
	min-height:800px;
	display:block;
	position:absolute;
	top:48px;	
	z-index:200;
	
}
p, body{
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoriation: none;
	color: #333333;
}

.entry{
	width:505px;
	padding-left:10px;
}
.entry ul, .entry li, ul , li{
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;	
	color: #333333;
}

p a, .recent_cat a, .entry ul a, .entry li a{
	background-color: #FFE71F;
	text-decoration:none;
	color: #333333;
}
p a:hover, ul a:hover, li a:hover{
	background-color: #D1D1D1;
}
.recent_div{
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #333333;
	width:155px;
	padding-left:10px;
	position: relative;
	float: left;
}

.recent_time{
	font-family: Andale Mono, Courier New, monospace;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	line-height: 13px;
	color: #333333;
}
.recent_title{
	font-family: Andale Mono, Courier New, monospace;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 13px;
	color: #333333;
}
.recent_img{
	width:155px;
	height:95px;
}
.recent_cat{
	font-family: Andale Mono, Courier New, monospace;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	line-height: 13px;
	color: #333333;
}

.recent_readmore a{
	font-family: Andale Mono, Courier New, monospace;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	text-align: right;
	line-height: 13px;
	color: #999999;
	background: url(images/readmore.gif);
	background-repeat: no-repeat;
	background-position:right;
	padding-left:73px;	
}
.edit_entry a{
	font-family: Andale Mono, Courier New, monospace;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	text-align: right;
	line-height: 13px;
	color: #999999;
	background: url(images/readmore.gif);
	background-repeat: no-repeat;
	background-position:right;
	padding-left:382px;	
}
.readmore a, a .readmore{
	font-family: Andale Mono, Courier New, monospace;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	text-align: right;
	line-height: 13px;
	color: #999999;
	background: url(images/readmore.gif);
	background-repeat: no-repeat;
	background-position:right;
	padding-left:420px;	
}
.readmore a:hover, .edit_entry a:hover{
	color: #FFE71F;
}
.back_left{
	padding-left:10px;
}
.back_right{
	padding-left:410px;
}
.back_left a{
	font-family: Andale Mono, Courier New, monospace;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	text-align:left;
	line-height:13px;
	color: #999999;	
	
	
}
.back_right a{
	font-family: Andale Mono, Courier New, monospace;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	line-height:13px;
	color: #999999;	
	text-align:right;	
	
}
.back_left a:hover, .back_right a:hover{
	color: #FFE71F;
}
.backtotop a{
	font-family: Andale Mono, Courier New, monospace;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	text-align: right;
	line-height: 13px;
	color: #999999;
	background: url(images/backtotop.gif);
	background-repeat: no-repeat;
	background-position:70% 100%;
	padding-left:195px;	
}
.backtotop a:hover{
	color: #FFE71F;
}
.moretext{
	font-family: Andale Mono, Courier New, monospace;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	line-height: 13px;
	background-color: #000;
	color: #999999;	
}

.more-link{
	/*position: absolute;*/
	position: relative;
	/*left: 433px;*/
	text-decoration: none;
}
.alignnone{
	max-width: 505px;
	height:auto;
	border-style:none;
	/*padding-bottom:10px;*/
	background-color:#ffffff;
}
.searchtitle a{
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
	padding-left:10px;
}
.search_hr{
	border-color:-moz-use-text-color -moz-use-text-color #C0C0C0;
	border-style:none none solid;
	border-width:0 0 1px;
	margin-left:10px;
	width:525px;
}
.search_text{
	padding-left:10px;
	line-height:50px;
}
.headmenu {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height:40px;
	text-decoration: none;
	color: #333333;
	padding-left:10px;
}

.submenu a{
	font-family: Andale Mono, Courier New, monospace;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	line-height:15px;
	color: #999999;	
	margin-left:10px;
	margin-right:10px;
	display:block;		
}
.submenu a:hover, .headmenu a:hover, .recent_cat a:hover{
 	background-color: #D1D1D1;
 }
 .submenu a:active{
 	background-color: #D1D1D1;
 }



.posttitle, .posttitle a{
	font-family: Andale Mono, Courier New, monospace;
	font-weight: normal;
	font-size: 21px;
	text-decoration: none;
	text-transform: uppercase;
	color: #333333;	
	padding-left:5px;
}
.recent{
	font-family: Andale Mono, Courier New, monospace;
	font-weight: normal;
	font-size: 21px;
	text-decoration: none;
	text-transform: uppercase;
	color: #333333;	
	padding-left:10px;
}
.recent a{
	font-family: Andale Mono, Courier New, monospace;
	font-weight: normal;
	font-size: 21px;
	text-decoration: none;
	text-transform: uppercase;
	color: #333333;	

}

.header_top table{ 
	border-collapse: collapse; 
	border-style: hidden; 	
}
.header_top td{
	border-right: solid 2px #D9D9D9; 
	text-align: left; 	
}
#search_bg{
	border: 1px solid #B3B3B3;
	width: 12px;
	height: 14px;
	background: url(images/search_icon.jpg);
	background-repeat: no-repeat;
	background-position:right;
	border-left-color:#;
	border-collapse:collapse;
}
.search_border{
	border: 1px solid #B3B3B3;
	width: 145px;
	height: 18px;
}
#searchfield{
	border: 1px solid #FFFFFF;
	width: 125px;
	height: 10px;
}
/*********************** END STYLE FOR RIGHT PANEL************************/
/***********************BEGIN STYLE FOR LEFT PANEL************************/
td {
	height: 100%;
}
td div {
	height: 100%;
}
.left_panel{
	margin-top:-7px;
	/*margin-left:-285px;*/
	margin-left:-160px;
}

.ba1 a, .ba2 a, .ba3 a, .ba4 a, .ba5 a{
	font-family:Times New Roman,Times,Georgia,Serif;
	font-size:15px;
	font-style:italic;
	color: #B3B3B3;
	text-algin: right;
	text-decoration: none;	
}
.ba1 a:hover, .ba2 a:hover, .ba3 a:hover, .ba4 a:hover, .ba5 a:hover{
	color:#FFE71F;
}
.ba1 {
  	height: 80px;
	padding-top:8px;
	border-bottom:1px solid #B3B3B3;
}
.ba2{
	padding-top:2px;
  	height: 56px;
  	border-bottom:1px solid #B3B3B3;
}
.ba2a {
  height: 81px;
  border-bottom:1px solid #B3B3B3;
}
.ba3 {
  height: 95px;
  padding-top:1px;
  border-bottom:1px solid #B3B3B3;
}
.ba4{
	height: 98px;	
	border-bottom:1px solid #B3B3B3;
}
.ba5 {
  height: 59px;
  padding-top:2px;
}
.ba6{
	height: 0px;
}
.pzi_name{
	font-family: Arial, sans-serif;
	font-size: 12px;
}
.master_txt{
	color:#b3b3b3;
	font-family:Arial,sans-serif;
	font-size:12px;
	font-weight:bold;	
	text-decoration:none;
}
.master_black{
	color:#000000;
	font-family:Arial,sans-serif;
	font-size:12px;
	font-weight:bold;	
	text-decoration:none;
}
.bachelor_txt{
	color:#333333;
	font-family:Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	
	text-decoration:none;
}
.bachelor_top{
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height:25px;
	text-decoration: none;
	color: #333333;
	padding-left:30px;
}
.master_top{
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height:25px;
	text-decoration: none;
	color: #333333;
	margin-left:0px;
}
.left_panel_1{
	background-color:#FFF;
	display:block;
	position:absolute;	
	z-index:100;
}
.left_panel_1:hover{
	z-index:300;
}

.left_panel_2{
	top:80px;
	background-color:#FFFFFF;
	display:block;
	position:absolute;	
	z-index:100;
}
.left_panel_2:hover{	
	z-index:300;
}
.left_panel_3{
	top:105px;
	background-color:#FFFFFF;
	display:block;
	position:absolute;	
	z-index:100;
}
.left_panel_3:hover{	
	z-index:300;
}
.left_panel_4{
	top:175px;
	background-color:#FFFFFF;
	display:block;
	position:absolute;	
	z-index:100;
}
.left_panel_4:hover{	
	z-index:300;
}
.left_panel_5{
	top:290px;
	background-color:#FFFFFF;
	display:block;
	position:absolute;	
	z-index:100;
}
.left_panel_5:hover{	
	z-index:300;
}
.left_panel_6{
	top:405px;
	background-color:#FFFFFF;
	display:block;
	position:absolute;	
	z-index:100;
}
.left_panel_6:hover{	
	z-index:300;
}

.left_panel_8{
	top:635px;
	background-color:#FFFFFF;
	display:block;
	position:absolute;	
	z-index:100;
}
.left_panel_8:hover{	
	z-index:300;	
}
.bachelor{
	text-align:right;
	width:340px;
	position:absolute;
	margin-left:-260px;	
	margin-right:0;
}
.bachelor a{
	font-family:Andale Mono, Courier New, monospace;
	font-size:14px;
	text-decoration:none;
	color: #B3B3B3;
}
.master{
	font-family: Andale Mono, Courier New, monospace;
  	font-size: 45px;
	line-height:40px;
	width:900px;
	text-indent:10px;
 	text-transform: uppercase;
	padding-left:115px;	
	color: #B3B3B3;
}
.master_8{
	top:655px;
}
.master a{
	text-decoration:none;
	color:#B3B3B3;
}
.master a:hover{	
	color:#FFE71F;
}
.master_title{
	font-family: Andale Mono, Courier New, monospace;
  	font-size: 38px;
}
.master_title a{
	color:#333333;
	text-decoration:none;
}
.master_title a:hover{
	color:#FFFFFF;
	z-index:3000;
	text-decoration:none;
}
.master_top{
	padding-left:60px;
}
.research{
	font-size:14px;
	font-style:italic;
	font-weight:normal;
	padding-left:117px;
}
/* END STYLE FOR LEFT PANEL*/


.narrowcolumn{
	display:block;
	position:relative;
	left:0px;
}