@import url(https://fonts.googleapis.com/css?family=Oxygen+Mono);
/* Starter CSS for Menu */
#cssmenu {
  padding: 0;
  margin: 0;
  border: 0;
  width: auto;
}
#cssmenu ul,
#cssmenu li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu ul {
  position: relative;
  z-index: 597;
}
#cssmenu ul li {
  float: left;
  min-height: 1px;
  vertical-align: middle;
}
#cssmenu ul li.hover,
#cssmenu ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
#cssmenu ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%;
}
#cssmenu ul ul li {
  float: none;
}
#cssmenu ul ul ul {
  top: 0;
  left: 190px;
  width: 190px;
}
#cssmenu ul li:hover > ul {
  visibility: visible;
}
#cssmenu ul ul {
  bottom: 0;
  left: 0;
}
#cssmenu ul ul {
  margin-top: 0;
}
#cssmenu ul ul li {
  font-weight: normal;
}
#cssmenu a {
  display: block;
  line-height: 1em;
  text-decoration: none;
}
/* Custom CSS Styles */
#cssmenu {
  background: #333333;
  border-bottom: 4px solid #ffffff;
  font-family: 'Oxygen Mono', Tahoma, Arial, sans-serif;
  font-size: 12px;
}
#cssmenu > ul {
  *display: inline-block;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu ul {
  text-transform: none;
}
#cssmenu ul ul {
  border-top: 4px solid #CA0000;
  text-transform: none;
  min-width: 190px;
}
#cssmenu ul ul a {
  background: #CA0000;
  color: #ffffff;
  border: 1px solid #ffffff;
  border-top: 0 none;
  line-height: 10%;
  padding: 16px 20px;
  font-size: 12px;
}
#cssmenu ul ul ul {
  border-top: 0 none;
}
#cssmenu ul ul li {
  position: relative;
}
#cssmenu ul ul li:first-child > a {
  border-top: 1px solid #ffffff;
}
#cssmenu ul ul li:hover > a {
  background: #4eb1ff;
  color: #ffffff;
}
#cssmenu ul ul li:last-child > a {
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-box-shadow: 0 1px 0 #CA0000;
  -webkit-box-shadow: 0 1px 0 #CA0000;
  box-shadow: 0 1px 0 #1b9bff;
}
#cssmenu ul ul li:last-child:hover > a {
  -moz-border-radius: 0 0 0 3px;
  -webkit-border-radius: 0 0 0 3px;
  border-radius: 0 0 0 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#cssmenu ul ul li.has-sub > a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -8px;
}
#cssmenu ul li:hover > a,
#cssmenu ul li.active > a {
  background: #CA0000;
  color: #ffffff;
}
#cssmenu ul li.has-sub > a:after {
  content: '+';
  margin-left: 5px;
}
#cssmenu ul li.last ul {
  left: auto;
  right: 0;
}
#cssmenu ul li.last ul ul {
  left: auto;
  right: 99.5%;
}
#cssmenu a {
  background: #333333;
  color: #FFFFFF;
  padding: 0 20px;
}
#cssmenu > ul > li > a {
  line-height: 48px;
  font-size: 14px;
}








/* Ab hier Menue links */
#cssmenu2 {
  padding: 0;
  margin: 0;
  border: 0;
}
#cssmenu2 ul,
#cssmenu2 li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu2 ul {
  position: relative;
  z-index: 597;
  float: left;
}
#cssmenu2 ul li {
  float: left;
  min-height: 1px;
  line-height: 1.5em;
  vertical-align: middle;
}
#cssmenu2 ul li.hover,
#cssmenu2 ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
#cssmenu2 ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%;
}
#cssmenu2 ul ul li {
  float: none;
}
#cssmenu2 ul ul,
#cssmenu2 ul ul ul {
  top: -1px;
  left: 99%;
}
#cssmenu2 ul li:hover > ul {
  visibility: visible;
}
#cssmenu2 ul li {
  float: none;
}
#cssmenu2 a {
  display: block;
}
/* Custom CSS Styles */
#cssmenu2 {
  font-family: "Helvetica", Helvetica, Arial, Verdana, sans-serif;
  font-size: 16px;
}
#cssmenu2:after,
#cssmenu2 ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu2 ul {
  background: #FFFFF9;
  border: 0px solid #aaaaaa;
  padding: 1px;
  width: 170px;
}
#cssmenu2 ul li {
  color: #000000;
  position: relative;
}
#cssmenu2 ul li.hover,
#cssmenu2 ul li:hover {
  background: #61b72d;
  background: -moz-linear-gradient(#a3a3a3 0%, #818181 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a3a3a3), color-stop(100%, #818181));
  background: -webkit-linear-gradient(#a3a3a3 0%, #818181 100%);
  background: linear-gradient(#a3a3a3 0%, #818181 100%);
  color: #FFF;
}
#cssmenu2 ul li.hover > a,
#cssmenu2 ul li:hover > a {
  color: #FFF;
  border: 0px solid #818181;
}
#cssmenu2 ul ul {
  width: 160px;
}
#cssmenu2 a {
  border: 0px solid transparent;
  padding: 1px 1px;
}
#cssmenu2 a:link,
#cssmenu2 a:visited {
  color: #000000;
  text-decoration: none;
}
#cssmenu2 a:hover {
  background: #61b72d;
  background: -moz-linear-gradient(#a3a3a3 0%, #818181 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a3a3a3), color-stop(100%, #818181));
  background: -webkit-linear-gradient(#a3a3a3 0%, #818181 100%);
  background: linear-gradient(#a3a3a3 0%, #818181 100%);
  color: #FFF;
}
#cssmenu2 a:active {
  color: #ffa500;
}
#cssmenu2 .has-sub:hover > a:after,
#cssmenu2 .has-sub.hover > a:after {
  border-color: transparent transparent transparent #000000;
}
#cssmenu2 .has-sub > a:after {
  content: '';
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 4px 0 3px 4px;
  border-color: transparent transparent transparent #808080;
  position: absolute;
  top: 50%;
  right: 5%;
  margin-top: -3px;
  -webkit-transform: rotate(360deg);
}





.back-to-top {
 background:green;
 position: fixed;
 bottom:20px;
 right:500px;
 padding:1em;

}



.back-to-top2 {
 background:green;
 position: fixed;
 bottom:20px;
 right:50px;
 padding:1em;

}







/* global */

* { margin: 0; padding: 0; }
@import url('https://fonts.googleapis.com/css?family=Helvetica');
body { font-size: 14px; font-family: 'Helvetica', sans-serif; color: #666; background-color:#EDEDED; repeat-y; background-position: top center; }
h1,h2,h3,h4,h5,p {margin: 10px 0;}
h1 {color:#444;font-weight:bold;font-size:17px;margin:5px 0px 10px 0px;padding:0px;width:auto;border:#DDDDDD dotted;border-width:0px 0px 1px 0px;padding-bottom:2px;}
h2 {color:#555;font-weight:bold;font-size:16px;margin:5px 0px 15px 0px;padding:0px;width:auto;border:#DDDDDD dotted;border-width:0px 0px 1px 0px;padding-bottom:2px;}
h3 {color:#444;font-weight:bold;font-size:14px;margin:1px;padding:0px;text-decoration:underline;}
h4 {color:#222;font-weight:bold;font-size:13px;margin:20px 0px 5px 0px;padding:0px;width:auto;border:#666 dotted;border-width:0px 0px 1px 0px;padding-bottom:2px;}
hr {border:#DDDDDD dotted;border-width:0px 0px 1px 0px;}
p{margin:0px 0px;}
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
img { border: none; }
a { color: #333;}
a:hover {  color:#333; transition: background 0.3s ease 0s, color 0.3s ease 0s; }
#main_container { width: 1056px; margin: 0 auto; }

/* Farbe Schriftart "Suche" und Menuerheader links und rechts */
.menuber {
   font-size : 14px;  font-weight : bold;  color : #444444;  background-color: #CA0000;}

/* Farbe Schriftart für Meldungen */
.alert {
  font-size : 13px;  font-weight : normal;  color : #9D091F;  background-color: transparent;}

/* Farbe Schriftart für Meldungen2 */
.alert2 {
  font-size : 13px;  font-weight : normal;  color : #13A400;  background-color: transparent;}

/* Rahmen und Hintergrundfarbe für Fehlermeldungen -------------------------*/
.fehlermelden {
 border: 1px solid rgb(188,51,51);
 background-color: #FFF7F7 }

/* Rahmen und Hintergrundfarbe auf der Seite "Hinweise zur Anmeldung" ------*/
.antipp {
 border: 1px solid rgb(158,192,104);
 background-color: #FCFFF8 }

/* oberer Rahmen und Hintergrundfarbe bei Premiumeinträgen */
.praemium {
 border-left: 0px solid rgb(179,203,220);
 border-top: 0px solid rgb(179,203,220);
 border-right: 0px solid rgb(179,203,220);
 border-bottom: 0px solid rgb(179,203,220);
 background-color: #FFFFFF; }

/* unterer Rahmen und Hintergrundfarbe bei Premiumeinträgen */
.praemiumbottom {
 border: 0px solid rgb(179,203,220);
 background-color: #FFFFFF; }

/* unterer Rahmen und Hintergrundfarbe bei Standardeinträgen */
.nopraemium {
 border: 1px dotted rgb(220,220,220);
 background-color: #FFFFFF; }

/* oberer Rahmen und Hintergrundfarbe bei Standardeinträgen (Admin) */
.nopraemiumhead {
 border-left: 1px solid rgb(220,220,220);
 border-top: 1px solid rgb(220,220,220);
 border-right: 1px solid rgb(220,220,220);
 background-color: #FFFFFF; }

/* Rahmen und Hintergrundfarbe der Sponsorenanzeigen in der Suche */
.sponsoren {
 border: 1px solid rgb(158,192,104);
 background-color: #FFFFF3; }

/* Rahmen Centerscreen */
.center {
 border: 1px solid rgb(194,194,194);
 background-color: #fcfcfc; }

/* Rahmen, Hintergrundfarbe Adminbereich */
.admin {
background-color: #FBFBFB;
border: 1px solid rgb(104,120,131); }
/* header top */
#header_top {height:15px; padding: 10px 28px;border-bottom: 0px dotted #DDDDDD;text-align: left;background: #;color: #fff;}
#header_top .header_top_left {float:left margin:0;padding-top:0px;padding-left:0px;}
#header_top .header_top_right {float: right; padding-top:3px;}

/* header */
#header {height:100px; padding: 10px 28px;}
#header #logo {float:left margin:0;padding-top:10px;padding-left:0px;font:bold 3.6em 'Helvetica', Sans-serif;letter-spacing:1.0px;color:#555;}
#header #logo a{color:#444;}
#header #slogan {margin:0px;padding-bottom:7px;font: 1.1em 'Helvetica', Sans-serif;text-transform:none;color:#999999;}

/* search */
.search_cont {float: right; margin-top: 20px; position: relative;}
.search_cont input[type=text] {width: 285px; height: 23px; border: 1px solid #E5E5E5;}
.search_icon {position: absolute; top: 7px; right: 8px;}

/* input */
input{font-family:Arial, Sans-serif;font-size:12px;    padding: 5px;}
input[type=text], input[type=password]{border:1px solid #e9e9e9;padding:5px;}

/* menu top */
#menu_container {/* background-color: #74A5B5; */  background-color:#; border-top: 0px dotted #DDDDDD; border-bottom: 0px solid #DDDDDD; padding: 0px 28px;}
#menu_container ul {list-style-type: none; float: left; padding: 5px 0;}
#menu_container ul li {float: left;}
#menu_container ul li a {font-size: 14px;display: block; font-weight:bold; color: #fff; text-decoration: none; padding: 5px 10px; margin: 0 10px;}
#menu_container ul li a:hover {font-size: 14px;background-color: #9e9e9e; font-weight:bold; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;}
#menu_container .cat_menu { border-left: 1px dotted #DDDDDD; }

/* Content */
#content_container { width: 1000px; margin: 0 auto; padding: 10px 0; }
#main-wrapper {margin-left:20px;padding:0px;width:55%;float:left;background-color:transparent;}
#main-wrapper a {color: #000; text-decoration: none;}
#main-wrapper a:hover {text-decoration: underline;}
#main-wrapper ul { list-style-type: none; margin-left: 3px; }
#main-wrapper ul li { margin-bottom: 3px; }

/* sidebar left a. right */
#sidebar { float: left; width: 200px; background-image: url('../gfx/bg_re.jpg');}
#sidebar2 { float: right; width: 200px; background-image: url('../gfx/bg_re.jpg');}
.side_box { margin-bottom: 25px; }
.side_box h3 { background-color: #CA0000; padding: 5px 10px; color: #fff; font-size: 14px; margin: 0 0 10px 0; }
.side_box ul { list-style-type: none; padding: 0 10px; }
.side_box ul li { margin-bottom: 3px; }
.side_box .textwidget { padding: 0 10px; }
.side_box a { color: #000; text-decoration: none; font-size: 14px;}
.side_box a:hover { text-decoration: underline; }

/* footer */
#footer { margin-top: 25px; padding: 10px 0; /* border-top: 5px solid #DDDDDD; */    border-top: 5px solid #CA0000;}
#footer a { color: #000; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
.footer_widgets_cont { padding: 0 8px 0 28px; }

/* for mobile */
/*cmnt start*
@media screen and (max-width: 766px) {
#main_container { width: 320px; }
#header_top {padding: 10px 0px;border-bottom:none;}
#header_top .header_top_right {display:none}
#header {padding: 10px 0px; }
#header #logo {padding: 10px 0px;}
#header #slogan {display:none}
.search_cont { display: none; }
#menu_container {margin-top:20px; padding: 0px 0px; width: 320px; margin: 0 auto; }
#menu_container ul { list-style-type: none; width: 150px }
#menu_container ul li { float: none; }
#menu_container ul li a { padding: 5px 10px; margin: 0 0px 5px; }
#menu_container .cat_menu { border-left: none; float: right; }
#content_container { width: 320px; }
#sidebar { float: left; width: 200px; }
#sidebar2 { float: left; width: 200px; }
#footer { display: none; }
}
cmnt end*/
/* for tablet */
/*cmnt start*
@media only screen and (min-width: 768px) and (max-width: 959px) {
#main_container { width: 728px; }
#header { padding: 10px 0px; }
#menu_container { padding: 0px 0px; }
#content_container { width: 728px; }
#sidebar { float: left; width: 200px; }
#sidebar2 { float: left; width: 200px; }
.footer_widgets_cont { padding: 0 0px 0 0px; }
.footer_box { width: 229px; }
cmnt end*/
/*
#single_left { width: 500px; }
#single_left .single_content img { max-width: 500px; height: inherit; }
#sidebar { width: 200px; float: left; margin-top: 20px; }
#sidebar2 { width: 200px; float: left; margin-top: 20px; }
.footer_box { width: 154px; }
.cat_menu_cont { width: 190px; } }*/

.header3 {
 background: url('../gfx/logo.png');
   background-repeat: no-repeat;
background-position: center;
}
.logo{
            max-width: 100%;
    height: auto;
    margin-top: 20px;
}
b{
            font-size: 14px;
}
.hsmall{font-size: 14px;}
td{
            font-size: 14px;
}
.center{
            border: 1px solid rgb(194,194,194);
    background-color: #FfFfFf;
}

textarea {
    resize: none;
}
.umenu2{    line-height: 20px;}
.footer{
    background-color: #CA0000;
    border: 1px dotted #DDDDDD;
}
.footer a{
        color:#fff !important
}
.footer p{
        color:#fff;
}
.footer b{
        color:#fff;
}

@media(min-width:176px) and (max-width:1050px){
        body{
                background: unset;
        }
}