/*
  sjm_menu_def.css  Rubrik Reise
  Bookshelf sliding styles for CBE Cross-Browser.com
*/
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* allgemeine settings */
body,p,h1,h2,h3,td,tr,dl,dt,dd,a  {
  font-family: Comic Sans MS,arial,times new roman,helvetica,verdana,sans-serif;
  font-size:14px;  color:#006644;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*                       left frame with links :                               */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------*/

body.m {
 font-family: Comic Sans MS,arial,times new roman,helvetica,verdana,sans-serif; font-size:14px;
 color:#006644; background-image: url(../bg_2.gif); height:100%;
 margin:0; padding: 2px 4px 2px 4px;
 border-right:1px solid #aaaaaa; 
}

.headerMenuTitle {
  font-family:Palatino Linotype,Trebuchet MS,times new roman,verdana,helvetica,sans-serif; 
  font-size:22px;font-weight:bold;
  color:#336699;
  margin-left:1px; padding: 6px 0px 6px 0px;
}
.headerMenuSubTitle {
  font-family:Palatino Linotype,Trebuchet MS,times new roman,verdana,helvetica,sans-serif; 
  font-size:12px;font-style:italic;
  color:#336699;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*                       dynamic frame for photo/image display :                               */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------*/

body.foto {
 font-family:Palatino Linotype,Trebuchet MS,times new roman,verdana,helvetica,sans-serif; 
 font-size:14px;
 color:#660000; background-image: url(../bg_test3.gif); height:100%;
 margin:0px; padding:10px;
 border-left:2px solid #666699;
}

p.foto {
  font-family:Palatino Linotype,Trebuchet MS,times new roman,verdana,helvetica,sans-serif; 
  font-size:14px;
  color:#660000; 
  margin:0;padding:0;
}

/* look and feel of links in general */
a.foto:link, a.foto:visited, a.foto:active {
  font-family:Palatino Linotype,Trebuchet MS,times new roman,verdana,helvetica,sans-serif; 
  font-size:14px;font-weight: bold;
  text-decoration:none; color:#660000; 
}
a.foto:hover {
  font-family:Palatino Linotype,Trebuchet MS,times new roman,verdana,helvetica,sans-serif; 
  font-size:16px;
  text-decoration:none; color:#336699; font-weight: bold;
}

table.foto {
  width:auto;height:100%;
  border-width:0px;
}

.fotoBtn {
  font-family:BookMan Old Style,verdana,Palatino Linotype,Trebuchet MS,times new roman,helvetica,sans-serif; 
  font-size:10px;font-weight: bold;
  border-left:2px solid #aaaaaa; border-top:2px solid #aaaaaa;
  border-right:2px solid #336622;border-bottom:2px solid #336622;
  margin:8px;padding:3px; 
}
a.fotoBtn:link, a.fotoBtn:visited, a.fotoBtn:active {
  padding-top:1px; padding-bottom:1px;
  font-size:12px;
}
a.fotoBtn:hover {
  padding-top:1px; padding-bottom:1px;
  font-size:12px;
  border-left:2px solid #336622; border-top:2px solid #336622;
  border-right:2px solid #aaaaaa;border-bottom:2px solid #aaaaaa;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* right frame with text and general settings */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------*/

body {
/* overflow wird fuer Buchruecken-Menu gebraucht */
/*  overflow:hidden; */
  background-image: url(../bg_test3.gif); height:100%;
  margin:0px; padding:10px;
  border-left:2px solid #666699;
}

/* look and feel of links in general */
a:link, a:visited, a:active {
  font-family:Palatino Linotype,Trebuchet MS,times new roman,verdana,helvetica,sans-serif; 
  font-size:14px;
  text-decoration:none; color:#006644; 
}
a:hover {
  font-family:Palatino Linotype,Trebuchet MS,times new roman,verdana,helvetica,sans-serif; 
  font-size:14px;
  text-decoration:none; color:#336699; font-weight: bold;
}

p {
  margin:0;padding:0;
}

table {
 height:auto;
}

td {
  margin:2px;padding:2px;
}

dl,dt {
  margin:2px;padding:2px;
}

.tatze {
  font-family: Comic Sans MS,arial,times new roman,helvetica,verdana,sans-serif; font-size:14px;
  color:#006644;background-image: url(tatze.gif);width:100%;height:30px;
  margin:8px 0 8px 0;padding:0px;
}
td.tatze {
  font-family: Comic Sans MS,arial,times new roman,helvetica,verdana,sans-serif; font-size:14px;
  color:#006644;background-image: url(tatze.gif);width:30px;height:100%; 
  margin:8px 0 8px 0;padding:0px;
}
p.zitat {
  font-family:Palatino Linotype,Trebuchet MS,times new roman,verdana,helvetica,sans-serif; 
  font-size:17px;
  color:#339999; text-align:left; line-height:120%;
  margin:0 2px 0 2px;
}
p.story {
  font-family: Comic Sans MS,arial,times new roman,helvetica,verdana,sans-serif; font-size:14px;
  color:#006644;
  margin:0;padding:8px 4px 4px 4px;
}
img.story_right {
  float:right;
  margin:4px;padding:0;
}

img.story_left {
  float:left;
  margin:4px;padding:0;
}

/* Ueberschrift: */
.headerTitle {
  font-family:Palatino Linotype,Trebuchet MS,times new roman,verdana,helvetica,sans-serif; 
  font-size:32px; 
  margin-bottom:0; padding: 0% 3% 0% 3%;
}
.headerSubTitle {
  font-family: Comic Sans MS,arial,times new roman,helvetica,verdana,sans-serif; font-size:14px;
  border-bottom:2px solid #336699; 
  margin-bottom:.5px; padding: 1% 4% .5% 4%;
}

/* Stand xxx Info : */
.footer {
  font-family:times new roman,helvetica, verdana,sans-serif; font-size:10px;
  color:#336699; 
  border-top:2px solid #336699; text-align:right;
  margin-bottom:2px; padding:0;
}

/* ---------------------------------------------------------------------------------------------------*/
/* Sitemap google search ----*/
/* ---------------------------------------------------------------------------------------------------*/

.googleInpTxt{
 font-family:BookMan Old Style,verdana,Palatino Linotype,Trebuchet MS,times new roman,helvetica,sans-serif; 
 background-image: url(../bg_test3.gif); 
 font-size:12px;font-weight: bold;
 text-decoration:none; color:#336699; 
 margin:0px 8px 0px 8px; padding: 2px 2px 2px 2px;
 border-right:1px solid #aaaaaa; 
 border-bottom:1px solid #aaaaaa; 
}

.googleBtn{
 font-family:Palatino Linotype,BookMan Old Style,verdana,Trebuchet MS,times new roman,helvetica,sans-serif; 
 font-size:12px;letter-spacing:2px;
 text-decoration:none; color:#006644; 
 margin:0px 8px 0px 8px; padding: 2px 2px 2px 2px;
 border-left:2px solid #777777; border-top:2px solid #777777;
 border-right:2px solid #336699;border-bottom:2px solid #336699;
}

.googleBtn:hover {
 font-family:Palatino Linotype,BookMan Old Style,verdana,Trebuchet MS,times new roman,helvetica,sans-serif; 
 font-size:12px;letter-spacing:2px;font-weight: bold;
 text-decoration:none; color:#336699; 
 margin:0px 8px 0px 8px; padding: 2px 4px 2px 4px;
 border-left:2px solid #336699; border-top:2px solid #336699;
 border-right:2px solid #777777;border-bottom:2px solid #777777;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* look and feel of links in Bookshelf */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------*/

a.m:link, a.m:visited, a.m:active {
  font-family:Comic Sans MS,Sans MS,verdana,arial,helvetica,sans-serif; font-size:12px;font-style:normal;
  text-decoration:none; color:#FFD89F; 
}
a.m:hover {
  font-family: Comic Sans MS,arial,times new roman,helvetica,verdana,sans-serif; font-size:12px;font-style:normal;
  text-decoration:none; color:#FFD89F; font-weight: bold;
}

/* defs for bookshelf menu (menu8) */
.menuContent {
  font-family: verdana,sans-serif; font-size:12px;
  color:#003366;
  margin:0px; padding:4px 0px 0px 10px;
}

/* td.menuContent.width = see js panelWidth (=.menuPanel.width) - LabelWidth*/
td.menuContent {
  background:#336699;color:#dddddd;
  width:176px; 
  margin:2px 0px 4px 0px; padding:0px 25px 0px 10px;
}

/* clip rect werte (oben,rechts,unten,links)  --> def. was angezeigt wird */
.menuPanel {
  font-family:verdana,sans-serif; font-size:12px;
  position:absolute; visibility:hidden; overflow:hidden;
  width:200px; height:120px; clip:rect(0px,200px,120px,0px);
  color:#0000ff; background:#336699; layer-background-color:#336699;
  margin:0px; padding:0px;
  border-bottom:1px solid #336699;
}

.menuTitle {
  position:relative;
  font-family:verdana,times new roman,verdana,helvetica,sans-serif; 
  font-size:10px;font-weight:900;
  color:#006644; 
  margin:0;padding:0;
}

/* Info : menu has downgraded , inserts when downgrading activ*/
.marker {
  font-family:Comic Sans MS,verdana,arial,helvetica,sans-serif; font-size:12px;
  color:#003366; font-style:italic; font-weight: bold;
  position:relative; visibility:hidden; overflow:hidden;
  width:0; height:1px; left:0; top:0;
}
hr.marker {
  font-family:Comic Sans MS,verdana,arial,helvetica,sans-serif; font-size:12px;
  color:#003366; font-style:italic; font-weight: bold;
  position:relative; visibility:hidden; overflow:hidden;
  width:0; height:1px; left:0; top:0;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* needed for slideshow */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.clsRelative {
  position:relative; visibility:visible; overflow:hidden;
  margin:0; padding:0; width:100%; height:100%; 
}
.idSplash {
  position:absolute; visibility:visible; overflow:visible;
  width:100%; height:450px; 
  font-family:verdana,arial,sans-serif,helvetica; font-size:18px;
  color:#ffffff; background:#336699; text-align:center;
  -moz-opacity:55% ; filter:Alpha(Opacity=55);
}
.status {
  font-family:verdana,arial,sans-serif,helvetica; font-size:18px;
  color:#ffffff; background:#336699; layer-background-color:#336699; text-align:center;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------*/

td.x {
  margin:2px 4px 2px 4px;background-image:url(bg_2.gif);
}

.CBx {
  background:#FFD89F;background-image:url(bg_2.gif);
/*  color:#000000; background:#CFAC6D;background-image:url(bg_2.gif);*/
  layer-background-color:#ffffff;
  width:auto;
  height:auto;
  margin:0; padding:0 0 0 0;
}




