body { margin: 0; padding: 0; } a .img_hover_02{ display: block; border: 0px; background: top center no-repeat; } a:hover .img_hover_02{ display: block; border: 0px; background: bottom center no-repeat; } /*-----------Banner 120x600px-----------*/ .banner120_600{ width: 120px; height: 600px; } .banner120_600 ul{ list-style-type: none; width: 120px; height: 90px; padding:0px; margin:0px; background-repeat: no-repeat; border-top: 1px solid #ffffff; } .banner120_600 ul li, .banner120_600 ul li a{ display: block; width: 120px; height: 90px; margin:0px; padding:0px; } .banner120_600 ul li a {margin:0px;padding:0px;border:0px;height:90px;width:120px;cursor:pointer;} .banner120_600 ul li a.img_hover{ display: none; } .banner120_600 ul li:hover a.img_hover{ display: block; border: 0px; } .banner120_600 img{ border: 0px; } .banner120_600 ul li:hover a.img_hover_02{ background: top center no-repeat; } .banner120_600 ul li:hover a.img_hover_02{ background: bottom center no-repeat; } /*-----------Banner 728x90px-----------*/ .banner728_90{ width: 728px; height: 90px; } .banner728_90 ul{ list-style-type: none; width: 120px; height: 90px; padding:0px; margin:0px; float:left; background-repeat: no-repeat; border-left: 1px solid #ffffff; } .banner728_90 .Logo {width:123px;float:left;} .banner728_90 ul li, .banner728_90 ul li a{ display: block; width: 120px; height: 90px; margin:0px; padding:0px; } .banner728_90 ul li a {margin:0px;padding:0px;border:0px;height:90px;width:120px;cursor:pointer;} .banner728_90 ul li a.img_hover{ display: none; } .banner728_90 ul li:hover a.img_hover{ display: block; border: 0px; } .banner728_90 img{ border: 0px; } .banner728_90 ul li:hover a.img_hover_02{ background: top center no-repeat; } .banner728_90 ul li:hover a.img_hover_02{ background: bottom center no-repeat; } /* .banner728_90 div{ float: right; background-repeat:no-repeat; border-left: 0px solid #ffffff; } .banner728_90 div a{ display: block; width: 120px; height: 90px; } .banner728_90 div a .img_hover{ display: none; } .banner728_90 div a:hover .img_hover{ display: block; border: 0px; } .banner728_90 div img{ border: 0px; } .banner728_90 div div{ clear: both; border: 0px; } /*-----------Banner 120x300px-----------*/ .banner120_300{ width: 120px; height: 300px; } .banner120_300 ul{ list-style-type: none; width: 120px; height: 90px; padding:0px; margin:0px; float:right; background-repeat: no-repeat; border-top: 1px solid #ffffff; } .banner120_300 ul li, .banner120_300 ul li a{ display: block; width: 120px; height: 90px; margin:0px; padding:0px; } .banner120_300 ul li a {margin:0px;padding:0px;border:0px;height:90px;width:120px;cursor:pointer;} .banner120_300 ul li a.img_hover{ display: none; } .banner120_300 ul li:hover a.img_hover{ display: block; border: 0px; } .banner120_300 img{ border: 0px; } .banner120_300 ul li:hover a.img_hover_02{ background: top center no-repeat; } .banner120_300 ul li:hover a.img_hover_02{ background: bottom center no-repeat; } /*.banner120_300 div{ float: right; background-repeat:no-repeat; border-top: 1px solid #ffffff; } .banner120_300 div a{ display: block; width: 120px; height: 90px; } .banner120_300 div a .img_hover{ display: none; } .banner120_300 div a:hover .img_hover{ display: block; border: 0px; } .banner120_300 div img{ border: 0px; } .banner120_300 div div{ border-top: 0px; } /*-----------Banner 120x240px-----------*/ .banner120_240{ width: 120px; height: 240px; } .banner120_240 ul{ list-style-type: none; width: 120px; height: 90px; padding:0px; margin:0px; float:right; background-repeat: no-repeat; border-top: 1px solid #ffffff; } .banner120_240 ul li, .banner120_240 ul li a{ display: block; width: 120px; height: 90px; margin:0px; padding:0px; } .banner120_240 ul li a {margin:0px;padding:0px;border:0px;height:90px;width:120px;cursor:pointer;} .banner120_240 ul li a.img_hover{ display: none; } .banner120_240 ul li:hover a.img_hover{ display: block; border: 0px; } .banner120_240 img{ border: 0px; } .banner120_240 ul li:hover a.img_hover_02{ background: top center no-repeat; } .banner120_240 ul li:hover a.img_hover_02{ background: bottom center no-repeat; } /*.banner120_240 div{ float: right; background-repeat:no-repeat; border-top: 1px solid #ffffff; } .banner120_240 div a{ display: block; width: 120px; height: 90px; } .banner120_240 div a .img_hover{ display: none; } .banner120_240 div a:hover .img_hover{ display: block; border: 0px; } .banner120_240 div img{ border: 0px; } .banner120_240 div div{ border-top: 0px; } /*-----------Banner 160x600px-----------*/ .banner160_600{ width: 160px; height: 600px; background:url(../img/120_90/160_600_bg.png) no-repeat; padding-top:4px; padding-left:4px; } .banner160_600 ul{ list-style-type: none; width: 120px; height: 90px; padding:0px; margin:0px; background-repeat: no-repeat; margin-bottom:5px; } .banner160_600 ul li, .banner160_600 ul li a{ display: block; width: 120px; height: 90px; margin:0px; padding:0px; } .banner160_600 ul li a {margin:0px;padding:0px;border:0px;height:90px;width:120px;cursor:pointer;} .banner160_600 ul li a.img_hover{ display: none; } .banner160_600 ul li:hover a.img_hover{ display: block; border: 0px; } .banner160_600 img{ border: 0px; } .banner160_600 ul li:hover a.img_hover_02{ background: top center no-repeat; } .banner160_600 ul li:hover a.img_hover_02{ background: bottom center no-repeat; } /*.banner160_600 div{ width: 120px; height: 90px; background-repeat:no-repeat; margin: 0px 0px 0px 0px; border-top: 1px solid #ffffff; } .banner160_600 div a{ display: block; width: 120px; height: 90px; } .banner160_600 div a .img_hover{ display: none; } .banner160_600 div a:hover .img_hover{ display: block; border: 0px; margin:0px; } .banner160_600 div img{ border: 0px; } .banner160_600 .img_hover_02{ border: 0px; margin:0px; } .banner160_600 div div{ border-top: 0px; margin:0px; }*/ /*-----------Banner 600x400px-----------*/ .banner600_400{ width: 600px; height: 400px; } .banner600_400 ul{ list-style-type: none; width: 120px; height: 90px; padding:0px; margin:0px; float:left; background-repeat: no-repeat; } .banner600_400 ul li, .banner600_400 ul li a{ display: block; width: 120px; height: 90px; margin:0px; padding:0px; } .banner600_400 ul li a {margin:0px;padding:0px;border:0px;height:90px;width:120px;cursor:pointer;} .banner600_400 ul li a.img_hover{ display: none; } .banner600_400 ul li:hover a.img_hover{ display: block; border: 0px; } .banner600_400 img{ border: 0px; } .banner600_400 ul li:hover a.img_hover_02{ background: top center no-repeat; } .banner600_400 ul li:hover a.img_hover_02{ background: bottom center no-repeat; } /*.banner600_400 div{ float: left; background-repeat:no-repeat; } .banner600_400 div a{ display: block; width: 120px; height: 90px; } .banner600_400 div a .img_hover{ display: none; } .banner600_400 div a:hover .img_hover{ display: block; border: 0px; } .banner600_400 div img{ border: 0px; } /*-----------Banner 468x60px-----------*/ .banner468_60{ width: 468px; height: 60px; } .banner468_60 ul{ list-style-type: none; width: 80px; height: 60px; float:left; padding:0px; margin:0px; background-repeat: no-repeat; border-right: 1px solid #ffffff; } .banner468_60 ul li, .banner468_60 ul li a{ display: block; width: 80px; height: 60px; margin:0px; padding:0px; } .banner468_60 ul li a {margin:0px;padding:0px;border:0px; width: 80px; height: 60px; cursor:pointer;} .banner468_60 ul li a.img_hover{ display: none; } .banner468_60 ul li:hover a.img_hover{ display: block; border: 0px; } .banner468_60 img{ border: 0px; } .banner468_60 ul li:hover a.img_hover_02{ background: top center no-repeat; } .banner468_60 ul li:hover a.img_hover_02{ background: bottom center no-repeat; } /*.banner468_60 div{ float: left; background-repeat:no-repeat; border-right: 1px solid #ffffff; } .banner468_60 div a{ display: block; width: 80px; height: 60px; } .banner468_60 div a .img_hover{ display: none; } .banner468_60 div a:hover .img_hover{ display: block; border: 0px; } .banner468_60 div img{ border: 0px; } .banner468_60 div div{ border-top: 0px; margin:0px; } /*-----------Banner 234x60px-----------*/ .banner234_60{ width: 234px; height: 60px; } .banner234_60 ul{ list-style-type: none; width: 80px; height: 60px; float:left; padding:0px; margin:0px; background-repeat: no-repeat; border-right: 1px solid #ffffff; } .banner234_60 ul li, .banner234_60 ul li a{ display: block; width: 80px; height: 60px; margin:0px; padding:0px; } .banner234_60 ul li a {margin:0px;padding:0px;border:0px; width: 80px; height: 60px; cursor:pointer;} .banner234_60 ul li a.img_hover{ display: none; } .banner234_60 ul li:hover a.img_hover{ display: block; border: 0px; } .banner234_60 img{ border: 0px; } .banner234_60 ul li:hover a.img_hover_02{ background: top center no-repeat; } .banner234_60 ul li:hover a.img_hover_02{ background: bottom center no-repeat; } /*.banner234_60 div{ float: left; background-repeat:no-repeat; border-right: 1px solid #ffffff; } .banner234_60 div a{ display: block; width: 80px; height: 60px; } .banner234_60 div a .img_hover{ display: none; } .banner234_60 div a:hover .img_hover{ display: block; border: 0px; } .banner234_60 div img{ border: 0px; } /*-----------Banner 120x60px-----------*/ .banner120_60{ width: 120px; height: 60px; } /*.banner120_60 div{ float: left; background-repeat:no-repeat; border-right: 1px solid #ffffff; } .banner120_60 div a{ display: block; width: 80px; height: 60px; } .banner120_60 div a .img_hover{ display: none; } .banner120_60 div a:hover .img_hover{ display: block; border: 0px; } .banner120_60 div img{ border: 0px; } .banner120_60 a .img_img_hover_02{ display: block; border: 0px; background: top center no-repeat; } .banner120_60 a:hover .img_hover_02{ display: block; border: 0px; background: bottom center no-repeat; } */ .banner120_60 ul{ list-style-type: none; width: 80px; height: 60px; float:left; padding:0px; margin:0px; background-repeat: no-repeat; margin-bottom:5px; } .banner120_60 ul li, .banner120_60 ul li a{ display: block; width: 80px; height: 60px; margin:0px; padding:0px; } .banner120_60 ul li a {margin:0px;padding:0px;border:0px; width: 80px; height: 60px; cursor:pointer;} .banner120_60 ul li a.img_hover{ display: none; } .banner120_60 ul li:hover a.img_hover{ display: block; border: 0px; } .banner120_60 img{ border: 0px; } .banner120_60 ul li:hover a.img_hover_02{ background: top center no-repeat; } .banner120_60 ul li:hover a.img_hover_02{ background: bottom center no-repeat; } /*-----------Banner 300x250px-----------*/ .banner300_250{ width: 271px; height: 223px; background:url(../img/80_60/300_250_bg.png) no-repeat; padding: 27px 0px 0px 29px; } .banner300_250 ul{ list-style-type: none; width: 80px; height: 60px; float:left; padding:0px; margin:0px; background-repeat: no-repeat; margin: 0px 1px 1px 0px; } .banner300_250 ul li, .banner300_250 ul li a{ display: block; width: 80px; height: 60px; margin:0px; padding:0px; } .banner300_250 ul li a {margin:0px;padding:0px;border:0px; width: 80px; height: 60px; cursor:pointer;} .banner300_250 ul li a.img_hover{ display: none; } .banner300_250 ul li:hover a.img_hover{ display: block; border: 0px; } .banner300_250 img{ border: 0px; } .banner300_250 ul li:hover a.img_hover_02{ background: top center no-repeat; } .banner300_250 ul li:hover a.img_hover_02{ background: bottom center no-repeat; } /*.banner300_250 div{ margin: 0px; } .banner300_250 div{ float: left; background-repeat:no-repeat; margin: 0px 1px 1px 0px; } .banner300_250 div a{ display: block; width: 80px; height: 60px; } .banner300_250 div a .img_hover{ display: none; } .banner300_250 div a:hover .img_hover{ display: block; border: 0px; } .banner300_250 div img{ border: 0px; } .banner300_250 div div{ margin: 0px; } /*-----------Banner 300x600px-----------*/ .banner300_600{ width: 271px; height: 546px; background:url(../img/80_60/300_600_bg.png) no-repeat; padding: 54px 0px 0px 29px; } .banner300_600 ul{ list-style-type: none; width: 80px; height: 60px; float:left; padding:0px; margin:0px; background-repeat: no-repeat; } .banner300_600 ul li, .banner300_600 ul li a{ display: block; width: 80px; height: 60px; margin:0px; padding:0px; } .banner300_600 ul li a {margin:0px;padding:0px;border:0px; width: 80px; height: 60px; cursor:pointer;} .banner300_600 ul li a.img_hover{ display: none; } .banner300_600 ul li:hover a.img_hover{ display: block; border: 0px; } .banner300_600 img{ border: 0px; } .banner300_600 ul li:hover a.img_hover_02{ background: top center no-repeat; } .banner300_600 ul li:hover a.img_hover_02{ background: bottom center no-repeat; } /*.banner300_600 div{ margin: 0px; } .banner300_600 div{ float: left; background-repeat:no-repeat; } .banner300_600 div a{ display: block; width: 80px; height: 60px; } .banner300_600 div a .img_hover{ display: none; } .banner300_600 div a:hover .img_hover{ display: block; border: 0px; } .banner300_600 div img{ border: 0px; } .banner300_600 div div.img_hover{ margin: 0px; } /*-----------Fakechat 300x500px-----------*/ a.pf_link{ background-image: url(../img/chat/pfeil.gif); background-repeat: no-repeat; background-position: right 3px; padding: 1px 12px 0px 0px; font-family: Tahoma; font-weight: normal; font-size: 11px; color: #000000; text-decoration: none; } a.pf_link:hover{ background-position: right -20px; color: #F700B9; } .chat_300_500{ background:url(../img/chat/chat_300_500_bg.png) top left no-repeat; width: 292px; height: 492px; padding: 4px; } .chat_300_500 h1{ font-family: Tahoma; font-weight: bold; font-size: 12px; color: #F700B9; border-bottom: 1px dotted #999999; margin: 6px 0px 4px 0px; } .chat_300_500 .chat_rahmen{ background:url(../img/chat/chat_300_500_rahmen.png) top left no-repeat; width: 286px; height: 302px; padding: 5px 0px 0px 5px; margin-top: 12px; } .chat_300_500 .chat_img{ background:top left no-repeat; width: 282px; height: 212px; } .chat_300_500 .chat_status{ background:url(../img/chat/chat_status.png) bottom left no-repeat; width: 283px; height: 212px; } .chat_300_500 .chat_textfeld{ background:url(../img/chat/chat_textfeld_bg.gif) top left repeat-x #FFFFFF; width: 270px; height: 66px; border: 0px; padding: 7px 6px 6px 6px; font-size: 12px; margin: 6px 0px 0px 0px; font-family: Tahoma; } .chat_300_500 input.chat_textfeld[type="text"]{ background:url(../img/chat/chat_textfeld_bg.gif) top left repeat-x #FFFFFF; width: 200px; height: 20px; border: 0px; padding: 4px 4px 0px 4px; font-size: 12px; margin: 0px; font-family: Tahoma; } .chat_300_500 .chat_textfeld a{ font-family: Tahoma; font-weight: bold; font-size: 12px; color: #F700B9; } .chat_300_500 .chat_textfeld a:hover{ text-decoration: none; color: #F700B9; } .chat_300_500 a.button_senden{ background: url(../img/chat/chat_button.png) no-repeat 0px 0px; font-family: Tahoma; font-weight: bold; font-size: 14px; color: #ffffff; display: block; float: right; text-decoration: none; padding: 2px 0px 0px 1px; text-align: center; margin: 0px; width:77px ; height: 22px; } .chat_300_500 a.button_senden:hover{ background: url(../img/chat/chat_button.png) no-repeat 0px -24px; color: #000000; } /*-----------Fakechat 160x300px-----------*/ a.pf_link{ background-image: url(../img/chat/pfeil.gif); background-repeat: no-repeat; background-position: right 3px; padding: 1px 12px 0px 0px; font-family: Tahoma; font-weight: normal; font-size: 11px; color: #000000; text-decoration: none; } a.pf_link:hover{ background-position: right -20px; color: #F700B9; } .chat_160_300{ background:url(../img/chat/chat_160_300_bg.png) top left no-repeat; width: 152px; height: 292px; padding: 4px; } .chat_160_300 h1{ font-family: Tahoma; font-weight: bold; font-size: 12px; color: #F700B9; border-bottom: 1px dotted #999999; margin: 4px 0px 4px 0px; } /*.chat_160_300 .chat_rahmen{ background:url(../img/chat/chat_300_500_rahmen.png) top left no-repeat; width: 286px; height: 302px; padding: 5px 0px 0px 5px; margin-top: 12px; }*/ .chat_160_300 .chat_img{ background:top left no-repeat; width: 152px; height: 113px; } .chat_160_300 .chat_status{ background:url(../img/chat/chat_status.png) bottom left no-repeat; width: 283px; height: 212px; } .chat_160_300 .chat_textfeld{ background:url(../img/chat/chat_textfeld_bg.gif) top left repeat-x #FFFFFF; width: 142px; height: 40px; border: 0px; padding: 6px 4px 4px 4px; font-size: 12px; margin-top: 4px; font-family: Tahoma; } .chat_160_300 input.chat_textfeld[type="text"]{ background:url(../img/chat/chat_textfeld_bg.gif) top left repeat-x #FFFFFF; width: 142px; height: 20px; border: 0px; padding: 4px 4px 0px 4px; font-size: 11px; margin: 4px 0px 4px 0px; font-family: Tahoma; } .chat_160_300 .chat_textfeld a{ font-family: Tahoma; font-weight: bold; font-size: 12px; color: #F700B9; } .chat_160_300 .chat_textfeld a:hover{ text-decoration: none; color: #F700B9; } .chat_160_300 a.button_senden{ background: url(../img/chat/chat_button.png) no-repeat 0px 0px; font-family: Tahoma; font-weight: bold; font-size: 14px; color: #ffffff; display: block; float: right; text-decoration: none; padding: 2px 0px 0px 1px; text-align: center; margin: 0px; width:77px ; height: 22px; } .chat_160_300 a.button_senden:hover{ background: url(../img/chat/chat_button.png) no-repeat 0px -24px; color: #000000; } /*-----------Profilbanner 250x300px-----------*/ a.pf_link{ background-image: url(../img/chat/pfeil.gif); background-repeat: no-repeat; background-position: right 3px; padding: 1px 12px 0px 0px; font-family: Tahoma; font-weight: normal; font-size: 11px; color: #000000; text-decoration: none; } a.pf_link:hover{ background-position: right -20px; color: #F700B9; } .profil_250_300{ background:url(../img/chat/profil_250_300_bg.png) top left no-repeat; width: 246px; height: 292px; padding: 4px 0px 4px 4px; } .profil_250_300 h1{ font-family: Tahoma; font-weight: bold; font-size: 12px; color: #F700B9; border-bottom: 1px dotted #999999; margin: 2px 4px 4px 0px; } .profil_250_300 .profil_img{ width: 240px; height: 181px; margin: 0px 0px 4px 0px; } .profil_250_300 .profil_img.small{ width: 55px; height: 41px; float: left; margin: 0px 6px 4px 0px; display: block; } .profil_img.small a .img_hover { display: block; width: 55px; height: 41px; margin: 0px; } .profil_img.small a { display: block; width: 55px; height: 41px; margin: 0px; } .profil_img.small a:hover .img_hover { display: none; margin: 0px; } a.img{ border: 1px solid #000000; display: block; } a.img:hover{ display: block; border: 1px solid #F700B9; }