/*********************************************************************** ** Reset ************************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse; border-spacing: 0;} *{margin:0;padding:0;} /*********************************************************************** ** Body ************************************************************************/ body{font:11px Tahoma,Arial,sans-serif; height: 100%;} html {overflow-y: scroll !important; height: 100%;} /*********************************************************************** ** Header ************************************************************************/ #head{ background-color:#6d1874; height:76px;} /* Thema afhankelijk */ #head h1 a{background:url(/templates/default/gfx/logo/logo-head.jpg) no-repeat 20px 20px;width:310px;height:56px;text-indent:-9999px; } h1 a{background:url(/templates/default/gfx/logo/logo.jpg) no-repeat top center;width:290px;height:36px;text-indent:-9999px;overflow:hidden;padding-bottom:15px;padding-left: 35px;display:block;} #head p { float:right; margin: -40px 30px 0 0; color:#a0a0a0; font-size:13px;} #head p.klok {margin: -20px 30px 0 0;color:#fff; font-size:11px;} #head .userName {color:#fff;} #head p a {color:#a0a0a0; font-weight:bold;} #head p a:hover { text-decoration:none;} /*********************************************************************** ** Header Admin ************************************************************************/ #headAdmin{ background-color:#e20000; height:76px;} /* Thema afhankelijk */ #headAdmin h1 a{background:url(/templates/default/gfx/logo/logo-white.png) no-repeat 20px 20px;width:310px;height:56px;text-indent:-9999px; } h1 a{background:url(/templates/default/gfx/logo/logo.jpg) no-repeat top center;width:290px;height:36px;text-indent:-9999px;overflow:hidden;padding-bottom:15px;padding-left: 35px;display:block;} #headAdmin p { float:right; margin: -40px 30px 0 0; color:#a0a0a0; font-size:13px;} #headAdmin p.klok {margin: -20px 30px 0 0;color:#fff; font-size:11px;} #headAdmin .userName {color:#fff;} #headAdmin p a {color:#a0a0a0; font-weight:bold;} #headAdmin p a:hover { text-decoration:none;} /*********************************************************************** ** Algemeen ************************************************************************/ a { color:#6b1274;} /* Thema afhankelijk */ a:hover { color:#5d5d5d;} .clear{clear:both; height:3em; display:block; position:relative;} .clear2{clear:both; height:1em; display:block; position:relative;} .hidden {display: none !important; visibility: hidden !important;} .floatLeft {float: left;} .strongUnderline {font-weight: bold; text-decoration: underline;} .fieldsetError {display: block; color: #d50000;} .checkbox { margin:2px 0 0 0!important;} .centerContent {text-align: center;} .error {color: #d50000 !important; margin:20px 0 0 17px; display:block; width: auto !important;} .uploadifyThis {display: none !important;} .readOnlyContent {background: none repeat scroll 0 0 #DDDDDD; border: 1px solid #CCCCCC; float: left; line-height: 15px; margin-left: 30%; padding: 5px; width: 50%;} /*********************************************************************** ** Login formulier ************************************************************************/ #loginformulier {margin-left:8px;padding:16px 16px 40px 16px;font-weight:normal;-moz-border-radius:11px;-khtml-border-radius:11px;-webkit-border-radius:11px;border-radius:5px;background:#fff;border:1px solid #e5e5e5;-moz-box-shadow:rgba(200,200,200,1) 0 4px 18px;-webkit-box-shadow:rgba(200,200,200,1) 0 4px 18px;-khtml-box-shadow:rgba(200,200,200,1) 0 4px 18px;box-shadow:rgba(200,200,200,1) 0 4px 18px;} form .forgetmenot{font-weight:normal;float:left;margin-bottom:0;} .button-primary{ font-family:Tahoma,Arial,sans-serif;padding:3px 10px;border:none;font-size:12px;border-width:0px;border-style:solid;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;cursor:pointer;text-decoration:none;margin-top:-3px; background-color:#6d1874; color:#fff;} .button-secondary{ font-family:Tahoma,Arial,sans-serif;padding:3px 10px;border:none;font-size:12px;border-width:0px;border-style:solid;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;cursor:pointer;text-decoration:none;margin-top:-3px; background-color:#6d1874; color:#fff; width:90px !important; float:left !important; display:block !important; position:relative; margin-right:15px;} #login form p{margin-bottom:0;} label{color:#777;font-size:13px;} form .rememberme label{font-size:11px;line-height:19px;} form .submit{float:right;} .alignright {float: right;} .alignright a{font-size: 13px; text-decoration:none; color:#000;} .alignright a:hover {text-decoration: underline} .alignright2 {float: right; margin-right: 15px;} .alignright2 a{font-size: 13px; text-decoration:none; color:#000;} .alignright2 a:hover {text-decoration: underline} .alignleft{float: left;} #loginformulier form p {margin-bottom:24px;} #login{width:320px;margin:7em auto;} #login_error,.message{margin:0 0 16px 8px;border-width:1px;border-style:solid;padding:12px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; color:#d50000;} #wachtwoord,#gebruiker,#user_email{font-size:20px;width:97%;padding:3px;margin-top:2px;margin-right:6px;margin-bottom:16px;border:1px solid #e5e5e5;background:#fbfbfb;} input{color:#555;font-family:Tahoma,Arial,sans-serif;} #login #onderTekst {float: right; color: #bbbbbb; margin: 12px 1px 0px 0px;} #login #onderTekst a {color: #bbbbbb; text-decoration: none;} #login #onderTekst a:hover {text-decoration: underline;} /*********************************************************************** ** Content wrapper ************************************************************************/ .wrapper {width: 100%; min-height: 100%; height: auto !important; height: 100%; position: relative;} #wrap {width: 980px; position: relative;} /*********************************************************************** ** Navigatie ************************************************************************/ #leftNav {margin: 40px 0 0 0; display:block; float:left; position: relative; overflow: visible; width:170px;} ul.navigation li.linkHolder {margin-left: 16px; width: 162px; padding: 5px; border: 1px solid #e7e7e7; margin-bottom: 20px; -moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} li.linkHolder .linkHeader {background: #ffffff; text-align: center; color: #b3b3b3; margin: -20px 0 0 0; width: auto; height: 20px; float: left; clear: left; padding: 0 5px; font-size: 1.2em; cursor: default;} li.linkHolder .linkHeader:hover {background: #ffffff; text-align: center; color: #696969; margin: -20px 0 0 0; width: auto; height: 20px; float: left; clear: left; padding: 0 5px; font-size: 1.2em} ul.navigation li li { background:url(/templates/default/gfx/global/button-back.gif) no-repeat 0px -40px;width:162px;height:36px; margin:5px 0 5px 0px; list-style:none;} ul.navigation li li:hover { background:url(/templates/default/gfx/global/button-back.gif) no-repeat 0px 0px;} ul.navigation li li a {display:block;height:36px; color:#000; padding:8px 0 0 28px; font-size:13px; text-decoration:none;} ul.navigation li li a:hover { color:#e7e7e7;} ul.navigation li.linkHolder ul li span {display: block; float: left; height: 20px; margin-left: -26px; margin-top: 0px; position: relative; width: 25px;} /*********************************************************************** ** Navigatie Icons ************************************************************************/ #linkPage span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px 0px;} #linkUserStats span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -40px;} #linkUserData span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -80px;} #linkMail span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -120px; margin-top: 5px;} #linkUploads span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -160px;} #linkFotoAlbum span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -200px;} #linkWoningen span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -240px;} #linkNieuws span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -280px;} #linkNieuwsbrief span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -320px;} #linkCatalogus span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -360px; margin-top: 2px;} #linkPageflipper span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -400px; margin-top: 2px;} #linkUsers span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -440px;} #linkModule span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -480px; margin-top: 2px;} #linkBackup span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -680px;} #linkTemplates span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -640px;} #linkKalender span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -520px;} #linkBedrijven span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -740px;} #linkUpdater span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -800px;} #linkSmoelenboek span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -840px;} #linkEnquete span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -880px;} #linkBlog span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -920px;} #linkWebshop span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -558px;} #linkWebsupport span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -1020px;} #linkVacatures span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -979px;} #linkDashboard span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -598px;} #linkFormulieren span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -1038px;} /*********************************************************************** ** Navigatie Icons Hover ************************************************************************/ #linkPage:hover span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -20px;} #linkUserStats:hover span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -60px;} #linkUserData:hover span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -100px;} #linkMail:hover span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -140px;} #linkUploads:hover span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -180px;} #linkFotoAlbum:hover span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -220px;} #linkWoningen:hover span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -260px;} #linkNieuws:hover span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -300px;} #linkNieuwsbrief:hover span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -340px;} #linkCatalogus:hover span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -380px;} #linkPageflipper:hover span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -420px;} #linkUsers:hover span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -460px;} #linkModule:hover span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -500px;} #linkBackup:hover span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -700px;} #linkTemplates:hover span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -660px;} #linkKalender:hover span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -540px;} #linkBedrijven:hover span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -720px;} #linkUpdater:hover span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -820px;} #linkSmoelenboek:hover span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -860px;} #linkEnquete:hover span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -900px;} #linkBlog:hover span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -940px;} #linkWebshop:hover span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -580px;} #linkWebsupport:hover span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -1001px;} #linkVacatures:hover span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -960px;} #linkDashboard:hover span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -618px;} #linkFormulieren:hover span {background:url(/templates/default/gfx/icons/menu-iconen.png) no-repeat 7px -1059px;} /*********************************************************************** ** Content Icons ************************************************************************/ .uploads {background:url(/templates/default/gfx/icons/ico-big/icobig-filemanager.png) no-repeat 0px 0px; height:43px;} .klant {background:url(/templates/default/gfx/icons/ico-big/icobig-klant.png) no-repeat 0px 10px; height:43px;} .statistieken {background:url(/templates/default/gfx/icons/ico-big/icobig-statistieken.png) no-repeat 0px 0px; height:43px;} .makelaar {background:url(/templates/default/gfx/icons/ico-big/icobig-makelaar.png) no-repeat 0px 0px; height:43px;} .pages {background:url(/templates/default/gfx/icons/ico-big/icobig-pagina.png) no-repeat 0px 0px; height:43px;} .nieuws {background:url(/templates/default/gfx/icons/ico-big/icobig-nieuws.png) no-repeat 0px 0px; height:43px;} .nieuwsbrief {background:url(/templates/default/gfx/icons/ico-big/icobig-nieuwsbrief.png) no-repeat 0px 0px; height:43px;} .fotoAlbum {background:url(/templates/default/gfx/icons/ico-big/icobig-fotoalbum.png) no-repeat 0px 5px; height:43px;} .gebruikersbeheer {background:url(/templates/default/gfx/icons/ico-big/icobig-gebruikerbeheer.png) no-repeat 0px 0px; height:43px;} .gebruikers {background:url(/templates/default/gfx/icons/ico-big/icobig-gebruikerbeheer.png) no-repeat 0px 0px; height:43px;} .webgebruikers {background:url(/templates/default/gfx/icons/ico-big/icobig-gebruikerbeheer.png) no-repeat 0px 0px; height:43px;} .mailbeheer {background:url(/templates/default/gfx/icons/ico-big/icobig-mail.png) no-repeat 0px 10px; height:43px;} .modulebeheer {background:url(/templates/default/gfx/icons/ico-big/icobig-modulebeheer.png) no-repeat 0px 5px; height:43px;} .catalogus {background:url(/templates/default/gfx/icons/ico-big/icobig-catalogus.png) no-repeat 0px 5px; height:43px;} .pageflipper {background:url(/templates/default/gfx/icons/ico-big/icobig-pageflipper.png) no-repeat 0px 5px; height:43px;} .backups {background:url(/templates/default/gfx/icons/ico-big/icobig-backup.png) no-repeat 0px 5px; height:43px;} .dashboard {background:url(/templates/default/gfx/icons/ico-big/icobig-dashboard.png) no-repeat 0px 5px; height:43px;} .info {background:url(/templates/default/gfx/icons/ico-big/icobig-info.png) no-repeat 0px 0px; height:43px;} .templates {background:url(/templates/default/gfx/icons/ico-big/icobig-templates.png) no-repeat 0px 0px; height:43px;} .kalender {background:url(/templates/default/gfx/icons/ico-big/icobig-kalender.png) no-repeat 0px 0px; height:43px;} .bedrijvengids {background:url(/templates/default/gfx/icons/ico-big/icobig-bedrijven.png) no-repeat 0px 0px; height:43px;} .updater {background:url(/templates/default/gfx/icons/ico-big/icobig-sync.png) no-repeat 0px 0px; height:43px;} .enquete {background:url(/templates/default/gfx/icons/ico-big/icobig-enquete.png) no-repeat 0px 0px; height:43px;} .smoelenboek {background:url(/templates/default/gfx/icons/ico-big/icobig-smoelenboek.png) no-repeat 0px 0px; height:43px;} .blog {background:url(/templates/default/gfx/icons/ico-big/icobig-blog.png) no-repeat 0px 6px; height:43px;} .webshop {background:url(/templates/default/gfx/icons/ico-big/icobig-shop.png) no-repeat 0px 6px; height:43px;} .websupport {background:url(/templates/default/gfx/icons/ico-big/icobig-websupport.png) no-repeat 0px 6px; height:43px;} .vacatures {background:url(/templates/default/gfx/icons/ico-big/icobig-vacature.png) no-repeat 0px 6px; height:43px;} .formulier {background:url(/templates/default/gfx/icons/ico-big/icobig-formulieren.png) no-repeat 0px 6px; height:43px;} /*********************************************************************** ** Content holder ************************************************************************/ #content { margin-left: 40px; margin-bottom: 0; margin-right: 0; margin-top: 45px; float:left; width:750px; position: relative; overflow: visible;} #content h2 {padding:5px 0 20px 40px; font-size: 24px; font-weight:normal; color:#696969;} #contentHolder { position:relative; z-index:2; width:750px; background-color:#f2f2f2; margin-top:-20px; -moz-border-radius:11px; -khtml-border-radius:11px; -webkit-border-radius:11px; border-radius:5px; border:1px solid #e5e5e5; } .contentTitle { font-size: 18px; color: #696969; position: absolute; margin: 10px 0 0 20px; } /* tijdelijk */ .newActions { margin:0 10px 0 0; height:60px; display:block; position:relative;z-index:0; } .newActions a{ font-size: 13px; text-decoration:none; color:#000;} .newActions a:hover{ font-size: 13px; text-decoration:underline;} .newActions2 {height:30px; display: block; position:relative;z-index:0;} .newActions2 a {font-size: 13px; text-decoration:none; color:#000;} .newActions2 a:hover {font-size: 13px; text-decoration:underline;} /*********************************************************************** ** Tabs boven content ************************************************************************/ #contentTabs {position: relative;margin-left: 20px;z-index: 1;} #contentTabs table tr td { padding:5px 15px 0; height:40px; -moz-border-radius:11px; -khtml-border-radius:11px; -webkit-border-radius:11px; border-radius:5px; border:1px solid #e5e5e5; background-color:#A25DA9; text-align:center; display:block; float:left; margin-right:5px; color:#000000; font-size:12px; } #contentTabs table tr td a { text-decoration:none; color:#fff; } #contentTabs .currentTab { background-color:#f2f2f2; } #contentTabs .currentTab a { color:#000; } /*********************************************************************** ** Tabs binnen de contentHolder ************************************************************************/ #InnerContentTabs {position: relative;margin-left: 20px;z-index: 1;} #InnerContentTabs table tr td { padding:5px 15px 0; height:40px; -moz-border-radius:11px; -khtml-border-radius:11px; -webkit-border-radius:11px; border-radius:5px; border:1px solid #cccccc; background-color: #e2e2e2; text-align:center; display:block; float:left; margin-right:5px; color:#fff; font-size:12px; } #InnerContentTabs table tr td a { text-decoration:none; color:#fff; } #InnerContentTabs .currentTab { background-color:#A25DA9;} #InnerContentTabs .currentTab a { color:#000; } /*********************************************************************** ** Footer ************************************************************************/ #footer {position: absolute; bottom: 0; width: 100%; background:#ebebeb; height:30px; padding-top:10px;} #footer a { font-size: 13px; color:#a0a0a0; margin-left: 20px;} #footer a:hover { text-decoration:none;} .divider { margin-left: 20px;color:#a0a0a0;} #footerRight { float:right; display:block; position:relative; margin-right:20px;color:#a0a0a0;} /*********************************************************************** ** Userdata fieldset elementen ************************************************************************/ .userdata .error {color: #d50000 !important; margin:0; display: inline; width: auto !important;} .userdata label{display: block; float: left; width: 30%; font-size: 1.2em; padding: 3px 2% 0 0; margin-bottom: 5px; cursor: pointer; text-align: right; clear: left;} .userdata input{float: left; margin-bottom: 5px; font-size: 1.2em; width: 34.7%;} .userdata .multiSmall {width: 50px; margin-right: 10px;} .userdata select{float: left; width: 35.6%; margin-bottom: 6px; font-size: 1.2em;font: 1.2em Tahoma, Arial, Helvetica, sans-serif !important;color:#555;} .userdata textarea{width: 66.8%; font: 1.2em Tahoma, Arial, Helvetica, sans-serif !important; height: 10em; float: left; margin-bottom: 5px; resize: none;} .userdata object {float: left; margin-bottom: 5px;} .userdata .checkbox {width: 20px; margin-top:4px; display:block;} .userdata p {float: left; margin-top: 3px; text-align: left; margin-bottom: 5px; font-size: 1.2em; width: 34.7%;} .userdata p.comment {width: 100%; color: #555555; margin: 0 0 10px 0; clear: both;} .userdata p.help {width: 100%; color: #777777; margin: 0 0 20px 5px; clear: both; font-size:1em;} .userdata p.labelStyle {color: #777777 !important; font-size: 1.2em;} .userdata p.afterInput {width: auto !important; color: #696969;} .userdata p.afterFileInput {width: auto !important; margin-left: 25px; color: #696969;} .userdata p.imageAfterInput {width: auto !important; float: right;} .userdata p.rolleOver {display: none;} .userdata img {float: left; margin-right: 5px;} .userdata ul {float: left; display: none;} .userdata a {text-decoration: none;} .userdata .doubleInput {width: 30%; margin-right: 5px;} .userdata .autoSize {width: auto; height: auto; float: none; margin: 0 0 0 0;} .userdata .iconToevoegen {background:url(/templates/default/gfx/icons/addRemove/ico-add.png) no-repeat 0px 0px; height: 20px; padding-left: 20px; margin-left: -6px; color: #777777;} .userdata .iconToevoegen:hover {text-decoration: underline;} .trash {color:#bc0b0b;} .trash:hover {color:#f00;} .userdata .fotoHolder {height: 50px; width: 450px; float: left; margin-bottom: 5px;} .userdata .fotoHolder:hover p.rolleOver {display: block;} .userdata input.button, .userdata .secondButton{margin: 1em 0; position: relative; left: 32% !important; width: 35%; clear: left;} .userdata .emailConfirm{clear: left;} .userdata .SummaryFieldset{margin-bottom: 1em;} .userdata .SummaryFieldset label{cursor: default !important; clear: left;} .userdata .SummaryFieldset span{font-size: 1.2em;} .userdata .SummaryFieldset h4{margin-left: .5em;} .userdata .SummaryFieldset.comments label{display: none;} .userdata .SummaryFieldset.comments span{width: 100%;} .userdata .doubleColumn {float: left; width: 48%;} .userdata .doubleColumn .title {font-weight: bold; cursor: default;} .userdata .doubleColumn label {width: 50%;} .userdata .doubleColumn textarea {margin-left: 20%;} /*********************************************************************** ** Search fieldset elementen ************************************************************************/ .searchFieldset label { margin-right:5px; cursor:pointer; font-size:1.2em; } .searchFieldset input { width:200px; } .searchFieldset select { width:205px; } .searchFieldset p { margin-bottom:10px; } .searchFieldset .checkbox {width: 20px; margin-top:4px; } /*********************************************************************** ** Fieldset + elementen ************************************************************************/ fieldset{ overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: block; border: 1px solid #e4e4e4; margin: 1em 0 1em 1em; padding: 1em 1em 1em 1em; width: 94%; z-index: 1; position: relative;} fieldset .supportBtn {position: relative; margin-top: -15px; height: 30px;} fieldset .supportBtn a {background: url(/templates/default/gfx/icons/general/ico-support.png) no-repeat scroll 0px 0px transparent; display: block; height: 20px; width: 20px; position: absolute; right: 0;} fieldset .supportBtn a:hover {background: url(/templates/default/gfx/icons/general/ico-support.png) no-repeat scroll 0px -20px transparent;} fieldset .labelText {margin-left: 0px;} fieldset legend { font-size: 1.2em; padding: .1em .3em .3em .3em; margin-bottom: 0.3em; position: relative; /*top: -1em;*/ color: #696969; display: inline; background: none; font-weight:bold;} fieldset .moveRemove {position: relative; left: 650px; top: -15px; z-index:1000;} fieldset .moveRemove .up {background: url(/templates/default/gfx/arrows/arrow-small-up.png) no-repeat 0px 0px; height: 20px; width: 15px; display: block; float: left; cursor:pointer;} fieldset .moveRemove .down {background: url(/templates/default/gfx/arrows/arrow-small-down.png) no-repeat 0px 0px; height: 20px; width: 15px; display: block; float: left; cursor:pointer;} fieldset .moveRemove .divider2 {float: left; margin: 0 5px;} fieldset .moveRemove .remove {background: url(/templates/default/gfx/icons/addRemove/ico-delete.png) no-repeat 0px 2px; height: 20px; width: 20px; display: block; float: left; cursor:pointer;} fieldset p {margin-left: 6px;} fieldset .addRemove {float: left !important; width: auto !important;} fieldset .addRemove .add {background:url(/templates/default/gfx/icons/addRemove/ico-add.png) no-repeat 0px 0px; height:20px; width: 20px; display: block;} fieldset .addRemove .remove {background:url(/templates/default/gfx/icons/addRemove/ico-remove.png) no-repeat 0px 0px; height:20px; width: 20px; display: block;} fieldset .addRemove .textInput {background: url(/templates/default/gfx/icons/general/ico-textInput.png) no-repeat scroll 0 1px transparent; height: 20px; width: 20px; display: block;} fieldset .addRemove .information {background: url(/templates/default/gfx/icons/general/ico-info.png) no-repeat 0 0 transparent; height: 20px; width: 20px; display: block;;} .buttonFieldset { border: none; padding-top: 0; } .buttonFieldsetSecondary { border: none; padding-top: 0; margin-left: 225px; } .buttonFieldset legend { display: none; } fieldset fieldset {width: 36% !important; float: left; margin: 0 0 .5em 0 !important; padding: 3px 0 0 0; border: none; background: none;} fieldset fieldset input, fieldset fieldset label {display: block !important; float: left !important;} fieldset fieldset label {width: 70% !important; text-align: left !important; padding-top: 0 !important; padding-left: 3px !important; clear: none !important;} fieldset fieldset input {width: auto !important; clear: left;} fieldset fieldset legend {display: none;} fieldset fieldset p {margin-top: -2px !important;} fieldset fieldset fieldset {width: 250px !important; left: 15px;} fieldset fieldset fieldset label {width: 100px !important; clear: left !important;} fieldset fieldset fieldset span {float: left; margin-bottom: 5px; width: auto !important;} fieldset .textInputLabel {font-size: 1em !important; margin: -4px 0 0 0 !important; width: 195px !important;} .subText {display: block; width: 84% !important;} .subText label {clear: left !important; float: left !important; text-align: right !important; width: 40% !important;} .subText input {clear: none !important; float: left !important; width: 39.6% !important;} /*********************************************************************** ** Lightbox fieldset elementen ************************************************************************/ #fancybox-content {overflow-x: hidden !important; overflow-y: auto !important;} .lightboxFS {width:550px; margin-right: 10px;} .lightboxFS .lightboxInfo {color: #777777;} .lightboxFS.support p {margin: 10px 0; float: none; width: 100%; display: block;} /*********************************************************************** ** Dashboard ************************************************************************/ .doubleFieldset {width: 44.7%; float:left; min-height:120px;} .doubleFieldset label span {text-align:right!important; font-size: 13px!important;} .doubleFieldset p {width: 220px!important; text-align:left; font-size: 13px!important;} .doubleFieldset #popupIcon {position: absolute; top: -18px; right: 21px; height: 16px; width: 16px;} .doubleFieldset div#popupIcon a {background: url(/templates/default/gfx/icons/dashboard/ico-resize.png); height: 16px; width: 16px; display: block;} .doubleFieldset div#chatContent {width:333px; height:150px; border-color:grey; border-width:1px; border-style:solid; background-color:#FFF; overflow-y: auto; overflow-x: hidden; margin-bottom: 13px} .doubleFieldset div#chatContent .bericht {width: 100%; display: block; float: left; clear: right; padding: 2px;} .doubleFieldset div#chatContent .helper .name {color: #9a1fa0; font-weight: bold;} .doubleFieldset div#chatContent .odd {background: #F1EAFF;} .doubleFieldset #submitContent {float: right; display: block; clear: both; margin-right: 0px;} .doubleFieldset #inputField {width:333px; height:35px;} /*********************************************************************** ** Fieldset keuze ************************************************************************/ fieldset .keuze {width: 100% !important;} fieldset .keuze input.text {display: block !important; clear: none;} fieldset .keuze input.text2 {display: block !important;} fieldset .keuze input.textSmall {width: 20px !important;display: block !important; clear: none;} fieldset .keuze input.textSmall2 {width: 30px !important;display: block !important; clear: none;} fieldset .keuze label {width: auto !important; clear: none !important; padding: 3px} /*********************************************************************** ** Alfabet filter ************************************************************************/ .alfabet {padding: 0 0 20px 0;} .fieldSet-alfabet {margin: 10px 0 0 0; width: auto;} .alfabet a {font-size: 11px; color:#6d1874;text-decoration: none;} .alfabet a:hover {text-decoration: none;} .alfabet a.pageNumber {font-size: 11px; color:#fff; width:24px; height:15px; background-color:#9d9d9d; position:relative; display:block; text-align:center; float:left; margin:0px 2px 5px 0px; padding: 2px 0 1px 0; font-weight:bold;} .alfabet a.pageNumber:hover {background-color:#6d1874; text-decoration:underline;} .alfabet span.divider {position:relative; display:block; float:left;} .alfabet a.pageNumberCurrent {font-size: 11px; color:#fff; width:27px; height:14px; background-color:#6d1874; position:relative; display:block; text-align:center; float:left; margin:0px 2px 5px 0px; padding: 1px 0 3px 0; font-weight:bold;} .alfabetHeader { padding-left:20px;} .alfabetHeader2 {color:#777777; font-size:1.2em; text-align:center;} /*********************************************************************** ** Paginatie ************************************************************************/ .pagination { margin: 10px 0 20px 180px; padding: 0 0 20px 0; border:0px solid #666; width:440px;} .pagination a {font-size: 11px; color:#6d1874;text-decoration: none;} .pagination a:hover {text-decoration: none;} .pagination a.prev {float:left; position:relative; display:block; padding: 2px 0 0 0; margin: 0 10px 0 0; font-weight:bold;} .pagination a.next {float:left; position:relative; display:block; padding: 2px 0 0 0; margin: 0 0 0 10px; font-weight:bold;} .dots {font-size: 11px; color:#6d1874; float:left; position:relative; display:block; padding: 4px 0 0 0; margin: 0 0px 0 0; font-weight:bold;} .disabled {font-size: 11px; color:#CCC; float:left; position:relative; display:block; padding: 4px 0 0 0; margin: 0 5px 0 5px; font-weight:bold;} .pagination a.pageNumber {font-size: 11px; color:#fff; width:25px; height:20px; background-color:#4d4d4d; position:relative; display:block; text-align:center; float:left; margin:0px 5px 10px 5px; padding: 4px 0 0px 0; font-weight:bold;} .pagination a.pageNumber:hover {background-color:#6d1874; text-decoration:underline;} .pagination span.divider {position:relative; display:block; float:left;} .pagination a.pageNumberCurrent {font-size: 11px; color:#fff; width:25px; height:20px; background-color:#6d1874; position:relative; display:block; text-align:center; float:left; margin:0px 5px 10px 5px; padding: 4px 0 0px 0; font-weight:bold;} /*********************************************************************** ** Table css ************************************************************************/ .widefat{border-spacing:0; width:100%; clear:both; margin:0; background-color:#fff;} .widefat *{word-wrap:break-word;} .widefat a{text-decoration:none;} .widefat td, .widefat th{border-bottom-width:1px; border-bottom-style:solid; font-size:11px; border-color:#dfdfdf;} .widefat td{padding:8px 7px 3px 7px;vertical-align:top;} .widefat td p, .widefat td ol, .widefat td ul{font-size:11px;} .widefat th{padding:7px 7px 8px;text-align:left;line-height:1.3em;text-shadow:rgba(255,255,255,0.8) 0 1px 0;} .widefat th input{margin:0 0 0 8px;padding:0;vertical-align:text-top;} .widefat .check-column{width:2.2em;padding:0;} .widefat tbody th.check-column{padding:7px 0 22px;vertical-align:top;} .widefat th, .widefat td{overflow:hidden;}.widefat td p{margin:2px 0 .8em;} .widefat thead tr th,.widefat tfoot tr th {color:#333;background:#dfdfdf repeat-x scroll left top;} table.widefat span.trash a {color:#bc0b0b;} table.widefat span.trash a:hover {color:#f00;} .row-actions{visibility:hidden;padding:2px 0 0;} tr:hover .row-actions,div.comment-item:hover .row-actions{visibility:visible;} .row-actions-visible{padding:2px 0 0;cursor:pointer;} .row-actions-right{visibility:hidden;padding:2px 0 0;} tr:hover .row-actions-right,div.comment-item:hover .row-actions-right{visibility:visible;padding:0px 0 0 65px;} .row-actions-right-visible{margin:0px 0 0 100px;cursor:pointer;padding:20px 0 0;} .tablenav {clear:both;height:30px;margin:6px 0 4px;vertical-align:middle;} .tablenav .actions{padding:2px 8px 0 0;} .tablenav .delete{margin-right:20px;} .sort-column-ASC {background: url("/templates/default/gfx/table/sort-colum-ASC.png") no-repeat left center; margin-left: -10px; padding-left: 15px;} .sort-column-DESC {background: url("/templates/default/gfx/table/sort-colum-DESC.png") no-repeat left center; margin-left: -10px; padding-left: 15px;} .previewImg {height: 40px; width: 40px;} /*********************************************************************** ** File Manager ************************************************************************/ .newFile {background:url(/templates/default/gfx/global/new-file.png) no-repeat 0px 0px;height:20px; padding: 0 0 0 30px; display:block; float:right; position:relative; clear:both;} .newFolder {background:url(/templates/default/gfx/global/new-folder.png) no-repeat 0px 0px;height:20px; padding: 0 0 0 30px;display:block; float:right;position:relative; clear:both;} .actionArrow {background:url(/templates/default/gfx/global/actionArrow.gif) no-repeat 11px 0px;height:20px; padding: 0 0 0 30px;display:block; float:left;position:relative;} .icon {margin:1px 6px 0 0; float:left;} a.breadcrumb{ text-decoration:none;} a.breadcrumb:hover { text-decoration:underline;} .breadcrumbText { margin-top: 15px;} .folder {top: 6px; position:relative;} .FolderPath { padding: 3px 0 0 10px;} .ThumbnailFoto { position:absolute; margin:-4px 0 0 15px;} /*********************************************************************** ** Nieuwsbrief ************************************************************************/ #previewField {width: 700px;} .innerContent {margin-top: 40px;} /*********************************************************************** ** Foto album ************************************************************************/ .imgDetail a { text-decoration:none; } .imgDetail p { margin-bottom: 10px; color: #696969; } .imgDetail p span {font-weight: bold; width: 90px; display: inline-block; text-align: left; } .imgDetail input { width: 300px; } .imgGroot { background-color:#ffffff; padding:5px 5px 3px; border:1px solid #696969; } .resizeImg { width:150px !important; height: auto !important; float: none !Important; margin-right:0 !Important; } .editBtn { font-size: 0.8em; } .editBtn a { text-decoration: none; } #uploadForm {text-align: center;} #fileQueue {width: 375px; height: 200px; overflow: hidden; border: 1px solid #E5E5E5;} /*********************************************************************** ** Woningen ************************************************************************/ #nieuwToevoegen a {padding: 0 0 0 25px; position: relative; float: right; clear: both; top: 10px; background: url(/templates/default/gfx/global/new-file.png) no-repeat; height:20px; margin-right:20px; display: block;} .toevoegen a {color: #000000; font-size: 13px; text-decoration: none;} .toevoegen a:hover {text-decoration: underline;} #contentHolder table .title {font-weight: bold;} #contentHolder table .title .arrowDown {margin-left: 5px;} #contentHolder table .locatie {width: 200px;} #contentHolder table .makelaar {width: 200px;} #contentHolder table .prijs {width: 70px;} #contentHolder table .kamers {width: 100px;} #contentHolder table .datum {width: 80px;} #contentHolder table .editDelete {color: #bc80c2; font-size: 0.9em;} .editDelete a {color: #bc80c2; text-decoration: none;} .editDelete a:hover {text-decoration: underline;} #gegevensInvoer {width: 850px; top: 10px;} #gegevensInvoer tr td {width: 425px;} #gegevensInvoer tr td table {width: 425px;} #gegevensInvoer .submit {text-align: right;} #gegevensInvoer .fotoTitle {font-size: 18px;} #makelaarToevoegen {top: 20px;} #makelaarToevoegen .submit {padding-left: 310px;} #woning_prijs {clear: none;} .woning_prijs_type {width: auto !important;} /*********************************************************************** ** Pagina's ************************************************************************/ #titleEdit {height: 30px; width: 100%;} .leftSide {float: left;} .rightSide {float: right;} #editor {width: 100%;} #theEditor {position: relative; width: 100%; margin-top: -20px; z-index: 2;} #urlEdit {padding: 6px; color: #a0a0a0; font-size: 1.1em; background-color: #e2e2e2; border: 1px solid #CCCCCC; height: 20px;} #urlEdit .urlLeft {float: left;} #urlEdit .urlError {color: #FF0000; font-weight: bold;} #urlEdit .disableField {border: none; background: #e2e2e2;color: #a0a0a0; font-size: 1em;} #urlEdit .enableField {background: #ffffff; color: #000000; font-size: 1em;} #thisVersion {float: right; margin-right: 10px;} #textInput {margin-top: -1px; margin-bottom: 10px;} #textInput textarea {width: 100%; border: none; resize: none;} #savePage {margin-top: 5px;} .versionTitle {font-size: 1.5em; margin-bottom: 10px; color: #696969;} #otherPagesLink {margin-bottom: 10px;} #otherPagesLink select option.vervolg {padding-left: 10px;} #Table strong a {color: #696969;} #Table .parent strong a {color: #6B1274;} /*********************************************************************** ** Statistieken ************************************************************************/ #grafiekHolder { position:relative; height:140px; margin:50px auto 0; z-index:999; } .graphTable { width:50px; height:120px; visibility:hidden; } .visualize { margin-top:-105px; margin-left:40px; } #timeSelecter { position:absolute; right:22px; top:-30px; } .graphStyleSelect { position:absolute; margin-left: 293px; margin-top: -19px; height:30px; } .graphStyleSelect label {float: left; margin-left: 10px;} .graphStyleSelect input {float: left; width: 70px; margin-left: 5px;} .graphStyleSelect .dp-choose-date {margin: 2px 3px 0;} .graphStyleSelect #sendBtn {height: 18px;width: 50px; border: none; background: none; background: url(/templates/default/gfx/global/toepas_Button.png) no-repeat 0 0 transparent;} #VerkeersGraph { position:absolute; margin-left:600px; margin-top:25px; width:50px; } #algemeneInfo { position:relative; margin-top:30px; height:20px; background-color:#e4e4e4; color:#696969; font-size:13px; padding:10px 0 10px 20px; text-align:left; } #algemeneInfo span { color:#9c57b9; } #infoTabel { position:relative; margin-top:10px; } #infoTabel table { width:100%; } #infoTabel table tr td { padding:6px 20px; } #infoTabel #datum { width:220px; } #infoTabel .titles { height:25px; font-weight:bold; } #infoTabel .highlight { background-color:#FFFFFF; } .listholder { position:relative; width:600px; margin:20px; margin-top:10px; } .listholder .listTitle { position:relative; color:#696969; font-size:18px; } .listholder table { width:600px; margin-top:10px; } .listholder table .bron { width:200px; } .listholder table .title { color:#696969; font-weight:bold; padding:0; } .listholder table tr td { padding:6px 20px; } .listholder table .highlight { background-color:#FFFFFF; } .inhoudList { position:relative; margin-top:50px; } .inhoudList table { width:100%; } .inhoudList table tr td { padding:6px 20px; } .inhoudList .title { font-weight:bold; } .inhoudList .highlight { background-color:#FFFFFF; } .inhoudList .first { width:150px; } .progressBar {width: 315px; display:block; border:1px solid #999; margin-left:8px;} /*********************************************************************** ** Nieuws pagina ************************************************************************/ .timePickerImg img {float: left; width: auto !important; height: auto !important;} .calBorder {border: 1px solid black;} .TinyMCEholder {width: 100%; margin-bottom: 5px;} .TinyMCEholder .mceEditor {float: right; margin-bottom: 5px;} #PreviewImgHolderNieuws {position: absolute; top: 57px;} /*********************************************************************** ** E-Mail beheer pagina ************************************************************************/ .catchAllAfterInput {margin-top: -1.7em !important; margin-left: 11.5em !important;} /*********************************************************************** ** Pageflipper ************************************************************************/ #previewContent {float: left; margin-top: 10px; padding: 10px;} #pageflipImageSelect {display: block;} #pageflipImageSelect li {float: left; width: 125px; margin-right: 10px; margin-bottom: 10px; text-align: center;} #pageflipImageSelect li img {height: auto; width: auto; float: none;} #pageflipImageSelect li input {width: auto; float: none;} /*********************************************************************** ** Crop form ************************************************************************/ #cropForm {overflow: hidden;} #cropForm .imgHolder {width: 800px; height: 600px; overflow: hidden;} #cropForm .imgHolder .imgBorder {background-color: gray; padding: 5px; width: 410px; height: auto;} #cropForm p {margin-bottom: 5px;} /*********************************************************************** ** Nieuwsbrief ************************************************************************/ .nieuwsbriefInhoudTextarea {height: 8em !important; width: 62% !important;} .cloneHolder {width: 100%; float: left;} .nieuwsbriefRemoveButton {height: 20px; width: 18px; background: url(/templates/default/gfx/icons/addRemove/ico-remove.png) 0 0; display: block; position: absolute; cursor: pointer;} .inhoudButton {right: 40px;} .itemsButton {right: 28px;} .enverderButton {right: 39px;} .agendaButton {right: 28px;} .inhoudPrieviewImg {margin-left: 180px; margin-right: 0 !important; position: relative;} .TinyMCEholderNieuwsbrief .mceEditor {float: right; margin: 0 6px 5px 0;} /*********************************************************************** ** Nieuwsbrief ************************************************************************/ .TinyMCEholderEnquete .mceEditor {float: right; margin: 0 6px 5px 0; width: 473px !important;} .TinyMCEholderFancy .mceEditor {float: left; margin: 0 6px 5px 0; width: 50px !important;} .lightboxFS label {width: 28%;} .answerHolderBox {border: 1px solid #E4E4E4; border-radius: 5px 5px 5px 5px; float: left; margin-bottom: 20px; padding: 8px;}