/*--- Reset ---*/
html,body,div,span,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ol,ul{list-style:none;}
blockquote:before,blockquote:after{content:none;}
table{border-collapse:collapse;border-spacing:0;}
input:focus,textarea:focus{border:0px solid #999; outline:0;}
a:hover, a:active, a:focus { outline: none; -moz-outline-style: none;}
::-webkit-input-placeholder {color:#787974;}
:-moz-placeholder {color:#787974;}
.placeholder {color:#787974;}
a { outline: 0 ;}
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*--- Clearfix ---*/
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}

/*--- Fonts --- */
/*--- Fonts ---*/
@font-face {
  font-family: 'Amsterdam Sans Light';
  font-style: normal;
  font-weight: 300;
  src: url(https://vragenlijstamsterdam.nl/ois/font/eot/AmsterdamSans-Light.eot?#iefix);
  src: url(https://vragenlijstamsterdam.nl/ois/font/eot/AmsterdamSans-Light.eot?#iefix) format('eot'),
    url(https://vragenlijstamsterdam.nl/ois/font/woff2/AmsterdamSans-Light.woff2) format('woff2'),
    url(https://vragenlijstamsterdam.nl/ois/font/woff/AmsterdamSans-Light.woff) format('woff');
}
@font-face {
  font-family: 'Amsterdam Sans Regular';
  font-style: normal;
  font-weight: 400;
  src: url(https://vragenlijstamsterdam.nl/ois/font/eot/AmsterdamSans-Regular.eot?#iefix);
  src: url(https://vragenlijstamsterdam.nl/ois/font/eot/AmsterdamSans-Regular.eot?#iefix) format('eot'),
    url(https://vragenlijstamsterdam.nl/ois/font/woff2/AmsterdamSans-Regular.woff2) format('woff2'),
    url(https://vragenlijstamsterdam.nl/ois/font/woff/AmsterdamSans-Regular.woff) format('woff');
}
@font-face {
  font-family: 'Amsterdam Sans Italic';
  font-style: italic;
  font-weight: 400;
  src: url(https://vragenlijstamsterdam.nl/ois/font/eot/AmsterdamSans-Italic.eot?#iefix);
  src: url(https://vragenlijstamsterdam.nl/ois/font/eot/AmsterdamSans-Italic.eot?#iefix) format('eot'),
    url(https://vragenlijstamsterdam.nl/ois/font/woff2/AmsterdamSans-Italic.woff2) format('woff2'),
    url(https://vragenlijstamsterdam.nl/ois/font/woff/AmsterdamSans-Italic.woff) format('woff');
}
@font-face {
  font-family: 'Amsterdam Sans Bold';
  font-style: normal;
  font-weight: 700;
  src: url(https://vragenlijstamsterdam.nl/ois/font/eot/AmsterdamSans-Bold.eot?#iefix);
  src: url(https://vragenlijstamsterdam.nl/ois/font/eot/AmsterdamSans-Bold.eot?#iefix) format('eot'),
    url(https://vragenlijstamsterdam.nl/ois/font/woff2/AmsterdamSans-Bold.woff2) format('woff2'),
    url(https://vragenlijstamsterdam.nl/ois/font/woff/AmsterdamSans-Bold.woff) format('woff');
}
@font-face {
  font-family: 'Amsterdam Sans Bold Italic';
  font-style: italic;
  font-weight: 700;
  src: url(https://vragenlijstamsterdam.nl/ois/font/eot/AmsterdamSans-BoldItalic.eot?#iefix);
  src: url(https://vragenlijstamsterdam.nl/ois/font/eot/AmsterdamSans-BoldItalic.eot?#iefix) format('eot'),
    url(https://vragenlijstamsterdam.nl/ois/font/woff2/AmsterdamSans-BoldItalic.woff2) format('woff2'),
    url(https://vragenlijstamsterdam.nl/ois/font/woff/AmsterdamSans-BoldItalic.woff) format('woff');
}
@font-face {
  font-family: 'Amsterdam Sans Extra Bold';
  font-style: normal;
  font-weight: 800;
  src: url(https://vragenlijstamsterdam.nl/ois/font/eot/AmsterdamSans-ExtraBold.eot?#iefix);
  src: url(https://vragenlijstamsterdam.nl/ois/font/eot/AmsterdamSans-ExtraBold.eot?#iefix) format('eot'),
    url(https://vragenlijstamsterdam.nl/ois/font/woff2/AmsterdamSans-ExtraBold.woff2) format('woff2'),
    url(https://vragenlijstamsterdam.nl/ois/font/woff/AmsterdamSans-ExtraBold.woff) format('woff');
}


html, body {
	height: 100%;
}
body {
    vertical-align: baseline;
	background-color: #ccc;
	font-family: 'Amsterdam Sans Regular',arial,sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.39;
	text-align: left;
	color: #000000;
}
.wrapper {
	position: relative;
	max-width: 890px;
	margin: 0 auto;
	background-color: #fff;
	overflow: auto;
}
.gemeenteamsterdamlogo {
	position: relative;
	display: block;
	margin: 15px 20px 30px 31px;
}
.gemeenteamsterdamlogo img {
	max-width: 176px;
	width: 100%;
	height: auto;
}
.content {
	position: relative;
	margin: 0 65px 0 65px;
}
.q-container {
	min-height: 300px;
	height: auto !important; 
    height: 300px;
}
.greybar {
	position: relative;
	display: block;
	padding: 9px 65px 10px;
	color: #434343;
	font-size: 18px;
	font-weight: 500;
	text-align: left;
	background-color: #f3f3f3;
	margin: 0 -65px;
}
.footer {
	font-family:"Amsterdam Sans Extra Bold",arial,sans-serif;
	position: relative;
	display: block;
	padding: 50px 65px 90px 65px;
	background-color: #666;	
	margin: 0 -65px;
}
.footer a {
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
	width: 50%;
	float: left;
    margin-bottom: 8px;
	color: #fff;
	text-decoration: none;
	background-image: url(https://vragenlijstamsterdam.nl/ois/img/link-arrow.png);
	background-repeat: no-repeat;
	background-position: 20px 5px;
	background-size: 11px 11px;
}
.footer a:hover {
	text-decoration:underline;
}
.footer a span {
	padding: 0 10px 0 35px;
}

.contact{
	margin: 25px 0 0 0;	

}
.links{
	min-height: 200px;
}
.map {
	position: absolute;
	right: 20px;
	top: 63px;
	border-style: solid;
}
.map_frame{
	max-width: 400px;
	min-width: 320px;
	height: 270px;
}


h1,h2,h3,h4,h5,b {
	font-family:'Amsterdam Sans Bold',arial,sans-serif;
	margin:0; 
	padding:10px 0 0;
	display:inline;
}
h1 {font-size: 32px; font-weight:500;}
h2 {font-size: 24px; font-weight:500;}
h3 {font-size: 20px; font-weight:500;}
h4 {font-size: 18px; font-weight:500;}
h5 {font-size: 16px; font-weight:500;}
h6 {font-size: 14px; color: #787878; font-weight:500;} /* voor instructieteksten */

p,ul,ol {margin:0 0 20px 0; padding:0;}

b {font-weight:500;}
i {font-style: italic;}

.q-container a {
	text-decoration:none;
	font-family:"Amsterdam Sans Bold",arial,sans-serif;
	color: #004699;
}
.q-container a:hover {
	color: #ec0000;
}

.TKop {
	color:black !important;
}

:focus {
    outline: 0;
   	outline: none;
}

@media screen and (max-width:700px) {
	.gemeenteamsterdamlogo {
		margin: 15px 20px 30px 20px;
	}
	.footer a {
		width: 100%;
	}
	.content {
		position: relative;
		margin: 0 20px 0 20px;
	}
	.map {
		position: relative;
		bottom: 18px;
		right: auto;
		top: auto;
	}
	.links{
	min-height: auto;
	}
}