/* css für hub.php 2024-06-18 */
table {border:0;padding:0 0 0 0;margin:0 0 0 0 ;empty-cells:show;border-spacing:0px;}
td {border:0;padding:0 0 0 0;margin:0 0 0 0 ;vertical-align:top;}
tr {border:0;padding:0 0 0 0;margin:0 0 0 0 ;}
div {border:0;padding:0 0 0 0;margin:0px 0px 0px 0px ;}
h1  { font-size: 1.6em; margin: .05em 0 }


table.b {border:1;padding:2 2 2 2;margin:2 2 2 2;;empty-cells:show;}  td.b{font-weight:bold}

body {background-color:white;background-image:url(/img/wallpaper.jpg);font-family:verdana,arial,sans-serif;color:black;margin:0px 0px 0px 0px;} 

.main1 {width:140px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:black;vertical-align:top;text-align:right;}
.main2 {width:620px; padding:0px 0px 0px 10px; margin:0px 0px 0px 0px; color:black;vertical-align:top;}
.main2handy {width:450px; padding:0px 0px 0px 10px; margin:0px 0px 0px 0px; color:black;vertical-align:top;}
.main3 {width:140px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:black;vertical-align:top;}

.boxright {position:absolute; width:140px;top:150px; left:630px;z-index:0;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
.boxrighthd {width:140px;border:0px;margin:0px 0px 0px 0px;padding:2px 10px 0px 0px; color:black;
        text-decoration:none;font-weight:bold;font-size:12pt;height:20px;}

/* test 3 zeilen */
.maintab {position:absolute; left:15px;top:15px;};
.mainhorizsep {height:3px;}

/* die navigationsfläche oben */
.navoben {text-align:left;width:100%;background-color:rgb(252,136,45);
 	padding:0px 0px 0px 0px;height:22px;}
.navobenm {text-align:left;width:100%;background-color:rgb(252,136,45);
 	padding:5px 5px 5px 5px;height:27px;}	
.navsel {border:0;margin:0px 0px 0px 0px;padding:2px 10px 2px 5px;color:white; 
        text-decoration:none;font-weight:bold;font-size:14pt;}
.navselm {border:0;margin:0px 0px 0px 0px;padding:2px 10px 2px 5px;color:white; 
        text-decoration:none;font-weight:bold;font-size:14pt;}
.navopt {border:0px;margin:0px 0px 0px 0px;padding:2px 10px 2px 5px; color:black;
        text-decoration:none;font-weight:bold;font-size:12pt;}
.navoptm {border:0px;margin:0px 0px 0px 0px;padding:2px 10px 2px 5px; color:black;
        text-decoration:none;font-weight:bold;font-size:14pt;}		
a.navsel {background-color:rgb(248,79,44);color:white;text-decoration:none;}
a.navopt {background-color:rgb(252,136,45);color:black;text-decoration:none;}
a.navselm {background-color:rgb(248,79,44);color:white;text-decoration:none;}
a.navoptm {background-color:rgb(252,136,45);color:black;text-decoration:none;}



#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index:2;
}
#navm, #navm ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	z-index:2;
}

#nav a {
	display: block;text-align:left;
	width: 10em; /* an längste top-überschrift anpassen */
}
#nav li ul li a.navsel {background-image:url(/img/wallpapermedium.jpg);color:white;text-decoration:none;font-weight:normal;}
#nav li ul li a.navopt {background-image:url(/img/wallpapermedium.jpg);color:black;text-decoration:none;font-weight:normal;}
#nav li ul li a.navopt:hover {background-image:url(/img/wallpapermedium.jpg);color:black;text-decoration:none;font-weight:bold;}

#nav li { /* all list items */ margin: 0;
	float: left;
	width: 9em; /* diff zu #nav a macht klüfte zw hauptmenüpunkten width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: url(/img/wallpaper.jpg);
	width: 10em; /* längster untermenüpunkt */
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul a {width: 14em;}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto; 
}

#navm a {
	display: block;text-align:left;
	width: 12em; /* an längste top-überschrift anpassen */
}
#navm li ul li a.navselm {background-color:rgb(248,79,44);color:white;text-decoration:none;font-weight:normal;} 
#navm li ul li a.navoptm {background-color:rgb(252,136,45);color:black;text-decoration:none;font-weight:normal;padding:7px 10px 3px 5px;}
#navm li ul li a.navoptm:hover {background-color:rgb(252,136,45);color:black;text-decoration:none;font-weight:bold;}

#navm li { /* all list items */ margin: 0;
	float: left;
	width: 7em; /* diff zu #nav a macht klüfte zw hauptmenüpunkten width needed or else Opera goes nuts */
}

#navm li ul { /* second-level lists */
	position: absolute;
	background: rgb(252,136,45);
	width: 10em; /* längster untermenüpunkt */
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#navm li ul a {width: 14em;}
#navm li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto; 
}

#sm, #sm ul {  
	padding: 0;
	margin: 0;
}



#sm li ul li a.navsel {background-image:url(/img/wallpapermedium.jpg);color:white;text-decoration:none;font-weight:normal;}
#sm li ul li a.navopt {background-image:url(/img/wallpapermedium.jpg);color:black;text-decoration:none;font-weight:normal;}
#sm li ul li a.navopt:hover {background-image:url(/img/wallpapermedium.jpg);color:black;text-decoration:none;font-weight:bold;}


a .bu { 
display: none;
}
a:hover .bu {
display: inline;
color: #c00;
}

#content {
	clear: left;
	color: #ccc;
}

.grey {color:grey;text-decoration:none;font-size:small;}

.logocell {height:100px;} /* hoehe Logozeile */
.logo1div  {} /* {position:absolute; top:20px; left:20px; z-index:-1;} * Plazierung logotrans */
.logo2div {margin:15 15 15 15;} /* Plazierung logoword */

/* navigation links */
.navlinks {max-width:140px; padding:0px 0px 0px 0px; color:black;vertical-align:top;text-align:right;}
td.links {padding:5px 0px 5px 0px;text-align: right;font-family:verdana,arial,sans-serif;}
a.linkssel {text-decoration:none;font-weight:bold;font-size:11pt;color:black;}
a.linksopt {text-decoration:none;                 font-size:11pt;color:black;}
a.linksselm {text-decoration:none;font-weight:bold;font-size:24px;color:black;}
a.linksoptm {text-decoration:none;                 font-size:24px;color:black;}
a.linksoptm:hover {font-weight:bold;}
a.linksopt:hover {font-weight:bold;} 
#immer {padding:15 15 15 15;}
#immerm {padding:25 25 25 25; font-size:24px;text-decoration:none; }


/* kasten links UNTEN */
.downleft {vertical-align:bottom;color:black;font-size:small;background-image:url(/img/wallpaperlight.jpg);}
/* kasten rechts oben */
.topright {vertical-align:top;color:black;font-size:small;background-image:url(/img/wallpaperlight.jpg);width:140;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
.midright {vertical-align:top;color:black;font-size:small;background-image:url(/img/wallpaperlight.jpg);width:140;margin:20px 0px 0px 5px;}
.botright {vertical-align:top;color:black;font-size:small;background-image:url(/img/wallpaperlight.jpg);width:140;margin:20px 0px 0px 5px;}
.leftofbanner {float:left;}
.mainkurz {padding:0px 5px 2px 2px;}
.terminvorschau {padding:5px 3px 3px 3px;}
.navimmer {color:black;vertical-align:top;text-align:right;}
.small {padding:2 2 2 2;}
.ubai  {padding:3 2 3 2;}
.plusboxup {border:1px solid grey;}
.plusboxiframe {width:100%;height:2000;overflow:auto;border:0;}
.msgline {color:black;font-weight:bold;}
.line_color0 {background-image:url(/img/wallpaperlight.jpg);}
.line_color1 {background-image:url(/img/wallpapermedium.jpg);}


.maintext {vertical-align:top;z-index:99;
 background-image:url(/img/wallpaperlight.jpg);
 font-family:  Arial, Helvetica, sans-serif;
 margin: 0px;

 /******************
 scrollbar-face-color: 		rgb(255,161,37); ** Anfasser R255 G161 B37 **
 scrollbar-highlight-color: 	rgb(255,161,37);
 scrollbar-3dlight-color: 	rgb(255,161,37);
 scrollbar-darkshadow-color:	rgb(255,161,37);
 scrollbar-shadow-color: 	rgb(255,161,37);
 scrollbar-arrow-color: 	rgb(255,161,37);
 scrollbar-track-color:		rgb(255,185,91); ** Schiebefläche R 255 G185 B91 **
 ***********************/ 
}
.iframe {width:100%; height:900; border:0;}
.ueber {font-size:larger;font-weight:bold;color:rgb(124,51,14) ;} /*ueberschrift, erfordert umarbeiten aller texte*/
.redlight {color:rgb(248,79,44);font-weight:bold;}
.light {border:0; padding:8px 8px 8px 8px;}/* fuer leichte tabellen*/
.footer {background-color:lightgrey;vertical-align:bottom;font-size:small;}
.ganzunten {vertical-align:bottom;text-align:center;font-size:small;}
.nextlink {text-align:right;vertical-align:bottom;font-size:small;}
.signoff {font-size:8px;}
.weitermit {;}
.boxfloatr {background-color:beige;float:right;width:33%;}
.cit {background-color:beige;font-style:italic;}
.weiter {border:thin solid black;padding:4px 4px 4px 4px;}/* fuer etwas weitere grosszuegigere tabellen*/
.wort {font-weight:bold;padding:3px 3px 3px 3px;}/* fuer wort-definitionslisten*/
.def   {padding:3px 3px 3px 3px;}/* fuer wort-definitionslisten*/

.rechtsleer {width:10px;} 

   #event_info {
	width : 100%;
	height: auto;
	background-color: #FEFADE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
    border : 1pt solid;
              }
 .action { 
	   font-size:14px; 
	   font-family: Arial;
              }
 A.sizem1:link    { font-size:12px; }
 A.sizem2:link    { font-size:10px; }
 A.sizem3:link    { font-size:8px; }
 A.sizem1:visited { font-size:14px; color:purple;}
 A.sizem2:visited { font-size:12px; color:purple;}
 A.sizem3:visited { font-size:10px; color:purple;}
	           
 A.small:link    { font-size:10px; text-decoration:none;
	           font-family: Arial; }  
	           
 A.ubai:link    { font-size:11px; font-weight: bold ;text-decoration:none;
	           font-family: Arial; } 

 A.ubai:visited  { font-size:12px; font-weight: bold ;text-decoration:none;
	           font-family: Arial; } 
 A.small:visited  { font-size:11px;color:purple; text-decoration:none;
	           font-family: Arial; }
	           
 .event       { font-size:11px; text-decoration:none;
	           font-family: Arial; padding:1 1 1 1;}  

 .eventUBAI   { font-size:12px; font-weight: bold ;text-decoration:none;
	           font-family: Arial; padding:1 1 1 1;}	
 
 a.eventUBAI:hover  {font-weight:bold;} 
 a.event:hover  {font-weight:normal;}
 a.ubai:hover  {font-weight:bold;} 
 a.small:hover  {font-weight:normal;} 

 
.wide { padding:2px 2px 2px 2px; margin:2px 2px 2px 2px; border:grey 4px ridge;}           
.wider { padding:2px 2px 2px 2px; margin:2px 2px 2px 2px; border:grey 4px ridge;text-align:right;}           

INPUT.small { background-color:#eee ;border:1px solid #aaa; font-size:12px; }
	      
table { padding: 0;   }

TH { text-align: center; font-weight: bold }
TD {  vertical-align: top ;}
tr.premium { font-size: 100%; }
tr.norm { font-size: 80%; }

td.centered { text-align: center; vertical-align: top }

.ar { text-align:right; margin:3 5 3 3; padding:3 5 3 3;  }
table.ar td , table.ar th { text-align:right; padding:3 5 3 3;border:thin solid black;border-collapse:collapse;}

table.tec { border:1px solid black; border-collapse: collapse;}
.tec th {border:1px solid black;border-collapse: collapse;padding:2px 2px 2px 2px;} 
.tec td {border:1px solid black;border-collapse: collapse;padding:2px 2px 2px 2px;} 
.tec td + td {text-align:right;border:1px solid black; padding:2px 2px 2px 2px;}  
.tec td + td +td {text-align:right;border:1px solid black;border-collapse: collapse;padding:2px 2px 2px 2px;}  
.tec td + td +td +td {text-align:right;border:1px solid black;border-collapse: collapse;padding:2px 2px 2px 2px;}  
.tec td + td +td +td +td {text-align:right;border:1px solid black;border-collapse: collapse;padding:2px 2px 2px 2px;}  
.tec td + td +td +td +td +td {text-align:right;border:1px solid black;border-collapse: collapse;padding:2px 2px 2px 2px;}  

table.tec2 { border:1px solid black; border-collapse: collapse;}
.tec2 th {border:1px solid black;border-collapse: collapse;padding:2px 2px 2px 2px;font-face:bold;} 
.tec2 td {border:1px solid black;border-collapse: collapse;padding:2px 2px 2px 2px;} 
.tec2 td + td {white-space:nowrap;font-size:small;text-align:right;}  
.tec2 td + td + td {white-space:normal;font-size:normal;text-align:left;} 

table.tec3 { border:1px solid black; border-collapse: collapse;}
.tec3 th {border:1px solid black;border-collapse: collapse;padding:2px 2px 2px 2px;font-face:bold;} 
.tec3 td {border:1px solid black;border-collapse: collapse;padding:2px 2px 2px 2px;} 
.tec3 td + td {border:1px solid black;border-collapse: collapse;}  
.tec3 td + td + td {border:1px solid black;border-collapse: collapse;} 

.v { background: URL(bilder/FarbeV.jpg) ;}
.p { background: URL(bilder/FarbeP.jpg) ;}
.k { background: URL(bilder/FarbeK.jpg) ;}

.r90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

INPUT.small { background-color:#eee ;border:1px solid #aaa; font-size:12px; }
	                                       
/*****************
a:link img {filter:none;} 
a:visited img {filter:none;} 
a:hover img {filter:xray();} 

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