/* reset */ body { color: #5b5046; font-family: arial, sans-serif; } html, body, p, form, h1, h2, h3, h4, h5, h6, ul, ol { margin: 0; padding: 0; } a { text-decoration: none; cursor: pointer } a:hover {text-decoration: underline } img {border: 0 } font { display: none } /* Generic */ ul.navigation, ul.navigation ul, ul.plain-list, ol.plain-list { list-style: none;} p.last {padding-bottom: 0 !important; margin-bottom: 0;} .float-left { float:left; } .float-right { float:right; } .float-none { float: none; } .js-show { display: none } .urls {margin-top: 18px;} .block {display:block;} /* anpassungen two columns*/ .twocolumns #rightcol { display: none !important;} .twocolumns #mainarea { width: 748px !important ;} .twocolumns #mainarea .tabs { width: 735px !important;} .twocolumns #mainarea div.snippet.float-left, .twocolumns #mainarea div.snippet.float-right {width: 340px !important; height: 130px !important;} .twocolumns #mainarea #sitemap ul.level0 {width: 361px !important;} /* GoogleMaps v2 */ .popup {margin: 15px; font-size: 11px;} .popup h1 {font-family: Georgia, Times New Roman, Serif; font-size: 17px;} .popup .header {width: 700px; padding: 15px; background: #dcdbd9;} .popup .content {width: 730px; margin: 1px 0 0;} .popup .close-button {margin: 2px;} .maps.popup {margin: 0;} .maps.popup .header {width: auto;} .maps .content { position: absolute; top: 50px; left: 0; bottom: 0; right: 0; background: #F3F2F0; width: auto} .maps .contact {display: block; background: url(../images/new/icons/marker_small.png) no-repeat 18px 12px; padding: 11px 0 18px 56px;} .maps .map {position: absolute; width: auto; top: 0; left: 270px; right:0; bottom: 0; border-left: 1px solid white} .maps .sidebar { width: 269px; position: absolute; top: 0; bottom: 0; left: 0; overflow: auto; } .maps .sidebar a {display: block; padding: 9px 30px; font-weight: bold; color: #ba122b; background: url("../images/new/arrow-red.gif") no-repeat 17px 13px #f3f2f0; border-bottom: 1px solid #ffffff;} .maps .form {overflow: hidden; background: #ffffff; margin: 17px; padding: 10px; border: 1px solid #c8c8c8; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .maps .form .close { background: url(../images/new/icons/close.png) no-repeat 0px; display: block; width: 16px; height: 16px; text-indent:-9999px; margin: 0 0 9px 0; padding: 0;} .maps .form .close:hover { background: url(../images/new/icons/close_light.png) no-repeat 0px; display: block; width: 16px; height: 16px; text-indent:-9999px; margin: 0 0 9px 0; padding: 0;} .maps .form a {float: right; padding: 0 0 0 12px; background: url("../images/new/arrow-red.gif") no-repeat 0 3px;} .maps .form a:hover { background: url("../images/new/arrow-red.gif") no-repeat 0 3px;} .maps .form input { display: block; width: 98%; margin: 9px 0; padding: 2px 0; font-size: 11px; color: #756A68; border: 1px solid #a79d9c; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .maps .form ul {margin: 30px 0 0 15px;} .maps .form ul div {display: none;} /* flash layer */ .flashlayer {position:fixed; top:0px; left: 0px; display: none; width: 100%; height: 100%; background: url(../images/new/transparent.png); z-index: 10001;} .centercontainer {position: relative; top: 50%; margin: auto;} .layerBar {width: 100%; height: 20px; background: url(../images/new/layer-bar-left.png);} .layerBar .closeLayer {width: 65px; float: right; text-align: center; height: 20px; line-height: 20px; background: url(../images/new/layer-bar-close.png) no-repeat right center; color: #ffffff; cursor: pointer;} .alternate {margin: 0 !important; padding: 0 !important;} /* iframe layer */ iframe {border: 0 none; display: block} .iframe-layer-overlay {background: black; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 5000} .layer {position: absolute; top: 60px; left: 0; width: 100%; font-size: 11px; font-family: Arial; z-index: 5001} .layer .layer-box {width: 700px; background: white; -webkit-box-shadow: 0px 3px 5px black; -moz-box-shadow: 0px 3px 5px black; box-shadow: 0px 3px 5px black; margin: 10px auto;} .layer .layer-box iframe {border: 0px; height: 550px; width: 700px; display: block} .layer-box .layerBar { background-position: -2px 0; } /* basic layout */ #container { width:930px; margin: 0 auto; position: relative;} /* header */ #header { height: 78px; position: relative; background: url(../images/new/header.jpg) no-repeat; border-bottom: 2px solid white} #header #logo { position: absolute; display: block; left: 0px; top: 0px; } #header #logo img { border: 0px; display: block } #header #logoRight { position: absolute; display: block; right: 0px; right: 0px; } #header #logoRight img { border: 0px; display: block } #header #meta-navigation { position: absolute; left: 182px; bottom: 20px; } #header #meta-navigation li { display: inline; font-size: 10px; line-height: 10px; height: 10px; padding-right: 5px; margin-right: 5px; border-right: 1px dotted #4a4a4a; } #header #meta-navigation li.last { border-right: 0px none; } #header #meta-navigation a { color: #4a4a4a; } /* Top Navigation */ #navigation-bar {height: 20px; background: url(../images/new/top-navi.png) no-repeat; padding-left: 182px; margin-bottom: 8px} #top-navigation { height:20px; border-right:1px solid white; float:left} #top-navigation li {line-height:20px; font-size: 11px; display: inline} #top-navigation a {float:left; display: block; color: white; font-weight: bold; height: 20px; padding: 0 18px; border-left: 1px solid white} #top-navigation a:hover, #top-navigation li.selected a{background: url(../images/new/top-navi-active.png) repeat-x; text-decoration: none} /* Hauptnavigation */ #leftcol { width: 182px; float: left; min-height:10px; overflow: hidden; } #leftcol ul.navigation { margin-bottom: 8px; background-color: #fafaf8 } #leftcol ul.navigation a * { visibility: hidden;} #leftcol ul.navigation li a { font-weight: bold; text-decoration: none; overflow:hidden; display: block; background: url(../images/new/navi-top.png) no-repeat; color: white; font-size: 11px; line-height: 15px; padding-top: 3px; padding-bottom: 3px; padding-left: 10px; } #leftcol ul.navigation ul li { padding: 0 2px;} #leftcol ul.navigation ul a { background: transparent url(../images/new/arrow-grey.gif) no-repeat 8px; color: #5b5046; padding-left: 19px; border-top: 1px solid #e0e0e0} #leftcol ul.navigation ul a.open { color: #ba122b; } #leftcol ul.navigation ul ul li { padding: 0; } #leftcol ul.navigation ul ul a { font-weight: normal; padding-left:26px } #leftcol ul.navigation ul ul a.open { font-weight: normal; font-weight: bold; color: #5b5046; } #leftcol ul.navigation ul ul ul a { padding-left: 33px; } #leftcol ul.navigation ul ul ul ul a { padding-left: 40px; } #leftcol ul.navigation ul ul ul ul ul a { padding-left: 47px; } #leftcol ul.navigation ul ul ul ul ul ul { display: none } #leftcol ul.navigation ul a.selected { background: white url(../images/new/arrow-red.gif) no-repeat 8px; font-weight: bold;} #leftcol ul.navigation ul li.selected ul a { background: #f3f2f1 url(../images/new/arrow-grey.gif) no-repeat 8px; font-weight: normal;} #leftcol ul.navigation ul a.open { background-image:url(../images/new/arrow-red-open.gif); font-weight: bold;} #leftcol ul.navigation ul a:hover { background-color: white !important; } /* Fastaccess */ .snippet.fastaccess select {width: 160px;} .snippet.fastaccess p { padding-bottom:2px !important} /* haupt teil */ #mainarea { background: white; color: #5b5046; float: left; font-size: 11px; position:relative; padding-bottom: 33px;} #columns.threecolumns #mainarea { width: 563px; overflow: hidden;} #mainarea .padding {padding: 0px 13px 0px} #mainarea hr { display: block; border: 0 none; height: 1px; background: #e6e6e6; color: #e6e6e6; } #mainarea a { color: #ba122b; } /* Breadcrumb */ #mainarea .breadcrumbs {padding-bottom: 8px; width: 440px} #mainarea .breadcrumbs, #mainarea .breadcrumbs a {color: #5b5046; font-size: 10px; font-weight: normal} /* Page Tasks */ #mainarea ul.page-tasks { position: absolute; top: 0px; right: 10px; white-space:nowrap; zoom: 1} #mainarea ul.page-tasks li.task { min-width: 22px; display: block; float: left; margin-left: 10px; line-height: 20px; zoom: 1} #mainarea ul.page-tasks li.task a { float: left; font-weight: normal} #mainarea ul.page-tasks.show-text { position: relative; float: right; bottom: 5px; top: 20px; right: 0;} #mainarea ul.page-tasks.no-text li.task { text-indent: -9999px; } #mainarea ul.page-tasks.no-text li.task a { width: 0.1px } #mainarea ul.page-tasks li.print a { height: 20px; background: url(../images/new/icons/print.png) no-repeat 0px; display: block; padding-left: 22px; color: #7b7b7b; font-size: 11px; cursor: pointer;} #mainarea ul.page-tasks li.print a:hover { background-image: url(../images/new/icons/print_light.png) !important } #mainarea ul.page-tasks li.feedback a { height: 20px; background: url(../images/new/icons/feedback.png) no-repeat 0px; display: block; padding-left: 25px; color: #7b7b7b; font-size: 11px; cursor: pointer;} #mainarea ul.page-tasks li.feedback a:hover { background-image: url(../images/new/icons/feedback_light.png) !important } #mainarea ul.page-tasks li.bookmark a { height: 20px; background: url(../images/new/icons/bookmark.png) no-repeat 0px; display: block; padding-left: 22px; color: #7b7b7b; font-size: 11px; cursor: pointer;} #mainarea ul.page-tasks li.bookmark a:hover { background-image: url(../images/new/icons/bookmark_light.png) !important } #mainarea ul.page-tasks li.remember a { height: 20px; background: url(../images/new/icons/remember.png) no-repeat 0px; display: block; padding-left: 22px; color: #7b7b7b; font-size: 11px; cursor: pointer;} #mainarea ul.page-tasks li.remember a:hover { height: 20px; background-image: url(../images/new/icons/remember_light.png) !important} #mainarea ul.page-tasks li.recommend a { height: 20px; background: url(../images/new/icons/mail.png) no-repeat 0px; display: block; padding-left: 22px; color: #7b7b7b; font-size: 11px; cursor: pointer;} #mainarea ul.page-tasks li.recommend a:hover { height: 20px; background-image: url(../images/new/icons/mail_light.png) !important} #mainarea ul.page-tasks li.rss a { height: 20px; background: url(../images/new/icons/rss.png) no-repeat 0px; display: block; padding-left: 22px; color: #7b7b7b; font-size: 11px; cursor: pointer;} #mainarea ul.page-tasks li.rss a:hover { height: 20px; background-image: url(../images/new/icons/rss.png) !important} #mainarea ul.page-tasks li.vote a { height: 20px; background: url(../images/new/icons/bewerten.png) no-repeat 0px; display: block; padding-left: 22px; color: #7b7b7b; font-size: 11px; cursor: pointer;} #mainarea ul.page-tasks li.vote a:hover { height: 20px; background-image: url(../images/new/icons/bewerten_mouseover.png) !important} /* Überschriften und Abstände */ #mainarea h1 { font-family: Georgia, Times New Roman, Serif; font-size: 17px; padding-top: 15px} #mainarea h2 { font-family: Georgia, Times New Roman, Serif; font-size: 12px; padding-top: 15px} #mainarea h3 { font-family: Arial; font-size: 11px; padding-top: 15px} #mainarea h1.first-child, #mainarea h2.first-child, #mainarea h3.first-child { padding-top: 0px; margin-top: 0px} #mainarea h2:first-child, #mainarea h3:first-child {padding-top: 0px} /* snippets */ #mainarea .snippet { margin-top: 18px } #mainarea div.snippet.float-left, #mainarea div.snippet.float-right {width: 255px; padding: 0 0 18px;} #mainarea div.snippet.float-left {padding-right: 12px;} #mainarea div.snippet.float-right {padding-left: 12px} /* buttons */ #mainarea .button-grey, #mainarea .button-red, #mainarea .button-back-grey, #mainarea .button-back-red {font-weight: bold; white-space: nowrap; position: relative; display: block; margin: 0px 0px 0px 10px; width: auto; height: auto; padding: 0px 10px 0px 15px; height: 20px; line-height: 20px; color: white; -moz-border-radius: 2px; -webkit-border-radius: 2px; /* border-radius: 2px; */ float:right} #mainarea .button-grey.float-left, #mainarea .button-back-grey.float-left, #mainarea .button-red.float-left, #mainarea .button-back-red.float-left {float: left; margin-right: 10px; margin-left: 0px} #mainarea .button-grey {background: url(../images/new/button-grey.png) no-repeat} #mainarea .button-grey:hover, #mainarea .button-grey:hover span {background-image: url(../images/new/button-grey-active.png); text-decoration:none} #mainarea .button-grey span {background: url(../images/new/button-grey.png) top right; position:absolute; right:0px; top: 0px; height: 20px; width: 2px; display:block} #mainarea .button-red {background: url(../images/new/button-red.png) no-repeat} #mainarea .button-red:hover, #mainarea .button-red:hover span {background-image: url(../images/new/button-red-active.png); text-decoration:none} #mainarea .button-red span {background: url(../images/new/button-red.png) top right; position:absolute; right:-1px; top: 0px; height: 20px; width: 4px; display:block} #mainarea .button-back-red {background: url(../images/new/buttonback-red.png) no-repeat } #mainarea .button-back-red:hover, #mainarea .button-back-red:hover span {background-image: url(../images/new/buttonback-red-active.png); text-decoration:none} #mainarea .button-back-red span {background: url(../images/new/buttonback-red.png) top right; position:absolute; right:-1px; top: 0px; height: 20px; width: 4px; display:block} #mainarea .button-back-grey {background: url(../images/new/buttonback-grey.png) no-repeat } #mainarea .button-back-grey:hover, #mainarea .button-back-grey:hover span {background-image: url(../images/new/buttonback-grey-active.png); text-decoration:none} #mainarea .button-back-grey span {background: url(../images/new/buttonback-grey.png) top right; position:absolute; right:-1px; top: 0px; height: 20px; width: 4px; display:block} /* richtext */ .richtext { overflow: hidden; } .richtext a { font-weight: bold } .richtext p { padding-top: 14px; line-height: 1.4em } .richtext hr { display: block; margin-top: 14px; color: #e0e0e0; background: #e0e0e0; border: 0px solid #e0e0e0;} .richtext ul {list-style-type: none; padding-top:8px; overflow: hidden;} .richtext ul li { background:url(../images/new/icons/bullet.png) no-repeat 0px 6px; padding-left: 11px; line-height: 1.4em; margin-top: 7px} .richtext img.float-left { float: left; margin-right: 8px; display: block;} .richtext img.border {border: 1px solid #c8c8c8} .richtext table {border: 0px none; border-collapse: collapse; background: #f3f2f1; width: 100%; margin-top: 15px} .richtext table p { padding-top: 6px; } .richtext table p.first-child, .richtext table p:first-child {padding: 0; margin: 0} .richtext table caption { background: #796B67; color: white; font-size: 11px; line-height: 20px; height: 20px; padding: 0 10px; text-align: left } .richtext table td.heading, .richtext table th { background: #dcdad9; color: #5b5046; font-weight: bold; font-size: 11px; text-align: left; } .richtext table caption, .richtext table td, .richtext table th { border-right: 1px solid white; border-bottom: 1px solid white; padding: 10px} .richtext table td { padding: 10px; vertical-align: top } .richtext table td.white { background: white } .richtext table td.grey { background: #e6e6e6 } .richtext table td ul { padding: 0;} .richtext table td ul li:first-child{margin-top: 0px;} /* linklist */ .box .content ul.linklist, ul.linklist { list-style-type: none } a.arrow, .tablink, .box .content ul.linklist li, ul.linklist li { background:url(../images/new/arrow-red.gif) no-repeat 0px 4px; padding-left: 11px; line-height: 1.4em; font-weight: bold;} /* MyAgency */ .agency img { margin-top: 18px; float:left ; } .agentdata img {max-width: 150px;} /* cardview */ #mainarea .tabs { margin-top: 18px; background: url("../images/new/tab-gradient.png") repeat-x scroll 0 24px transparent; overflow: hidden; width: 537px;} #mainarea .tabs .bar { list-style-type: none; display: block; overflow: hidden} #mainarea .tabs .bar li { float:left; background:url("../images/new/tab-left.png") no-repeat left top; margin-right: 1px;} #mainarea .tabs .bar li.selected { background: url("../images/new/tab-active-left.png") no-repeat left top;} #mainarea .tabs .bar li a { background: url(../images/new/tab-right.png) no-repeat right top; display: block; float: left; color: #5b5046; height: 21px; line-height: 21px; padding: 4px 11px 0; cursor: pointer; font-size: 12px; font-weight: bold } #mainarea .tabs .bar li a:hover { text-decoration: none } #mainarea .tabs .bar li a.selected {background: url(../images/new/tab-active-right.png) no-repeat right top; color: #ba122b; } #mainarea .tabs .tab { border: 1px solid #cfcfcf; border-top: 0px none; padding: 10px 0px; clear: both} #mainarea .tabs .tab p, #mainarea .tabs .tab h1, #mainarea .tabs .tab h2, #mainarea .tabs .tab h3, #mainarea .tabs .tab h4, #mainarea .tabs .tab h5, #mainarea .tabs .tab ul, #mainarea .tabs .tab ol { padding-left: 10px; padding-right: 10px} #mainarea .tabs .tab table { padding: 0; width: 100% } #mainarea .tab .searchbox { position: relative; left: 10px; width: 168px } /* margin-left geht leider nicht, danke IE6 */ #mainarea .tab .tabpicture { float:left; display:block} #mainarea .tab .tabpicture img { margin: 10px; margin-top:14px } /* faq */ #mainarea .faqitem { border: 1px solid #cfcfcf; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin-top: 5px} #mainarea .faqitem h2, #mainarea .faqitem h3 { background: #FBFBFB; font-size: 11px; font-family: arial; line-height: 14px; padding: 5px 10px 5px 27px; cursor: pointer; zoom: 1; position: relative} #mainarea .faqitem .plus {position: absolute; left: 10px; padding-right: 8px; width: 10px; display: block; text-align: center; zoom: 1} #mainarea .faqitem .content {display:none} #mainarea .faqitem .content .padding {padding: 10px} #mainarea .faqitem .content .padding p:first-child, #mainarea .faqitem .content .padding p.first-child { padding-top: 0px; } /* news overview */ #mainarea .overview { padding-top: 21px } #mainarea .overview .article { border-top: 1px solid #e0e0e0; padding: 0 0 0 0; position: relative; } #mainarea .overview .abstract-image { float: left; border-right: #e0e0e0; } #mainarea .overview .richtext { padding: 10px 0px 10px 0px } #mainarea .overview .overview-image .richtext { padding-left: 10px; } #mainarea .overview h2 { /* padding-bottom: 5px; */ padding: 0 !important; margin-top:0px !important;} #mainarea .overview p { padding-top: 5px; } .snippet .linklist { font-size: 11px; } /* TODO: Irgendwo einordnen? */ .snippet img.float-left { float: left; margin-right: 8px; } /* startseite */ #mainarea .imagebox { position:relative; zoom: 1; overflow: hidden; padding: 0 !important; } #mainarea .imagebox .flow { color: white; position: absolute; overflow: hidden; top: 72px; right: 15px; width: 128px; max-height:140px; padding: 0; margin: 0; left: auto; color: white } #mainarea .imagebox .flow h1 { font-size: 22px; font-weight: normal; font-family: Georgia, Sans-Serif; padding-bottom: 0px; padding-top: 0; margin-top: 0 } #mainarea .imagebox .flow p { padding-top: 2px; font-weight: bold; font-size: 14px} #mainarea .imagebox .flow a { display: block; width: auto; float:left; color: white; height: 20px; line-height: 20px; padding: 0 8px; } #mainarea .imagebox .flow a.arrow { font-size: 11px } #mainarea .imagebox .flow-top-right { width: 172px; right: 25px; top: 25px; left: auto; bottom: auto; } #mainarea .imagebox .flow-top-left { width: 172px; left: 25px; top: 35px; right: auto; bottom: auto; } #mainarea .imagebox .flow-right { right: 25px; top: 65px; left:auto; bottom: auto; } #mainarea .imagebox .flow-left-white { color: #404040 !important; right: auto; top: 100px; left:25px; bottom: auto; } #mainarea .imagebox .flow-bottom-right { right: auto; top: 0; left:25px; bottom: 25px; } #mainarea .imagebox img { display: block; } /* slider */ #mainarea #contentslider { position:relative; display: block; overflow: hidden;} #mainarea #contentslider .cs_wrapper { position: relative; display: block; overflow: hidden; height: 100%} #mainarea #contentslider .cs_wrapper .cs_slider { position: absolute; width: 10000px; white-space: nowrap; height: 100%} #mainarea #contentslider .cs_wrapper .cs_slider .cs_item { width: 537px; float:left; position: relative; overflow: hidden;} #mainarea #contentslider .buttons { position: absolute; right: 10px; bottom: 25px; height: 22px} #mainarea #contentslider .buttons .button { cursor:pointer; background: white; display: block; height: 22px; width: 22px; line-height:22px; text-align:center; float: left; margin-left: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px} /* rechte spalte */ #rightcol { float: right; width: 185px; min-height: 22px; overflow: hidden} /* Aufklappbox */ #leftcol .box.float-left, #leftcol .box.float-right, #rightcol .box.float-left, #rightcol .box.float-right {float: none;} /* Snippets in der rechten und linken Spalte sollen nicht gefloatet werden */ #rightcol .box .float-left, /* IE6 Fix, der keine Selektoren mit mit mehreren Klassen unterstützt */ #leftcol .box .float-left {float:left; } #leftcol .box .float-right, #rightcol .box .float-right {float:right} .collapsable .plus { color: #ba122b; font-size: 14px; font-weight: normal} .box .plus { display: block; float: right;} #leftcol .box, #rightcol .box { background: url(../images/new/gradient.png) repeat-x 0px 21px; overflow: hidden; margin-bottom: 8px} .box.collapsable h2 { cursor: pointer; } #leftcol .box h2, #rightcol .box h2 { background: url(../images/new/right-box-header.png) no-repeat; color: #5b5046; font-size: 11px; line-height: 21px; height: 21px; padding: 0 10px 0 10px } .box .content { font-size: 11px; } .box .content .padding { padding: 11px 10px 11px; } #mainarea .box h2 { padding-bottom: 15px} #mainarea .box .content .padding { padding: 0;} #mainarea .box .plus { display: none; } .box .content a { color: #ba122b; } .box .content p { padding-top: 8px; line-height: 1.3em } .box .content p.first-child, .box .content p:first-child { padding-top: 0px } .box .content ul {list-style-type: none; padding-top:8px;} .box .content ul li { background:url(../images/new/icons/bullet.png) no-repeat 0px 6px; padding-left: 11px; line-height: 1.4em; margin-top: 7px} /* RSS-Job-Teaser in Rechter Spalte - Anfang: */ #rightcol UL.linklist { padding-top: 0; } #rightcol UL.linklist LI { line-height: 1.4em; padding-left: 11px; background: url(../images/new/arrow-red.gif) no-repeat 0px 4px; font-weight:normal; } /* RSS-Job-Teaser in Rechter Spalte - Ende */ /* Suchfeld */ #search { padding: 0 10px 10px; z-index: 4000} .searchbox {width: 165px; background: url(../images/new/searchbox.png) no-repeat; height: 23px; white-space: nowrap} .searchbox .searchfield.inactive { color: #c8c8c8 } .searchbox .searchfield { color: black; border: 0px none; background: transparent; width: 131px; padding: 2px 4px; height: 19px; line-height: 19px} .searchbox .submit {background: url(../images/new/searchbox.png) no-repeat top right; height: 23px; width: 26px; text-indent: -9999px; border: 0px none; margin:0; padding: 0; vertical-align:top} .autocomplete_list { z-index: 500; } /* Vermittler Kontakt */ .agent-contact .content { position: relative; } .agent-contact .logo { position: absolute; top: 10px; right: 10px;} .agent-contact a.social {margin-right: 10px; } /* TagCloud */ .tagcloud {text-align: justify; } .tagcloud ol {background: white; border: 1px solid #e0e0e0; padding: 2px} .tagcloud ol {list-style-type: none } .tagcloud ol li {display: inline;} .tagcloud ol li.relevance1 { font-size: 8px } .tagcloud ol li.relevance2 { font-size: 11px} .tagcloud ol li.relevance3 { font-size: 14px } .tagcloud ol li.relevance4 { font-size: 16px } .tagcloud ol li.relevance5 { font-size: 18px } .tagcloud ol li a { color: #5b5046 !important} .tagcloud ol li a:hover { color: #ba122b !important; text-decoration: none} .tagcloud ol li span { position: absolute; left: -9999px } /* footer */ #footer {color: #7b7b7b; font-size: 11px; border-top: 1px solid #e6e6e6; height: 30px; line-height: 30px; text-align: center} #footer a {color: #7b7b7b;} #footer .agentContact { text-align: left; line-height: 16px; padding: 10px 0} /* Popup */ #popup-container { position: relative; border: 1px solid #ffffff; } #popup-container #header {background: #f4f4f4; padding: 10px 10px 10px 44px; height: 46px; margin: 10px 10px 0px} #popup-container #header #logo {width: 95px; height: 26px; position: absolute; display: block; left: 43px; top: 18px;} #popup-container #mainarea{ position: relative; float: none; padding: 0 44px 0px} #popup-container #footer{ margin: 16px 44px 0; border-top: 1px solid #c8c8c8; position: static; width: auto} #popup-container h2, #popup-container h2:first-child {margin-top: 20px; padding-bottom: 0px} #popup-container .close-button, #popup-container .print-button { float:right; cursor: pointer;} #popup-container div.snippet.float-left, #popup-container div.snippet.float-right { float: none } #popup-container #mainarea .faqitem .content { display:block !important } .print .page-title { padding-top: 15px; color: #c0c0c0 } /* Funktionsicons TODO: Austauschen */ .close-button { background: url(../images/new/icons/close.png) no-repeat 0px; display: block; width: 16px; height: 16px; text-indent:-9999px; margin-left: 12px} .close-button:hover { background: url(../images/new/icons/close_light.png) no-repeat 0px; } .print-button { background: url(../images/new/icons/print.png) no-repeat 0px; display: block; width: 17px; height: 16px; text-indent:-9999px; margin-left: 12px} .print-button:hover { background: url(../images/new/icons/print_light.png) no-repeat 0px; } /* Sitemap */ #sitemap ul { list-style-type: none } #sitemap ul li { overflow: hidden; } #sitemap ul.level0 { margin: 0 0 13px 13px; float:left; width:262px; background: #e6e6e6; font-size: 13px; font-weight:bold; } #sitemap li.level0 { padding:0 } #sitemap a.level0 { margin-left: 10px; display: block; color: #7b7b7b; line-height: 20px; height: 20px; } #sitemap ul.level1 { padding: 13px 10px 13px; background-color: #f5f5f5} #sitemap ul.level1 a { background: transparent url(../images/new/arrow-grey.gif) no-repeat 10px; color: #5b5046; padding-left:19px; font-size: 11px; font-weight:normal;} #sitemap ul.level1 ul { margin-left:10px} #sitemap a.level1 { margin-left: 0px; } /* Media Snippet */ .media-snippet {position:relative} /* Formular */ .form .segment { background: #f3f2f1; padding: 15px 10px; margin-top: 13px;} .form ul {font-size: 11px;} .form h2 { color: #7b7b7b; font-size: 13px; margin-top: 0 !important} .form p { clear: both; } .form hr { display: block; margin-top: 7px; margin-bottom: 10px; color: #c8c8c8; background: #c8c8c8; border: 0px solid #c8c8c8;} .form fieldset { margin: 0; padding: 0; border: 0;} .form label, .form .label { display: block; float: left; padding-left: 20px; padding-top: 2px; width: 207px; overflow: hidden;} .form input, .form select{ border: 1px solid #c8c8c8; width: 303px; font-size: 11px; font-family: arial, sans-serif; padding: 1px; margin:0;} .form textarea { border: 1px solid #c8c8c8; width: 303px; height: 103px; font-size: 11px; font-family: arial, sans-serif; padding: 1px} .form .half { width: 145px;} .form .third { width: 93px;} .form .twothird { width: 198px;} .form .space { margin-left: 5px;} .form .text { } .form .multi { margin-right: 10px; left: 0px; top: 0px; width: auto;} .form .tick, .form .tick input { width: auto; margin-right: 5px; border: 0;} .form .small { font-size: 10px;} .form .full { border: 0; width: 305px; font-size: 11px; padding: 0; margin:0; } .form .error { border: 1px solid #ba122b; background: #ffffff; margin-top: 12px} .form .error h2 { color: #ba122b; margin-top: 0 !important} .form .error ul { padding-bottom: 0; margin-bottom: 0 } .form .layer { z-index: 20; display: none; position: fixed; top: 50%; left: 50%; width: 400px; height: 50px; margin-top: -45px; margin-left: -200px; background: #ffffff; padding: 20px 10px; border: 1px solid #ba122b; text-align: center;} .form .layer h2 { font-size: 14px;} .form .buttons {margin-top: 15px } /* Feedback */ /* Form Controlls */ .form-slider {position: relative; display: block;} .form-slider span {display: block;} .form-slider-value-field { position: absolute; right: 0px; top: 0px; } .form-progressbar, .ui-slider {height: 10px; background: #FAFAF8; border: 1px solid #796B67; position: relative; } .ui-slider .ui-slider-handle { width: 15px; height: 15px; position: absolute; background: #ba122b; top: -2px; margin-left: -7px;} /* .ui-corner-all { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .ui-corner-left { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 10px; } .ui-corner-right { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; } */ .form-progressbar .part { height: 10px; float: left; border-right: 1px solid white; background: #ba122b;} .form-progressbar .part.ui-corner-right {border-right: 0px none;} .form-progressbar .bar {overflow: hidden;} /* AD-Homepage V2 */ .employee-list h1 {margin: 0 0 12px 0;} .employee-list img {display: block; margin: 0 17px 17px 0;} .agency {margin: 20px 0 0 0;} .agency p {display: block; /*float: left; width: 350px; */ margin: 0 0 17px 0;} .employee .contact {margin: 5px 0 0 0;} .employee .address { padding: 10px 0} .employee .contact .portrait { float: left} .employee .contact .portrait img {margin: 0 17px 17px 0;} .employee .contact .info {float: left; width: 350px;} .employee .contact h2 {margin: 0 0 2px 0;} .employee .contact p {min-height: 10px; line-height: 15px; overflow: hidden} .employee .contact .left {display: block; width: 70px; float: left; line-height: 15px;} .employee .contact .right {display: block; line-height: 15px;} .employee .contact p.social { margin-top: 10px; } .employee .contact a {padding: 0 0 0 12px; font-weight: bold; background: url(../images/new/arrow-red.gif) 0 4px no-repeat;} a.social {display: block; padding: 0 4px 0 0; height: 17px; width: 17px; float: left; text-indent: -9999px; padding:0} a.social.facebook {background: url(../images/social/facebook.png) no-repeat;} a.social.skype {background: url(../images/social/skype.png) no-repeat;} a.social.xing {background: url(../images/social/xing.png) no-repeat;} .employee {margin: 25px 0 0 0; padding: 12px 0 0 0; border-top: 1px solid #c9c9c9;} .employee:first-child {margin: 0; padding: 0; border: none;} /* Fileupload */ .fileupload {width: 535px; margin: 15px;} .fileupload .head {padding: 14px; background: #DCDBD9; font-family: Georgia, Times New Roman, Serif; font-size: 12px; font-weight: bold;} .fileupload .content {background: #F3F2F0; margin: 1px 0 0 0; padding: 17px} .fileupload .content .preview {float: left; margin: 0 17px 0 0; padding: 2px; background: #ffffff; border: 2px dashed #ba122b; min-height: 150px; min-width: 150px; background-position: center center; background-repeat:no-repeat;} .fileupload .content input[type=text] {margin: 5px 0 0 0; height: 16px; border: 1px solid #c8c8c8; font-family: arial, sans-serif; font-size: 11px; margin: 0; width: 434px; padding: 1px 0 0 2px;} .fileupload .content input {margin: 5px 0 0 0;} .fileupload .content p {line-height: 19px} .fileupload .content label {display: inline-block; width: 60px; line-height: 15px;} .fileupload .content .bold {font-weight: bold;} .fileupload .content .red {color: #ba122b;} .fileupload .content .top.space {margin: 10px 0 0 64px;} .fileupload .content .space {margin: 0 0 0 64px;} .fileupload .content .button {float: right;} .fileupload .content.error {background: #ba122b; color: #ffffff;} /* Vermittlersuche */ .agentSearchResults .agentSearchForm { background: #fafaf8; padding: 10px; margin-top: 15px } .agentSearchResults .agentSearchForm label { width: 150px; display: block; float:left; height: 26px; line-height: 26px} .agentSearchResults .agentSearchForm p { clear: both } .agentSearchResults .agentSearchForm .button-red { margin-left: 152px !important; } .agentSearchResults .validation-summary ul {list-style-type: none; margin-bottom: 12px} .agentSearchResults .results { position: relative;} .agentSearchResults .results h2 { margin-top: 21px !important} .agentSearchResults .results ol {margin-top: 15px;} .agentSearchResults .results li.agent {background: #fafaf8; margin-bottom: 3px; overflow: hidden} .agentSearchResults .results li.agent h3 {background: #f4f4f4; line-height: 34px; height: 34px; padding: 0 10px !important; margin-top: 0px !important; } .agentSearchResults .results li.agent h3 .distance { float: right; display: block; padding-right: 15px; background: url(../images/new/location.gif) no-repeat right; } /* .agentSearchResults .results li.agent .agentImage { margin-right: left; } // wtf??? */ .agentSearchResults .results li.agent .details { padding: 10px 10px 10px 10px; position: relative; zoom: 1;} .agentSearchResults .results li.agent .details div { float:left; margin-left: 20px} .agentSearchResults .results li.agent .details img { float:left;} .agentSearchResults .results li.agent .details li { clear: left; overflow: hidden } .agentSearchResults .results li.agent .details label { width: 50px; display: block; float:left} .agentSearchResults .results li.agent .details p {padding-bottom: 5px; padding-top: 0px} .agentSearchResults .results li.agent .details .agent-video { border: 2px solid #F4F4F4 } .agentSearchResults .results li.agent .details .agent-video img { display: block; } .agentSearchResults .results li.agent .details .agent-video object { display: block; } .agentSearchResults .results .pagination { position: absolute; right: 0px; top: 0px} .agentText { display: none; margin-top: 12px } #mainarea ul.page-tasks li.bookmark .overlay { width: 200px; position: absolute; z-index: 4000; text-indent: 0px; top: 24px; right: 3px; -moz-box-shadow: 0px 1px 3px #999; -webkit-box-shadow: 0px 1px 3px #999; padding: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow: hidden; border: 3px solid #f4f4f4; background: white} #mainarea ul.page-tasks li.bookmark .overlay a { background: 0px none; text-indent: 0px; padding-left: 0px; } #mainarea ul.show-text li.bookmark .overlay { bottom: 24px; top: auto;} #mainarea ul.page-tasks li.vote .vote-overlay { height: 155px; width: 265px; position: absolute; z-index: 4000; top: 24px; right: 3px; -moz-box-shadow: 0px 1px 3px #999; -webkit-box-shadow: 0px 1px 3px #999; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow: hidden; border: 3px solid #f4f4f4; background: white} #mainarea ul.page-tasks li.vote .vote-overlay a { background: 0px none; text-indent: 0px; padding-left: 0px; } #mainarea li.vote .vote-overlay div.css-vote { text-indent: 0; padding: 2px 0 0 2px; } #mainarea li.vote .vote-overlay div.css-vote * { padding: 0; } #mainarea li.vote .vote-overlay div.css-vote label.bewertung{ display: block; float: left; } #mainarea ul.show-text li.vote .vote-overlay { bottom: 24px; top: auto;} ul.bookmarks {list-style-type: none; } ul.bookmarks li { float: left; width: 16px; height: 16px; overflow: hidden; margin-left: 10px;} ul.bookmarks li:first-child {margin-left: 0;} ul.bookmarks img { display: block; vertical-align: middle; margin-right: 4px} .agentMapGoogle { height: 500px; } .agentMapGoogle h2 { margin-top: 0px !important} /* Top News */ .topnews h3 { text-decoration: none; overflow:hidden; display: block; font-size: 11px; color:#796b67; font-weight:bold; margin-bottom:3px; } .topnews li { padding-bottom: 4px; } .topnews li.divider { border-top: 1px solid #e0e0e0; padding-top: 4px; } .topnewsdate { font-weight:normal; } /* Page Voting */ #pagevoting{ display:none; } .articlesummary.snippet { padding-top:0; } .articlesummary .article-sum-picture { float:left; margin-right:10px; display: block} .articlesummary h2 { margin: 0; padding: 0 0 10px 0 !important;} .articlesummary p {padding-bottom: 10px } /* Ad-Homepage Impressum */ /** * clearfix (siehe http://perishablepress.com/press/2009/12/06/new-clearfix-hack/) * diese Version ist unter anderem html5 kompatibel */ /* modern browsers + IE8 */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} /* IE6 */ * html .clearfix { height: 1%} /* IE7 */ *:first-child+html .clearfix { display: inline-block; }