body  {font-family: arial; margin:0; font-size:12pt;}
table {border-collapse:collapse;}
a:link { color:#104287;text-decoration: none;}    
a:visited { color:#2B5388;text-decoration: none;} 
a:hover  {color:#6F1818;text-decoration: none;} 
img {vertical-align:middle;border:0}

.bodycss {
border-right-width:1px;
border-left-width:1px;
border-bottom-width:1px;
border-top-width:1px;
border-style:solid;
border-color:#dddddd;
background:#ffffff;
}        

.headcss {
border-right-width:1px;
border-left-width:1px;
border-bottom-width:0px;
border-top-width:1px;
border-style:solid;
  border-color:#dddddd;
  padding:0px;
  height:150px;
  background:#ffffff;

}
.tabmiddle td{
	vertical-align:middle;
}
.autocompletelist{
	border: 1px solid #000;
  background-color: #FFF;
  font-size:12px;
}
.autocompletelist li:hover{
  background: #555;
  color: #DDD;
}

.faqmain {
margin:5px;
}
.faqmain img{
margin-left:15px;
margin-right:35px;
border-width:5px;
border-style:solid;
border-color:#555555;
}

.paddingn {padding:1cm;}
.rand {
        padding-top:5px;
        padding-left:5px;
        padding-right:5px;
        }
h1 {        
        font-size:26px;
        color: #6E4646;
}
h2 {font-size:22px; color:#988373;}
.c_preview {margin:5px;}
a.c_preview {float:left;display:block;border:2px solid #A7A9AF;}    
a.c_preview:visited {border-color:#757FAD;} 
a.c_preview:hover {border-color:#778CD2;}   

.tooltip a  {
display: none;
}
.tooltip a:hover  {
background-color: #ffc;
color: #000;
border: 1px solid #000;
padding: 0 5px;
cursor: default;
display: inline;
}
 
 
.cityhead         {border-width:medium; border-color:#999999; border-style:double; padding:5px; font-size:20px;color:#6E4646;background:#f5f5f5;width:700px;font-weight:800;}
.tooltipcss        {position:absolute;left:20; visibility:hidden; z-index:100;filter:Alpha(opacity=80);-moz-opacity:0.85;}
.cityt        {width:90%}
.cmap        {position:absolute;}
.anmelden {border:2px solid #CCCCCC;background:#eeeeee; margin-left:20px; margin-right:20px;padding:10px;}
.kl_font {font-size:12px;}
.wappen        {text-align:right;}
.map_out
{
        text-align:center;
}
.links_footer{text-align:center; font-size:12px; }
.border_copy {text-align:center; font-size:10px; }
.rhm_auswahl {
        border-width:medium; 
        border-color:#730000; 
        border-style:double; 
        padding:5px; 
        background-color:#DDEACF;}
.rhm_aendern {
        border-width:medium; 
        border-color:#730000; 
        border-style:double; 
        padding:5px; 
        background-color:#F1E7E7;}
.rhm_info {
        border-width:medium; 
        border-color:#730000; 
        border-style:double; 
        padding:5px; 
        background-color:#FEE49C;}
.rhm_headerinfo {
        text-align:center;
        border-width:thin; 
        border-color:#730000; 
        border-style:solid; 
        padding:5px; 
        background-color:#FFFFFF;}
.kauflink {
        border-width:medium; 
        border-color:#DAAA17; 
        border-style:double; 
        padding:5px; 
        background-color:#FFF8E3;}
.navi_b {
        border-width:medium; 
        border-color:#767676; 
        border-style:double; 
        padding:5px; 
        margin:10px;
        text-align:center;
        background-color:#E6E6E6;}
.inputtext {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #000000;
        text-decoration: none;
        background-color: #eeeeee;
        padding: 2px;
        height: 20px;
        width: 250px;
        border: 1px solid #CCCCCC;
}
.inputtextarea {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #000000;
        text-decoration: none;
        background-color: #eeeeee;
        padding: 2px;
        height: 150px;
        width: 250px;
        border: 1px solid #CCCCCC;
}
.inputbutton {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #000000;
        text-decoration: none;
        background-color: #eeeeee;
        padding: 2px;
        border: 1px solid #CCCCCC;
}

/*Schnellnavi */

#rollovermenu{
        padding:0;
        width:164px;
        border:1px solid #dddddd;
        border-color: #dddddd;
        background-color:#ffffff;
}

#rollovermenu, #rollovermenu ul { /* all lists */
        padding: 0;
        margin: 0;
        list-style: none;
}
#rollovermenu ul{
        border:1px solid #dddddd;
        border-color: #dddddd;
        background-color:#ffffff;
        width:164px;
        padding-bottom:7px;
}

#rollovermenu ul a:link, #rollovermenu a:visited {
        display: 1px solid #dddddd;
        border:none;
        text-decoration:none;
        padding:0px 10px 0px 10px;
        height:15px;
}
#rollovermenu ul a:hover, #current a{
        background:#FF9900;
        color:white;
}
#rollovermenu li { /* all list items */
        position: relative;
        text-align: right;
        cursor: default;
        padding:0px 5px;
        margin:0px;
        color:#999999;
}

#rollovermenu li ul { /* second-level lists */
        position: absolute;
        border:1px solid #dddddd;
        border-color: #dddddd;
        background-color:#ffffff;
        left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#rollovermenu li:hover ul, #rollovermenu li.sfhover ul { /* lists nested under hovered list items */
        left:0px;
        top:19px;
}
#rollovermenucontainer a
{
display: block;
text-decoration: none;

}

li#invite {
        text-align:left;
        font-size:9pt;
        margin: 0 0 0px 20px;
        padding:1px 0 0 0;
        color:black;
        height:19px;
}
/*HILFE SEITEN*/
a.tooltip, a.tooltip:link, a.tooltip:visited,a.tooltip:active   {
  position: relative;
  }
  
a.tooltip:hover,a.tooltip:active  {
cursor:help;
  background: transparent;
  }

a.tooltip span {
  display: block;
  position: absolute; 
  top: 10px; 
  left: -999em;   
  text-decoration: none; 
}

a.tooltip:hover span {
  display: block;
  position: absolute; 
  top: 10px; 
  left: 10px; 
  width: 190px;
  z-index: 100;
  color: #000000; 
  border:1px solid #000000; 
  font-size: 10px; 
  font-weight: normal;
  text-align: left;
 padding-left:5px;
 padding-right:5px;
 background-image:url(http://img.beeat24.de/layout/infobg.png);
  }
  
a.tooltip span h2 {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  background:#fff;
  background-image:url(http://img.beeat24.de/layout/infobg.png);
 
  border: 0px;
  border-bottom: 1px solid black;
}
a.tooltip span img {border: 0px;}
a.tooltip i{
 color:blue;
 text-decoration: underline;
 cursor:hand;
}
/* SUCHERGEBNISS SEITE*/
.suchtergtable tr:hover {background-color:#DCDCDC;}
.myakzeile1 {background-color:#F0E68C;}
.myakzeile1g {background-color:#D6D09B;}
.myakzeileg {background-color:#F4F4F4;}
.myakzeile0g {background-color:#F4F4F4;}

/*FORMULARE*/
.Feld_hoch{
         background-color:#555555;
         color:#fff;
         width:100px;
         height:100%;
         font-weight: bold;
         border:1px solid #ddddd;
}


.naviformbutton {
	background-color:#aaa; 
	color:#fff; 
	border:1px solid #ddd;
	cursor:pointer;
}

/* LIGHTBOX */
#lightbox{
        position: absolute;
        top: 40px;
        left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0;
        }

#lightbox a img{ border: none; }

#outerImageContainer{
        position: relative;
        background-color: #fff;
        width: 250px;
        height: 250px;
        margin: 0 auto;
        }

#imageContainer{
        padding: 10px;
        }

#loading{
        position: absolute;
        top: 40%;
        left: 0%;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0;
        }
#hoverNav{
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
        }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
        width: 49%;
        height: 100%;
        background: transparent url(http://beeat24.de/aklex_img/layout/blank.gif) no-repeat; /* Trick IE into showing hover */
        display: block;
        }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://beeat24.de/aklex_img/layout/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://beeat24.de/aklex_img/layout/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
        font: 10px Verdana, Helvetica, sans-serif;
        background-color: #fff;
        margin: 0 auto;
        line-height: 1.4em;
        }

#imageData{
        padding:0 10px;
        }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;        }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;        }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;        }

#overlay{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
        background-color: #000;
        filter:alpha(opacity=60);
        -moz-opacity: 0.6;
        opacity: 0.6;
        }


.clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        }

* html>body .clearfix {
        display: inline-block;
        width: 100%;
        }

* html .clearfix {
        /* Hides from IE-mac \*/
        height: 1%;
        /* End hide from IE-mac */
        }
/* LIGHTBOX ENDE */

.orgnamenlist{
	font-size:70%;
	color:#828282;
	}
a:link .orgnamenlist { color:#8DA6C9;text-decoration: none;}    
a:visited .orgnamenlist { color:#8DA6C9;text-decoration: none;} 
a:hover .orgnamenlist {color:#9F6464;text-decoration: none;} 

.orgnamenlistg{	color:#828282;}
a:link .orgnamenlistg { color:#8DA6C9;text-decoration: none;}    
a:visited .orgnamenlistg { color:#8DA6C9;text-decoration: none;} 
a:hover .orgnamenlistg {color:#9F6464;text-decoration: none;} 

/* FAQ AKLEX */
.bbcodetabelle {
	border:2px solid #8B0000; 
	background-color:#FAFAD2; 
	text-align:center;
	border-spacing:3px;
}
.bbcodetabelle td{
	border:1px solid #DEB887; 
	background-color:#FFF5EE; 
	padding:3px;
	font-size:11px;
}
.bbcodetabelle img{
	border:0px;
	margin:0px;
}
.bbcodetabsyn{
	color:#800000; 
	font-weight:bold; 
	font-family:verdana;
}
.bbcodetabbsp{
	color:#888888; 
	font-weight:bold; 
	font-family:verdana;
}

.tag1 a {font-weight:bold; font-size:16pt; color:#3442A5;}    
.tag2 a {font-weight:bold; font-size:14pt; color:#AAADC6;}    
.tag3 a {font-weight:bold; font-size:12pt; color:#4F5FDB;}    
.tag4 a {font-weight:bold; font-size:10pt; color:#A7B0F4;} 
.tag5 a {font-weight:bold; font-size:8pt; color:#ffffff;}

.tag1 a:hover {font-weight:bold; font-size:16pt; color:#3442A5; text-decoration:underline;}    
.tag2 a:hover {font-weight:bold; font-size:14pt; color:#AAADC6; text-decoration:underline;}    
.tag3 a:hover {font-weight:bold; font-size:12pt; color:#4F5FDB; text-decoration:underline;}    
.tag4 a:hover {font-weight:bold; font-size:10pt; color:#A7B0F4; text-decoration:underline;} 
.tag5 a:hover {font-weight:bold; font-size:8pt; color:#ffffff; text-decoration:underline;}

#fenster{
	position:absolute;
	top:25%;
	left:25%;
	right:25%;
	width:300px;
	min-height:50px;
	text-align:center;
	background:#FFDEAD;
	border:4px dotted red;
}

/* Inset 3D Raised */
.raised {background: transparent; width:96%; margin:2%;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;overflow:hidden;  background:#ccc; border-left:1px solid #fff; border-right:1px solid #999; }

/*RAHMEN ------------------*/
/* Inset 3D Curved */
.inset {background: transparent; width:96%; margin:2%;}
.inset h1, .inset p {margin:0 10px;}
.inset h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.inset p {padding-bottom:0.5em;}

.inset .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#ccc; border-left:1px solid #999; border-right:1px solid #aaa;}
.inset .b3 {background:#ccc; border-left:1px solid #999; border-right:1px solid #ddd;}
.inset .b4 {background:#ccc; border-left:1px solid #999; border-right:1px solid #eee;}
.inset .b4b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #fff;}
.inset .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #fff;}
.inset .b2b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #fff;}


.inset .b1 {margin:0 5px; background:#999;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#fff;}

.inset .boxcontent {display:block;overflow:hidden; background:#ccc; border-left:1px solid #999; border-right:1px solid #fff;}

/* BOX header mit rahmen */

.xsnazzy h1, .zsnazzy h1 {
margin:0; 
font-size:1.2em; 
padding:0 10px 5px 10px; 
border-bottom:1px solid #444;
}
.xsnazzy p, .zsnazzy p {
margin:0; 
padding:5px 10px; 
font-size:12px;
}
.xsnazzy {
background: transparent; 
width:96%; margin:2%;
}

.xtop, .xbottom {
display:block; 
background:transparent; 
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:transparent; 
border-left:1px solid #444;
border-right:1px solid #444;
}
.xb1 {
margin:0 5px; 
background:#444;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.xboxcontent {
display:block; 
overflow: hidden;
border:0 solid #444; 
border-width:0 1px; 
height:auto;
}
* html .xboxcontent {
height:1px;
}
/*BOX einfach */
.box { width:96%; margin:2%;}
.box h1, .box p {margin: 0 10px;}
.box h1 {font-size:150%; color:#ffffff; }
.box .top, .box .bottom{display:block;}
.box .top b, .box .bottom b
{
  display:block;height: 1px; overflow: hidden; background: #cccccc;
}
.box .inhalt {background: #cccccc;display:block;overflow: hidden;}
.box .r0{margin: 0 7px;}
.box .r1{margin: 0 5px;}
.box .r2{margin: 0 3px;}
.box .r3{margin: 0 2px;}
.box .top .r4, .box .bottom .r4{margin: 0 1px;height: 2px;}


/* NAVI  ++++++++++++++++++++++++++++++ */
.navileiste{		width:800px; 			}
.navileiste a{	display:block;}
.navileiste td{	border:1px solid #aaaaaa;
					background-image:url(http://img.world-hopper.de/naviback.gif);
					height:30px;
					text-align:center;
					font-weight:bold;
					color:#333333;
					font-size:15;}
.navileisteklein{		width:790px;}
.navileisteklein a{	display:block;}
.navileisteklein td{	border:1px solid #aaaaaa;
					background-image:url(http://img.world-hopper.de/naviback.gif);
					height:20px;
					text-align:center;
					color:#333333;
					font-size:12;}
/* Kommentare  ++++++++++++++++++++++++++++++ */
.kommentarbox{	border:3px double #dddddd;background: #888888;}
.kommentarbox td{vertical-align:top;
						text-align:center;}
.kommentarkopf{	background-color: #aaaaaa;font-size:100%;}
.kommentar{		background-color: #eeeeee; border:1px solid #ffffff;font-size:100%;}
.talk {				background-color: #eeeeee; border:1px solid #ffffff;font-size:100%; text-align:left;}
.seitennavykom a{
	border: 1px solid black;
	background-color:#FFFAF0;
	margin:1px;
	text-decoration:none;
	color: black;
	}
.seitennavykom a:hover{
	border: 1px solid white;
	background-color:#000080;
	margin:1px;
	text-decoration:none;
	color: white;
	}
.naviseitenleiste {
	background-color:#888888;
	border: 1px solid #F5F5F5;
	width:785px;
	text-align:center;
	}
.naviseitenleiste input{
	margin:1px;
	}
.fehler0{
	font-weight:bold;
	color: green;
}
.fehler1{
	font-weight:bold;
	color: red;
}
#button{
	cursor:pointer;
	background-image:url(http://img.world-hopper.de/buttonbgh.gif);
	background-position:center;
	margin:5px;
}
.tabletop td {vertical-align:top;}
	/* versionsanzeige */
#version {	border-collapse:collapse;}
#version table{
	border: 1px solid #666666;
	background-color:#888888;
}
#version td{
	border: 1px solid #aaaaaa;
	background-color:#dddddd;
}
#version th{
	border: 1px solid #aaaaaa;
	background-color:#888888;
}
.aktivlink {
	background-image:none;
	background:#FFD700;
	font-weight:bold;
}
.zeilehell{
	background-color:#F5F5F5}
.zeiledunkel{
	background-color:#DCDCDC}
	
div#pagination{
	font-family:tahoma;
	text-align:center;
}
#pagination span{
	display:block;
	float:left;
	font-size:11px;
	line-height:13px;
	margin: 2px 6px 2px 0;
}
#pagination span a{
	background-color:#ffffff;
	border:1px solid #bbbbbb;
	color:#303030;
	display:block;
	padding:1px 5px 2px 5px;
	text-decoration:none;
}

#pagination span a:hover, #pagination span a:active{
	background-color: #bbbbbb;
	border:1px solid #303030;
}
#pagination span.aktuell{
	background-color: #303030;
	border:1px solid #303030;
	color:#ffffff;
	font-size:11px;
	padding:1px 5px 2px 5px;
}