html { height: 100%; }
body { background: top center; min-height: 100%; height: auto !important; height: 100%; position: relative; }
body#main { background-color:#c0b9af;}
body.news { background-color:#c0b9af; background-image: url(img/bg/nieuws.jpg); }
body.contact { background-color:#c0b9af; background-image: url(img/bg/contact.jpg); }
body.overons { background-color:#c0b9af; background-image: url(img/bg/overons.jpg); }
body.royalitycard { background-color:#c0b9af; background-image: url(img/bg/royaltycard.jpg); }
body.dames { background-color:#c0b9af; background-image: url(img/bg/collectie_dames.jpg); }
body.heren { background-color:#c0b9af; background-image: url(img/bg/collectie_heren.jpg); }
body.kids { background-color:#c0b9af; background-image: url(img/bg/collectie_kids.jpg); }
body.merken { background-color:#c0b9af; background-image: url(img/bg/collectie_merken.jpg); }
body.mijnmodestad { background-color:#c0b9af; background-image: url(img/bg/mijnmodestad.jpg); }

#container { width: 999px; margin: 0 auto; padding: 88px 0 114px; position: relative; overflow: hidden; _overflow: visible; _height: 1%; }


#quickbut { line-height: 1.1em; position: absolute; top: 7px; left:0; width:960px; }

#logobastiaans {
float:left;
width:211px;}

#adresgegevens { float:right; }


#corpbalk { width: 161px; height: 564px; float: left; margin-left: 44px; _display: inline; position: relative; }
#corpbalk #logo { height: 241px; background: url(img/logo.gif) 8px 0 no-repeat; }
#corpbalk #logo strong { display: block; margin-left: 74px; height: 80px; width: 72px; background: url(img/h1str.gif); }
#corpbalk #logo span { height: 241px; display: none; }
#corpbalk .cal {
	padding-top: 10px;
	height: 237px;
	color: #b3aa9e;
	font-size: 1.1em;
	text-align: right;
	margin: 0 10px;
	padding-bottom: 28px;
}
#corpbalk .cal p { margin-bottom: 25px; line-height: normal; }
#corpbalk .cal p strong { font-size: 1.6em; display: block; font-weight: normal; }
#corpbalk .cal a { color: #b3aa9e; }
#corpbalk .cal a:hover { text-decoration: none; }
#corpbalk .cal .more { display: block; float: right; margin-top: -13px; color: #fff; text-decoration: none; }
#corpbalk .cal .more span { text-decoration: underline; }
#corpbalk .bastiaansen { display: block; }
#corpbalk #nav { display: block; width: 161px; height: 241px; background: repeat-x; position: absolute; top: 0; left: 0; z-index: 999; }
#corpbalk #nav .home, #corpbalk #nav ul { display: block; font-size: 1.1em; }
	body#inner #corpbalk #nav .home, body#inner #corpbalk #nav ul { display: block; }
#corpbalk #nav a { text-decoration: none; }
#corpbalk #nav a.home { position: absolute; top: 110px; right: 0; _right: -1px; width: 98px; height: 24px; line-height: 24px; text-align: center; color: #80725e; }
#corpbalk #nav a.home:hover { color: #c0b9af; }
#corpbalk #nav .home span { display: block; width: 65px; height: 231px; position: absolute; top: -100px; left: -55px; cursor: pointer; }
#corpbalk #nav a.magazine { position: absolute; top: 176px; right: 8px; _right: -1px; width: 65px; height: 65px; line-height: 24px; text-align: center; color: #80725e; }
#corpbalk #nav ul { position: absolute; top: 110px; left: 161px; padding-left: 5px; width: 759px; }
#corpbalk #nav ul li { display: block; float: left; margin-right: 5px; _display: inline; width: 122px; height: 24px; line-height: 24px; background: #fff; text-align: center; color: #80725e; position: relative; }
	#corpbalk #nav ul li#nieuws { width: 119px; }
#corpbalk #nav ul li a { color: #80725e; }
#corpbalk #nav ul li .dropdown { display: none; position: absolute; top: 24px; left: 0; padding: 5px 0 0; width: 122px; }
/*
 * Uncomment it if you want dropdown without any js
 *
 
#corpbalk #nav ul li:hover .dropdown { display: block; }

*/
	body#inner #corpbalk #nav ul li .dropdown { top: auto; bottom: 24px; padding: 0 0 5px; }
	body#inner #corpbalk #nav ul li.current .dropdown { display: block; }
#corpbalk #nav ul li .dropdown ul { position: static; width: auto; overflow: hidden; _overflow: visible; _height: 1%; padding: 8px 14px; font-size: 1em; background: #fff; }
#corpbalk #nav ul li#nieuws .dropdown { width: 119px; }
#corpbalk #nav ul li .dropdown ul li { width: 100%; text-align: left; height: 20px; line-height: 20px; margin: 0; }
/* als er een login achter mijnmodestad zou zitten:
#corpbalk #nav ul li#mijnmodestad .dropdown ul li { height: auto; }
#corpbalk #nav ul li#mijnmodestad .dropdown ul li p { line-height: 1.1em; margin: 4px 0 1em; color: #1a171b; }
#corpbalk #nav ul li#mijnmodestad .dropdown ul li form { padding-bottom: 2em; }
#corpbalk #nav ul li#mijnmodestad .dropdown ul li form #loginemail, #corpbalk #nav ul li#mijnmodestad .dropdown ul li form #wachtwoord { width: 88px; border: 1px solid #80725e; background: #fff; height: 17px; line-height: 17px; padding: 0 2px; margin-bottom: 0.5em; }
#corpbalk #nav ul li#mijnmodestad .dropdown ul li form #send { border: none; background: none; font-size: 1.1em; color: #80725e; padding: 0; margin: 0; }
#corpbalk #nav ul li#mijnmodestad .dropdown ul li a { font-size: 9px; display: block; position: relative; width: 100px; _width: auto; _margin-right: -5px; line-height: normal; }
*/

#content { width: 754px; height: 425px; overflow: auto; float: left; _display: inline; margin: 139px 0 0 5px; }
#content.noscroll { overflow: hidden; }
#contentM { margin: 139px 0 0 5px; width: 760px; height: 425px; overflow: auto; float: left; _display: inline; }
#contentM img { width: 120px; height: 80px; border-width: 0; }
body#main #content { overflow: visible; }
#content a { color: #1a171b; }
body#main #content h1 { margin: 150px 0 0 0; position: relative; left: -5px; }
body#inner #content { background: #fff url(img/content.png) repeat-x 0 bottom; _background-position: 0 196px ; padding: 0 0 0 44px; width: 710px; font-size: 1.1em; }
body#inner #content.nobg{ background-image: none; }
body#inner #content.agenda { background: #fff url(img/agenda.gif) no-repeat; }
body#inner #contentM { font-size: 1.1em; padding: 0; width: 754px; }
body#inner .cols { overflow: hidden; _overflow: visible; _height: 1%; }
body#inner #content h1 { color: #80725e; font-size: 18px; font-weight: normal; margin: 14px 0 22px; }
body#inner #contentM h1 { color: #80725e; font-size: 18px; font-weight: normal; margin: 14px 0 22px; }
body#inner #content h2 { font-size: 1.1em; margin: 0 0 1em; }
body#inner #content h3 { font-size: 1.1em; margin-bottom: 0.4em; }
body#inner #content .center { display: block; margin: 0 auto; }
body#inner #content .banner { float: right; display: block; _display: inline; margin: -44px 47px 0 0; }
body#inner #content .durf { float: right; display: block; _display: inline; margin: -34px 12px 24px 40px; }
body#inner #content .left h2, body#inner #content .right h2 { margin: 17px 0 14px; }
body#inner #content .seccol h1 { margin: -3px 0 4px; }
#content .maincol { float: left; _display: inline; width: 423px; margin-right: 51px; color: #1a171b;}
#content .maincol .left, #content .maincol .right { width: 206px; float: left; _display: inline;}
body.overons #content .maincol .right { width: 214px; position: absolute; z-index: 5; right: 0;}
body.overons #content .maincol { width: 433px; margin-right: 41px;  position: relative; }

#content .maincol .left { margin-right: 11px; }
#content .maincol p { margin-bottom: 0.9em; }
#content .maincol form p { overflow: hidden; _overflow: visible; _height: 1%; margin-bottom: 9px; }



#content form textarea { border: 1px solid #80725e; background: #fff; font: 1em Arial, Helvetica, sans-serif; width: 308px; height: 90px; display: block; float: left; }
#content form textarea.error { width: 307px; }

#content form input#achternaam, #content form input#voornaam, #content form input#voorletters, #content form input#emailadres, #content form input#telefoonnr, #content form input#geboortedatum, #content form input#telefoon, #content form input#mobiel, #content form input#postcode, #content form input#straat, #content form input#huisnummer, #content form input#toevoeging { border: 1px solid #80725e; background: #fff; height: 17px; line-height: 17px; padding: 0 2px; display: block; float: left; _display: inline; }
#content form textarea.error, #content form input#achternaam.error, #content form input#voornaam.error, #content form input#voorletters.error, #content form input#email.error, #content form input#telefoonnr.error, #content form input#geboortedatum.error, #content form input#telefoon.error, #content form input#mobiel.error, #content form input#postcode.error, #content form input#straat.error, #content form input#huisnummer.error, #content form input#toevoeging.error { border-left: 2px solid #f00; }
	
#content form input#voornaam { width: 77px; }	
#content form input#voornaam.error { width: 76px; }

#content form input#voorletters { width: 77px; }	
#content form input#voorletters.error { width: 76px; }

#content form input#achternaam { width: 178px; }
#content form input#achternaam.error { width: 177px; }

#content form input#straat { width: 100px; }

#content form input#huisnummer { width: 20px; margin: 0 0 0 10px; }

#content form input#toevoeging { width: 20px; }

#content form input#email, #content form input#telefoonnr { width: 304px; }
#content form input#email.error, #content form input#telefoonnr.error { width: 303px; }

#content form input#telefoon, #content form input#mobiel { width: 77px; }
#content form input#telefoon.error, #content form input#mobiel.error { width: 76px; }

#content form input#verstuur { width: 121px; height: 19px; line-height: normal; background: #80725e; color: #fff; cursor: hand; text-align: center; margin-left: 99px; border: none; font-size: 15px; font-weight: bold; }
#content label, #content span.label { width: 99px; display: block; float: left; _display: inline; margin-top: 3px; line-height: 1; }
#content label span, #content span.label span { color: #fa0000; }
#content form label.voorl { width: 38px; margin-left: 6px; }
#content p.f { color: #797979; font-size: 10px; clear: both; }
#content p.f span.label { margin: 0px; line-height: normal; }


#content form input#geboortedatum { width: 65px; }


#content .seccol { float: left; _display: inline; width: 188px; color: #1a171b; }
#content table.archive { width: 667px; margin: -22px 0 38px; }
#content table.archive th { text-align: right; font-weight: normal; height: 24px; }
#content table.archive td { width: 586px; height: 24px; color: #858585; }
#content table.archive td.date { width: 81px; text-align: right; color: #1a171b; }
#content table.archive td strong { color: #1a171b; margin-right: 0.3em; }
#content table.archive a { text-decoration: none; }
#content table.archive a span { text-decoration: underline; }
#content .pagesel { color: #80725e; font-size: 12px; overflow: hidden; _overflow: visible; _height: 1%; margin: 0 50px 0 0; padding-bottom: 10px; }
#content .pagesel a { color: #b3aa9e; }
#content .pagesel .numbers { display: block; _display: inline; float: left; word-spacing: 0.4em; }
#content .pagesel .arrows { display: block; _display: inline; float: right; color: #b3aa9e; }
#content .pagesel .arrows a { text-decoration: none; }
#content .pagesel .arrows a span { text-decoration: underline; }
#content .maincol ol li { list-style: decimal outside; color: #80725e; margin-left: 24px; }
#content .maincol ol li p { color: #1a171b; margin-bottom: 9px; }
#content .aanvragen { width: 195px; height: 172px; }
#content .aanvragen img { margin: 5px 0 0 -6px; position: relative; }
#content .aanvragen a { display: block; color: #80725e; font-size: 12px; font-weight: bold; margin: -20px 0 0 26px; position: relative; }
#content p.note { color: #7b797b; font-size: 0.9em; margin: 5px 0 0 0; line-height: 10px; }

#content table.vacatures { clear: both; margin-left: -41px; }
#content table.vacatures td { vertical-align: top; width: 324px; padding: 0 0 0 37px; }
#content table.vacatures td h2 { color: #000; font-size: 15px; font-weight: normal; line-height: 21px; letter-spacing: 0.03em; }
#content table.vacatures td h2 strong { font-size: 19px; font-weight: normal; }
#content table.vacatures td p, #content table.vacatures td ul { margin: 0 33px 0 30px; }
#content table.vacatures td p { margin-bottom: 0.7em; }
#content table.vacatures td ul li { padding-left: 7px; background: url(img/li.gif) 0 0.5em no-repeat; }
#content table.vacatures td .reageer { display: block; float: right; margin: 5px 0 23px; }
#content table.vacatures td .reageer img { display: block; }

body#inner #content .collectie { width: 122px; margin-left: 207px; padding-bottom: 20px; }
body#inner #content .collectie h1 { margin: 0; padding: 1em 10px 0.7em 15px; }
body#inner #content .collectie p { margin: 0 10px; }
body#inner #contentM #collectie { margin-left: 207px; padding-bottom: 20px; width: 122px; }
body#inner #contentM #collectie h1 { padding: 1em 10px 0.7em 15px; margin: 0; }
body#inner #contentM #collectie p { margin: 0 15px; }
body#inner #contentM #collectie_merken { background-color:#c0b9af; margin-left: 379px; padding-bottom: 20px; width: 350px; height: 450px; }
body#inner #contentM #collectie_merken p { margin: 15px 15px 0 15px; }

body#inner #content.agenda p.agenda strong { width: 85px; display: block; float: left; }
body#inner #content.agenda p.agenda span { float: left; }
body#inner #content.agenda p.agenda br { clear: both; line-height: 1%; font-size: 1px; }

body#inner #content .brochure { background: transparent url('./img/brochure.png') no-repeat; position: absolute; bottom: 9px; right: 40px; height: 109px; width: 122px; padding: 50px 0 0 170px; font-size: 10px; }




body#inner.dames #content { background: url(img/collecties/dames_1.jpg) right top no-repeat; }
	body#inner.dames #content .collectie { background: #fff; }
	body#inner.dames #content .collectie h1 { color: #80725e; }
body#inner.heren #content { background: url(img/collecties/heren_1.jpg) right top no-repeat; }
	body#inner.heren #content .collectie { background: #FFF; }
	body#inner.heren #content .collectie h1 { color: #fff; }
body#inner.kids #content { background: url(img/collecties/kids_1.jpg) right top no-repeat; }
	body#inner.kids #content .collectie { background: #FFF; }
	body#inner.kids #content .collectie h1 { color: #fff; }
body#inner.merken #content { background-image: url(img/collecties/merken.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; }
	body#inner.merken #content .collectie { background: #fff; position: absolute; top: 0; }
body#inner.merken #content .collectie h1 { color: #80725e; }
body#inner #contentM #collectie { margin-left: 207px; padding-bottom: 20px; width: 122px; }
body#inner.merken #contentM #collectie { background: #fafafa; position: absolute; top: 227px; left: 254px; }
body#inner.merken #contentM #collectie h1 { color: #80725e; }
#footer { position: absolute; bottom: 0; _bottom: -1px; width: 100%; height: 99px; background: #fff; text-align: center; }
#footer p { height: 26px; line-height: 26px; font-size: 1.1em; color: #81725e; }
#footer p a { color: #81725e; margin: 0 0.7em; }

.png { behavior: url(png.htc); } 

div#popupDiv {
	width:	600px;
	height:	392px;
	margin:	auto;
	position:absolute;
}