html, body, iframe {
   margin:0; /* remove any margins of the IFrame and the body tag */
   padding:0;
   height:100%; /* set height 100% so that it fills the entire view port*/
   word-wrap:break-word;

}

html
{
	height: 100%;
}

body, html {
	font: 92.7%/1.6 verdana, arial, sans-serif;
    background-color: #e5e5e5;
}

iframe {
   display:block; /* force the iframe to display as block */   
   height:100%; /* assign 100% height */
   width: 100%;
   border:none;
}

h1, h2, h3, h4, h5, h6 {
font-family: 'Avenir LT W01 85 Heavy','AvenirHeavy', Arial, sans-serif;
font-weight : normal;
margin-top: 0;
}

/*** HEADER ***/

h1.gemeenteamsterdam a, h1.oens a {
    display: inline-block;
    line-height: 1em;
    padding: 0;
    margin: 0;
    color:#f00 !important;
}
h1.gemeenteamsterdam a {
    font-size: 29px;
}
h1.oens a {
    font-size: 26px;
}
h1.gemeenteamsterdam a:hover, .oens a:hover {
    text-decoration:none;
}
.oens { 
    float:right;
}
header {

}
header h3,
header h3 a {
	font-size:29px;
	text-align:left;
	border-bottom:0;
	letter-spacing: 0;
	color:#f00 !important;
	font-weight:normal;
	padding:0;
	margin:0;
}
header h3 a:hover {
text-decoration:none;
}
header .span_4_of_4 {
	padding-bottom:0;
}
#headcontainer .standaard_link {
	font-size:1.2em;
	font-family: 'Avenir LT W01 85 Heavy','AvenirHeavy',arial,sans-serif;
	font-weight : normal;
}

/*** MAIN NAV   */

nav a:link,
nav a:visited {
	color:#000;
}
nav a.subitem:link,
nav a.subitem:visited {
	color:#999;	
}
nav a:hover,
nav a:active,
nav.subitems a:hover,
nav.subitems a:active {
	color:#f00;
	text-decoration: none;
	}

nav ul li:nth-child(3n+3) {
}

nav li a,
footer li a {
	font-weight: normal;
	padding: 0.1em 0 0.2em 0;
}



/* three columns main nav */

/*.three_columns .last {
color:#999;
}*/

/*** BREADCRUMBS   */

ul.horizontalnav {
	padding-top:1em;
	padding-bottom:0.2em;
    margin-left: 12px;
	word-wrap: normal;
}
ul.horizontalnav li {
	list-style: none;
	float: left;
	position: relative;
	margin: 0 8px 6px 0;
	padding: 0;
	white-space: normal;
}
ul.horizontalnav li a {
	color:#fff;
	padding-right:0.5em;
    font-family: "Avenir LT W01 85 Heavy","AvenirHeavy",arial,sans-serif;
    font-weight: normal;
    font-size: 1.273em;
    /* line-height:1.3em; */
}
ul.horizontalnav li:after {
	font-family: "FontAwesome";
	content: "\f054";
	padding-left:0.2em;
}
ul.horizontalnav a {
	font-weight:normal;
	color:#fff;
	font-size:1.1em;
}
ul.horizontalnav a:hover {
	color: #f00;
}
ul.horizontalnav i { 
	color:#999;
	font-weight:normal;
}

#breadcrumbsearchcontent .col { margin:2px 0 2px 0 !important; }

/*  HOMEPAGE   */

#splash_bericht {
	position: relative; 
	}
#splash_bericht img {
	max-height:320px;
	}	
#splash_bericht h3 {
	display:inline-block;
	margin-left:0;
	position: absolute; 
	bottom: 44px;  
	left:0; 
	background: rgb(255, 0, 0); /* fallback color */
	background: rgba(255, 0, 0, 1);
	color:#fff;
	padding: 1em 1.2em 1em 0.5em; 
}	
#splash_bericht h3:before {
	font-family: "FontAwesome";	
	content: "\f054";
	margin-right:0.5em;
}
.row2 .red p,
.row2 .red ul,
.row2 .blue p,
.row2 .blue ul {
	padding:0 12px;
}	
.row2 .red h4,
.row2 .blue h4 {
	padding:12px 12px 0 12px;
}

/*  SEARCH   */

.searchbutton {
	color:#fff;
	background-color:#333; 
	-webkit-appearance: button;
	padding: 0.2em 0.2em 0 0.2em;
	margin: 0;
	cursor: pointer;
	text-shadow: 0;
	font-size: 0.875em; 
}
.searchbutton:hover {
	background-color:#f00;
}



/*  ARROW   */


.arrow_box {
	position: relative;
	background: #88b7d5;
	border: 4px solid #c2e1f5;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #88b7d5;
	border-width: 30px;
	left: 50%;
	margin-left: -30px;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #c2e1f5;
	border-width: 36px;
	left: 50%;
	margin-left: -36px;
}


/*  IMAGES   */

img {
	border: 0;
	}	
img.imgleft {
	margin: 0.5em 12px 0.5em 25px;
	float:left;
	}	
img.imgright {
	margin: 0.5em 25px 0.5em 12px;
	float:right;
	}	


/*  ICONS AT BOTTOM OF PAGE   */

p.socialmedia a {
	background-color:#999;
	color:#fff;
	display:inline-block;
	width:3em;
	height:3em;
}
p.socialmedia a:hover {
	background-color:#f00;
}
p.socialmedia i {
	display:inline-block;
	margin:0;
	padding:0.6em;
}
	
	
/*  LINKS   */

ul, li {
	margin: 0;
	list-style: none;
	list-style-image: none;
}

ul.standaard_link,
ul.download_link,
ul.external_link { 
	margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-position: inside;
    word-wrap:break-word;
	}
ul.standaard_link a { 
    word-wrap: break-word;
	}
	
#maincontent ul.standaard_link li,
#maincontent ul.download_link li,
#maincontent ul.external_link li,
#secondnavcontainer  ul.borderbottom_link li { 
	margin:1em 0 0.4em 1.3em;
	}

header ul.standaard_link li,
footer ul.standaard_link li { 
    margin-left: 1.6em;
	margin-bottom:0em;
	}		
ul.standaard_link li:before,
ul.download_link li:before,
ul.external_link li:before { 
	font-family: "FontAwesome";
    font-size: 110%;
    font-weight: normal;
	color:#999;
    vertical-align:top;
    float: left;
    margin-left: -1.1em;
	}
ul.standaard_link li:before { 
	content: "\f054";
	}
	
ul.download_link li:before { 
	content: "\f019";
	}
ul.external_link li:before { 
	content: "\f08e";
	}
ul.standaard_link ul { 
	margin-left:2em;
	}
ul.standaard_link .date {
	display:block;
	margin-left:-1em;
	font-size:1.1em;
	text-transform:capitalize;
	color:#f00;
	border-bottom:1px solid #f00;
	margin-bottom:0.5em;
	margin-top:1em;
}

#secondnavcontainer  ul.borderbottom_link { 
	margin-left:0;
	margin-right:0.5em;
	margin-top:0.5em;
	word-wrap:break-word;
	width:100%;
	}	
#secondnavcontainer  ul.borderbottom_link li { 
	float:left;
	display:inline-block;
	width:24.4%;
	margin-right:0.5em;
    margin-left:0;
	border-bottom:1px dotted #999;
	color:#333;
}	
#secondnavcontainer ul.borderbottom_link li:before {
	margin-left:-0.5em;
	color:#333;
	padding-right:0;
	content: "";
}

#secondnavcontainer ul.borderbottom_link a,
#tabs ul a {
}

#secondnavcontainer ul.borderbottom_link .horizontal_submenu a {
	font-family: 'Avenir LT W01 85 Heavy','AvenirHeavy',arial,sans-serif !important;
	font-size: 1.2em;	
	font-weight:normal;
}




#submenu h5 {color:#f00;}
h5+ul {
margin-top: 1em;
}

#secondnavcontainer ul.borderbottom_link li.selected {
	border-bottom:1px solid #f00;
	opacity:1;
	color:#f00;
}
#secondnavcontainer ul.borderbottom_link li:before {
	font-family: "FontAwesome";
	content:"\f054";
	color:#000;
	padding-left:0.2em;
	margin-left:0;
}
#secondnavcontainer ul.borderbottom_link li.selected:before {
	font-family: "FontAwesome";
	content:"\f054";
	color:#f00;
	padding-left:0.2em;
	margin-left:0;
}
#secondnavcontainer ul.borderbottom_link li.selected a {
	color: #f00;
	font-weight:normal;
	opacity:1;
}
ul.standaard_link li.vertical_submenu.selected:before {
	color:#f00;
}




#submenu li.selected, 
#submenu li.selected:link, 
#submenu li.selected:visited {
}
#submenu li.selected a {
	color: #f00;
}
			
p.meer_link {
	font-family: "FontAwesome";
	color:#666;
	margin-top:2em;
	vertical-align: middle;
	vertical-align: -webkit-baseline-middle;
}	
p.meer_link:before { 
	content: "\f067";
	font-size: 2.25em;
	padding-right:0.3em;
	vertical-align: middle;
	vertical-align: -webkit-baseline-middle;
	}	
p.meer_link a {
	font-family:verdana;
}

a[href$=".pdf"]:after,
a[href$=".txt"]:after,
a[href$=".xlsx"]:after,
a[href$=".xls"]:after {
	color:#fff;
	background-color:#f00;
	padding:1px 2px;
	font-size:0.8em;
	margin-left:0.4em;
}


.red a[href$=".pdf"]:after,
.blue a[href$=".pdf"]:after,
.red a[href$=".txt"]:after,
.blue a[href$=".txt"]:after,
.red a[href$=".xls"]:after,
.red a[href$=".xlsx"]:after,
.blue a[href$=".xls"]:after {
	color:#f00;
	background-color:#fff;
	padding:1px 2px;
	font-size:0.6em;
	margin:0 0.5em;
}

a.nopdf[href$=".pdf"]:after
{
	content: "";
	background-color: white;
}

a[href$=".pdf"]:after,
.red a[href$=".pdf"]:after,
.blue a[href$=".pdf"]:after {
	content: "PDF";
}

a[href$=".txt"]:after,
.red a[href$=".txt"]:after,
.blue a[href$=".txt"]:after {
	content: "TXT";
}
a[href$=".xls"]:after,
.red a[href$=".xls"]:after,
.blue a[href$=".xls"]:after {
	content: "XLS";
}

a[href$=".xlsx"]:after,
.red a[href$=".xlsx"]:after,
.blue a[href$=".xlsx"]:after {
        content: "XLS";
}


.red li .filesize {
	color:#f00 !important;
	background-color:#fff;
	padding:1px 2px;
	font-size:0.8em;
	margin:0 0.2em;	
}
.content-type  {
	font-family: Verdana;
	background-color:#f00 !important;
	color:#fff;
	padding:1px 3px 1px 2px;
	font-size:0.8em;
	margin:0 0.2em 0 0.5em;	
	text-transform:uppercase;
}
.red button, .blue button, 
.red button i, .blue button i { color:#000 !important;}

/*  TYPOGRAPHY   */

p { 
font-size : 1em; /* 16 / 16 = 1 */ }

small { 
font-size : 0.9em;  }

sub, sup { 
font-size : 75%; 
line-height : 0; 
position : relative; 
vertical-align : baseline; }


h5 a {
	font-weight:normal;
}

a:hover+img {
	border:0;
}
#afzendercontainer h4,
#afzendercontainer h2 {
	color:#f00;
	display:block;
	padding-right:12px;
	font-family: 'Avenir LT W01 85 Heavy','AvenirHeavy',arial,sans-serif;
	font-weight : normal;
}
#afzendercontainer {
	text-align:right;
}
#afzendercontainer h2 {
	font-size:20px;
	padding-top:6px;
	}
#afzendercontainer h4 {
	font-size:14px;
	padding-top:12px;
	margin-top:0;
	}
	
.intro {
	font-weight:bold;
}
.red_txt {
	color:#f00;
}
.blue_txt {
	color:#f00;
}

/*  COLOR DIV's   */

.blue {
	background-color:#f00;
	color:#fff;
	margin-top:1%;	
	margin-bottom:1%;
	padding-bottom:4em;
}
.red {
	background-color:#f00;
	color:#fff;
	margin-top:1%;
	margin-bottom:1%;
	padding-bottom:4em;
}
.blue *, .blue a,
.blue li:before,
.red *, .red a,
.red li:before,
footer li:before {
	color:#fff !important;
}
.blue a:hover {
	/* background-color:#ff6666 !important; */
	text-decoration: underline;
}
.red a:hover {
	/* background-color:#4c93db !important; */
	text-decoration: underline;
}

a:hover + img {
	border-bottom:0;
}
.shadow {
  -moz-box-shadow:    2px 2px 0px 0px #000;
  -webkit-box-shadow: 2px 2px 0px 0px #000;
  box-shadow:         2px 2px 0px 0px #000;
}

/* TABELLEN BINNEN NIEUWSBERICHT */

.nieuws_tabel table {
	margin:0px;padding:0px;
	width:100%;
	border:1px solid #0066cc;
	color:#0066cc;
	table-layout:fixed;
}
.nieuws_tabel table {
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}
.nieuws_tabel th {
	border-bottom:1px solid #0066cc;
	border-right:1px solid #0066cc;
	font-weight:normal;
}
.nieuws_tabel tr.caption {
	background-color:#f00;
	color:#fff;
}
.nieuws_tabel table tr:hover td {
	
}
.nieuws_tabel tr:nth-child(odd) { 
	background-color:; 
	}
.nieuws_tabel tr:nth-child(even) { 
	background-color:#fff; 
	}
.nieuws_tabel td {
	vertical-align:middle;
	border:1px solid #f00;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
}
.nieuws_tabel tr:last-child td {
	border-width:0px 1px 0px 0px;
}
.nieuws_tabel tr td:last-child {
	border-width:0px 1px 1px 0px;
}
.nieuws_tabel tr:last-child td:last-child {
	border-width:0px 0px 0px 0px;
}
.nieuws_tabel tr:first-child td {
	border:0px solid #f00;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
}
.nieuws_tabel tr:first-child:hover td{
	background-color:#0066cc;
}
.nieuws_tabel tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.nieuws_tabel tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}
.nieuws_tabel_bron { font:0.9em italic;color:#999;}


/*  HEADER ORNAMENTS   */


.bordertop {
	border-top:2px solid #ccc;
	padding-top:18px;
	padding-bottom:14px;
}
.nobordertop {
	padding-top:18px;
	padding-bottom:14px;
}
h4.bordertop {
	font-size:1.65em;
}
.bordertopblue {
	border-top:2px solid #f00;
	padding-top:12px;
}
.bordertopred {
	border-top:2px solid #f00;
	padding-top:12px;
}


.infographic img {
	display:block;
	height:100%;
	margin-bottom:0.5em;
}


/*  REDUNDANT ELEMENTS FROM STIJLWEB   */

/*
.zwartehoek {
	margin-right: -11px;
	margin-bottom: -11px;
	float:right;
}

 
.triangle {
	width:0;
	height:0;
	border-bottom:60px solid #fff;
	border-left:60px solid #000;
	margin-right: -11px;
	margin-bottom: -11px;
	float:right;
}
*/


.corner {
	position:relative;
}
.corner:after {
   content:"";
   position:absolute;
   bottom:0;
   right:0;
   border-width:0 0 60px 60px;
   border-style:solid;
   border-color:#fff rgba(0,0,0,0.8);
   
   /* box-shadow: h-shadow v-shadow blur spread color inset; */
   -webkit-box-shadow:8px 8px #fff, -1px -1px 1px rgba(0,0,0,0.6);
   -moz-box-shadow:8px 8px #fff, -1px -1px 1px rgba(0,0,0,0.6);
   box-shadow:8px 8px #fff, -1px -1px 1px rgba(0,0,0,0.6);
   }
#borderRight  {
   border-right: 4px solid #000;
   position: absolute;
   top: 0;
   bottom: 60px;
   right:0;
   }
#borderBottom  {
   border-bottom: 2px solid #ccc;
   position: absolute;
   left: 0;
   right:60px;
   bottom: 0;
   } 
   
/*** WIDGETS ***/

.widget {
	padding: 0.5em 1.4em 2em 1.4em;
	margin-bottom:1em;
}
.widget.image {
	padding:0;
    margin-top:24px;
}
.widget li {
	margin-bottom:1em;
}   
      
         

/*** BUTTONS ***/

button, input[type="button"], input[type="reset"], input[type="submit"] {
padding: 0.3em 0.5em 0.4em 0.5em;
margin: 0 0 0 1px;
cursor: pointer;
text-shadow: 0;
font-size:0.875em;
}

/*** TEKSTBROWSER ***/

.visuallyhidden, .tekstbrowser {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}

.debug {
	background-color: lightgrey;
	color: red;
	font-size: small;
}

.debug:before
{
	content: "\00bb";
	color: black;
	font-size: smaller;
}



/*** SITEMAP ***/

.alfabet_navigatie  a {
	background-color:#f00;
	color:#fff;
	display:inline-block;
	width:1.5em !important;
	height:1.5em !important;
	text-align:center;
	margin-bottom:2px;
}
.block_divider {
	color:#f00;
	margin-top:1em;
	border-bottom:1px solid #f00;
}
.block_divider a {
	color:#f00;
}
#sitemap li {
margin-bottom:0.1em !important;
}


/*** misc ***/


#jaarbalk { 
	} 
#jaarbalk li  {
	display:inline-block;
	margin-right:0.2em;
	margin-bottom:0.2em;
	font-size: 1.4em;
	padding:0.5em 0.8em;
	background-color:#f6f6f6;
	color:#000;
	border-right:4px solid #ccc;
	}
#jaarbalk li:hover  {

	background-color:#fff;
		}	
#jaarbalk li.selected  {
	background-color:#f00;
	color:#fff;
	border-right:4px solid #000;
	}
#jaarbalk li.selected a {
	color:#fff;
	}	
#jaarbalk li:after { 
	font-family: "FontAwesome";
	color:#ccc;
	list-style-position: outside;
	content: "\f078";
	margin-left:0.5em;
} 
#jaarbalk li.selected:after { 
	color:#fff;
} 
#jaarbalk a  {
	color:#000;
	font-size:14px;
	font-family: 'Avenir LT W01 85 Heavy','AvenirHeavy',arial,sans-serif !important;
	font-weight:normal;
} 
#jaarbalk a:hover  {
	color:#f00;
} 

.datum {
	color:#666;
}
.nohover {
	border-bottom: none !important;
}

#overkoepelende_titel h3 {
	display:block;
	border-bottom:1px solid #f00;
	margin: 0 auto 0.5em auto;
	font-family: 'Avenir LT W01 85 Heavy','AvenirHeavy',arial,sans-serif !important;
	font-size: 1.2em;
	color:#f00;
}
div.overkoepelende_titel {
	
}



/*** STYLE FROM OLD SITE ***/

span.type {
font-style: normal;
color: #fff;
background: #f00;
padding: 0em 0.4em;
text-transform: uppercase;
}

/*** DEBUG STYLE ***/

.debug_info {
	display: inline-block;
	color: #f00;
	background-color: #FFCCCC;
	padding:0.2em;
}


/*** Stijl voor vormgeving van generic dat onder andere 
     voor Amsterdam in Europa wordt gebruikt ***/

.second_title 
{
	margin-top: 2em;
}


.generic_news_image
{
	float:	right;
	margin-left: 1em;
}
.news-title {margin-top:0.22em;}

#nieuws p.intro {
font-weight:normal;
}


.bron_pub_download
{
	margin-top: 2em;
}



.btn-danger { background-color:; }


#editor_wrapper {max-width:960px;}

#editor_wrapper th,
#editor_wrapper td {
	font-size: 12px;
	font-family: Verdana,Geneva,sans-serif;
	padding:0.5em;
}
#editor_wrapper th {
	font-weight:bold;
}

.admin_lijst th,
.admin_lijst td { border:1px solid #ccc; background-color:#f5f5f5;}

/* achtergrondkleur voor zoekresultaten */
.highlight { background-color: yellow }


li.zoek
{
	padding-left: 2em;
}

#adminbar {
	display: block;
	background-color: #0f0;
	color: #000;
	position:fixed;
	top:0;
	left:45%;
	margin:0 auto;
	width: 20em;
	z-index: 8000;
	padding:1em auto;
	text-align:center;
	-moz-border-radius: 0 0 5px 5px;
	border-radius:  	0 0 5px 5px;
	-moz-box-shadow: 	2px 2px 2px black;
	-webkit-box-shadow: 2px 2px 2px black;
	box-shadow: 		2px 2px 2px black;
}                              
#adminbar ul {
	color:#000;
	margin:1em 0 0.5em 0;
}

#adminbar a {
	color:#000;
	padding:0.5em;
}

.grafiek_titel {
	color:#f00;
	font-size: 11px;
	font-family: verdana, arial, sans-serif;
}
h1.page_title {
	margin: 10px 0;
}


ul.nieuws > li
{
	  list-style: disc outside;
	  margin-left: 1.3em;
}


.selected {
	background-color: #f00;
	color: white !important;
	padding: 0;
	display: block;
}