/* CSS BESTAND VOOR PSYCHOLOGIE MAGAZINE TEMPLATE FILE: index.html */
/* DIT BESTAND IS VOOR DE BASIS OPMAAK VAN DE WEBSITE              */
/* DAT HOUD IN: DE HEADER, LINKER BALK, RECHTER BALK & DE FOOTER   */


/* -------------------------------------------------------------  */
/* -- ALGEMEEN -------------------------------------------------  */
/* -------------------------------------------------------------  */
body{
  background-color: #ffffff;
  margin:     0px;
  width:      100%;
}
body.printpagina{
  padding:      10px;
  width:      700px;
  color:#000;
}
body.printpagina .artikel, body.printpagina .artikel p, body.printpagina .artikel h1 {
  color:#000;
  }
table{
  border-collapse:    collapse;
  border:     0px;
}
td{
  vertical-align:   top;
  margin:     0px;
  padding:      0px;
}
img{
  border:     0px;
}

/* -- ALGEMENE STRUCTUUR --*/
.bigcontainer{
  width:      100%;
  text-align:     center;
  align:      center;
}
.container{
  margin-left:    auto;
  margin-right:   auto;
  width:      940px;
  position:     relative;
  text-align:     left;
}

.inhoud{
  width:      100%;
  position:     relative;
  top:        -1px;
}
.left{
  padding-right: 1px;
}
.content{
  width:      613px;
}
.edarling .content{width:747px;}
.edarling .right{display:none;}
.right{
  /*width: 144px; Niels: images zijn niet altijd 144px.. */
}
.footer{
  width:      100%;
  height:     120px;
  text-align:     center;
}


/* -------------------------------------------------------------  */
/* -- ALGEMENE OPMAAK ------------------------------------------  */
/* -------------------------------------------------------------  */
body, td, input, textarea, select, option{
  font-family:    verdana;
  font-size:      11px;
  color:      #3a5f68;
}
ul{
  list-style-type:    square;
  list-style-color:   #3a5f68;
}
h1{
  font-size:      14px;
  color:      #00878e;
}
h2{
  font-size:      13px;
  color:      #00878e;
}
h3{
  font-size:      12px;
  color:      #00878e;
}
p
{
  color:      #3a5f68;  
}


/* -------------------------------------------------------------  */
/* -- HEADER ---------------------------------------------------  */
/* -------------------------------------------------------------  */
.header{
  width:      100%;
  height:     150px;
}
.header_top{
  height:     95px;
  width:      100%;
}
.header_logo{
  position:     absolute;
  top:        30px;
  left:       0px;
}
.header_banner_container{
  position:     absolute; 
  left:       211px;
  top:        0px;
}

/* -- ZOEKEN --*/
.header_zoeken{
  position:     absolute; 
  left:       815px;
  top:        97px;
  color:      #00878e;
  font-family:    arial;
  width:      125px;
}
.header_zoeken a{
  color:      #00878e;
  text-decoration:    none;
}
.header_zoeken_input{
  width:      77px;
  border:     1px solid #0088a3;
}
.header_zoeken_button{
  position:     relative;
  top:        4px;
}

/* -- HOOFDMENU --*/
.header_mainmenu{
  height:     27px;
  width:      100%;
  background-color:   #7796c4;

}
ul.hoofdmenu {      /* all lists */
  padding:      0;
  margin:       0;
  list-style:     none;
  position:     relative;
  top:        2px;
  left:       0px;
  z-index:      100;
  font-weight:    bold;
}
.hoofdmenu a{
  color:      #FFF;
  text-decoration:    none;
}
.hoofdmenu li.main{   /* all list items */
  float:      left;
  position:       relative;
  padding-left:   20px;
  padding-right:    20px;
  font-family:    arial;
  color:      #FFF;
  font-size:      11px;
  line-height:    25px;
  z-index:3;
}
.hoofdmenu li ul { /* second-level lists */
  display:      none;
  list-style:     none;
  position:       absolute;
  top:        25px;
  /*left:       20;*/
  /*fix, because in IE the menu was not positioned well*/
  left: 20px;
  background-image:   url("images/dropdown_ptrn.gif");
  border:     1px solid #7798c1;
  margin:     0px;
  padding:      0px;
}
.hoofdmenu li ul li{
  _width:       1px;
}
.hoofdmenu li ul li a{
  position:       relative;
  display:      block;
  padding-left:   10px;
  line-height:    20px;
  color:      #FFF;
  text-decoration:    none;
  padding-right:    10px;
  width:      100%;
}
.hoofdmenu li>ul {
  top:        auto;
  left:       auto;
}
.hoofdmenu li:hover ul, li.over ul { 
  display:      block;
}

/* -- SUBMENU --*/
.header_submenu{
  height:     27px;
  width:      100%;
  background-image:   url("images/right_header.gif");
  background-repeat:  no-repeat;
  background-position:  bottom right;
  background-color:   #00869f;
}
.header_submenu_container{
  position:     relative;
  left:       10px;
}
.header_submenu a{
  font-family:    arial;
  position:     relative;
  top:        6px;
  color:      #FFF;
  padding-left:   10px;
  padding-right:    10px;
  text-decoration:    none;
  font-size:      11px;
}
.header_submenu_seperate{
  position:     relative;
  top:        6px;
  color:      #FFF;
  font-size:      12px;
  font-weight:    bold;
}


/* -------------------------------------------------------------  */
/* -- OPMAAK LEFT ----------------------------------------------  */
/* -------------------------------------------------------------  */

/* -- OPMAAK PAGINA MENU --*/
.left{
  
}
.pagina_menu{
  width:      100%;
  background-image:   url("images/pagina_menu_ptrn.gif");
  padding-top:    10px;
}
.pagina_menu a{
  /*font-family:    "arial black";*/
  font-family:    "arial";
  display:      block;
  font-size:      12px;
  padding-left:   55px;
  color:      #00899b;
  line-height:    22px;
  text-decoration:    none;
  background-image:   url("images/pagina_menu_bullet.gif");
  background-repeat:  no-repeat;
  background-position:  0px 8px; 
  font-weight: bold;
}
.pagina_menu_footerspace{
  height:     40px;
}
.pagina_menu_footer{
  background-image:   url("images/pagina_menu_footer.gif");
  background-repeat:  no-repeat;
  width:      100%;
  height:     29px;
}

/* gesponsorde links */
.pagina_menu_gesponsorde_links{
  width:      175px;
 padding-top:    30px;
}
.pagina_menu_gesponsorde_links a{
  /*font-family:    "arial black";*/
  font-family:    "arial";
  display:      block;
  font-size:      12px;
  padding-left:   42px;
  color:      #7796C4;
  line-height:    18px;
  margin-bottom:6px;
}
.pagina_menu_gesponsorde_links h1 {
  font-family:    "arial";
  display:      block;
  font-size:      12px;
  color:      #7796C4;
    background-image:   url("images/pagina_menu_bullet_sponsor.gif");
  background-repeat:  no-repeat;
  background-position:  -12px 4px; 
  left:0px;
  text-indent:42px;
}
/* -- RUIMTE TUSSEN PAGINA MENU EN LEFT BOX --*/
.left_seperate{
  width:      183px;
  height:     93px;
  background-color:   #FFF;
}

/* extra inzet paars */
.inzet_adv_links {
 background-color:   #FFF;
width:      181px;
padding-top:22px;
}
.inzet_adv_links_kopje {
display:block;
width:163px;
text-align:center;

margin-bottom:4px;
}
.inzet_adv_links_bg {
	
}
.txt {
font-size:      12px;
color:#FFF;
padding:6px;
}
.inzet_adv_links_bg .txt a {
font-size:      12px;
color:#FFF;
text-decoration:underline;
}
/* -- OPMAAK LEFT BOX --*/
.left_box{
  background-image:   url("images/pagina_menu_ptrn.gif");
}
.left_box_content_container{
  padding-top:        20px;
  background-image:   url("images/left_header.gif");
  background-repeat: no-repeat;
}

/* -- BUTTONS BOVENIN IN LEFT BOX --*/
.left_box_buttons a{
  display:      block;
  width:      170px;
  height:     19px;
  background-image:   url("images/left_button.gif");
  background-repeat:  no-repeat;
  text-align:     center;
  text-decoration:    none;
  font-family:    arial;
  font-weight:    bold;
  font-size:      12px;
  color:      #00899b;
  margin-bottom:    10px;
  position:     relative;
}
.left_box_buttons a span{
  position:     relative;
  top:        2px;
  left:       -10px;
}

/* -- NIEUWSBRIEF IN LEFT BOX --*/
.left_box_nieuwsbrief{
  background-image:   url("images/left_box_nieuwsbrief_header.gif");
  background-repeat:  no-repeat;
  background-color:   #5C418E;
  width:      159px;
  position:     relative;
  font-size:      10px;
  margin-bottom:    8px;
}
.left_box_nieuwsbrief h1{
  color:      #FFF;
}
.left_box_nieuwsbrief a{
  background-image:   url("images/left_box_nieuwsbrief_bullet.gif");
  background-repeat:  no-repeat;
  color:      #FFF;
  display:      block;
  padding-left:   20px;
  font-weight:    bold;
  font-family:    arial;
  font-size:      11px;
}
.left_box_nieuwsbrief_footer{
  background-image:   url("images/left_box_nieuwsbrief_footer.gif");
  background-repeat:  no-repeat;
  background-position:  bottom;
  width:      159px;
  position:     relative;
}
.left_box_nieuwsbrief_content{
  position:     relative;
  top:        5px;
  left:       7px;
  width:      145px;
  color:      #FFF;
}
.left_box_nieuwsbrief_content p{
  margin:     0px;
    margin-bottom:     10px;
  padding:      0px;
    color:      #FFF;
}
.left_box_nieuwsbrief_content h1{
  font-size:      13px;
  margin:     0px;
}

.left_box_nieuwsbrief_white{
  margin-top:     5px;
  margin-bottom:    5px;
  width:      145px;
  background-image:   url("images/left_box_nieuwsbrief_w_head.gif");
  background-repeat:  no-repeat;
  background-color:   #FFF;
  color:      #7796c4;
  font-weight:    bold;
}
.left_box_nieuwsbrief_white p {
color:      #7796c4;
}
.left_box_nieuwsbrief_white_footer{
  width:      145px;
  background-image:   url("images/left_box_nieuwsbrief_w_foot.gif");
  background-repeat:  no-repeat;
  background-position:  bottom;
}
.left_box_nieuwsbrief_white_footer div{
  width:      131px;
  position:     relative;
  left:       7px;
  top:        5px;
  line-height:    20px;
}
div.input_nieuwsbrief{
  position:     relative;
  top:        -1px;
  left:       -1px;
}
.left_box_nieuwsbrief_white input{
  width:      122px;
  font-weight:    normal;
}
.left_box_nieuwsbrief .button{
  position:     relative;
  top:        5px;
  left:       35px;
}
div.left_box_nieuwsbrief_thanks{
  margin-top:     5px;
  font-size:      9px;
  font-weight:    normal;
  line-height:    12px;
  width:      120px;
  position:     relative;
  left:       -1px;
}


/* -------------------------------------------------------------  */
/* -- OPMAAK RIGHT ----------------------------------------------  */
/* -------------------------------------------------------------  */
.last-responses h4 {
	font-size: 11px;
	margin-bottom: 0;
	margin-top: 11px;
}

.last-responses p {
	margin: 0;
}

.last-responses ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.last-responses h3 {

}

.purple ul {
  background: #5C418E url("images/right-header.gif") no-repeat;
  margin: 0;
  padding: 12px 5px 1px 23px;
  color: #fff;
  font-size: 120%;
}
.purple ul li {
	margin-bottom: 1em;
}

.purple ul a {
  color: #fff;
  text-decoration: none;
  font-family: Georgia,serif;
}
.purple ul a:hover {
  text-decoration: underline;
}

.right_box_dezemaand, .right .purple{
  position:     relative;
  background-image:   url("images/right_box_dezemaand_footer.gif");
  background-repeat:  no-repeat;
  background-position:  bottom;
  /*   #6CC; */
  background-color: #5C418E;
  width:      144px;
  color:      #FFF;
}
.right .purple {
	padding-bottom: 14px;
	margin-top:-50px;
}

.right_box_dezemaand div{
  position:     relative;
  left:       22px;
}
.right_box_dezemaand h1{
  font-size:      15px;
  margin:     0px;  
  font-family:    arial;  
  margin-bottom:    3px;  
  color:      #FFF;
}
.right_box_dezemaand a:link{
  color:      #FFF;
text-decoration:none;
}
.right_box_dezemaand a:visited{
  color:      #FFF;
text-decoration:none;
}
.right_box_dezemaand a:hover{
  color:      #FFF;
text-decoration:underline;
}
.right_box_dezemaand a:active{
  color:      #FFF;
text-decoration:underline;
}
.right_banner_container{
  width:      120px;
  position:     relative;
  left:       15px;
  top:        22px;
}

.right_box_dezemaand img {
margin-bottom:15px;
margin-top:15px;
}
/* -------------------------------------------------------------  */
/* -- OPMAAK FOOTER --------------------------------------------  */
/* -------------------------------------------------------------  */
.footer_items{
  position:     relative;
  top:        60px;
  font-weight:    bold;
  font-size:      9px;
  color:      #00899b;
}
.footer_items a{
  text-decoration:    none;
  font-weight:    bold;
  font-size:      9px;
  color:      #00899b;
  padding-left:   5px;
  padding-right:    5px;
}
.rssicon{
  position:     relative;
  top:        2px;
}
/* -------------------------------------------------------------- */
/* -- OPMAAK WPT FOOTER 22-5-2009 ERIK STUUT -------------------- */
/* -------------------------------------------------------------- */

.wptfooter {
font: bold 11px Arial, Helvetica, sans-serif;
margin-top:12px;
color: #3a5f68;
padding:6px 0px 12px 0px;
border-top:1px solid #3a5f68;
height:40px;
background:#FFF;
width:942px;
text-align:center;
}
.wptfooter a:link, .wptfooter a:visited {
	font: bold 11px Arial, Helvetica, sans-serif; 
	color: #3a5f68;
	text-decoration: none;
}
.wptfooter a:hover, .wptfooter a:active {
	text-decoration: underline;
}


/* -------------------------------------------------------------- */
/* -- Niels: Aanpassingen Abos formulier pagina's  -------------- */
/* -------------------------------------------------------------- */

#abosPage td.left {
  visibility: hidden;
  display: none !important;
}
#abosPage td.content {
  width: 796px !important; 
}
#abosPage .module_container{
  position: relative;
  left: 0px;
  top: 38px;
  width: 100%;
}
#abosPage .abos, #abosPage .elements-collection {
	width: 766px;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	box-shadow: 1px 0px 14px #333;
	-moz-box-shadow: 1px 0px 14px #333;
	position: relative;
	margin-bottom: 1em;
}
#abosPage .elements-collection {
	top: 10px;
	position: relative;
}
#abosPage .abos .aanbod-header {
	border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-webkit-border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  -moz-border-radius-topright: 9px;
  -webkit-border-top-right-radius: 9px;
	background: url(images/form/form-header.gif) repeat-x top left;
	overflow: hidden;
}

#abosPage .abos .aanbod-header .aanbod-header-tekstKort p {
	color: #fff !important ;
}

#abosPage .abos .aanbod-header .aanbod-header-tekstKort,
#abosPage .abos .aanbod-header .aanbod-header-tekstLang  {
	padding: 0 14px;
}

#abosPage .abos .aanbod-header .aanbod-header-tekstLang {
	width: 500px;
}

#abosPage .abos .aanbod-header .aanbod-header-img {
	float: right;
	position: absolute;
	top: 155px; 
	right: 20px;	
}

#abosPage .abos .aanbod-form p { padding: 0 15px; }
#abosPage .abos .aanbod-form div p { padding: 0; }

#abosPage .abos fieldset {
	margin: 12px 0 0 14px;
}

#abosPage .abos .aanbod-footer {
	padding: 5px 15px 15px 15px;
}

.abos input.radio { border: none !important; }



/*-----------------------------------
----------- tabs       --------------
border-bottom: 4px solid #7496c6;
-------------------------------------*/


.tabs-content .hidden {
	display: none;
}

ul#tabsnavigation { height: 44px; overflow: visible; position: relative; display: block; margin: 0 0 0 0; padding: 0 0 0 0; border-bottom: 4px solid #7496c6; }
ul#tabsnavigation.tab-1 { border-bottom: 4px solid #7496c6; }
ul#tabsnavigation.tab-2 { border-bottom: 4px solid #89c5d0; }
ul#tabsnavigation li { list-style: none; float: left; margin: 0 0 0 0; padding: 0; width: 50%; position: relative; }
ul#tabsnavigation li a { display: block; height: 44px; position: relative; width: 100%; font-family: Georgia, serif; color: #fff; text-decoration: none; font-size: 20px; }
ul#tabsnavigation li a:focus, ul#tabsnavigation li a:active { outline: none; }
ul#tabsnavigation li a span { display: block; position: absolute; top: 10px; left: 10px; }
ul#tabsnavigation li.tab-1 a { background: #7496c6; }
ul#tabsnavigation li.tab-2 a { background: #89c5d0; }
ul#tabsnavigation li.active a { display: block; height: 65px; position: relative; width: 100%; margin-top: -21px;  }
.tabs-content div {padding: 0 0 15px; overflow: hidden;}
ul#tabsnavigation li.tab-1 a {
  border-top-left-radius: 9px;
  -moz-border-radius-topleft: 9px;
  -webkit-border-top-left-radius: 9px;
}
ul#tabsnavigation li.tab-2 a {
  border-top-right-radius: 9px;
  -moz-border-radius-topright: 9px;
  -webkit-border-top-right-radius: 9px;
}
ul#tabsnavigation li.active a {
  border-top-left-radius: 9px;
  -moz-border-radius-topleft: 9px;
  -webkit-border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  -moz-border-radius-topright: 9px;
  -webkit-border-top-right-radius: 9px;
}
.tabs-content .tab-content-1, .tabs-content .tab-content-2 {
	min-height: 500px;
  border-bottom-left-radius: 9px;
  -moz-border-radius-bottomleft: 9px;
  -webkit-border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
  -moz-border-radius-bottomright: 9px;
  -webkit-border-bottom-right-radius: 9px;
}
.tabs-content .tab-content-1 {background-color: #fff}
.tabs-content .tab-content-2 {background-color: #fff}

.tabs-content .tablist ul { color: #0b788f; font-size: 14px; padding-left: 20px; }
.tabs-content .tablist h2 { font-family: Georgia, serif; font-size: 20px; }

.tabs-content .tablist.white  { position: absolute; top:45px; padding-top: 180px !important; }
.tab-content-2 .tablist.white  { padding-top: 160px !important; }
.tabs-content .tablist.white.right { padding-top: 150px; padding-bottom: 34px; }
.tabs-content .tablist.white ul  { color: #fff; }
.tabs-content .tablist { padding: 60px 0 1em 25px; width: 500px; }
.tabs-content a.normal {color:#fff !important;}
.tabs-content a.normal img.aanbieding { position: absolute; right: -10px; top: 310px; }
.tabs-content a.normal img.firstbutton { position: absolute; left: 28px; top: 310px; padding-left: 0; }
.tabs-content a.normal img.button { position: relative; left: 28px; top: -10px; padding-left: 0; }
.tabs-content a.normal img.achtergrond { position: relative; width: 100%; }
.tabs-content .artikel_visual_right { float: right; margin: -120px 15px 0 0; }
/*.tabs-content > img:first-child a {margin: -50px 15px 0 0;}*/

.pijlimg { position: relative; z-index: 99; float: right; right: -177px; top: 30px; }

#ie6_banner{ display:none; }