/**
* This stylesheet is for all layout styles
* copyright info.nl Amsterdam
*
* index:
* Grid
*
*/

/* defaults */

body { background: #FFFFFF url(../images/bg/topbar.gif) repeat-x; }
.clearer {clear: both;}

/* layout */

#topbar { overflow: hidden; line-height:34px; position:absolute; top:0; padding: 0 0; width: 920px; height: 34px; }

#branding { height: 99px; position: relative;}

#nav {  height: 200px; position: relative; }
  #nav #main_nav { z-index:100; width: 680px; height: 30px; float:left; position: absolute; top:1px; }
  #nav #quick_search { width: 220px; position: absolute; top: 0px; right: 0px;}

  #nav #breadcrumb { z-index: 0; height: 38px; line-height: 38px; position: absolute; top: 162px; }
  
#content { width: 919px; overflow:hidden; position: relative;}

#container-subnav {width:220px; float: left; /*background-color: #D0D0D0;*/}
#container-content {position:relative; width:680px; float: right; margin-left: 0px; /*background-color: #EEEEEE;*/}

  #maincontent {float: left; padding: 18px 0px 18px 18px; margin: 0px; position: relative; width: auto;}
  #main { float:left; margin: 0; min-width: 420px; max-width: 420px;}
    #photo_main { float:left; width: 200px;}
    .photo_column { float:right; width: 200px; right: -20px;}
  #aside { width: 201px; float: right; margin-left: 19px; margin-right: 19px; padding-top: 39px;}
  #aside.searchrefine{padding-top: 0px;}

#news-agenda { float: left; width: 220px;  position: relative; top: 0px; margin-right: 18px;}
  #news-agenda.right {float: right;  width: 220px; margin-right: 0px; position: relative;}
  
#footer { clear: both; padding-left: 239px; position: relative; font-size: 0.9em; margin-top:20px; margin-bottom: 25px;}

/* Boxes
------------------------------------------------------------------------ */
.box { padding-left:-15px; position: relative; background: url(../images/bg/corner_cl.png) repeat-y;  }
 
.box_top { background: url(../images/bg/corner_tl.png) left top no-repeat; clear:both; height: 15px;  overflow:hidden; padding-left:15px; margin-left:-18px;  margin-top: -18px;   }
.box_tr { background: url(../images/bg/corner_tr.png) top right no-repeat; height: 15px; width: 100%;}
.box_bottom { background: url(../images/bg/corner_bl.png) left top no-repeat; clear:both; height: 15px;  overflow:hidden; padding-left:15px; margin-bottom: -18px; margin-left: -18px; }
.box_br {  background: url(../images/bg/corner_br.png) right bottom no-repeat; width:100%;  height:15px; }
.box_center { background: url(../images/bg/corner_cl.gif) repeat-y right; zoom:1; overflow:hidden;   }

/* Special Boxes */
.tabsContent .box_bottom { margin-bottom: 0px; margin-left: 0px; margin-right: 0px;  }
.tabsContent .box_center { padding:10px; }

.teaser { margin-bottom: 10px;}
    .home .teaser{background: #fff url('../images/bg/teaser_left_border.gif') 0px 6px no-repeat;}
.teaser .box_top {position: absolute; margin-top:0; margin-left:0; height: 15px; width: 200px;}
  .teaser .box_top .box_tr {position: absolute; right: 0px; width: 15px;}
.teaser .box_center {height: 125px; padding: 10px 10px; }
.teaser .box_bottom {position: absolute; bottom: 0; margin-left:0; margin-bottom: 0px; width: 200px;}
  .teaser .box_bottom .box_br {position: absolute; right: 0px; width: 15px;}