body, table, textarea { font-size: 13px; line-height: 18px; font-family: "Trebuchet MS", Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;} body {background:#F0F0F0;} input {border: none;background: url('../images/il-sprites.png') no-repeat 0 -75px;height:25px; padding: 0px 10px;color:#888;font-size:18px;} div.inputrounded {float:left;background: url('../images/il-sprites.png') no-repeat -546px -75px;height:25px;width:10px;} input.error:focus, input.ready:focus, input:focus {border: none;background: url('../images/il-sprites.png') no-repeat 0 -100px; color: #000;} input.error:focus + .inputrounded, input.ready:focus + .inputrounded, input:focus + .inputrounded {border: none;background: url('../images/il-sprites.png') no-repeat -546px -100px;height:25px;} input.error {border: none;background: url('../images/il-sprites.png') no-repeat 0 -150px; color: #000;} input.error + .inputrounded {border: none;background: url('../images/il-sprites.png') no-repeat -546px -150px;height:25px;} input.ready {border: none;background: url('../images/il-sprites.png') no-repeat 0 -125px; color: #000;} input.ready + .inputrounded {border: none;background: url('../images/il-sprites.png') no-repeat -546px -125px;height:25px;} div.bottomright {background:url(../images/textbox-bottomright.png) no-repeat bottom right;} div.bottomleft {background:url(../images/textbox-bottomleft.png) no-repeat bottom left;margin-right: 10px;height:10px;} div.topright{background: url(../images/textbox-topright.png) no-repeat top right;} div.topleft {background: url(../images/textbox-topleft.png) no-repeat top left; margin-right: 10px;} textarea { border: none; background: none; padding: 10px 0 0 10px;font-size: 18px;} /* * input, textarea { border-style:solid; border-width:1px; border-color:#8f8f8f; background: #fff url('../images/input-bg.png') repeat-x bottom;} * #header input {border-color:#ce0047; border-width:1px;} */ button {border:none;background:none;height:25px;cursor:pointer; margin:0;padding:0;} button.search {position:relative;float:left;} button div.button {background: url('../images/il-sprites.png') no-repeat; height:23px;color:#fff;font-size:20px;padding: 1px 0 1px 8px;} button:hover div.button {background: url('../images/il-sprites.png') no-repeat 0 -25px;} button div.rounded {background: url('../images/il-sprites.png') no-repeat -546px 0; height:25px;width:10px;} ul.searchadjust li div.rounded {background: url('../images/il-sprites.png') no-repeat -546px 0; height:24px;width:10px;} button:hover div.rounded {background: url('../images/il-sprites.png') no-repeat -546px -25px;} ul.searchadjust li:hover div.rounded {background: url('../images/il-sprites.png') no-repeat -546px -25px;} button div.buttonright {background: url('../images/il-sprites.png') no-repeat -539px 0; height:25px;width:4px;} button:hover div.buttonright {background: url('../images/il-sprites.png') no-repeat -539px -25px; height:25px;width:4px;} ul.searchadjust {height:30px;float:left;} ul.searchadjust li {padding-top:1px;} ul.searchadjust li div {float:left;} ul.searchadjust li div.adjust {background: url('../images/il-sprites.png') no-repeat -9px 0;padding: 2px;height:20px;} ul.searchadjust li:hover div.adjust {background: url('../images/il-sprites.png') no-repeat -9px -25px;padding: 2px;height:20px;} ul.searchadjust li div.buttonleft {background: url('../images/il-sprites.png') no-repeat -543px 0;width:3px;height:24px;} ul.searchadjust li:hover div.buttonleft {background: url('../images/il-sprites.png') no-repeat -9px -25px;} ul.searchadjust li div#advancsearch {display: none;position:absolute;} ul.searchadjust li:hover div#advancsearch {display:block;top:53px;background:#fff;width:230px;height:230px;z-index:10;} button div {float:left;} label {vertical-align:middle;font-weight:bold; display: block;} b, strong {font-style:bold;} i, em{font-style:italic;} h1{font-size:24px;line-height:26px;} h2{font-size:24px;line-height:26px;} /*h2{font-size:24px;line-height:26px; padding:10px}*/ h4{font-size:16px;} h6{font-size:13px;font-weight:bold;} .botitle {border-bottom:1px solid;} a,.blue {color: #00c8fa; text-decoration: none; cursor:pointer;} a:hover {text-decoration:underline; } a.black {color:#000;} a.black:hover {color: #00c8fa;} .gray {color: #a9a9a9} .red {color:#C00539;} .green {color:#0ba83a;} .black {color:#000;} .bgred{background-color:#C00539;} .bgredl{background-color:#ffefef;} .bgblack{background-color:#000000;} .bggrey{background:#cfcfcf} .bggreyl{background-color:#f7f7f7;} .bggrey2{background-color:#f0f0f0 } .bored{ border-color:#c00539;} .bogray{ border-color:#cfcfcf;} /**** HEADER ***/ #header {background: #000 url('../images/header-bg.png') bottom repeat-x;color: #fff;font-size:14px;} #header .logo {float:left;padding:10px 0 10px 10px;} #header .left {width:600px;} #header #topnavi {float: right; padding-right:10px;} #header div.search {padding-left:20px;} #header div.search input {width:290px;} /**************** HOVER BOXES - NEED REWRITING *****************************************************/ #topnavi ul {z-index:5;} #topnavi li.hilfe > ul {width:300px;left:-104px;} #topnavi li.registrieren > ul {left:-29px; width:120px;} #topnavi li.login > ul {left:-117px; width:120px;} div.search li.erweitert > ul {width: 100px;} div.search div.right {width: 200px;} /* Ebene 1 immer sichtbar*/ #topnavi li, #alertbox_login {float: left; padding: 0 6px;position:relative;height:28px;} #topnavi li:hover{background:url('../images/liarrow.png') no-repeat center bottom;font-style:italic;color:#fff;height:28px;} #topnavi li:hover a {color:#fff;} /* Ebene 2 sichtbar nach hover*/ #topnavi > li > ul {display:none;position:absolute;top:21px;} #topnavi > li:hover > ul {display:block;color:#fff;} #topnavi > li:hover > ul > li:hover {background:none;color:#fff;font-style:inherit;height:inherit;} /* Ebene 3 */ #topnavi > li:hover > ul ul ul {display:none;} #topnavi > li:hover > ul ul li {background:none;} #topnavi > li:hover > ul ul li:hover {background:#c00539;height:inherit;} #topnavi > li:hover > ul ul li:hover ul {display:block; position:absolute;left:-400px;background:#302a28 url('../images/boxbg.png') repeat-x bottom;top:0;width:400px;} #topnavi > li:hover > ul ul li:hover ul li {font-style:normal;} #topnavi > li:hover > ul ul li:hover ul li:hover {background:none;} .ddnavi{z-index:101;} .ddnavi > li > ul > li {padding:10px; background-color:#302a28;} /*.ddnavi li:hover {background:url('../images/liarrow.png') no-repeat center bottom;font-style:italic;color:#000;height:28px; padding:0 10px}*/ .ddnavi_dropdown{display:none;z-index:100;position:absolute;} .ddnavi:hover .ddnavi_dropdown {display:block;} /*.no_js .fb_menu:hover .fb_menu_dropdown, .hovered .fb_menu_dropdown{}*/ #topnavi li .box {background:#302a28 url('../images/boxbg.png') repeat-x bottom;color:#fff;padding:10px;font-style:normal;font-weight:bold;} #topnavi li .boxline {height:2px;background:#c00539;margin-bottom:7px;} #topnavi li .boxtitle {height:32px;background: url('../images/boxheaderbg.png') repeat-x;font-weight:normal;font-style:normal;font-size:24px;padding:0 10px;} #topnavi li .item {padding: 3px 0;} #topnavi li button {float: right;} /*******************************************************************************/ /******* WERBUNG *****/ #skyscraper {position: absolute; left: 970px;top:-50px;} /* switch:skyscraper */ #skyscraper.smallw {left: 800px;top:30px;} .mediumrectangle {border:solid 1px #cfcfcf; padding: 5px;margin:10px 30px;} #specialbanner {padding:10px 0;background:#f0f0f0;} .tx-ideatags-pi1, .tx-srfeuserregister-pi1 {width:369px} .mediumrectangle {width:300px;} #main { background: #f0f0f0; } #navi ul li a {color: #fff;} #navi ul li.active {background:#fff; height:25px;} #navi ul li.active a {color:#c00539;} .wrapper { width: 1130px;position:relative;} /* switch:wrapper */ .wrapper.smallw {width: 1004px;} #body {background:#fff;border:1px solid #cfcfcf;border-top:none;width:960px;} /*#tagcloud {background:#f7f7f7;border:1px solid #c00539;padding:15px;text-align:center;}*/ #tagcloud {padding:15px;text-align:center;} .container12 {width: 960px;} .container1 {width: 540px;} .container2 {width: 369px;} .cols80 {width: 80px;float:left;} .cols160 {width: 160px;float:left;} .cols240 {width: 240px;float:left;} .cols280 {width: 280px;float:left;} .cols320 {width: 320px;float:left;} .cols400 {width: 400px;float:left;} .cols480 {width: 480px;float:left;} .cols150 {width:150px} .cols600 {width: 600px} .cols700 {width: 700px} .colscenter {margin-left: 184px;} .maincol {width: 540px;float:left; padding: 0px 15px 10px 10px; min-height: 700px;} .sidecol {width: 369px;float:left; padding: 0px 10px 10px 15px;} /* switch: sidecol */ html body .sidecol.smallw {width:200px;} html body .sidecol.smallw .bild {display:none;} /*.sidecol {width: 369px;float:left; padding: 0px 10px 10px 15px;border-left:1px solid #CFCFCF;}*/ .list ul li {list-style:disc outside;margin-left:30px;} #navi { height:25px;background: url('../images/navi-bg.png') repeat-x;} #navi ul li {float: left; padding: 0 14px; font-size:18px;} #bigteaser {height:370px;position:relative;} #bigteaser img {position:absolute;} #bigteaser .bigtitle{position:absolute;background: #4d4746; width: 520px; padding:5px 10px;bottom: 0px;} #bigteaser li {color:#FFF;} #bigteaser li .teaser{display:none;} #bigteaser li:hover .teaser{display:block;} .smallteaser li { padding-bottom: 20px;} .smallteaser .bild { padding-right:20px;float:left;} .socialmedia {padding:10px 0;text-align:center;} .socialmedia img {padding:0 10px;} .teaser {padding-top: 4px;} .categorytitle {color:#c00539; font-size:12px;text-transform:uppercase;} .register input {height:25px;width:300px;} /******* Helfer Classen ********/ .displayno {display: none;} .padding {padding:10px;} .padding5{padding:5px;} .paddingtop {padding:10px 0;} .paddingtop5 {padding:5px 0;} .paddingtop20 {padding:18px 0 5px 0;} .paddingleft {padding:0 10px;} .paddingleft5 {padding:0 5px;} .margin {margin:10px;} .marginleft {margin-left:10px;} .boxheader{padding:0 5px;border-bottom:1px solid #CFCFCF;margin-bottom:5px;} .marginauto {margin: 0 auto;} .left {float:left;} .right{float:right;} .nofloat{float:right;} .clear{clear:both;} .valign_top {vertical-align: top;} .alignright{text-align: right;} .alignleft{text-align: left;} .aligncenter{text-align:center;} .bold {font-weight:bold;} .font11 {font-size:11px;} .font12 {font-size:12px;} .font13 {font-size:13px;} .font14 {font-size:14px;} .font15 {font-size:15px;} .detail p {margin-bottom:20px;} .hr1 {height:1px;} .hr2 {height:2px;} .hr5 {height:5px;} .hr10 {height:10px;} .hr20 {height:20px;} .hr50 {height:50px;} .opacity {opacity:1.0} .opacity_9 {opacity:0.9} .opacity_5 {opacity:0.5} .opacity_3 {opacity:0.3} .opacity_0 {opacity:0.0} /************** Detail Seite **********/ .detail {font-size:15px;line-height:22px;} .detail h1{padding:20px 0 30px 0;color:#c00539;font-size:28px;} .detail h4{color:#c00539;font-size:18px;} .detail h6{padding-bottom:30px;font-size:15px;} .articleinfo{line-height:22px;padding-bottom:20px;margin-bottom:20px;} .articleinfo .title {} .relation{padding-bottom:20px;margin-bottom:20px;} /*.relation{border-bottom:1px solid #CFCFCF;padding-bottom:20px;margin-bottom:20px;}*/ .relation ul{border-top:1px solid #CFCFCF;} .relation li{padding:2px 0;border-bottom:1px solid #CFCFCF;} .relation li:hover {background:#00c8fa;} .relation li:hover a {color:#fff;text-decoration:none;} .relation .bild{float:left;width:50px; height:45px; overflow:hidden;} .relation .bild img {padding:5px 0;} .relation .teaserwrap{float:left;width:319px;} /* switch: */ html body .relation .smallw {float:left;width:200px;} .relation.pale{border-bottom-color: #f0f0f0; } .commentheader{background:#cfcfcf; margin-top:20px;} .bildgalerie{background:#FAFAFA;border:1px solid #CFCFCF;padding:10px;} .bildgalerie li {float:left;padding:5px;} .bildgalerie li:hover {background:#00c8fa;} .bildgalerie li img {width:90px;height:90px;} /************** Kommentare Seite **********/ textarea.commenttext {width: 526px; height:300px; font-size:15px; line-height:22px; padding:5px} .commentbgtop {background: url(../images/comment_bg_top.png) no-repeat -9px 0px; padding:15px 50px 0px 15px; } .commentbgmitte {background: url(../images/comment_bg_mitte.png) repeat-y; padding:5px 15px 5px 15px;} .commentbgbottom {background: url(../images/comment_bg_bottom.png) no-repeat; height:15px; margin-bottom: 15px;} /****** Profil Seite *******/ #body .profil .sidecol {width:250px;padding:10px;margin-right:5px;border-left:none;} #body .profil .maincol {width:639px;padding:10px 10px 10px 15px;} .profilfilter li {float:left;padding:0 10px;} .profilfilter li.active{background:#c00539;} .profilfilter li.active a{color:#fff;} .profilfilter li a:hover{text-decoration:none;} .profilfilter li:hover{background:#00c8fa;} .profilfilter li:hover a{color:#fff;} .box {padding:10px 0;} .box ul.list li {background:url('../images/bg-sprites.png') repeat-x;height:19px;padding:0 5px;} .box ul.list li:hover{background:url('../images/bg-sprites.png') repeat-x 0 -19px;} .box ul.list li:hover a{color:#fff;} .box ul.list li:hover a:hover{text-decoration:none;} .box ul.friends li{float:left;width:73px;padding:5px;} .box ul.friends li img{width:70px;height:70px;} .profil .smallteaser li{border-top:1px solid #c00539;} .profil .smallteaser li.content{border-top:1px solid #c00539; padding:10px 0;} .profil .smallteaser li .verbergen{display:none;float:right;} .profil .smallteaser li:hover .verbergen{display:block;} .profil .note {padding-left:230px;} .note .header {background:#FAFAFA;padding:5px;} /** User Image **/ .user_image li .user_image_edit {position:absolute; top:0px; padding:0px 8px; font-weight:bold;} .user_image li .user_image_navi {position:absolute; top:0px; padding:0px 8px; width:235px; height:90px; font-weight:bold; background-color:#F7F7F7;} .user_image li:hover .user_image_navi {opacity:1.0;} .user_image_header {} ul.horizontal li {float:left;} div.makenote {background:#FAFAFA;border:1px solid #CFCFCF;padding:10px;} textarea.makenote{width:600px;height:50px;font-size:20px; padding:5px;} /****** Alert *******/ /* sliding panel */ #alertbox { position:fixed; top: -40px; width: 100%; z-index: 999; margin-left: auto; margin-right: auto; background: #272727; } #alertbox input {width:265px} #alertbox_wrop { width: 970px; color: #999999; overflow: hidden; position: relative; z-index: 3; display: none; margin: 30px auto; padding:15px 147px 10px 0; } .alertbox_login li { cursor:pointer; } /* Panel Tab/button */ #alertbox_bottom { background: url(../images/header-bg.png) repeat-x 0 -38px; height: 38px; width:100%; z-index: 999; padding-left:400px; } /****** Alert ende*******/ .alert_info, .alert_error, .alert_ready, .alert {font-weight:bold; font-size:22px; padding:5px;} .alert_info {color:#66ccff;} .alert_error {color:#c00539;} .alert_ready {color:#66cc66;} /* veraltet, ist aber teilweisse noch im system*/ .alert.info {color:#66ccff;} .alert.error {color:#c00539;} .alert.ready {color:#66cc66;} /****** ICONS *******/ .icons { background: url(../images/icon_set.png) no-repeat; height: 14px; padding:0 0 0 21px;} a .icons {text-decoration:none;} .icons.off { background-image: url(../images/icon_set_off.png);} /** h6 .icons {margin-left:231px}**/ h6.icon .icons {margin-left:231px;} .icons.user {background-position: 0 -2px;} .icons.meldung {background-position: 0 -21px;} .icons.nachricht {background-position: 0 -35px;} .icons.text {background-position: 0 -106px;} .icons.photo {background-position: 0 -50px;} .icons.video {background-position: 0 -70px;} .icons.add {background-position: 0 -87px;} .icons.edit {background-position: 0 -157px;} .icons.delete {background-position: 0 -184px;} .icons.dropdown {background-position: 0 -120px;} .icons.dropdown_over {background-position: 0 -141px;} .icons.freunde {background-position: 0 -224px;} .icons.text_profil {background-position: 0 -203px;} .icons.dropdown_over {background-position: 0 -141px;} .icons.upload {background-position: 0 -250px;} /******* Bewertung *********************/ .star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating{ background: url(../images/rating_stars.png) left -1000px repeat-x; display:-moz-inline-block; display:-moz-inline-box; display:inline-block; vertical-align: middle; cursor: pointer; } .star-rating{ position:relative; width:90px; height:16px; overflow:hidden; list-style:none; margin:0; padding:0; background-position: left top; cursor: pointer; } .star-rating li{display: inline;} .star-rating a, .star-rating .current-rating{ position:absolute; top:0; left:0; text-indent:-1000em; line-height: 10px; height: 15px; outline:none; overflow:hidden; border: none; cursor: pointer; } .star-rating a:hover, .star-rating a:active, .star-rating a:focus{background-position: left bottom;} .star-rating a.one-star{width:20%;z-index:6;} .star-rating a.two-stars{width:40%;z-index:5;} .star-rating a.three-stars{width:60%;z-index:4;} .star-rating a.four-stars{width:80%;z-index:3;} .star-rating a.five-stars{width:100%;z-index:2;} .star-rating .current-rating{z-index:1;background-position: left center;} /******* Social Bookmarking stert *********************/ .social li {float:left; padding-left:8px;} .sbook_stumble, .sbook_twitter, .sbook_google, .sbook_delicious, .sbook_digg, .sbook_myspace, .sbook_mwong, .sbook_linkarena {background-image:url(../images/social-networks.png); width:23px; height:23px; padding:0 0 0 13px;} .sbook_stumble {background-position:84px -1px;} .sbook_google {background-position: 194px -1px;} .sbook_digg {background-position:238px -1px;} .sbook_delicious {background-position:261px -1px;} .sbook_mwong {background-position:151px -1px;} .sbook_linkarena {background-position:20px;} .sbook_twitter {background-position:349px;} .sbook_fbook {background-position:310px;} /* Top Teaser */ #top_teaser {} #top_teaser ul:hover {opacity:1.0; margin-left:-3px; background-color:#FFF;} #top_teaser li:first-child div {position:relative;height:293px; width:540px; overflow:hidden;} #top_teaser li:first-child div div {height:295px; width:540px; overflow:hidden; right:0px; top:0px;} #top_teaser .top_teaser_inner { bottom:0px;} /* postfach */ li.hover_item ul:hover {background-color:#ffefef;} .postfach .bgredl:hover {background-color:#fff;} .postfach .bgredl {cursor:pointer;} /* Page Liste */ .pagelist li {float:left;} .pagelist a {float:left; margin-left:5px; padding:2px 7px 2px 7px; background-color:#fff; font-weight:bold; border:1px solid #a9a9a9; } .pagelist a:hover, .pagelist a.active {background-color:#cfcfcf; text-decoration:none;} /* Table */ table.contact td { height: 40px; } /* Footer */ #footer {background: #000 url(../images/bgfooter.png) repeat-x; color:#fff;} #footer div.container12 > ul {float: left;width: 240px;} #footer div.container12 input { width: 150px;} #footer div.container12 strong {font-size: 16px;display: block;margin: 15px 0 10px 0;} /* Beitrag Single - Image */ #beitrag_bilder {position:relative;z-index:20; width:540px;} #beitrag_bilder_view {position:relative;} #beitrag_bilder_view > li.singleimage img {position:absolute;} #beitrag_bilder_back {position:absolute; cursor: pointer; height:100%; width:50%; background:url('../images/arrow_left_red.png') left no-repeat; opacity:0.1} #beitrag_bilder_next {position:absolute; right:0px; cursor: pointer; height:100%; width:50%; background:url('../images/arrow_right_red.png') right no-repeat; opacity:0.1} #beitrag_bilder_next:hover, #beitrag_bilder_back:hover {opacity:1.0} #beitrag_bilder_brows {position:relative; background-color: #333; color: #fff; height: 0px; width:540px; overflow:hidden;} #beitrag_bilder_brows div {position:absolute; } #beitrag_bilder_brows ul {position:absolute;} #beitrag_bilder_brows li {position:relative; float:left; padding:0px 5px 0px 0px; } #beitrag_bilder_brows li img {height: 50px; border: 1px #333 solid; opacity:0.9;} #beitrag_bilder_brows li img:hover {height: 50px; opacity:1.0; cursor: pointer; border-color:#fff;} a#beitrag_bilder_brows_vor {position:absolute; right:0px; height:60px; width:35px; cursor:pointer; background:url('../images/arrow_right_red.png') 7px -2px no-repeat; opacity:0.6} a#beitrag_bilder_brows_back {position:absolute; height:60px; width:35px; background:url('../images/arrow_left_red.png') 0px -2px no-repeat; opacity:0.6} a#beitrag_bilder_brows_back:hover, a#beitrag_bilder_brows_vor:hover {opacity:1.0} /** Button Extra **/ .button_exta { position:relative; z-index:99; } html body #header .button_exta input {width:auto;} .button_exta button { background:none; background-image:url('../images/il-sprites.png'); background-position: 0px 0px; border:0px; height:25px; width:120px; position:absolute; z-index:100; color:#fff; font-size:20px; cursor:pointer; } .button_exta button:hover {background-position: 0px -25px;} .button_exta a img:hover {background-position: 600px -25px;} .button_exta > a { width:164px; position:absolute; cursor:default; overflow:hidden; height:25px; font-size:14px; text-decoration:none; } .button_exta > a img { background:url('../images/il-sprites.png') right; background-position: 600px 0px; position:absolute; left:120px; padding:3px 7px 3px 6px; border-left: 1px solid #000; } .button_exta a:hover {height:125px;background-repeat:no-repeat;} .button_exta ul { margin:10px 5px 0px 5px; background-color:#fff;} .button_exta ul li {padding:0px 5px 5px 5px; background-color:#484848;} .button_exta ul li:hover {background-color:#c00539;} html body button.button_rest {background:none; font-size:14px; margin:0px; padding:5px 0px 0px 0px; height:auto; width:auto; position:relative; color:#00c8fa;} html body button:hover.button_rest {color:#fff;} .tx-srfeuserregister-pi1-radio_out label, .tx-srfeuserregister-pi1-radio_out input {float: left;} .JS .djs{display:none;} html body .reset {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-family: inherit;width:inherit;height: inherit;}