@charset "UTF-8";
/* CSS design voor HTML RTE, deze classes voor text style en block style kunnen door de editor gekozen worden in de BE.
* In de Root template TSconfig staat het pad naar 'style_rte.css' die we hier importeren.
*/
@import "my_style_rte_portal.css";
@import "my_style_rte_lrninwo.css";
/* START CLASSES
*
*/
body.lereninwonen .clearer {
clear: both;
margin: 0;
padding: 0;
color:#fff;
background-color:transparent;
border:none;
}
div#maincontent h1.csc-firstHeader,
div#maincontent h1.firstheader,
div#maincontent h1#nieuwsbrief_header,
div#maincontent h1 {
margin:0 0 11px 0;
padding:0;
font-size:20px;
font-weight:normal;
color:#006dbe;
line-height:28px;
}
body.lereninwonen .tx-wiwportal-pi2 {
margin:0 0 0 60px;
}
/* overschrijft aan FE my_style_rte.css */
body.lereninwonen p.bodytext {
border: 0;
margin: 0;
padding: 6px 0 0 0;
font-size: 12px;
line-height: 16px;
}
body.lereninwonen.vervolglereninwonen p.bodytext {
border: 0;
margin: 0;
padding: 0;
font-size: 12px;
line-height: 16px;
}
/* START MAIN
*
*/
html * {
margin: 0;
padding: 0;
color: #2e2e2e;
background-color: transparent;
}
html, body {
font: 62.5% Verdana, Helvetica, Arial, "Lucida Grande", "Lucida Sans", sans-serif;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
text-align: left;
}
div#containerwrap {
margin: 0 auto;
padding: 0;
width: 1200px;
height: 700px;
background-color: transparent;
/*background-image:url(img/lereninwonen_blad.png);
background-position:0 180px;
background-repeat:no-repeat;*/
}
div#containerimage {
position:absolute;
top:114px;
margin: 0;
padding: 0;
width: 560px;
height: 700px;
background-color: transparent;
z-index:-100;
}
body.lereninwonen.modules div#containerimage {
display: none;
visibility:hidden;
}
div#containerwhitemask {
position:absolute;
top:340px;
margin: 0;
padding: 0;
width: 759px;
height: 800px;
background-color: #fff;
filter: alpha(opacity=80);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
z-index:-5;
}
body.lereninwonen.modules div#containerwhitemask {
display: none;
visibility:hidden;
}
div#container {
margin: 0 auto;
padding: 0;
width: 980px;
/*temp height */
height: auto;
font-size: 12px;
line-height: 16px;
color: #2e2e2e;
background-color: transparent;
}
div#topcontainer {
margin: 0;
padding: 0;
width: 980px;
height: 105px;
background-color: transparent;
}
div#topnavwrap {
float: left;
margin: 0;
padding: 5px 0 0;
width: 980px;
height: 35px;
background-color: transparent;
}
div#topsearchwrap {
float: right;
margin: 0;
padding: 0;
width: 246px;
height: 35px;
background-color: transparent;
}
div#topnavrightwrap {
float: right;
margin: 0;
padding: 0;
width: auto;
height: 35px;
background-color: transparent;
}
div#topnavleftwrap {
display:none;
visibility:hidden;
float: right;
margin: 0;
padding: 0;
width: auto;
height: 35px;
background-color: transparent;
}
div#sitename {
float: left;
margin: 0;
padding: 0;
width: auto;
height: 43px;
background-color: transparent;
}
div#payoff {
float: left;
margin: 0;
padding: 0;
width: auto;
height: 43px;
background-color: transparent;
}
div#navcontainer {
margin: 0;
padding: 0;
width: 978px;
height: 25px;
border: 1px solid #dce3e2;
background-color: transparent;
}
/***/
div#headercontainer {
position: relative;
margin: 0;
padding: 0;
width: 980px;
height: 252px;
background-color: transparent;
}
body.lereninwonen.modules div#headercontainer {
display: none;
visibility:hidden;
}
div#headerflash {
position: relative;
top:9px;
left:87px;
float:left;
margin: 0;
padding: 0;
width: 672px;
height: 243px;
background-color: transparent;
}
div#headermoviewrap {
position:relative;
top:9px;
left:87px;
float:left;
margin: 0;
padding: 0;
width: 221px;
height: 243px;
background-color: transparent;
}
div#movietxt {
float:left;
margin: 15px 0 0 0;
padding: 0;
width: 221px;
height: 95px;
background-color: transparent;
}
/* overige a bij my_style_rte.css */
.movieheader a:hover,
.moviesubheader a:hover {
text-decoration:none;
font-weight:bold;
color:#463129;
}
div#movie {
float:left;
margin: 0;
padding: 10px 0 0 0;
width: 221px;
height: 123px;
background-color: transparent;
}
div#movie p.moviesubheader {
margin:0 0 10px 0;
z-index:9999;
}
div#movie embed {
margin: 8px 0 0 0;
padding: 0;
}
div#movie div.tx-flvplayer-pi1 {
margin: 20px 0 0 0;
padding: 0;
width: 221px;
height: 134px;
overflow:hidden;
background-color: transparent;
z-index:-10;
}
div#movie div.tx-flvplayer-pi1 embed {
position:relative;
top: -42px;
left: 35px;
margin: 0;
padding: 0;
}
div.vergroot {
position:absolute;
top: 120px;
left: 170px;
margin: 0;
padding: 0;
width: 12px;
height:12px;
border:2px solid #fff;
background-color:transparent;
cursor:pointer;
z-index:9999;
}
div.vergroot.mini {
position:relative;
top: 1px;
left: -3px;
margin: 2px;
padding: 0;
width: 8px;
height:8px;
border:1px solid #fff;
background-color:transparent;
z-index:-10;
}
div#mainnavcontainer {
position:relative;
margin: 0;
padding: 0;
width: 980px;
height: 40px;
background-color: #fff;
z-index:9999;
}
div#maincontainer {
position:relative;
/*float:left;*/
margin: 0;
padding: 0;
width: 980px;
height: auto;
background-color: transparent;
background-image:url(img/watisleren_iw_8gr.png);
background-position:0 8px;
background-repeat:no-repeat;
}
body.lereninwonen.vervolglereninwonen div#maincontainer,
body.lereninwonen.modules div#maincontainer {
/* min-height:650px;*/
background-image:none;
}
body.lereninwonen.modules div#iframe_container.inloggen {
position:relative;
left: 0px;
margin: 0;
padding: 0;
width: 1200px;
height: 700px;
background-color: transparent;
overflow:hidden;
}
body.lereninwonen.modules div#iframe_container.game {
position:relative;
left: -120px;
margin: 0;
padding: 0;
width: 1200px;
height: 700px;
background-color:#fff;
overflow:hidden;
}
body.lereninwonen.modules div#iframe_container.calendar {
position:relative;
left: 0px;
margin: 0;
padding: 0;
width: 980px;
height: 5000px;
background-color:transparent;
}
body.lereninwonen.modules div#iframe_container.movie_learning {
position:relative;
left: 0;
margin: 0;
padding: 0;
width: 1200px;
height: 550px;
background-color:transparent;
overflow:hidden;
}
body.lereninwonen.modules div#iframe_container.tour {
position:relative;
left: 0;
margin: 0;
padding: 0;
width: 1200px;
height: 700px;
background-color:transparent;
overflow:hidden;
}
body.lereninwonen.modules div#maincontainer iframe.inloggen,
body.lereninwonen.modules div#maincontainer iframe.game,
body.lereninwonen.modules div#maincontainer iframe.calendar,
body.lereninwonen.modules div#maincontainer iframe.movie_learning,
body.lereninwonen.modules div#maincontainer iframe.tour {
position:absolute;
margin: 0;
padding: 0;
background-color:#fff;
}
body.lereninwonen.modules div#maincontainer iframe.inloggen {
top: 0px;
left:0px;
}
body.lereninwonen.modules div#maincontainer iframe.game {
top: 0px;
left:100px;
}
body.lereninwonen.modules div#maincontainer iframe.calendar {
top: 0px;
left: 80px;
}
body.lereninwonen.modules div#maincontainer iframe.movie_learning {
top: 0px;
left: -40px;
}
body.lereninwonen.modules div#maincontainer iframe.tour {
top: 0px;
left: -20px;
}
div#mainleftcol {
position:relative;
float:left;
margin: 14px 25px 0 10px;
padding: 0;
width: 180px;
height: 350px;
background-color: transparent;
}
body.vervolgextra div#mainleftcol {
position:relative;
top:95px;
}
body.vervolglereninwonen div#mainleftcol,
body.lereninwonen.modules div#mainleftcol {
display:none;
visibility:hidden;
}
div#maincontent {
position:relative;
float:left;
margin: 0;
padding: 0;
width: 550px;
background-color: transparent;
}
body.vervolglereninwonen div#maincontent {
position:relative;
float:left;
margin:0;
padding: 0 25px 0 10px;
width: 730px;
background-color: transparent;
}
body.lereninwonen.modules div#maincontent {
position:relative;
float:left;
margin:0;
padding: 0 25px 0 10px;
width: 980px;
background-color: transparent;
}
body.lereninwonen div#maincontent a {
color: #63b5e2;
font-weight:bold;
}
body.lereninwonen div#maincontent a:hover {
text-decoration:underline;
}
div#mainrightcol {
position:relative;
float:left;
margin: 0;
padding: 0;
width: 215px;
height: auto;
background-color: transparent;
}
body.lereninwonen.modules div#mainrightcol {
display: none;
visibility:hidden;
}
div#calender_banner {
margin: 0 auto;
padding: 0;
background-color: transparent;
}
div#calender_banner a img {
margin: 1px;
padding: 0;
width: 156px;
height: 210px;
border: 1px solid #dce3e2;
}
div#calender_banner a:hover img {
margin: 0px;
padding: 0;
width: 156px;
height: 210px;
border: 2px solid #dce3e2;
}
div#newsletter_banner {
margin: 0 auto;
padding: 10px 0 0 0;
background-color: transparent;
}
div#newsletter_banner a img {
margin: 2px;
padding: 0;
width: 156px;
height: 210px;
border: 0px solid #dce3e2;
}
div#newsletter_banner a:hover img {
margin: 1px;
padding: 0;
width: 156px;
height: 210px;
border: 1px solid #006dbc;
}
div#breadcrumb {
margin: 24px 0 10px 0;
padding: 0 0 14px 0;
width: auto;
height: auto;
background-color: transparent;
}
body.lereninwonen.vervolglereninwonen div#breadcrumb {
margin: 24px 0 15px 0;
padding: 0;
}
body.lereninwonen.modules div#breadcrumb {
display: none;
visibility:hidden;
}
div#breadcrumb ul.breadcrumb,
div#breadcrumb ul.breadcrumb li,
div#breadcrumb ul.breadcrumb li a {
display:inline;
margin: 0;
padding: 0;
font-size:11px;
font-weight:normal;
line-height:13px;
color:#696969;
width: auto;
height: auto;
text-decoration:none;
background-color: transparent;
}
div#breadcrumb ul.breadcrumb li.breadcrumb_CUR {
font-weight:bold;
}
div#breadcrumb ul.breadcrumb a:hover {
text-decoration:underline;
}
div#footercontainer {
position: relative;
top: 10px;
margin: 0 0 40px 0;
padding: 0 0 0 0;
width: 978px;
height: 26px;
border: 1px solid #dce3e2;
background-color: transparent;
}
/*
* START MAINNAV
*
* */
ul#inlog_menu {
float:left;
margin:5px;
padding:0;
width: 205px;
height:30px;
}
ul#liw_mainnav_menu {
position:relative;
left:0px;
}
ul.liw_nav {
float:left;
margin: 5px 0 0 0;
padding: 0;
width:auto;
font-size: 12px;
font-weight: normal;
line-height: 35px;
list-style-type:none;
color: #463129;
background-color: transparent;
}
ul.liw_nav li {
position:relative;
float:left;
margin: 0;
padding: 0;
white-space:nowrap;
height: 34px;
width:auto;
background-color: transparent;
}
ul.liw_nav li ul.menulevel1.liw_nav {
display:none;
position:absolute;
margin: 0;
padding: 0 15px 10px 15px;
background-color: #74c6f3;
border:1px solid #fff;
z-index:9999;
}
ul.liw_nav li:hover ul.menulevel1.liw_nav {
display: block;
top: 34px;
left: 0px;
}
ul.liw_nav li ul.menulevel1.liw_nav li {
clear:both;
margin: 0;
padding: 0;
white-space:nowrap;
height: auto;
width:100%;
background-color: transparent;
}
ul.liw_nav li ul.menulevel1.liw_nav li a {
display:block;
clear:both;
margin: 0;
padding: 0;
font-size:12px;
font-weight:normal;
color:#000;
line-height:28px;
height:28px;
border-bottom:1px solid #fff;
height: auto;
width:100%;
background-color: transparent;
}
ul.liw_nav li a {
display:block;
margin:0;
padding: 5px 34px 0 0;
font-size:12px;
height: 30px;
line-height:18px;
font-weight:bold;
color:#463129;
text-decoration:none;
}
ul.liw_nav li.mainnav_ACT a,
ul.liw_nav li.mainnav_CUR a,
ul.liw_nav li.mainnav_CURIFSUB a {
color:#006dbe;
}
ul#inlog_menu.liw_nav li a {
margin:0 15px 0 0;
padding: 5px 65px 5px 65px;
width: 60px;
height: 20px;
color:#d50072;
}
ul.liw_nav li a:hover {
color:#006dbe;
}
ul#inlog_menu.liw_nav li a:hover {
margin:0 15px 0 0;
padding: 4px 64px 4px 64px;
width: 60px;
height: 18px;
border:1px solid #d50072;
}
ul.liw_nav li ul.menulevel1.liw_nav li a:hover {
color:#fff;
text-decoration:none;
}
/*
* END MAINNAV
*
* */
/*
*
* NIEUWS
*
*/
body.lereninwonen .news-single-item {
margin: -10px 10px 0 60px !important;
padding: 0;
}
body.lereninwonen .news-single-item h1 {
color: #463129;
font-weight:normal;
}
body.lereninwonen .news-single-item h2 {
margin: 0 !important;
padding: 8px 0 8px 0 !important;
font-size: 12px;
font-weight: bold;
line-height:16px;
color: #463129;
border-top: 1px solid #ee7bab;
}
body.lereninwonen .news-list-container p {
border-top: 1px solid #ee7bab;
}
body.lereninwonen div#maincontent .news-single-backlink,
body.lereninwonen div#maincontent .news-single-backlink a {
float:left !important;
color: #0052b0;
}
body.lereninwonen .news-single-item p {
color: #463129;
}
body.lereninwonen div#maincontent .news-list-container .news-list-item h2,
body.lereninwonen div#maincontent .news-list-container .news-list-item h2 a {
margin: 4px 0 !important;
color: #463129;
font-weight:normal;
}
body.lereninwonen .news-list-morelink a {
background-image:none;
}
body.lereninwonen .newscat {
clear:both;
margin: 5px 0 10px 0;
color: #ee7bab;
text-align: left;
font-size: 12px;
line-height:14px;
font-weight: normal;
}
body.lereninwonen .news-list-category {
/* display:none;
visibility:hidden; */
font-size:11px;
line-height:13px;
color:#ee7bab;
}
body.lereninwonen p.archieflink {
position:absolute;
top: 20px;
left:530px;
float:right;
margin: 15px 30px 0 0 !important;
width: 180px;
white-space:nowrap;
}
body.lereninwonen div#maincontent p.archieflink a b {
color: #0052b0;
}
body.lereninwonen .news-list-container {
margin: 0px 10px 0 60px !important;
}
body.lereninwonen div#maincontent .news-list-morelink a {
font-size:12px !important;
font-weight:bold;
color: #0052B0;
}
body.lereninwonen div#maincontent .news-list-morelink a:hover {
text-decoration: underline;
}
body.lereninwonen .news-list-date {
position:relative;
top: 8px;
}
/*
*
*
*/
/*
* FORMULIEREN
*
*/
body div#container div.tx-powermail-pi1 form#actiecontactformulier_liw.tx_powermail_pi1_form {
width: 500px;
}
body div#container div.tx-powermail-pi1 form#actiecontactformulier_liw fieldset {
width: 100%;
}
div#maincontainer div.tx-powermail-pi1 h3.prio {
font-weight:bold;
color:#006dbc;
}
div#maincontainer div.tx-powermail-pi1 {
margin: 0 10px 0 0px;
padding: 0;
}
div#maincontainer div.tx-powermail-pi1 textarea {
border: 1px solid #b2c4c3;
font-family: arial,verdana;
width: 214px;
height:auto;
}
div#maincontainer div#powermaildiv_uid57 label,
div#maincontainer div#powermaildiv_uid59 label {
display:none;
visibility:hidden;
}
div#maincontainer form fieldset label {
/* float: left; */
display:block;
margin: 6px 0 4px 0;
height: auto;
width: 200px;
font-size: 12px;
color: #006dbc;
line-height: 15px;
}
div#maincontainer div#powermaildiv_uid60 label {
width:100%;
}
div#maincontainer div#powermaildiv_uid57 textarea,
div#maincontainer div#powermaildiv_uid59 textarea,
div#maincontainer div#powermaildiv_uid60 textarea {
clear:both;
width:414px;
}
div#maincontainer .tx_powermail_pi1_fieldwrap_html_check {
clear:both;
}
div#maincontainer form fieldset input {
/* float: left; */
margin: 5px 0 4px 0;
padding: 3px 0 0 3px;
width: 220px;
height: 20px;
border: 1px solid #b2c4c3;
font-size: 11px;
color: #000000;
background-color: transparent;
}
div#maincontainer form fieldset select {
margin: 5px 0 4px 0;
padding: 3px;
height: 24px;
line-height:16px;
width: 224px;
font-size: 11px;
color: #000000;
background-color: transparent;
border: 1px solid #b2c4c3;
}
div#maincontainer form fieldset option {
margin: 0;
padding: 4px 0 0 4px;
height: 16px;
line-height:16px;
width: auto;
font-size: 11px;
color: #000000;
background-color: transparent;
}
div#maincontainer form fieldset input.powermail_check {
float:left;
margin: 5px 15px 4px 0;
padding: 3px 0 0 3px;
width: 15px;
height: 15px;
border: 0px solid #b2c4c3;
font-size: 11px;
color: #000000;
background-color: transparent;
}
div#maincontainer form fieldset div.powermail_check_inner label {
float:left;
width:380px;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title {
display:none;
visibility:hidden;
margin:0;
padding:10px 0 5px 0;
}
.tx_powermail_pi1_fieldwrap_html.tx_powermail_pi1_fieldwrap_html_textarea {
clear:both;
}
div#maincontainer input.button {
margin: 20px 20px 0 100px;
padding: 0;
width: 100px;
height: 24px;
color: #fff;
border: 0px solid #696969;
background-color: #006dbc;
font-size: 12px;
font-weight: bold;
}
body div#container div#maincontainer form fieldset input.powermail_submit {
margin: 4px 0 0 200px;
padding: 0 0 2px;
width:224px;
}
/*
*
*
*/
#maincontent_social_bar {
display: block;
float: right;
margin-bottom: -34px;
margin-right: 134px;
margin-top: 55px;
padding-bottom: 0;
padding-right: 0;
width: 115px;
}
#maincontent_social_bar a img {
padding-right: 5px;
}
body.lereninwonen div.adv_bannerimg_full {
height: 110px;
width: 212px;
margin-bottom: 10px;
}
body.lereninwonen div.adv_bannerimg_full img {
width: 212px;
height: 110px;
}
body.lereninwonen div#movie h1 {
display: none;
}