@charset "utf-8"; /* LESS DECLARATIONS */ .centerize {margin: 0 auto;} html {background:none;} .boxShadow (@color: #bbb) { -moz-box-shadow: 0 0 5px @color; -webkit-box-shadow: 0 0 5px @color; box-shadow: 0 0 5px @color; } .noShadow { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .btnLink { font-weight:bold; &:hover {text-decoration:underline;} } .advert {height:250px; width:300px;} .editProfile a {.btnLink} strong {font-weight:bold;} .component_distance {margin-bottom: 18px;} .bold {font-weight:bold;} .bgLightgrey {background: @lightgrey;} .clear {clear: both;} hr {border:none; border-bottom: 1px solid @lightgrey; margin: 18px 0;} .widget_paddingBottom {padding-bottom: 23px;} /* COLORS */ @brandcolor: #5595B1; @lightgrey: #e0e0e0; @morelightgrey: #8CBDE3; @highlight: #fffabb; html body .hcolor1 {background: @highlight; font-weight:normal; font-style:italic;} .border-radius(@radius: 2px) { -moz-border-radius:@radius; -webkit-moz-border-radius:@radius; border-radius:@radius; } /* CLEARFIX */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix {display: inline-block;} html[xmlns] .clearfix {display: block;} * html .clearfix {height: 1%;} a {text-decoration:none;} .listarticle .FilterLine { margin-bottom:30px; } .hcolor1 { background:@lightgrey; } .FilterLine *, .FilterLine {font-size:11px;} /* EDITOR BUTTON - ENTER THE BMS */ a.editButtonSwitch { background: url("/images/i42BMS/bgGeneral.png") no-repeat scroll 0 -22px transparent; color: #FFFFFF; float: left; height: 37px; margin: 3px 0 0 94px; position: absolute; text-decoration: none; width: 37px; z-index: 19; } .SignUpHeadline, h1 {} .SignUpSubheadline { font:16px "Helvetica", Arial; margin:1em 0 1.5em; } .legal_tos { font:13px "Helvetica", Arial; margin:1em 0 1.5em; } /* PAGE */ body * { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color:#484c52; } .blue { background: url("/images/project/backblue.gif") repeat-x scroll 0 0 #FBFBFB; } #page{ width: 1000px; .centerize; } /* HEADER */ #header { padding:21px 0 0; position:relative; z-index:2; } .topLine { float:left; font:500 12px "Helvetica", Arial; line-height:normal; margin:24px 0 0; width:320px; } #logo h1 {display: none;} #logo { height: 64px; width: 100%; background: #fbfbfb url("/images/project/logovor9.gif") no-repeat scroll 0 0; padding: 0 0 20px; } #logo a { display:block; height:73px; text-decoration:none; width:156px; float:left; } /* CONTENT */ .hint {font-size:11px;} /*components arrangement */ .LogicalDisplayRssReader, .SimpleTeaser { .component_distance; } .LogicalUserProfile .save-ok { padding-bottom:20px; } #content { float: left; width: 100%; padding: 0 0 20px 0; top: -4px; } body.white #content { padding: 20px 0 20px 0; } .colLeft, .colRight { min-height: 10px; } .colLeft { width:682px; float: left; background:url("/images/project/colLeftmiddle.png") bottom repeat-y; padding: 0; } .colLeftTop { position:relative; top:0; width:682px; height:6px; background:url("/images/project/colLeftTop.png") 0 0 no-repeat; } .colLeftBottom { position:relative; bottom:0; width:682px; float:left; height:17px; background:url("/images/project/colLeftBottom.png") 0 0 no-repeat; } .colLeftContent { padding:20px 30px 3px; min-height:505px; } .colRight { width:271px; float: right; padding: 0 31px 0 0; } .colLeft .webPageCont { padding: 0 0 20px 55px; display: block; width: 494px; } .colRight .webPageCont { float: left; width: 100%; } .colLeft .newsLine { padding: 0 5px 15px 5px; overflow: hidden; } .categoryPicture *, .categoryPicture a, .categoryPicture { overflow:hidden; clear:both; color: #5F97C2; font-family: "Helvetica","Myriad",Arial; font-size: 16px; line-height: 22px; } .categoryPicture img{ width:inherit; height:inherit; margin:0 0 10px; } .colLeft span.adTopline { font-size:10px; color:#ccc; } .colLeft .newsLine p { padding: 0; /*float: left;*/ font-size:13px; line-height:18px; font-weight:500; width:100%; } .colLeft .newsLine p.center {float:none !important;} .colLeft .newsLine p strong { font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:700; line-height:normaL; display:block; margin:5px 0 5px; } .colLeft .newsLine p strong.hcolor1 {display:inline;} .colLeft .newsLine p a { color:@brandcolor; } .colLeft .newsLine p img { margin:0.5em 1em 4em 0; } .colLeft .newsLine a.article { float: right; color: @brandcolor; } .Article a { color: @brandcolor; } .colLeft > img { float:left; clear:both; margin:0; width: 600px; } .colLeft > table { float:left; clear:both; width:515px !important; margin-left: 55px; } .colLeft > table td { width: auto !important; padding-right: 10px; } /*MailChimp*/ .colRight #subscribe_form { font-weight: normal; } #subscribe_form { width: 304px; font-family:"Helvetica", Arial; } .widgetTop{ background:url("/images/project/colRightWidgetsTop.png") no-repeat; padding: 10px 20px; } .widgetGrow { width:304px; background:url("/images/project/colRightWidgetsMiddle.png") repeat-y; } .widgetBottom { height:11px; width:304px; margin:0 0 20px; background:url("/images/project/colRightWidgetsBottom.png") no-repeat; } .adBox .widgetTop {height:243px; padding: 0 2px;} .twitter { height:27px; background:url("/images/project/colRightWidgetsBottomTwitter.png") no-repeat; } #subscribe_form h1, #heads h1, .loginForm h1, .LogicalForgotPasswdForm h1, .LogicalLoginForm h1 { font-size:22px; font-weight:700; margin:10px 0 15px; font-family:"Helvetica", Arial; } #subscribe_form div.legend { font-size:15px; font-family:"Helvetica", Arial; margin:-5px 0 10px; color:#8a8a8a; } #subscribe_form input[type="submit"] { background:url("/images/project/btn.png") no-repeat -101px 1px; width:91px; border:0; cursor:pointer; height:31px; float:left; } .FormBuilderAm input[type="submit"] { background:url("/images/project/btn.png") no-repeat -469px 1px; width: 100px; border:0; cursor:pointer; height:31px; float:left; &:hover {background-position:-469px -30px;} } .reg_btn label.uiButton { background:url("/images/project/btn.png") no-repeat -101px 1px; width:91px; border:0; cursor:pointer; height:31px; float:left; } #subscribe_form input[type="submit"]:hover { background-position:-101px -30px; } #subscribe_form .box { width:264px; } #subscribe_form .mc-field-group input { border: 1px solid #999999; margin: 0 0 0 5px; float:left; width:158px; } .indicate-required font { font-size: 10px; color: #000; } #mc-embedded-subscribe { padding: 1px 4px; } #subscribe_form .error_list { padding: 0 0 10px; font-size: 11px; color: #CC0000; } * + html #subscribe_form .mc-field-group { margin:0 0 -15px; } * + html #subscribe_form input[type="submit"] { margin:15px 0 0; } /*twitterbox*/ .twtr-doc { width:264px !important; } /*PartnersList*/ .colRight ul.partners { list-style: none; margin:0 0 0 15px; width:249px; } .colRight ul.partners li { margin: 0 0 10px; padding: 0; height: 60px; clear: both; } .colRight ul.partners li a { float:left; display: block; } .colRight ul.partners li img { width: 234px; height: 60px; } .colRight .newsLine p { font-size:10px; color:#a0a0a0; font-family:"Helvetica", "Myriad", Arial; } /* FOOTER */ #footer { float: left; width: 100%; } .bottomLine { height: 25px; width:100%; } .bottomLine ul { list-style: none; float: right; padding: 0 10px; } .bottomLine li { float: left; padding: 0 10px; } .bottomLine ul a { list-style: none; float: left; text-align: center; color: #B2B2B2; width:100%; display: block; padding: 4px 0 0; } /* NAVIGATION */ .navWrapper { width:100%; position:relative; } .colLeftWrapper { float:left; width:682px; } .navStart { background:url("/images/project/navStart.png") no-repeat; height:44px; position:absolute; left:0; width:11px; } .navStart.white { background-position:0 0; } .navStart.blue { background-position:0 -44px; } .navEnd { background:url("/images/project/navEnd.png") no-repeat; height:44px; position:absolute; right:0; width:8px; } #naviHauptnavigation { background:url("/images/project/navBack.png") repeat-x; height:44px; margin:0 0 0 11px; width:981px; } #naviHauptnavigation ul li { float:left; height:40px; list-style:none outside none; min-width:120px; padding: 0; text-align:center; border-right:1px solid #8bbbe1; } #naviHauptnavigation ul li a{ color:#fff; font-family:"Helvetica", Arial; font-weight:500; font-size:15px; padding: 12px 0 8px; display: block; text-align: center; width: 120px; height: 20px; text-shadow: 0 -1px 1px #999; } #naviHauptnavigation ul li.node1 { background:url("/images/project/node1Back.gif") repeat-x; } #naviHauptnavigation ul li.node2 { background:url("/images/project/node2Back.gif") repeat-x; } #naviHauptnavigation ul li.node3 { background:url("/images/project/node3Back.gif") repeat-x; } #naviHauptnavigation ul li.node4 { background:url("/images/project/node4Back.gif") repeat-x; } #naviHauptnavigation ul li.node5 { background:url("/images/project/node5Back.gif") repeat-x; } #naviHauptnavigation ul li:hover , #naviHauptnavigation ul li.active{ background:none; } #naviHauptnavigation ul li:hover a, #naviHauptnavigation ul li.active a{ color:#5b95c5; text-shadow: 0 -1px 1px #ccc; } /* SUCHE */ #suche { float:right; margin:-40px 2px 0 0; position:relative; width:368px; z-index:4; } #suche label, .label{ font-family:"Helvetica",Arial; font-size:13px; font-weight:bold; float:left; margin:7px 0 0; } .label{ margin-right:7px; } .editProfile { float: right; } #userProfileForm .profil-box .editProfileForm span.sleft, #reg_form_box .profil-box .editProfileForm span.sleft { width: 100%; } #userProfileForm select, #reg_form_box select { width: 160px; } #userProfileForm .jNice .jNiceSelectWrapper, #reg_form_box .jNice .jNiceSelectWrapper { position: relative; } #userProfileForm .jNice .jNiceSelectWrapper div .jNiceSelectText, #reg_form_box .jNice .jNiceSelectWrapper div .jNiceSelectText { background: transparent url("/images/project/selectLeftBg.png") 0 0 no-repeat; height: 14px; width: 126px !important; padding: 6px 0 8px 10px; display: inline-block; float: left; cursor: pointer; } #userProfileForm .jNice .jNiceSelectWrapper .jNiceSelectOpen, #reg_form_box .jNice .jNiceSelectWrapper .jNiceSelectOpen { background: transparent url("/images/project/selectRightBg.png") right 0 no-repeat; height: 28px; padding: 0; width: 20px; display: inline-block; cursor: pointer; } #userProfileForm .jNice .jNiceSelectWrapper ul, #reg_form_box .jNice .jNiceSelectWrapper ul { position: absolute; background: #fff; opacity: 0.8; width: 156px; max-height: 100px; overflow: hidden; overflow-y: auto; z-index: 150; border: 1px solid #cecece; } #userProfileForm .jNice .jNiceSelectWrapper ul li, #reg_form_box .jNice .jNiceSelectWrapper ul li { margin: 0; padding: 0; width: 156px; } #userProfileForm .jNice .jNiceSelectWrapper ul li a, #reg_form_box .jNice .jNiceSelectWrapper ul li a { display: block; width: 136px; padding: 3px 10px 5px; } #userProfileForm .jNice.date .jNiceSelectWrapper ul, #reg_form_box .jNice.date .jNiceSelectWrapper ul { width: 80px; } #userProfileForm .jNice.date .jNiceSelectWrapper ul li, #reg_form_box .jNice.date .jNiceSelectWrapper ul li { width: 80px; } #userProfileForm .jNice.date.jNiceSelectWrapper ul li a, #reg_form_box .jNice.date.jNiceSelectWrapper ul li a { width: 60px; } #userProfileForm .jNice.country .jNiceSelectWrapper ul, #reg_form_box .jNice.country .jNiceSelectWrapper ul { width: 185px; } #userProfileForm .jNice.country .jNiceSelectWrapper ul li, #reg_form_box .jNice.country .jNiceSelectWrapper ul li { width: 185px; } #userProfileForm .jNice.country .jNiceSelectWrapper ul li a, #reg_form_box .jNice.country .jNiceSelectWrapper ul li a { width: 165px; } #userProfileForm .date select, #reg_form_box .date select { width: 82px; } * + html #userProfileForm .date select, * + html #reg_form_box .date select { width: 90px; } html form .jNiceWrapper select { display:none; } #userProfileForm .jNice.date, #reg_form_box .jNice.date { float: inherit; width: 100%; } #userProfileForm .jNice.date .jNiceWrapper, #reg_form_box .jNice.date .jNiceWrapper { display: inline-block; } * + html .jNice.date .jNiceWrapper div, * + html .jNice.date .jNiceWrapper { display: inline !important; } * + html .editProfileForm li {clear:both;} * + html .editProfileForm span.date {width:auto; float:none;font-weight:normal;position:relative;} * + html .editProfileForm span.date .jNiceSelectWrapper ul {left:-60px; top:27px;} * + html .jNiceWrapper {position:relative;} #userProfileForm .jNice.date .jNiceSelectWrapper div .jNiceSelectText, #reg_form_box .jNice.date .jNiceSelectWrapper div .jNiceSelectText { width: 50px !important; } #userProfileForm .country select, #reg_form_box .country select { width: 187px; } #userProfileForm .jNice.country, #reg_form_box .jNice.country { float: inherit; width: 100%; } * + html #userProfileForm .jNice.country select, * + hmtl #reg_form_box .jNice.country select { width: 195px !important; } #userProfileForm .jNice.country .jNiceSelectWrapper div .jNiceSelectText, #reg_form_box .jNice.country .jNiceSelectWrapper div .jNiceSelectText { width: 155px !important; } .jNiceCheckbox { background: transparent url("/images/project/uncheck.png") no-repeat 0 0; display: inline-block; height: 21px; width: 21px; } html .jNiceChecked {background: transparent url("/images/project/check.png") no-repeat 0 0;} #suche input[type="text"], #subscribe_form input[type="text"], .LogicalUserProfileList div.suchfeld [type="text"], #reg_form_box input, .loginForm input[type="text"], .loginForm input[type="password"], .forgotPasswdForm input[type="text"], .FormBuilderAm input[type="text"] { background:#fff; -moz-border-radius:2px; -webkit-moz-border-radius:2px; border:0; margin:0px 5px 0 0; padding:7px 4px; border:1px solid @lightgrey; } .FormBuilderAm .radio_list li { float: left; margin-right:10px; } .FormBuilderAm td { padding: 10px; } .FormBuilderAm a { display: inline-block; img{vertical-align:middle;} } .FormBuilderAm input[type="submit"] { float:right; } .loginForm img { margin-top: 16px; } div.mail, #ltoggleusername { padding-bottom: 5px; } .captcha a {display:inline-block;float:left;} div.captcha .captcha {float:left;} #ltogglepasswd { width: 173px; float:left; position:relative; z-index:2; } .forgotpasswd { width:200px; } .forgotpasswd, .backToLogin, .newPassword { display: inline-block; a { color: @brandcolor; font-size: 11px;} } .backToLogin { float:left; clear:left; } .newPassword { float:right; } .LogicalForgotPasswdForm .formError, .LogicalLoginForm .formError{ font-size:11px; color: red; } .LogicalForgotPasswdForm .SuccessMessage{ color:green; font-size:11px; } .loginLogoutBtn {text-align: right; position:relative;z-index:1;} .loginLogoutBtn a.left { bottom: 7px; left: 2px; position: absolute; } #reg_form_box input, #userProfileForm input[type="checkbox"] { margin:5px 0; } #reg_from_box .speichern { width: 101px; height: 30px; } #reg_form_box .speichern a { background: transparent url("/images/project/btn.png") no-repeat 0 0; width: 101px; height: 30px; display: block; margin-top: 20px; } #reg_form_box .speichern a:hover { background: transparent url("/images/project/btn.png") no-repeat 0 -31px; } #reg_form_box span.captcha div { display: inline-block; } #reg_form_box span.captcha input[type="text"] { width: 200px; margin: 0 0 0 0px; } #suche input[type="text"], { display:block; float:left; margin:0 5px 0 10px; width:173px; } #suche input[type="submit"]{ background:url("/images/project/search.png") 0 0 no-repeat; height:32px; border:0; width:92px; cursor:pointer; } #suche input[type="submit"]:hover { background-position:0 -33px; } /* AD */ .ad { border-top:1px solid #e9eef2; border-bottom:1px solid #e9eef2; padding:10px 0; margin:0 0 20px; } /*promo*/ #promo, #jobs, #home { height:263px; overflow:hidden; margin-top: -4px; position: relative; z-index: 1; background: transparent url("/images/project/manandwoman.jpg") center -13px no-repeat; } body {display:none;} body.special {background: url("/images/project/backyellow.png") repeat-x scroll 0 0 #fddd86;} body.special #promo {background: transparent url("/images/project/hometeaser4.png") center -13px;} body.special #promo .text {display:none;} #jobs { background: transparent url("/images/project/jobteaser.jpg") center -13px no-repeat; } #home { background: transparent url("/images/project/hometeaser.jpg") center -13px no-repeat; } #promo .text, #jobs .text, #home .text { float:right; width:500px; z-index: 2; } #jobs .text { width:333px; } #promo .text h1, #promo .text h2, #jobs .text h1, #jobs .text h2, #home .text h1, #home .text h2 { font-family:"Helvetica", "Myriad", Arial; color:#fff; text-shadow:0 -1px 1px #999999; float:left; } #promo .text h1, #promo .text h1 span, #jobs .text h1, #jobs .text h1 span, #home .text h1, #home .text h1 span { font-size:44px; color:#fff; line-height:normal; margin:100px 0 0; } #home .text h1, #home .text h1 span { margin: 58px 0 0; } #promo .text h2, #jobs .text h2, #home .text h2 { font-size:22px; line-height:24px; margin:5px 0 0 59px; width:78%; font-family:"ScyllaLig", "Helvetica", "Myriad", Arial; } #promo .text h1, #jobs .text h1, #home .text h1 { font-weight:700; } #promo .text h1 span, #jobs .text h1 span, #home .text h1 span { font-weight:500; padding:0 50px 0 0; } #promo .text img, #jobs .text img, #home .text img { position:inherit; margin:107px 0 0; } #promo a.teaserButton, #jobs a.teaserButton, #home a.teaserButton { width:185px; height:45px; margin:109px 0 0 257px; display:block; background:url("/images/project/teaserButtonAnmelden.png") no-repeat 0 0; } #promo a.teaserButton:hover, #heads a.teaserButton:hover, #jobs a.teaserButton:hover { background-position:0 -45px; } * + html #promo a.teaserButton { margin:-97px 0 0 257px; } #heads a.teaserButton { width:185px; height:45px; margin:38px 0 5px 47px; display:block; background:url("/images/project/teaserButtonAnmelden.png") no-repeat 0 0; }top .widgetGrow.blue { background:url("/images/project/colRightWidgetsMiddleBlue.png") repeat-y 0 0; } .widgetTop.blue { background:url("/images/project/colRightWidgetsTopBlue.png") no-repeat 0 0; } /* CATEGORY */ div.categoryLine { border-bottom:1px solid #e9eef2; float:left; padding:0 0 5px; width:100%; margin:0 0 5px; } span.newstitle, span.newstitle a { color:#5F97C2; font-family:"Helvetica", "Myriad", Arial; font-size:16px; line-height: 22px; margin: 0 5px 5px 0; &:hover { } } .newsCon a, .topnews a, .BaseKeywordArticleList a { padding:2px 3px; &:hover { color:#fff; background:#5F97C2; padding:2px 3px; .boxShadow; } } .BaseKeywordArticleList a { color: @brandcolor; } .BaseKeywordArticleList li { padding: 10px 0; } .newsCon { padding: 10px; } .topnews { padding: 5px 10px; } span.newstitle b, .fatHeadline { color:#5F97C2; font-family:"Helvetica", "Myriad", Arial; font-size:16px; .bold; } span.category b { .bold; } span.date { color:#585858; display:block; float:right; font-size:11px; font-weight:bold; } /* K�PFEVOR9 */ .LogicalUserProfileList .breadcrump {float:left;} .LogicalUserProfileList h1, .breadcrump h1, #newsteaser h1, .LogicalDisplayRssReader h1, h1 { font-size:21px; font-family:"Helvetica", "Myriad", Arial; color:@brandcolor; margin:0 0 25px 2px; font-weight:700; } .LogicalUserProfileList h3, .breadcrump h3 { font-size:16px; font-family:"Helvetica", "Myriad", Arial; font-weight:700; } .LogicalUserProfileList div.topbar { height:40px; } .LogicalUserProfileList { p.hint {display:block;padding:2px 5px;background:#E9EEF2;margin:0;border-bottom:1px solid #fff;} div.top {border-bottom:1px solid #E9EEF2;}} .LogicalUserProfileList label, ul.editProfileForm label { font-family:"Helvetica", "Myriad", Arial; font-weight:700; font-size:13px; display:block; float:left; padding-right:8px; } ul.editProfileForm label { padding:4px 0 0; } .LogicalUserProfileList div.sort { float:left; margin:5px 0 0; } .LogicalUserProfileList div.suchfeld { float:right; position: relative; top: -10px; margin-right: 11px; } * + html .LogicalUserProfileList div.suchfeld {top:-5px;} .LogicalUserProfileList h1 {float:left;} .LogicalUserProfileList div.suchfeld label { padding:9px 8px 0 0;display:none; } .LogicalUserProfileList div.suchfeld .such-but{ background:url("/images/project/search.png") 0 0 no-repeat; height:32px; border:0; width:92px; float:right; cursor:pointer; margin:-2px 0 0; } .LogicalUserProfileList div.suchfeld .such-but:hover{ background-position: 0 -32px; } .LogicalUserProfileList .profilepage input[type="submit"], .LogicalUserProfileList input.profilesearch { background: transparent url("/images/project/btn.png") -192px 1px no-repeat; width: 81px; height: 31px; border: none; } .LogicalUserProfileList .profilepage input[type="submit"]:hover, .LogicalUserProfileList input.profilesearch:hover { background: transparent url("/images/project/btn.png") -192px -30px no-repeat; } * + html .LogicalUserProfileList div.suchfeld .such-but{ margin:-32px 0 0; } div.standard-list li { list-style:none; padding-top: 4px; } div.standard-list li ul li div, ul.standard-list li ul li.number{ float:left; } div.standard-list div.profil-detail{ position:relative; border-bottom:1px solid #E9EEF2; float:left; margin:0; width:602px; padding:20px 10px; .number {display:none;} &:hover {background: #E9EEF2;} a:hover {text-decoration:underline;} div.avatarMask { margin:0 50px 0 10px; float:left; width: 100px; } img.company-icon {position:absolute; right:20px; top:20px;} } html body div.standard-list { div.avatarMask { height:100px;width:100px !important; background:#fafafa; } } div.standard-list div.avatarMask img { margin:0 auto; max-width:100px; height:auto; } div.standard-list div ul { float:left; width: 410px; a { font-size:11px; color: #5595B1; } } ul.companydetails li {padding-top: 4px;} div.company ul, .LogicalUserProfileList div.standard-list div ul { float:left; width: 410px; a { background: url("/images/project/linkArrow.png") no-repeat scroll left 7px transparent; color: #5595B1; display: inline-block; font-size: 10px; max-width: 300px; padding: 2px 4px 0 11px; &:hover {text-decoration:underline;} } } .kopf {border-bottom: 1px solid #E9EEF2; padding-bottom: 25px;} .hint {font-size: 10px;} a.hint:hover {text-decoration:underline;} div.company { div.avatarMask { margin:10px 50px 0 10px !important; background:#fff !important; float:left; width: 100px; img {width:100px;height:auto;} } color: #666; .clearfix; margin-top:10px; padding-bottom:10px; border-bottom:1px solid #E9EEF2; .name {font-weight:bold;} .mail img {margin-left: -4px;float:none;position: relative;top: 2px;} .logo { height: auto; margin-left: 97px; margin-top: 39px; width: 200px; } ul{margin-right:20px;} img,ul {float:left;} li img {float:none;} } div.standard-list div.number{ background:@morelightgrey; -moz-border-radius:2px; display:block; color:#aaaaab; float:left; padding:2px 5px; margin-right:10px; } div.standard-list li.name { font-size:20px; font-weight:bold; } div.standard-list div.profil-detail .companydetails li.name {font-size:12px;} div.standard-list li.represent { /*color:#666666;*/ /*font-size:13px;*/ padding:10px 0 0; } div.standard-list li.company { /*color:@brandcolor;*/ /*font-size:13px;*/ font-weight:bold; } div.profile a { background:url("/images/project/btn.png") no-repeat -273px 1px; width:101px; display:block; float:right; height:31px; } div.profile a:hover { background-position: -273px -30px; } .breadcrump h1, .breadcrump h3 { float:left; line-height:normal; margin:0; } .breadcrump h1 { margin:-5px 0 0 ; } .breadcrump h3 { margin:0 0 0 10px; padding: 0 0 0 10px; border-left:2px solid @brandcolor; } .breadcrump { height:41px; } .breadcrump.profiledit { margin:-20px 0 20px; } .LogicalUserProfile .breadcrump.profiledit { margin:0px 0 20px; } .LogicalUserProfileList .breadcrump.profiledit { margin:0px 0 20px; } p.empty { margin:1em 0 0; } .profilepage .editProfile { position:absolute; right:20px; } * + html .profilepage .editProfile { position:relative; width:123px; margin:-345px 0 0 525px; } .profilepage .editProfile a{ color:@brandcolor; font-family:"Helvetica", "Myriad", Arial; font-size:13px; font-weight:bold; height:15px; display:block; padding:0 20px 5px 0; background:url("/images/project/edit-btn.png") no-repeat right 0; } .profilepage .editProfile a:hover{ background-position: right -19px; } .profilepage div.standard-list div.profil-detail:hover{ background: none; } div.standard-list div div ul { float:none; } div.contact { margin:15px 0; } li.street, li.country, li.city, div.contact li, div.contact li span{ /*color:#000;*/ } div.contact li span{ font-weight:bold; } .LogicalUserProfileList div.info { background:@morelightgrey; float:left; margin:10px 0; padding:3px 3px 2px; width:595px; } .LogicalUserProfileList div.section { float:left; width:106px; font-weight:bold; padding:10px; font-size:16px; font-family:"Helvetica", "Myriad", Arial; } .LogicalUserProfileList div.info ul{ float:right !important; width:462px; } .LogicalUserProfileList div.info ul li { padding:10px; background:#fff; border-bottom:1px solid @morelightgrey; } .details li span, .LogicalUserProfileList div.info ul li span{ font-weight:bold; } #pagination { float:right; } #Pagination, .LogicalMediaPager div.pagination, .BaseKeywordArticleList div.pagination { width: 100%; margin: 20px 0; } .search #Pagination, .LogicalMediaPager div.paginator-small, .BaseKeywordArticleList div.paginator-small { text-align: center; width: 100%; } #Pagination span.current,#Pagination a, .LogicalMediaPager div.paginator-small a, .BaseKeywordArticleList div.paginator-small a, .BaseKeywordArticleList div.paginator-small span.current { background: transparent url("/images/project/paginationBg.png") center no-repeat; font-family: Arial, Times, sans-serif; font-size: 13px; color: #fff; display: inline-block; width: 20px; height: 13px; padding: 2px 0 5px; margin: 0 3px; text-align: center; padding-left: 1px; } .LogicalMediaPager div.paginator-small a.disabled, .BaseKeywordArticleList div.paginator-small a.disabled { cursor: default; } #Pagination span.current, .LogicalMediaPager div.paginator-small a.act, .BaseKeywordArticleList div.paginator-small span.current { font-weight: bold; background: transparent url("/images/project/paginationBgActive.png") center no-repeat; color: #8cbde3; } #Pagination span.current, .BaseKeywordArticleList div.paginator-small span.current { display: inline-block; } #Pagination a.prev, #Pagination a.next, .LogicalMediaPager div.paginator-small a.prev, .LogicalMediaPager div.paginator-small a.next, .BaseKeywordArticleList div.paginator-small a.prev, .BaseKeywordArticleList div.paginator-small a.next { color: #8cbde3; background: none; width: 80px; } .LogicalMediaPager div.paginator-small a.prev.disabled, .LogicalMediaPager div.paginator-small a.next.disabled, .BaseKeywordArticleList div.paginator-small a.prev.disabled, .BaseKeywordArticleList div.paginator-small a.next.disabled { color: #d7d7d7; } #pagination .paginator-small a{ -moz-border-radius:2px 2px 2px 2px; background:none repeat scroll 0 0 @morelightgrey; color:#5f97c2; display:inline; float:none; margin:10px 2px 0; padding:2px 5px; } #pagination .paginator-small a.act { color:#AAAAAB; } .ticmember { background: transparent url('/images/project/tic_logo.png') no-repeat; width: 25px; height: 25px; float: right; display: block; position: relative; } /* KÖPFEVOR9 PROFILE EDIT */ div.edit ul { list-style:none; } #avatarPrev { border:2px solid @morelightgrey; height:100px; float:left; width:100px; } #avatarPrev img, .imageBackgroundCard img{ display:none; } .cropImageHolder { border: 1px solid black; position: absolute; top: 0; left: 0; .centerize; height: 500px; background: transparent url("/images/project/pixelm.png"); z-index: 5; display:none; } * + html .cropImageHolder {background:#333;} .cropImageCont { position: relative; width: 600px; margin: auto; top: 51px; } .cropImageCont #uploaded_image { margin: 300px auto 0; width: 600px; } #uploaded_image { margin: 0 0 0 200px; } .thumbnailHolder { position: relative; left: -163px; top: -268px; } .LogicalUserProfile .thumbnailHolder { position: relative; left: -163px; top: -268px; } #thumbnail_form { position: absolute; top: 100px; left: -163px; } * + html #thumbnail_form {top:390px;} #thumbnail_form a.butMed.reset { display: block; width: 95px; height: 31px; background: transparent url("/images/project/btn.png") -374px 0 no-repeat; } #thumbnail_form a.butMed.reset:hover { background: transparent url("/images/project/btn.png") -374px -31px no-repeat; } html body #reg_form_box #thumbnail_form #save_thumb, #save_thumb { width: 91px; height: 30px; background: url("/images/project/save-btn.png") no-repeat scroll 0 0 transparent !important; margin-bottom: 5px; border: medium none; cursor:pointer; } html body #reg_form_box #thumbnail_form #save_thumb:hover, #save_thumb:hover { background: url("/images/project/save-btn.png") 0 -30px no-repeat !important; } .upload-but { background: url("/images/project/pictureedit-btn.png") no-repeat 0 0; height:30px; text-indent:-9999px; width:91px; float:left; margin: 0 0 5px 12px; } * + html .upload-but { margin-left:10px; float:none; } .upload-but:hover { background-position:0 -32px } .upload-but a { display:block; height:30px; width:91px; cursor:pointer; } ul.editProfileForm { float:left; margin:-10px 0 25px 35px ; width:380px; } ul.editProfileForm li{ padding:3px 10px; margin:1px 0; } ul.editProfileForm li:hover{ background:@morelightgrey; } ul.editProfileForm span.sleft { display:inline-block; width:150px; font-weight:bold; vertical-align:top; } ul.editProfileForm input[type="password"], ul.editProfileForm input[type="text"], ul.editProfileForm textarea { -moz-border-radius:2px 2px 2px 2px; background:none repeat scroll 0 0 #FFFFFF; border:1px solid #ddd; padding:7px 4px; width:346px; } ul.editProfileForm textarea { width:350px; } html #reg_form_box input {margin:0;} .jNiceInputWrapper {background: none repeat scroll 0 0 #F3F3F3; padding: 2px;} div.message, div.senden { float:left; width:100%; } div.message { padding:14px 0 0 220px; } div.speichern a.butMed{ background:url("/images/project/save-btn.png") no-repeat 0 0; float:left; height:30px; margin:14px 0 0 220px; text-indent:-9999px; width:91px; } div.speichern a.butMed:hover{ background-position:0 -30px; } div.msgActivation { .centerize; background: #ffffff; width: 300px; padding: 30px; min-height: 200px; } .error { color:orange; float:left; width:100%; } .editProfileForm .error { font-size:11px; } * + html .error { padding-left:10px; } .formwrapper { -moz-border-radius:2px 2px 2px 2px; background:none repeat scroll 0 0 @lightgrey; width:360px; padding:2px; margin:5px 0 0; } * + html .formwrapper { padding:1px 2px; } .profil-foto { -moz-border-radius:2px 2px 2px 2px; background:none repeat scroll 0 0 @lightgrey; height:105px; padding:5px; width:105px; float:left; clear: both; } /* FLOATING BAR */ #categoriesBox h1 { font-family:"Helvetica", "Myriad", Arial; font-weight:700; font-size:16px; margin:5px 0 12px; } #categoriesBox.fixed { position: fixed; top: 0; } #categoriesBox ul li { list-style:none; border-bottom:1px solid #fff; padding:10px; background:@lightgrey; -moz-border-radius:2px; } #categoriesBox.fixed ul li{ background:@lightgrey; } #categoriesBox ul li span{ font-weight:bold; } #categoriesBox ul li.active a, #categoriesBox ul li.active a span{ color:#fff!important; } #categoriesBox ul li.inside.active { background:#6197c1; } #categoriesBox ul li.destinations.active { background:#6ca1ca; } #categoriesBox ul li.marketing.active { background:#8ab8dd; } #categoriesBox ul li.ezone.active { background:#98c5e9; } #categoriesBox ul li.jobs { cursor: no-drop; } #categoriesBox ul li.jobs.active { background:#99c6e8; } #categoriesBox ul li.basta.active { background:#a4cae7; } .search .listheader h2, .search .listheader h2 span { font:22px "Helvetica", Arial; } .search .listheader h2 span { font-style:italic; } .search ul li { list-style:none; } .search ul li.first { font:22px "Helvetica", Arial; margin:1em 0 0; color:#5f97c2; } .search h3 { font:16px "Helvetica", Arial; margin:0.5em 0; border-bottom:1px solid #eee; } .search a{ color:#5f97c2; } .SignUpSection input[type="submit"] { background:url("/images/project/btn.png") no-repeat scroll 0px 1px transparent!important; height:31px; width:101px; border:0!important; } .SignUpSection input[type="submit"]:hover { background-psotion:0 -31px; } /* Imagecrop */ #upload_status { background: #FFFA9C; padding: 8px; margin-bottom: 5px; } #upload_status h1{ font-weight: bold; } #upload_status h1, #upload_status p { font-size: 11px; color: #777; } .speichern{ float:right; clear: both; } * + html .speichern{ clear:none !important; } /* datepicker */ .ui-datepicker { width: 17em; padding: .2em .2em 0; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; width: 25px; height: 25px; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { } .ui-datepicker .ui-datepicker-prev { left: 0px; background: transparent url("/images/project/calendarBtn.png") 0 0 no-repeat; } .ui-datepicker .ui-datepicker-prev.ui-state-disabled { background: transparent url("/images/project/calendarBtnDisable.png") 0 0 no-repeat; cursor: default; } .ui-datepicker .ui-datepicker-next { right: 0px; background: transparent url("/images/project/calendarBtn.png") -25px 0 no-repeat; } .ui-datepicker .ui-datepicker-next.ui-state-disabled { background: transparent url("/images/project/calendarBtnDisable.png") -25px 0 no-repeat; cursor: default; } .ui-datepicker .ui-datepicker-prev-hover { background: transparent url("/images/project/calendarBtn.png") 0 -25px no-repeat; cursor: pointer; } .ui-datepicker .ui-datepicker-next-hover { background: transparent url("/images/project/calendarBtn.png") -25px -25px no-repeat; cursor: pointer; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: center; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } .ui-state-disabled span { color: #ababab; } a.ui-state-default { background: #8CBDE3; color: #fff; font-weight: bold; } .active a.ui-state-default { background: #ededed; color: @brandcolor; border: 1px solid @brandcolor; } a.ui-state-default:hover { background: #fff; color: #5B95C5; } .articleContainer { float: left; width: 680px; } .articleContainer .colLeftTop, .articleContainer .colLeft, .articleContainer .colLeftBottom { float: inherit; width: 100%;} .articleContainer .dateNavi { margin: 0 0 15px; width: 635px; } .articleContainer .dateNavi .prevDate a.prev { background: transparent url("/images/project/calendarBtn.png") 0 0 no-repeat; display: block; width: 25px; height: 25px; float: left; clear: both; padding: 0; } .articleContainer .dateNavi .nextDate a.next { background: transparent url("/images/project/calendarBtn.png") -25px 0 no-repeat; display: block; width: 25px; height: 25px; float: right; clear: both; padding: 0; } .articleContainer .dateNavi .prevDate a.prev:hover { background: transparent url("/images/project/calendarBtn.png") 0 -25px no-repeat; } .articleContainer .dateNavi .nextDate a.next:hover { background: transparent url("/images/project/calendarBtn.png") -25px -25px no-repeat; } .articleContainer .dateNavi a:hover { background: transparent url("/images/project/emptyBtn.png") center -31px no-repeat; } .articleContainer .dateNavi .prevDate, .articleContainer .dateNavi .currentDate, .articleContainer .dateNavi .nextDate { float: left; width: 33%; height: 30px; h2, span { .fatHeadline; color:@brandcolor !important; } } .articleContainer .dateNavi .prevDate { text-align: left; } .articleContainer .dateNavi .prevDate a { padding: 7px 15px 9px 14px; } .articleContainer .dateNavi .currentDate { text-align: center; } .articleContainer .dateNavi .currentDate span { color: #ababab; } .articleContainer .dateNavi .currentDate h2 { color: #ababab; font-weight: bold; display: inline; } .articleContainer .dateNavi .nextDate { text-align: right; } .articleContainer .dateNavi .nextDate a { padding: 7px 14px 9px 15px; } .archiveCalendar { width: 209px; .centerize; } #categoriesBox.archive { margin: 0; padding: 0; position: inherit; top: inherit; } li.check {.clearfix;width: 94%;} li.check span.sleft, li.check span.sright { display: inline; } li.check span.sright { float:right; } html .editProfileForm li .jNiceInput { width: 346px !important; } li.check span.sleft { padding: 0 5px 0 0; } * + html li.check span.sleft { width:auto !important; } * + html li.check span.sright { float:right !important; } .search i { font-style:normal; } /* TAGCLOUD */ .colRight #tags { /* background:#fefefe; .border-radius; .boxShadow(#999); margin-left: 2px; width: 280px; min-height:180px; padding:10px;*/ position:relative; } .colRight #tags a.btnStrength {right:10px;} .colRight #tags a.btnSort {right:35px;} .colRight #tags a.btnStrength, .colRight #tags a.btnSort {position:absolute; bottom:-5px;} #tags ul{ margin:1em 0; padding:.5em 10px; text-align:center; clear:both; } #tags li{ margin:0; padding:0; list-style:none; display:inline; } #tags li a{ text-decoration:none; color:#fff; padding:0 2px; } #tags li a:hover{ color:#cff400; } .tag1 a{font-size:100%;} .tag2 a{font-size:120%;} .tag3 a{font-size:140%;} .tag4 a{font-size:160%;} .tag5 a{font-size:180%;} /* alternative layout */ #tags .alt{ text-align:left; padding:0; background:none; } #tags .alt li{ padding:2px 10px; background:#efefef; display:block; } #tags .alt .tag1, #tags .alt .tag2, #tags .alt .tag3, #tags .alt .tag4, #tags .alt .tag5{font-size:100%;} #tags .alt .tag1{background:#7cc0f4;} #tags .alt .tag2{background:#67abe0;} #tags .alt .tag3{background:#4d92c7;} #tags .alt .tag4{background:#3277ad;} #tags .alt .tag5{background:#266ca2;} .btnStrength, .btnSort { display:block; background: transparent url("/images/project/btnTagCloud.png") no-repeat; width: 16px; height: 16px; float:right; } .btnStrength { background-position: -47px 0; margin-left: 8px; } /* JSOCIAL */ .jsocial {display:none;} .jsocial { margin: 5px 0 0 0; } .jsocial a.jsocial_button { margin-right: 8px; &:hover { background: none; } .noShadow; } .moreLink a{ color: @brandcolor; float: right; } /*formular*/ .formular ul li { display:block; margin-bottom:5px; } .formular ul li li {margin:0;} .formular ul.content {.clearfix; clear:both; width:95%;} .formular textarea {padding: 7px 4px;} .formular textarea, .formular ul.content input {width:250px;} .formular ul.error {margin-bottom:20px;margin-top:20px;} .form_error, .formular ul.error li {color:orange; font-size:11px;} .formular li.error input {border:1px solid orange;} .formular ul li label { display:inline-block; min-width:120px; } .formular ul li.Anrede {.clearfix} .formular ul li.Kommentar label {vertical-align: top;} .formular .radio_list {clear: both; display: inline-block;} .formular .radio_list li label {min-width:50px;} .formular .radio_list li input {width:20px;} .formular li.captcha a {float:none;} .formular ul.content li.captcha input {width:141px;} .formular input[type="submit"] { display: block; float: none; } .Kontaktformular input[type="submit"] {float:right;clear: right;} .loginLogoutBtn .profilelink {padding-top:20px;color:@brandcolor;float:left;} .newsLine:hover .jsocial {display:block;} * + html form.newRegistration span.country div.jNiceWrapper div.jNiceSelectWrapper {width:190px !important;} div.companies { margin-left: 140px; margin-top: 15px; a { background: url("/images/project/linkArrow.png") no-repeat scroll left 7px transparent; color: #5595B1; display: inline-block; font-size: 10px; max-width: 500px; padding: 2px 4px 0 11px; }} .LogicalUserProfileList div.companyListe {display:none;} .LogicalUserProfileList div.suchfeld label.listSuche {float: none;display: inline;} .LogicalUserProfileList div.suchfeld input[type=radio] {margin-right:5px;} /* headlines */ .widgetTop .box h4 { font-family: "Helvetica",Arial; font-size: 22px; font-weight: 700; margin: 10px 0 15px; color: #5595B1; } h3.big span, h3.big { font-weight: 700; margin: 58px 0 0; color: #FFFFFF; font-size: 44px; line-height: normal; font-family: "Helvetica","Myriad",Arial; text-shadow: 0 -1px 1px #999999; } h3.big span { font-weight: 500; padding: 0 50px 0 0; margin: 58px 0 0; color: #FFFFFF; font-size: 44px; line-height: normal; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;}