body {
	font-family:lucida sans,arial;
	font-size:12px;}
td	{font-size:12px;}
input, insert, textarea {
	border: 1px solid black;font-size:12px;}
img {border: 0px;}
a:link { color:#01048A;}    
a:visited { color:#46488B; } 
a:hover { color:#DA6700;}  
.main{
	width:800px; 
	border:1px solid #FFD700; 
	background-color:#BBBBBB;}
.maininhalt{
	margin:6px;
	}
.copy{
	background-color:#FFD700;
	text-align:center;
	width:800px;
	}
.copy table{
	text-align:center;
	width:770px;
	}
.copy td {font-size:10px;}
#button{
	cursor:pointer;
	background-image:url(http://img.world-hopper.de/buttonbgh.gif);
	background-position:center;
	margin:5px;
}
#button2{
	cursor:pointer;
	background-image:url(http://img.world-hopper.de/buttonbg.gif);
	background-position:center;
	margin:5px;
}
.anmelden{
background-color:#C0C0C0;}
.anmelden td{
	background-color:#C0C0C0;	}
.anmelden table{
		border-collapse:collapse;}
.anmeldenz{
	font-weight:bold;	}
.anmeldenzi{	
}
.anmeldenzs{}
.anmeldenzpflicht{
	font-weight:bold;
	font-size:110%;}
.anmeldenzipflicht{}
.anmeldenzspflicht{}
	
.fehler{
	float:left; 
	width:785px;
	color:#FF0000;
	font-weight:bold;}
.info{
	clear:both; 
	font-style:italic;
	color:#323232;}
.zinfo{
	font-style:italic;
	color:#444444;
	font-size:80%;}
/* Rechte seite Frame ###########*/
.rechterframe{
	position:absolute; 
	top:10px; 
	left:815px; 
	width:220px;
}
.linkdieseite{
	font-size:10px;
	background:#aaaaaa;
	text-align:center;
	border: 1px solid black;
}
.linkdieseite input{
	margin:5px;
	font-size:10px;
}
/* LOGIN FELD ###########*/
.loginfeld {
	width:220px;
	height:auto;
	border:1px solid #aaaaaa;
	background:#FFD700;
	font-size:10;
}
.loginfeld td{	font-size:10px;}
.loginfeld input {	
	width:70px;
	height:20px;
	font-size:10px;
}
/* Bildvorschaurahmen  ++++++++++++++++++++++++++++++ */
.fehler0{
	font-weight:bold;
	color: green;
}
.fehler1{
	font-weight:bold;
	color: red;
}
/* Rahmen ++++++++++++++++++++++++++++++ */
.rh-imgup{		border:2px solid #aaaaaa;
					padding:5px;
					background: #999999;}
.rh-imgup h1{	font-size:12px;}
.rh-last5{		background: #999999;
					margin-top:10px;
					border:2px solid #aaaaaa;
					padding:5px;
					display:block;}
.rh-last5 h1{	font-size:12px;}
.album-rh{		border:2px solid #aaaaaa;
					padding:5px;
					background: #999999;}

/* Bildvorschaurahmen  ++++++++++++++++++++++++++++++ */
.img-rh img{	border:0px;margin:2px;}
.img-rh {		border:1px solid #ffffff;
					padding:5px;
					margin:5px;
					float:left;
					width:105px;
					height:105px;
					text-align: center;
					color:#eeeeee;
					font-size:10px;
					background-color: #444444;
					overflow:hidden;}
.img-rhe{		clear:left;}
.img-rhmini {	margin:2px;
					float:left;
					width:52px;
					height:40px;
					text-align: center;
					overflow:hidden;}
/* 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;
	}
#fensterabfrage{
	position:absolute;
	top:25%;
	left:25%;
	right:25%;
	width:300px;
	min-height:50px;
	text-align:center;
	background:#FFDEAD;
	border:4px dotted red;
}
/* aktive form felder  ++++++++++++++++++++++++++++++ */
.aktivform {
	color: white;
	border: 1px solid white;
	font-weight:bold;
	background-color:#FFA500;}
/* POSTFACH  ++++++++++++++++++++++++++++++ */
#postfach {
	width: 780px;
	border: 1px solid black;
	background-color:#808080;}
#igm {
	width: 780px;
	border: 1px solid black;
	background-color:#919191;
	text-align:left;
	padding:5px;}
	
	/* 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}

/* Slideshow  ++++++++++++++++++++++++++++++ */	
#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 50%; /* Set to gallery width, in px or percentage */
height: 130px; /* Set to gallery height */
}

#motioncontainer a img {
border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px solid navy; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
				#FrogJS{
					width: 760px;
					height: 600px;
					margin: 0 auto;
				}
				#FrogJSCredit{
					text-align: right;
					font-size: 80%;
					color: #999;
					padding: 1px;
				}
				#FrogJSCaption{
					text-align: left;
					line-height: 140%;
				}
/* 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; }


/* 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;}

/* TOOLTIP */
.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid black;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
width: 200px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}