div,
p,
a,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
li,
table,
tr,
td,
form,
fieldset,
img {
  padding: 0;
  margin: 0;
}

ul {
  list-style: none;
}

img {
  border: 0;
}

html,
body {
  width: 100%;
  margin: 0 0 15px 0;
}

html {
  background: #d9d3c7;
}

body {
  font-size: 100.01%;
  font-family: Helvetica, Arial, sans-serif;
  width: 100%;
  color: #000000;
  background: #d9d3c7;
  background: #d9d3c7  url('img/mammamia-head-bg.jpg') no-repeat center top;
}

/*
#body_bg {
  width: 100%;
  height: 740px;
  background: transparent  url('img/mammamia-head-bg.jpg') no-repeat center top;
}
*/
/*
legend {
  font-size: .8em;
  font-weight: bold;
  margin-bottom: 10px;
}
*/

thead,
th {
  text-align: left;
}

p,
span,
label,
input,
textarea,
select,
legend,
li,
div {
  font-size: 12px;
/*
  border: solid 0px #000;
  line-height: 12px;
*/
}

p span {
  font-size: 1em;
}


.no-float {
  float:none !important;
}

input.text,
input.file,
select,
textarea {
  font-family: Helvetica, Arial, sans-serif;
  background-color: #CCCCCC;
  background-color: #dce8ff;
}

textarea {
  min-height: 60px;
}

* html textarea {
  height: 60px;
}

input.text, textarea {
  background: #dce8ff;
  border: 1px solid #646464;
  padding-left: 2px;
}

h1 {
  font-size: 1.2em;
}

h1.big-fat-red {
  color: #7f9fec;
  font-size: 36px;
}

h1.fat-gray {
  color: #8A8585;
  font-size: 24px;
}

.fat-white {
  color: #dce8ff;
  font-size: 24px;
}

h2 {
  color: #8A8585;
  color: #7f9fec;
  font-size: 12px;
}

h3 {
  color: #8A8585;
  color: #dce8ff;
  font-size: 12px;
}

a:link,
a:visited,
a:active,
a:hover {
/*
  font-weight: normal;
*/
  text-decoration: none;
}

a,
a:link,
a:active {
  color: #f74e9f;
}

.box-profile .float-left a,
.box-profile .float-left a:link,
.box-profile .float-left a:active {
  color: #333;
}

.box-profile .float-left a:hover {
  color: #FF8800;
}

.box-profile .float-left li.active {
  background: #333;
}

.box-profile .float-left li.active a {
  color: #FBED1F;
}

a:hover {
  color: #dce8ff;
}

fieldset {
  border: 1px solid #A6967F;
  padding: 10px;
}

label {
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
}

input.file {
  width: 300px;
}

.profile-form input.file {
  width: 225px;
}

* html .profile-form input.file {
  margin-top: 10px;
  width: 225px;
}

br {
  font-size: 1px;
  height: 1px;
  line-height: 1px;
  clear: both;
}

br.true-break {
  line-height: 10px;
  height: 10px;
}

.clear {
  clear: both;
  height: 0px;
  overflow: hidden;
}

.clear-left {
  clear: left;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.clear-float {
  clear: both;
  height: 0px;
  overflow: hidden;
}

div.submit,
p.submit {
  height: 20px;
  line-height: 20px;
  background: url('img/submit-btn-left.gif') top left no-repeat;
  padding-left: 5px;
  margin-top: 10px;
}

div.submit input {
  width: auto;
  text-align: left;
}

/*
* html div.submit {
  padding-left: 0;
}

* html div.submit input {
  padding-left: 0;
}
*/

p.button,
p.button2 {
  height: 20px;
  line-height: 15px;
  background: url('img/submit-btn-left.gif') top left no-repeat;
  padding-left: 5px;
  white-space: nowrap;
  font-size: 11px;
}

* html p.button,
* html p.button2 {
  padding-top: 0px;
}

.inner-box .button,
.inner-box .button a {
  background-color: #211818;
}

p.button2 {
  background-image: url('img/submit-btn-left.gif');
}

.button2 input,
div.submit input {
  font-size: 12px;
  font-weight: bold;
  color: #102367;
  height: 20px;
  line-height: 20px;
  padding-left: 9px;
  font-family: arial;
  font-weight: bold;

  background: url('img/submit-btn-right.gif') top right no-repeat;
  border: none;
  cursor: pointer;

  width: 81px;
  text-transform:uppercase;
}

* html .button2 input {
  width: 75px;
  padding-left:5px;
}
* html div.submit input {
  width: 81px;
  padding-left:5px;
}

.button2 input {
  background-image: url('img/button02-right.gif');
  color: #FFFFFF;
}

.button a,
.button2 a {
  font-weight: bold;
  color: #504C46;
  height: 20px;
  /* line-height: 20px; */
  line-height: 21px;
  padding: 3px 5px 3px 0px;
  background: url('img/button01-right.gif') top right no-repeat;
}

* html .button a,
* html .button2 a {
  padding: 4px 5px 3px 0px;
}

.button2 a {
  color: #FFFFFF;
  background-image: url('img/button02-right.gif');
}

.button a:focus,
.button a:hover {
  color: #504C46;
/*
  background-color: #6699FF;
  color: #FFFFFF;
*/
}

.buttons .button,
.buttons .button2,
.buttons div.submit {
  float: left;
  margin-right: 5px;
  margin-top: 10px;
  white-space: nowrap;
}

.button-text-and-icon a {
  display: block;
  height: 17px !important;
  padding-left: 20px;
  padding-top:1px;
}

.delete {
  height: 17px !important;
  padding-left: 20px;
  padding-top: 1px;
}

.button-text-and-icon a {
  font-size: 10px !important;
}

#container {
  margin: 0 auto;
  width: 960px;
  position: relative;
/*
  padding-bottom: 20px;
*/
}

table#content {
  border-collapse: collapse;
  border: solid 0 #000000;
}

#teaser,
#teaser-2,
#main,
#banner {
  border: 0 none #dce8ff;
  padding: 0;
  vertical-align: top;
/*
  padding: 10px;
  border: solid 1px #666666;
*/
}

#teaser {
  width: 180px;
  padding-right: 10px;
}

*+html #teaser {
  width: 192px;
}

* html #teaser {
  padding-right: 6px;
}

#main {
  width: 520px;
  padding-bottom: 10px;
  padding-right: 10px;
}

#banner {
  width: 240px;
}

#menu {
  height: 30px;
}

.box {
  margin: 10px 4px 0;
  margin: 10px 0px 0;
  width: 520px;
  background: url('img/box-top.png') top left no-repeat transparent;
  border: 1px solid transparent;  /* necessary for FF & Opera */
}

.box-profile {
  background: url('img/box-top3.png') top left no-repeat transparent;
}

.box-flash {
  background: transparent;
}

* html .box {
  background-image: url('img/box-top.gif');
  border: none;
}

* html .box-profile {
  background-image: url('img/box-top3.png');
}

.box-bottom {
  background: url('img/box-bottom.png') bottom left no-repeat transparent;
  height: 5px;
}

.box-profile .box-bottom {
  background: url('img/box-bottom3.png') bottom left no-repeat transparent;
}

* html .box-bottom {
  line-height: 5px;
}

* html .box-profile .box-bottom {
 line-height: 10px;
}

.box-uni .box-bottom {
  background: url('img/box-bottom2.png') bottom left no-repeat transparent;
}

* html .box-uni .box-bottom {
  background-image: url('img/box-bottom2.gif');
}

.box-small {
  width: 255px;
  background: url('img/box-top-small.png') top left no-repeat transparent;
}

* html .box-small {
  background-image: url('img/box-top-small.gif');
  margin-left: 2px;
  margin-right: 2px;
}

.box-small .box-bottom {
  background: url('img/box-bottom-small.png') bottom left no-repeat transparent;
}

* html .box-small .box-bottom {
  background-image: url('img/box-bottom-small.gif');
}

.box-teaser,
.box-teaser-uni {
  width: 180px;
  background: url('img/box-top-180.png') top left no-repeat transparent;
}

* html .box-teaser,
* html .box-teaser-uni {
  background-image: url('img/box-top-180.png');
  margin-left: 5px;
  margin-right: 5px;
}

.box-teaser-2 {
  width: 180px;
  background: url('img/box-top-180.png') top left no-repeat transparent;
}

* html .box-teaser-2 {
  background-image: url('img/box-top-180.png');
}

.box-teaser .box-bottom {
  background: url('img/box-bottom-180.png') bottom left no-repeat transparent;
}

* html .box-teaser .box-bottom {
/*  background-image: url('img/box-bottom-180-light.gif'); */
}

.box-teaser-2 .box-bottom {
  background: url('img/box-bottom-180.png') bottom left no-repeat transparent;
}

* html .box-teaser-2 .box-bottom {
/*  background-image: url('img/box-bottom-180.gif'); */
}

.box-teaser-uni .box-bottom {
  background: url('img/box-bottom2-teaser.png') bottom left no-repeat transparent;
}

* html .box-teaser-uni .box-bottom {
  background-image: url('img/box-bottom2-teaser.gif');
}

.inner-box {
  margin-top: 5px; /* ck */
/*
  background-color: #231F1F;
*/
  background: url('img/box-back.png') bottom left no-repeat #000000;
/*
  padding-left: 10px;
  padding-right: 10px;
*/
}

.box-flash  .inner-box {
  margin-top: 0px;
}

.box-teaser .inner-box{
  background: url('img/box-back-180.gif') top left repeat-y #102367;
}

#highScConBox.open .inner-box,
#playerConBox.open .inner-box,
#battleConBox.open .inner-box,
#demogameConBox.open .inner-box,
#getMoreVertConBox.open .inner-box {
/*  background: #000000; */
}

#highScConBox.open,
#playerConBox.open,
#battleConBox.open,
#demogameConBox.open,
#getMoreVertConBox.open {
  background: url('img/box-top-180.png') top left no-repeat transparent;
}

#highScConBox.open .box-bottom,
#playerConBox.open .box-bottom,
#battleConBox.open .box-bottom,
#demogameConBox.open .box-bottom,
#getMoreVertConBox.open .box-bottom {
  background: url('img/box-bottom-180.png') bottom left no-repeat transparent;
}


.box-profile .inner-box{
  background: url('img/box-repeat3.png') top left repeat #231F1F;
}

* html .inner-box {
  overflow-x: hidden;
}

*+html .inner-box {
  overflow-x: hidden;
}

* html .box-profile .inner-box {
  background: url('img/box-repeat3.png') top left repeat #231F1F;
}

.inner-box .section {
  background: url('img/list_bg-light_d.png') top left repeat-x #0B1849;
  padding: 0px;
  color: #95a3bd;
}

.inner-box .comment-section {
  padding: 10px;
  margin: 0 10px;
}

/* peek a boo */
* html .inner-box .section {
  height: 1px;
}

* html .inner-box .comment-section {
  height: 1px;
}

.inner-box .section h2 {
  margin: 0;
}

.inner-box .section-info {
  background: #DCE8FF;
  padding: 10px;
  color: #102367;
  margin-bottom: 20px;
}

.inner-box .section-form {
  background: url('img/list_bg-dark.jpg') top left repeat-x transparent;
  padding: 10px;
  color: #646464;
  margin-bottom: 10px;
  border: 1px solid #646464;
}

.inner-box .section-form input.text,
.inner-box .section-form textarea {
  width: 220px;
}


/* fix for peekaboo bug */
* html .box-teaser .inner-box,
* html .photogalleries .inner-box,
* html .box-profile .inner-box,
* html .termine-box .inner-box,
* html .videos .inner-box,
* html .section .head {
  height: 1px;
}

* html .inner-box {height: 1px;}

* html .home .news,
* html .home .profiles {
  float: right;
  margin-right: -4px;
}

* html .photogalleries .box-bottom,
* html .box-profile .box-bottom {
  margin-top: -6px;
}

* html .box-profile .box-bottom {
background-image: url('img/box-bottom3.png');
}

.inner-box h2 {
  margin-left: 10px;
  margin-top: 4px;
  height: 20px;

  font-size: 14px;
}

.inner-box h3 {
/*  height: 20px; */
}

.inner-box p,
.inner-box label,
.inner-box legend,
.inner-box div.paging,
.inner-box td,
.inner-box li {
  color: #95a3bd;
}

.box-teaser .inner-box h2,
.box-teaser-uni .inner-box h2 {
  color: #dce8ff;
  text-transform: uppercase;
}

.box-register {
  padding: 0;
  width: 140px;
  height: 32px;
  position: absolute;
  top: 0px;
  right: 10px;
  text-align: right;
}



.box-register p,
.box-login p {
  font-weight: bold;
  text-transform: uppercase;
}

.box-register p.button {
  float: right;
  margin-top: 2px;
  margin-right: -5px;
}

* html .box-register p.button {
  margin-right: -2px;
}

.box-login {
  padding: 0;
  height: 90px;
}



.box-login input.text {
  font-size: 10px;
  height: 10px;
  line-height: 10px;
}

.box-footer {
  width: 700px;
  background: url('img/box-footer.gif') top left no-repeat transparent;
  margin-left: 10px;
  height: 30px;
  padding: 10px;
}

.open a,
.close-head a {
  /* color: #7f9fec !important; ck need imp? */
  color: #F74E9F;
}

a.open,
a.close-head,
.head p.open,
.head p.close-head {
  padding-left: 15px;
  background: url('img/arrow-close.gif') left 2px no-repeat transparent;
  font-weight: bold;
}

a.open,
.head p.open {
  background-image: url('img/arrow-open.gif');
}

/*
.close-head-red {
  background: url('img/arrow-close-red.gif') left 4px no-repeat transparent !important;
}

.open-red {
  background: url('img/arrow-open-red.gif') left 4px no-repeat transparent !important;
}
*/

.head h2 {
  float: left;
}

.head-mbot {
  margin-bottom: 15px;
}

.head-indent {
  padding-left:20px;
  padding-top:13px;
}

.head .head-left,
.head .head-right {
  width: 50%;
  float: left;
}

* html .head .head-left,
* html .head .head-right {
  width: 49%;
}

.head-members-start .head-left {
  width: 66%;
}

.head-members-start .head-right {
  width: 33%;
}

.head .head-right h2 {
  font-size: 11px;
  float: right;
  margin-right: 10px !important;
}

.head .head-left h2 {
  font-size: 14px;
  /* margin-left: 10px !important; */
  margin-left: 10px;
  text-transform: uppercase;
}

.head  h2,
.head  h2 a {
  font-size: 14px;
  text-transform: uppercase;
}


.section .head .head-left h2 {
  margin-left: 0 !important;
}

.head .button,
.head .buttons,
.head .button-text-and-icon {
  float: right;
  margin-right: 10px;
  margin-top: 5px;
}

.popup-inner {
  background-color: #615859;
  background-color: #000000;
  border: 1px solid #333;
  position: relative;
  top: -3px;
  left: -3px;
  padding: 5px;
}

.popup {
  display: none;
}

.popup-outer {
  position: relative;
  background-color: none;
}

.photogallery fieldset.radio {
  margin-top: 10px;
  width: 200px;
}

input.radio {
  float: left;
}

/* panel boxes */
.box-profile .inner-box {
  padding: 0 10px;
}

.box-profile a {
  font-weight: bold;
}

.box-profile .float-left a {
  line-height: 20px;
}

.login form,
.register .inner-box .body,
.user .inner-box {
  padding: 10px;
}

#panel .float-left a {
  padding-right: 10px;
}


/* photogalleries */
.photogallery {
  border: 1px solid #A6967F;
  margin: 10px 10px 0;
  padding: 10px 0 10px 10px;
}

.photogallery .head img {
  float: left;
  margin-right: 10px;
}

.photogallery .head p.open,
.photogallery .head p.close-head {
  margin-left: 40px;
}

.photo .head p.open,
.photo .head p.close-head {
  margin-left: 70px;
}

.photogallery .photo .head .buttons {
  margin-top: -16px;
  margin-right: 0px !important;
}

.photogallery .photo {
  border: 1px solid #A6967F;
  margin: 10px 10px 0 0;
  padding: 10px;
  width: 212px;
  float: left;
}

*+html .photogallery .photo {
  height: 60px;
}

.photogallery-tags a {
  font-size: 11px !important;
}

*+html .photogallery .tags {
  margin-top: -5px;
}

.photogalleries_title_box {
  margin-bottom: 10px;
  padding: 5px 10px;
}

.photogalleries_title {
  margin: 10px 0 0 10px;
  font-weight: bold;
}

#PhotogalleryEditForm {
  margin-right: 10px;
}

#PhotogalleryEditForm .left-form {
  width: 220px !important;
  padding-left: 0px !important;
  margin-right: 10px;
}

#PhotogalleryEditForm .right-form {
  float: right;
  width: 220px !important;
  padding-left: 0px !important;
}

#PhotogalleryEditForm input.text {
  width: 200px;
}

#PhotogalleryEditForm textarea {
  width: 200px;
}

#ajax_div {
  overflow: visible;
}

#ajax_div .box {
  margin-left: -10px;
  margin-top: 0;
  width: 495px;
  background-color: transparent;
  background-image: none;
}

.photogallery #ajax_div .box {
  width: 475px;
}

#ajax_div .inner-box {
  background-color: transparent;
  background-image: none;
}

#ajax_div .box-bottom {
  display: none;
}

#ajax_div .commentform {
  width: 475px;
}

.photogallery #ajax_div .commentform {
  width: 455px;
}

#ajax_div .profile-has-box {
  width: 478px !important;
  padding-right: 0px !important;
}

.photogallery #ajax_div .profile-has-box {
  width: 458px !important;
}

#ajax_div .profile-has-box-teaser {
  width: 147px !important;
}

.photogallery #ajax_div .profile-has-box-teaser {
  width: 140px !important;
}

.photogallery #ajax_div .profile-has-box-with-ajax {
  width: 455px !important;
}

#ajax_div .user-info img {
  margin-right: 5px;
}

.photo-row li {
  display: inline;
  margin-right: 5px;
}

.photo-row li img {
  border: 1px solid #A6967F;
  margin: 3px 0;
}

.photo-row li.row-pos6 {
  margin-right: 0;
}

.box-single-photo {
  border: 1px solid #A6967F;
  margin: 10px 10px 10px 0;
  padding: 10px;
}

.box-single-photo .info {
  margin-left: 160px;
}

.photos .box-single-photo {
  border: 1px solid #A6967F;
  margin: 10px;
}

.box-single-photo .rate-count {
  margin-top: 5px;
}

.photo .tags {
  padding-right: 0 !important;
}

.videos .video,
.photos .photo {
  margin: 10px 0 0 10px;
  float: left;
}

.box-single-video {
  border: 1px solid #A6967F;
  margin: 10px;
  padding: 10px;
  width: 478px;
}

.box-single-video .rate-count {
  margin-top: 5px;
}

.box-single-video .info {
  margin-left: 260px;
}

.paging {
font-size:10px;
margin-top:10px;
padding:0pt;
width:100%;
}

.paging_left {
  float: left;
  margin-left: 10px;
}

.paging_right {
  float:right;
  margin-right:10px;
  text-align:right;
}

.page-sorting {
  float: right;
  margin-top: 5px;
  margin-right: 10px;
}

.page-sorting a.active {
  font-weight: bold;
}


.pager-first-button, .pager-last-button, .pager-prev-button, .pager-next-button {
  float:  left;
  height: 11px;
  padding-top:  1px;
  width:  11px;
}

.pager-number-button {
  float: left;
  margin-left: 5px;
  margin-right: 5px;
}

.pager-next-button a {
  background:transparent url(img/pager_next_inactiv.gif) no-repeat scroll center;
}

.pager-last-button a {
  background:transparent url(img/pager_last_inactiv.gif) no-repeat scroll center;
}

.pager-first-button a {
  background:transparent url(img/pager_first_inactiv.gif) no-repeat scroll center;
}

.pager-prev-button a {
  background:transparent url(img/pager_prev_inactiv.gif) no-repeat scroll center;
}

.pager-first-button a span, .pager-last-button a span, .pager-prev-button a span, .pager-next-button a span {
visibility:hidden;
}

.jbGray {
  color: #95a3bd;
}

.jbWhite {
  color: #fff;
  font-weight: bold;
}

.jbBlock {
  display: block;
}

.jbOnline {
  color: #d7ff00;
}

input.autoInput {
  width: auto;
/*
  border: solid 0px #000;
  padding: 0;
  background-image: none !important;
*/
}


/* OLD  */
.innerBox {
  border: 2px solid #333333;
  margin: 0px;
  width: 492px;
  padding: 0px;
}

.box-error {
  border: 2px solid #333333;
  margin: 10px 10px 0 10px;
  width: 476px;
  padding: 10px;
  background-color: #7f9fec;
  color: #dce8ff;
  font-size: 11px;
  font-weight: bold;
  padding: 10px;
}

.inner-box .box-error {
  width: 476px;
}

.photo-box-error {
  width: 190px!important;
  margin-left: 0px!important;
}

.photogallery-box-error {
  width: 460px!important;
  margin-left: 0px!important;
}

.box-error ul {
  margin-left: 15px;
  list-style-type: square;
}

.box-login input.text {
  width: 90px;
  margin-bottom: 5px;
  margin-right: 5px;
  float: left;
}

.box-login label {
  width: 60px;
  padding-right: 5px;
  float: left;

  /* add ck label schliesst im ff nicht mit input ab */
  margin-top: 0px;
  margin-bottom: 0px;
}

.box-login label.checkbox {
  padding-left: 5px;
  padding-right: 5px;
}

.box-login p.button2 {
  padding-left: 5px;
  float: left;
  margin-top: 1px;
  margin-right: -5px;
}

* html .box-login p.button2 {
  position: relative;
  /* ck top: -7px;*/
  right: -4px;
  margin-top: 0px;
  margin-right: 0px;
}

.box-register {
/*  float: left; */
}

.box-profile {
/*
  width: 100%;
*/
}

ul.menu {
  list-style: none;
  height: 19px;
  overflow: hidden;
  margin-left: 5px;
}

.menu li {
  float: left;
}

* html .menu li {
  width: 10px;
}

.menu li a {
  display: block;
  height: 18px;
  padding: 2px 5px 0 5px;
  float: left;
  font-weight: bold;
}

.menu li.active a {
  color: #231F1F;
  background-color: #FBED1F;
}

.menu-panel li.active a {
  color: #FBED1F !important;
  background-color: #231F1F !important;
}

.menu li.active a,
.menu li a:focus,
.menu li a:hover {
/*
  color: #231F1F;
  background-color: #FBED1F;
*/
}

/* advance menu ck add */
/*** differnt layout will need further desing adjustments (round-border active hovers etc )***/

#menu .inner-box {
  margin-top:0px;
  background:transparent url('img/adv-menu-bgr.png') no-repeat;
}

* html #menu .inner-box {
  background: transparent url('img/adv-menu-bgr.gif');
}

#menu .box-bottom {
  display: none;
}

ul.adv-menu {
  list-style: none;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  margin-left: 0px;
}

ul.adv-menu li {
  float: left;
  padding-right: 10px;
}

* html ul.adv-menu li {
  width: 10px;
}

ul.adv-menu li a {
  display: block;
  height: 30px;
  padding: 0 5px 0 5px;
  float: left;
  font-weight: bold;
}

ul.adv-menu li.first a{
  padding-left: 10px;
}

ul.adv-menu li.active a {
  color: #231F1F;
  background: transparent url('img/adv-menu-bgr-active.png') -200px top no-repeat;
}

* html ul.adv-menu li.active a {
  color: #231F1F;
  background: transparent url('img/adv-menu-bgr-active.gif') -200px top no-repeat;
}

ul.adv-menu li.firstActive a {
  background-position: 0 0;
}

* html ul.adv-menu li.firstActive a {
  background-position: 0 0;
} /* ie wants this double, too...*/

ul.adv-menu li.messages {
  margin-top: -4px;
}


/* advance menu END ck add */

/* advance menu for member-profile ck add */
/*
.member-profile .inner-box,
.friends        .inner-box,
.groups-box     .inner-box,
.groups-edit    .inner-box,
.photogalleries .inner-box,
.videos         .inner-box,
.profile        .inner-box,
.blog-box-outer .inner-box {
  margin-top: 0;
}
*/
.member-profile .adv-menu,
.friends        .adv-menu,
.group-view     .adv-menu,
.groups-box     .adv-menu,
.groups-edit    .adv-menu,
.photogalleries .adv-menu,
.videos         .adv-menu,
.blog-box-outer .adv-menu {
  list-style: none;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  margin-left: 0px;
  background: transparent url(img/box-top-long.png) no-repeat scroll left top;
}

* html .member-profile ul.adv-menu {
  background: transparent url(img/box-top-long.gif) no-repeat scroll left top;
}

.member-profile ul.adv-menu li.active a {
  background: transparent url('img/adv-menu-bgr-active-cut-2.png') -200px top no-repeat;
}

* html .member-profile ul.adv-menu li.active a {
  background: transparent url('img/adv-menu-bgr-active-cut-2.gif') -200px top no-repeat;
}

.member-profile ul.adv-menu li.firstActive a {
  background-position: 0 0;
}

* html .member-profile ul.adv-menu li.firstActive a {
  background-position: 0 0;
} /* ie wants this double, too...*/

#profile {
  padding-top: 0;
}

/********************** profile menu ***********************/
ul.menu-profile {
  height: 20px;
  padding-left: 0px;
}

.menu-profile {
  margin-left: 0px;
  margin-right: 0px;
}

.menu-profile li {
  white-space: nowrap !important;
}

.menu-profile li * {
  float: left;
}

.menu-profile li a {
  white-space: nowrap;
}

/*
.menu-profile li span {
  display: block;
  padding-top: 8px;
  height: 30px;
}
*/

.menu-profile .menuSlash {
  color: #FBED1F;
}

/********************** registration / registration menu ***********************/
.menu-registration {
  border: 1px solid #000;
  margin: 5px 10px !important;
  padding: 0;
}

.menu-registration li {
  height: 20px;
  padding: 2px 5px;
  margin-right: 10px
}

.menu-registration li.active {
  background: #999999;
}

img.captcha {
  margin: 20px 0px 3px 130px;
}

p.captcha {
  width: 332px;
  font-size: 10px;
  margin-bottom: 10px;
  text-align: right;
}

.agb label {
  width: 400px !important;
}

.required label {
  font-weight: bold;
  color: #DDDDDD;
}

.profile-form-registration input {
  float: left !important;
  margin-right: 10px;
}

.profile-form-registration input.checkbox {
  margin-top: 5px;
}

/********************** recommend profile ***********************/
img.captcha-recommend {
  margin: 20px 0px 3px 0px !important;
}

p.captcha-recommend {
  width: 202px !important;
}

/***********************************************************************************/

input.form-error {
  border: 1px solid red;
}

#flashMessage {
  border: 2px solid #102367;
  margin: 10px 5px 10px 1px;
  width: 496px;
  padding: 10px;
  background-color: #DCE8FF;
  color: #102367;
  font-size: 11px;
  font-weight: bold;
/*
  margin-bottom: 15px;
  background-color: #F9ECD8;
  color: #000000;
  border-top: solid 1px #BCBAB7;
  border-bottom: solid 1px #BCBAB7;
*/
}

.box #flashMessage {
  width: auto;
}

* html #flashMessage a {
  margin: 10px 8px 10px 2px;
}

#flashMessage a {
  color: #666 !important;
}

#flashMessage a:hover {
  color: #FF8800 !important;
}

.select-sort {
  padding-left: 0px;
  margin-left: 10px;
}

select.select-sort {
  padding-left: 0px;
  margin-left: 5px;
}

* html select.select-sort {
  margin-left: 5px;
 }

.videos .video {
  float: left;
  display: block;
/*
  margin-top: 10px;
  margin-right: 10px;
  line-height: 80px;
*/
}

* html .videos .video {
  float: none;
  display: inline;
}

.action_menu {
  margin-top: 15px;
}

.from {
  font-size: 0.8em;
  color: #999;
}

.caption {
  width: 100%;
  text-align: center;
  margin: 10px;
}

.userSmall {
  background-color: #ddd;
  overflow: hidden;
  padding: 10px;
  margin-bottom: 10px;
}

.userSmallThumb,
.photogallery_thumb {
  float: left;
}

.photogallery_thumb .placeholder {
  width: 48px;
  height: 48px;
  border: 1px solid #aaa;
  margin: 0 10px 0 0;
}

.photogallery_thumb img {
  margin: 0 10px 0 0 !important;
}

.photogallery_thumb.last img {
  margin: 0 0 8px 0;
}

.photogallery_delete {
  background: url('img/garbage.gif');
  width: 17px;
  height: 17px;
  float: right;
  margin-left: 3px;
  cursor: pointer;
}

.photogallery_left {
  background: url('img/move-left.gif');
  width: 17px;
  height: 17px;
  float: right;
  margin-left: 3px;
}

.photogallery_right {
  background: url('img/move-right.gif');
  width: 17px;
  height: 17px;
  float: right;
  margin-left: 3px;
}

.photo_approval {
  background: url('img/flag_green.png') no-repeat 2px 2px;
  width: 17px;
  height: 17px;
  float: right;
  margin-left: 3px;
}

.photo-not-approved .photo_approval {
  background: url('img/flag_red.png') no-repeat 2px 2px;
}

.photogallery_move {
  text-align: right;
  margin-top: 20px;
}

.photogallery_move input {
  float: right;
  width: auto!important;
}

/*
#PhotogalleryEditForm {
  margin-top: 5px;
}

#PhotoAddForm label,
#PhotogalleryEditForm label {
  float: none!important;
  display: block;
  margin-bottom: 3px;
}

#PhotoAddForm input,
#PhotoAddForm textarea {
  width: 204px;
}

#PhotoAddForm input.file {
  margin-top: 5px;
}

#PhotogalleryEditForm input,
#PhotogalleryEditForm textarea {
  width: 214px;
}

#PhotogalleryEditForm input.radio {
  width: 30px;
}

#PhotoAddForm .leftForm,
#PhotogalleryEditForm .leftForm {
  float: left;
}

#PhotoAddForm .rightForm,
#PhotogalleryEditForm .rightForm {
  float: left;
  margin-left: 10px;
}

#PhotogalleryEditForm .rightForm fieldset {
  display: block;
  border: 1px solid #333;
  width: 212px;
  padding: 5px;
  margin-bottom: 5px;
}

#PhotoAddForm .submit input,
#PhotogalleryEditForm .submit input {
  width: auto;
}
*/

/*
.photo .button,
.photogalleries .button {
  display: block;
  float: left;
  margin: 17px 0 0 10px;
  background: #fff;
}

.photo .button a,
.photogalleries .button a {
  width: auto;
  color: #333!important;
}
*/

.userSmall a {
  font-size: 1em;
}

.userSmall br {
  clear: none;
}

.userSmallThumb {
  margin: 0 10px 0 0;
}

.bigPhoto {
  width: 496px;
  margin: 10px 0;
  text-align: center;
}

.next, .prev {
  width: 100px;
  margin: 0 10px 10px;
}

.prev {
  text-align: right;
}

/*
.photos_title_box {
  background: url('img/innerbox.jpg') bottom;
  margin: -10px -10px 10px;
  padding: 5px 10px;
}

.photos_title {
  width: 100%;
}

.photos_title_left {
  float: left;
  font-weight: bold;
}

.photos_title_right {
  text-align: right;
}
*/

#addPhoto .box-error {
  border: 1px solid #333;
  padding: 10px;
}

.tags {
  padding: 0 10px 10px 10px;
}

.group .tags,
.popup .tags {
  padding: 0 !important;
}

.group .tags {
  margin: 0 !important;
}

* html .tags {
  position: relative;
}

*+html .tags {
  position: relative;
}

.inner-box .section .tags {
 padding: 0;
}

.tags a {
  margin-right: 10px;
  color: #e49400 !important;
  font-size: 11px;
}

.tags a:hover {
  text-decoration: underline;
}

.tags .t00 { font-size: 10px; }
.tags .t01 { font-size: 11px; }
.tags .t02 { font-size: 12px; }
.tags .t03 { font-size: 13px; }
.tags .t04 { font-size: 14px; }
.tags .t05 { font-size: 15px; }
.tags .t06 { font-size: 16px; }
.tags .t07 { font-size: 17px; }
.tags .t08 { font-size: 18px; }
.tags .t09 { font-size: 19px; }
.tags .t10 { font-size: 20px; }

/************* STARTPAGE NEWS BOX ***********/
.box-row {
  padding: 5px 10px;
  background: #2B221D url('img/back-gradient.gif') repeat-x 0 0;
  float: left;
}

.box .box-row {
  width: 500px;
}

.box-small .box-row {
  width: 235px;
}

.box-teaser-uni .box-row,
.box-teaser .box-row {
  width: 150px;
}

.box-row p {
  color: #95a3bd;
  margin: 5px 0;
  float: left;
  width: 100%;
}

.box-row h1 {
  color: #fff;
  float: left;
  width: 100%;
  font-size: 12px;
}

.box-row .sni-rf {
  float: left;
  font-size: 10px;
}

.box-row .sni-footer {
  float: left;
  width: 100%;
  font-size: 10px;
  color: #BBB4B4;
}

.box-row .member {
  width: 110px;
  margin-right: 5px;
  float: left;
}

* html .box-row .member {
  width: 108px;
}

.member a.thumb {
  margin: 0 5px 0 0;
  float: left;
}

a.thumb {
  margin: 0 10px 0 0;
  float: left;
}

.profile-box {
  float: left;
  /* TODO: check the next two lines */
  width: 65px;
  overflow: hidden;
}

.box-row .group span {
  color: #95a3bd;
}

.box-row .group span {
  color: #95a3bd;
}

.box-row .week-profile {
  float: left;
  width: 150px;
}

.box-row .week-profile a,
.box-row .week-profile span {
  float: left;
  clear: both;
}

* html .box-row .week-profile span {
  width: 150px;
}

/******* GROUPS *******/

.groups .head .head-right .button {
  margin-top: 10px;
}

.groups .group {
  background: url('img/back-gradient.gif') top left repeat-x #2B221D;
  padding: 5px 0 5px 5px;
}

.groups .group .info {
  float: left;
  width: 200px;
}

.groups .group .tags {
  background-image: none;
}

.groups .group .user {
  float: left;
  width: 220px;
  overflow: hidden;
}

.group-view .group-left {
  float: left;
  width: 190px;
  padding-left: 10px;
  overflow: visible;
  margin-top: 10px;
}

.group-view .group-right {
  float: left;
  width: 320px;
  margin-top: 10px;
}

.group-view .group-right .section {
  float: left;
  width: 290px;
}

.group-view .group-left p {
  margin: 5px 0;
  float: left;
  clear: both;
}

.group-view .group-right .founder img {
  float: left;
  margin-right: 10px;
}

.group-view .group-right .founder p {
  float: left;
}

.group-view .group-members {
  float: left;
  width: 500px;
}

.group-view .group-members p {
  float: left;
  width: 125px;
}

.group-view .group-members p img {
  margin-right: 10px;
}

.group-view .group-members p a {
  float: left;
  line-height: 30px;
}

.groups .tags {
  clear: both;
}

.mygroups {
  float: left;
  width: 500px;
}

.mygroups li {
  float: left;
  width: 100%;
  margin-top: 10px;
}

.mygroups li .button {
  float: right;
  margin-left: 10px;
}

* html .groups .group {
  height: 1px;
}

/******* FRIENDS *******/
.friends .friend {
  background: url('img/back-gradient.gif') top left repeat-x #2B221D;
  padding: 5px 0;
}

.friends .friend .info {
  float: left;
  width: 200px;
}

.friends .friend .user {
  float: left;
  width: 220px;
  overflow: hidden;
}

.myfriends {
  float: left;
  width: 500px;
}

.myfriends li {
  float: left;
  width: 100%;
  margin-top: 10px;
}

.myfriends li .button {
  float: right;
  margin-left: 10px;
}

* html .friends .friend {
  height: 1px;
}

.friend {
  width: 117px;
  float: left;
  margin: 0 10px 10px 0;
  text-align: center;
}

.friend img {
  margin-left: 28px;
}

.friends .row-pos3 {
  margin-right: 0;
}

.friends-buttons {
  width: 16px;
  float: right;
  margin-right: 3px;
}

.button_deleteFriend,
.button_blockFriend,
.button_unblock,
.button_invite,
.button_cancelInvitation,
.button_declineInvitation,
.button_acceptInvitation {
  width: 16px;
  height: 16px;
}

.button_deleteFriend {
  background: url('img/heart_delete.png');
}

.button_blockFriend {
  background: url('img/user_delete.png');
}

.button_unblock {
  background: url('img/user_go.png');
}

.button_invite {
  background: url('img/heart.png');
}

.button_cancelInvitation {
  background: url('img/heart_delete.png');
}

.button_declineInvitation {
  background: url('img/heart_delete.png');
}

.button_acceptInvitation {
  background: url('img/heart_add.png');
}

/***************************************************************************/

.gc-list .list-row {
  float: left;
}

.gc-list .list-item {
  float: left;
  margin-right: -1px; /*IE 5 float bug*/
  width: 235px;
  padding: 5px;
  background: url('img/list_bg-light_d.png') top left repeat-x #2B221D;
}

.gc-list .data-box {
  float: left;
  width: 165px;
}

.gc-list .mem-space {
  float: left;
  width: 10px;
}

.data-box .name-stars {
  float: left;
  clear: both;
}

.data-box .name-stars a {
  float: left;
}

.data-box .name-stars span {
  float: right;
  color: #95a3bd;
}

/**** INDEXFILTER ****/
.box-search .inner-box form {
  margin: 10px;
}

.box-search .inner-box form .input {
  float: left;
  margin-right: 5px;
}

* html .box-search .inner-box form .input {
  margin-right: 0px;
}

.box-search .inner-box form label,
.box-search .inner-box form input.text,
.box-search .inner-box form input.checkbox,
.box-search .inner-box form select {
  float: left;
  margin-right: 5px;
}

.box-search .inner-box form select
{
  width: 40px;
}

.box-search .inner-box form select#UserScoreFrom {
  width: 60px;
}

.box-search .inner-box form select#UserScoreTo {
  width: 60px;
}

.box-search .inner-box form input.checkbox {
  margin-top: 6px;
}

* html .box-search .inner-box form input.checkbox {
  margin-top: 3px;
}

.box-search .inner-box form .submit {
  float: right;
  margin-top: 0;
}

* html .box-search .inner-box form .submit input {
  margin-left: -10px;
}

/*
.filter-box {
  margin: 10px 0;
  float: left;
  width: 500px;
  padding: 10px 10px 0px;
  background: #2B221D url('img/back-gradient.gif') no-repeat scroll 0pt 50%;
}

.filter-box .fb-row {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}

.filter-box .fb-row select {
  float: left;
  margin-right: 5px;
}

.filter-box .fb-row .submit {
  float: right;
}

.filter-box label {
  margin-right: 10px;
  float: left;
  margin-top: 2px;
}

.filter-box input {
  float: left;
  margin-right: 5px;
}

.filter-box input.text {
  width: 80px;
  margin-right: 15px;
}
*/

/********************************** PROFILE ******************************************************/
.member-profile {
  line-height: 15px;
}

.member-profile .profile-left {
  float: left;
  width: 260px;
  padding-left: 0px;
  overflow: visible;
}

.member-profile .profile-left div.box-image {
  width: 60px;
  margin-right: 15px;
}

.member-profile h2,
.member-profile .head .head-left h2 {
  margin-left: 0px;
}


.member-profile h3,
.member-profile td {
  font-size: 12px;
}

.profile-form h2 {
  color: #dce8ff;
}

.member-profile .profile-left .section {
  float: left;
}

.member-profile .profile-form label {
  float: left;
  width: 130px;
}

.member-profile .profile-form-small label {
  width: 80px !important;
}

.member-profile .profile-form .input {
  clear: both;
}

.member-profile .messengers li {
  cursor: pointer;
}

.member-profile span.messenger {
  font-size: 10px;
  display: block;
}

.member-profile span.msn-id {
  font-size: 10px;
  float: right;
  text-align: right;
}

.member-profile .profile-left .buttons {
  margin-top: 10px;
}

.member-profile .profile-left-form {
  width: 245px!important;
  padding-left: 0px!important;
}

.member-profile .profile-right {
  float: left;
  width: 210px;
  padding-left: 10px;
}

.member-profile .profile-right .section {
  float: left;
}

.member-profile .profile-right-form {
  width: 245px !important;
}

.member-profile .profile-left p {
  margin: 5px 0;
  float: left;
  clear: both;
}

.member-profile .profile-right .quickinfo .qi {
  float: left;
  width: 100px;
}

.member-profile .profile-right .quickinfo .qi a,
.member-profile .profile-right .quickinfo .qi span {
  float: left;
  margin-right: 5px;
}

/*
.member-profile .profile-right .quickinfo .rate-count {
  float: right;
  width: 125px;
}

.member-profile .profile-right .quickinfo .rate-count ul {
  float: right;
  margin-top: 2px;
}
*/

.member-profile .profile-right .quickinfo .qage {
  float: left;
  width: 65px;
}

/*
.member-profile .profile-right .quickinfo .rate-count div,
.member-profile .profile-right .quickinfo .rate-count span {
  float: right;
}
*/

.member-profile .message-form {
/*  float: left; */
/*  width: 350px; */
/*  padding: 10px; */
/*  margin: 10px; */
  margin-top: 10px;
}

.member-profile input.text {
  width: 200px;
}

.member-profile textarea {
  width: 200px;
}

.member-profile fieldset {
  margin: 0px;
}

.member-profile fieldset.messengers {
  margin: 10px 0px;
  padding-left: 5px;
  padding-right: 5px;
}

.member-profile fieldset.messengers input.checkbox {
  margin-top: 0px;
}

.member-profile fieldset.messengers label {
  font-size: 11px;
  height: 20px;
}

.member-profile .profile-input-float-right {
  float: right;
  width: 110px!important;
}

.member-profile .profile-input-float-right input {
  width: 80px!important;
}

.member-profile td.favs {
  vertical-align: top;
  padding-right: 5px;
}

.member-profile .favorites li {
  margin-bottom: 10px;
}

.member-profile span.fav-site-link {
  display: block;
}

.member-profile .profile-left table,
.member-profile .profile-right table {
  border-collapse:collapse;
}

/*
.member-profile .profile-right ul.favorites {
  list-style: none;
}

.member-profile .profile-right ul.favorites li {
  float: left;
  margin-right: 10px;
}

.member-profile .profile-right .quickinfo div {
  float: left;
  width: 50%;
}

.member-profile .profile-right .quickinfo div.rate {
  text-align: right;
}
*/

.inner-box-div {
  padding: 0 10px !important;
  margin-top: 10px;
}

/************************************ COMMENTS / PROFILE-BOXES ************************************/
.comment {
  float: left;
  width: 490px;
  margin: 0 10px;
  padding-left: 0 !important;
  clear: both;
}

.comment-teaser {
  width: 150px !important;
  padding-left: 0 !important;
  margin-right: 10px;
  float: left;
}

.comment-teaser img {
  float: left;
  margin: 0 10px;
}

.comment .row-pos2 {
  margin-right: 0 !important;
}

.comment .comment-row {
  float: left;
}

.comment .comment-row p.msg {
  margin-top: 10px;
}

.commentform {
  float: left;
  width: 500px;
  padding: 10px;
}

.commentform textarea {
  width: 90%;
}

#profile_comments_teaser {
  cursor: pointer;
}

.comment p.info {
  font-size: 10px;
  margin-left: 0;
}

/********* BOXES BELOW USERS/VIEW MY/PROFILE ****/
.profile-has-box {
/*
  width: 500px;
  margin: 0 10px;
  padding: 5px 5px 5px 0 !important;
  clear: both;
*/
  clear: both;
  margin-left: 10px;
}

.profile-has-box-with-ajax {
  width: 495px !important;
}

.profile-has-box-teaser {
  width: 155px !important;
  padding: 5px 5px 5px 0 !important;
  margin-right: 10px;
  float: left;
}

.profile-has-box img {
  float: left;
  margin: 0 10px 0 5px;
}

.profile-has-box img.gender {
  display: inline;
  float: none;
  margin: 0 2px;
}

.profile-has-box-teaser a.thumb {
  margin: 0;
}

.profile-has-box .row-pos2 {
  margin-right: 0 !important;
}

.profile-has-box .profile-has-box-row {
  float: left;
}

.profile-has-box .text-small,
.profile-has-box .text-small a {
  font-size: 10px !important;
}

.profile-has-box .profile-has-box-row p.msg {
  margin-top: 5px;
}

.profile-has-box .profile-has-box-row p.info {
  font-size: 10px;
  margin-left: 0;
}

/******** Count Infos ******/
.count-info {
  color: #95a3bd;
  padding-left: 18px;
  margin-top: 2px;
  float: right;
  height: 16px;
}

.count-info-inline {
  width: 18px;
  margin-left: 2px;
  margin-top: -2px;
  height: 16px;
  display: block;
  float: left;
}

.member-info {
  background: transparent url('img/group.png') no-repeat 0 2px;
}

.post-info {
  background: transparent url('img/email.png') no-repeat 0 2px;
}

.comment-info {
  background: transparent url('img/comment.png') no-repeat 0 2px;
  margin-top: -2px;
  margin-right: 10px;
}

/******** RATING ******/
.rate-info {
  color: #95a3bd;
  padding-left: 65px;
  margin-top: 2px;
  float: right;
/*
  width: 65px;
*/
  height: 13px;
}

.rate-info-0,
.rate-info-1,
.rate-info-2,
.rate-info-3,
.rate-info-4,
.rate-info-5 {
  background: transparent url('img/stars_0_inactive.gif') no-repeat 0 2px;
}

.profile-box .rate-info,
.profile-has-box .rate-info {
  float: left;
}

.rate-info-0 { background-image: url('img/stars_0_inactive.gif'); }
.rate-info-1 { background-image: url('img/stars_1_inactive.gif'); }
.rate-info-2 { background-image: url('img/stars_2_inactive.gif'); }
.rate-info-3 { background-image: url('img/stars_3_inactive.gif'); }
.rate-info-4 { background-image: url('img/stars_4_inactive.gif'); }
.rate-info-5 { background-image: url('img/stars_5_inactive.gif'); }

.rate-count {
  width: 110px;
  float: right;
}

.rate-count span {
  float: right !important;
  color: #95a3bd;
}

ul.rate {
  list-style: none;
/*
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
*/
  height: 10px;
  position: relative;
}

ul.rate li {
  float: left;
  margin: 0;
  padding: 0;
  width: 65px;
}

ul.rate-ul-0,
ul.rate-ul-1,
ul.rate-ul-2,
ul.rate-ul-3,
ul.rate-ul-4,
ul.rate-ul-5 {
  background: transparent url('img/stars_0_active.gif') no-repeat 0 0;
}

ul.rate-ul-1 { background-image: url('img/stars_1_active.gif'); }
ul.rate-ul-2 { background-image: url('img/stars_2_active.gif'); }
ul.rate-ul-3 { background-image: url('img/stars_3_active.gif'); }
ul.rate-ul-4 { background-image: url('img/stars_4_active.gif'); }
ul.rate-ul-5 { background-image: url('img/stars_5_active.gif'); }

ul.rate li a {
  position: absolute;
  display: block;
  padding: 0;
  text-decoration: none;
  width: 13px;
  height: 10px;
  margin: 0;
  z-index: 20;
}

ul.rate li a:hover {
  background: transparent url('img/rate_green.gif') repeat-x 0 0;
  z-index: 2;
}

ul.rate li a.rate-stars-2 { left: 13px; }
ul.rate li a.rate-stars-3 { left: 26px; }
ul.rate li a.rate-stars-4 { left: 39px; }
ul.rate li a.rate-stars-5 { left: 52px; }

ul.rate li a.rate-stars-2:hover {
  left: 0;
  width: 26px;
}

ul.rate li a.rate-stars-3:hover {
  left: 0;
  width: 39px;
}

ul.rate li a.rate-stars-4:hover {
  left: 0;
  width: 52px;
}

ul.rate li a.rate-stars-5:hover {
  left: 0;
  width: 65px;
}

/********* POLLS ************/
.box-poll {
  padding: 10px 10px 0 10px;
}

.vote-bar {
  float:left;
  background:#cccccc;
  height:3px;
  margin-top: 5px;
  margin-right: 5px;
}

.vote-answer {
  font-size: 11px;
}

.vote-rate {
  font-size: 10px;
}

.vote-center {
  text-align: center;
  vertical-align: top;
}

.poll-view .poll {
  float: left;
  width: 500px;
  padding: 10px;
}

.poll-view .poll-title p {
  float: left;
  width: 300px;
}

.poll-view .poll-title .poll-creator {
  width: 180px;
  float: left;
}

.poll-view .poll-title .poll-creator .user-data {
  float: left;
  width: 140px;
}

.poll-view .poll th,
.poll-view .poll h2 {
  margin: 0;
  height: auto;
}

.poll-view .poll th,
.poll-view .poll td {
  padding-right: 20px;
  padding-bottom: 15px;
}

p.closed,
p.public {
  width: 16px;
  height: 16px;
  float: right;
  background: transparent url('img/door.png');
  margin-right: 10px;
}

p.public {
  background: transparent url('img/asterisk_orange.png');
}

/************ FORM +++++++++++++*/
.form {
/*  float: left; */
/*  width: 500px; */
  padding: 10px;
}

.form .input {
  float: left;
  margin-bottom: 10px;
  clear: both;
  width: 100%;
}

.form .input-div {
  float: left;
  margin-bottom: 10px;
  clear: both;
  width: 100%;
}

.form .input-div .submit input {
  margin-right: 15px;
}

.form label,
.form input {
  float: left;
}

.form label {
  width: 100px;
}

.form legend {
  margin-bottom: 10px;
}

.form input,
.form textarea {
  width: 200px;
}

.form .form-head {
  margin: 10px 0 15px;
}

.form .radios input {
  width: auto;
}

.form .radios label {
  width: auto;
}

/******** EVENTS **************/
.termine {
  float: left;
  width: 330px;
  padding: 10px;
}

.termine .termin-row {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  padding-top: 10px;
}

.termine .section {
  padding: 0 0 10px 10px;
  margin-left: -10px;
}

.termine .comment {
  margin: 0;
}

div.thumb-medium {
  float: left;
  margin-right: 10px;
  width: 60px;
}

div.thumb-small {
  float: left;
  margin-right: 10px;
  width: 30px;
}

.termine .termin-row .termin-det {
  float: left;
  width: 260px;
}

.termine .termin-row .termin-det p {
  margin-bottom: 15px;
}

.termine .termin-row .part-buttons p {
  float: left;
  margin-right: 10px;
  margin-top: 10px;
}

.calendar {
  float: left;
  width: 165px;
}

.calendar table {
  width: 165px;
}

.calendarCon table {
  width: 140px;
}

.calendar .calendar-filter {
  margin-top: 25px;
}

.calendar .calendar-filter select {
  width: 146px;
  margin-bottom: 5px;
}

.calendar_non_current {
  color: #5b5b5b !important;
}

.calendar_non_current a,
a.unpublished {
  color: #FFEC8B !important;
}

.calendar_non_current a:hover,
a:hover.unpublished {
  color: #FF8800 !important;
}

.termine-box .write-comment p {
  float: right;
  margin-bottom: 15px;
}

.termine-box .commentform {
  width: 320px;
  padding: 0;
  margin: 15px 0;
}

.termine-box .comment {
  width: 320px;
}

.termine-box .comment .comment-row {
  width: 250px;
}

.add-termin {
  float: left;
  width: 500px;
  padding: 10px;
}

.termine-box .invite-form {
  width: 320px;
  padding: 0;
  margin: 15px 0;
  float: left;
}

.events-block {
  margin: 0 10px;
}

.unpublished h2,
.unpublished p {
  color: #555555!important;
}

p.unpublished {
  width: 16px;
  height: 16px;
  float: right;
  background: transparent url('img/flag_red.png');
  margin-right: 10px;
}

p.participants {
  width: 16px;
  height: 16px;
  float: right;
  margin-right: 5px;
}

p.participants-none {
  background: transparent url('img/group_error.png');
}

p.participants-invitation {
  background: transparent url('img/group_go.png');
}

p.participants-registration {
  background: transparent url('img/group.png');
}

/************** BLOGS ****************/
.blog-box .write-comment p {
  float: right;
  margin-bottom: 15px;
}

.blog-box .commentform,
.blog-box .comment {
  padding: 0;
  margin-bottom: 15px;
}

.blog-box .comment {
  margin: 0 0 0 20px;
  width: 470px;
  padding: 5px !important;
}

* html .blog-box .comment {
  margin-left: 10px;
  width: 470px;
}

.blog-box .comment-row {
  width: 400px;
}

input.blogPost,
textarea.blogPost {
  width: 370px;
}

/************* NEWS **********/
.newspost {
  float: left;
  width: 500px;
}

.newspost .thumb {
  float: left;
  width: 60px;
  margin-right: 15px;
}

.newspost .newspost-data {
  float: left;
  width: 425px;
}

.newspost .newspost-creator {
  margin-top: 15px;
}

.newspost .newspost-creator .thumb a {
  float: right;
}

/************** FORUM ***********/
.forums .section {
  margin: 0 4px 0 4px;
}

.forums .section .section {
  margin: 0;
  background: transparent;
}

.forum-post {
  width: 500px;
}

.forum-post .button {
  float: left;
}

.forum-post .button {
  margin: 10px 0;
}

.forum-post .form {
  padding: 0;
}

.breadCrumb {
  padding: 10px 10px 0;
  color: #95a3bd;
}

.uRHere {
  margin-left: 20px !important;
}

.forum input,
.forum textarea {
  width: 350px;
}

.count-topic-post {
  float: left;
  margin-left: 10px;
  color: #95a3bd !important;
}

/******** HELP/BUTTONS *********/
.helpButton {
  width: 16px;
  height: 16px;
  background: transparent url('img/help.gif');
  margin: 3px 0;
}

.plusButton {
  width: 16px;
  height: 16px;
  background: transparent url('img/plus.gif');
  margin: 5px 0;
}

.closeButton {
  width: 16px;
  height: 16px;
  background: transparent url('img/close.gif');
  margin: -5px -5px 0 0;
  float: right;
}

.loadingPopup {
  background: #D9D9D9 url('img/ajax-loader.gif') no-repeat center center;
  width: 150px;
  height: 70px;
  border: 2px solid #333333;
  position: absolute;
  text-align: center;
  padding: 5px;
  font-weight: bold;
  z-index: 9999;
}

.popup-helper {
  border: 2px solid #333333;
  background-color: #F9ECD8;
  color: #000000;
  padding: 5px;
}

.popup-helper p {
  font-size: 11px!important;
}

/********* GLOBAL VIEW *********/

.box-global-view {
  background: #BBBBBB;
}

.inner-box-global-view {
  background: #BBBBBB;
}

.inner-box-global-view * {
  color: #000000 !important;
}

.table-action {
  text-align: left;
  white-space: nowrap;
}

.inner-box-global-view h2 {
  margin-left: 0px;
}

.inner-box-global-view .section {
  background: #999999;
  margin-bottom: 10px;
}

.inner-box-global-view #UserDobMonth {
  width: 83px;
}

.box-global-view .menu-profile li span {
  display: block;
  padding-top: 2px;
  font-weight: bold;
}

.box-global-view a,
.box-global-view label,
.box-global-view legend,
.box-global-view span.nickname {
  color: #000000!important;
}

.box-global-view .button a,
.box-global-view .button {
  background-color: transparent!important;
}

.box-global-view fieldset {
  margin-bottom: 10px;
  border: 1px solid #333333;
}

.box-global-view .headDiv {
  height: 40px;
}

.box-global-view .photo {
  border: 1px solid #333333;
  margin: 10px 10px 0px 0;
  padding: 10px;
  width: 202px;
  float: left;
}

.box-global-view .margin-right-1 {
  margin-right: 0;
}

.box-global-view #addPhoto {
  margin-top: 10px;
  position: relative;
}

* html .box-global-view {
  background-image: none;
  border: none;
}

#teaser .box {
  margin-top: 8px;
}

#teaser .box-first {
  margin-top: 11px;
}

#teaser .inner-box h2 {
  height: 12px;
  padding-top: 0px;
}

* html #teaser .inner-box h2 {
  height: 11px;
  margin-top: 0px;
}

*+html #teaser .inner-box h2 {
  height: 14px;
  margin-top: 0px;
}

/* shout box demo*/
#shout {
  width: 140px;
  margin-left: 10px;
}

#shout p {
  font-size: 12px;
}

#shout span {
  color: #FBED1F !important;
}

.calendarCon {
  width: 140px;
  margin-left: 10px;
  font-weight: normal;
}

.calendarCon .event_box {
  color: #95a3bd;
}

.calendarCon .event_label {
  color: #FBED1F !important;
  font-weight: normal;
}

.box-teaser .videoCon {
  margin: 0 10px 0 10px;
}

.box-teaser .videoCon {
  padding-bottom: 5px;
}

.box-teaser .videoCon .video_ph {
  width: 140px;
  height: 120px;
  background: url('img/jimi_video_demo.png');
}

/* header */
#header {
  height: 90px;
  width:930px;
/*  margin-left: -140px; */
  padding: 10px 0px 0px 0px;
}

* html #header {
  padding-left: 5px;
}

*+html #header {
  padding-left: 3px;
}

#user-panel {
  height:90px;
  width:176px;
  float: left;

}

#ad-banner-Left {
  height:90px;
  width:14px;
  background: transparent url('img/anzeige.png') no-repeat 0px 0px;
  float: left;

/*
  display: none;
*/
}

#ad-banner-H {
  height:90px;
  width:728px;
  border: solid #ccc 1px;
  float: left;
  overflow: hidden;

/*
  display: none;
*/
}

/* menuCon */
#menuCon {
  height:100px;
  width:730px;
  padding: 10px 0px 0px 190px;
  position: relative;
  margin-top: 30px;
}

#panelLeft {
  height:90px;
/*  width:519px; */
  padding: 0px 10px 10px 0px;
  margin-left: 130px;
  background: url('img/panel-sep.gif') no-repeat top right;
  position: relative;
  float: left;
}

.adv-menu-con {
  position: absolute;
  left: 193px;
  bottom: 0px;
}

* html .adv-menu-con {
  left: 199px;
}

.adv-menu-con a {
  color: #000000 !important;
}

#panelRight {
/*  height:100px; */
  width:167px;
  padding: 0px 0px 0px 5px;
  float: left;
  position: relative;
}

/* colors */
.online,
.membership {
  color: #7CFC00 !important;
}

.membership {
  font-size: 10px !important;
}

.offline {
  color: #CD6600;
}

.searchedFor {
  color: #E49400 ;
}
/* rules in highslide */
.hs-cap {
}

.hs-cap a {
  color: #FF8800;
}

.hs-cap .rate-count {
  width: 80px;
}

.hs-cap .tags {
  padding-top: 3px;
  text-align: left;
}

.hs-cap a:hover {
  color: #800000;
}

.hs-cap-left {
}

.hs-cap-right {
  text-align: right;
  float:right;
  width: 50%;
}

/* button background icons */
.button-icon {
  float: left;
  display: block;
  height: 17px !important;
  padding: 2px 5px 2px 22px;
  border: 1px solid #999999;
  margin-top: 2px;
  margin-right: 5px;
  width: auto;
}

* html .button-icon {
  width: 30px;
}

.button-icon:focus,
.button-icon:hover {
  background-color: #CCCCCC;
}

.delete {
  background: url('img/garbage.gif') no-repeat 3px 1px transparent;
}

.edit {
  background: url('img/pencil.png') no-repeat transparent;
}

.closePoll {
  background: url('img/door.png') no-repeat transparent;
}

.optout {
  background: url('img/stop.png') no-repeat transparent;
}

.reply {
  background: url('img/reply.gif') no-repeat 3px 1px transparent;
}

/* some general rules */
.datetime,
.font10 {
  font-size: 10px;
}

.font11 {
  font-size: 11px;
}

p.open,
p.close-head,
h2.open,
h2.close-head {
  padding-left: 15px;
  background: url('img/arrow-close.gif') left 2px no-repeat transparent;
  font-weight: bold;
  cursor: pointer;
}

.box-teaser h2.open,
.box-teaser h2.close-head {
  background: url('img/arrow-close.gif') left 3px no-repeat transparent !important;
  margin-left: 5px !important;
}

.box-teaser h2.open {
  background-image: url('img/arrow-open.gif') !important;
}

p.open,
h2.open {
  background-image: url('img/arrow-open.gif');
}

span.plus,
span.minus {
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 5px;
  right: 5px;
  background-image: url('img/bullet_toggle_plus.png');
  cursor: pointer;
}

span.minus {
  background-image: url('img/bullet_toggle_minus.png');
}

.input-div span.plus {
  top: 0px;
  right: 20px;
}

.input-div span.minus {
  top: 0px;
}

#moreSitesButton {
  top: 15px;
  right: 15px;
}

.padding-left-0 {
  padding-left: 0px;
}

.padding-l-10 {
  padding-left: 10px;
}

.padding-b-0 {
  padding-bottom: 10px !important;
}

.margin-l-0 {
  margin-left: 0px;
}

.margin-l-40 {
  margin-left: 40px;
}

.margin-l-50 {
  margin-left: 50px;
}

.margin-t-10 {
  margin-top: 10px !important;
}

.margin-b-10 {
  margin-bottom: 10px !important;
}

/*************** MESSAGES / GREETINGS ***********************/

table.messages,
table.greetings {
  width: 500px;
  margin: 10px;
}

table.messages tr,
table.greetings tr {
  height: 1px;
/*
  background-color: #999999;
*/
}

table.greetings th.date,
table.greetings td.date,
table.messages th.date,
table.messages td.date {
  width: 98px;
  white-space: nowrap;
}

table.messages th.name {
  width: 70px;
}

table.messages th.subject {
  width: 120px;
}

table.greetings th.action,
table.messages th.action {
  text-align: right;
  white-space: nowrap;
/*
  width: 80px;
*/
}

table.messages .header th,
table.greetings .header th {
  background-color: #AAAAAA;
  border: 1px solid #777777;
  padding: 1px 3px;
}

.messages td,
.messages p {
  color: #000;
}

.messages .new-msg a {
  font-weight: bold;
}

.messages .button {
  float: right;
}


/* shoutbox */

#shoutbox {
  padding: 10px 0 10px 10px;
}

#shoutbox-form textarea {
  width: 200px;
  height: 40px;
  background: #DCE8FF;
}

#shoutbox-form .submit {
  float: right;
  margin-right: 15px;
}

* html #shoutbox-form .submit {
  margin-right: 5px;
}

#shoutbox-items {
  margin-top: 10px;
  height: 400px;
  overflow-y: scroll;
  overflow-x: scroll;
  width: 165px;
  color: #dce8ff;
}

#shoutbox-loader {
  background: #dce8ff url('img/ajax-loader.gif') no-repeat 0 0;
  width: 31px;
  height: 31px;
  display: none;
}

/* slide door buttons */

a.btn {
  background: transparent url('img/btn/btn-02-right-b.png') no-repeat scroll top right;
  display: block;
  float: left;
  font-size: 12px;
  height: 20px;
  margin-right: 5px;
  padding-right: 10px; /* sliding doors padding */
  text-decoration: none;
  white-space: nowrap;
  padding-left: 0 !important;

  cursor: pointer;
}

li.active a.btn,
a.btn:hover {
  background: transparent url('img/btn/btn-02-right-active-b.png') no-repeat scroll top right !important;
}


a.btn span {
  background: transparent url('img/btn/btn-02-left-b.png') no-repeat;
  display: block;
  line-height: 14px;
  padding: 3px 3px 3px 10px;
  text-transform: uppercase;
  font-weight: bold;
  color: #ffffff;
}

li.active a.btn span,
a.btn:hover span {
  background: transparent url('img/btn/btn-02-left-active-b.png') no-repeat scroll top left !important;
  color: #ffffff;
}


/* second btn col shemes */

a.btn2 {
  background: transparent url('img/btn/btn-03-right-b.png') no-repeat scroll top right;
}

a.btn2:hover {
  background: transparent url('img/btn/btn-03-right-active-b.png') no-repeat scroll top right !important;
}


a.btn2 span {
  background: transparent url('img/btn/btn-03-left-b.png') no-repeat;
  color: #0e2163;
}

a.btn2:hover span {
  background: transparent url('img/btn/btn-03-left-active-b.png') no-repeat scroll top left !important;
  color: #0e2163;
}

/* third btn col shemes */

a.btn3 {
  background: transparent url('img/btn/btn-02-right-hb.png') no-repeat scroll top right;
}

a.btn3:hover {
  background: transparent url('img/btn/btn-02-right-active-hb.png') no-repeat scroll top right !important;
}


a.btn3 span {
  background: transparent url('img/btn/btn-02-left-hb.png') no-repeat;
  color: #ffffff;
}

li.active a.btn3 span,
a.btn3:hover span {
  background: transparent url('img/btn/btn-02-left-active-hb.png') no-repeat scroll top left !important;
  color: #FFFFFF;
}

li.active a.btn3,
a.btn3:hover {
  background: transparent url('img/btn/btn-02-right-active-hb.png') no-repeat scroll right top !important;
}

/* col sheme 4 */

/* fourth btn col shemes */

a.btn4 {
  background: transparent url('img/btn/btn-03-right-hb.png') no-repeat scroll top right;
}

a.btn4:hover {
  background: transparent url('img/btn/btn-03-right-active-hb.png') no-repeat scroll top right !important;
}


a.btn4 span {
  background: transparent url('img/btn/btn-03-left-hb.png') no-repeat;
  color: #ffffff;
}

a.btn4:hover span {
  background: transparent url('img/btn/btn-03-left-active-hb.png') no-repeat scroll top left !important;
  color: #7f9fec;
}


/* col sheme 5 */

/* game menu */

a.btn5 {
  background: transparent url('img/btn/btn-04-right.png') no-repeat scroll top right;
}

li.active a.btn5,
a.btn5:hover {
  background: transparent url('img/btn/btn-04-right-active.png') no-repeat scroll top right !important;
}


a.btn5 span {
  background: transparent url('img/btn/btn-04-left.png') no-repeat;
  color: #d3e8fb;
}

li.active a.btn5 span,
a.btn5:hover span {
  background: transparent url('img/btn/btn-04-left-active.png') no-repeat scroll top left !important;
  color: #7f9fec;
}


/* big candy btn col shemes */

a.btn-big {
  background: transparent url('img/btn/but-candy-right.png') no-repeat scroll top right;

  font-size: 12px;
  height: 31px;
  margin-right: 5px;
  padding-right: 10px; /* sliding doors padding */
}

a.btn-big:hover {
  background: transparent url('img/btn/but-candy-active-right.png') no-repeat scroll top right !important;
}


a.btn-big span {
  background: transparent url('img/btn/but-candy-left.png') no-repeat;

  color: #7f9fec;
  line-height: 20px;
  font-size: 15px;
  padding: 6px 3px 5px 10px;
}

a.btn-big:hover span {
  background: transparent url('img/btn/but-candy-active-left.png') no-repeat scroll top left !important;
  color: #ffffff;
}



/* variations of btn */

a.head-btn {
  float: right;
  margin-top: 2px;
  margin-right: 14px;
}

a.btn-new-msg {
  float: right;
  margin-right: 0;
}

a.expand-btn {
/* btns floating right to an expandable header*/
  margin-top: 0;
}

* html a.head-btn {
  margin-right: 2px;
}

a.event-btn {
  margin-right: 0px;
}

a.multi-row-btn,
a.btn-row-multi {
  float: right;
  margin-right: 0px;
  margin-left: 10px;
}

a.btn-add-comment {
  float: right;
  margin: 0 10px 0 0;
}

a.btn-logout {
  float: right;
  margin: 5px 20px 0 0;
}

* html a.btn-logout {
  margin: 5px 10px 0 0;
}

.box-register .btn {
  margin-top: 5px;
}

a.btn-right {
  float: right;
  margin-right: 0;
}

a.btn-welcome {
  margin-left: 225px !important;
}

/* full graphic btns */
a.gfx-btn {
  font-size: 8px;
  margin-right: 0;
  padding-right: 0;
  background: none;
  height: 10px;
  width: 10px;
}

a.gfx-btn span {
  display:  none !important;
}

a.gfx-btn-battle {
  width: 73px !important;
  background: transparent url(img/btn/gfx/battle.png) top left no-repeat !important;
}

a.gfx-btn-battle:hover {
  background: transparent url(img/btn/gfx/battle_over.png) top left no-repeat !important;
}

a.gfx-btn-kiss {
  width: 73px !important;
  background: transparent url(img/btn/gfx/gruessen.png) top left no-repeat !important;
}

a.gfx-btn-kiss:hover {
  background: transparent url(img/btn/gfx/gruessen_over.png) top left no-repeat !important;
}

a.gfx-btn-add-friend {
  width: 135px !important;
  background: transparent url(img/btn/gfx/add_freund.png) top left no-repeat !important;
}

a.gfx-btn-add-friend:hover {
  background: transparent url(img/btn/gfx/add_freund_over.png) top left no-repeat !important;
}

a.gfx-btn-send-msg {
  width: 155px !important;
  height: 16px;
  background: transparent url(img/btn/gfx/but-nachricht-senden.png) top left no-repeat !important;
}

a.gfx-btn-send-msg:hover {
  background: transparent url(img/btn/gfx/but-nachricht-senden-active.png) top left no-repeat !important;
}
a.gfx-btn-recommend {
  width: 119px !important;
  background: transparent url(img/btn/gfx/profil_empfehlen.png) top left no-repeat !important;
}

a.gfx-btn-recommend:hover {
  background: transparent url(img/btn/gfx/profil_empfehlen_over.png) top left no-repeat !important;
}
a.gfx-btn-block-user {
  width: 114px !important;
  background: transparent url(img/btn/gfx/blockieren.png) top left no-repeat !important;
}

a.gfx-btn-block-user:hover {
  background: transparent url(img/btn/gfx/blockieren_over.png) top left no-repeat !important;
}
a.gfx-btn-invite {
  width: 135px !important;
  background: transparent url(img/btn/gfx/add_freund.png) top left no-repeat !important;
}

a.gfx-btn-invite:hover {
  background: transparent url(img/btn/gfx/add_freund_over.png) top left no-repeat !important;
}

a.gfx-btn-edit {
  width: 101px !important;
  height: 16px;
  background: transparent url(img/btn/gfx/edit.png) top left no-repeat !important;
}

a.gfx-btn-edit:hover {
  background: transparent url(img/btn/gfx/edit_over.png) top left no-repeat !important;
}

a.gfx-btn-view {
  width: 81px !important;
  height: 16px;
  background: transparent url(img/btn/gfx/view-b.png) top left no-repeat !important;
}

a.gfx-btn-view:hover {
  background: transparent url(img/btn/gfx/view_over-b.png) top left no-repeat !important;
}

a.gfx-btn-add-photo {
  width: 120px !important;
  background: transparent url(img/btn/gfx/add_bild.png) top left no-repeat !important;
}

a.gfx-btn-add-photo:hover {
  background: transparent url(img/btn/gfx/add_bild_over.png) top left no-repeat !important;
}

a.gfx-btn-add-video {
  width: 120px !important;
  background: transparent url(img/btn/gfx/add_video.png) top left no-repeat !important;
}

a.gfx-btn-add-video:hover {
  background: transparent url(img/btn/gfx/add_video_over.png) top left no-repeat !important;
}

a.gfx-btn-details {
  width: 74px !important;
  height: 16px;
  background: transparent url(img/btn/gfx/but-details-bl.png) top left no-repeat !important;
}

a.gfx-btn-details:hover {
  background: transparent url(img/btn/gfx/but-details-active-bl.png) top left no-repeat !important;
}

a.gfx-btn-duell {
  width: 103px !important;
  height: 16px;
  background: transparent url(img/btn/gfx/but-duell-b.png) top left no-repeat !important;
}

a.gfx-btn-duell:hover {
  background: transparent url(img/btn/gfx/but-duell-active-b.png) top left no-repeat !important;
}


a.gfx-btn-duell-bl {
  width: 103px !important;
  height: 16px;
  background: transparent url(img/btn/gfx/but-duell-bl.png) top left no-repeat !important;
}

a.gfx-btn-duell-bl:hover {
  background: transparent url(img/btn/gfx/but-duell-active-bl.png) top left no-repeat !important;
}

/* hide all btn submits, they are replaced and triggered by normal link*/
input.btn {
  position: absolute;
  left: -6666px;
  top: 0;
  width: 40px;
}


a.gfx-btn-duell-small {
  width: 40px !important;
  height: 19px;
  background: transparent url(img/btn/gfx/but-duell-list-bl.png) top left no-repeat !important;
}

a.gfx-btn-duell-small:hover {
  background: transparent url(img/btn/gfx/but-duell-list-active-bl.png) top left no-repeat !important;
}


/*** btns used in main navi***/
ul.adv-menu li a {
  padding: 0 10px;
}

ul.adv-menu li a span {
 padding-right: 0px;
}

.m10  { margin: 10px; }

.mtop0  { margin-top: 0px !important; }
.mtop2  { margin-top: 2px !important; }
.mtop3  { margin-top: 3px !important; }
.mtop5  { margin-top: 5px !important; }
.mtop8  { margin-top: 8px !important; }
.mtop10 { margin-top: 10px !important; }
.mtop15 { margin-top: 15px !important; }
.mtop20 { margin-top: 20px !important; }
.ptop20 { padding-top: 20px !important; }
.mtop25 { margin-top: 25px !important; }

.mtop-2  { margin-top: -2px !important; }
.mtop-5  { margin-top: -5px !important; }
.mtop-8  { margin-top: -8px !important; }
.mtop-10 { margin-top: -10px !important; }
.mtop-15 { margin-top: -15px !important; }
.mtop-20 { margin-top: -20px !important; }

.mbot5  { margin-bottom: 5px !important; }
.mbot10 { margin-bottom: 10px !important; }
.mbot15 { margin-bottom: 15px !important; }
.mbot20 { margin-bottom: 20px !important; }
.mbot25 { margin-bottom: 25px !important; }

.mlt5  { margin-left:  5px !important; }
.mlt10 { margin-left: 10px !important; }
.mlt20 { margin-left: 20px !important; }
.mlt35 { margin-left: 35px !important; }
.mrt0 { margin-right: 0px !important; }
.mrt5 { margin-right: 5px !important; }
.mrt10 { margin-right: 10px !important; }
.mrt1 { margin-right: 1px !important; }
.mrt2 { margin-right: 2px !important; }
.mrt3 { margin-right: 3px !important; }
.mrt4 { margin-right: 4px !important; }


.mtop-ie5,
.mtop-ie10,
.mtop-ie15,
.mtop-ie20,
.mtop-ie25 {
  margin-top: 0px;
}

* html .mtop-ie5  { margin-top: 5px; }
* html .mtop-ie10 { margin-top: 10px; }
* html .mtop-ie15 { margin-top: 15px; }
* html .mtop-ie20 { margin-top: 20px; }
* html .mtop-ie25 { margin-top: 25px; }

* html .mrt-ie3  { margin-right: 3px !important; }
* html .mrt-ie5  { margin-right: 5px !important; }
* html .mrt-ie0  { margin-right: 0px !important; }

.box-login,
.box-register{ position: absolute; }

.btn-abs-bot-left {
  position:absolute;
  right:0;
  bottom: 5px;
}

/*new status icons and action icons */
/* */
div.status-action {
  float: right;
}

p.icon-status,
p.icon-info {
  font-size: 10px;
  float: left;
  display: block;
  background: red;
  height: 16px;
  width: 16px;
  margin-left: 2px;
}

p.icon-row {
  float: left;
  display: block;
  background: red;
  height: 30px;
  width: 30px;
}

p.icon-info {
  padding-left: 18px; /* 16px image width + 2 true padding to text */
}

p.icon-row {
  padding-left: 35px; /* 30px image width + 5 true padding to text */
}

a.icon-action {
  float: left;
  display: block;
  height: 16px;
  font-size: 10px;
  margin-left: 10px;
  padding-right: 18px;
  /* padding-right: 0px; only if text-span display is turned off */
  /* width: 16px; only if text-span display is turned off*/
}


a.icon-action span {
  font-size: 10px;
  /* display: none; to turn off text*/
}

p.icon30-forumPost {
  background: transparent url('img/forum_antwort.png') no-repeat left 1px;
}

p.icon30-forumTopic {
  background: transparent url('img/forum_thema.png') no-repeat left 1px;
}

p.icon-public {
  background: transparent url('img/asterisk_orange.png');
}

p.icon-unpublished {
  background: transparent url('img/flag_red.png');
}

p.icon-closed {
  background: transparent url('img/door.png');
}

p.icon-participants-none {
  background: transparent url('img/group_error.png');
}

p.icon-participants-invitation {
  background: transparent url('img/group_go.png');
}

p.icon-participants-registration {
  background: transparent url('img/group.png');
}

p.icon-comment {
  background: transparent url('img/comment.png') no-repeat left 1px;
}

p.icon-forumPost {
  background: transparent url('img/email.png') no-repeat left 1px;
}

a.icon-delete {
  background: url('img/bin_closed.png') no-repeat right top transparent;
}

a.icon-edit {
  background: url('img/pencil.png') no-repeat right top transparent;
}

a.icon-forumPost {
  background: url('img/email.png') no-repeat right top transparent;
}

a.icon-closePoll {
  background: url('img/door.png') no-repeat right top transparent;
}

a.icon-optout {
  background: url('img/stop.png') no-repeat right top transparent;
}

a.icon-reply {
  background: url('img/reply.gif') no-repeat right top transparent;
}

/* SHOUT BOX */

#shoutbox {
  padding: 10px 0 10px 10px;
}

#shoutbox-form textarea {
  width: 150px;
  height: 40px;
}

#shoutbox-items {
  margin-top: 10px;
  height: 400px;
  overflow-y: scroll;
  overflow-x: scroll;
  width: 165px;
}

#shoutbox-loader {
  background: #dce8ff url('img/ajax-loader.gif') no-repeat 0 0;
  width: 31px;
  height: 31px;
  display: none;
}

/* sub navi */

.subnavi-navi-con {
  margin: 10px 0;
}

.sub-navi,
.sub-navi a {
  text-transform: uppercase;
  font-size: 11px !important;
  color: #666666;
}

.sub-navi a:hover,
.sub-navi a:hover span {
  color: #7f9fec;
}


/* misc */
.uppercase {
  text-transform: uppercase;
}

.center {
  text-align: center;
}

.no-border {
  border: none;
}

a.link-red {
  /* color: #7f9fec !important; ck need this imp?*/
  color: #7f9fec;
}

* html a.link-blue {
  /* color: #0099cc !important; ck need this imp?*/
/*  color: #0099cc; */
  height: 12px;
}



/* ck additions start */

.inner-padding {
  padding: 10px;

}

.extractable-inline {
  padding: 5px 0;
}

.extractable-inline .inner{
  border: solid #333 1px;
  color: #fff;
}

.extractable-inline .inner h2.open,
.extractable-inline .inner h2.close-head {
  color: #fff;
  font-size:14px;
  background-position: 0px 9px;
  padding: 5px 0 5px 15px;
}

* html .extractable-inline .inner h2.open {
  background-position: 8px 9px;
  padding: 5px  0 5px 22px;
}

* html .extractable-inline .inner h2.close-head {
  background-position: 8px 9px;
  padding: 5px  0 5px 22px;
}

.extractable-inline .inner h2.open a,
.extractable-inline .inner h2.close-head a{
  color: #fff;
}


/***  messages inbox and outbox single view ***/
.msg-table {
  width: 100%;
/*  background: olive;  */
  border-spacing: 0;
  border-collapse: collapse;
}

.msg-table th,
.msg-table td {
  padding-left: 5px;
}

.msg-table tr{
  background: url(img/list_bg-light.jpg) no-repeat;
}

.msg-table tr.header{
  background: url(img/list_bg-dark.jpg) no-repeat;
  height: 30px;
}

.msg-table tr td {
  color: #999;
}

.msg-table tr.header{
   color: #666;
}


td.user  {
  width: 37%;
  padding: 0;
}

td.user,
th.user  {
  padding-left: 10px;
}

td.topic {
  width: 39%;
  /* background: gold; */
}

td.date  {
  width: 24%;
  font-size: 10px;
  /* background: orange;  */
}

.status-read {
  width: 10px;
  height: 40px;
  background: url(img/msg-status-read-b.png) left center no-repeat;
  float: left;
}

td.topic,
.status-read,
.status-unread {
  cursor: pointer;
}

.msg-table  a.user-img {
  display: block;
  width: 30px;
  height: 30px;
  float: left;
  margin: 0 0 0 10px ;
  padding: 5px 0;
}

.userinfo {
  margin-left: 10px;
  float: left;
  padding-top: 5px;
  width: 114px;
  overflow: hidden;
}
.userinfo .username a{
  font-weight: bold;
  color: #0099CC;
  text-transform: uppercase;
}
.userinfo .user-state {
  width: 18px;
  height: 15px;
  display: block;
  float: left;
  margin-right: 2px;
}
.userinfo .user-state-online {
  background: url(img/but-on-b.png) left center no-repeat;
}

.userinfo .user-state-offline {
  background: url(img/but-off-b.png) left center no-repeat;
}

.userinfo .user-position {
  white-space: nowrap;
}

.userinfo .user-position b {
  color: #B30099;
}


.msg-unread .status-read{
  background: url(img/msg-status-unread-b.png) left center no-repeat;
}


tr.msg-opened .status-read {
  width: 10px;
  height: 40px;
  background: url(img/msg-status-read-w.png) left center no-repeat;
  float: left;
}

.msg-unread .topic a{
  font-weight: bold;
  color: #fff;
}

.msg-opened .topic a{
  color: #999;
}

.msg-table tr.msg-textcon,
.msg-table tr.msg-opened {
  background: #fff;
}

.msg-table tr.msg-opened .topic {
  color: #999;
}

.msg-table tr.msg-textcon td{
  padding: 0 10px;
}

.msg-table tr.msg-textcon div.text {
  padding: 10px;
  margin: 4px 0px 10px 0;
  background: #efefef;
  color: #000;
}

.msg-table tr.msg-textcon a.btn {             background-image: url(img/btn/btn-02-right-w.png);}
.msg-table tr.msg-textcon a.btn span {        background-image: url(img/btn/btn-02-left-w.png);}
.msg-table tr.msg-textcon a.btn:hover {       background-image: url(img/btn/btn-02-right-active-w.png) !important;}
.msg-table tr.msg-textcon a.btn:hover span {  background-image: url(img/btn/btn-02-left-active-w.png) !important;}

.msg-table tr.msg-textcon a.btn2 {            background-image: url(img/btn/btn-03-right-w.png);}
.msg-table tr.msg-textcon a.btn2 span {       background-image: url(img/btn/btn-03-left-w.png);}
.msg-table tr.msg-textcon a.btn2:hover {      background-image: url(img/btn/btn-03-right-active-w.png) !important;}
.msg-table tr.msg-textcon a.btn2:hover span { background-image: url(img/btn/btn-03-left-active-w.png) !important;}


/*** price list ***/

.prices {
  margin: 0 -9px;
}

.prices br {
  line-height: 15px;
}


/* pee peek once more... bgr colorss*/
* html .prices .uneven {height:1px;}
* html .prices .even {height:1px;}

.prices .single-price {
  width: 518px;
  background: url(img/list_bg-dark.jpg) no-repeat top left;
}

.prices .uneven {
/*  background: #7f9fec; */
  background: #7f9fec url(img/list_bg-blue.jpg) no-repeat top left;

}

.prices .single-price .col-1  {
  padding: 10px 10px 10px 20px;
  width: 330px;
  float: left;
  overflow-x: hidden;
}

.prices .single-price .col-1 h3 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 4px;
}

.prices .single-price .col-1 h3 a {
  color: #fff;
}

.prices .single-price .col-1 h3 a:hover {
  color: #ccc;
}

.prices .single-price .col-1 p {
  font-size: 12px;
  font-weight: normal;
  color: #95a3bd;
  padding-right: 10px;
}

.prices .uneven  .col-1 p {
  color: #fff;
}



.prices .single-price .col-2  {
  width: 140px;
  float: left;
  padding: 10px 0;

}

.prices .single-price .col-2 img {
  border:0;
  padding: 1px;
  margin:0;
  border: solid #888888 1px;

}


.prices .uneven  .col-2 img {
  border: solid #fff 1px;

}


.prices .even {
}

.box-prices-ends-on-even .box-bottom {
  background-image: url(img/ck-prizes-bottom-border-red.png);
}

.box-prices .inner-padding {
  padding: 10px 10px 0 10px;
}

.box-prices a {
  color: #AAA !important;
  font-weight: bold;
}

.box-prices a:hover {
  color: #FFF !important;
}

.box-prices .head-left-wide {
  width: 100%;
}


/*** get more list ***/
/* reusable */
.listed-items {
  margin: 0 -9px;
}

.listed-items  .single-item {
  background: #000000 url('img/list_bg-dark.jpg') repeat-x;
}

.listed-items  .single-item .col-1  {
  padding: 10px 10px 10px 20px;
  width: 140px;
  float: left;
  overflow-x: hidden;
}

.listed-items  .single-item .col-2 h3 {
  font-size: 14px;
  font-weight: bold;
}

.listed-items  .single-item .col-2 p {
  font-size: 12px;
  font-weight: normal;
  line-height: 15px;
  margin: 5px 0;
}

.listed-items  .single-item .col-2 p.link {
  margin: 5px 0 0 0;
}


.listed-items  .single-item .col-2  {
  width: 316px;
  float: left;
  padding: 10px 20px 10px 12px;
}

.listed-items  .single-item .full-width-row {
  width: 480px;
  padding: 10px 20px;
}


/* listed items adjusted horizontal for GET MORE TEASER*/

.teaser-more .listed-items {
  margin: 0 -9px;
  padding: 0 0 0 20px;
}

.teaser-more-10 .listed-items {
  margin: 0 -10px;
}

.teaser-more .listed-items  .single-item {
  background: none;
  float: left;
  width: 159px;
  border-right: solid #666 1px;
  margin-right: 10px;
}

.teaser-more .listed-items  .last-item {
  border-right: none;
  margin-right: 0px;
}

.teaser-more .listed-items  .single-item .col-1  {
  padding: 0;
  margin-right: 10px;
  width: 60px;
  float: left;
  overflow: hidden;
}


.teaser-more .listed-items  .single-item .col-2 p {
  font-size: 12px;
  font-weight: bold;
  line-height: 15px;
  margin: 5px 0;
  height: 30px;
  overflow: hidden;
}

.teaser-more .listed-items  .single-item .col-2  {
  width: 89px;
  float: left;
  padding: 0;
  overflow: hidden;
}

/* listed items adjusted for LEFT TEASER */

.box-teaser .listed-items {
  margin: 10px 0 0 0;
}

.box-teaser .listed-items  .single-item {
  padding: 10px;
  background: #000 url('img/list_bg-dark.jpg') top left repeat-x;
}

.box-teaser .listed-items  .single-item .col-1  {
  padding: 0;
  margin-right: 10px;
  width: 60px;
  float: left;
  overflow: hidden;
}

.box-teaser .listed-items  .single-item .col-2 p {
  font-size: 12px;
  font-weight: bold;
  line-height: 15px;
  margin: 5px 0;
  height: 30px;
  overflow: hidden;
}

.box-teaser .listed-items  .single-item .col-2  {
  width: 80px;
  float: left;
  padding: 0;
  overflow: hidden;
}

.box-teaser .listed-items a {
  color: #0099CC;
  font-weight: bold;
}

* html #getMoreVertConBox .head-btn{
  margin-right: 5px;
}


/*** rules ***/

.box-rules .inner-box .section {
background: #000 url(img/list_bg-dark.jpg) repeat-x scroll left top;
color: #95a3bd;
padding: 15px 10px 10px 20px;
width: 488px;
}

.box-rules .section h2 {
  color: #fefefe;
}

.box-rules .section p {
  margin: 5px 0;
}

.box-rules .section h2 {
  color: #fff;
  background-position: left 4px
}

.box-rules .section br {
  line-height:  10px;
}


.copycat-page {
  color:#95a3bd;
}


.copycat-page .inner-padding {
  padding-left: 20px;
}

.copycat-page h2 {
  padding-left: 0;
  margin-left: 0;
}

.copycat-page br { line-height: 10px; }

/* check for generalized userstate */

.user-state {
  width: 18px;
  height: 15px;
  display: block;
  float: left;
  margin-right: 2px;
}

.user-state span,
.user-state-online span,
.user-state-offline span {
  display: none;
}


.user-state-online {
  background: url(img/but-on-b.png) left center no-repeat;
  width: 18px;
  height: 15px;
  display: block;
  float: left;
  margin-right: 2px;
}

.user-state-offline {
  background: url(img/but-off-b.png) left center no-repeat;
  width: 18px;
  height: 15px;
  display: block;
  float: left;
  margin-right: 2px;
}


.comm-switch .user-state-online {
  background: url(img/but-on-w.png) left center no-repeat;
}

.comm-switch .user-state-offline {
  background: url(img/but-off-w.png) left center no-repeat;
}

* html .ie6-height1 {
  border: 1px solid black;
  height: 1px;
}

.no-cursor {
  cursor: default !important;
}

/* form fields for edit profile needed redduction due to border */
* html .inner-box .section-form input.text {
  width: 218px;
}

* html .inner-box .section-form textarea {
  width: 218px;
}


/* das quiz */
#das-quiz {
  position: relative;
  display: none;
}

#das-quiz div {
  position: absolute;
  background: url('img/das-quiz.png') no-repeat;
  width: 127px;
  height: 31px;
  top: 93px;
  left: 35px;
}


h2#getMoreVertConHead {
  line-height: 16px;
  padding-bottom: 2px;
}

#UserScoreTo,
#UserScoreFrom { margin-top:5px;}

/*** no flash content ***/

.flash-outer {
  padding: 10px;
  background: url(img/no-flash-bgr.jpg) 10px 10px no-repeat;
  min-height: 510px;

  position:relative;
}

* html .flash-outer {
  height: 510px;
}


.flash-outer-with-border {
  padding: 10px;
  background: url(img/no-flash-bgr-border.jpg) no-repeat;
  min-height: 520px;
  position:relative;
}

* html .flash-outer-with-border {
  height: 520px;
}




.flash-outer div {
  text-align: center;
  padding-top: 210px;
}

.get-flash {
  position: absolute;
  top: 280px;
  left: 190px;
  display: block;
  width: 158px;
  height: 39px;
  background: url(img/get-flash.png);
}

.get-flash-ie {
  position: absolute;
  top: 220px;
  right: 20px;
  display: block;
  width: 158px;
  height: 39px;
  background: url(img/get-flash.png);
}

.get-flash span,
.get-flash-ie span {
  display: none;
}

.no-transform {
  text-transform: none !important;
}


/*** additional trnasparent homepage-lin**/

.home-link-outer {
  position: relative;
}

.home-link-outer div{
/*
  position: absolute;
  top: 15px;
  left: -170px;
  z-index: 999;
*/
}

.home-link-outer div a {
  position: absolute;
  top: -15px;
  left: -80px;
  display: block;
  height: 80px;
  width: 520px;
  background: transparent;
/*
  background: transparent url(img/spacer.gif); /* bernd: image is missing; necessary? */
  z-index: 99;
}

.home-link-outer div a span {
  display: none;
  z-index: 99;
}

#register-div {
  background: url('img/anmelden_button.png');
  position: absolute;
  width: 80px;
  height: 80px;
  top: 70px;
  left: 125px;
  z-index: 999;
}

* html #register-div {
  left: 77px;
  top: 160px;
}

#register-div.normal {
  background-position: center top;
}

#register-div.normal {
  background-position: center bottom;
}