body 
{
 background-color:#EFF7FF;
 text-align:center;
 background-image:url(../../jswis_images/blau-strukturiert.gif);
}

/* img {border:none;} */

.nicht { display:none; }

#breite {
max-width: 1000px;
width: expression(document.body.clientWidth > 999? "1000px": "auto");
margin: 0 auto;
  border-bottom : 2px  solid #AAAAAA;
  border-right : 1px  solid #D0D4D8;
  border-left : 6px  solid #98A0A8;
  border-top : 10px  solid #98A0A8;
 background-image:url(../bilder/wolken_ganz_5a.jpg);

}
/*
h1 { 
margin-bottom: 30px; font-family:Arial,Helvetica;font-size:22pt;font-weight:bold;font-variant:small-caps;color:rgb(00,113,00); text-align:left;
}
*/
h1 { 
margin-bottom: 30px; font-family:Arial,Helvetica;font-size:22pt;font-weight:normal;color:rgb(00,113,00); text-align:left;
/* background: url(hr-grau.gif) 0px 30px no-repeat; */

}

h2 { display:inline;font-family:Arial,Helvetica;font-size:12pt;font-weight:bold;color:rgb(18,24,72);  }

#links {
 height: 400px;
 margin:0px auto;
 text-align:center;
  background-image:url(../bilder/bg_gelb_neu-a.jpg);
  background-repeat:no-repeat;
  background-position: -22px -10px;
}

#links1 {
 /* height: 400px; */
 margin:0px auto;

background-image:url(../bilder/bg_gelb_neu_test.gif);
background-repeat:repeat-y;
  background-position: -22px +500px;

  /*  original
  background-image:url(../bilder/bg_gelb_neu.gif);
  background-repeat:no-repeat;
  background-position: -22px -85px;
  */
  text-align:center;

}



#haupt {
 text-align:center;
 width:80%;
 }

#kopf1 {
  width:95%;
  background-image:url(../../bilder/foehr_kopf_c.gif);
  background-repeat:no-repeat;
  font-family:Arial,Helvetica;font-size:12pt;font-weight:bold;color:#353B8B;
  text-align:right;
  margin-top: 3px;
  margin-bottom: 20px;
 }

#eckeoben {
  height : 150px;
  background-image:url(../bilder/ecke_1.gif);
  background-repeat:no-repeat;
  text-align:left;
}

#logo {
 position:relative;
 left:15px; top:23px;
}

#moeve {
  text-align:left;
}

/* ----------- Standard Variante 2 ---------------- */
.stand {
 padding-top: 20px; 
 padding-bottom: 20px; 
 font-size:11pt; font-family:Arial,Helvetica; color:rgb(18,24,72);text-align:justify;line-height:15pt;font-weight: normal; 
 }

.stand strong  {
 font-size:11pt; font-family:Arial,Helvetica; color:rgb(18,24,72); font-weight: normal;
 }

.stand a {
  text-decoration: none;
  color:rgb(18,24,72);
 }

.standlink {
  text-decoration: underline;
  color:rgb(18,24,72);
 }

.standbox {
 padding: 5px; 
 font-size:11pt; font-family:Arial,Helvetica; color:rgb(18,24,72);text-align:justify;line-height:14pt; 

 }

.blockquote{
 padding: 10px; 
 margin: 10px 30px 10px 30px;
 font-size:10pt; font-family:Arial,Helvetica; color:rgb(18,24,72);font-style: normal;line-height:14pt; 
 border: 1px solid #A4B0C4;
}

.unten {
 padding-left: 40px; 
 margin-top: 40px;
 margin-bottom: 20px;
 font-size:10pt; font-family:Arial,Helvetica; color:rgb(18,24,72);text-align:left; 
 }

.fb {
 text-align:left;
 padding-left: 0px; 
 margin-top: 10px;
 margin-bottom: 10px;
 }


#fuss {
 padding-top: 5px; 
 padding-right: 40px; 
 padding-bottom: 5px; 
 margin: 0px;

 background-color:#98A0A8;
 text-align:right;
 font-size:8pt; font-family:Arial,Helvetica; color:rgb(18,24,72); 
 }

#fuss a{ font-family:Verdana,Arial,Helvetica;font-size:8pt;font-weight:bold;color:#ffffff;text-decoration:none;}
#fuss a:visited{text-decoration:none; color:#ffffff;}
#fuss a:hover{text-decoration: underline; color:#144812;}


#fuss1 {
 background-image:url(../bilder/bg_gelb_1_unten_b.gif);
 background-repeat:no-repeat;
 height: 26px;
 margin-bottom: 0px;
 padding: 0px; 

 }

/* ---- für externe Aufrufe (z.B. drewsen-nieblum-foehr.de) -------------- */
#fuss-extern {
 padding-top: 5px; 
 padding-right: 40px; 
 padding-bottom: 5px; 
 margin: 0px;
 text-align:right;
 font-size:8pt; font-family:Arial,Helvetica; color:rgb(18,24,72); 
 }

#fuss-extern a{ font-family:Verdana,Arial,Helvetica;font-size:8pt;font-weight:bold;color:#ffffff;text-decoration:none;}
#fuss-extern a:visited{text-decoration:none; color:#ffffff;}
#fuss-extern a:hover{text-decoration: underline; color:#144812;}



.unterschrift {
 width: 400px;
 font-size:8pt; font-family:Verdana,Arial,Helvetica; color:green;text-align:center; 
 }


.bild {
      border-width:1px;
      border-color:#CCCCCC;
      border-style:solid;
      background:#F3F3F3;
      padding:5px;
      border-radius: 5px;
      -moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-right: 5px;
	margin-left: 5px;
      /* background-image:url(../../jswis_images/hintergrund.gif); */
}

.bildlinks {
      border-width:1px;
      border-color:#CCCCCC;
      border-style:solid;
      background:#F3F3F3;
      padding:5px;
      border-radius: 5px;
      -moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
      margin: 8px 15px 0px 3px;
      float: left;
}
.bildrechts {
      border-width:1px;
      border-color:#CCCCCC;
      border-style:solid;
      background:#F3F3F3;
      padding:5px;
      border-radius: 5px;
      -moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
      margin: 8px 3px 0px 15px;
      float: right;
}
.bildrechtsohne {
  margin: 8px 3px 0px 15px;
  float: right;
}
.bildlinksohne {
  margin: 2px 15px 0px 0px;
  float: left;
  border: none;
}

.bild2 {
  /* 
  border:3px double #FFD088
  */
  border-bottom : 1px  solid #AAAAAA;
  border-right : 1px  solid #888888;
  border-left : 1px  solid #DDDDDD;
  border-top : 1px  solid #FFFFFF;
 }

/* ---- wird bei den Stadtlaufbildern benutzt --------------- */
.bild-rahmen {
  border-bottom : 2px  solid #AAAAAA;
  border-right : 1px  solid #888888;
  border-left : 1px  solid #DDDDDD;
  border-top : 1px  solid #FFFFFF;
  background-color:#cccccc;
  font-size:8pt; font-family:Verdana,Arial,Helvetica; color:rgb(20,72,18);
 }

.bild3 {
	display: block;

	border: solid 1px #c4b297;

	padding: 6px;

	margin: auto;

	background: #E9E2D8;
 }



.text-links {
  width:50%;
  float:left;
  top:0px; margin:0px auto;
  text-align:center;line-height:14pt; 
 }

.text-rechts {
  width:50%;
  float:right;
  top:0px; margin:0px auto;
  text-align:center;line-height:14pt; 
 }

.text-center {
  top:0px; margin:0px auto;
  text-align:center;line-height:14pt; 
 }

.ueber-kl {
 top:0px; margin:0px auto;
 font-size:10pt; font-family:Verdana,Arial,Helvetica;font-weight:bold; color:#002775;text-align:center; 
 }

.videokasten {
  display: block;
  float: left;
  width: 160px;
  margin: 10px 0px 0px 0px;
  font-size:8pt; font-family:Verdana,Arial,Helvetica; color:#121848; 
  line-height:10pt;
}

.anfangsbuchstabe {
 margin-right: 3px;
}
.verd8 { font-size:8pt; font-family:Verdana,Arial,Helvetica; color:#144812; }
.verd8b { font-size:8pt; font-family:Verdana,Arial,Helvetica; color:#121848; }
.verd10g { font-size:10pt; font-family:Verdana,Arial,Helvetica; color:#144812; }
.norm8 { font-family:Arial,Helvetica;font-size:8pt;font-weight:normal;color:#121848; }
.norm10 { font-family:Arial,Helvetica;font-size:10pt;font-weight:bold;color:#121848; }
.norm10b { font-family:Arial,Helvetica;font-size:10pt;font-weight:bold;color:#121848; }
.norm10normal { font-family:Arial,Helvetica;font-size:10pt;font-weight:normal;color:rgb(18,24,72); }
.norm10g { font-family:Arial,Helvetica;font-size:10pt;font-weight:bold;color:#144812; }
.norm10r { font-family:Arial,Helvetica;font-size:10pt;font-weight:bold;color:red; }
.norm10xx { font-family:Arial,Helvetica;font-size:10pt;font-weight:normal;color:rgb(18,24,72); }

.norm12 { font-family:Arial,Helvetica;font-size:12pt;font-weight:bold;color:rgb(18,24,72);font-variant: normal; }
.norm12g { font-family:Arial,Helvetica;font-size:12pt;font-weight:bold;color:rgb(20,72,18); }
.norm14 { font-family:Arial,Helvetica;font-size:14pt;font-weight:bold;color:rgb(18,24,72); }
.norm14r { font-family:Arial,Helvetica;font-size:14pt;font-weight:bold;color:red; }

.foehrx { font-size:11pt; font-family:Arial,Helvetica; color:rgb(18,24,72);text-align:justify;line-height:14pt; }
.foehry { font-size:11pt; font-family:Arial,Helvetica; color:rgb(18,24,72); }

.headera { font-family:Arial,Helvetica;font-size:22pt;font-weight:bold;color:rgb(00,113,00); }
.headerb { font-family:Arial,Helvetica;font-size:12pt;font-weight:bold;color:rgb(53,59,139); }

/*-------------- Menue3 -------------------------------*/
#menue3-container
{
  text-align: center;
}

#menue3-container ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #3A3838;
  font-size:8pt; font-family:Verdana, Arial,Helvetica; font-weight:bold; color:#006B23; 
  margin-left: 6px;
}

#menue3-container li { margin: 0 0 0px 0; }

#menue3-container a
{
  display: block;
  padding: 4px 0px 5px 0px;
  width: 160px;
  background-image: url(../bin/lachmoeve-140-22a.gif);
  background-repeat:no-repeat;

}

#menue3-container a:link, #menue3-container a:visited
{
  color: #111;
  color: #006B23;
  color: #5C1404;
  color: #144812;
  text-decoration: none;
}

#menue3-container a:hover
{
  color: #144812;
  color: #006B23;
  text-decoration: underline;
}

#active a:link, #active a:visited, #active a:hover
{
  color: #ffffff;
  text-decoration: underline;

}

#menue3-container li ul li
{
  margin-left: 10px;
}

#menue3-container li ul li a
{
  background-image: url(../bin/moeve-140-22a.gif);
  background-repeat:no-repeat;
}

#menue3-container li ul li a:link, #menue3-container li ul li a:visited
{
  color: #111;
  color: #006B23;
  color: #5C1404;
  color: #144812;
  text-decoration: none;
}

#menue3-container li ul li a:hover
{
  color: #144812;
  color: #006B23;
  text-decoration: underline;
}

.current
{
  color: #ffffff;
  text-decoration: underline;
}

/* --------------------------------- Sitemap --------------------------------------------------- */

.sitemap
{
padding-left:  20px;
margin-bottom: 5px;
text-align:left;
background: url(../bilder/pfeil_gruen.gif) 0px 6px no-repeat; 
font-family:Arial,Helvetica;font-size:10pt;font-weight:normal;color:#121848;

}

.sitemap1
{
padding-left:  40px;
margin-bottom: 5px;
text-align:left;
background: url(../bilder/pfeil_gruen.gif) 20px 6px no-repeat; 
font-family:Arial,Helvetica;font-size:10pt;font-weight:normal;color:#121848;

}

.sitemap a, .sitemap1 a
{
font-family:Arial,Helvetica;font-size:10pt;font-weight:normal;color:rgb(00,113,00);
  text-decoration: none;
}


/* ---------------------------------- Tabellen Unterkünfte --------------------------------------- */

.tabelle 
{
background-color:#FFF6EA;
font-size:10pt; font-family:Verdana,Arial,Helvetica; font-weight:normal; color:#091F53;
}

.tabellenkopf 
{
background-color:#518062;
background-color:#7688A6;
font-size:10pt; font-family:Verdana,Arial,Helvetica; font-weight:bold; color:#ffffff;
}

.tabelle a
{
  color: #353B8B;
  text-decoration: none;
}


.tabelle a:link, .tabelle a:visited,
{
  color: #353B8B;
  text-decoration: none;
}

.tabelle a:hover
{
  color: #353B8B;
  text-decoration: underline;
}

.klicken { font-size:8pt; font-family:Verdana,Arial,Helvetica; font-weight:normal; color:#999999; }

.lastminute { font-size:8pt; font-family:Arial,Helvetica; font-weight:bold; color:#FF0000; }

.angebot { font-size:8pt; font-family:Arial,Helvetica; font-weight:bold; color:#006C00; }

.pauschal { font-size:8pt; font-family:Arial,Helvetica; font-weight:bold; color:#0000FF; }

.tabelledet { font-size:10pt; font-family:Verdana, Arial,Helvetica; font-weight:normal;  color:#091F53; }

.tabelleadresse { font-size:9pt; font-family: Arial,Helvetica; font-weight:normal;  color:#091F53; }
.tabelleadressekopf { font-size:10pt; font-family: Arial,Helvetica; font-weight:bold;  color:#091F53; }

.tabelledetem { font-size:8pt; font-family:Arial,Helvetica; font-weight:bold;  color:#091F53; }

.bemerkungen { font-size:10pt; font-family:Arial,Helvetica; font-weight:bold;  color:#091F53; }

.norm11 { font-size:11pt; font-family:Arial,Helvetica; font-weight:bold;  color:#091F53; }


/* ----------------- Runder Rand -------------------------- */
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:3px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:1em;}

.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:#CAE4FF; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#CAE4FF; border:0 solid #08c; border-width:0 1px;}


/* ----------------- Runder Rand 3, universell -------------------------- */
.zsnazzy h1, .zsnazzy h2, .zsnazzy p {margin:0 10px; letter-spacing:3px;}
.zsnazzy h1 {font-size:2.5em; color:#fff;}
.zsnazzy h2 {font-size:2em;color:#06a; border:0;}
.zsnazzy p {padding-bottom:0.5em;}
.zsnazzy h2 {padding-top:0.5em;}
.zsnazzy {background: transparent; margin:1em;}

.ztop, .zbottom {display:block; background:transparent; font-size:1px;}
.zb1, .zb2, .zb3, .zb4 {display:block; overflow:hidden;}
.zb1, .zb2, .zb3 {height:1px;}
.zb2, .zb3, .zb4 {background:#FFEEC4; border-left:1px solid #08c; border-right:1px solid #08c;}
.zb1 {margin:0 5px; background:#08c;}
.zb2 {margin:0 3px; border-width:0 2px;}
.zb3 {margin:0 2px;}
.zb4 {height:2px; margin:0 1px;}

.zboxcontent {display:block; background:#FFEEC4; border:0 solid #08c; border-width:0 1px;}


/* ----------------- Runder Rand 4, universell, mit Kopf -------------------------- 
   Farbe von Rand und Kopf: #E7AF5F #7688A6
   Farbe vom Hintergrund:   #FFF5DF
   Breite des divs mit style und width darstellen
---------------------------------------------------------------------------------- */
.suchsnazzy h1, .suchsnazzy h2, .suchsnazzy p {margin:0 10px; letter-spacing:1px;}
.suchsnazzy h1 {font-size:2.5em; color:#fff;}
.suchsnazzy h2 {font-family:Arial,Helvetica;font-size:12pt;font-weight:bold;color:#ffffff; border:0; padding-bottom:5px;}
.suchsnazzy p {padding-bottom:0.5em;}
.suchsnazzy h2 {padding-top:0.5em;}
.suchsnazzy {background: transparent; margin:1em;}

.suchtop {display:block; background:transparent; font-size:1px;}
.sucht1, .sucht2, .sucht3, .sucht4 {display:block; overflow:hidden;}
.sucht1, .sucht2, .sucht3 {height:1px;}
.sucht2, .sucht3, .sucht4 {background:#7688A6; border-left:1px solid #7688A6; border-right:1px solid #7688A6;}
.sucht1 {margin:0 5px; background:#7688A6;}
.sucht2 {margin:0 3px; border-width:0 2px;}
.sucht3 {margin:0 2px;}
.sucht4 {height:2px; margin:0 1px;}

.suchbottom {display:block; background:transparent; font-size:1px;}
.suchb1, .suchb2, .suchb3, .suchb4 {display:block; overflow:hidden;}
.suchb1, .suchb2, .suchb3 {height:1px;}
.suchb2, .suchb3, .suchb4 {background:#FFF5DF; border-left:1px solid #7688A6; border-right:1px solid #7688A6;}
.suchb1 {margin:0 5px; background:#7688A6;}
.suchb2 {margin:0 3px; border-width:0 2px;}
.suchb3 {margin:0 2px;}
.suchb4 {height:2px; margin:0 1px;}

.suchboxcontent1 {display:block; background:#7688A6; border:0 solid #7688A6; border-width:0 1px;}
.suchboxcontent2 {display:block; background:#FFF5DF; border:0 solid #7688A6; border-width:0 1px;}


/* ----------------------- Bilder-Popup ---------------------------------- */

.thumbnail { border-width: 1px; border-style: solid; border-color: black; }


.divblock100 {
width:100px;
display:block;
float: left;
text-align:center;line-height:14pt; 
margin-right: 5px;
}
.divblock120 {
width:120px;
display:block;
float: left;
text-align:center;line-height:14pt; 
margin-right: 6px;
}

a.popup:link, a.popup:visited
{
display: block;
margin-top: 0px;
color: #000000;
}

a.popup:hover
{
background: #ffffff; /* Seitenhintergrundfarbe */
}

a.popup span /* PopUp-Box nicht anzeigen */
{
display: none;
}

a.popup:hover span /* PopUp-Box anzeigen */
{
display: block;
position: fixed;
left: 300px;
top: 50px;
width: 670px; /* Grafik-Breite */
height: 520px; /* Grafik-Höhe */
background: #cccccc; 
text-decoration: none;
font-size:8pt; font-family:Verdana,Arial,Helvetica; color:#144812;
}

/* --------------------- Bilder-Popup ENDE ------------------------------- */

  img {
  border-style: none;
  }

.amaright {
  float:right;
  margin-left: 8px;
}


/* ----------- am 16.2.2011 nicht genutzt irgendwann löschen -------------- 
.bild-st{
  margin: 20px 0px 20px 0px;
  text-align: center;
  font-size:8pt; font-family:Verdana,Arial,Helvetica; color:rgb(20,72,18);
  border:5px solid #ffffff;
  background-color: #FFF6EB;

}
.bild-st img{
  border:3px double #22788A;
}

.bild-rahmen1 {
  border: 4px solid #FFF6EB;
  margin-bottom: 30px;
  background-color: #FFF6EB;
  font-size:8pt; font-family:Verdana,Arial,Helvetica; color:rgb(20,72,18);
  text-align:center;
}

 .deskueber {
  border: none;
  font-family: Garamond, TimesNewRoman, Times, serif;
  font-weight: bold;
  font-size: 20pt;
  font-variant: small-caps;
  letter-spacing: 1pt;
  color: #660000;
  width:100%;
}

 .deskklein {
  border: none;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 10pt;
  letter-spacing: 0.3pt;
  color: #331111;
  text-decoration: none;
}

 .navleucht {
  font-family:Helvetica,Arial,sans-serif;
  font-size:10pt;
  color:#ff9999;
  background: #121223;
  text-decoration:none;
  border-left-width:0.5pt;
  border-left-style:solid;
  padding-left:0.8em;
  border-color: #121223;
  border-right-width:0.5pt;
  border-right-style:solid;
  padding-right:0.8em;
  border-top-width:0.5pt;
  border-top-style:solid;
  padding-top:4pt;
  border-bottom-width:0.5pt;
  border-bottom-style:solid;
  padding-bottom:4pt;
  }

  .navdark {
  font-family:Helvetica,Arial,sans-serif;
  font-size:10pt;
  color:#889999;
  background: #121223;
  text-decoration:none;
  border-left-width:0.5pt;
  border-left-style:solid;
  padding-left:0.8em;
  border-color: #121223;
  border-right-width:0.5pt;
  border-right-style:solid;
  padding-right:0.8em;
  border-top-width:0.5pt;
  border-top-style:solid;
  padding-top:4pt;
  border-bottom-width:0.5pt;
  border-bottom-style:solid;
  padding-bottom:4pt;
  }

  .navdark:hover {
  color: #ffff88;
  background: #000060;
  border-color: #800040;
  }
  
  .notvis {
  color:#bbbbcc;
  font-size: 3px;
  }
    
  .demomsmall {
  border: none;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 9pt;
  letter-spacing: 0.3pt;
  color: #550000;
  text-decoration: none;
}

  .demomvalue {
  border: none;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 9pt;
  letter-spacing: 0.3pt;
  color: #000077;
  text-decoration: none;
}
 ----------- ENDE nicht genutzt -------------- */