/* reset
------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, del, dfn, em, font, img, ins,
small, strike, strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	border: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	/*line-height: 1;*/
	font-family: inherit;
	vertical-align: baseline;
}
body { background: #fff; font: 11px/14px Arial, sans-serif; color: #828486; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
a img { border: none; }

/* general
------------------------------------------------------------------*/
h1 { width: 320px; padding: 0 0 10px 10px; background: #fff url(/images/titel_h1_streepje.gif) no-repeat; border-bottom: 1px solid #00A4E8; text-transform: lowercase; font: bold 20px/22px Georgia, Times, serif; color: #00A4E8; }
h1 span { font: 18px/30px Georgia, Times, serif; color: #284A69; }
h2 { font: bold 20px/22px Georgia, Times, serif; color: #00A4E8; text-transform: lowercase; }
ul, ol { margin: 0 0 14px 16px; }
p, form { margin: 0 0 0 0; padding: 10px 0 0 10px; line-height: 18px; text-align: justify; }
p strong { color: #00A4E8; }
a { color: #284A69; }
a:hover { color: #00A4E8; }
input, textarea, select { font-size: 11px; font-family: Arial, sans-serif; color: #4F535C; }
strong { font-weight: bold; }
em { font-style: italic; }
	
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

/* page structure
------------------------------------------------------------------*/
#wrapper { position: absolute; top: 50%; left: 50%; margin-top: -285px; margin-left: -490px; padding: 0; width: 980px; height: 570px; text-align: center; }
#sidebar { position: absolute; top: 0px; left: 0px; width: 230px; height: 570px; margin: 0; padding: 0; background-color: #BBB337; }
#navigation { position: absolute; top: 0; left: 230px; width: 750px; height: 132px; margin: 0; padding: 0; background: url(/images/navigation.jpg) repeat-x; }
#content { position: absolute; top: 180px; left: 270px; width: 710px; margin: 0; padding: 0; text-align: left; }
#footer { position: absolute; top: 500px; left: 250px; width: 730px; height: 70px; margin: 0; padding: 0; background: url(/images/footer_background.gif) left bottom no-repeat; }

/* sidebar
------------------------------------------------------------------*/
#sidebar #fotos { width: 230px; height: 570px; overflow: hidden; }
#sidebar #fotos  img { left: 0; top: 0; }
#sidebar #logoRogier { position: absolute; top: 132px; left: 0; width: 230px; height: 182px; z-index: 99; }
#sidebar #logoPrint { display: none; }
#sidebar #logoRogier a { display: block; width: 230px; height: 182px; background: url(/images/logo_rogier_transparant.png) no-repeat; text-indent: -9999px; }

/* navigation
------------------------------------------------------------------*/
/*home*/
/*
.nl li a#m4 { display: block; width: 72px; height: 15px; margin: 0; padding: 0; background: url(/images/nav_nl.gif) 0 0 no-repeat; text-indent: -9999px; }
.nl li.active a#m4,
.nl li a:hover#m4 { background: url(/images/nav_nl.gif) 0 -15px no-repeat; }
.en li a#m4 { float: left; display: block; width: 72px; height: 15px; padding: 0; background: url(/images/nav_en.gif) 0 0 no-repeat; text-indent: -9999px; }
.en li.active a#m4,
.en li a:hover#m4 { background: url(/images/nav_en.gif) 0 -15px no-repeat; }
.fr li a#m4 { float: left; display: block; width: 72px; height: 15px; margin: 0; padding: 0; background: url(/images/nav_fr.gif) 0 0 no-repeat; text-indent: -9999px; }
.fr li.active a#m4,
.fr li a:hover#m4 { background: url(/images/nav_fr.gif) 0 -15px no-repeat; }
.de li a#m4 { float: left; display: block; width: 72px; height: 15px; margin: 0; padding: 0; background: url(/images/nav_de.gif) 0 0 no-repeat; text-indent: -9999px; }
.de li.active a#m4,
.de li a:hover#m4 { background: url(/images/nav_de.gif) 0 -15px no-repeat; }*/
/*tentoonstelling*/
/*
.nl li a#m6 { display: block; width: 134px; height: 15px; margin: 0; padding: 0; background: url(/images/nav_nl.gif) -72px 0 no-repeat; text-indent: -9999px; }
.nl li.active a#m6,
.nl li a:hover#m6 { background: url(/images/nav_nl.gif) -72px -15px no-repeat; }
.en li a#m6 { float: left; display: block; width: 100px; height: 15px; margin: 0; padding: 0; background: url(/images/nav_en.gif) -72px 0 no-repeat; text-indent: -9999px; }
.en li.active a#m6,
.en li a:hover#m6 { background: url(/images/nav_en.gif) -72px -15px no-repeat; }
.fr li a#m6 { float: left; display: block; width: 102px; height: 15px; margin: 0; padding: 0; background: url(/images/nav_fr.gif) -72px 0 no-repeat; text-indent: -9999px; }
.fr li.active a#m6,
.fr li a:hover#m6 { background: url(/images/nav_fr.gif) -72px -15px no-repeat; }
.de li a#m6 { float: left; display: block; width: 113px; height: 15px; margin: 0; padding: 0; background: url(/images/nav_de.gif) -72px 0 no-repeat; text-indent: -9999px; }
.de li.active a#m6,
.de li a:hover#m6 { background: url(/images/nav_de.gif) -72px -15px no-repeat; }*/
/*activiteiten*/
/*
.nl li a#m7 { float: left; display: block; width: 107px; height: 15px; margin: 0; padding: 0; background: url(/images/nav_nl.gif) -209px 0 no-repeat; text-indent: -9999px; }
.nl li.active a#m7,
.nl li a:hover#m7 { background: url(/images/nav_nl.gif) -209px -15px no-repeat; }
.en li a#m7 { float: left; display: block; width: 93px; height: 15px; margin: 0; padding: 0; background: url(/images/nav_en.gif) -209px 0 no-repeat; text-indent: -9999px; }
.en li.active a#m7,
.en li a:hover#m7 { background: url(/images/nav_en.gif) -209px -15px no-repeat; }
.fr li a#m7 { float: left; display: block; width: 89px; height: 15px; margin: 0; padding: 0; background: url(/images/nav_fr.gif) -209px 0 no-repeat; text-indent: -9999px; }
.fr li.active a#m7,
.fr li a:hover#m7 { background: url(/images/nav_fr.gif) -209px -15px no-repeat; }
.de li a#m7 { float: left; display: block; width: 108px; height: 15px; margin: 0; padding: 0; background: url(/images/nav_de.gif) -209px 0 no-repeat; text-indent: -9999px; }
.de li.active a#m7,
.de li a:hover#m7 { background: url(/images/nav_de.gif) -209px -15px no-repeat; }*/
/*praktisch*/
/*
.nl li a#m8 { float: left; display: block; width: 99px; height: 15px; margin: 0; padding: 0; background: url(/images/nav_nl.gif) -330px 0 no-repeat; text-indent: -9999px; }
.nl li.active a#m8,
.nl li a:hover#m8 { background: url(/images/nav_nl.gif) -330px -15px no-repeat; }
.en li a#m8 { float: left; display: block; width: 169px; height: 15px; margin: 0; padding: 0; background: url(/images/nav_en.gif) -330px 0 no-repeat; text-indent: -9999px; }
.en li.active a#m8,
.en li a:hover#m8 { background: url(/images/nav_en.gif) -330px -15px no-repeat; }
.fr li a#m8 { float: left; display: block; width: 178px; height: 15px; margin: 0; padding: 0; background: url(/images/nav_fr.gif) -330px 0 no-repeat; text-indent: -9999px; }
.fr li.active a#m8,
.fr li a:hover#m8 { background: url(/images/nav_fr.gif) -330px -15px no-repeat; }
.de li a#m8 { float: left; display: block; width: 111px; height: 15px; margin: 0; padding: 0; background: url(/images/nav_de.gif) -330px 0 no-repeat; text-indent: -9999px; }
.de li.active a#m8,
.de li a:hover#m8 { background: url(/images/nav_de.gif) -330px -15px no-repeat; }*/
/*pers*/
/*
.nl li a#m9 { float: left; display: block; width: 65px; height: 15px; margin: 0; padding: 0; background: url(/images/nav_nl.gif) -508px 0 no-repeat; text-indent: -9999px; }
.nl li.active a#m9,
.nl li a:hover#m9 { background: url(/images/nav_nl.gif) -508px -15px no-repeat; }
.en li a#m9 { float: left; display: block; width: 70px; height: 15px; margin: 0; padding: 0; background: url(/images/nav_en.gif) -508px 0 no-repeat; text-indent: -9999px; }
.en li.active a#m9,
.en li a:hover#m9 { background: url(/images/nav_en.gif) -508px -15px no-repeat; }
.fr li a#m9 { float: left; display: block; width: 76px; height: 15px; margin: 0; padding: 0; background: url(/images/nav_fr.gif) -508px 0 no-repeat; text-indent: -9999px; }
.fr li.active a#m9,
.fr li a:hover#m9 { background: url(/images/nav_fr.gif) -508px -15px no-repeat; }
.de li a#m9 { float: left; display: block; width: 76px; height: 15px; margin: 0; padding: 0; background: url(/images/nav_de.gif) -508px 0 no-repeat; text-indent: -9999px; }
.de li.active a#m9,
.de li a:hover#m9 { background: url(/images/nav_de.gif) -508px -15px no-repeat; }*/
/*trade*/
/*
.nl li a#m10 { float: left; display: block; width: 71px; height: 15px; margin: 0; padding: 0; background: url(/images/nav_nl.gif) -596px 0 no-repeat; text-indent: -9999px; }
.nl li.active a#m10,
.nl li a:hover#m10 { background: url(/images/nav_nl.gif) -596px -15px no-repeat; }
.en li a#m10 { float: left; display: block; width: 70px; height: 15px; margin: 0; padding: 0; background: url(/images/nav_en.gif) -596px 0 no-repeat; text-indent: -9999px; }
.en li.active a#m10,
.en li a:hover#m10 { background: url(/images/nav_en.gif) -596px -15px no-repeat; }
.fr li a#m10 { float: left; display: block; width: 70px; height: 15px; margin: 0; padding: 0; background: url(/images/nav_fr.gif) -596px 0 no-repeat; text-indent: -9999px; }
.fr li.active a#m10,
.fr li a:hover#m10 { background: url(/images/nav_fr.gif) -596px -15px no-repeat; }
.de li a#m10 { float: left; display: block; width: 70px; height: 15px; margin: 0; padding: 0; background: url(/images/nav_de.gif) -596px 0 no-repeat; text-indent: -9999px; }
.de li.active a#m10,
.de li a:hover#m10 { background: url(/images/nav_de.gif) -596px -15px no-repeat; }*/
/*contact*/
/*
.nl li a#m11 { float: left; display: block; width: 59px; height: 15px; margin: 0; padding: 0; background: url(/images/nav_nl.gif) -673px 0 no-repeat; text-indent: -9999px; }
.nl li.active a#m11,
.nl li a:hover#m11 { background: url(/images/nav_nl.gif) -673px -15px no-repeat; }
.en li a#m11 { float: left; display: block; width: 59px; height: 15px; margin: 0; padding: 0; background: url(/images/nav_en.gif) -673px 0 no-repeat; text-indent: -9999px; }
.en li.active a#m11,
.en li a:hover#m11 { background: url(/images/nav_en.gif) -673px -15px no-repeat; }
.fr li a#m11 { float: left; display: block; width: 59px; height: 15px; margin: 0; padding: 0; background: url(/images/nav_fr.gif) -673px 0 no-repeat; text-indent: -9999px; }
.fr li.active a#m11,
.fr li a:hover#m11 { background: url(/images/nav_fr.gif) -673px -15px no-repeat; }
.de li a#m11 { float: left; display: block; width: 59px; height: 15px; margin: 0; padding: 0; background: url(/images/nav_fr.gif) -673px 0 no-repeat; text-indent: -9999px; }
.de li.active a#m11,
.de li a:hover#m11 { background: url(/images/nav_fr.gif) -673px -15px no-repeat; }*/

#navigation ul#navMainList { float: left; position: relative; width: 683px; margin: 0; padding: 65px 0 0 51px; font: 14px/15px Georgia, Times, serif; text-transform: lowercase; }
.de #navigation ul#navMainList { text-transform: none; }
#navigation ul#navMainList li { float: left; /*display: inline;*/ }
#navigation ul#navMainList li a { float: left; display: block; padding: 0 30px 0 10px; height: 36px; background: url(/images/nav_streepje.gif) left 15% no-repeat; color: #fff; text-decoration: none; }
#navigation ul#navMainList li.active a,
#navigation ul#navMainList li a:hover { background: url(/images/nav_streepje_hover.gif) left 15% no-repeat; color: #284A69; }
#navigation ul#navMainList li ul { position: absolute; top: 95px; left: 36px; width: 699px; padding: 10px 0 0 0; display: none; font-size: 12px; }
#navigation ul#navMainList li li { /*float: left; display: inline;*/ }
#navigation ul#navMainList li.active ul { display: block; }
#navigation ul#navMainList li.active li a { display: block; padding: 0 15px 0 5px; height: 30px; background: url(/images/nav_streepje.gif) left 15% no-repeat; color: #fff; text-decoration: none; }
#navigation ul#navMainList li.active li.active a { padding: 0 15px 0 5px; background: url(/images/subnav_streepje_hover.gif) left 15% no-repeat; color: #38B8ED; }
#navigation ul#navMainList li.active li a:hover { background: url(/images/subnav_streepje_hover.gif) left 15% no-repeat; color: #38B8ED; }

/* scrollbar
------------------------------------------------------------------*/
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; padding-right: 30px; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: url(/images/scrollPane.gif) no-repeat -2px 0; }
.jScrollPaneDrag { position: absolute; margin: 0; background: url(/images/scrollPaneDrag.gif) repeat-y; cursor: pointer; /*overflow: hidden;*/ }
.jScrollPaneDragTop { position: absolute; top: 0; right: 0; overflow: hidden; background: url(/images/scrollPaneDragTop.gif) no-repeat; height: 10px; width: 16px; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; right: 0; overflow: hidden; background: url(/images/scrollPaneDragBottom.gif) no-repeat; height: 10px; width: 16px; }

/* content
------------------------------------------------------------------*/
.greyBold { font-weight: bold; }
#content #scrollContent { position: relative; width: 340px; height: 310px; margin: 0; padding: 0 55px 0 0; }
#content #scrollContent.scrollContentPartners { position: relative; width: 464px; height: 310px; margin: 0; padding: 0 55px 0 0; }
/*#content #scrollContent h1 {  }*/
.de #content #scrollContent h1 { text-transform: none; }
.de #content #scrollContent h2 { text-transform: none; }
#home #content #scrollContent h1 { text-transform: none; }
/*#content #scrollContent h1 span {  }
#content #scrollContent p {  }
#content #scrollContent p strong {  }*/
#content #scrollContent a#infoLink { display: block; margin: 0; padding: 10px 0 10px 0; color: #00A4E8; text-decoration: none; text-align: right;}
#content #scrollContent a:hover#infoLink { color: #284A69; text-decoration: none; }

#content #scrollContent #block.scroll-pane { position: relative; width: 360px; height: 310px; overflow: auto; padding-right: 30px; }
#content #scrollContent #block.scroll-panePartners { position: relative; width: 484px; height: 310px; overflow: auto; padding-right: 30px; }

#content #scrollContent ul { padding: 10px 0 0 15px; list-style-image: url(/images/puntjes.gif); }
#content #scrollContent ul li { padding: 0 0 0 0; }

table { margin: 10px 0 0 10px; }
td { padding: 2px; }

#content #scrollContent ul#onderwijs { margin: 0; padding: 20px 0 0 0; line-height: 20px; list-style-image: none; }
#content #scrollContent ul#onderwijs li a { color: #828486; }
#content #scrollContent ul#onderwijs li.active a { color: #00A4E8; }
#content #scrollContent ul#onderwijs li a:hover { color: #00A4E8; }
#content #scrollContent ul#onderwijs li ul { display: none; list-style-image: none; }
#content #scrollContent ul#onderwijs li.active ul { display: block; margin: 15px 0 0 30px; }
#content #scrollContent ul#onderwijs li.active ul li a { color: #828486; }
#content #scrollContent ul#onderwijs li.active ul li.active a { color: #00A4E8; }
#content #scrollContent ul#onderwijs li.active ul li a:hover { color: #00A4E8; }
#content #scrollContent ul#onderwijs li.active ul ul{ display: none; list-style-image: none; }
#content #scrollContent ul#onderwijs li.active ul li.active ul{ display: block; margin: 15px 0 15px 30px; }
#content #scrollContent ul#onderwijs li.active ul li.active ul li a { color: #828486; }
#content #scrollContent ul#onderwijs li.active ul li.active ul li a:hover { color: #00A4E8; }
#content #scrollContent ul#onderwijs li ul li ul { display: none; }

#content #scrollContent a#stratenplan,
#content #scrollContent a#routeplanner { display: block; padding: 5px 0 0 0; font-weight: bold; line-height: 18px; text-align: right; color: #00A4E8; }
#content #scrollContent a:hover#stratenplan,
#content #scrollContent a:hover#routeplanner { color: #284A69; }

#content img#fotoContent { position: absolute; top: 0; left: 485px; display: block; width: 225px; background-color: gray; }

#content #nieuwsblok { position: absolute; top: 216px; left: 485px; width: 235px; height: 119px; background: #fff url(/images/nieuwsblok.gif) no-repeat;  }
#content #nieuwsblok h2 { margin: 15px 0 0 10px; padding: 0 0 0 10px; border-left: 2px solid #fff; color: #fff; }
#content #nieuwsblok p { padding: 10px 0 0 22px; color: #fff; }
#content #nieuwsblok a#nieuwsLink { display: block; margin: 0; padding: 0 15px 0 0; text-align: right; color: #fff; text-decoration: none; }
#content #nieuwsblok a:hover#nieuwsLink { color: #284A69; text-decoration: none; }

#content #ticketBlock { position: absolute; top: 90px; left: 485px; width: 232px; height: 116px; background: url(/images/bg_tickets.jpg) no-repeat; }
#content #ticketBlock a { display: block; width: 232px; height: 116px; text-indent: -9999px; }

#content #conversationBlock { position: absolute; top: -33px; left: 485px; width: 232px; height: 113px; background: url(/images/bg_conversation.jpg) no-repeat; }
#content #conversationBlock a { display: block; width: 232px; height: 116px; text-indent: -9999px; }

#content #wedstrijdblok { position: absolute; top: 270px; left: 485px; width: 235px; height: 55px; padding: 5px 0 0 0; background: #fff url(/images/wedstrijdblok.gif) no-repeat; text-align: center; }
#content #wedstrijdblok a { display: block; font-size: 16px; line-height: 18px; text-align: center; color: #fff; }
#content #wedstrijdblok a:hover { color: #284A69; /*font-weight: bold; font-size: 18px; line-height: 20px;*/ }

#content #scrollContent #partners { position: relative; width: 464px; margin: 10px 0 0 0; padding: 5px 0 5px 0; background: url(/images/bckgr_partners_bot.gif) bottom left no-repeat; }
#content #scrollContent #partners ul { width: 454px; height: 81px; background: url(/images/bckgr_partners_midden.gif) no-repeat; margin: 0; padding: 0 0 0 10px; list-style-image: none; }
#content #scrollContent #partners ul.first { width: 454px; height: 86px; background: url(/images/bckgr_partners_top.gif) top left no-repeat; }
#content #scrollContent #partners li { float: left; width: 101px; height: 71px; padding: 5px 5px 5px 5px; }
#content #scrollContent #partners a { display: block; width: 101px; height: 71px; padding: 0 0; }


/* pers
------------------------------------------------------------------*/
#logout { position: absolute; top: -30px; right: 0; display: block; width: 150px; text-align: right; }

fieldset { margin: 10px 0 0 0; }
fieldset div { margin: 0 0 5px 0; }
label { clear: left; float: left; width: 100px; }
label span { color: #00A4E8; }
input { width: 200px; }
a#whatpassword { display: block; margin: 0 0 0 100px; }
input#pers_login,
input#pers_registreer { width: auto; margin: 10px 0 0 100px; padding: 0 10px; }

.display_none { display: none; }

.wat_is_pas { padding-left: 0; margin-bottom: 10px; }
.wat_is_pas_email { width: 60px; }
input#passwordlink { width: auto; margin: 0 0 0 60px; padding: 0 10px; }

#registreer { margin: 40px 0 0 10px; }
a#registerlink2 { display: block; margin: 10px 0 0 0; }

#content #scrollContent.scrollContentPers { position: relative; width: 464px; height: 310px; margin: 0; padding: 0 55px 0 0; }
#content #scrollContent #block.scroll-panePers { position: relative; width: 484px; height: 310px; overflow: auto; padding-right: 30px; }

#content #scrollContent #table_pers { /*border: red 1px solid;*/ width: 330px; margin: 10px 0 0 0; }
#content #scrollContent #table_pers th { width: 50%; font-weight: bold; color: #00A4E8; padding: 3px; /*border-bottom: #00A4E8 1px solid;*/ }
#content #scrollContent #table_pers td { width: 50%; padding: 3px; border-bottom: #00A4E8 1px solid; vertical-align: middle; }
.info { margin: 0 0 5px 0; padding: 0; }


/* footer
------------------------------------------------------------------*/
#footer ul#languages { float: left; margin: 0 0 0 10px; }
#footer ul#languages li { float: left; font-size: 10px; line-height: 10px; }
#footer ul#languages li a { display: block;  padding: 5px 5px 0 5px; background: #fff url(/images/footer_nav_streepje.gif) left bottom no-repeat; text-decoration: none; color: #284A69;}
#footer ul#languages li a:hover { display: block; background: #fff url(/images/footer_nav_streepje_hover.gif) left bottom no-repeat; text-decoration: none; color: #00A4E8; }
a#printLink { float: left; width: 20px; margin: 0 0 0 10px; padding: 0; background: #fff url(/images/print.gif) no-repeat; text-indent: -9999px; }
a:hover#printLink { background: #fff url(/images/print.gif) no-repeat; }
#footer img#kbc { position: absolute; top: 25px; left: 10px; display: block; margin: 0; padding: 0; }
#footer ul#logos { float: right; position: absolute; top: 28px; left: 0px; width: 710px; height: 36px; margin: 0; padding: 0; }
#footer ul#logos li { float: right; height: 36px; }
#footer ul#logos li a { display: block; padding: 4px 0 0 30px; }
#footer ul#logos li a.logo_artes {  padding: 0 0 0 30px; }

/* home structure
------------------------------------------------------------------*/
#wrapperHomepageTaalkeuze { position: absolute; top: 50%; left: 50%; margin-top: -280px; margin-left: -490px; width: 980px; height: 560px; background: url(/images/homepage_taalkeuze.jpg) no-repeat; text-align: center; }
#wrapperHomepageTaalkeuze h1 { position: absolute; top: -1000px; }
#wrapperHomepageTaalkeuze ul { position: absolute; top: 365px; left: 115px; text-align: left; font: bold 9px/12px Georgia, Times, serif; text-transform: uppercase; letter-spacing: 1px; }
#wrapperHomepageTaalkeuze ul li { padding: 1px 0; }
#wrapperHomepageTaalkeuze a { display: block; text-decoration: none; color: #4CBFEF; }
#wrapperHomepageTaalkeuze a:hover { color: #CCC; }

#wrapperHome { position: absolute; top: 50%; left: 50%; margin-top: -280px; margin-left: -490px; width: 980px; height: 560px; background: url(/images/background.jpg) no-repeat; text-align: center; color: #fff; }
#wrapperHome h1 { position: absolute; top: 227px; left: 123px; width: 106px; height: 103px; background: url(/images/logo_rogiervanderweyden.gif) no-repeat; text-indent: -9999px; }
#wrapperHome h2 { position: absolute; top: 358px; left: 123px; width: 173px; height: 7px; background: url(/images/logo_masterofpassions.gif) no-repeat; text-indent: -9999px; }
#wrapperHome h3 { position: absolute; top: 400px; left: 123px; text-align: left; font: 23px/26px Georgia, Times, serif; }
#wrapperHome h3 span { font-weight: bold; }
#wrapperHome sup { font-size: 12px; vertical-align: super; }
#wrapperHome p.websiteSoon { position: absolute; top: 488px; left: 260px; text-align: left; font: bold 11px/16px Arial, Verdana, sans-serif; }
#wrapperHome form.enterEmail { position: absolute; top: 480px; left: 410px; text-align: left; font: bold 11px/18px Arial, Verdana, sans-serif; }
#wrapperHome label {display: block; }
#wrapperHome input { width: 34em; } /* firefox/safari 355px = 32.3 em (1/font-size*width)  34em*/
#wrapperHome input#submit { width: 70px; margin: 0 0 0 10px;}
#wrapperHome #confirmation { position: absolute; top: 487px; left: 410px; text-align: left; font: bold 11px/18px Arial, Verdana, sans-serif; }

/* CMS Preview
------------------------------------------------------------------*/
#CMSpreviewBar { margin-bottom: 10px; padding: 3px; background-color: red; color: #fff; }
#CMSpreviewBar a { color: #fff; }