HTML, BODY {
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 11px;
}

BODY {
  padding: 0px;
  margin: 0px;
  background: #E5E5E5;
}


/*******************************************/
/*******************************************/

.page_container {
  width: 58%;
  margin-left: auto;
  margin-right: auto;
  min-height:auto;
}

/*******************************************/
/*******************************************/

#header .grid,
#footer .grid {
  overflow: hidden;
}

#header .grid_1,
#header .grid_2,
#header .grid_3,
#header .grid_4,
#header .grid_5,
#header .grid_6,
#header .grid_7,
#header .grid_8,
#header .grid_9,
#header .grid_10,
#header .grid_11,
#header .grid_12,
#footer .grid_1,
#footer .grid_2,
#footer .grid_3,
#footer .grid_4,
#footer .grid_5,
#footer .grid_6,
#footer .grid_7,
#footer .grid_8,
#footer .grid_9,
#footer .grid_10,
#footer .grid_11,
#footer .grid_12 {
  display: inline;
  float: left;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

#header .grid_12, #footer .grid_12 { width: 960px; }
#header .grid_11, #footer .grid_11 { width: 880px; }
#header .grid_10, #footer .grid_10 { width: 800px; }
#header .grid_9, #footer .grid_9 { width: 720px; }
#header .grid_8, #footer .grid_8 { width: 640px; }
#header .grid_7, #footer .grid_7 { width: 560px; }
#header .grid_6, #footer .grid_6 { width: 480px; }
#header .grid_5, #footer .grid_5 { width: 400px; }
#header .grid_4, #footer .grid_4 { width: 320px; }
#header .grid_3, #footer .grid_3 { width: 240px; }
#header .grid_2, #footer .grid_2 { width: 160px; }
#header .grid_1, #footer .grid_1 { width: 80px; }

.clear { clear: both; }
.row_clear_1 { display: none; }
.row_clear_2 { display: none; }
.row_clear_3 { display: none; }

/*******************************************/
/*******************************************/

#header {
  display: block;
  position: relative;
  background: url(/images/header_ggd_beeldmerk.png) no-repeat right center;
  overflow: hidden;
  clear: both;
}

A.ggd_name {
  display: block;
  background: url(/images/ggd_amsterdam_logo.png) no-repeat 0 0;
  height: 34px;
  width: 238px;
  margin: 10px 0 5px 5px;
}
A.ggd_name:hover,
A.ggd_name:focus {
  background: url(/images/ggd_amsterdam_logo_hover.png) no-repeat 0 0;
}

.ggd_subname {
  display: block;
  height: 34px;
  margin: 0 0 10px 7px;
  font-size: 20px;
}

/*******************************************/
/*******************************************/

#navigation {
  display: block;
  overflow: hidden;
}

#navigation UL, #navigation LI {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

#navigation DIV UL LI {
  display: block;
  white-space: nowrap;
}

#navigation DIV.primair {
  margin-bottom: 1.09em;
  margin-top: 5.813em;
}

#navigation div.primair UL LI {
  margin-left: 10px;
}

#navigation div.primair UL LI {
  float: left;
  width: 230px;
}

#navigation DIV.primair UL LI A {
  display: block;
  background: url("/images/sprite_bullets_big.png") no-repeat scroll -1000px 4px;
  color: #000000;
  font-family: Arial, sans-serif;
  font-size: 20px;
  line-height: 26px;
  padding: 0 0 0 25px;
  text-decoration: none;
}

#navigation DIV.primair UL LI A:hover { background-position: -1000px -996px; color: #FF0000; }

#navigation DIV.secundair UL,
#navigation DIV.tertiair UL {
  margin-bottom: 1.454em;
  margin-top: 1.454em;
}

#navigation DIV.secundair UL LI A {
  background: url("/images/sprite_bullets_small.png") no-repeat scroll 0 4px;
  color: #000000;
  display: block;
  font-family: Arial, sans-serif;
  font-size: 13px;
  line-height: 22px;
  padding: 0 0 0 13px;
  text-decoration: none;
}

#navigation DIV.secundair UL LI A:hover { background-position: 0 -3996px; }

#navigation DIV.tertiair UL LI A {
  background: url("/images/sprite_bullets_small.png") no-repeat scroll 0 4px;
  color: #666666;
  display: block;
  font-family: Arial, sans-serif;
  font-size: 13px;
  line-height: 22px;
  padding: 0 0 0 13px;
  text-decoration: none;
}

#navigation DIV.tertiair ul li a:hover { background-position: 0 -3996px; }

#navigation A:hover { color: #FF0000; }

/*******************************************/
/*******************************************/

.breadcrumbsOud {
  display: block;
  background: #333333;
  padding: 10px 20px 0px 20px;
  height: 28px;
  color: #FFFFFF;
  font-family: Arial, sans-serif;
  font-size: 14px;
  clear: both;
}
.breadcrumbs {
  display: block;
  
  background: #333333;
  padding: 10px 0px 0px 5px;
  height: 28px;
  color: #FFFFFF;
  font-size: 14px;
  clear: both;
}

.breadcrumbs A {
  display: block;
  background: url(/images/header_menu_arrow_small.png) no-repeat 8px 3px;
  color: #FFFFFF;
  text-decoration: none;
  float: left;
  padding: 0 0 0 22px;
}
.breadcrumbs A:hover,
.breadcrumbs A:focus {
  color: #FF0000;
}

.breadcrumbs A.first {
  background: none;
  padding: 0;
}

.notification {
  display: block;
  background: #0064CD;
  padding: 11px 20px 0px 20px;
  height: 27px;
  color: #FFFFFF;
  font-size: 11px;
  clear: both;
}

/*******************************************/
/*******************************************/

#section {
  display: block;
  background: #FFFFFF;
  overflow: hidden;
}

/*******************************************/
/*******************************************/

#footer, .footer {
  display: block;
  background: #333;
  height: 38px;
  overflow: hidden;
  color: #FFFFFF;
  font-size: 11px;
  line-height: 15px;
}

#footer .footer_title {
  display: block;
  font-weight: bold;
  font-size: 17px;
  padding: 20px 0px 15px 0px;
}

#footer .grid-inside {
  padding: 0px 10px 0px 20px;
}

#footer UL, #footer LI {
  list-style: none outside none;
  margin: 5px 0 0 0;
  padding: 0;
}

#footer A {
  display: block;
  background: url(/images/arrow_small_white.png) no-repeat 0 2px;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 15px;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
}

#footer_logo {
  display: block;
  position: relative;
  padding: 0 15px 10px 0;
  overflow: hidden;
  clear: both;
}

#footer_logo  A {
  display: block;
  position: relative;
  background: url(/images/ggd_amsterdam_logo_footer.png) no-repeat right center;
  width: 153px;
  height: 25px;
  float: right;
}
#footer_logo  A:hover,
#footer_logo  A:focus {
  background: url(/images/ggd_amsterdam_logo_footer_hover.png) no-repeat right center;
}


/*******************************************/
/*******************************************/


/** 3 COLUMNS **/
@media (min-width: 760px) and (max-width: 999px) {
  .page_container { width: 740px; }
  #header .grid_6, #footer .grid_6 { width: 240px; }
}



/** 2 COLUMNS **/
@media (min-width: 520px) and (max-width: 759px) {
  .page_container { width: 500px; }
}

/** 1 COLUMN **/
@media (max-width: 519px) {
  .page_container { width: 260px; }
  #header { background-image: none; }
  #header .grid, #footer .grid { width: auto; }
}