@charset "utf-8";
/* CSS Document */
/* main kleuren

lichtgroen: #b2d235
felroze: #d50074
oranje: #ee892d
blauw: #00a8ed
donkergrijs: #bdbdbd

*/

/* RESET */
html,body,div,span,applet,object,h1,h2,h3,p,a,em,font,img,strong, sub, sup,b,u,i,center,ol,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td 
									{ margin:0; padding:0; border:0; outline:0; font-size:100%; font-family:inherit; font-weight: inherit; }
div									{ position:relative; }
textarea							{ font-family:inherit; }
strong,.strong                      { font-weight:bold; }
/* MAIN */
a                                   { position:relative; z-index:999; }
a:link								{ color:#666666; text-decoration:underline; }
a:visited							{ color:#666666; text-decoration:underline; }
a:hover								{ color:#666666; text-decoration:underline; cursor:pointer; }
a:active							{ color:#666666; text-decoration:underline; }

#wrap #columns #center a:link			{ color:#d50074; text-decoration:underline; }
#wrap #columns #center a:visited		{ color:#d50074; text-decoration:underline; }
#wrap #columns #center a:hover			{ color:#666666; text-decoration:underline; cursor:pointer; }
#wrap #columns #center a:active			{ color:#d50074; text-decoration:underline; }

.clean                              { text-decoration:none !important; }
.normallink                         { color:#666 !important; }
a img 								{ border: none; }
body 				    { line-height:1.5em; font-family:Arial; color:#666666; font-size:12px !important; background-color:#fdfdfd; background-attachment:fixed;}
body .index                         { font-size:11px !important; line-height:1.5em !important; }
html, body 							{ height:100%; width:100%; }
.cleardiv 							{ clear:both; }
.clearfix:after 					{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix 							{ display:inline-block; }  /* for IE/Mac */
h1                                  { position:relative; font-size:22px !important; font-weight:bold !important; color:#d50074; display:block; }
h2                                  { color:#d50074; font-weight:bold !important; font-size:20px !important; margin:0px 0px 15px 0px; }
h3                                  { color:#fff!important; font-size:22px!important; margin:0px 0px 20px 0px !important; font-weight:bold !important; }
.indent                             { text-indent:-3000px; }
hr									{ border:none; background-color:#adadae; color:#adadae; height:1px; margin-bottom:15px; }
.shadow                             { height:100%; width:100%; position:absolute; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; top:1px; left:1px; }
.header                             { display:block; margin:10px 0px 10px 10px; text-indent:-3000px; height:14px; background: url(../images/header-sprite.png); }
.header h1                          { margin:0px !important; /* IE6 */ line-height:14px !important; }
.floatright                         { float:right; }
label                               { color:#e0e0e0; font-weight:bold; }
label select                        { margin-left: 10px; }
.wit                                { color:#fff !important; }
.activepage                         { font-weight:bold; text-decoration:underline; color:#d50074 !important; }
.linkFilled                         { position:absolute; display:block; z-index:999; width:100%; height:100%; }
.error                              { color:#FF0000; }
/* MAIN STYLE ELEMENTS */
#wrap                               { width:975px; height:auto; margin:auto; background-color:#fdfdfd; padding:10px 22px 20px 23px; }
/* navigation */
#navigation                         { width:975px; height:66px; }
#logo								{ position:absolute; top:-4px; background: url(../images/Logo-Stadshart-Almere.png); width:240px; height:90px; z-index:700; }
#navigation ul                      { list-style:none; display:block; float:right; padding: 29px 0px 0px 0px; }
#navigation ul li                   { display:block; float:left; border-right:1px dotted #b2d235; height:33px;  }
#navigation ul li #navhome          { background:url(../images/nav_home.png) center 1px no-repeat; width:39px; }
#navigation ul li #navwinkels       { background:url(../images/nav_winkels.png) center 0px no-repeat; width:51px; }
#navigation ul li #navplattegrond   { background:url(../images/nav_plattegrond.png) center 1px no-repeat; width:79px; }
#navigation ul li #navopeningstijden{ background:url(../images/nav_openingstijden.png) center 0px no-repeat; width:94px; }
#navigation ul li #navbereikbaarheid{ background:url(../images/nav_bereikbaarheid.png) center 0px no-repeat; width:97px; }
#navigation ul li #navparkeren      { background:url(../images/nav_parkeren.png) center 1px no-repeat; width:63px; }
#navigation ul li #navevenementen   { background:url(../images/nav_evenementen.png) center 1px no-repeat; width:88px; }
#navigation ul li #navfotos         { background:url(../images/nav_fotos.png) center 1px no-repeat; width:40px; }
#navigation ul li #navcontact       { background:url(../images/nav_contact.png) right 1px no-repeat; width:49px; }
#navigation ul li a                 { display:block; height:100%; z-index:500; position:relative; }
#navigation ul li.last,#navigation li.last a { border-right:none; padding-right:0px; }
/* navigation */
#header                          	{ width:975px; height:230px; z-index:500; }
.headerimage                        { width:975px; height:230px; display:block; position:absolute; z-index:500; top:0px; left:0px; }
.headerimage:hover                  { cursor:pointer; }

#headernavigation                   { position:absolute; top:235px; width:120px; z-index:999; }
#headernavigation a                 { width:30px; height:24px; padding-top:6px; margin-left:10px; background:#000; text-align:center; font-size:15px; font-weight:bold; z-index:999; float:left; text-decoration:none; }
#headernavigation #control1         { background: url(../images/control1.png); }
#headernavigation #control2         { background: url(../images/control2.png); }
#headernavigation #control3         { background: url(../images/control3.png); }

/* header op vervolgpaginas */
#image2                             { display:none; }
#image3                             { display:none; }

#columns                            { width:977px; height:auto; background-color:#fff; background: url(../images/column-bg.png) repeat-y; } /* wrapper for columns */
#columnsclean                       { width:977px; height:auto; background-color:#fff; }
.column                             { height:auto; background-color:#fff; border-left:1px solid #f1f1f1; border-top:1px solid #f1f1f1; float:left; border-right:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; }
/* subnavigatie */
#subnav								{ list-style:none; margin-top:15px; border-top:1px solid #bdbdbd; }
#subnav li                          { display:block; border-bottom:1px solid #bdbdbd; width:195px;  }
#subnav li:hover                    { background-color:#f1f1f1; }
#subnav li a                    	{ display:block; height:21px; padding:4px 0px 0px 8px; width:187px; }
#subnav li.active                   { background-color:#d50074; }
#subnav li.active a                 { color:#fff; }

#rightbar #cse-search-box                 { display:block; border-bottom:1px solid #bdbdbd; padding:15px 0px 15px 0px; margin:0px 0px 15px 0px; height:25px; }
#rightbar #cse-search-box #searchInput    { float:left; width:139px; height:19px; padding:2px 0px 0px 4px; margin-top:1px; background:url(../images/header-sprite.png) -54px -228px; border:none; font-size:13px; }
#rightbar #cse-search-box #submitBtn      { float:right; display:block; height:22px; width:45px; background:url(../images/header-sprite.png) 0px -226px; border:none; }
#rightbar #bannerAdRightbar         { border-top:2px solid #00a8ed; margin:15px 0px 0px 0px; }

/* INDEX PAGE */
#column1                   			{ width:332px; margin:10px 8px 0px 0px; height:325px; }
#column1 table                      { width:310px; margin:0px 0px 0px 10px; line-height:17px; }
#column1 #bereikbaarheid            { background: url(../images/header-sprite.png) 0px -144px no-repeat; width:300px; height:71px; margin:0px 0px 0px 27px; z-index:1; }
#column1 #bereikbaarheid a          { display:block; width:50px; height:55px; float:left; z-index:10; margin-right:7px; }
#column1 #openingstijdenheader      { width:121px; background-position:0px 0px; margin-bottom:17px; }
#column1 #bereikbaarheidheader      { width:125px; background-position:0px -14px; margin-top:17px; margin-bottom:25px; }

#column2                   			{ width:268px; margin:10px 8px 0px 0px; height:325px;  }
#column2 #activiteitenheader       	{ width:213px; background-position:0px -28px; }
#column2 table                      { width:242px; margin:0px 0px 0px 13px;  }
#column2 table td                   { padding:6px 0px 6px 0px; border-bottom:1px solid #d50074;  }
#column2 table td.lastrow          	{ border:none; padding:12px 0px 0px 0px; z-index:1; }
#column2 table td.lastrow a         { color:#d50074; font-weight:bold; z-index:10; text-decoration:none; position:relative; }
#column2 table td a 				{ z-index:900;position:relative; }

#column3                   			{ width:354px; margin:14px 0px 8px 0px; height:138px; }
#column3 #koopzondagenheader      	{ width:226px; background-position:0px -42px; }
#column3 table                      { width:354px; margin:0px 0px 0px 0px; }
#column3 table td                   { border-right:1px solid #ee892d; padding:0px 0px 0px 10px; line-height:15px; }
#column3 table td.lastcolumn        { border:none; }

#column4                   			{ width:354px; margin:0px 0px 8px 0px; height:138px; z-index:1; background:url(../images/homepage_zoekenwinkel_vergrootglas.png) bottom right no-repeat; }
#column4 #zoekheader                { width:133px; background-position:0px -56px; margin-bottom:19px; }
#column4 ul                         { list-style:none; margin:0px 0px 0px 15px; width:330px; }
#column4 ul li                      { display:block; float:left; width:25px; height:22px; margin:0px 5px 5px 0px; background:#fcf5f0; z-index:10; position:relative; }
#column4 ul li a                    { display:block; padding:3px 0px 0px 0px; height:19px; width:25px; text-align:center; color:#ee892d; font-weight:bold; text-transform:uppercase; text-decoration:none; }
#column4 ul li a:hover              { background: #ee892d; color:#fff; }
#column4 ul li.first                { width:55px; color:#666666; }
#column4 ul li.first a              { width:55px; }

#column5                   			{ width:354px; height:29px; z-index:1; }
#column5 #inschrijvenheader         { width:334px; background-position:0px -70px; margin-top:7px !important; z-index:1; }
#column5 a       					{ display:block; height:29px; width:354px; position:absolute; top:0px; left:0px; z-index:10; }
#footer                             { width:958px; height:30px; border:1px solid #ffffff; margin:10px 0px 0px 0px; padding:10px;}
#footer #sitemaplink                { position:absolute; right:15px; top:10px; width:75px; height:25px; background:url(../images/sitemap_icon.png); }
#footer #citymalllink               { position:absolute; right:115px; top:10px; width:97px; height:25px; background:url(../images/cma-logo-footer.png); background-position: 0px 0px;}
#footer #citymalllink:hover 		{ background-image: url(../images/cma-logo-footer.png); background-position: 0px 0px; }

/* STANDARD */
#leftbar                            { width:195px; float:left; height:auto; padding:30px 25px 30px 30px; }
#center                             { width:423px; float:left; height:100%;	min-height:100%; padding:30px 20px 30px 30px; }
#centerfull                         { width:927px; float:left; height:100%;	min-height:100%; padding:30px 20px 30px 30px; }
#center h1                        	{ margin-bottom:15px; }
#rightbar                           { width:195px; float:left; height:auto; padding:30px 30px 30px 25px; }
#rightbar h1                        { color:#00a8ed; }
#subfooter                          { height:220px; background-color:#ee892d; border-top:1px solid #f8f8f8; width:100%; }
#subfooter #evenementen             { width:221px; height:190px; background:url(../images/footer_gradientbgline.png) left top no-repeat; float: right; padding:15px; color:#fff; }
#subfooter #nieuwsbrief             { width:221px; height:190px; background:url(../images/footer_gradientbgline.png) left top no-repeat; float: right; padding:15px; color:#fff; }
#subfooter #nieuwsbrief #nieuwsbriefinput 		{ width:130px; height:19px; background:url(../images/header-sprite.png) 0px -316px; border:none; line-height:21px; float:left; padding:2px 0px 0px 4px; }
#subfooter #nieuwsbrief #nieuwsbriefsubmit 		{ width:75px; height:22px; background:url(../images/header-sprite.png) -146px -315px; border:none; float:right; }

/* evenementen overzicht */
#roze-header-blok                   { padding:0px 0px 0px 6px; color:#fff; background-color:#d50074; margin:0px 0px 10px 0px; height:25px; line-height:25px; }
.evenement-item                     { padding:9px; margin: 12px 0px 0px 0px; border:1px solid #dadada; height:87px; background-color:#f3f3f3; }
.evenement-item img                 { display:block; height:85px; width:90px; border:1px solid #dadada; background-color:#dadada; }
.evenement-item .title              { position:absolute; left:111px; top:6px; }
.evenement-item .description        { position:absolute; left:111px; top:45px; width:290px; }
.evenement-item .meer               { position:absolute; left:360px; top:82px; color:#d50074; }
#paging                             { margin-top:50px; display:block; float:right; }
#evenementdetail p                  { margin:10px 0px 0px 0px; }
#evenementdetail li                 { margin:0px 0px 0px 15px; padding:0px 0px 0px 5px;  }
/* uit het hart */
.kalender-item                     	{ padding:9px; margin: 12px 0px 0px 0px; }
.kalender-item.first               	{ padding:9px; margin: 12px 0px 0px 0px; /*border:2px solid #D50074;*/ }
.kalender-item .title              	{ color:#d50074; font-weight:bold; }
.kalender-item a.absolut       		{ position:absolute; display:block; width:100%; height:100%; left:0px; top:0px; }

/* winkeloverzicht */
ul.winkelzoek                       { list-style:none; margin:15px 0px 0px 0px; width:420px; background-color:#fbfbfb; }
ul.winkelzoek li                    { display:block; float:left; width:25px; height:22px; margin:0px 5px 5px 0px; background:#f1efed; z-index:10; position:relative; }
ul.winkelzoek li a                  { display:block; padding:2px 0px 0px 0px; text-align:center; color:#444444; font-size:11px; font-weight:bold; text-transform:uppercase; text-decoration:none; }
ul.winkelzoek li:hover              { background: #d1d1d1; }
ul.winkelzoek li.first              { width:55px; }

/* winkelbranche */
ul.winkelbranche                    { list-style:none; float:left; margin:15px 0px 0px 0px; width:210px; /*background-color:#fbfbfb;*/ }
ul.winkelbranche li                 { display:block; width:auto; margin:0px 5px 5px 0px; background:#f1efed; z-index:10; position:relative; }
ul.winkelbranche li a               { display:block; padding:2px 6px 2px 6px; text-align:left; color:#444444; font-size:11px; font-weight:bold; text-transform:uppercase; text-decoration:none; }
ul.winkelbranche li:hover           { background: #d1d1d1; }
ul.winkelbranche li.first           { width:55px; }

/* a tot z overzicht */
.winkelLijstBlok                    { width:415px; }
.winkelLijstBlok h2                 { border-bottom: 1px solid #bdbdbd; color:#d50074; height:34px; line-height:34px; font-weight:bold; margin:15px 0px 0px 0px; font-size:22px; }
.winkelLijstBlok ul                 { padding:15px 0px 0px 15px; }
.winkelLijstBlok li                 { list-style:none; }
.winkelLijstBlok ul li a:hover      { text-decoration:underline !important; }
/* winkeldetail */
#winkelimage                        { width:415px; height:136px; border-top:1px solid #bdbdbd; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #bdbdbd; display:block; background:url(../images/image-bg.png); }
#winkellogowrap                     { border-top:1px solid #d50074; border-bottom:1px solid #bdbdbd; margin-bottom: 15px; width:180px; }
#winkellogo                         { display:block; background-color:#d1d1d1;  }
#winkelDetailLeft                   { width:200px; height:370px; border-right:1px solid #bdbdbd; float:left; }
#winkelDetailLeft p                 { padding:0px 0px 30px 0px; }
#winkelDetailLeft table .middle     { padding:0px 2px 0px 10px; font-weight:bold; }
#winkelDetailRight                  { width:185px; height:370px; float:left; padding:0px 0px 0px 25px; }
#winkelDetailRight img              { float:left; margin-top:9px; }
#winkelDetailRight img.second       { margin-left:20px; }
#winkelDetailRight table .middle    { padding:1px 5px 1px 1px; font-weight:bold; }
/* markt */
#marktimage                        	{ width:415px; height:136px; border-top:1px solid #bdbdbd; background-color:#bdbdbd; }
#marktinfo                          { font-weight:bold; padding:10px 0px 10px 0px; border-bottom:1px solid #bdbdbd; margin:0px 0px 10px 0px; }
/* bereikbaarheid routeplanner */
#bloklinks                          { width:113px; height:85px; background-color:#d50074; margin:30px 0px 0px 0px; float:left; color:#fff; padding:15px 0px 0px 12px; }
#bloklinks p                        { margin-bottom:5px; font-weight:bold; }
#bloklinks select                   { width:95px; font-weight:bold; font-size:12px; font-family:Arial; }
#blokrechts                         { width:290px; height:100px; background-color:#f3f3f3; margin:30px 0px 0px 0px; float:left; }
#blokrechts p                       { margin:10px 0px 0px 10px; padding:0px 0px 0px 0px; }
#routekaart                              { width:415px; height:250px; margin:10px 0px 15px 0px; border-left:1px solid #f1f1f1; border-top:1px solid #f1f1f1; border-right:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; }
#planroute                          { margin:10px 0px 0px 0px; }
#planroute img                      { float:left; }
#planroute #submit                  { float:right; display:block; height:22px; width:75px; background:url(../images/header-sprite.png) -217px -226px; border:none; margin: 5px 0px 0px 0px; }
#planroute #invoer					{ float:right; display:block; height:19px; width:322px; background:url(../images/header-sprite.png) 0px -256px; border:none; margin: 5px 0px 0px 0px; padding:2px 0px 0px 3px; }
/* openingstijden */
table#openingstijden                { margin:20px 0px 0px 0px; border-bottom:1px solid #bdbdbd; width: 415px; border-collapse:collapse; }
table#openingstijden .tableheader   { background-color: #d50074; color:#fff; font-weight:bold; }
table#openingstijden td             { padding:0px 10px 0px 10px; line-height:28px;  }
table#openingstijden .grey			{ background-color:#f3f3f3; }

#zoekArea                           { border-bottom:1px solid #bdbdbd; padding:0px 0px 45px 0px; }
#zoekArea input#invoer              { width:347px; height:19px; float:left; background:url(../images/header-sprite.png) 0px -287px; border:none; margin:16px 0px 0px 0px; padding:2px 0px 0px 4px; }
#zoekArea input#submit              { width:56px; height:22px; float:left; border:none; background:url(../images/header-sprite.png) -344px -227px; margin:15px 0px 0px 5px; }
#zoekResults                        { border-bottom:1px solid #bdbdbd; padding:15px 0px 45px 0px;  }

/* sitemap */
#sitemap                            { list-style:none; }
#sitemap li                         { font-weight:bold; }
#sitemap li ul li                   { padding-left:15px; font-weight:normal; }
#sitemap li ul                      { list-style:none; margin-bottom:15px; }

/* contact*/
.contactInput                       { background:url(../images/header-sprite.png) 0px -345px; border:none; height:19px; width:246px; padding:2px 0px 0px 4px; }
.contactTextarea                    { background:url(../images/header-sprite.png) 0px -374px; border:none; height:190px; width:290px; padding:5px; font-size:inherit; font-family:inherit; overflow:auto; }
#submitContact                      { background:url(../images/header-sprite.png) 0px -94px; border:none; height:22px; width:75px; margin-left:225px; }
#submitContact:hover                { cursor:pointer; }
/* media, fotos en videos */
.gallery                            { width:413px; }
.tableheader               			{ height:25px; line-height:25px; padding:0px 0px 0px 5px; background-color:#d50074; color:#FFF; }
.gallery .col1                      { padding:10px 5px 10px 5px; width:52px; }
.gallery .col2                      { padding:0px 0px 0px 5px; line-height:52px; width:145px; font-weight:bold; }
.gallery .col3                      { padding:0px 0px 0px 5px; }
.gallery .col1 img                  { height:40px; width:40px; border:1px solid #dadada; }

.galleryImg                         { width:93px; height:93px; border:1px solid #dadada; }
.galleryfooterLeft                  { margin-top:10px; }
.galleryLink                        { z-index:80; display:inline-block; margin-right:5px; margin-bottom:8px; width:95px; height:95px; }
.fotolistlink                       { display:block; position:absolute; width:100%; height:100%; }
/* google results */
#cse-search-results iframe          { width:420px; }

#nieuwsbriefaanmelden				{ width:75px; height:22px; background:url(../images/header-sprite.png) -231px -315px; border:0; float:right; }
#nieuwsbriefInputveld				{ float:left; width:139px; height:19px; padding:2px 0px 0px 4px; margin-top:1px; background:url(../images/header-sprite.png) -54px -228px; border:none; font-size:13px; }