/* Dit bestand (layout.css) is onderdeel van het basis ontwerp            */
/* voor het Smartsite 1-2-3 concept dat ontwikkeld is door                */
/* Imtech ICT Velocity te Den Haag.                                                           */
/* Author: M. Hoefman - Date: july 10 2009                                             */

body { 
       padding:0; 
       margin:0;
}
.container {
       width: 100%;
}
.page {
       width: 998px;
       margin: auto auto;
}
img {
       margin: 0px;
}
.container .print, 
.container .print_en,
.container .ledenprint, 
.container .ledenprint_en {
       display: none;
}

/* Homepage */
.d13456home .wpz1 {
             width: 100%;
             top: 0px;
}
.d13456home .main {
             width: 100%;
             margin: auto auto;
}
.d13456home .wpz2 {
             display: none;
}
.d13456home .wpz3 {
             width: 331px;
             float: left;
             top: 0px;
             margin-left: 30px;
}
.d13456home .wpz4 {
             margin-left: 371px;
             margin-right: 331px;
}
.d13456home .wpz5 {
             width: 100%;
             clear: both;
}
.d13456home .wpz6 {
             width: 291px;
             float: right;
             top: 0px;
             margin-right: 30px;
}
/* Content*/
.d135 .main {
             width: 100%;
             margin: auto auto;
}
.d135 .wpz1 {
             width: 100%;
             height: 165px;
}
.d135 .wpz2 {
             display: none;
}
.d135 .wpz3 {
             width: 938px;
             margin-left: 30px;
             margin-right: 30px; 
}
.d135 .wpz4 {
             display: none;
}
.d135 .wpz5 {
             width: 100%;
             clear: both;
}
.d135 .wpz6 {
             display: none;
}
/* Landing en Content*/
.d1356 .main {
             width: 100%;
             margin: auto auto;
}
.d1356 .wpz1 {
             width: 100%;
             height: 165px;
}
.d1356 .wpz2 {
             display: none;
}
.d1356 .wpz3 {
             margin-left: 30px;
             float: left;
             width: 708px;
}
.d1356 .wpz4 {
             display: none;
}
.d1356 .wpz5 {
             width: 100%;
              clear: both;
}
.d1356 .wpz6 {
             width: 210px;
             float: right;
             top: 0px;
             margin-right: 30px;
}
/* Landing en Content*/
.d13456 .wpz1 {
             width: 100%;
             height: 165px;
}
.d13456 .wpz2 {
             display: none;
}
.d13456 .wpz3 {
             width: 580px;
             margin-left: 25px; 
float: left;
}

.4d13456 .wpz4 {
             margin-left: 615px;
             width: 171px;
             top: 190px;
             xfloat: right;
             position: absolute;
             border: 2px dotted red;
}
.d13456 .wpz4 {
             margin-right: 10px;
             width: 171px;
             top: 190px;
             float: right;
             xborder: 2px dotted red;
}
.d13456 .wpz5 {
             width: 100%;
             clear: both;
}
.d13456 .wpz6 {
             width: 171px;
             float: right;
             top: 0px;
             margin-right: 30px;
}


/* Hieronder het standaard zero design om de WPs en de WPZs goed af te beelden en te positioneren */
* {
       font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
body {
       text-align: left;
}
/* webparts in webpartzone 1 */

.wpz1 .wp {
       margin: 0px;
}
.wpz1 img {
       border: 0px;
}
.wpz1 .wphd {
    display:none;
}
.wpz1 .wpbd {
    text-align: left;
    padding: 0px;
    margin: 0px;
}
.wpz1 .wpft {
    display:none;
}
.wpz1 .search {
       float: right;
}
.wpz1 .logo{
       float: left;
}
.wpz1 .nav {
       position:                  relative;
       top:                       0px;
       float:                     left;
       width:                     100%;
       z-index:                   7;
}
.wpz1 .nav a:link, .wpz1 .nav a:visited {
       width:                            auto;
       float:                     left;
       white-space:        nowrap;
       z-index:                   500;
       display:                   block;
}
.wpz1 .nav a:hover, .wpz1 .nav a:active {
}
.wpz1 .nav ul{
       list-style:                none;
       float:                     left;
       left:                      0;
       margin:                           0;
       padding:                   0;
       width:                     auto;
       z-index:                   500;   }
.wpz1 .nav li {
       position:                  relative;
       float:                            left;  
       display:inline;
       padding: 0px 8px 0px 4px;
}
.wpz1 .nav li a:link, .wpz1 .nav li a:visited, 
.wpz1 .nav li a.hi {
       width:                            auto;
       float:                     left;
       white-space:        nowrap;
       z-index:                   500;
       display:                   block;
}
.wpz1 .nav li a:hover, .wpz1 .nav li a:active {
}
.wpz1 .nav ul ul{
       position:                  absolute;
       display:                   none;
       top:                       24px; 
       z-index:                   500;
       background-color:   white;
}
.nav ul ul li{
       background-color:   white;
}      
.wpz1 .nav li:hover ul ul,
.wpz1 .nav li li:hover  ul ul{
       display:                   none !important;}
.wpz1 .nav li:hover ul,
.wpz1 .nav li li:hover ul{
       display:                   block !important;}