/** * screen css * * @author lieselot / peppered.nl * * * grijs formstyle aeb4b7 * roze e10078 * groen c3d11d * zwart/bl 071d2c * */ @import url("defaults_lite.css"); /* pJquery overrulen [`jquery] ----------------------------------------------- */ /* Overlays */ .ui-widget-overlay { background: #000000; opacity: 0.8; filter:Alpha(Opacity=80);} /* override overlay positioning. * 'fixed' works better (all but IE6), when the dialog openend is taller than viewport */ body > .ui-widget-overlay { position: fixed!important; height: 100%!important; width: 100%!important; } /* custom pDialog */ .ui-dialog .ui-dialog-content-loading { background: transparent url(../images/ico_loading.gif) no-repeat 50% 50%; } .ui-corner-all { -moz-border-radius: 0px;} .ui-widget-header { background: #c3d11d; border: 0px; } .ui-widget { font-family: arial; } .ui-dialog .ui-dialog-title { font: bold 1.27em/1em Arial,Verdana; } .ui-widget-content { border: 0px; } .ui-dialog .ui-dialog-buttonpane{ margin: 0px; padding-right: 0.5em; } .ui-dialog .ui-dialog-buttonpane button { background:url("/images/list_style_bl_wt.png") no-repeat scroll 3px 4px #E10078; border:1px solid #B70061; color:#FFFFFF !important; font:bold 0.909em/1em Tahoma,Arial,Verdana; padding:1px 4px 1px 20px !important; text-align:left; text-transform: uppercase; } .pdialog-show { display: block; margin: 1em 0px; font-size: 0.9em; line-height: 1.1em;} .pdialog-show ul { list-style: disc; margin-left: 15px; } .pdialog-show .report { float: right; width: 48%; margin-top: 0px; padding: 10px 5px; } .pdialog-show .report span.icon { margin-right: 10px; } .pdialog-info { float: left; width: 48%; } .pdialog-show p { font-size: 11px; color: #071D2C; line-height: 16px; margin: 0 0 10px 0; } .pdialog-show h2, .pdialog-show h3 { color: #071D2C; line-height: 1.3em; } .pdialog-list { display: block; font: normal 1em/1.45 arial, verdana, helvetiva, sans-serif; } .pdialog-list li { display: inline; margin: 0px 10px 0 0; padding: 0px 10px 0 5px; } #dialogWrap a { width: 124px; color: #fff; } #dialogWrap { top: 34px;} #btnVideoPlayer a { width: 124px; color: #fff; } #btnVideoPlayer { bottom: 11px; top: auto; } .ui-dialog .leftColumn { float: left; width: 480px; padding: 0 10px 0 0; border-right: 1px dotted #5E6970; } .ui-dialog .rightColumn { float: left; width: 332px; padding: 0 0 0 10px; } /*-- Body [`body] ---- */ body { margin: 0; padding: 0; background: #5e6970 url(/images/bg.png) repeat 0 0; font: normal 0.6875em/1.45 arial, verdana, helvetiva, sans-serif; /*11px*/ } p { color: #071d2c } /* links */ a:link, a:visited { color: #e10078; text-decoration: none; } a:link:focus, a:visited:focus, a:link:hover, a:visited:hover, a:link:active, a:visited:active { color: #e10078; text-decoration: underline; } /* links */ #sub2 a:link, #sub2 a:visited { color: #000; text-decoration: none; } #sub2 a:link:focus, #sub2 a:visited:focus, #sub2 a:link:hover, #sub2 a:visited:hover, #sub2 a:link:active, #sub2 a:visited:active { color: #626A00; text-decoration: none; } /* links footer */ #footer a:link, #footer a:visited { color: #fff; text-decoration: none; } #footer a:link:focus, #footer a:visited:focus, #footer a:link:hover, #footer a:visited:hover, #footer a:link:active, #footer a:visited:active { color: #fff; text-decoration: underline; } /* -------- headers -------- */ h1, .h1 { height: 20px; margin: 0px 0px 28px 0; padding: 4px 4px 4px 10px; background: #c3d11d;} /* 14px titelpagina */ h2, .h2 { color: #e10078; font-size: 1.27em;} /* 14px -> paginas */ h3, .h3 { color: #071d2c; font-size: 1.27em; font-weight: bold; } /* 14px -> paginas */ h4, .h4 { color: #ffffff; font-size: 1.27em; font-weight: bold; } /* 14px -> footer */ /* -------- line styles -------- */ .lineStyle1 { position: relative; float: left; border: none; width: 100%; color: #aeb4b7; margin: 10px 0; background: transparent url(/images/linestyle1.png) repeat-x 0 0; height: 1px; } .lineStyle2 { clear: both; float: left; border: 0px; width: 100%; color: #AEB4B7; margin: 10px 0; background: transparent url(/images/20_black.png) repeat-x 0 0; height: 1px; } .lineStyle1 hr { display: none;} /*ie7 fix */ /* -------- button styles -------- */ a.button { display: block; overflow: hidden; font: bold 0.909em/1em Tahoma, Arial, Verdana; text-transform: uppercase; } a.button span { cursor: pointer; display: block; height: 10px; padding: 4px 8px; text-align: center; width: auto; } a.button:hover { text-decoration: none; } p.button { display: block; overflow: hidden; font: bold 0.909em/1em Tahoma, Arial, Verdana; text-transform: uppercase; } p.button span { display: block; height: 10px; padding: 4px 0px 4px 8px; text-align: right; } a:hover .btnBg { background: url(/images/20_black.png) repeat 0 0; } .btnBg-styl1 { background-color: #5E6970; color: #fff; border: 1px solid #333;} /* grey */ .btnBg-styl2 { background-color: #E10078; color: #fff; border: 1px solid #B70061;} /* pink */ .btnBg-styl3 { background-color: #C3D11D; color: #fff; } /* green */ .btnBg-styl4 { background-color: #7b8500; color: #fff; border: 1px solid #535a00; } /* d.green */ .btnBg-styl5 { color: #5e6970; } /* gray tekst */ .btnBg-styl1-Arrow { border: 1px solid #333; color: #fff; padding: 3px 4px 4px 20px!important; text-align: left; width:150px; background: #5E6970 url("/images/list_style_bl_wt.png") no-repeat 3px 4px; } /* ie8 */ a:hover .btnBg-styl1-Arrow { background: #CCCCCC url("/images/list_style_bl_wt.png") no-repeat 3px 4px; } a:link .btnBg-styl2-Arrow, a:visited .btnBg-styl2-Arrow, .btnBg-styl2-Arrow { border: 1px solid #B70061; color: #fff!important; padding: 3px 4px 4px 20px!important; text-align: left; width:150px; background: #E10078 url("/images/list_style_bl_wt.png") no-repeat 3px 4px; } /* ie8 */ a:hover .btnBg-styl2-Arrow { background: #B70061 url("/images/list_style_bl_wt.png") no-repeat 3px 5px; } .btnBg-styl4-Arrow { border: 1px solid #535a00; color: #fff; padding: 3px 8px 4px 20px!important; width: auto; background: #7b8500 url("/images/list_style_bl_wt.png") no-repeat 3px 5px; } a:hover .btnBg-styl4-Arrow { background: #626A00 url("/images/list_style_bl_wt.png") no-repeat 3px 5px; } a:link .btnBg-styl5-Arrow, a:visited .btnBg-styl5-Arrow, .btnBg-styl5-Arrow { border: 0px; color: #5e6970!important; padding: 3px 4px 4px 20px!important; text-align: left; width: auto; background: transparent url("/images/list_style_gr_rz.png") no-repeat 3px -11px; } /* ie8 */ a:hover .btnBg-styl5-Arrow { background: transparent url("/images/list_style_gr_rz.png") no-repeat 3px -11px; } input.button { cursor: pointer; display: block; font: bold 0.909em/1em Tahoma, Arial, Verdana; padding-bottom: 2px; text-transform: uppercase; height:18px; } input.hover { background-image: url(/images/20_black.png); background-repeat: repeat;} input.btnBg-styl1 { background-color: #5E6970; border: 1px solid #5E6970; color: #fff; } input.btnBg-styl2 { background-color: #E10078; border: 1px solid #E10078; color: #fff; } input.btnBg-styl3 { background-color: #C3D11D; border: 1px solid #C3D11D; color: #fff; } input.btnBg-styl4 { background-color: #7b8500; border: 1px solid #535a00; color: #fff; } input.btnBg-styl1-Arrow { background-position: 3px 4px; padding: 1px 8px 4px 20px!important;} input.btnBg-styl2-Arrow { background-position: 3px 4px; padding: 1px 8px 4px 20px!important;} input.btnBg-styl4-Arrow { background-position: 3px 4px; padding: 1px 8px 4px 20px!important; } input.btnBg-styl5-Arrow { background-position: 3px -11px; padding: 1px 8px 4px 20px!important;} .messages .button { float: right; margin-left: 20px; } .messages .button span { width: 75px; } #btnUitloggen, .login-block a.button { display: inline;} /* home [`lay] ----------------------------------------------- */ #bodyHome h2.h3 { height: 20px; margin: 0px 0px 20px 0; padding: 4px 4px 4px 10px; background: #c3d11d; } #bodyHome #columnContainer { float: left; padding: 0 0 0 210px; margin-top: 60px; width: 767px; background: transparent url(/images/columncontainer_bg_home.png) repeat-y -5px 0px;} #bodyHome .breadcrumbs { display: none;} #bodyHome #main { padding-bottom: 0px; } #uitgelicht, .banner { float: left; width: 100%; } .banner h3.titel, #uitgelicht h3.titel { padding: 0px 10px 0px 10px; } .banner .omschr { padding: 0 10px 10px 10px; } #uitgelicht .artist, #uitgelicht .voorstellingDatum { padding: 0px 10px; } #uitgelicht .voorstellingDatum { bottom: 5px; position: absolute;} #uitgelicht li, .banner li { float: left; background: #fff; margin-right: 20px; width: 228px; height: 228px; position: relative; overflow: hidden; border: 1px solid #fff; } #uitgelicht li.last, .banner li.last { margin-right:0px; } .banner { margin: 20px 0; } #uitgelicht .artist a { color: #5e6970; } a.leesmeer { color: #5e6970; font-weight: bold; padding:2px 0 0 15px; position: absolute; bottom: 4px; right: 10px; background:url("/images/list_style_gr_rz.png") no-repeat scroll 0 -9px transparent; } a.leesminder { color: #5e6970; font-weight: bold; padding:2px 15px 0 0; position: absolute; bottom: 4px; left: 10px; background:url("/images/list_style_gr_rz_back.png") no-repeat scroll 100% 6px transparent; } #bodyHome .bottomHome { min-height: 140px; background: #fff; margin-top: 20px; } #bodyHome .news { float: left; width: 500px; } #bodyHome .news .colmn { float: left; width: 230px; padding: 0px 10px; min-height: 100px; margin-top: 5px; } #bodyHome .news div .colmn { background: url(/images/20_black.png) repeat-y 100% 0; } #bodyHome .news div { float: left; width: 250px; } #bodyHome .news h2 { margin: 0px; width: 236px;} #bodyHome .news ul li a:link, #bodyHome .news ul li a:visited { color: #071D2C; font-weight: normal } #bodyHome .news ul li a:hover { color: #e10078; } #bodyHome #subscribe { float: left; width: 231px; margin-bottom: 0px; } #bodyHome #subscribe .report { margin: 5px; } #bodyHome #subscribe h2.h3 { margin-bottom: 0px; } #bodyHome #subscribe input.text { float:left; margin:0 5px 0 0; width: 100px; } #bodyHome #subscribe p, #bodyHome #subscribe form { padding: 10px; margin: 0px; } .binnenkort h2 { margin-bottom: 10px;} /* congressen ----------------------------------------------- */ #bodyHomeCongressen #columnContainer { float: left; padding: 0 0 0 210px; margin-top: 60px; width: 767px; background: transparent url(/images/columncontainer_bg_home.png) repeat-y -5px 0px;} /* sections ----------------------------------------------- */ .sections .smallSection, .sections .bigSection { float: left; background: #fff; height: 228px; position: relative; overflow: hidden; border: 1px solid #fff; } .sections .smallSection { width: 230px; } .sections .bigSection { width: 480px; margin-right: 17px; margin-bottom: 17px;} .sections .bottomSection { margin-bottom: 0px; } .sections a.leesmeer { color: #5e6970; font-weight: bold; padding:0 10px 0 15px; position: absolute; bottom: 4px; right: 0px; background:url("/images/list_style_gr_rz.png") no-repeat scroll 0 -11px transparent; } .sections a.leesmeer:hover, .sections a.leesmeer:active { color: #E10078; background:url("/images/list_style_gr_rz.png") no-repeat scroll 0 5px transparent;} .sections h2 { padding: 2px 4px 3px 10px;} .sections p { padding: 0px 4px 4px 10px; } .sections ul { padding: 0px 4px 4px 10px; } .sections .bigSection p { width: 380px; } .sections .smallSection p { width: 130px; } .sections .flashBlock { margin: -1px 0 0 -1px ; height: 181px;} .sections .imgBlock { margin-bottom: 0;} .sections .list1 a { color: #000000 } /* nieuws ----------------------------------------------- */ #bodyNieuws .news .list1 { margin-bottom: 20px; } #bodyNieuws .news .active a { color: #e10078; background-position: 0 9px;} /* blog ----------------------------------------------- */ .teaser { font-weight: bold; } .blogHeader { padding: 10px 0 10px 0; border: 1px dotted #AEB4B7; border-width: 1px 0 1px 0 } .blogHeader a { padding : 0 0 0 15px; } .blogHeader a:link, .blogHeader a:visited { font-weight: bold; color: #5e6970; background:url("/images/list_style_gr_rz_back.png") no-repeat scroll 0 2px transparent; } .blogHeader a:hover, .blogHeader a:active { font-weight: bold; color: #E10078; background:url("/images/list_style_gr_rz_back.png") no-repeat scroll 0 -14px transparent; } .blogHeader span { padding : 0 0 0 10px; } .blogFooter { padding: 0 10px 3px 0; float: right; } .blogFooter a { padding : 0 15px 0 0; } .blogFooter a:link, .blogFooter a:visited { font-weight: bold; color: #5e6970; background:url("/images/list_style_gr_rz.png") no-repeat scroll 100% -12px transparent; } .blogFooter a:hover, .blogFooter a:active { font-weight: bold; color: #E10078; background:url("/images/list_style_gr_rz.png") no-repeat scroll 100% 4px transparent; } .blogFooter span { padding : 0 10px 0 0; } .blog .flashBlock { margin: -1px 0 0 -1px ; height: 231px;} .blog .smallSection, .blog .bigSection { height: auto; } /* Layout [`lay] ----------------------------------------------- */ #container { margin: 20px auto; position: relative; width: 960px; } #logo { border: 0px; margin-top: 15px; margin-left: 26px;} #header { height:100px; position: relative; background: #fff; } #columnContainer { float: left; padding: 0 230px 0 210px; margin-top: 60px; width: 519px; background: url(/images/columncontainer_bg.png) repeat-y -5px 0px; position:relative; } #columnContainer div.column { float: left; position: relative; } #mainColumn { width: 100%; height: 100%;} #main { margin: auto; padding: 0 18px 0 18px; } #bodyTheaterOverzicht #main { padding-bottom: 0px; } .imgBlock { margin-bottom: 18px;} .imgBlock img { border: 1px solid #fff; } .flashBlock { margin-bottom: 18px; } #pageContent { background: #fff; float: left; min-height: 45px; /*kan niet te groot, gaat bv bij winkelmandje mis*/ padding: 0px 10px 10px 10px; position: relative; width: 464px; } #sub2 { width: 230px; margin-right: -260px; background: #c3d11d; min-height: 600px; } #sub1 { margin-left: -100%; padding-bottom: 2em; right: 210px; width: 210px; background: #fff; } /* voorstelling theater ----------------------------------------------- */ .show { background: #fff; padding: 5px 10px 0 10px; margin: 0 0 20px 130px; min-height: 80px; position: relative; } .basketLast { margin-bottom: 0px; } .show .afbeelding { position: absolute; left: -130px; top: 0px;} .show .afbeelding img { border: 1px solid #fff; } .voorstellingKop { width: 260px; } .voorstellingKop .artiest { color: #5E6970; } .statusBtns { clear: both; position: absolute; top: 10px; right: 10px; } .verkoopVanaf a { display: block; font-weight: normal; text-transform: lowercase; font-size: 1.1em; height: 20px; } .teaser { padding: 1px 0 0 0; width: 100%; } .properties { bottom: 5px; margin: 0px; position: absolute; } .propKaarten { position: static; } .prop-reserveer { top: 45px } .prop-stoelkeuze { position: static;} .properties dd { display: inline; padding-right: 10px; margin-left: 10px; width: auto; background: url(/images/20_black.png) repeat-y 100% 0; } .showDetail .properties dd { background: url(/images/100_gray.png) repeat-y 100% 0; } .properties dd.datum { margin-left: 0px; } .properties dd.last { background: none; } h1.h2 { background: none; padding: 0px; } h1 .artiest { color: #5e6970; float: left; width:307px; } .showDetail { padding: 10px 13px 0.5em 15px!important; width: 454px!important;} .showDetail h1.h2 { height: auto; margin-bottom: 0px; width: 100%; } /* ie7 */ .showDetail .h2 .titel { float: left; width: 307px; } .showDetail .properties { position: relative; float: left; width: 100%; } .showDetail .properties dl { float: left; margin: 0px; padding: 6px 0 0 0;} /* ie7 fix */ .showDetail .properties .showDates { position: absolute; right: 0px; top: 0px;} .showDetail #btnVideoPlayer { display: none; } .columnsAlt { float: left; margin:0px; width: 50%; } .columnsAlt dt, .columnsAlt dd { float: left; margin-left: 0px; width: 40%; } .columnsAlt dt { visibility: hidden; } .columnsAlt dt.showTitel { visibility: visible; } .website { float: left; width: 100%; padding-bottom: 10px; padding-top: 10px; } /*-- extra detail -- */ .reacties, .gajemee { float: left; width: 100%; } /* basket small - winkelmandje klein ----------------------------------------------- */ #basket, #subscribe, #kaartenReserveren { float: left; margin-bottom: 30px; width: 210px; } #basket ul { float: left; width: 100%; margin-bottom: 14px;} #basket ul li { float: left; padding: 14px 0; width: 100%; background: url("/images/linestyle1.png") repeat-x scroll 0 100% transparent; } #basket ul li .titel { font-weight: bold; } #basket ul li a.voorstellingKop { padding-left: 14px; background:url("/images/list_style_bl_wt.png") no-repeat 0px -10px; } #basket ul li .artiest { color: #000;} #basket ul li a.voorstellingKop { float: left; width: 80%; } #basket a.button { width: 100%; } #basket .button span { float: right; } #basket .basket-max a { font-weight: bold; } #basket .vriendArtikel { background: url("/images/linestyle1.png") repeat-x scroll 0 100% transparent; } #basket .vriendArtikel span { padding:0px 0px 0px 14px; margin-top: 14px; background:url("/images/list_style_bl_wt.png") no-repeat 0px -10px; } #kaartenReserveren { background: #3b4248;} #kaartenReserveren .title { display: block; width: 219px; height: 112px; background: transparent url(/images/titel_kaartenres.png) no-repeat; text-indent: -9999999px;} #kaartenReserveren p { color: #fff; } #kaartenReserveren form { margin: 7px 0px 35px 0px; } #kaartenReserveren form label { color: #fff; width: 7em; } #kaartenReserveren form input.text { margin-right: 0px; float: right;} #versturenKaartenRes { float: right;} #kaartenReserveren .report { color: #000; } /* basket big - winkelmandje groot ----------------------------------------------- */ .shoppingList h2 { color: #5E6970; margin: 10px 0; } .shoppingList .shows { float: left; margin-top: 20px; width: 100%; } .shoppingList #bestellijst-form input.button { display: inline; float: right; margin: 20px 0px 10px 14px; } .basket-remove { position: absolute; top: 7px; right: 14px; width: 83px; } .shoppingList h2.voorstellingKop { color: #5E6970; margin: 0px; } .login h2 { font-size: 1em; /* 11px */ font-weight: bold; color: #000; margin-bottom: 10px; } .login .login-block { float: left; width: 100%; } .login .login-block p { padding-bottom: 10px; } .login .field { float: left; width: 100%; margin-bottom: 7px; } .login label { float: left; text-align: right; width: 160px; margin-right: 20px;} .login input { text-align: left; width: 190px; } .login textarea { width: 190px; border: 1px solid #AEB4B7; } .login .submit { float: right; width: 160px; } .login .checkbox input { width: 15px; margin-right: 180px; border:0px solid #AEB4B7; } .login .radiobutton input { text-align: inherit; width: auto; } fieldset.aamelden { margin-bottom: 20px; } .obliged { bottom: 10px; } .pay-creditcard .obliged { position: static; bottom: 30px;} .login-block h2 { margin-top: 10px;} .newsletterChoice .checkbox label { width:86%; text-align: left; float:right;} .newsletterChoice .checkbox input { width:6%; margin: 0px;float:left; } #bodyNieuwsbrief .login-block .checkbox { margin-bottom: 2px; } #bodyNieuwsbrief .login-block .checkbox input { margin: 0px; } /* ---- Formcreator 1 ------------------ */ form div { float: left; width: 100%; margin: 0.5em 0; } form .adres div, form .geslacht div, form .geboortedatum div, form .postcode div, form .telnr div { width: auto; margin: 0;} form .geslacht { margin-left: 174px; width: auto; } form .geslacht div.radiobutton { margin-right: 1.5em;} form label { float: left; width: 12em; padding-top: 0.22em; /* <> input v.center */ } form .radiobutton label, form .checkbox label { width: auto; padding: 0; margin-left: 5px; line-height: normal; min-height: 1.25em; } form .radiobutton input, form .checkbox input { float: left; height: 1.25em; /* necessary for better alignment in IE & Opera */ } form .postcode input.postcodeCijfers { width: 4em; } form .postcode input.postcodeLetters { width: 2em; } form .telnr input.net { width: 4em; } form .telnr input.abo { width: 7em; } form .adres div, form .postcode div, form .telnr div, form .geboortedatum div { float: left; } form .adres input.adres { width: 13em; } form .adres input.huisnummer { width: 3em; } form .adres input.toevoeging { width: 3em; } form .datum input.datumDay, form .datum input.datumMonth { width: 2em; } form .datum input.datumYear { width: 4em; } form #afrekenForm-kaartsoort { margin-left: 0px; width: auto; margin: 0; } form #afrekenForm-kaartsoort div.radiobutton { margin-right: 1.5em; } form.stoelkeuzeForm .row label { float:left; margin-right:20px; text-align:right; width:160px;} form.stoelkeuzeForm .row input { text-align:left; width:190px; border:1px solid #AEB4B7; } form.stoelkeuzeForm .row span input { width: 4em; margin-right: 4px;} form #afrekenForm-gegevens a.leesmeer { position: static; font-size: 1em; } form.stoelkeuzeForm .radiobutton label { width: 3em;} form.stoelkeuzeForm .radiobutton input { width: 3em;} form.stoelkeuzeForm .akkoord input.checkbox { border: 0px; float: left; width: 2em; } form.stoelkeuzeForm .akkoord label { float: left; width: 234px; text-align: left; } form.stoelkeuzeForm .pay-incasso .wide label { width: 330px; text-align: left; } form.stoelkeuzeForm .radiobutton input { border: 0px!important;} input.radio { border: 0px!important;} .formList .radio label { float: none!important;} .formList .radio input { float: none;} /*.extraTemplate { float:left; padding:0 18px 5px 10px; width: 456px; background: #fff; }*/ .extraTemplate { float:left; margin-top: 20px; width: 100%; } /* reserveren lay-out ----------------------------------------------- */ #bodyReserveren #main { padding: 0; } #bodyReserveren #pageContent { width: 684px; } #bodyReserveren #columnContainer { margin-bottom: 150px; padding:0 0 0 0px; width: 100%; background: none;} #bodyReserveren .show { margin-left: 140px; width: 552px; } #bodyReserveren .show .afbeelding { left: -140px; } #bodyReserveren .show .choice { display: block; width: 552px; height: 23px; left: 0px; position: absolute; top: -28px; background: #C3D11D; padding: 5px 10px 0px 10px;} #bodyReserveren .shows .active { margin-top: 47px; min-height: 80px;} #bodyReserveren .shows .activefirst { margin-top: 30px; min-height: 80px;} #bodyReserveren .messages .button { float: right; margin-left: 20px; } #bodyReserveren .messages .button span { width: 182px; } #bodyReserveren .shows .voorstellingStoelkeuzeKiezen, #bodyReserveren .shows .voorstellingStoelkeuzeKiezen .choice { width: 800px; } #stoelkeuzeFlash { position: relative; top: 23px; left: -10px; clear: both; margin-bottom: 56px; } #bodyMT-login .login { padding-top: 10px; } #ticketForm { clear: both; padding-top: 20px; } #ticketForm > h3 { color: #5e6970; } #ticketForm input.submit { float: right; width: 100px;} #ticketForm table { float: right;} #ticketForm #ticketForm-reserveren input, #ticketForm #ticketForm-reserveren label { float: right;} #ticketForm-reserveren { position: relative; } #ticketForm #ticketForm-extras { text-align: right; } #ticketForm #ticketForm-extras .row { float: right; } #ticketForm #ticketForm-extras .row label { display: block; float: right; width: 14em; } #ticketForm #ticketForm-extras .row select { float: right; margin-left: 20px; width: 42px; } #ticketForm #ticketForm-extras .row span { float: right; padding: 0px 20px 0 0; width: 45px; } .bestelstappen .titel { color: #5e6970; } .bestelstappen .showTotal { bottom: 5px; position: absolute; right: 150px; } /* ie7 */ .bestelstappen .showTotal dd { float: left; width: 160px; margin: 0px; padding-top: 3px;} .bestelstappen .showTotal dt { float: left; width: 56px; margin: 0px; font-size: 1.27em; } .bestelstappen .voorstellingKop { height: 41px;} #bodyReserveren #header { float: left; width: 100%; } #bodyReserveren #logoAnchor { float: left; width: 51%; } .userInfo .softgast { position: absolute; bottom: 20px; left: 452px; } .userInfo .leesmeer { position: static; } .userInfo .deleteorderForm { position: absolute; bottom: 23px; right: 20px; } .userInfo .button span { width: 128px; } .bestelMenu { float: left; height: 43px; left: 0px; position: absolute; top: 100px; width: 100%; background: #aeb4b7; } .bestelMenu li { border: 1px solid #5e6970; border-width: 0px 1px 0 0; display: block; float: left; background: #aeb4b7;} .bestelMenu li span { color: #fff; display: block; height: 23px; padding: 10px 22px; width: 157px; } .bestelMenu li .active { float: left; background: #fff; color: #e10078; } #afrekenmethodes { float: left; width: 100%;} #afrekenmethodes h3 { height: 18px; padding: 5px 10px; width:692px; background: #C3D11D; } #afrekenmethodes dl { float: left; width: 40%; margin: 0px;} #afrekenmethodes dd { float: left; width: 60px; margin: 0px; } #afrekenmethodes dt { float: left; width: 160px; margin: 0px; clear: both; } #afrekenmethodes .payways { float: right; margin-top: 15px; } #afrekenmethodes .payways h4 { color: #000; } #afrekenmethodes .showTotals { font-size: 1.27em; /*14*/ text-align: right; } #stoelkeuzeForm { position: absolute; bottom: 10px; right: 20px } .stoelkeuzeForm fieldset { margin-bottom: 20px; margin-top: 0px; padding: 15px; width:682px; background: #fff; } .stoelkeuzeForm fieldset.pay-incasso { margin: 0px; } #afrekenmethodes .totalpay dl { float: right; width: 250px; margin: 0px; clear: both; } #afrekenmethodes .totalpay dd { float: right; width: 80px; margin: 0px; text-align:right;} #afrekenmethodes .totalpay dt { float: right; width: 160px; margin: 0px; clear: none; } #afrekenmethodes .totalpay .totalpay-total p { font-size: 1.27em; color: #E10078; } #payway p.res { float: left; width: 48%; } #payway p.totals { float: right; text-align: right; width: 48%;} .stoelkeuzeForm .pay-ideal { margin-top: 0px;} .stoelkeuzeForm .pay-incasso { margin-top: 0px;} .stoelkeuzeForm .pay-creditcard { margin-top: 0px;} .stoelkeuzeForm .pay-ideal .formList { padding-top: 10px;} .stoelkeuzeForm .pay-ideal .formList input { width: 40px; } .stoelkeuzeForm .pay-ideal .formList label { margin-right: 0px; } .subtotalWrapper { width: 260px; position: relative; right: -320px; top: -38px; } .subtotalWrapper dt { width: 140px; float: left;} .subtotalWrapper dd { width: 80px; margin: 0px; float: right;} .artikel .subtotalWrapper { top: -20px;} .cards tr td, .cards tr td label { padding-left: 20px; width: auto;} .cards tr td.cardTotal { width: 45px; } #ticketForm-reserveren div.checkbox { margin-top: 15px; font-weight: bold; } .eindoverzichtBody #pageContent h3 { color: #5e6970; margin-top: 10px; } #header-buttons #afdrukken { position: absolute; right: 20px; top: 10px; width: 80px; } #header-buttons #back { float: right; } .keyvalue { float: left; width: 600px; padding-bottom: 20px; } .keyvalue dt { width: 127px; float: left;} .keyvalue dd { width: 400px; margin: 0px; float: left;} /* input buttons grote aangeven */ #autokiezen { float: right; width: 179px; margin-left: 20px;} #zelfkiezen { float: right; width: 92px; margin-left: 20px;} #afrekenmethodes #idealBtn { float: right; width: 100px; margin-left: 20px;} #afrekenmethodes #creditcardBtn { float: right; width: 100px; margin-left: 20px;} #afrekenmethodes #incassoBtn { float: right; width: 164px; margin-left: 20px;} #afrekenmethodes #pckBtn { float: right; width: 164px; margin-left: 20px;} #afrekenmethodes #pckBetaalSubmitButton { float: right; width: 231px; margin-left: 20px;} #accountaanvragen { width: 150px; } #bestellingannuleren { width: 160px; } #afrekenen { float: right; width: 100px; margin-left: 20px;} #opnieuwSturen { width: 150px; } #inloggenMT { width: 150px; } #opvragenMT { width: 150px; } #aanmeldenNB { width: 80px; } #zoekForm input.submit { height: 19px; } #goOnShopping { background: green; float: left; position: relative;} #goOnShopping a { bottom: 10px; right: 180px; position: absolute; } #goOnShopping a span { width: 170px;} #subscribe-aanmelden { width: 100px;} #bestellingafronden { width: 160px; float: right;} #naarhome span { width: 130px; } form.stoelkeuzeForm #ccType_MC, form.stoelkeuzeForm #ccType_VISA { width: 20px; } form.stoelkeuzeForm label.visa, form.stoelkeuzeForm label.mastercards { text-align: left; float: left; } .popup { width: 350px!important; margin: 0px; } .popup .content { background: #fff; padding: 10px 10px 30px 10px; } form.stoelkeuzeForm .formPCK input.small { width: 30px; } form.stoelkeuzeForm .formPCK .orderSubmit input { margin-left: 222px; } .formPCK p { font-size: 1.2em; } .pckBalance { float: left; width: 40%; } .infoBlock { border-left: 1px solid #ccc; float: right; font-size: 1.27em; width: 50%; padding-left: 20px; position: relative;} .infoBlock .field { text-align: right; margin: 0px;} .infoBlock .field label { float: none; padding-top: 0px;} .infoBlock h4 { color: #000; } .infoBlock em { font-size: 0.8em; position: absolute; right: 1px; top: 34px;} .pckAmount { float: none; text-align: right; } .pckAmount input.submit { font-size: 0.8em; height: 20px; width: auto; display: inherit; } .pckAmount input.medium { width: 60px; text-align: right; } #afrekenmethodes .reserveerPck-item h3.pck { background-color: #fff; display: inline; padding: 0px; margin: 0px; } .reserveerPck-item { margin: 10px 0px; padding: 20px 0px; position: relative; float: left; width: 100%; min-height: 48px; border: 1px solid #ccc; border-width: 1px 0px 0px 0px; } .reserveerPck-item img { position: absolute; top: 10px; left: 0px; padding-bottom: 14px; } .reserveerPck-item .centre { padding-left: 110px; } .item-total { clear: both; } #payway .item-total { font-size: 1.27em; text-align: right; width: auto; float: right; clear: both; margin: 0px;} #payway .item-total th { font-weight: normal!important;} .pckAmountReduced { position: absolute; top: 20px; right: 0px; width: auto; margin: 0px; float: none; } .btnRight { float: right; clear: both; margin-left: 100px; } #bodyReserveren #pageContainer h3 { margin-top: 10px; } /* pagination ----------------------------------------------- */ .pagination { background: #fff; color: #5E6970; clear: both; line-height: 1.0; margin: 1em 0 0 0; padding: 8px;} ul.pagination ul, ul.pagination ul li { display: inline; } .pagination li.pages { text-align: center;} .pagination a, .pagination .inactive { color: #5E6970; overflow: hidden; padding: 0.2em 0.15em;} .pagination li.selected .inactive { } .pagination .pages a, .pagination .pages span {/*width: 1em;*/ font-weight: bold; padding: 0.2em 0.25em;} .pagination .pages li a:focus, .pagination .pages li a:hover, .pagination .pages li a:active, .pagination .pages .active a {} .pagination .pages .active { color: #E10078; text-decoration: underline; } .pagination .pages .ellips { width: 2em;} .pagination .prev, .pagination .next { font-weight: bold;} .pagination .prev { float: left;} .pagination .prev a, .pagination .prev .inactive { padding-left: 0;} .pagination .next { float: right;} .pagination .next a, .pagination .next .inactive { padding-right: 0; } .pagination .prev a { padding:2px 15px 0 0; position: relative; top: 1px} .pagination .next a.leesmeer{ padding:2px 0 0 15px; position: relative; top: 1px;} .pagination .prev a:hover { background:url("/images/list_style_gr_rz_back.png") no-repeat scroll 100% -10px transparent;} .pagination .next a:hover { background:url("/images/list_style_gr_rz.png") no-repeat scroll 0 7px transparent; } .pagination .noPrev, .pagination .noNext { visibility: hidden; } .pagination .prev .pointer, .pagination .next .pointer { display: inline-block; width: 12px; text-indent: -999999px; vertical-align: middle;} .pagination .prev .pointer { background: url(/images/pointer-default-text-back.gif) no-repeat 0% 50%;} .pagination .next .pointer { background: url(/images/pointer-default-text.gif) no-repeat 100% 50%; } .pagination .selected { } .navPrevNext { position: absolute; top: 8px; right: 24px; overflow: hidden;} .navPrevNext li { float: left; height: 12px; display: block; overflow: hidden; } .navPrevNext li a { border: 0px solid red; float: left; text-indent: -666666px; width: 10px; background: url(/images/navnext.png) no-repeat 0% 0%; } .navPrevNext li span { display: block; } .navPrevNext li a.prev { background-position: -22px 0; width: 13px; } .navPrevNext li a.prev:hover { background-position: -22px -12px; width: 13px; } .navPrevNext li a.next { background-position: 0px 0; width: 13px; } .navPrevNext li a.next:hover { background-position: 0px -12px; width: 13px; } .navPrevNext li a.view { background-position: -11px 0; width: 13px; } .navPrevNext li a.view:hover { background-position: -11px -12px; width: 13px; } /* videoplayer [`player] ----------------------------------------------- */ #videoMod #btnBack { position: absolute; right: 9px; top: 37px; } #videoMod #btnBack a { color:#FFFFFF; padding: 3px 4px 4px 4px; width: 60px; } #videoMod #videoplayer { position: relative; } #videoplayer { float: left; margin-top: 20px; width: 100%; } #videoplayer h3.h1 { margin: 0px; } #videoplayer dl { float: left; margin: 0px; padding: 10px 0; width: 100%; background: #fff;} #videoplayer dt { float: left; padding: 0px 17px 0px 12px; width: 60px;} #videoplayer dd { float: right; margin: 0px; text-align: left; width: 394px;} #videoplayer .noJsHidden { display: none; } #videoplayer .hideVideo { display: none; } /* colofon - footer ----------------------------------------------- */ #footer { clear: both; color: #fff; float: left; margin: 20px 0px; padding: 15px 0px 0px 0; position: relative; width: 960px; background: #545e65; } #footer h4 { border: 1px solid #aeb4b7; border-width: 0px 0px 1px 0px; padding-bottom: 4px; margin-bottom: 4px; } #footer p, #footer div { float: left; width: 168px; text-align: left; padding-left: 25px; } #footer div.ft1 { width: 210px; margin-right: 53px; } #footer div.ft2 { width: 220px; margin-right: 77px; } #footer div.ft3 { width: 300px; } #footer dl { margin-top: 6px; } #footer dt { float: left; font-weight: bold; width: 64px;} #footer dd a, #footer ul li { background: url("/images/list_style_footer.png") no-repeat 0 6px; padding: 2px 0 0 15px; } /* sociale media - footer ----------------------------------------------- */ #socialeMedia li { float: left; height: 16px; margin: 0px 5px 0px 0px; padding: 0px; width: 16px; } #socialeMedia li a { display: block; height: 16px; text-indent: -6666666px; width: 16px; background: #545e65 url(/images/sprite_socialemedia.png) no-repeat 0px 0px; } #socialeMedia .facebook a { background-position: 0px 0px; } #socialeMedia .twitter a { background-position: -21px 0px; } #socialeMedia .facebook a:hover { background-position: 0px -16px; } #socialeMedia .twitter a:hover { background-position: -21px -16px; } #socialeMedia .uitleg { width: 130px; } #footer #socialeMedia { position: absolute; top: 15px; right: 20px; overflow: hidden;} #footer #socialeMedia li { padding: 0px; } /* search menu zoeken & zoek resultaten ----------------------------------------------- */ .resultBtn { float: right; font-size: 0.78em; position: absolute; bottom: 5px; right: 10px; } /* 14px */ .resultBtn a { color: #071d2c; padding-left: 15px; background:url("/images/list_style_bl_wt.png") no-repeat scroll 0 -10px transparent; } .resultBtn a:hover { color: #fff; padding-left: 15px; background:url("/images/list_style_bl_wt.png") no-repeat scroll 0 3px transparent; } .searchBox .h1 { margin-bottom: 20px; position: relative; } .searchBox > ul { background: #fff; margin-bottom: 20px; padding: 10px 10px 0 10px;} .searchBox ul.shows { background: none; padding: 10px 0 0 0; margin: 0px; } .searchBox ul li { padding-bottom: 15px;} .searchBox ul li.show { padding: 5px 10px 0; } #bodyzoeken .breadcrumbs { display: none;} #searchShows h3.h1 { margin-bottom: 10px; } .searchBox .results { color: #fff; } /* personal login ----------------------------------------------- */ .personLogin { border: 1px solid #aeb4b7; float: left; height: 40px; width: 440px; } .personLogin .field { width: 175px; padding-left: 9px; margin-top: 10px;} .personLogin #label-username { width: 88px; } .personLogin #label-wachtwoord { width: 76px; } .personLogin .field input.text { width: 83px; } .personLogin #inloggenUser { width: 65px; padding: 0px 0px 2px 0px;} .personLogin .userSubmit { width: 63px; margin-top: 10px; } .personLogin p { padding: 12px; } .personLogin_btn { float: right; } .personMenu { float: right; padding-left: 18px; width: 130px; } .personMenu li a { color: #071d2c; padding: 2px 0 0 15px; background: url("/images/list_style_gr_rz.png") no-repeat 0 -10px; } .personMenu li a:hover { padding: 2px 0 0 15px; background: url("/images/list_style_gr_rz.png") no-repeat 0 6px; } .personMenu li.last { margin-top: 1em; } .personMenu .basketItem a { color: #727c82; font-weight: bold; } /* Service menu [`smenu] ----------------------------------------------- */ #servicemenu { left: 335px; position: absolute; top: 25px;} #servicemenu p, #servicemenu ul, #servicemenu li { float: left; } #servicemenu .personLogin_btn { float: right; } /* Hoofdmenu [`Hmenu] ----------------------------------------------- */ ul.menu li { line-height:1; } #menu { background: #e10078; float: left; height: 40px; left: 0px; line-height: 1; position: absolute; top: 100px; width: 100%; } #menu ul { width: auto; list-style: none; margin: 0px; padding: 0px; height: 100%; } #menu ul ul { float: none; width: 120px; } #menu li { float: left; font-size: 1.27em; /*14*/ font-weight: bold; height: 40px; width: auto; } #menu li > a { height: 40px; display:table-cell; text-align:center; vertical-align:middle; color: #fff; width: 110px; } #menu .active > a { color: #e10078; } #menu li a { float: left; text-indent: -666666px; overflow: hidden; background: transparent url(/images/menu_sprite.gif) no-repeat 0 0;} #menu li.menuItem a.menuAnchor { height: 40px; display: block; } /* normal */ #menu .menuHome a { background-position: 0px 0px; width: 84px;} #menu .menuTheater a { background-position: -84px 0px; width: 94px;} #menu .menuCongressen a { background-position: -178px 0px; width: 225px;} #menu .menuBoerderij a { background-position: -403px 0px; width: 123px;} #menu .menuRestaurant a { background-position: -526px 0px; width: 115px;} #menu .menuExpositie a { background-position: -641px 0px; width: 103px;} #menu .menuSpant a { background-position: -744px 0px; width: 119px;} #menu .menuContact a { background-position: -863px 0px; width: 97px;} /* hover */ #menu .menuHome a.active { background-position: 0px -42px; width: 84px;} #menu .menuTheater a.active { background-position: -84px -42px; width: 94px;} #menu .menuCongressen a.active { background-position: -178px -42px; width: 225px;} #menu .menuBoerderij a.active { background-position: -403px -42px; width: 123px;} #menu .menuRestaurant a.active { background-position: -526px -42px; width: 115px;} #menu .menuExpositie a.active { background-position: -641px -42px; width: 103px;} #menu .menuSpant a.active { background-position: -744px -42px; width: 119px;} #menu .menuContact a.active { background-position: -863px -42px; width: 97px;} /* active */ #menu .menuHome a:hover { background-position: 0px -84px; width: 84px;} #menu .menuTheater a:hover { background-position: -84px -84px; width: 94px;} #menu .menuCongressen a:hover{ background-position: -178px -84px; width: 225px;} #menu .menuBoerderij a:hover { background-position: -403px -84px; width: 123px;} #menu .menuRestaurant a:hover { background-position: -526px -84px; width: 115px;} #menu .menuExpositie a:hover { background-position: -641px -84px; width: 103px;} #menu .menuSpant a:hover { background-position: -744px -84px; width: 119px;} #menu .menuContact a:hover { background-position: -863px -84px; width: 97px;} /* active - hover */ #menu .menuHome a.active:hover { background-position: 0px -42px; width: 84px;} #menu .menuTheater a.active:hover { background-position: -84px -42px; width: 94px;} #menu .menuCongressen a.active:hover { background-position: -178px -42px; width: 225px;} #menu .menuBoerderij a.active:hover { background-position: -403px -42px; width: 123px;} #menu .menuRestaurant a.active:hover { background-position: -526px -42px; width: 115px;} #menu .menuExpositie a.active:hover { background-position: -641px -42px; width: 103px;} #menu .menuSpant a.active:hover { background-position: -744px -42px; width: 119px;} #menu .menuContact a.active:hover { background-position: -863px -42px; width: 97px;} /* breadcrubs ----------------------------------------------- */ .breadcrumbs { float: left; left: 228px; line-height: 1; position: absolute; top: 188px; } .breadcrumbs p { margin: 8px 0 0 10px; color: #fff; } .breadcrumbs a { color: #fff; } .breadcrumbs a:hover { color: #fff; text-decoration: underline; } #suggestions { float: left; width: 100%; margin-top: 20px; } #suggestions h3.h1 { margin-bottom: 20px; } /* submenu ----------------------------------------------- */ #sub1 h2, #sub1 .h2 { background: url(/images/20_black.png) repeat-x 0 90%; color: #5E6970; font-size: 1.27em; font-weight: bold; padding: 0 0 6px 0; width: 100%; } /* 14px -> footer */ #sub2 h2, #sub2 .h2 { background: url(/images/20_black.png) repeat-x 0 90%; color: #071d2c; font-size: 1.27em; font-weight: bold; padding-bottom: 6px; width: 100%; } /* 14px -> footer */ #sub1 .subItem { padding: 12px 25px; } #sub2 .subItem { padding: 12px 10px; } #sub2 #basket { padding-top: 5px; } #sub1 input.text { float: left; margin: 0px 5px 5px 0; width: 110px; } /* ie8 */ #sub2 input.text { float: left; margin: 0px 5px 5px 0; width: 120px; } /* goed voor nb aanmelden */ .subItem legend { margin-bottom: 11px; } .subItem select { width: 158px; } .subColumn .level1 { padding: 12px 21px 12px 25px; border-bottom: 0px;} .subColumn .level2 p { padding-left: 4px; } .subColumn .level1 li.active a { color: #E10078; background-position: 0 9px;} .sections .subColumn .level1 { padding: 12px 21px 12px 0px; border-bottom: 0px;} .sections .subColumn .level2 p { padding-left: 4px; } .sections .subColumn .level1 li.active a { color: #E10078; background-position: 0 9px;} .formulier { background: #fff; } .formulier { padding: 10px 10px 40px 10px; } /* subitems ----------------------------------------------- */ #subscribeForm { margin: 5px 0 20px 0; } #subscribeForm div.field { margin: 0px; width: auto; } .list1 li { border-color:#AEB4B7; border-style:dotted; border-width:0 0 1px; min-height:19px; padding:5px 0 0 0; } .list1 li a:link, .list1 li a:visited { padding: 0 0 0 6px; font-weight: bold; color: #5e6970; } .list1 li a:hover { padding:5px 0 0 6px; font-weight: bold; color: #e10078; text-decoration: none; } .list1 li a:link span, .list1 li a:visited span { background:url("/images/list_style_gr_rz.png") no-repeat scroll 0 -12px transparent; float: left; width: 9px; height: 14px; } .list1 li a:hover span { background:url("/images/list_style_gr_rz.png") no-repeat scroll 0 4px transparent; } .list1 li.last { border-bottom: 0px; } /* share ----------------------------------------------- */ .share { padding: 10px 10px 10px 10px; position: absolute; bottom: 0; right: 0; width: 210px; } .share h2, .share.h2 { background: url(/images/20_black.png) repeat-x 0 90%; color: #071d2c; font-size: 1.27em; font-weight: bold; padding-bottom: 6px; width: 100%; } /* 14px -> footer */ .share a { /*+ie7c*/ display: inline; float: left; width: 20px; height: 20px; text-indent: -666666px; overflow: hidden; background: transparent url(/images/social.png) no-repeat; } .share ul { margin-top: 8px; padding: 0!important; display: inline; float: right } .share li { list-style: none!important; display: inline; float: left; margin-right: 2px;} /*+ie7c*/ .share .linkedin a { background-position: 0 0; margin-right: 0;} .share .twitter a { background-position: -20px 0; margin-right: 0;} .share .facebook a { background-position: -40px 0; margin-right: 0;} .share .hyves a { background-position: -60px 0; margin-right: 0; } .share .ecard a { background-position: -80px 0; margin-right: 0; } .share .printpage a { background-position: -100px 0; margin-right: 0; } .share .delen { color: #68737A; margin-right: 20px; padding-top: 5px; } .share #email_form { padding-top: 40px; clear: both; } #bodyReserveren .share h2 { display: none;} #bodyReserveren .share { display: none; } #bodyReserveren.eindoverzichtBody .share{ display: block; right: 13px; } /* submenu in zakelijk ----------------------------------------------- */ .congressenBody .list1 { margin: 12px 0 25px 0; } .congressenBody .list1 ul { margin: 0 0 25px 0; } .congressenBody .list1 .level1 { padding: 0px 21px 0px 25px; } .congressenBody .list1 .level1 a { padding: 0; } .congressenBody .list1 .level2 a { padding: 0 0 0 6px; } .congressenBody .list1 li a span { width: 0; } #bodyHomeCongressen .list1 li a span, .congressenBody .list1 li.level2 a span { width: 9px; } #bodyHomeCongressen .list1 li h2 a:link span, #bodyHomeCongressen .list1 li h2 a:visited span { float: right; height: 20px; background:url("/images/list_style_gr_rz.png") no-repeat scroll 0 -10px transparent;} #bodyHomeCongressen .list1 li h2 a:hover span { background:url("/images/list_style_gr_rz.png") no-repeat scroll 0 6px transparent; } .titleOverlay { background-color: #fff; position: relative; padding-top: 3px; padding-bottom: 1px; } /* newslist congressen ----------------------------------------------- */ .congressenBody #sub2 .list1 { margin: 6px 0 25px 0; } #sub2 .list1 li { border-width: 0px; background: url("/images/linestyle1.png") repeat-x scroll 0 100% transparent; } #sub2 .list1 li.last { background: none } #sub2 .list1 li a:link, #sub2 .list1 li a:visited { padding: 0 0 0 6px; font-weight: normal; background:url("/images/list_style_bl_wt.png") no-repeat 0px -10px; padding-left: 14px; } #sub2 .list1 li a:hover { padding: 0 0 0 6px; font-weight: normal; text-decoration: none; padding-left: 14px; } /* submenu in sections ----------------------------------------------- */ .sections .list1 li a:link, .sections .list1 li a:visited { font-weight: normal; color: #000000; } .sections .list1 li a:hover { padding:5px 0 0 6px; font-weight: normal; color: #e10078; text-decoration: none; } /* news in congressen ----------------------------------------------- */ .congressenBody .news { float: left; width: 210px} /* Forms [`form] ----------------------------------------------- */ input.text { border: 1px solid #aeb4b7; height: 15px;} select { border: 1px solid #aeb4b7; height: 19px } select option { font-weight: bold; } /* autoSelect plugin */ body.jsfx form.autoSelect div.submit { display: none; } /* Form ecard ----------------------------------------------- */ form#formEcardForm label { width: 85px; float: right; padding-top: 0.22em; } form#formEcardForm input.text, form#formEcardForm textarea { width: 115px; border: 1px solid #AEB4B7; } form#formEcardForm textarea { height: 60px; margin: 0;} form#formEcardForm .ecard-normalItem #formButton { position: absolute; bottom: 22px; right: 10px; background-color: #7b8500; border: 1px solid #535a00; color: #fff; } form#formEcardForm div#ecard-bericht { margin: 0.5em 0 0 0; } /* Meldingen ----------------------------------------------- */ .msg { font-weight: bold; margin: 10px 0; padding: 10px; background: #ffffff} .report { border-width: 1px 0!important; margin: 10px 0; min-height: 29px; padding: 4px; position: relative; text-align: left; } .report a { font-weight: bold; color: #000; text-decoration: underline; } .report span.icon { float: left; height: 29px; margin-right: 5px; padding: 0px 8px; position: relative; text-indent: -666666px; width: 14px; background: url(/images/icon_notice.gif) no-repeat 0 0; } .warning { background-color: #ffe8ed; border: 1px dotted #ae004e; } .report-error { background-color: #ffe8ed; border: 1px dotted #ae004e; padding-left: 10px; min-height: 0!important;} .report-error p { padding-bottom: 0px!important; } .warning span.icon { background-position: -3px -7px!important; } .tip { background-color: #fff8ee; border: 1px dotted #ffb852; } .tip span.icon { background-position: -70px -4px!important;} .notice { background-color: #f2fee6; border: 1px dotted #65b118; } .notice span.icon { background-position: -137px -7px!important; } .mail { background-color: #fff7ec; border: 1px dotted #feb859; } .mail span.icon { background-position: -37px -7px!important; } .attention { background-color: #ffeed7; border: 1px dotted #fb9a1c; } .attention span.icon{ background-position: -104px -7px!important; } .question { background-color: #e7f1ff; border: 1px dotted #1b509d; } .question span.icon { background-position: -223px -10px!important; } .report ul { margin-top: 1em; margin-left: 35px;} .report ul li { font-weight: bold;} .warning, .notice { padding: 10px;} form#ticketForm div.report { width: 529px; } /* #ticketForm */ #paymentNotice { width: 661px; } /* Richtext [`rt] ----------------------------------------------- */ .richtext { float: left; } .richtext h1, .richtext h2, .richtext h3, .richtext h4, .richtext h5, .richtext h6 { margin: 10px 0px 0px 0px; } .richtext p, .richtext dl, .richtext table, .richtext pre, .richtext blockquote { margin: 10px 0 0 0; } .richtext table { border-collapse: separate; table-layout: auto; border-spacing: 0.18em; } .richtext th, .richtext td { padding: 0.5em; } .richtext blockquote { margin: 1em 0 1em 4em; } .richtext ul, .richtext ol { margin: 1em 0 1em 4em; list-style: outside; } .richtext ul { list-style-type: disc; } .richtext ol { list-style-type: decimal; } /* various FCK features/styles */ .richtext .indent1 { margin-left: 2em; } .richtext .indent2 { margin-left: 4em; } .richtext .indent3 { margin-left: 6em; } .richtext .justifyLeft { text-align: left; } .richtext .justifyRight { text-align: right; } .richtext .justifyCenter{ text-align: center; } .richtext .justifyFull { text-align: justify; } .richtext img.left { float: left; margin: 1em 1em 1em 0; } .richtext img.right { float: right; margin: 1em 0 1em 1em; } .richtext img { display: block; } /* Global classes [`glob] ----------------------------------------------- */ .noscr { display: none;}