@charset "utf-8";

body,p,h1,.font_huge,h2,.font_big,h3,h4 {margin:0}
/* body {background:#5af;font-size:65%;line-height:1.3;overflow-y:scroll} */
body {font-size:65%;font-weight:normal;font-family:Verdana, Arial, Helvetica, sans-serif;letter-spacing:0px;word-spacing:0px;background:#5af;line-height:1.3;overflow-y:scroll; background-image:url(https://www.chat-fun.info/iec/chat/assets/belle_portal_roses_10P.jpg); background-attachment:fixed; background-repeat:no-repeat; background-size:100% 100%;}
.body2 {font-size:69%;}

font,div {font-family: Verdana, Arial, Helvetica, sans-serif;}
a, a.blue {color:#134; text-decoration:none}
a:hover, a.blue:hover {color:#268}

div.white, span.white,a.white,#header_nav {color:#fff}
a.white:hover, .cathead3 a:hover, #header a:hover,a.red:hover {color:#f00}

div.red, span.red, a.red, #header a.red {color:#d00}
div.green {color:#0d0}

h1,.font_huge {font-size:110%}
h2,.font_big {font-size:105%}
h3 {font-size:100%}

img {border:0;vertical-align:middle}
hr {height:1px; border:0 #ccc; color:#ccc; background:#ccc}

.thumb,.contentbox,.cathead,.cathead2,.autocomplete,input,select,textarea,.box {border:1px solid #ccc}

input,select,textarea,.autocomplete {background:#fff}
input,select {font-size:95%}
input.button {background:url(images/button_bg.gif)}

form {margin:0px; padding:0px}

.center,#header_nav {text-align:center}
.left,font,div {text-align:left}
.right,#header_content {text-align:right}
.bold,h1,h2,h3,.font_huge,.font_big {font-weight:bold}
.italic {font-style:italic}

div.main {float:left;width:77.5%}
div.main2 {float:left;width:81.5%}
div.side {float:left;width:22.4%;overflow:hidden}
div.side2 {float:left;width:18.4%;overflow:hidden}
div.float {float:left;}
div.float20 {float:left;width:20%}
div.float25 {float:left;width:25%}
div.float33 {float:left;width:33.3%}
div.float43 {float:left;width:43%}
div.float50 {float:left;width:49.9%}
div.float57 {float:left;width:57%}
div.float75 {float:left;width:75%}
div.float80 {float:left;width:80%}
div.clearer {clear:both}

#header,#header_nav,#content_top,#content_top2,#content_top_grey,#content_bg,#footer {margin:auto}
#header,#header_nav,#content_top,#content_top2,#content_top_grey {width:975px}
#frame {width:100%; background:url(images/bg_top.png) repeat-x; background-size:0% 0%; text-align:center}
#header {height:70px;background:url(images/header.png)}
#header_content {position:relative; top:15px; right:24px; line-height:12px}
#header_nav {height:40px;background:url(images/header_nav.png)}
#header_menu {position:absolute; z-index:50; padding:10px; background:url(images/header_menu_bg.png) repeat-x}
#header_menu hr {width:100px}
#content_top,#content_top2 {height:12px}
#content_top {background:url(images/content_top.png)}
#content_top2 {background:url(images/content_top2.png)}
#content_top_grey {background:url(images/content_bg2.png) repeat-y; padding:0px 0px 8px 0px}
#content_bg {width:943px; background:url(images/content_bg.png) repeat-y; padding:4px 16px}
#footer {height:65px; width:925px; padding:42px 25px 0px 25px; background:url(images/footer.png) no-repeat}

.cathead,.cathead2,.contentbox,.contentbox_noborder,.box {margin:0px 8px}
.cathead,.cathead2 {padding:2px 6px; background:#fff url(images/cathead.png) repeat-x}
.contentbox,.contentbox_noborder,.box {padding:6px 10px}
.contentbox,.box {background:#fff url(images/contentbox_bg.gif) repeat-x}

.overflow {overflow:hidden;white-space:nowrap}

.row2 {background:#eee}
.momenttext {height:31px; overflow:hidden}

#overlay {position:fixed; z-index:99; background:url(images/overlay.png)}
#popup {position:fixed; z-index:100; width:25%}

.backgroundtransparent{
  overflow:hidden;
  background:#FFFFFF;
  /* IE6-9 */
  -filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* IE 5-7 */
  -filter: "alpha(opacity=80)";
  /* Netscape/FireFox */
  -moz-opacity: 0.8;
  /* Opera */
  -opera-opacity:0.8;
  /* Safari 1.x */
  -khtml-opacity: 0.8;
  /* aktuelle Browser */
  opacity: 0.8;
}

.backgroundtransparent2{
  overflow:hidden;
  background:#FFFFFF;
  /* IE6-9 */
  -filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  -filter: "alpha(opacity=80)";
  /* Netscape/FireFox */
  -moz-opacity: 0.5;
  /* Opera */
  -opera-opacity:0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* aktuelle Browser */
  opacity: 0.5;
}

.momentheading{
  height:31px; overflow:hidden;
  background:#FFFFFF;
  /* IE6-9 */
  -filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  -filter: "alpha(opacity=50)";
  /* Netscape/FireFox */
  -moz-opacity: 0.5;
  /* Opera */
  -opera-opacity:0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* aktuelle Browser */
  opacity: 0.5;
}

/* header */
.mlmenubarleft {width:8%}
.mlmenubarright {width:8%}
.mlmenubarmiddle {width:81%;padding:4px}

/* timelineelement */
.mlwidth55px {width:55px}
.mlwidth77p {width:77%}
.mlpositionabsolute {position:absolute}
.mlwidth307px {width:307px}
.mloutline0 {outline:0;}

.rainbow {
-webkit-animation:rainbow 3s infinite;
-ms-animation:rainbow 3s infinite;
-o-animation:rainbow 3s infinite;
animation:rainbow 3s infinite;
}
@-webkit-keyframes rainbow {
0% {color: #ff0000;}
10% {color: #ff8000;}
20% {color: #ffff00;}
30% {color: #80ff00;}
40% {color: #00ff00;}
50% {color: #00ff80;}
60% {color: #00ffff;}
70% {color: #0080ff;}
80% {color: #0000ff;}
90% {color: #8000ff;}
100% {color: #ff0080;}
}
@-ms-keyframes rainbow {
0% {color: #ff0000;}
10% {color: #ff8000;}
20% {color: #ffff00;}
30% {color: #80ff00;}
40% {color: #00ff00;}
50% {color: #00ff80;}
60% {color: #00ffff;}
70% {color: #0080ff;}
80% {color: #0000ff;}
90% {color: #8000ff;}
100% {color: #ff0080;}
}
@-o-keyframes rainbow {
0% {color: #ff0000;}
10% {color: #ff8000;}
20% {color: #ffff00;}
30% {color: #80ff00;}
40% {color: #00ff00;}
50% {color: #00ff80;}
60% {color: #00ffff;}
70% {color: #0080ff;}
80% {color: #0000ff;}
90% {color: #8000ff;}
100% {color: #ff0080;}
}
@keyframes rainbow {
0% {color: #ff0000;}
10% {color: #ff8000;}
20% {color: #ffff00;}
30% {color: #80ff00;}
40% {color: #00ff00;}
50% {color: #00ff80;}
60% {color: #00ffff;}
70% {color: #0080ff;}
80% {color: #0000ff;}
90% {color: #8000ff;}
100% {color: #ff0080;}
}