input[type='text'],input[type="e-mail"],input[type="password"],textarea,input[type="tel"] {border:1px solid black;border-radius:0;padding-left:1px;} .classic-border {border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;border:1px solid black;} a:active { outline: none; } /*.mainpic{border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;}*/ /*#proimage img{border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}*/ .item2{right:0;float: right;margin-top: 5px;} #search-submit-responsive{ background-image: url('images/search-3-xxl.png'); background:transparent; border:none;} .res-social-icons{float:right;width:25%;height:25%;margin-bottom:1px;} /*------------------ Header ------------------*/ /* fixed-header and sidebars */ #bndiv p{font-size:18px;font-family: Helvetica,Tahoma,Arial;padding:8px;position: fixed;top:0;background-color: black;} .fixed-header{position:fixed;top:0;width:100%;background:white;z-index:10000;} #leftnavsidebar{position:fixed;height:auto;} #rightsidebar{position:fixed;height:100%;right:0;} .third-row{margin-top:10%;} #maincontent{margin-left:17%;} #socialmedia{position:fixed;bottom:0;padding-left:25px;} #socialmedia ul{bottom:0;margin-bottom: 8px;} #socialmedia a{background:black;border-top-right-radius: 8px;border-top-left-radius: 8px;padding:15px;} #socialmedia img{height:29px!important;width:29px!important;} .hilfe-container{margin-left:25.5%!important;} #header-nav{background-color: black;height:36px;padding:6px;text-align: right;padding-left:20px;} #header-nav nav{margin-right:20px;} #header-nav nav ul li a, .left-top-nav{color:white;font-size: 18px;font-family: "continuum_light";font-size: larger;font-weight:bolder;text-decoration: none;} #header-nav nav ul li a:hover{ color:#828282; } /*------------------ Datenschutz ------------------*/ a{color:black;} a:hover{color:#828282 !important;} a:focus{color:#828282 !important;} /*left-column*/ #left-column{margin-left:0;} #left-column h1 {font-family: "continuum_bold",helvetica,arial; font-size: 2em; font-stretch: extra-expanded; font-weight: bolder; margin:0;padding:0;line-height: 0.8;} #left-column h2 {font-family: "continuum_medium",helvetica,arial; font-size: 1.2em; font-weight: bold; padding:0; margin:0; line-height: 0.8;} #left-column h3 {font-family: "continuum_medium",helvetica,arial;font-size: 1em;padding:0;margin:0;line-height: 1.7;} #left-column p {font-family: "continuum_medium",helvetica,arial;font-size: 0.9em;padding:0;margin:0;} #left-column a {font-weight: bold;text-decoration: none;} /*right-column*/ #right-column{float:right; margin-bottom:5%; background-color: black;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;color: white;font-size: 85%;text-align: right;padding-left: 10px;padding-right: 10px} #right-column h1 {font-family: "continuum_bold",helvetica,arial;font-size: 2.3em;line-height: 0.9;margin:0;} /*main-footer*/ #footer {color: black;font-family: Helvetica;font-size: 0.6em !important;margin: 20px auto 50px auto;padding-top: 150px;padding-bottom:50px;text-align: center;width:90%;margin-left:5%;} #footer img{ height: auto;vertical-align: middle;width: 50% !important;} #mainfooter p{padding:0;margin:0;line-height: 1.5;} /*------------------ Kontakt ------------------*/ /*Kontakt Form*/ /*#kontakt-form input,textarea{border-radius:0;border:1px solid black;margin-top: 3px;padding-left:5px;}*/ #kontakt-form label{background-color: black;height:40px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;color:white;text-align: left;padding-left:5px;vertical-align: middle;margin-right: 2%; width: 20%;padding-top: 8px;} #kontakt-form #textareaLabel{height: 120px; margin-right: 2%; width: 20%;padding-top: 6%;} /*#kontakt-form textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus{border-color: black;}*/ #kontakt-form .formButton{padding: 10px; margin-right: 0;background-color: black;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;color:white;float: right;margin-right:3%;box-shadow: none;border:none;} #kontakt-form{} /*Kontakt info*/ #kontaktright{float:right;background-color: black;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;color: white;font-size: 85%;text-align: right;padding-left: 10px;padding-right: 10px} #kontaktright h1 {font-family: "continuum_bold",helvetica,arial; font-size: 2.2em; font-weight: bolder; margin:0;padding-top:10px;line-height: 0;} #kontaktright p{font-size: 1.2em;font-weight: lighter;} #kontaktright p a{font-size:1.3em;color:white;font-weight: bold;} #kontaktright p a:hover{color:#828282;} /*------------------ Login ------------------*/ /*Login Form */ #login-form{margin-left:0;} #login-form label{text-align: left;font-weight: bold;font-size: 1.2em;padding-top:2px;} #login-form .login-input{border:1px solid black;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;box-shadow: none;border-top-left-radius:0;border-top-right-radius:0;} #login-form p{float: right;margin-right:3%;} #login-form .loginFormButton{font-size:1.2em;width:22%;padding: 10px; margin-right: 0;background-color: black;border:1px solid black;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;color:white;float: right;margin-right:5%;box-shadow: none;} /*Login info*/ #login-info h1 {font-family: "continuum_bold",helvetica,arial; font-size: 2.2em; font-weight: bolder; margin:0;padding-top:10px;line-height: 0;} #login-info{height:auto; margin-bottom: 5%; float:right; background-color: black;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;color: white;text-align: right;padding-left: 10px;padding-right: 10px} #login-info a{color:white;word-spacing: 2px;font-weight: bolder;} #login-info a:hover{color:#828282;} /*------------------ passwort_vergessen ------------------*/ /* pass retrieving form */ /*#pass-retrieving-form input{border-radius:0;border:1px solid black;margin-top: 3px;padding-left:5px;}*/ #pass-retrieving-form{margin-left:0;} #pass-retrieving-form .retrieveButton{border:none; padding: 10px; background-color: black;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;color:white;float: right;margin-right:3%;box-shadow: none;} #pass-retrieving-form label{background-color: black;height:40px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;color:white;text-align: left;padding-left:5px;vertical-align: middle;margin-right: 2%; width: 20%;padding-top: 8px;} /* pass retrieving form right*/ #passRetrieving{height:auto; margin-bottom: 5%; padding-top:3%;float: right; background-color: black;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;color: white;text-align: right;padding-left: 10px;padding-right: 10px} #passRetrieving p{font-weight: bolder;padding-bottom:10px;font-size: 1.5em;padding-top:10px;} /*------------------ Register ------------------*/ /* register-form */ #register-form{ margin-left:0;} .required-fields-green{box-shadow: 2px 2px 2px green!important;} .required-fields{box-shadow: 2px 2px 2px red!important;} .registerFormButton{font-family: "continuum_bold",helvetica,arial;font-size:1.3em;padding: 10px;background-color: black;border:1px solid black;border-bottom-left-radius: 8px!important;border-bottom-right-radius: 8px!important;color:white;float: right;margin-top:15px;letter-spacing: 1px;font-weight: normal;} .non-required-fields{box-shadow:none;} #register-form label{background-color: black;height:40px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;color:white;text-align: left;padding-left:5px;vertical-align: middle;margin-right: 2%; padding-top: 8px;} #register-form .anschrift2{margin-right:0;} #checkbox-div-two label{ margin-right:0;} #checkbox-div-two #checkboxTwoTextareaLabel{height:110px;padding-top: 5%;} /* register-info */ #register-info{height:auto; margin-bottom: 5%; padding-bottom: 3%; float:right; background-color: black;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;color: white;text-align: right;padding-left: 10px;padding-right: 10px} /*------------------ Hilfe ------------------*/ /* hilfewrapper */ #hilfewrapper>h1,h2,h3{font-family: "continuum_bold",helvetica,arial;} #hilfewrapper h1{border-bottom:1px solid black;} #hilfewrapper p{font-size:1.3em;} #hilfewrapper hr{border:1px solid black;} #hilfewrapper li{padding-left: 30px;margin-left:30px;font-size:1.3em;} #left-list-hilfe{border-right:1px solid black;} /*------------------ about ------------------*/ /* impressum_left */ #impressum_left{margin-left: 0;} #impressum_left h1{border-bottom:1px solid black;} #impressum_left h1,h2,h3{font-family: "continuum_bold",helvetica,arial;} #impressum_right{margin-bottom:5%;float:right;height:auto;padding-bottom: 3%; background-color: black;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;color: white;text-align: right;padding-left: 10px;padding-right: 10px} /*------------------ Impressum ------------------*/ #impressum-page h1{border-bottom: 1px solid black;} #impressum-page h2{font-family: "continuum_medium",helvetica,arial;font-size: 1.2em;} #impressum-page #right-column h3{font-family: "continuum_medium",helvetica,arial;font-size: 1em;margin:0;padding:0;} #impressum-page #right-column p{padding:0;margin:0;} #impressum-page #right-column{font-size:100%;padding-bottom:3%;} body{margin:0;padding:0;} /*------------------ Melden ------------------*/ #melden-form{margin-left:0;} #melden-form #textareaLabel{background-color: black;color:white;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;padding:20px;font-weight: bold;font-size: 1.3em;margin-bottom: 15px;} #melden-info h3{margin:0;padding:0;} #melden-info p{font-size: large;} #melden-info{float:right; height:auto; margin-bottom: 5%;padding-bottom: 3%; background-color: black;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;color: white;text-align: right;padding-left: 10px;padding-right: 10px} /*------------------ Archiv ------------------*/ #archive-main-content{margin-left:0;} #archive-main-content .img-action{width:30px;padding-top:5px;} #archiv-info{float:right; margin-bottom:5%; height:auto; background-color: black;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;color: white;text-align: right;padding-left: 10px;padding-right: 3%} .archive-back-btn{background-color: black;color:white;padding-top: 10px;padding-bottom: 10px;font-weight: bold;font-size: 1.3em;border:none;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;margin-bottom:20px;} .archive-back-btn:hover{color:#828282;} /*----------------------- Article Reset and OP -----------------------*/ /*article openend page left*/ #article_openend_page,#article-reset-page{margin-left:0;} #article_openend_page .aop-back-btn,#article_reset_page .aop-back-btn{ margin-left:40%; margin-right:1%; background-color: black;color:white;padding-top: 10px;padding-bottom: 10px;font-weight: bold;font-size: 1.3em;border:none;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;margin-bottom:20px; } #article_openend_page .aop-submit-btn,#article_reset_page .aop-submit-btn{ background-color: black;color:white;padding-top: 10px;padding-bottom: 10px;font-weight: bold;font-size: 1.3em;border:none;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;margin-bottom:20px; } #article_reset_page #textareaLabel{ background-color: black;height:120px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;color:white;text-align: left;padding-left:5px;vertical-align: middle;margin-right: 2%; width: 20%;padding-top: 8px; } #article_reset_page #abbruchgrund{margin-top:5px;} /*article openend page info*/ #article-openend-page-info,#article-reset-page-info{ float:right; height:auto; background-color: black;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;color: white;text-align: right;padding-left: 10px;padding-right: 10px;padding-top:10px; padding-bottom: 3%; margin-bottom:5%;} /* notification bar*/ .mobile-notification-bar{ background: black none repeat scroll 0 0;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px; width: 90%;clear: both;margin-left:5%; } .footer-bottom-bar {text-align:center; position:absolute; padding:10px 0; background: black none repeat scroll 0 0;border-top-left-radius: 8px;border-top-right-radius: 8px; width: 100%;clear: both;} .footer-bottom-bar li{ border-right:none!important; margin:0 15px;} .footer-bottom-bar li,.mobile-notification-bar li{width:49px;border-right:1px solid rgba(255,255,255, 0.3);padding:5px;} .footer-bottom-bar li:last-child,.mobile-notification-bar li:last-child{border-right:none;} .footer-bottom-bar li a,.mobile-notification-bar li a{ padding-right: 15px;} .topNavContainer{ background:black;padding:6px 6px 6px 0;width:100%;margin-left:0; margin-right:0;} .topNavContainer li{display:block; padding:3px 15px;} .topNavContainer li a{color:white;} .topNavContainer li a:hover{ color:#828282;} .topNavBtn,.topNavBtn:hover,.topNavBtn:focus,.topNavBtn:active{ background: black; color:white; border:none; text-shadow: none; padding:6px 15px;font-size: 1.3em;} /*------------------ Aufdecker ------------------*/ /*Audecker left side*/ .aufdecker-btn{ background: black; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; border:none; color:white; padding:5px; } .aufdecker-btn:hover{color:#828282;} #aufdecker-left-side p{ font-weight: bold } #beobachten-insert-left-side{ margin-left:0; } .beo-delete{border-radius:6px!important;width:35px;} /*-------------------- beobachten_insert --------------------*/ /*beobachten_insert left side*/ .beobach-back-btn{float: right; background-color: black;color:white;padding-top: 10px;padding-bottom: 10px;font-weight: bold;font-size: 1.3em;border:none;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;margin-bottom:20px; } .beobach-back-btn:hover{color:#828282;} #beobach-content{ border-top: 1px solid black;border-bottom: 1px solid black; padding:25px 0; } .delete-pic{ float: right; margin-right:-50px; width:40px; } /*-------------------- bieten --------------------*/ #bieten-left-side{ margin-left:0; } #bieten-left-side p{ font-weight: bold; } /*-------------------- kaufen --------------------*/ #kaufen-form form{ margin:0; } #kaufen-left-side{ margin-left:0; } #register3-left-column a{ color:white; } /*------------------ Wishlist ------------------*/ /* Wishlist first row */ #wishlistfirstrow #wishlistleftblack {border-top-left-radius:8px; border-top-right-radius:8px; float:left; background-color:black; color:white; height:20px; margin-top:15px; padding: 5px 20px 0 20px;} #wishlistfirstrow #wishlistleftblack:hover{ color:#828282; } #wishlistfirstrow #wishlistrightblack {border-top-left-radius:8px; border-top-right-radius:8px; float:right; background-color:black; color:white; height:30px; padding: 10px 20px 0 20px; margin-right:-2px;} /* Wishlist articles */ .wishlist_article_row {border:1px solid black;padding-top:15px; padding-bottom:10px; margin-bottom:20px; border-bottom-left-radius:8px; border-bottom-right-radius:8px;} .wishlist_article_row .plus_button {margin:1px 6px 0 0; float:right; text-align:center; width:40px; height:29px; background-color:black;font-size:50px; padding-top:10px; border-top-left-radius:8px; border-top-right-radius:8px;} .wishlist_article_row .plus_button a {color:#444;} .wishlist_article_row .wishlist_article_header {margin-left:10px;} .wishlist_article_row .wishlist_article_nick {margin-right:10px; margin-top:-15px; color:#888; float:right;} .wishlist_article_row .article_main_text {width:50%; margin-left:1%; color:#888;} .wishlist_article_row .text_under_plus {width:50%; margin-right:1%; float:right; text-align:right; color:#888;margin-top: -30px;} .wishlist_article_row .wishlist_article_hr {width:98%; margin-left:1%; border:1px solid black;} /*------------------ Wishlist Add ------------------*/ /* Wishlist Add */ /*#kontakt-form input,textarea{border-radius:0;border:1px solid black;margin-top: 3px;padding-left:5px;}*/ #wishlist-add-form label{color:black;height:40px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;text-align: left;padding-left:2px;vertical-align: middle;margin-right: 3%; width: none!important; padding-top: 2px;} #wishlist-add-form #textareaLabel{height: 120px; margin-right: 2%; width: 20%;padding-top: 6%; color:black;} /*#kontakt-form textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus{border-color: black;}*/ #wishlist-add-form .formButton{padding: 10px; margin-right: 0;background-color: black;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;color:white;float: right;margin-right:3%;box-shadow: none;border:none;} #wishlist-add-form{ margin-left:0; } #wishlist-add-form select {border: 1px solid black; border-radius: 0px!important;} .wish-list-add-right{margin-bottom:5%;} /*Wishlist Add BTNs*/ #wishlist-add-buttons .span6 {padding: 5 10px;} #wishlist-add-buttons a {padding: 5px; text-align: center; background-color: black; color: white; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;} /*------------------ profil_bearbeiten ------------------*/ .profil_bearbeiten_btn{ background-color:black; color:white; border-bottom-left-radius:8px; border-bottom-right-radius:8px; padding:10px 0; text-align:center; } /*----------------------------- pay_success and pay_error ------------------------------*/ .success-green-info {background-color:darkgreen; padding: 15px 5px; color:white; border-bottom-left-radius:8px; border-bottom-right-radius:8px;} .success-black-div {background-color:black; padding: 15px 5px; color:white; border-bottom-left-radius:8px; border-bottom-right-radius:8px;} .success-black-span {background-color:black; color:white; border-bottom-left-radius:8px; border-bottom-right-radius:8px; padding:5px 5px;} .textcenter {text-align: center;} .error-green-info {background-color:darkred; padding: 15px 5px; color:white; border-bottom-left-radius:8px; border-bottom-right-radius:8px;} .error-black-div {background-color:black; padding: 15px 5px; color:white; border-bottom-left-radius:8px; border-bottom-right-radius:8px;} .error-black-span {background-color:black; color:white; border-bottom-left-radius:8px; border-bottom-right-radius:8px; padding:5px 5px;} /*------------------ password_update ------------------*/ #right-column {} /*------------------ Passwort_edit ------------------*/ #passedit-form label {background-color:black; color:white; border-bottom-left-radius:8px; border-bottom-right-radius:8px; padding:5px 5px; margin: 0 10px 0 -10px;} #passedit-form input {} .passedit-btn { background-color:black; color:white; border-bottom-left-radius:8px; border-bottom-right-radius:8px; padding:10px 0; text-align:center; } @media (max-width: 767px) { .lssmall { width: 100%!important; } .lssmall .form-group { margin-bottom: 5px!important; } #passedit-form { width: 100%!important; } #passedit-form label { width: 30%!important; margin-left: 0!important; } #passedit-form input { width: 65%!important; } } /*------------------ Pakete ------------------*/ .pakete-right {padding-bottom: 2%;} .paket-single {width: 30%;height: auto;padding:5px;display: inline-block;margin-bottom: 2%;margin-right: 1%;} .paket-inside {width: 100%;height: auto;padding: 4px;border:1px solid black;border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;} .paket-inside h3 {background-color: black;border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;color: white;padding: 5px!important ;} #paket-leftlinks ul {overflow: hidden; margin:0px;} #paket-leftlinks li span {list-style: none;margin: 0 0 5px 0px;} #paket-leftlinks li span.span3 {text-align: right; padding-top: 5px;padding-right: 5px; font-size: 20px;} #paket-leftlinks li span.span8 {padding: 5px; font-size: 20px;} #paket-leftlinks li {list-style: none;} .paket-single a {background-color: black; color: white; text-align: center; margin-top: 5px; padding: 5px!important;} .paket-single a:hover { color: #828282; } .paket-btn {width:97%;text-align:center;background-color: black; color: white!important; padding: 5px;} .paket-btn a {color: white!important;} .paket-btn a:hover {color: #828282!important;} @media (max-width: 767px) { .paket-single { margin-left: -5px!important; } } /*------------------ profil_konto ------------------*/ .blackk {background-color: black;color: white;} .padd1 {padding: 10px 10px;} .padd2 {padding: 20px 10px;} .padd3 {padding: 30px 10px;} .padd4 {padding: 40px 10px;} .devide {margin: 5px 0;} #profil-konto-black-header {padding: 25px;} .konto-list-w1 {text-align: right;} .w10p {width: 10%;} .w20p {width: 20%;} .w30p {width: 30%;} .w40p {width: 40%;} .w50p {width: 50%;} .w60p {width: 60%;} .w70p {width: 70%;} .w80p {width: 80%;} .w90p {width: 90%;} .w100p {width: 100%;} .lista_konto div {float: left;} .mt5px {margin-top: 5px;} .mt10px {margin-top: 10px;} .color-red {color: red;} .bbb {border-bottom:1px solid black;} @media (max-width: 767px) { .paket-single { margin-left: -5px!important; } } /*---------------------- nachricht_view ----------------------*/ #nachricht-rightside {float:right;padding-left: 10px;padding-right: 10px; padding-top: 12%;} .div_btns {width: 30px; height: 30px; margin: 0 auto;} /*---------------------- article_view ----------------------*/ #article_view-info {float:right; margin-bottom:2%; height:auto;} #article_view-main-content {margin-left:0;} #article_view-info-top {float:right; /*margin-bottom:5%;*/ height:341px; background-color: black;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;color: white;text-align: right;padding-left: 10px;padding-right: 3%} #article_view-info-top-2 {float:right; /*margin-bottom:5%;*/ height:341px; background-color: black;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;color: white;text-align: right;padding-left: 10px;padding-right: 3%} #article_view-info-bottom1, #article_view-info-bottom2, #article_view-info-bottom3, #article_view-info-bottom4 {text-align: center;} #article_view-four-btns {font-size: 0.9em;} @media (max-width: 767px) { #small-pics { margin-left: 0.7%!important; margin-right: 0.7%!important; } } .black-fancybox-bg {background-color: black;} .article_view-black-lable {background-color:black; color:white; padding:10px 4px;} .huge-display-i {width:22px; height:22px; background:black; border-radius:4px; color:white; cursor:pointer;text-align:center;} .phone-display-i {background-color:black; color:white; padding:5px 2px 2px 2px; text-align:center; cursor:pointer;} .new_article_select {border-radius: 0!important; border:1px solid black!important;} @media (max-width: 767px) { .article_view-black-lable { font-size: 0.8em; } } .new_article_i1, .new_article_i2, .article_view_i1 {background-color: black;border:1px solid black!important; border-radius: 8px; color: white; width:25px!important; height:15px!important; padding: 0!important; margin-top: 10px; box-shadow:none!important;} /*------------------ profil_loeschen ------------------*/ .loeschen-info-links a{color:white;font-size:1.5em;} .loeschen-info-links a:hover{color:#828282;} .loeschen-info-links {height: 100px;padding-bottom: 2%;} #loeschen-buttons a{background: black;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;color:white;padding: 10px;} #loeschen-buttons a:hover{color:#828282;} /*------------------ tooltip ------------------*/ a.info-tooltip strong {line-height:30px;} a.info-tooltip:hover {text-decoration:none;} a.info-tooltip span { display: none;line-height: 16px; margin-right: 36%; margin-top: 40px; max-width: 600px;min-width: 300px;padding: 14px 20px;right: 0;z-index: 10;} a.info-tooltip:hover span{display:inline; position:absolute; border:2px solid #FFF; color:#EEE;} /*info-tooltip*/ .callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;background: black;} /*CSS3 extras*/ a.info-tooltip span{ background:white;color:black!important;border:1px solid black!important;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;} .new_article_i1, .new_article_i2, .article_view_i1{padding-top: 4px!important;padding-left: 8px!important;cursor: pointer!important;} /*------------------ profil ------------------*/ .label-small{background-color:black; color:white; border-bottom-left-radius:8px; border-bottom-right-radius:8px; padding:5px 10px;} .label-big{background-color:black; padding: 15px 10px; color:white; border-bottom-left-radius:8px; border-bottom-right-radius:8px;margin-bottom:5px;} .main-index-image { height: 100%; border-radius: 0px; } @media (max-width: 420px) { #small-picks { margin-left: 2px; } #article_view-info-top { height: 230px; } #article_view-info-top-2 { height: 280px; } }