/* * Rik Lomas - http://rikrikrik.com * Based on code from Nick Rigby - http://www.nickrigby.com */ *{margin:0;padding:0;} a{outline:0;color:#303D74;} h1,h2,h3,h4,h5,h6{font-size:100.01%;font-weight:400;} /*ul,ol,dl,li,dt,dd{list-style:none;}*/ legend{color:#000;} input,textarea,select,button{font-size:100%;font-family:serif;} select{margin:inherit;} table{border-collapse:collapse;border:0;} td,th,caption{font-size:100%;font-weight:400;text-align:left;} /* CLEARFIX */ .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix{display:block;} /* Hides from IE-mac \ */ * html .clearfix{height:1%;} /* End hide from IE-mac */ /* VERSCHOBEN AUS DATEI portal/basic.css ------------------------------------- */ *,select,button,input,textarea{font-family:Verdana, Arial, Helvetica, sans-serif;} /* Überschriften */ h1{font-size:120%;margin:0.4em 0 0.6em;} h2{font-size:80%;font-weight:700;margin:0.4em 0 0.7em;} a:focus{color:#CD3426;} p{font-size:75%;line-height:1.2em;margin:0.5em 0;} label{cursor:pointer;} p.label{font-weight:700;margin-top:15px;} input,textarea{background:#FFF;} input:focus,textarea:focus{color:#000;background:#FFF;outline:1px solid #CD3426;} button,.button{font-size:60%;font-weight:700;color:#666;cursor:pointer;min-width:0 !important;padding:2px;} a.buttonLink{background-color:#F8F8F8;border:1px solid #666;font-size:60%;font-weight:700;color:#666;text-decoration:none;width:100px;display:block;text-align:center;padding:3px;} span.buttonLink{background-color:#F8F8F8;border:1px solid #666;font-size:60%;font-weight:700;color:gray;text-decoration:none;width:100px;display:block;text-align:center;padding:3px;} label.checkboxLabel{float:none !important;margin-left:2px;} /* Page: Margin */ #page_margin{border:1px solid #CCC;width:990px;margin:4px;} html > body #page_margin{margin:4px auto;} #page_margin{ -webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); padding: .1em; /* white */ color: #606060; border: solid 1px #b7b7b7; background: #fff; } /* Spaltenlayout */ #main{clear:both;padding-bottom:5px;} ul.links li,#shortinfocontent li,#faq li,#information li,#oga li{list-style-image:url( ../images/bullets.gif);list-style-position:outside;font-size:75%;width:80%;margin:0.5em 0 0.5em 1.5em;} table.downloadTable{border:1px solid #F8F8F8;border-collapse:separate;padding:0;} #news table.downloadTable{width:800px;} html > body table.downloadTable{width:80% !important;} table.downloadTable caption{background-color:#F9F9F9;border:1px solid #E0E0E0;font-size:85%;font-weight:700;padding:3px;} table.downloadTable td,table.downloadTable th{border:1px solid #E0E0E0;font-size:75%;padding:3px;} .getPlugin{text-align:right;width:80%;margin:20px 0;} /* FEHLERMELDUNGEN =============================================================== */ .errordetails{color:#CD3426;margin-bottom:20px;width:80%;} form#editForm .error{width:350px;margin:2px 0 5px 194px;} #lostpassword .error{width:350px;} div.errormsg p.error{margin-top:20px;font-size:75%;} .error{color:#CD3426;font-size:10px;font-weight:700;margin:2px;} #logo_wrapper{position:relative;height:50px;} #logo_left{position:absolute;left:4px;top:4px;} #logo_right{position:absolute;right:0;top:0;} /* Header: TopNav ====================================================== */ #top_nav{background-color:#303D74;text-align:right;border-bottom:0.5em solid #E8EFF9;background-image:url( ../images/head_nav_bg.gif );background-repeat:repeat-x;background-position:bottom left;position:relative;height:18px;} #top_nav ul{margin-right:5px;margin-bottom:4px;margin-top:0;float:left;padding:1px 0;} #top_nav li{display:inline;color:#FFF;font-size:70%;padding:3px;} #top_nav li a{color:#FFF;text-decoration:none;} #login_user{color:#FFFFFF;float:left;font-size:70%;position:absolute;right:5px;text-align:left;top:-5px;z-index:1000;} /* Footer ======================================================== */ #footer{border-top:1px solid #E0E0E0;text-align:right;background-color:#F8F8F8;clear:both;margin-top:20px;padding:2px 4px 2px 2px;} html > body #footer{margin-top:0;} #footer a{font-size:70%;text-decoration:none;color:#303D74;} /* Spaltenlayout: Spalte 1 ======================================================= */ #col1{float:left;width:261px;} #col1_content #nav li a{display:block;height:13px;font-size:70%;text-decoration:none;border-bottom:1px solid #5458B4;color:#303D74;background-image:url( ../images/menu_arrow.gif );background-position:98%;background-repeat:no-repeat;padding:2px;} #col1_content #nav li.importanLink a{background-color:#cfc;} #col1_content #nav li a.activeNav{background-color:#FFF;font-weight:700;} #col1_content #nav li a:hover,#col1_content #nav li a:focus{background-color:#FFF;} #col1_content #nav li li{background-color:#F8F8F8;padding-left:10px;border-bottom:1px solid #5458B4;} #col1_content #nav li li a{border-bottom-width:0;} /* Spalte 1: Fachnavigation Suche ============================================= */ html > body #addresssearchiframe{height:280px;} #col1_content h2{background-color:#303D74;color:#FFF;font-weight:700;font-size:90%;margin:0;padding:2px 3px;} #search label,#search span{display:block;font-weight:700;font-size:70%;margin:2px 3px;} #search p{font-size:70%;margin:2px 3px;} #search label,#search input,#search select,#search span{font-size:70%;margin:2px 3px;} div#kleinraemig_wrapper label,#search div#kleinraemig_wrapper input{display:inline;min-width:0;} div#kleinraemig_wrapper input{margin-right:-5px;background-color:transparent;} .buttons{margin-top:10px;margin-bottom:2px;} .buttons button{margin:2px 0 2px 195px;} #addresssearch,#noirwavailable{background-color:#E8EFF9;padding:0;} #noirwavailable label,#noirwavailable button,#noirwavailable input,#noirwavailable select,#noirwavailable span{margin:2px 3px;font-size:70%;} #noirwavailable label{font-weight:bold;} #noirwavailable select{width:178px;} #noirwavailable{float:left;padding-bottom:5px;} #irwListWrapper{display:none;} #bnumber {width: 50px;} #street{width:150px;} #adresse_wrapper td{padding: 2px;} #adresse_wrapper td,#adresse_wrapper th,#adresse_wrapper input,#adresse_wrapper label,#adresse_wrapper select,#adresse_wrapper option,#adresse_wrapper button, #adresse_wrapper p{ font-size:11px;} #adresse_wrapper td,#adresse_wrapper th{vertical-align:top;} #kataster_wrapper td{padding: 2px;} #kataster_wrapper td,#kataster_wrapper th,#kataster_wrapper input,#kataster_wrapper label,#kataster_wrapper select,#kataster_wrapper option,#kataster_wrapper button, #kataster_wrapper p{ font-size:11px;} #kataster_wrapper td,#kataster_wrapper th{vertical-align:top;} .inputFieldDisabled{background-color:#EBEBEB;} /* Spaltenlayout: Spalte 2 ======================================================== */ #col2{margin-left:271px;top:0;left:0;min-height:500px;padding:5px;} html > body #col2{position:relative;} #editForm,#lostPwdForm{float:left;} #img_teilmaerkte{margin-top:30px;border:1px solid #E0E0E0;padding:3px;} #col2_content p{width:80%;} /* Grundst?cksmarktbericht: Spalte 2 ======================================================== */ #mini_col_warpper{width:660px;} #mini_col_1{margin-left:30px;float:left;width:315px;position:relative;height:261px;} .scnd_header h2{font-size:115%;margin-top:30px;} #mini_col_1 li{list-style:disc;font-size:75%;} #mini_col_1 ul{margin-left:15px;margin-top:15px;} #download_plugin{position:absolute;bottom:5px;left:0;} #pdf_icon{float:left;margin-right:5px;} #mini_col_2{margin-left:360px;} #mini_col_2 img{border:1px solid #ccc;width:185px;height:263px;display:block;padding:3px;} #mini_col_3 table{border:1px solid #ccc;width:100%;} #mini_col_3 td,#mini_col_3 th{border:1px solid #ccc;font-size:75%;padding:3px;} #mini_col_3 th{background-color:#303D74;color:#FFF;} #mini_col_2 #fast_login{position:static;} #mini_col_2 h2{padding-top:10px;} #register_login h2{font-size:120%;font-weight:400;} #gmb_order button{margin-left:2px;width:120px;} #gmb_order #download_plugin{position:static;margin-top:30px;} /* Fast-Login ===================================================================== */ #fast_login{margin-top:10px;min-height:350px;position:absolute;top:82px;z-index:100;left:835px;} html > body #fast_login{right:3px;left:auto;top:-36px;} #fast_login_v2{margin-top:0;position:absolute;top:49px;z-index:100;left:925px;padding:2px;} html > body #fast_login_v2{right:-2px;top:-27px;left:auto;} /* FF */ /** + html #fast_login_v2{right:-2px;top:-30px !important;left:auto; } *//* IE 7 */ #fast_login_v2 p{font-size:70%;margin:0;} #fast_login form{background-color:#E8EFF9;margin-left:5px;} #fast_login h2{background-color:#303D74;color:#FFFFFF;font-size:90%;font-weight:700;margin:0;padding:2px 3px;} #fast_login h2:hover{text-decoration:underline;} #fast_login .button{margin-bottom:3px;} #fast_login label{display:block;font-weight:700;} #fast_login label,#fast_login input{min-width:100px;margin:1px 3px 0;} #fast_login_extent{background-color:#F8F8F8;border:1px solid #E0E0E0;margin:0;padding:2px;} #fast_login_extent p{font-size:65%;margin:0;} #fast_login_v2 *{font-size:11px;} #fast_login_v2 label{display:block;font-weight:bold; font-size:12px;} #fast_login_v2 label,#fast_login input{min-width:100px;margin:1px 3px 0;} #fast_login_v2 a#loginLink{color:white;padding:10px;} #loginDIV{display:none;padding:2px 0px 10px 10px;position:absolute;z-index:900;right:2px;height:130px;} #mn-login ul{margin-top:0px;background-color:#E8EFF9;;border-bottom:1px solid #ccc;border-left:1px solid #ccc;padding:10px 2px 2px 2px;height:125px;display:block} .button-border{margin-top:6px;} #testWrapper{padding:5px;z-index:800;position:relative;} #fast_login_extent{background-color:#F8F8F8;border:1px solid #E0E0E0;margin:0;padding:2px;} #fast_login_extent p{font-size:65%;margin:0;} #fast_login_v2 a{font-size:11px; } #fast_login_v2 li li a{font-size:10px;white-space:nowrap;} a#anmeldung{color:white !important;} a#anmeldung:hover,#loginLink a#anmeldung:focus{text-decoration:underline;cursor:pointer;} #loginLink:hover #loginDIV, #loginLink:focus #loginDIV{display:block !important;} /* FASTLOGOUT ============================== */ #fast_logout_v2{background-color:#F8F8F8;border-bottom:1px solid #CCCCCC;border-left:1px solid #CCCCCC; margin-top:0;} #fast_logout_v2 p{font-size:70%;margin:0;} html > body #fast_logout_v2{left:657px;top:0;} #fast_logout_v2{margin-top:0;position:absolute;top:80px;left:931px;padding:2px;} #fast_logout_v2 a{text-decoration:none} #fast_logout_v2 a:hover{text-decoration:underline;} /* EDIT USER & REGISTER USER & LOST PASSWORD ============================== */ #edituser label{font-size:75%;font-weight:700;float:left;width:175px;height:20px;margin-top:5px;text-align:right;} #edituser input,#edituser select{margin-left:20px;width:190px;} #lostpassword input{width:190px;} #edituser .buttons input{margin-left:196px;} #edituser input.checkbox{margin-left:195px;margin-bottom:5px;width:auto;} html > body #edituser input.checkbox{margin-bottom:0;} /* NUTZUNGSBEDINGUNGEN ============================================== */ #nutzungsbedingungen{overflow:auto;height:120px;background-color:#F8F8F8;border:1px solid #CCC;padding:2px;} #nutzungsbedingungen p{font-size:65%;} #nutzungsbedingungen ul{margin-left:15px;} #nutzungsbedingungen li{list-style-type:disc;font-size:65%;line-height:1.2em;list-style-position:outside;margin:0.5em 0;} .button_disabled{color:#CCC;} #kontaktFormRight{margin-left:300px;width:250px;padding:1px 0 0;} #kontaktFormLeft{width:290px;float:left;border-right:1px dotted #ccc;margin-bottom:10px;} #thankyou{clear:both;font-weight:700;padding-top:20px;} /* AKTUELLES ===================================================== */ div.newsWrapper{margin:10px 0;} div.newsWrapper p{margin:0.3em 0;} div.newsWrapper h2{margin:0;} p.date{color:#727272;font-size:10px;font-weight:400;margin:0 0 3px;padding:0;} #news .downloadTable{border-top:1px solid #CCC;} #news caption{margin-top:40px;} /* FAQ ===================================================== */ dl{margin:40px 0;padding-left:5px;} dt{font-weight:700;font-size:80%;} #faq dl:target {border-left: 5px solid #303D74} /* IHRE MEINUNG FORM ============================================== */ #meinung h2{background-color:#F9F9F9;border-bottom:1px solid #ccc;margin:20px 5% 5px 0;padding:2px;} #meinung td,#meinung th{padding:2px;} #meinung label,#meinung th{font-weight:700;font-size:12px;} #meinung input,#meinung textarea{font-size:12px;} th.firstCol{text-align:left;} /* GUTACHTERAUSSCHUSS ADRESSLSITE ================================= */ #addresses table#alphabet{width:200px;} #alphabet td{border:1px solid #E0E0E0;text-align:center;color:#E0E0E0;padding:0;} #alphabet a{text-decoration:none;display:block;padding:2px 3px;} #addresses table,#col2_content p.topArrow{width:620px;} #addresses td{border:1px solid #E0E0E0;font-size:70%;padding:2px;} #alphabet a:visited{text-decoration:none !important;color:#303D74 !important;} p.letter{font-weight:700;font-size:70%;} #addresses td.firstCol{width:30%;} p.topArrow{text-align:right;} /* GEODATENZENTRUM NRW ================================= */ .vcard{font-style:normal;font-size:75%;background-color:#F8F8F8;border:1px solid #E0E0E0;width:400px;margin-top:10px;margin-bottom:10px;padding:10px;} /* LINKS ================================= */ #linkscontent h3{font-size:80%;font-weight:700;width:80%;border-bottom:1px solid #E0E0E0;margin:20px 0 10px;} .hint{margin-top:10px;width:80%;font-size:70%;} /* ANMELDUNG - REGISTRIERUNG ============================================== */ #login_user a{color:#FFF;text-decoration:underline;} /* NUTZUNGSBEDINGUNGEN POPUP ANZEIGEN=========================== */ .popup{padding:5px;} /* NUTZERDATEN ANZEIGEN ======================================== */ #orderWrapper{position:relative;left:-265px;} #orderWrapper p.hinTxt{width:960px;} #orderTable{width:970px;overflow:auto;} #orderTable th{font-weight:700;border:1px solid #E0E0E0;background-color:#303D74;color:#FFF;padding:2px;} #orderTable td{margin-left:10px;border:1px solid #E0E0E0;padding:4px;vertical-align:top;} #userTable th{font-weight:700;text-align:right;width:115px;padding:4px;} #userTable td{padding:2px 2px 2px 10px;} #showuser .buttons{margin-top:20px;} #showuser .buttons button{margin-left:120px;} /* MAPIFRAME ======================================== */ #mapiframe{position:absolute;top:130px;z-index:150;left:280px; -webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); padding: .1em 0.1em; } html > body #mapiframe{position:static;right:auto;top:auto;z-index:auto;left:auto;} /* Allgemeine Preisauskunft ========================== */ .apTable td{font-size:100%;} select#gebiet,select#gebietEFH{width:160px;} select#objectType{width:250px;} #apcontent{margin-top:10px;clear:both;position:relative;top:-160px;border-width:0;} html > body #apcontent{top:0;} #apoutputBody li{font-size:75%;list-style-position:inside;list-style-image:none;list-style-type:disc;} #apoutputBody h2{background-color:#303D74;color:#FFF;font-weight:700;font-size:90%;width:672px;margin:0;padding:2px 3px;} #apoutputBody .hint{border-top:1px solid #ccc;width:672px;padding:3px;} #apoutputBody th,#apoutputBody td{text-align:left;vertical-align:top;border:1px solid #ccc;padding:2px;} .apPopUp h2{background-color:#303D74;color:#FFF;padding:2px;} .unit{font-weight:400 !important;display:inline !important;} div#apAutoScrollWarpper{height:151px;overflow-x:hidden;overflow-y:scroll;} #teilmarktKuerzel{width:238px !important;} #gebietWE{width:174px !important;} #gebietEFH{width:185px !important;} #buttonGB{width:67px !important;} /* HILFE ======================================== Navigation 1. Ebene */ #help li{font-size:12px;list-style-position:outside;list-style-image:url( ../images/bullets.gif); margin:0.5em 0 0.5em 1.5em;} /* Navigation 2. Ebene */ #help .nav li{ list-style:none; font-size:13px ; font-weight:700; margin:1.5em 0 0.5em 1.5em; } #help .nav li li{font-size:12px;font-weight:400;list-style-image:url( ../images/bullets.gif);margin:0.8em 0 0.5em 1.5em;} /* Navigation 3. Ebene */ #help .nav li li li{font-size:11px;} /* Navigation 4. Ebene */ #help .nav li li li li{font-size:10px;} .noinfo a{color:gray;} #help p{font-size:9pt !important;margin:15px 0;} /*ul#wertermittlung li{font-size:9pt !important;list-style-image:url( ../images/bullets.gif);font-weight:400;margin:0.8em 0 0.5em 1.5em;}*/ #help img{border:1px solid #CCC;padding:3px;} #help p img{border-width:0;} #help h3{ margin:30px 0 15px; } .pdfHint{margin-top:30px;font-weight:700;} #col2_content p.hintTxt{width:970px;} a img,iframe,form,fieldset{border:0;} br,#edituser br,#edituser .buttons{clear:both;} h3,h4{font-size:115%;margin:0.4em 0 0.7em;} td,th,input,select,span.label,label,textarea{font-size:75%;} ul.links li a,#linkscontent li a{text-decoration:none;padding:2px;} ul.links li a:hover,#top_nav li a:hover,#top_nav li a:focus,#footer a:hover,#footer a:focus,#fast_login_v2 a:hover,#fast_login_extent a:hover,#linkscontent li a:hover{text-decoration:underline;} ul.links li a:visited,#addresses td a:visited,#linkscontent li a:visited{text-decoration:underline;color:#CD3426;} table.downloadTable th,#apoutputBody th{font-weight:700;} #col2_content p.error,#edituser label.checkboxLabel{width:auto;} #header h1,select#gebietEFH{display:none;} #col1_content #nav,#search,#search iframe,#search body,#searchBody,#search form,#alphabet a:hover{background-color:#E8EFF9;} #col1_content #search,#mini_col_3,#pdfBackButton,#edituser .buttons{margin-top:10px;} div#kleinraemig_wrapper,#nutzungsbedingunge_confirm .button{margin-top:5px;} #content_map,.centerData td,.centerData th{text-align:center;} .scnd_header br,#kontakt br,.vcard br{clear:none;} #fast_login_v2 a,#fast_login_extent a{color:#303D74;text-decoration:none;} #edituser select,html > body select#gebiet{width:100px;} #nutzungsbedingunge_confirm label,.apPopup p{font-size:70%;} #kontakt label,#lostpassword label{display:block;font-weight:700;font-size:75%;margin-top:10px;margin-bottom:3px;} html > body #addresses table,html > body #col2_content p.topArrow,#col2_content p.topnav{width:90%;} #linkscontent li,.popup li{list-style-image:url( ../images/bullets.gif );list-style-position:inside;font-size:75%;margin:0.5em;} html > body#apoutputBody h2,html > body#apoutputBody .hint{width:99%;} #apoutputForm,.apPopUp{padding:3px;} #apoutputBody .datatable,html > body#apoutputBody .datatable{width:672px;} .red{color:#CD3426 !important;font-weight: bold;} /* Produktliste Startseite */ #productList img, #apOV img{border:1px solid #E0E0E0;float:left;height:90px;margin-bottom:21px;margin-right:20px;padding:1px;} #productList h2, #apOV h2{font-size:100%; margin-top:0;} #productList p, #apOV p{font-size:90%;} #centerWrapper{text-align:center;} #centerWrapper div{width:50%;text-align:left;margin:0 auto;} #productList {cursor:pointer;} #teaser{margin-top:1.5em;margin-bottom:1.5em; } .hoverTable td{padding:5px;} .hoverTable a{color:black;text-decoration:none;} #col2_content .hoverTable p{width:auto;} .hoverTD{ background-color:#FFFFCC;} .nohoverTD{background-color:white} #additionalProduktInfos div{display:none;} #additionalProduktInfos .show, #apOV .show{display:block;} #additionalProduktInfos .hide, #apOV .hide{display:none;} #additionalProduktInfos .showImportant{display:block !important;} #additionalProduktInfos td{display:none;} #additionalProduktInfos img{float:left;margin-bottom:21px;margin-right:20px;padding:1px;border:1px solid #E0E0E0} #additionalProduktInfos h2{font-size:100%; margin-top:0;} #additionalProduktInfos p{font-size:100%;padding:10px} #communeSearchHint{padding-top:0;margin-top:-8px;} #communeSearchHint img {border-width:0} .communeHighlight{border-top:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0;background-color:#FFFFCC;} #communeWrapper{margin:2px 0;padding:0 0 3px 0;border-top:1px solid #E8EFF9;border-bottom:1px solid #E8EFF9}; #searchtypegutachterausschluss #gutachterausschuss{width:97%;} .communeHighlight label, .communeHighlight span{ height:28px;} #communeAndGASearchHint{display:none;padding-top:0;margin-top:-8px;} #communeAndGASearchHint img {border-width:0} #flur,#parcel {width:150px;} /* Lightbox */ /* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ div.light_rounded .pp_top .pp_left { background: url(../images/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: url(../images/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.light_rounded .pp_content { background-color: #fff; } /* Content background */ div.light_rounded .pp_content a.pp_next:hover { background: url(../images/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_content a.pp_previous:hover { background: url(../images/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_content a.pp_expand { background: url(../images/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_content a.pp_expand:hover { background: url(../images/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_content a.pp_contract { background: url(../images/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_content a.pp_contract:hover { background: url(../images/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(../images/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../images/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../images/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(../images/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: url(../images/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(../images/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(../images/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(../images/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(../images/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content { background: url(../images/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_content a.pp_next:hover { background: url(../images/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_content a.pp_previous:hover { background: url(../images/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_content a.pp_expand { background: url(../images/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_content a.pp_expand:hover { background: url(../images/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_content a.pp_contract { background: url(../images/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_content a.pp_contract:hover { background: url(../images/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_content a.pp_close { width: 99px; height: 22px; background: url(../images/dark_rounded/sprite.png) 0px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded p.pp_description { color: #fff; } div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../images/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../images/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(../images/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(../images/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(../images/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(../images/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .pp_top .pp_left , div.dark_square .pp_top .pp_middle, div.dark_square .pp_top .pp_right, div.dark_square .pp_bottom .pp_left, div.dark_square .pp_bottom .pp_middle, div.dark_square .pp_bottom .pp_right, div.dark_square .pp_content { background: url(../images/dark_square/contentPattern.png) top left repeat; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square p.pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(../images/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_content a.pp_expand { background: url(../images/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_content a.pp_expand:hover { background: url(../images/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_content a.pp_contract { background: url(../images/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_content a.pp_contract:hover { background: url(../images/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_content a.pp_close { width: 75px; height: 22px; background: url(../images/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../images/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../images/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_content a.pp_next:hover { background: url(../images/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_content a.pp_previous:hover { background: url(../images/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_top .pp_left , div.light_square .pp_top .pp_middle, div.light_square .pp_top .pp_right, div.light_square .pp_bottom .pp_left, div.light_square .pp_bottom .pp_middle, div.light_square .pp_bottom .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_content a.pp_expand { background: url(../images/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_content a.pp_expand:hover { background: url(../images/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_content a.pp_contract { background: url(../images/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_content a.pp_contract:hover { background: url(../images/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_content a.pp_close { width: 75px; height: 22px; background: url(../images/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../images/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../images/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_content a.pp_next:hover { background: url(../images/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_content a.pp_previous:hover { background: url(../images/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ .pdfMsgBox{background-color:white !important;border:2px solid black !important;display:block !important;height:111px !important;left:112px !important;padding:5px !important;position:absolute !important;top:150px !important;width:350px !important;z-index:100 !important;} .pdfMsgBox h1{font-size:14px;font-weight:bold;} .pdfMsgBox p{font-size:10px} #infobrwTable{margin-top:20px;border:1px solid #CCCCCC;width:100%;} #infobrwTable th{background-color:#303D74;color:#FFFFFF;} #infobrwTable th, #infobrwTable td {border:1px solid #CCCCCC;font-size:75%;padding:3px;} #communeURL{padding:5px;} #gemeindeList{font-size:9px;} /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_pic_holder a:focus{outline:none;} div.pp_overlay{background:#000;position:absolute;top:0;left:0;z-index:9500;width:100%;} div.pp_pic_holder{position:absolute;z-index:10000;width:100px;} div.pp_pic_holder .pp_content{position:relative;text-align:left;width:100%;height:40px;} div.pp_pic_holder .pp_content .pp_details{display:none;margin:10px 15px 2px 20px;} div.pp_pic_holder .pp_content .pp_details p.pp_description{display:none;float:left;margin:0;} div.pp_pic_holder .pp_content .pp_details .pp_nav{float:left;margin:3px 0 0;} div.pp_pic_holder .pp_content .pp_details .pp_nav p{float:left;margin:2px 4px;} div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous,div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next{float:left;display:block;width:14px;height:15px;overflow:hidden;text-indent:-10000px;margin-top:3px;} div.pp_pic_holder .pp_content div.pp_hoverContainer{position:absolute;z-index:2000;top:0;left:0;width:100%;} div.pp_pic_holder .pp_content a.pp_next{display:block;float:right;text-indent:-10000px;width:49%;height:100%;background:url(../images/light_rounded/btnNext.png) 10000px 10000px no-repeat;} div.pp_pic_holder .pp_content a.pp_previous{display:block;float:left;text-indent:-10000px;width:49%;height:100%;background:url(../images/light_rounded/btnNext.png) 10000px 10000px no-repeat;} div.pp_pic_holder .pp_content a.pp_expand,div.pp_pic_holder .pp_content a.pp_contract{position:absolute;z-index:20000;top:10px;right:30px;cursor:pointer;display:none;text-indent:-10000px;width:20px;height:20px;} div.pp_pic_holder .pp_content a.pp_close{float:right;display:block;text-indent:-10000px;} div.pp_pic_holder .pp_loaderIcon{display:none;position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;} div.pp_pic_holder #pp_full_res{display:block;width:100%;text-align:center;margin:0 auto;} div.pp_pic_holder #pp_full_res object,div.pp_pic_holder #pp_full_res embed{visibility:hidden;} div.ppt{display:none;position:absolute;top:0;left:0;z-index:9999;color:#fff;font-size:17px;} /* ------------------------------------------------------------------------ Miscellaneous ------------------------------------------------------------------------- */ .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix{display:block;} /* Hides from IE-mac \ */* html .clearfix{height:1%;} div.pp_pic_holder .pp_top,div.pp_pic_holder .pp_bottom{position:relative;height:20px;} * html div.pp_pic_holder .pp_top,* html div.pp_pic_holder .pp_bottom{padding:0 20px;} div.pp_pic_holder .pp_top .pp_left,div.pp_pic_holder .pp_bottom .pp_left{position:absolute;left:0;width:20px;height:20px;} div.pp_pic_holder .pp_top .pp_middle,div.pp_pic_holder .pp_bottom .pp_middle{position:absolute;left:20px;right:20px;height:20px;} * html div.pp_pic_holder .pp_top .pp_middle,* html div.pp_pic_holder .pp_bottom .pp_middle{position:static;left:0;} div.pp_pic_holder .pp_top .pp_right,div.pp_pic_holder .pp_bottom .pp_right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px;} /* DHTML WINDOW ==> Popup DIV for PDF*/ .dhtmlwindow{position: absolute;border: 2px solid black;visibility: hidden;background-color: white;} .drag-handle{padding: 1px;text-indent: 3px;font: bold 14px Arial;background-color: #364685;color: white;overflow: hidden;width: auto;filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity: 1;opacity: 1;} .drag-handle .drag-controls{position: absolute;right: 1px;top: 2px;cursor: hand;cursor: pointer;} * html .drag-handle{width: 100%;} .drag-contentarea{border-top: 1px solid #303D74;background-color: white;color: black;height: 150px;padding: 2px;overflow: auto;} .drag-statusarea{border-top: 1px solid gray;background-color: #F8F8F8;height: 13px; /*height of resize image*/} .drag-resizearea{float: right;width: 13px;height: 13px;cursor: nw-resize;font-size: 0;} .error_message {color: #ff4849; list-style: disc inside none;} .noerror_message {color: #00840c; list-style: disc inside none;} .upload_list {list-style: disc inside none; } .upload_inner_list {list-style: circle inside none; margin-left: 20px;} /* button ---------------------------------------------- */ button, .button { display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; /*text-shadow: 0 1px 1px rgba(0,0,0,.3);*/ -webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); font-size: 11px; padding: .2em 1em .275em; /* white */ color: #606060; border: solid 1px #b7b7b7; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background: -moz-linear-gradient(top, #fff, #ededed); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); } button:hover, .button:hover { text-decoration: none; background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); background: -moz-linear-gradient(top, #fff, #dcdcdc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); } button:active, .button:active { position: relative; top: 1px; color: #999; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); background: -moz-linear-gradient(top, #ededed, #fff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); }