@charset "UTF-8";
/* CSS Document */

*{ margin: 0; padding: 0; margin: 0;}
.wrapper{ width: 1100px; margin: auto;}

@font-face {
    font-family: 'intro_inlineregular';
    src: url('fonts/intro_inline-webfont.eot');
    src: url('fonts/intro_inline-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/intro_inline-webfont.woff2') format('woff2'),
         url('fonts/intro_inline-webfont.woff') format('woff'),
         url('fonts/intro_inline-webfont.ttf') format('truetype'),
         url('fonts/intro_inline-webfont.svg#intro_inlineregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sofia_proregular';
    src: url('fonts/sofiaproregular-webfont.eot');
    src: url('fonts/sofiaproregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sofiaproregular-webfont.woff2') format('woff2'),
         url('fonts/sofiaproregular-webfont.woff') format('woff'),
         url('fonts/sofiaproregular-webfont.ttf') format('truetype'),
         url('fonts/sofiaproregular-webfont.svg#sofia_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
span{ color: #FFF;}
span2{ color: #d61966; font-size: 22px;}
span3{ color: #d61966;}
span4{ color: #d61966; font-size: 30px;}

.title{font-family: intro_inlineregular; color: #FFF; font-size: 55px;}
.title2{font-family:sofia_proregular; font-size: 22px; color: #fff; line-height: 1.4em; margin-bottom: 20px;}
.date{font-family:sofia_proregular; font-size: 21px; color: #FFF;}
.subtitle{font-family:sofia_proregular; font-size: 32px; margin: 40px 0 0 0; line-height: 1.2em; color: #323132;}
.subtitle2{font-family:sofia_proregular; font-size: 22px; margin: 40px 0 0 0; line-height: 1.2em; color: #FFF;}
.subscription{font-family:sofia_proregular; font-size: 22px; color: #fff; margin-top: 40px; line-height: 1.4em; margin-bottom: 20px;}
.subscription2{font-family:sofia_proregular; font-size: 18px; color: #fff; line-height: 1.4em;}


h1{font-family: intro_inlineregular; color: #d61966; font-size: 55px; text-align: center; margin-top: 30px;}
h2{font-family: sofia_proregular; font-size: 32px; margin: 40px 0 0 0; line-height: 1.2em; color: #d61966; text-align: center;}

/* menu */
#menu{ background: #d61966; height: 100px; width: 100% !important; color: #FFF; font-family: sofia_proregular; min-width: 1100px;}
.menu_left{ float: left; width: 300px; padding-top: 20px;}
.menu_right{ float: right; width: 800px; padding-top: 40px;}
.menu_right ul li{ display: inline; margin-right: 80px;}
.logo{background: url('img/amsterdameetuit_logo.png'); background-size: 233px 60px; background-repeat: no-repeat; display: block; width: 233px; height: 60px;}

/* Header */
#header{ background: #FFF; width: 100% !important; height: 600px;}
.backgroundimg{ position: absolute; margin-top: 70px;}
.backgroundimg2{ position: absolute; margin-top: 430px; margin-left: 700px;}
.backgroundimg3{ position: absolute; margin-top: 430px; margin-left: 50px;}
.backgroundimg4{ position: absolute; margin-top: 402px; margin-left: 350px;}
.backgroundimg5{ position: absolute; margin-top: 402px; margin-left: 1010px;}


/* Madame */
#madame{ background: #ffe854; width: 100% !important; height: 700px; min-width: 1100px;}
.madame_left{ float: left; width: 600px; height: 342px; padding: 179px 0 179px 0;}
.madame_right{ float: right;width: 450px; height: 600px; padding: 90px 0 0 0;}
.madame_img{background: url('img/madametussaud.png'); background-size: 587px 342px; background-repeat: no-repeat; display: block; width: 587px; height: 342px;}

/* Wallen */
#wallen{ background: #ff757e; width: 100% !important; height: 700px; min-width: 1100px;}
.wallen_left{ float: left; width: 450px; height: 600px; padding: 90px 0 0 0;}
.wallen_right{ float: right; width: 600px; height: 365px; padding: 90px 0 245px 0;}
.wallen_img{background: url('img/dewallen.png'); background-size: 600px 365px; background-repeat: no-repeat; display: block; width: 600px; height: 365px;}

/* pontje */
#pontje{ background: #79bfff; width: 100% !important; height: 700px; min-width: 1100px;}
.pontje_left{ float: left; width: 600px; height: 341px; padding: 100px 0 241px 0;}
.pontje_right{ float: right;width: 450px; height: 600px; padding: 90px 0 0 0;}
.pontje_img{background: url('img/pontje.png'); background-size: 600px 359px; background-repeat: no-repeat; display: block; width: 600px; height: 359px;}

/* draaiorgels */
#draaiorgels{ background: #ffe854; width: 100% !important; height: 780px; min-width: 1100px;}
.draaiorgels_left{ float: left; width: 450px; height: 600px; padding: 90px 0 0 0;}
.draaiorgels_right{ float: right; width: 600px; height: 357px; padding: 90px 0 253px 0;}
.draaiorgels_img{background: url('img/draaiorgels.png'); background-size: 600px 343px; background-repeat: no-repeat; display: block; width: 600px; height: 343px;}

/* Zuidas */
#zuidas{ background: #ff757e; width: 100% !important; height: 700px; min-width: 1100px;}
.zuidas_left{ float: left; width: 600px; height: 247px; padding: 90px 0 363px 0;}
.zuidas_right{ float: right;width: 450px; height: 600px; padding: 90px 0 0 0;}
.zuidas_img{background: url('img/zuidas.png'); background-size: 600px 453px; background-repeat: no-repeat; display: block; width: 600px; height: 453px;}

/* stoomboot */
#stoomboot{ background: #79bfff; width: 100% !important; height: 700px; min-width: 1100px;}
.stoomboot_left{ float: left; width: 450px; height: 600px; padding: 90px 0 0 0;}
.stoomboot_right{ float: right; width: 600px; height: 323px; padding: 90px 0 287px 0;}
.stoomboot_img{background: url('img/stoomboot.png'); background-size: 600px 377px; background-repeat: no-repeat; display: block; width: 600px; height: 377px;}

/* Amsterdam Arena */
#arena{ background: #ffdc54; width: 100% !important; height: 830px; min-width: 1100px;}
.arena_left{ float: left; width: 600px; height: 398px; padding: 90px 0 212px 0;}
.arena_right{ float: right;width: 450px; height: 600px; padding: 90px 0 0 0;}
.arena_img{background: url('img/arena.png'); background-size: 600px 302px; background-repeat: no-repeat; display: block; width: 600px; height: 302px;}

/* Over ons */
#overons{ background: #FFF; width: 100% !important; height: 900px; min-width: 1100px; padding: 80px 0 0 0;}
#overons2{ background: #FFF; width: 100% !important; height: 200px; min-width: 1100px;}
.overons_left{ float:left; width: 525px;}
.overons_right{ float:right; width: 525px;}
.overons_left2{ float:left; width: 262px;}
.overons_right2{ float:right; width: 262px;}
.overons_title{ font-family: intro_inlineregular; color: #d61966; font-size: 55px; margin-bottom: 30px;}
.overons_subscription{ font-family:sofia_proregular; font-size: 18px; line-height: 1.4em; color: #000000; margin-top: 30px;}
.overons_button{text-align: center; width: 220px; height: 32px; padding: 9px 0 0 0; border: 1px #d61966 solid;  line-height: 1.2em; font-family:sofia_proregular; color: #d61966; font-size: 18px;}

/* Het concept */
#hetconcept{ background: #ffffff; width: 100% !important; height: 970px; min-width: 1100px;}
.hetconcept_left{ float: left; width: 50%; background: #f1f2f2; height: 970px; position: relative;}
.hetconcept_right{ float: right; width: 50%; background: #d61966; height: 220px; position: relative;}

.hetconcept_title{ position: absolute; width: 500px; font-family:intro_inlineregular; color: #d61966; font-size: 55px; margin-top: 80px;}
.hetconcept_title2{ position: absolute; width: 500px; font-family:sofia_proregular; color: #FFF; font-size: 55px; margin-top: 70px; margin-left: 615px;}
.hetconcept_subscription{ position: absolute; width: 500px; font-family:sofia_proregular; font-size: 18px; line-height: 1.4em; color: #d61966; margin-top: 180px;}
.hetconcept_subscription2{ position: absolute; width: 500px; font-family:sofia_proregular; font-size: 18px; line-height: 1.4em; color: #000000; margin-top: 250px; margin-left: 615px;}

/* Locaties */
#locaties{ background: #d61966; width: 100% !important; height: 100px; min-width: 1100px; padding: 70px 0 70px 0}
.locaties_title{ font-family: intro_inlineregular; color: #FFF; font-size: 55px; text-align: center;}

/* footer */
#footer{ background: #d61966; width: 100% !important; height: 140px; padding-top: 120px; min-width: 1100px;}
#footer2{ background: #d61966; width: 100% !important; height: 240px; min-width: 1100px;}
.footer_left{ float: left; width: 550px;}
.footer_right{ float: right; width: 233px; padding-left:317px;}
.footer_title{font-family: intro_inlineregular; color: #FFF; font-size: 55px;}
.footer_logo{background: url('img/amsterdameetuit_logo.png'); background-size: 233px 60px; background-repeat: no-repeat; display: block; width: 233px; height: 60px;}

.footer_left1{ float:left; width: 275px;}
.footer_right1{ float:right; width:275px;}
.footer_subscription{font-family:sofia_proregular; font-size: 16px; color: #323132; line-height: 1.6em;}
.footer_button{ text-align: center; width: 260px; height: 32px; padding: 9px 0 0 0; border: 1px #323132 solid; margin-left: auto; margin-right: auto; line-height: 1.2em; font-family:sofia_proregular; color: #323132; font-size: 16px; margin-top: 20px;}

.link{ margin-left: 10px;}

a:link{text-decoration: none; color: #FFF;}
a:visited{text-decoration: none;color: #FFF;}
a:hover {text-decoration: none; color: #FFF;}
a:active{text-decoration: none; color: #FFF;}

a.overons:link{text-decoration: none; color: #d61966;}
a.overons:visited{text-decoration: none;color: #d61966;}
a.overons:hover {text-decoration: none; color: #323132;}
a.overons:active{text-decoration: none; color: #d61966;}

a.footer:link{text-decoration: none; color: #323132;}
a.footer:visited{text-decoration: none;color: #323132;}
a.footer:hover {text-decoration: none; color: #FFF;}
a.footer:active{text-decoration: none; color: #323132;}

a.slider:link{text-decoration: none; color: #d61966;}
a.slider:visited{text-decoration: none;color: #d61966;}
a.slider:hover {text-decoration: none; color: #d61966;}
a.slider:active{text-decoration: none; color: #d61966;}

a.facebook:link{text-decoration: none; color: #323132;}
a.facebook:visited{text-decoration: none;color: #323132;}
a.facebook:hover {text-decoration: none; color: #d61966;}
a.facebook:active{text-decoration: none; color: #323132;}

a.facebook2:link{text-decoration: none; color: #d61966;}
a.facebook2:visited{text-decoration: none;color: #d61966;}
a.facebook2:hover {text-decoration: none; color: #000000;}
a.facebook2:active{text-decoration: none; color: #d61966;}