html, body {
height: 100%;
margin: 0px;
padding: 0px;
}
body {
background-color: #660066;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
text-align: center;
}
td {
font-size:12px;
}
body.popup {
background: url(../grafik/bg.gif) repeat;
}
body.iframe {
background: #821982;
}
hr {
clear:both;
width:100%;
margin-top:10px;
margin-bottom:10px;
border: 0px; /* Für Firefox und Opera */
border-top: dotted 1px #FFFFFF;
border-bottom: 1px solid transparent;
}
img {
border: none;
}
a {
color: #ffffff;
}
a:hover {
color: #ffffff;
}
a.button {
display: block;
width: 112px;
height: 18px;
margin: 0px;
margin-top: 8px;
padding: 0px;
padding-top: 6px;
border: 0px;
background: url(../grafik/button.gif) no-repeat;
color: #000000;
font-weight: bold;
font-size: 10px;
text-align: center;
vertical-align: middle;
text-decoration: none;
}
a.small {
font-size: 10px;
}
a.noread {
font-weight: bold;
text-decoration: none;
}
a.nol {
text-decoration: none;
}
form {
margin: 0px;
padding: 0px;
}
fieldset {
margin: 0px;
margin-top: 3px;
margin-bottom: 3px;
padding: 0px;
border: 0px;
}
input.suberror {
background-color:#990000;
color:#F1F3F5;
font-weight:bold;
font-size:10px;
height:25px;
border: 1px solid #FFFFFF;
}
/*
input.subw, #content .box.profil .box-content input.subw {
display: inline;
width: 112px;
height: 24px;
margin: 0px;
margin-top: 4px;
padding: 0px;
padding-top: 0px;
border: 0px;
background: url(../grafik/button.gif) no-repeat;
color: #000000;
font-weight: bold;
font-size: 10px;
text-align: center;
vertical-align: middle;
text-decoration: none;
cursor:pointer;
}
input.subwl {
display: block;
width: 224px;
height: 24px;
margin-top: 4px;
margin-left: auto;
margin-right: auto;
margin-bottom: 8px;
border: 0px;
background: url(../grafik/buttonl.gif) no-repeat;
color: #000000;
font-weight: bold;
font-size: 10px;
text-align: center;
vertical-align: middle;
text-decoration: none;
cursor:pointer;
}
*/
.subw {
display: inline;
color:#000;
text-decoration:none;
font-size: 10px;
font-weight: bold;
margin: 0px;
margin-top: 4px;
padding: 3px 0;
width: 112px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border:1px solid #ffffff;
cursor:pointer;
background: #c7a513; /* Old browsers */
background: -moz-linear-gradient(top, #c7a513 0%, #ffe683 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7a513), color-stop(100%,#ffe683)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c7a513 0%,#ffe683 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c7a513 0%,#ffe683 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #c7a513 0%,#ffe683 100%); /* IE10+ */
background: linear-gradient(to bottom, #c7a513 0%,#ffe683 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7a513', endColorstr='#ffe683',GradientType=0 ); /* IE6-9 */
}
.subwl {
display: block;
color:#000;
text-decoration:none;
font-size: 10px;
font-weight: bold;
margin: 0px;
margin-top: 4px;
margin:auto;
padding: 3px 0;
width: 224px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border:1px solid #ffffff;
cursor:pointer;
background: #c7a513; /* Old browsers */
background: -moz-linear-gradient(top, #c7a513 0%, #ffe683 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7a513), color-stop(100%,#ffe683)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c7a513 0%,#ffe683 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c7a513 0%,#ffe683 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #c7a513 0%,#ffe683 100%); /* IE10+ */
background: linear-gradient(to bottom, #c7a513 0%,#ffe683 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7a513', endColorstr='#ffe683',GradientType=0 ); /* IE6-9 */
}
.subw_new {
color:#000;
text-decoration:none;
font-size: 12px;
font-weight: bold;
margin-bottom: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 20px;
padding-right: 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border:1px solid #ffffff;
cursor:pointer;
background: #c7a513; /* Old browsers */
background: -moz-linear-gradient(top, #c7a513 0%, #ffe683 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7a513), color-stop(100%,#ffe683)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c7a513 0%,#ffe683 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c7a513 0%,#ffe683 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #c7a513 0%,#ffe683 100%); /* IE10+ */
background: linear-gradient(to bottom, #c7a513 0%,#ffe683 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7a513', endColorstr='#ffe683',GradientType=0 ); /* IE6-9 */
}
.subwl_new {
color:#000;
text-decoration:none;
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 25px;
padding-right: 25px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border:1px solid #ffffff;
cursor:pointer;
background: #c7a513; /* Old browsers */
background: -moz-linear-gradient(top, #c7a513 0%, #ffe683 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7a513), color-stop(100%,#ffe683)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c7a513 0%,#ffe683 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c7a513 0%,#ffe683 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #c7a513 0%,#ffe683 100%); /* IE10+ */
background: linear-gradient(to bottom, #c7a513 0%,#ffe683 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7a513', endColorstr='#ffe683',GradientType=0 ); /* IE6-9 */
}
.subw_new:hover,
.subwl_new:hover,
.subw:hover,
.subwl:hover {
background:#c7a513;
color:#000;
}
input.chbox {
width: auto;
margin-top: -2px;
margin-left: 0px;
}
label.chbox {
height: 18px;
margin-top: 0px;
margin-left: 0px;
vertical-align: top;
}
label img {
margin-top: 0px;
vertical-align: top;
}
/***** full clearfix *****/
/* add to floating elements which should not float afterthem */
* html .clearfix {
height: 1%; /* IE5-6 */
}
* + html .clearfix {
display: inline-block; /* IE7not8 */
}
.clearfix:after { /* FF, IE8, O, S, etc. */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/***** HEADER *****/
#header {
height: 91px;
margin: 0px;
padding: 0px;
background-color: #660066;
background-image: url(../grafik/nav/bgb.gif);
background-repeat: repeat-x;
background-position: bottom;
}
#header-container {
width: 980px;
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}
/* offline header fix */
#header-container.offline {
width: 790px;
}
#falogo {
margin: 0px;
margin-top: 20px;
margin-bottom: -6px;
border: 0px;
float: left;
}
#falogo img {
display: block;
}
/** Header Navi **/
#header #header_nav {
display: block;
float: right;
margin: 0px;
margin-top: 22px;
}
#header #header_nav img.land {
margin-top: -6px;
vertical-align:middle;
}
#header #header_nav #nav_header_div {
margin: 0px;
margin-bottom: 0px;
}
#header #header_nav #nav_main_div {
margin: 0px;
margin-top: 39px;
}
#header #nav_head {
display: block;
float: right;
margin: 0px;
margin-bottom: 10px;
margin-right: 0px;
padding: 0px;
list-style-type: none;
list-style-position: inside;
}
#header #nav_head li {
float: left;
margin: 0px;
margin-left: 8px;
padding: 0px;
padding-left: 6px;
border-left: 1px solid #ffffff;
vertical-align: top;
}
#header #nav_head li:first-child, #header #nav_head li.first {
margin-left: 0px;
padding-left: 0px;
border-left: 0px;
}
#header #nav_head li strong {
vertical-align: top;
}
#header #nav_head li img {
margin-top: -2px;
}
#header #nav_head li a {
vertical-align: top;
text-decoration: none;
}
#header #nav_head li a:hover {
text-decoration: none;
}
#header #nav_head select.language {
height: 15px;
width:80px;
background-color:#660066;
color:#ffffff;
font-size: 10px;
border: 1px dotted #ffffff;
}
#header #nav_main {
clear: both;
display: block;
float: right;
margin: 0px;
margin-bottom: -6px;
padding: 0px;
list-style-type: none;
list-style-position: inside;
text-align:right;
}
#header #nav_main.offline {
margin-top: 0px;
}
#header #nav_main li {
display: block;
float: left;
height: 22px;
width: 103px;
margin: 0px;
margin-left: 1px;
padding: 0px;
border-top:1px solid #ffffff;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background: #320032; /* Old browsers */
background: -moz-linear-gradient(top, #320032 0%, #660066 52%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#320032), color-stop(52%,#660066)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #320032 0%,#660066 52%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #320032 0%,#660066 52%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #320032 0%,#660066 52%); /* IE10+ */
background: linear-gradient(to bottom, #320032 0%,#660066 52%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#320032', endColorstr='#660066',GradientType=0 ); /* IE6-9 */
text-align: center;
font-weight: bold;
}
#header #nav_main li.active,
#header #nav_main li:hover {
background: #821982;
border-bottom:1px solid #821982;
}
#header #nav_main li a {
display: block;
width: 103px;
height: 17px;
margin: 0px;
margin-bottom: 3px;
padding: 0px;
padding-top: 5px;
text-decoration: none;
}
#header #nav_main li.active a,
#header #nav_main li:hover a{
height: 19px;
}
#header #nav_main li.active::after,
#header #nav_main li:hover::after {
color:#821982;
content: "";
display: block;
bottom: 0px;
height: 16px;
margin: -1px;
margin-top: -4px;
width: 100%;
background: #821982;
border: 1px solid #821982;
}
/***** End HEADER *****/
#headerspacer {
height: 27px;
background-color: #821982;
background-image: url(../grafik/fa_sprite2_v1.png);
background-repeat: repeat-x;
background-position: 0px 0px;
}
/***** CONTENT *****/
#content {
padding-top: 15px;
padding-bottom: 25px;
background-repeat: repeat;
}
#content-container {
width: 980px;
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
text-align: left;
}
/* offline content fix */
#content-container.offline {
width: 790px;
}
#content-container.anmeldung {
width: 790px;
}
#content #content-col2main {
float: left;
width: 620px;
margin: 0px;
padding: 0px;
}
#content #content-col2main.anmeldung {
width: 790px;
}
#content #content-col2 {
float: right;
width: 155px;
margin: 0px;
margin-left: 0px;
padding: 0px;
}
#content #content-col3nav {
float: left;
width: 155px;
margin: 0px;
margin-right: 10px;
padding: 0px;
text-align: right;
}
#content #content-col3main {
float: left;
width: 650px;
margin: 0px;
padding: 0px;
position:relative;
min-height: 580px;
}
#content .box {
margin: 0px;
margin-bottom: 15px;
padding: 0px;
}
#content .box.popup {
margin: 5px;
text-align:left;
}
#content .box.popup {
margin: 5px;
text-align:left;
}
#content .box.iframe {
margin: 0px;
padding:0px;
text-align:left;
background:none;
}
#content .box .box-header {
height: 25px;
border:1px solid #ffffff;
/*border-bottom:1px dotted #ffffff;*/
-webkit-border-top-left-radius: 12px;
-webkit-border-top-right-radius: 12px;
-moz-border-radius-topleft: 12px;
-moz-border-radius-topright: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
background: #320032; /* Old browsers */
background: -moz-linear-gradient(top, #320032 0%, #660066 52%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#320032), color-stop(52%,#660066)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #320032 0%,#660066 52%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #320032 0%,#660066 52%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #320032 0%,#660066 52%); /* IE10+ */
background: linear-gradient(to bottom, #320032 0%,#660066 52%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#320032', endColorstr='#660066',GradientType=0 ); /* IE6-9 */
}
#content .box .box-header h1, #content .box .box-header h2, #content .box .box-header h3, #content .box .box-header h4 {
margin: 0px;
margin-left: 11px;
margin-right: 11px;
padding: 0px;
padding-top: 9px;
font-size: 12px;
line-height: 1;
}
#content .box .box-content {
clear: both;
padding: 12px;
padding-top: 15px;
padding-bottom: 4px;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
background: #821982;
}
#content .box.iframe .box-content {
border:none;
}
#content-col2 .box .box-content {
padding-top: 5px;
}
#content .box .box-content h1, #content .box .box-content h2, #content .box .box-content h3, #content .box .box-content h4, h1 {
margin: 0px;
margin-bottom: 10px;
padding: 0px;
font-size: 12px;
font-weight: bold;
}
#content .box .box-content h1.ok, #content .box .box-content h2.ok, #content .box .box-content h3.ok, #content .box .box-content h4.ok, h1.ok {
padding:0px;
background: url(../grafik/ok.gif) no-repeat;
background-position: 2px 3px;
padding-left:18px;
color:#00B95C;
}
#content .box .box-content h1.error, #content .box .box-content h2.error, #content .box .box-content h3.error, #content .box .box-content h4.error, h1.error {
padding:0px;
background: url(../grafik/error.gif) no-repeat;
background-position: 2px 3px;
padding-left:18px;
color:#FF0000;
}
#content .box .box-content h1.error a, #content .box .box-content h2.error a, #content .box .box-content h3.error a, #content .box .box-content h4.error a, h1.error a {
color:#FF0000;
text-decoration:underline;
}
#content .box .box-content-nav { /* with no padding */
clear: both;
margin: 0px;
padding: 0px;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
min-height:15px;
background: #821982;
}
#content .box .box-footer {
height: 14px;
margin: 0px;
padding: 0px;
background:#821982;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
border-bottom:1px solid #ffffff;
-webkit-border-bottom-left-radius: 12px;
-webkit-border-bottom-right-radius: 12px;
-moz-border-radius-bottomleft: 12px;
-moz-border-radius-bottomright: 12px;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
}
#content .box .box-content p {
margin: 0px;
}
#content .box .box-content-nav ul {
margin: 0px;
padding: 0px;
list-style: none;
list-style-position: inside;
}
#content .box .box-content-nav ul li {
display: inline;
margin: 0px;
padding: 0px;
}
#content .box .box-content-nav ul li a {
display: block;
min-height: 18px;
margin: 0px;
padding: 0px;
padding-top: 3px;
padding-left: 12px;
text-decoration: none;
border-bottom: 1px dotted #fff;
}
#content .box .box-content-nav ul li.more a {
padding-right: 12px;
text-align: right;
}
#content .box .box-content-nav ul li a.active,
#content .box .box-content-nav ul li a:hover {
background-color: #9b479b;
}
#content #content-col3nav .box .box-content-nav ul li a {
padding-left: 0px;
padding-right: 12px;
}
#content .box form.compact {
margin-left: 12px;
}
#content .box form input.sub, .box.popup input.sub {
height: 25px;
margin-left: auto;
margin-right: auto;
border: 1px solid #FFFFFF;
background-color: #9A1D9A;
color: #F1F3F5;
font-weight: bold;
font-size: 10px;
}
#content .box form.compact input {
float: left;
width: 85px;
margin-top: 12px;
margin-bottom: 0px;
}
#content .box form.compact input.sub {
float: none;
width: auto;
margin-top: 10px;
margin-left: 5px;
}
font.ok
{
font-family:arial, helvetica;
font-size:12px;
font-weight:bold;
color:#00B95C;
}
font.error
{
font-family:arial, helvetica;
font-size:12px;
font-weight:bold;
color:#FF0000;
}
font.monthprice
{
font-family:arial, helvetica;
font-size:20px;
color:#FFFFFF;
font-weight:bold;
}
#content .box .box-content a.error
{
font-family:arial, helvetica;
font-size:12px;
font-weight:bold;
color:#FF0000;
text-decoration:none;
}
/* icons videochat */
#legend_wrapper {
clear: both;
}
#legend_wrapper .icon {
float: left;
width:30px;
height:30px;
}
#legend_wrapper .text {
float: left;
margin-top:2px;
margin-left:10px;
width:530px;
height:30px;
}
#legend_wrapper .spacer {
clear: both;
height: 10px;
}
/* icons videochat */
/***** End CONTENT *****/
/***** HILFE *****/
#content .box .box-content .box-hilfe .hilfe {
margin-top: 5px;
margin-bottom: 20px;
margin-left: 20px;
clear:both;
}
#content .box .box-content .box-hilfe a.noread {
display:block;
margin-bottom: -2px;
}
/***** End HILFE *****/
#homesubscribe {
margin-top: 374px;
margin-left: 80px;
}
#homesubscribe p {
margin-top: auto;
margin-left: auto;
margin-bottom: 8px;
text-align: center;
}
/***** FOOTER *****/
#footer {
height:50px;
bottom: 0px;
margin: 0px;
padding-top: 15px;
border-top: 1px solid #ffffff;
background-color: #660066;
}
#footer.offline {
height:150px;
}
#footer a {
text-decoration: none;
}
/***** End FOOTER *****/
/***** SCROLLFIX FOOTER *****/
#clearfooter {
height:50px;
}
#clearfooter.offline {
height:150px;
}
#fullcontent {
min-height: 97%;
height: auto !important;
height: 97%;
margin: 0 auto -50px;
background-image: url(../grafik/bg.gif);
}
#fullcontent.offline {
margin: 0 auto -150px;
}
/***** End SCROLLFIX FOOTER *****/
/***** STARTSEITE *****/
#content .box .box-content.startseite {
}
#content .box .box-content.startseite.pic1 {
background:#821982 url(../grafik/cid/de/paar1.jpg) no-repeat;
background-position:20px 5px;
}
#content .box .box-content.startseite.pic2 {
background:#821982 url(../grafik/cid/de/paar2.jpg) no-repeat;
background-position:20px 5px;
}
#content .box .box-content.startseite.pic3 {
background:#821982 url(../grafik/cid/de/paar3.jpg) no-repeat;
background-position:20px 5px;
}
#content .box .box-content.startseite .cboxindex{
margin:auto;
width:580px;
height:320px;
}
#content .box .box-content.startseite .cboxindex .cboxleft{
float: left;
}
#content .box .box-content.startseite .cboxindex .cboxleft .imgup{
margin-top:0px;
margin-left:0px;
}
#content .box .box-content.startseite .cboxindex .cboxleft .imgdown{
margin-top:33px;
margin-left:31px;
}
#content .box .box-content.startseite .cboxindex .cboxright {
float:right;
width:200px;
height:300px;
}
#content .box .box-content.startseite .cboxindex .cboxright .imgup{
height:100px;
margin-top:25px;
margin-left:0px;
margin-bottom:0px;
}
#content .box .box-content.startseite .cboxindex .cboxright .imgdown{
height:100px;
margin-top:53px;
margin-left:20px;
width:210px;
}
#content .box .box-content.startseite .searchboxindex {
width:410px;
margin-left:100px;
padding-bottom:5px;
}
#content .box .box-content.startseite .searchboxindex .sboxcenter{
width: 100%;
float: left;
padding:0px;
margin-top:7px;
margin-bottom:7px;
}
#content .box .box-content.startseite .searchboxindex .sboxleft, #content .box .box-content .sboxleft{
width: 100px;
font-weight:bold;
float: left;
padding:0px;
margin-top:7px;
margin-bottom:5px;
}
#content .box .box-content.startseite .searchboxindex .sboxright, #content .box .box-content .sboxright {
margin-left: 100px;
padding:0px;
margin-top:7px;
margin-bottom:7px;
}
#content .box .box-content.startseite .searchboxindex .sboxhr{
border: 0px; /* Für Firefox und Opera */
border-top: 1px dotted #FFFFFF;
border-bottom: 0px;
font-size:0px;
clear:both;
height:1px;
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;
}
/***** End STARTSEITE *****/
/***** USERLISTEN *****/
#content .box .box-content .klbox {
position:relative;
width: 622px;
height: 120px;
margin-bottom:15px;
}
#content .box .box-content .klbox .foto {
width: 122px;
height: 120px;
float:left;
padding-top: 1px;
position:relative;
}
.profil_verified {
position: absolute;
top:-3;
right:-4px;
}
#content .box .box-content .klbox .klcontent {
width: 491px;
height: 118px;
float:left;
margin-left:7px;
border: 1px dotted #FFFFFF;
background: url(../grafik/bg_list_css.png) repeat-x;
cursor:pointer;
}
#content .box .box-content .klbox .klcontent .lefth {
width: 200px;
height: 25px;
margin-top:2px;
float:left;
cursor:pointer;
}
#content .box .box-content .klbox .klcontent .lefth h1
{
font-family:arial, helvetica;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
margin-top: 5px;
margin-left:10px;
margin-bottom: -2px;
}
#content .box .box-content .klbox .klcontent .righth {
width: 285px;
height: 25px;
margin-top:2px;
float:left;
}
#content .box .box-content .klbox .klcontent .righth h1
{
font-family:arial, helvetica;
font-size:12px;
color:#74cd46;
font-weight:bold;
margin-top: 7px;
margin-right:15px;
margin-bottom: 0px;
float:right;
}
#content .box .box-content .klbox .klcontent .righth .online
{
margin-top: 6px;
margin-right:3px;
margin-bottom: 0px;
float:right;
}
#content .box .box-content .klbox .klcontent .righth .land
{
margin-top: 5px;
margin-right:10px;
margin-bottom: 0px;
float:right;
}
#content .box .box-content .klbox .klcontent .left {
width: 200px;
height: 94px;
margin:0px;
padding:0px;
float:left;
cursor:pointer;
}
#content .box .box-content .klbox .klcontent .right {
width: 285px;
height: 94px;
margin:0px;
padding:0px;
float:left;
cursor:pointer;
}
#content .box .box-content .klbox .klcontent label {
float: left;
height:16px;
margin-top:10px;
margin-left:10px;
margin-bottom:0px;
clear:both;
width:185px;
cursor:pointer;
}
#content .box .box-content .klbox .klcontent .right label {
width:270px;
}
/* offline listen */
#content .box .box-content .klbox.offline {
width: 595px;
}
#content .box .box-content .klbox.offline .klcontent{
width: 464px;
}
#content .box .box-content .klbox.offline .klcontent .lefth {
width: 190px;
}
#content .box .box-content .klbox.offline .klcontent .righth {
width: 270px;
}
#content .box .box-content .klbox.offline .klcontent .left {
width: 190px;
}
#content .box .box-content .klbox.offline .klcontent .right {
width: 270px;
}
#content .box .box-content .klbox.offline .klcontent label {
width:175px;
}
#content .box .box-content .klbox.offline .klcontent .right label {
width:255px;
}
/***** End USERLISTEN *****/
/***** Profilliste *****/
#content .box .box-content ul.profillist, #profil_content .profil_right ul.profillist {
margin: 0px;
padding: 0px;
list-style:none;
list-style-position: inside;
}
#content .box .box-content ul.profillist li, #profil_content .profil_right ul.profillist li {
display: block;
margin: 0px;
padding: 0px;
background: url(../grafik/list.gif) no-repeat;
background-position: 2px 1px;
padding-left:14px;
}
#content .box .box-content .profillist-title {
width:23%;
float:left;
display:block;
font-weight:bold;
}
#content .box .box-content .profillist-text {
float:left;
width:27%;
display:block;
margin-bottom:5px;
}
#content .box .box-content .profillist-text.extend {
width:77%;
}
/***** End Profilliste *****/
/***** FAVORITEN *****/
#content .box .box-content .favbox {
width: 620px;
height: 123px;
margin-bottom:15px;
}
#content .box .box-content .favbox .foto {
width: 122px;
height: 122px;
float:left;
padding-top: 1px;
position:relative;
}
#content .box .box-content .favbox .klcontentfav {
width: 488px;
height: 119px;
float:left;
margin-left:7px;
background:#fcfbba;
border: #000000 1px dotted;
cursor:pointer;
}
#content .box .box-content .favbox .klcontentfav .favoritenhead {
width: 480px;
height: 25px;
margin-top:2px;
float:left;
}
#content .box .box-content .favbox .klcontentfav .favoriten {
width: 470px;
height: 88px;
margin-top:4px;
margin-left:10px;
float:left;
cursor:text;
}
#content .box .box-content .favbox .klcontentfav .favoriten textarea {
width:100%;
height:60px;
font-size:12px;
font-family: arial;
background:url(../grafik/bg_fav_trans.png);
color: #000000;
border: 0px solid;
}
#content .box .box-content .favbox .klcontentfav .favoriten .favsave
{
margin-top: 6px;
border:#000000 1px solid;
color:#ffffff;
background:#CC9900;
display:block;
text-decoration: none;
padding: 1px;
width: 115px;
}
#content .box .box-content .favbox .klcontentfav .favoritenhead .online
{
margin-top: 3px;
margin-right:0px;
margin-bottom: 0px;
float:right;
}
#content .box .box-content .favbox a.fav
{
margin-left: 10px;
font-family:arial, helvetica;
font-size:14px;
color:#000000;
font-weight:bold;
text-decoration:none;
}
#content .box .box-content .favbox.deleted .foto,
#content .box .box-content .favbox.deleted .fav_link_profil,
.fadeout
{
-moz-opacity: 0.50;
opacity:.50;
filter: alpha(opacity=50);
}
#content .box .box-content .favbox.deleted a.fav_link_profil{
cursor:default;
}
#content .box .box-content .favbox.deleted .userdeleted {
color:#000000;
}
#content .box .box-content .favbox.deleted .klcontentfav .favoriten textarea {
background:url(../grafik/bg_fav_trans.png);
-moz-opacity: 0.50;
opacity:.50;
filter: alpha(opacity=50);
}
#content .box .box-content .favbox.deleted .klcontentfav {
background-color: rgba(252, 251, 186, 0.5);
}
/***** End FAVORITEN *****/
/***** POST *****/
#content .box .box-content #posthead {
font-weight:bold;
width:100%;
}
#content .box .box-content #posthead .user {
width:25%;
float:left;
margin-bottom: 5px;
}
#content .box .box-content #posthead .betreff {
width:55%;
float:left;
margin-bottom: 5px;
}
#content .box .box-content #posthead .date {
width:20%;
float:left;
margin-bottom: 5px;
}
#content .box .box-content #posthead a.sort_up {
display: block;
float:left;
background:url(../jqueryimages/ui-icons_ffffff_256x240.png);
background-position: -162px -193px;
height: 15px;
width: 15px;
margin-left:15px;
}
#content .box .box-content #posthead a:hover.sort_up, #content .box .box-content #posthead a.sort_up_high {
display: block;
float:left;
background:url(../jqueryimages/ui-icons_hover_256x240.png);
background-position: -162px -193px;
height: 15px;
width: 15px;
margin-left:15px;
}
#content .box .box-content #posthead a.sort_down {
display: block;
float:left;
background:url(../jqueryimages/ui-icons_ffffff_256x240.png);
background-position: -128px -193px;
height: 15px;
width: 15px;
}
#content .box .box-content #posthead a:hover.sort_down, #content .box .box-content #posthead a.sort_down_high {
display: block;
float:left;
background:url(../jqueryimages/ui-icons_hover_256x240.png);
background-position: -128px -193px;
height: 15px;
width: 15px;
}
#content .box .box-content .eintrag, #content .box .box-content .eintrag_ds {
width:100%;
float:left;
margin-left:-3px;
margin-bottom:7px;
height:30px;
}
#content .box .box-content .eintrag a, #content .box .box-content .eintrag_ds a {
text-decoration: none;
}
#content .box .box-content .eintrag.neu a, #content .box .box-content .eintrag.neu, #content .box .box-content .eintrag_ds.neu a, #content .box .box-content .eintrag_ds.neu {
font-size:12px;
font-weight:bold;
}
#content .box .box-content .eintrag.ungelesen a, #content .box .box-content .eintrag.ungelesen, #content .box .box-content .eintrag_ds.ungelesen a, #content .box .box-content .eintrag_ds.ungelesen {
font-size:12px;
font-weight:bold;
}
#content .box .box-content .eintrag .user, #content .box .box-content .eintrag_ds .user {
width:25%;
float:left;
min-height:20px;
margin-bottom:6px;
}
#content .box .box-content .eintrag .betreff {
width:55%;
float:left;
min-height:20px;
margin-bottom:5px;
padding-top:3px;
}
#content .box .box-content .eintrag_ds .betreff {
width:55%;
float:left;
min-height:20px;
margin-bottom:5px;
padding-top:1px;
}
#content .box .box-content .eintrag .date, #content .box .box-content .eintrag_ds .date {
width:20%;
float:left;
min-height:20px;
margin-bottom:5px;
padding-top:3px;
}
#content .box .box-content .eintrag .gmt, #content .box .box-content .eintrag_ds .gmt {
width:0%;
display:none;
float:left;
}
#content .box .box-header .post_sent_date {
float:right;
margin-right:18px;
margin-top:8px;
}
#content .box .box-content .post_left {
float:left;
width: 22%;
}
#content .box .box-content .post_right {
float:left;
width: 78%;
min-height:120px;
}
#content .box .box-content .post_answer {
float:right;
width: 78%;
}
#content .box form input.sub.post_msg {
height: 25px;
width:120px;
margin-top:5px;
}
#content .box form input.sub.post_msg.del {
margin-top:15px;
}
/***** End POST *****/
/***** Misc *****/
#table {
display: table;
}
#table.p100 {
width:100%;
}
#table.p80 {
width:80%;
}
#table .row {
display: table-row;
}
#table .col {
display: table-cell;
padding-top:5px;
padding-bottom:5px;
vertical-align:top;
padding-right: 10px;
}
#table .col:first-child {
padding-top: 10px;
width:100px;
font-weight: bold;
}
#table.list {
display: table;
text-align:center;
margin:auto;
}
#table.list .col:first-child {
display: table-cell;
padding-top:5px;
padding-bottom:5px;
vertical-align:top;
padding-right: 10px;
}
#content .box .box-content .info a{
color:#000000;
text-decoration:underline;
}
#content .box .box-content input.disabled, #content .box .box-content textarea.disabled {
background-color:#DDDDDD;
}
#content .box .box-content input.list {
background-color:#9A1D9A;
color:#F1F3F5;
font-weight:bold;
font-size:10px;
height:25px;
border: 1px solid #FFFFFF;
width:135px;
margin-right:10px;
margin-left:10px;
}
#content .box .box-content input.list.aktiv {
background-color:#660066;
}
#content .box .box-content input.list.small {
margin:0px;
width:25px;
}
#content .box .box-content input.list.small.aktiv {
background-color:#660066;
}
#content .box .box-content input.list.tab {
margin-left: 0;
margin-right: 5px;
margin-bottom: 10px;
width: 80px;
}
#content .box .box-content input[type=text] {
width: 100%;
}
#content .box .box-content textarea {
width: 100%;
}
#content .box .box-content textarea.min {
min-height: 170px;
}
#content .box .box-content textarea.min90 {
height: 90px;
}
#content .box .box-content .none {
display:none;
}
#content .box .box-content .left {
width: 170px;
float: left;
padding-bottom:10px;
}
#content .box .box-content .right {
margin-left: 170px;
padding-bottom:10px;
}
#content .box .box-content .info {
background: #ffffcc;
border: 1px dotted #000000;
padding:10px;
color:#000000;
}
#content .box .box-content .error, #content .box .box-content .formfail {
color:#FF0000;
}
#content .box .box-content .h18 {
font-size:18px;
}
#content .box .box-content .paddingtop-5 {
padding-top: 5px;
}
#content .box .box-content .margintop-4 {
margin-top: 4px;
}
#content .box .box-content .margintop-9 {
margin-top: 9px;
}
#content .box .box-content .margintop-11 {
margin-top: 11px;
}
#content .box .box-content .margintop-30 {
margin-top: 30px;
}
#content .box .box-content .marginleft-5 {
margin-left: 5px;
}
#content .box .box-content .marginleft-9 {
margin-left: 9px;
}
#content .box .box-content .marginleft-10 {
margin-left: 10px;
}
#content .box .box-content .marginbottom-10 {
margin-bottom: 10px;
}
#content .box .box-content .marginbottom-minus5 {
margin-bottom: -5px;
}
#content .box .box-content .margintop-minus7 {
margin-top: -7px;
}
#content .box .box-content .text-right {
text-align:right;
}
#content .box .box-content .text-center {
text-align:center;
}
#content .box .box-content .float-right {
float:right;
}
.box-5 {
width: 5%;
padding-bottom:10px;
float:left;
}
.box-8 {
width: 8%;
padding-bottom:10px;
float:left;
}
.box-12 {
width: 12%;
padding-bottom:10px;
float:left;
}
.box-15 {
width: 15%;
padding-bottom:10px;
float:left;
}
.box-17 {
width: 17%;
padding-bottom:10px;
float:left;
}
.box-18 {
width: 18%;
padding-bottom:10px;
float:left;
}
.box-20 {
width: 20%;
padding-bottom:10px;
float:left;
}
.box-23 {
width: 23%;
padding-bottom:10px;
float:left;
}
.box-25 {
width: 25%;
padding-bottom:10px;
float:left;
}
.box-27 {
width: 27%;
padding-bottom:10px;
float:left;
}
.box-30 {
width: 30%;
padding-bottom:10px;
float:left;
}
.box-33 {
width: 33%;
padding-bottom:10px;
float:left;
}
.box-37 {
width: 37%;
padding-bottom:10px;
float:left;
}
.box-40 {
width: 40%;
padding-bottom:10px;
float:left;
}
.box-44 {
width: 44%;
padding-bottom:10px;
float:left;
}
.box-48 {
width: 48%;
margin-bottom:10px;
float:left;
}
.box-50 {
width: 50%;
margin-bottom:10px;
float:left;
}
.box-54 {
width: 54%;
margin-bottom:10px;
float:left;
}
.box-60 {
width: 60%;
margin-bottom:10px;
float:left;
}
.box-63 {
width: 63%;
margin-bottom:10px;
float:left;
}
.box-70 {
width: 70%;
margin-bottom:10px;
float:left;
}
.box-78 {
width: 78%;
margin-bottom:10px;
float:left;
}
.box-80 {
width: 80%;
margin-bottom:10px;
float:left;
}
.box-85 {
width: 85%;
margin-bottom:10px;
float:left;
}
.box-95 {
width: 95%;
margin-bottom:10px;
float:left;
}
.bold {
font-weight:bold;
}
#content .box .box-content .float-left {
float:left;
}
img.flag {
margin-right:10px;
}
img.prozent {
border-color:#FFFFFF;
border: 1px solid #FFFFFF;
vertical-align:middle;
}
.clear {
clear:both;
}
.makeDivOpen .makeDivLegend {
background-position: 0px 12px;
background-image: url(../grafik/auf.gif);
}
.makeDivClosed .makeDivLegend {
background-position: 0px 8px;
background-image: url(../grafik/mehr.gif);
}
.makeDivClosed {
height: 32px;
}
.makeDivContent {
padding: 12px 25px;
}
.makeDivOpen DIV.makeDivContent {
display: block;
}
html * .makeDivLegend {
cursor: pointer;
}
.makeDivOpen .makeDivLegend, .makeDivClosed .makeDivLegend {
background-repeat: no-repeat;
padding: 4px 0px 0px 13px;
font-weight:bold;
cursor: pointer;
}
.makeDivClosed DIV.makeDivContent {
display: none;
}
.count_dot {
background:url(../grafik/fa_sprite_count.png) no-repeat;
background-position: -10px -10px;
width:7px;
height:15px;
}
.count_0 {
background:url(../grafik/fa_sprite_count.png) no-repeat;
background-position: -10px -45px;
width:12px;
height:15px;
}
.count_1 {
background:url(../grafik/fa_sprite_count.png) no-repeat;
background-position: -10px -80px;
width:10px;
height:15px;
}
.count_2 {
background:url(../grafik/fa_sprite_count.png) no-repeat;
background-position: -10px -115px;
width:12px;
height:15px;
}
.count_3 {
background:url(../grafik/fa_sprite_count.png) no-repeat;
background-position: -10px -150px;
width:12px;
height:15px;
}
.count_4 {
background:url(../grafik/fa_sprite_count.png) no-repeat;
background-position: -10px -185px;
width:12px;
height:15px;
}
.count_5 {
background:url(../grafik/fa_sprite_count.png) no-repeat;
background-position: -10px -220px;
width:13px;
height:15px;
}
.count_6 {
background:url(../grafik/fa_sprite_count.png) no-repeat;
background-position: -10px -255px;
width:12px;
height:15px;
}
.count_7 {
background:url(../grafik/fa_sprite_count.png) no-repeat;
background-position: -10px -290px;
width:11px;
height:15px;
}
.count_8 {
background:url(../grafik/fa_sprite_count.png) no-repeat;
background-position: -10px -325px;
width:10px;
height:15px;
}
.count_9 {
background:url(../grafik/fa_sprite_count.png) no-repeat;
background-position: -10px -360px;
width:12px;
height:15px;
}
.alert_overlay{
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: #000000;
z-index:1001;
-moz-opacity: 0.75;
opacity:.75;
filter: alpha(opacity=75);
}
.alert_text {
position: fixed;
top: 25%;
left: 25%;
width: 50%;
height: 50%;
padding: 16px;
z-index:1002;
overflow:hidden;
}
/***** End Misc *****/
/***** LOGIN FORM *****/
#content .box .box-content .loginleft {
width: 90px;
float: left;
padding-top:5px;
padding-bottom:5px;
}
#content .box .box-content .loginright {
margin-left: 90px;
padding-bottom:5px;
}
#content-col2 .box .box-content input.login, #content .box .box-content input.login {
width: 130px;
margin-top: 3px;
margin-bottom: 3px;
}
/***** End LOGIN FORM *****/
/***** leistungs matrix *****/
.paddingmargin {
padding:0px;
margin:0px;
border-top: dotted 1px #946894;
}
.matrix-prem {
width:99%;
height:13px;
margin:0px;
padding:3px;
}
.matrix-all {
width:99%;
height:13px;
margin:0px;
padding:3px;
}
.matrix {
padding:0px;
margin:0px;
}
.matrix-ok {
margin-top:3px;
}
/***** leistungs matrix *****/
/***** Preise vertikal *****/
.preisblock {
width: 155px;
height:89px;
background: url(../grafik/preise/bg_pg2.png) no-repeat;
float:left;
position:relative;
margin-left:34px;
}
.preisblock a.month {
font-size:24px;
text-decoration: none;
font-weight: bold;
}
.preisblock.space {
margin-right:15px;
}
.preisblock a.tipp {
color: #a6dd56;
}
.preisblock .tipppng {
position: absolute;
top:-10px;
left:120px;
width:47px;
height:47px;
z-index:3;
}
.preisblock .tippcontent {
position: absolute;
width: 155px;
height: 89px;
top: 0px;
left: 0px;
z-index:1;
}
.preisblock .preis_month {
margin-left:35px;
margin-top:10px;
width:100px;
height:20px;
}
.preisblock .preis_radio {
width:20px;
height:50px;
margin-left:10px;
float:left;
}
.preisblock .preis_price {
height:30px;
margin-left:5px;
float:left;
}
.preisblock .preis_cur {
height:30px;
margin-left:3px;
float:left;
}
.preisblock .preis_sum {
height:20px;
margin-left:6px;
float:left;
}
/***** End Preise vertikal *****/
/***** CS MODE *****/
#content .box .box-content .cscheck {
width: 15px;
height: 30px;
margin-top:58px;
float:left;
margin-right:2px;
}
#content .box .box-content .cscbox {
border:none;
width:15px;
height:15px;
padding:inherit;
margin:auto;
}
#content .box .box-content .csbox {
width: 605px;
height:131px;
margin-top:8px;
margin-bottom:8px;
border: 1px dotted #FFFFFF;
background: url(../grafik/bg_list_css.png) repeat-x;
float:left;
position:relative;
}
#content .box .box-content .csbox .csnew,
.klnew {
position: absolute;
top:-15px;
left:-15px;
width:31px;
height:31px;
background: url(../grafik/cs/new.png) no-repeat;
text-align:center;
z-index:3;
}
#content .box .box-content .csbox .csnew .csnewt,
.klnewt {
margin-top:8px;
font-size:10px;
font-weight:bold;
text-align:center;
}
#content .box .box-content .csbox .cschiffre {
font-size:12px;
font-weight:bold;
float:left;
height:16px;
width:300px;
margin-top:15px;
margin-bottom:5px;
margin-left:10px;
}
#content .box .box-content .csbox .csget {
font-size:12px;
float:left;
height:16px;
margin-top:15px;
margin-bottom:5px;
margin-left:0px;
text-align:right;
}
#content .box .box-content .csbox .csphoto {
height:120px;
width:120px;
float:left;
margin-left:10px;
margin-top:5px;
}
#content .box .box-content .csbox .csprofil {
height:60px;
width:290px;
float:left;
margin-top:10px;
margin-left:10px;
}
#content .box .box-content strong .csbox.csprofil {
margin-top:10px;
}
#content .box .box-content .csbox .cslink {
height:24px;
float:left;
margin-top:10px;
margin-left:10px;
}
#content .box .box-content .csbox .csmsg {
height:24px;
width:156px;
float:right;
margin-top:24px;
margin-right:10px;
text-align:center;
}
#content .box .box-content .csbox .csmsgbutton {
background: url(../grafik/cs/write.png);
color:#000000;
font-weight:bold;
font-size:10px;
height:24px;
width:156px;
border:0px;
}
.loading_cs {
position:absolute;
top:0px;
left:0px;
width: 605px;
height:131px;
background:#663366;
}
.loading_gif {
margin-top: 60px;
}
/***** End CS MODE *****/
/***** Payment steps *****/
#content .box .box-content ul.payv2status {
margin: 0px;
padding: 0px;
list-style-type:none;
text-align:center;
}
#content .box .box-content .payv2status li {
float: left;
width:125px;
text-align: center;
margin-left:50px;
margin-bottom:20px;
padding: 6px;
border: 1px solid #FFFFFF;
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */
}
#content .box .box-content .payv2status li.active {
font-weight: bold;
background:#660066;
}
#content .box .box-content h2.payv2item {
font-size:18px;
font-weight:bold;
padding:0px;
margin-top: 0pt;
margin-bottom: 0pt;
}
#content .box .box-content h3.payv2item {
font-size:12px;
font-weight:normal;
padding:0px;
margin-top: 0pt;
margin-bottom: 0pt;
}
#content .box .box-content h3.payv2item.sofort {
color: #a6dd56;
font-weight:bold;
}
#content .box .box-content ul.payv2payments {
margin-top:10px;
margin-bottom:10px;
margin-left:0px;
padding: 0px;
list-style-type:none;
width:100%;
height:27px;
border-bottom: 1px solid #FFFFFF;
}
#content .box .box-content .payv2payments li {
font-weight: normal;
float: left;
text-align: center;
margin-right:1px;
margin-bottom:0px;
padding: 6px;
height:15px;
background:#9e48a0;
}
#content .box .box-content .payv2payments li.active {
font-weight: bold;
background:#660066 url(../grafik/preise/payv2_nav.png) repeat-x;
border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
padding: 6px;
}
#content .box .box-content .payv2payments li a {
text-decoration: none;
}
#content .box .box-content .divpaynav {
display:none;
}
/***** Payment steps *****/
.paybox {
width:98%;
background: url(../grafik/bg_glossy_box.png) repeat;
border: 1px dotted #FFFFFF;
padding-top:10px;
padding-right:10px;
margin-bottom:10px;
}
.payclick {
width:100%;
cursor:pointer;
}
.payslide {
width:93%;
margin-bottom:20px;
margin-left:21px;
display:none;
float:left;
padding:10px;
}
.payslide.first {
display:block;
}
div.payclicksofort {
/*background: url(../grafik/preise/payv2_nav.png) repeat-x;*/
background: green;
color:#ffffff;
font-size:10px;
font-weight:normal;
text-align:center;
border: 1px solid #FFFFFF;
-moz-border-radius:7px; /* Firefox */
-webkit-border-radius:7px; /* Safari, Chrome */
-khtml-border-radius:7px; /* Konqueror */
border-radius:7px; /* CSS3 */
}
/***** validation forms *****/
.inputContainer {
position: relative;
float: left;
}
.formError {
position: absolute;
top: 300px;
left: 300px;
display: block;
z-index: 5000;
cursor: pointer;
}
.ajaxSubmit {
padding: 20px;
background: #55ea55;
border: 1px solid #999;
display: none
}
.formError .formErrorContent {
width: 100%;
background: #ee0101;
position:relative;
z-index:5001;
color: #fff;
width: 150px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
border: 2px solid #ddd;
box-shadow: 0 0 6px #000;
-moz-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;
padding: 4px 10px 4px 10px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.greenPopup .formErrorContent {
background: #33be40;
}
.blackPopup .formErrorContent {
background: #393939;
color: #FFF;
}
.formError .formErrorArrow {
width: 15px;
margin: -2px 0 0 13px;
position:relative;
z-index: 5006;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
margin: -2px 13px 0 0;
}
.formError .formErrorArrowBottom {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
margin: 0px 0 0 12px;
top:2px;
}
.formError .formErrorArrow div {
border-left: 2px solid #ddd;
border-right: 2px solid #ddd;
box-shadow: 0 2px 3px #444;
-moz-box-shadow: 0 2px 3px #444;
-webkit-box-shadow: 0 2px 3px #444;
font-size: 0px;
height: 1px;
background: #ee0101;
margin: 0 auto;
line-height: 0;
font-size: 0;
display: block;
}
.formError .formErrorArrowBottom div {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.greenPopup .formErrorArrow div {
background: #33be40;
}
.blackPopup .formErrorArrow div {
background: #393939;
color: #FFF;
}
.formError .formErrorArrow .line10 {
width: 15px;
border: none;
}
.formError .formErrorArrow .line9 {
width: 13px;
border: none;
}
.formError .formErrorArrow .line8 {
width: 11px;
}
.formError .formErrorArrow .line7 {
width: 9px;
}
.formError .formErrorArrow .line6 {
width: 7px;
}
.formError .formErrorArrow .line5 {
width: 5px;
}
.formError .formErrorArrow .line4 {
width: 3px;
}
.formError .formErrorArrow .line3 {
width: 1px;
border-left: 2px solid #ddd;
border-right: 2px solid #ddd;
border-bottom: 0 solid #ddd;
}
.formError .formErrorArrow .line2 {
width: 3px;
border: none;
background: #ddd;
}
.formError .formErrorArrow .line1 {
width: 1px;
border: none;
background: #ddd;
}
/***** validation forms *****/
/***** incentives *****/
#incentive {
position:relative;
width:648px;
height:338px;
border: 1px solid #FFFFFF;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;
}
#incentive_date {
position:absolute;
left:548px;
margin-top:12px;
height: 78px;
width: 100px;
text-align:center;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
M11=0.7071067811865476, M12=-0.7071067811865475,
M21=0.7071067811865475, M22=0.7071067811865476);
}
/*style for opera only*/
@media all and (-webkit-min-device-pixel-ratio:10000),not all and (-webkit-min-device-pixel-ratio:0) {
#incentive_date {
left:540px;
margin-top:22px;
}
}
/*style for opera only*/
#incentive_title {
position:absolute;
font-size:23px;
width:455px;
height:30px;
margin-left:140px;
margin-top:28px;
}
#incentive_price {
position:absolute;
background:url(../grafik/incentive/bg_special.png);
width:283px;
height:145px;
margin-left:140px;
margin-top:80px;
text-align:center;
}
#incentive_price_text {
position:absolute;
width:275px;
height:136px;
border: 1px solid #FFFFFF;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;
background-color:#821982;
color:#FFFFFF;
}
#incentive_price h1 {
font-size:18px;
font-weight:normal;
margin-top:20px;
margin-bottom:0px;
}
#incentive_price h1.gratis {
font-size:14px;
}
#incentive_price h2 {
font-size:26px;
font-weight:bold;
margin-top:10px;
margin-bottom:10px;
}
#incentive_price h2.gratis {
font-size:24px;
}
#incentive_rabatt {
position:absolute;
background:url(../grafik/incentive/bg_rabatt.png);
width:186px;
height:162px;
margin-left:443px;
margin-top:63px;
}
#incentive_rabatt.gratis {
background:url(../grafik/incentive/bg_rabatt_gratis.png);
}
#rabatticon {
position:absolute;
left:129px;
top:19px;
width:56px;
height:20px;
text-align:center;
font-size:16px;
font-weight:bold;
text-shadow: 0px 1px 3px #000000;
filter: dropshadow(color=#000000, offx=1, offy=1);
}
#rabatttext {
width:165px;
margin-left:6px;
margin-top:56px;
font-size:15px;
color:#b3a072;
}
#rabatttext.gratis {
color:#FFFFFF;
}
#rabatttext .left {
float:left;
text-align:right;
width:80px;
padding:1px;
margin-top:2px;
margin-bottom:2px;
}
#rabatttext .right {
float:right;
text-align:right;
width:76px;
color:#000000;
font-weight:bold;
margin-top:2px;
margin-bottom:2px;
padding:1px;
}
#rabatttext .right.green{
color:#009900;
}
#rabatttext hr{
clear:both;
width:100%;
margin:0px;
border: 0px; /* Für Firefox und Opera */
border-top: solid 2px #b3a072;
border-bottom: 1px solid transparent;
}
#incentive_legal {
position:absolute;
font-size:10px;
width:481px;
height:60px;
margin-left:140px;
margin-top:229px;
}
/*ostern*/
#incentive_title.ostern {
color:#ffffff;
}
#incentive_price_text.ostern {
}
#incentive.ostern {
background:url(../grafik/incentive/bg_ostern.jpg);
}
#incentive_legal.ostern {
color:#000000;
}
/*sommer*/
#incentive_title.sommer {
color:#e00952;
}
#incentive_price_text.sommer {
background-color:#e00952;
color:#ffffff;
}
#incentive.sommer {
background:url(../grafik/incentive/bg_sommer.jpg);
}
#incentive_legal.sommer {
color:#000000;
}
/*halloween*/
#incentive_title.halloween {
}
#incentive_price_text.halloween {
background-color:#720b19;
color:#ffffff;
}
#incentive.halloween {
background:url(../grafik/incentive/bg_halloween.jpg);
}
#incentive_legal.halloween {
}
/*xmas*/
#incentive_title.xmas {
}
#incentive_price_text.xmas {
background-color:#bb063a;
color:#ffffff;
}
#incentive.xmas {
background:url(../grafik/incentive/bg_xmas.jpg);
}
#incentive_legal.xmas {
}
/*treue*/
#incentive_title.treue {}
#incentive_price_text.treue {}
#incentive.treue {
background:url(../grafik/incentive/bg_treue.jpg);
}
#incentive_legal.treue {}
/*neu*/
#incentive_title.neu {}
#incentive_price_text.neu {}
#incentive.neu {
background:url(../grafik/incentive/bg_neu.jpg);
}
#incentive_legal.neu {}
/*football*/
#incentive_title.football {
color:#299432;
}
#incentive_price_text.football {
background-color:#299432;
color:#ffffff;
}
#incentive.football {
background:url(../grafik/incentive/bg_football.jpg);
}
#incentive_legal.football {
color:#000000;
}
/*gutschein*/
#incentive_price.gutschein_step1 {
position:absolute;
background: none;
width:480px;
height:200px;
margin-left:140px;
margin-top:80px;
text-align:left;
border: 1px solid #FFFFFF;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;
-khtml-border-radius: 13px;
border-radius: 13px;
background-color:#821982;
color:#FFFFFF;
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
.filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
#incentive_price_text.gutschein_step1 {
position:absolute;
left:15px;
width:450px;
height:160px;
background: none;
border: none;
}
#incentive_title.gutschein {
font-size:20px;
}
#incentive_price_text.gutschein h2 {
font-size:18px;
}
#incentive.gutschein {
background:url(../grafik/incentive/bg_gutschein.jpg);
}
#incentive.gutschein_step1 {
background:url(../grafik/incentive/bg_gutschein_step1.jpg);
}
#incentive.gutschein_load {
background: none;
background-color:#821982;
}
#incentive_legal.gutschein {}
.linethrough {
text-decoration:line-through;
}
input.gutscheincode {
margin-top: 10px;
height:34px;
width:170px;
font-size:20px;
font-weight: bold;
}
#incentive.fc_incentive1 {
background:url(../grafik/incentive/bg_fc_incentive1.jpg);
}
#incentive_price_text.fc_incentive1 {
background-color:#4e034c;
}
#incentive_title.fc_incentive1 {
text-align: center;
}
#incentive.fa_crm1 {
background:url(../grafik/incentive/bg_fa_crm1.jpg);
}
#incentive_title.fa_crm1 {
text-align: center;
}
#incentive.fa_crm2 {
background:url(../grafik/incentive/bg_fa_crm2.jpg);
}
#incentive_title.fa_crm2 {
color:#821982;
}
#incentive_legal.fa_crm2 {
color:#000000;
}
#incentive.fa_paidcrm1 {
background:url(../grafik/incentive/bg_fa_paidcrm1.jpg);
}
#incentive_title.fa_paidcrm1 {
color:#000000;
}
#incentive_legal.fa_paidcrm1 {
color:#000000;
}
/***** incentives *****/
/***** postnotify *****/
#postnotify {
position:fixed;
display:none;
top:10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color:#000000;
font-weight:bold;
text-align:left;
font-size:12px;
background: #FFFFCC;
border: 1px dotted #000000;
padding:10px;
width:235px;
height:50px;
z-index:110;
}
#postnotify a {
color:#000000;
font-weight:normal;
}
/***** postnotify *****/
#jQFZ {
position: absolute;
display:none;
background: #821982;
border:1px solid #FFFFFF;
color: #ffffff;
padding:5px;
max-width:250px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;
text-align:left;
z-index:5;
}
/***** inserat4 *****/
#upload {
float:left;
margin-right:5px;
margin-top:3px;
width:35px;
}
#progressbar_full {
float:left;
overflow:auto;
height:20px;
width: 230px;
background:#660066;
text-align:center;
color:#FFFFFF;
border: 1px #ffffff solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
.filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
#progressbar {
height:20px;
width:0px;
background:green url(../fc/grafik/bg_glossy.png) repeat-x;
background-position: 0px -10px;
}
/***** inserat4 *****/
/***** toggle *****/
.jQtoggle {
display: block;
width: 69px;
height: 20px;
cursor:pointer;
background: none;
margin-bottom:5px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
}
.jQtoggle.On {
background-image: url(../grafik/itoggle.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
.jQtoggle.Off {
background-image: url(../grafik/itoggle.png);
background-repeat: no-repeat;
background-position: -40px 0px;
}
.dummytoggle {
display: block;
width: 69px;
height: 20px;
cursor:pointer;
background: none;
margin-bottom:5px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
}
.dummytoggle.On {
background-image: url(../grafik/itoggle.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
.dummytoggle.Off {
background-image: url(../grafik/itoggle.png);
background-repeat: no-repeat;
background-position: -40px 0px;
}
/***** toggle *****/
/***** fullwidth *****/
#content #content-col3main.fullwidth {
width: 100%;
}
#content-col3main.fullwidth .box .box-footer div.br{
background: url(../grafik/t4.gif) no-repeat bottom right;
}
/***** fullwidth *****/
/***** blur texr *****/
.memberverifytext {
position:relative;
}
.membertextonly {
position: absolute;
width:100%;
text-align:center;
}
.blurtext {
color: transparent;
color: rgba(0, 0, 0, 0);
text-shadow:0 0 4px #ffffff;
-moz-text-shadow:0 0 4px #ffffff;
-webkit-text-shadow:0 0 4px #ffffff;
}
/***** blur texr *****/
/***** glyphicons *****/
[class^="icon-"], [class*=" icon-"] {
background-image: url("../grafik/glyphicons_halflings_white.png");
background-position: 14px 14px;
background-repeat: no-repeat;
display: inline-block;
height: 14px;
line-height: 14px;
vertical-align: text-top;
width: 14px;
}
[class^="icon-"]:last-child, [class*=" icon-"]:last-child {
}
.icon-ok {background-position: -288px 0;}
.icon-pencil {background-position: 0 -72px;}
.icon-arrow-left {background-position: -240px -96px;}
.icon-arrow-left {background-position: -240px -96px;}
.icon-arrow-up {background-position: -289px -96px;}
.icon-arrow-down {background-position: -312px -96px;}
.icon-cog {background-position: -432px 0;}
.icon-hand-right {background-position: -144px -144px;}
.icon-minus-sign {background-position: -24px -96px;}
.icon-trash {background-position: -456px 0;}
.icon-remove {background-position: -312px 0;}
.icon-heart{background-position:-96px 0;}
.icon-vip {
height: 19px;
width:19px;
background:url(../grafik/icon_vip.png);
margin-right: 5px;
margin-top: -2px;
}
.icon-gift {
height: 19px;
width:19px;
background:url(../grafik/icon_gift.png);
margin-right: 5px;
margin-top: -2px;
}
.icon-spot {
height: 19px;
width:19px;
background:url(../grafik/icon_spot.png);
margin-right: 5px;
margin-top: -2px;
}
.icon-gift30x30 {
height: 30px;
width:30px;
background:url(../grafik/icon_gift30x30.png);
margin-right: 5px;
margin-top: -2px;
}
.icon-smiley {
height: 14px;
width:14px;
background:url(../grafik/icon_smiley.png);
}
.icon-post {
background-position: -72px 0;
}
.icon-star {
height: 19px;
width:19px;
background:url(../grafik/icon_star.png);
margin-right: 5px;
margin-top: -2px;
}
/***** glyphicons *****/
/***** edit profile segmente *****/
.segmentbox {
margin-bottom:20px;
}
.segmentbox.edit {
background: url("../grafik/bg_glossy_box.png") repeat scroll 0 0 transparent;
border: 1px dotted #FFFFFF;
padding: 20px;
}
span.segment {
color: #BEBEBE;
}
#content .box .box-content textarea.segment_long {
width:420px;
height:120px;
margin: 5px;
}
#content .box .box-content input.segment_text {
width:430px;
}
#content .box .box-content input.segment_text_short {
width:180px;
}
select.segment_select {
width:180px;
}
select.segment_select_long {
width:220px;
}
span.textlimit {
color: #000000;
float: right;
margin-right: 5px;
text-align: right;
font-size:10px;
}
span.textlimit.red {
color:#FF0000;
}
/***** edit profile segmente *****/
/*** geo ***/
.geolistdiv {
width:530px;
height:350px;
overflow-y:scroll;
overflow-x: hidden;
}
.geolistdiv a {
display: block;
width:513px;
height:20px;
font-size:14px;
color:#000000;
margin-bottom: 1px;
text-decoration:none;
}
.geolistdiv a:hover {
background:#5E005E;
text-decoration:none;
}
.geolistdiv.loading {
background-image: url(../grafik/loading.gif);
background-repeat:no-repeat;
background-position: center center;
}
#search_slider_box {
width: 100%;
margin-top: 10px;
margin-bottom: 30px;
}
#search_slider_city {
float:left;
}
#search_slider_country {
float:right;
}
.disabled_text {
color:#CCCCCC;
}
/*** geo ***/
ul.breadcumb {
margin: 0px;
padding: 0px;
list-style: none;
list-style-position: inside;
}
ul.breadcumb li {
display: inline;
margin-right: 50px;
padding: 0px;
color: #808080;
font-size:10px;
}
ul.breadcumb li.active {
color:#FFFFFF;
font-size:12px;
}
ul.breadcumb li.last {
margin-right: 0px;
}
/* vip */
.vip {
color:#FFD700;
}
a.vip, h1.error a.vip {
color:#FFD700;
}
hr.vip {
border-top: solid 2px #FFD700;
}
/* language selector */
#langselect {
background: #660066;
border: 1px dotted #FFFFFF;
color: #FFFFFF;
font-size: 11px;
padding:2px;
margin-top:-2px;
text-align:left;
cursor:pointer;
width: 80px;
height: 13px;
overflow:hidden;
}
#langselect_down, #langselect_up {
font-size:10px;
height: 10px;
float:right;
}
#langselect_content {
position:absolute;
background: #660066;
font-size: 11px;
text-align:left;
border: 1px dotted #FFFFFF;
border-top: 1px solid #660066;
padding:0px;
padding-left:4px;
width: 80px;
}
#langselect_content a {
display: block;
margin-top:2px;
margin-bottom:-10px;
padding:0px;
background:#660066;
}
#langselect_content a:hover {
background:#952F95;
}
#escsreen {
background-image:url(../grafik/bg_table.png);
background-repeat:no-repeat;
background-color:#FFFFFF;
position:absolute;
cursor:pointer;
width:100%;
height:100%;
top:0px;
left:0px;
z-index:1000;
}
/* Post threads: posteingang */
.thread {
height: 72px;
margin-bottom: 10px;
clear: both;
}
.threadbox {
float:left;
height:60px;
width: 587px;
padding: 5px;
margin-bottom: 10px;
border: 1px dotted #FFFFFF;
cursor:pointer;
}
.unread {
background: #620E62;
}
.threadbox:hover {
box-shadow: 0 1px 4px 0 #cccccc;
-moz-box-shadow: 0 1px 4px 0 #cccccc;
-webkit-box-shadow: 0 1px 4px 0 #cccccc;
}
.threadboxvip {
border: 1px dotted #FFD700;
}
.thread .checkbox {
float:left;
height:20px;
width:24px;
margin-top: 25px;
}
.thread .pic {
width:70px;
float:left;
}
.thread .username {
height:30px;
float:left;
font-size: 14px;
width: 235px;
}
.thread .date {
height:30px;
float:right;
text-align:right;
font-size: 10px;
width: 280px;
}
.thread .subject {
float:left;
height: 30px;
margin-bottom: 5px;
-moz-opacity: 0.60;
opacity:0.6;
filter:alpha(opacity=60);
}
.subjectlink {
font-style:italic;
}
.bold {
font-weight:bold;
}
.fadingbg {
background: #680068;
background-image:-moz-linear-gradient(top, #821983, #680068);
background-image:-ms-linear-gradient(top, #821983, #680068);
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#821983), to(#680068));
background-image:-webkit-linear-gradient(top, #821983, #680068);
background-image:-o-linear-gradient(top, #821983, #680068);
background-image:linear-gradient(top, #821983, #680068);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#821983', endColorstr='#680068');
}
/* Post threads: Unterhaltung */
.progress {
position:relative;
}
.progress.own {
background: #9b479b;
margin-top: -1px;
}
.progress hr {
margin:0px;
}
.progress .pic {
width:70px;
float:left;
margin-top: 10px;
}
.progressbox {
float:left;
min-height:60px;
width: 553px;
margin-top: 10px;
margin-bottom: 10px;
position:relative;
}
.progress .userandsubject {
float: left;
min-height: 16px;
width: 410px;
margin-bottom: 10px;
}
.progress .date {
height:20px;
float:right;
text-align:right;
width:130px;
margin-right: 10px;
cursor:default;
}
.progress .msg {
float:left;
}
#progress_loading {
height: 120px;
background-image: url(../grafik/loading2.gif);
background-repeat:no-repeat;
background-position: center center;
}
#progress_action {
position:absolute;
background: #821982;
text-align:left;
border: 1px solid #FFFFFF;
width: 180px;
top: -11px;
left:0px;
}
.progress_del {
position:absolute;
background: #821982;
text-align:left;
border: 1px solid #FFFFFF;
min-width: 143px;
top: 18px;
left:409px;
z-index:2;
}
a.action {
text-decoration: none;
display: block;
text-decoration: none;
padding:8px;
}
a.action:hover {
background:#9b479b;
}
.button-action {
background-color: #9A1D9A;
border: 1px solid #FFFFFF;
color: #F1F3F5;
font-size: 12px;
padding: 4px 12px 4px 8px;
text-decoration: none;
}
#edit_subject {
cursor:pointer;
margin-top: 7px;
margin-bottom: 7px;
}
#postwrite_subject {
margin-top: 7px;
}
.last5th_all_active {
border-top: 2px solid #ffffff;
margin-top: -2px;
}
/* verify */
.prefix_div {
background: none repeat scroll 0 0 #DADADA;
border: 1px solid #B3B3B3;
border-right: none;
color: #000000;
font-size: 14px;
float:left;
height: 14px;
padding: 7px;
min-width: 50px;
}
#content .box .box-content input[type="text"].prefix {
border: 1px solid #B3B3B3;
border-left: none;
width:200px;
height:30px;
font-size:14px;
font-weight:bold;
padding-left: 10px;
}
/* match*/
#content .box .box-content h1.match {
margin:0px;
padding:0px;
font-size:16px;
font-weight:bold;
}
img.border {
border: 1px solid #FFFFFF;
}
.match_howitworks {
float: left;
height: 70px;
margin-left: 8px;
margin-right: 39px;
width: 166px;
}
.match_howitworks.last {
margin-right: 0px;
margin-left: 2px;
}
a.delmatch {
float:right;
color:#FF0000;
text-decoration:none;
}
.cursor-default,
#content .box .box-content .klbox .klcontent label.cursor-default,
#content .box .box-content .klbox .klcontent.cursor-default .left.cursor-default,
#content .box .box-content .klbox .klcontent.cursor-default {
cursor:default;
}
/* bootstrap style buttons */
.btn{display:inline-block;*display:inline;*zoom:1;padding:4px 10px 4px;margin-bottom:0;font-size:13px;line-height:18px;*line-height:20px;color:#333333;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);vertical-align:middle;cursor:pointer;background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-ms-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(top, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#e6e6e6;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px solid #cccccc;*border:0;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*margin-left:.3em;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);}.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{background-color:#e6e6e6;*background-color:#d9d9d9;}
a.btn {text-decoration:none;margin: 10px;}
.btn:active,.btn.active{background-color:#cccccc \9;}
.btn:hover{color:#333333;text-decoration:none;background-color:#e6e6e6;*background-color:#d9d9d9;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-ms-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}
.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.btn.active,.btn:active{background-color:#e6e6e6;background-color:#d9d9d9 \9;background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);}
.btn.disabled,.btn[disabled]{cursor:default;background-color:#e6e6e6;background-image:none;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.btn-large{padding:9px 14px;font-size:15px;line-height:normal;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;min-width: 100px;}
.btn-primary,.btn-primary:hover,.btn-warning,.btn-warning:hover,.btn-danger,.btn-danger:hover,.btn-success,.btn-success:hover,.btn-info,.btn-info:hover,.btn-inverse,.btn-inverse:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}
.btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active,.btn-inverse.active{color:rgba(255, 255, 255, 0.75);}
.btn{border-color:#ccc;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
.btn-danger{background-color:#da4f49;background-image:-moz-linear-gradient(top, #ee5f5b, #bd362f);background-image:-ms-linear-gradient(top, #ee5f5b, #bd362f);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));background-image:-webkit-linear-gradient(top, #ee5f5b, #bd362f);background-image:-o-linear-gradient(top, #ee5f5b, #bd362f);background-image:linear-gradient(top, #ee5f5b, #bd362f);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);border-color:#bd362f #bd362f #802420;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#bd362f;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-danger:hover,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{background-color:#bd362f;*background-color:#a9302a;}
.btn-danger:active,.btn-danger.active{background-color:#942a25 \9;}
.btn-success{background-color:#5bb75b;background-image:-moz-linear-gradient(top, #62c462, #51a351);background-image:-ms-linear-gradient(top, #62c462, #51a351);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));background-image:-webkit-linear-gradient(top, #62c462, #51a351);background-image:-o-linear-gradient(top, #62c462, #51a351);background-image:linear-gradient(top, #62c462, #51a351);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);border-color:#51a351 #51a351 #387038;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#51a351;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-success:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{background-color:#51a351;*background-color:#499249;}
.btn-success:active,.btn-success.active{background-color:#408140 \9;}
/* thumb bar */
#tb_box {
width:980px;
margin:auto;
height:60px;
margin-bottom:10px;
margin-top:-5px;
overflow:hidden;
position:relative;
}
#tb_add {
background:url(../grafik/tb_add.png) no-repeat;
width:114px;
height:60px;
position:absolute;
top:0px;
left:0px;
z-index:4;
}
#tb_add a {
display: block;
margin-left: 11px;
margin-top: 21px;
}
#tb_slidebox {
position:absolute;
background:#660066;
overflow: hidden;
margin-left: 4px;
left:90px;
height:60px;
width:884px;
z-index:1;
}
#tb_imgbox {
position:absolute;
left:0px;
height:60px;
width:0;
}
img.tb_pic {
width:60px;
height:60px;
margin-left: 1px;
margin-right: 1px;
}
img:hover.tb_pic {
width:58px;
height:58px;
margin-left: 1px;
margin-right: 1px;
border:1px solid #FFFFFF;
}
#tb_scroll {
background:url(../grafik/tb_scroll_r.png) no-repeat;
background-position: 10px 14px;
width:25px;
height:60px;
position:absolute;
top:0px;
left:955px;
z-index:2;
display:none;
}
#tb_scroll.flip {
background:url(../grafik/tb_scroll_l.png) no-repeat;
background-position: 10px 14px;
left:102px;
display:none;
}
#tb_scroll a {
display: block;
height: 60px;
width: 25px;
}
a.tb_close {
color: #9E519E;
font-weight: bold;
left: -6px;
position: absolute;
text-decoration: none;
top: -20px;
}
#tb_close_add {
color: #9E519E;
font-weight: bold;
right: 10px;
position: absolute;
text-decoration: none;
top: 5px;
}
a:hover.tb_close {
color: #ffffff;
}
#tb_overlay {
display:none;
background: #821982;
height: 58px;
left: 92px;
position: absolute;
width: 884px;
border: 1px solid #FFFFFF;
z-index: 3;
-moz-border-radius:8px; /* Firefox */
-webkit-border-radius:8px; /* Safari, Chrome */
-khtml-border-radius:8px; /* Konqueror */
border-radius:8px; /* CSS3 */
}
#tb_overlay_text {
left: 38px;
position: absolute;
top: 22px;
}
#tb_overlay_text input.subw {
margin-top:-3px;
margin-left:12px;
margin-right: 12px;
}
.show_hidden_link {
display:hidden;
margin-left: 10px;
margin-top:-10px;
font-size:10px;
text-decoration: underline;
float:left;
}
.split {display:none;}
/* general background for overlay */
#overlay {
display:none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000000;
z-index:10;
-moz-opacity: 0.75;
opacity:.75;
filter: alpha(opacity=75);
}
/* smiley box */
#box_smiley {
position:absolute;
margin:auto;
top:50px;
width:800px;
z-index:11;
}
.imgsmiley {
}
.imgsmiley:hover {
background:#680068;
}
/* new box */
.box2 {
background:#821982;
width:100%;
min-height:50px;
text-align: left;
overflow:hidden;
border: 1px solid #FFFFFF;
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */
}
.box2 h1 {
background:#470047;
/* color="#470047" */
background-image:-moz-linear-gradient(top, #470047, #680068);
background-image:-ms-linear-gradient(top, #470047, #680068);
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#470047), to(#680068));
background-image:-webkit-linear-gradient(top, #470047, #680068);
background-image:-o-linear-gradient(top, #470047, #680068);
background-image:linear-gradient(top, #470047, #680068);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#470047', endColorstr='#680068');
overflow: hidden;
border-bottom: 1px solid #FFFFFF;
margin:0px;
padding: 8px 5px 5px 10px;
}
.box2 .content {
padding:10px;
}
.loading {
background-image: url(../grafik/loading2.gif);
background-repeat:no-repeat;
background-position: center center;
}
/* new box */
.input_text_info_copy {
width:180px;
background:#FFFFCC;
border:none;
font-size:12px
}
/* Tic Tac Toe */
#tictactoe {
height: 250px;
left: 25%;
position: absolute;
top: 25%;
width: 220px;
z-index: 11;
}
#vipposition, #highlight {
position:relative;
}
a.vip_close, a.highlight_close {
color: #9E519E;
font-weight: bold;
right: 10px;
position: absolute;
text-decoration: none;
top: 5px;
}
/* highlight */
#content .box .box-content .klbox .foto.highlight {
box-shadow: 1px 3px 7px #171717;
-moz-box-shadow: 1px 3px 7px #171717;
-webkit-box-shadow: 1px 3px 7px #171717;
margin-right: 2px;
width: 120px;
}
#content .box .box-content .klbox .klcontent.highlight {
box-shadow: 2px 3px 6px #171717;
-moz-box-shadow: 2px 3px 6px #171717;
-webkit-box-shadow: 2px 3px 6px #171717;
background: #BE55BE;
}
.help_highlight {
position:relative;
top:-25px;
left:465px;
width:20px;
height:20px;
}
/* Fixscroll */
#headerspacer.fixed {
position: fixed;
top: 0px;
width: 100%;
z-index: 100;
background-image:none;
border-bottom:1px solid #FFFFFF;
box-shadow: 0 1px 14px 0 #000000;
-moz-box-shadow: 0 1px 14px 0 #000000;
-webkit-box-shadow: 0 1px 14px 0 #000000;
}
#content-col3nav.fixed, #content-col2.fixed {
position: fixed;
top: 40px;
z-index:4;
}
#clone_menu {
width: 980px;
margin: 0px;
margin-top:-10px;
margin-left: auto;
margin-right: auto;
height:20px;
padding: 0px;
}
#clone_falogo {
width:165px;
}
#clone_falogo img {
width:103px;
height:20px;
margin-top: 3px;
margin-left: 8px;
}
#clone_falogo {
float:left;
}
#clone_menu a {
text-decoration:none;
margin-left: 7px;
margin-right: 7px;
}
#clone_nav_main li {
display: block;
float: left;
padding: 5px;
height: 16px;
text-align: center;
margin-top: -1px;
}
#clone_nav_main li.active, #clone_nav_main li:hover {
background: #660066;
}
#clone_nav_head {
float:right;
}
#clone_nav_head select {
margin-top:-2px;
}
#clone_nav_head li {
display: block;
float: left;
margin-left: 15px;
margin-top: -8px;
padding: 0;
}
/* profil verfied */
.userbox_index {
position:relative;
}
.profil_profil_verified {
position:absolute;
top:-3px;
right:12px;
}
.thumb_profil_verified,
.tbumb_box {
display: block;
float: left;
position: relative;
}
.profil_verified_thumb {
position:absolute;
top:2px;
right:3px;
}
/* echtheitsprüfung */
.verify_notice {
width:100px;
height:75;
background:url(../grafik/verify_notice.png) no-repeat;
color: #000;
font-weight: bold;
text-align: center;
}
.verify_notice .text {
padding-right: 11px;
padding-top: 24px;
}
/* icheck */
.cro_box {
background:#821982;
border: 2px solid #fff;
}
#icheck_content h1 {
font-size:20px;
}
#icheck_content hr {
border-top:none;
border-bottom:2px solid #fff;
margin-left:-16px;
width:-webkit-calc(100% + 32px);
width:-moz-calc(100% + 32px);
width:calc(100% + 32px);
}
#icheck_content {
position: fixed;
top: 10%;
left:-webkit-calc(50% - 490px);
left:-moz-calc(50% - 490px);
left:calc(50% - 490px);
width: 948px;
height: 580px;
padding: 16px;
z-index:1002;
/*overflow:hidden;*/
}
#icheck_content .icheck_teaser {
margin-top:80px;
width:250px;
float:left;
font-size: 26px;
text-shadow: 1px 1px 0px #000;
text-align:center;
}
#icheck_content .icheck_userbox {
margin-top:20px;
width:680px;
height:380px;
margin-left: 10px;
float:left;
}
#icheck_content .icheck_userbox h1 {
font-size:16px;
font-style:italic;
font-weight:normal;
margin-bottom:15px;
}
#icheck_content .icheck_user {
float:left;
margin-left: 5px;
padding: 5px;
width: 120px;
font-size:14px;
overflow:hidden;
text-overflow: ellipsis;
white-space: nowrap;
position:relative;
}
#icheck_content .icheck_user a.checklink {
background:#fff;
display:block;
position:absolute;
top:3px;
left:0px;
height: 13px;
width: 17px;
text-shadow:0px 0px 1px #000;
}
#icheck_content .icheck_user .fa-check-square,
#icheck_content .icheck_user .fa-square {
margin-top: -4px;
color:#b2d866;
font-size:20px;
}
#icheck_content .icheck_user img {
margin-bottom:10px;
}
.icheck_footer {
border-top: 1px solid #cda3cd;
bottom: 0;
height: 100px;
left: 0;
position: absolute;
width: 100%;
}
.icheck_footer a.next {
display:block;
background: #b2d866;
float: right;
font-size: 26px;
margin: 15px;
padding: 20px 40px 20px 40px;
text-align: center;
text-decoration: none;
width: 150px;
text-shadow: 1px 1px 0px rgba(150, 150, 150, 1);
}
.icheck_footer a.next:hover {
background: #9dc351;
text-shadow: none;
}
.icheck_footer a.back {
opacity:0.2;
text-decoration: none;
font-size: 12px;
margin:30px;
margin-top:40px;
display:block;
float: left;
}
.badge {
float:right;
margin-right:10px;
background:#b2d866;
font-weight:bold;
color: #fff;
text-shadow:0px 0px 1px #000;
border-radius:8px;
padding-left:5px;
padding-right:5px;
}
/* visitor */
.cr_visitorbox {
height: 350px;
left: 49px;
position: absolute;
top: 57px;
width: 555px;
z-index: 4;
}
.cr_visitorbox_title {
background:#983d98;
padding:20px;
border:4px solid #b955b9;
width:70%;
margin:auto;
text-align:center;
margin-top:50px;
font-size:20px;
}
.cr_visitorbox_title .visitors_quant {
color:red;
}
.cr_visitorbox_subtitle {
font-size:16px;
font-style:italic;
font-weight:normal;
margin-bottom:40px;
text-align:center;
margin-top:50px;
display:block;
}
.i_layer {
background:rgba(0,0,0, 0.4);
width:491px;
height:68px;
text-align:center;
position:absolute;
padding-top:50px;
left: 130px;
top: 1px;
z-index:4;
}
/* knowledge */
.box-hilfe .payclick .box-95.marginleft-10.bold {
font-size:14px;
}
.box-hilfe .payslide.items a.nol {
font-size:14px;
font-weight:bold;
}
.box-hilfe .payslide.items .item_text {
border-bottom:1px dotted #fff;
margin-bottom: 20px;
padding-bottom: 12px;
}
.notify {
position:fixed;
width:100%;
height:20px;
display:none;
padding:20px;
background: #000;
background: rgba(0, 0, 0, 0.85);
z-index:100;
}
.notify .fa {
display: block;
float: left;
font-size: 20px;
margin-right: 12px;
margin-top: -4px;
width: 20px;
}
/* noui Slider */
.noUi-horizontal {
height: 10px;
}
.noUi-handle::after, .noUi-handle::before {
background: #e8e7e6 none repeat scroll 0 0;
content: "";
display: block;
height: 9px;
left: 7px;
position: absolute;
top: 5px;
width: 1px;
}
.noUi-handle::after {
left: 10px;
}
.noUi-horizontal .noUi-handle {
height: 21px;
left: -9px;
top: -7px;
width: 19px;
}
.noUi-connect {
background: grey;
}
/* diese class muss immer am ende sein */
.none,
ul.breadcumb li.none,
#content .box .box-content-nav ul li.none,
#header #nav_main li.none {
display:none;
}