html {
  height: 100%;
}

body {
  margin-left: 40px;
  height: 100%;
  margin-bottom: 1px;
  background-color: #ffffcc;
  font-family:arial;
}

#rahmen-aussen {
  margin-right: 80px;
  margin-left: 80px;
  padding-bottom:10px;
  font-size: 1.2em;
  background-color: #ffffcc;
}

#rahmen-aussen h1{display:none}

#rahmen-aussen2 {
  margin-right: 15px;
  margin-left: 15px;
  padding-bottom:10px;
  font-size: 1.2em;
  background-color: #ffffcc;
}

#rahmen-aussen2 h1{display:none}

#rahmen-innen {
  /*height: 500px;*/
  margin-top: 50px;
  margin-right: 50px;
  margin-left: 50px;
  background-color: #ffff99;
}

#navi-frame {
  margin-top: 10px;
  margin-left: 50px;
  background-color: #ffffcc;
}

/* Texte */
#text-bereich{
  padding-top: 20px;
  padding-bottom: 10px;
  padding-right: 30px;
  padding-left: 50px;
  background-color: #ffff99;
border: solid 1px gray;
}

#text-bereich2{
  margin-top:-80px;
  padding-bottom: 10px;
  padding-right: 30px;
  padding-left: 50px;
  background-color: #ffff99;
  background-image:url(icon/Hintergrund.jpg); 
  background-repeat:repeat;
  
  /*height: 700px;*/
}

#txt {
  /*padding-top: 20px;
  padding-bottom: 10px;
  padding-right: 30px;
  padding-left: 50px;*/
  font-weight:100;
  font-size:1em;
  font-style:normal;
  background-color: #ffff99;
  color:#000000;
}

#txt2 {
  /*padding-top: 20px;
  padding-bottom: 10px;
  padding-right: 30px;
  padding-left: 50px;*/
  font-weight:100;
  font-size:1em;
  font-style:normal;
  background-color: #ffff99;
  color:#000000;
  border: solid 1px gray;
}

#txt-fett {
  font-weight:bold;
  font-size:1em;
  font-style:normal;
  background-color: #ffff99;
  color:#000000;
}

#extratext {
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight:normal;
  font-size:1.2em;
  font-style:italic;
  background-color: #ffff99;
  color:#800000;
}

h2{
  padding-top: 1px;
  padding-bottom: 1px;
  margin-left: -30px;
  margin-bottom:10px;
  font-weight:bold;
  font-size:2em;
  font-style:italic;
  /*background-color: #ffff99;*/
  color:#000000;
}
/*
h3{
  padding-top: 1px;
  padding-bottom: 1px;
  /*margin-left: -30px;*/
  /*margin-bottom:10px;
  font-weight:bold;
  font-size:2em;
  font-style:italic;
  /*background-color: #ffff99;*/
  /*color:#000000;
}
*/

#Ueberschrift_HFBilder{
  padding-top: 1px;
  padding-bottom: 20px;
  margin-left: -30px;
  font-weight:bold;
  font-size:2em;
  font-style:italic;
  color:#000000;
}

#Liste {
  font-weight:100;
  font-size:1em;
  font-style:normal;
  background-color: #ffff99;
  color:#000000;
  /*list-style-type:disc;*/
  /*list-style-type:circle;*/
  /*list-style-type:square;*/
}

/* --------------------------------------*/
/* Styles für Bilder */

/* rechte Seite */
#Bild-rechts-oben {
  position:relative;
  top:-15px;
  left: 20px;
  margin-bottom:3em;
  float: right;
  background-color: #ffff99;
  cursor:pointer; 
}

#Bild-rechts {
  position:relative;
  left: 20px;
  margin-bottom:1.1em;
  margin-top:1.1em;
  /*margin-left:-1.8em;*/
  float: right;
  background-color: #ffff99;
  cursor:pointer;
}

#Bild-weiter-rechts {
  position:relative;
  left: 80px;
  margin-bottom:1.1em;
  margin-top:1.1em;
  margin-left:-1.8em;
  float: right;
  background-color: #ffff99;
  cursor:pointer;
}

#Bild-ganz-rechts {
  position:relative;
  left: 85px;
  margin-bottom:1.1em;
  margin-top:1.1em;
  margin-left:-1.8em;
  float: right;
  background-color: #ffff99;
  cursor:pointer;
}

/* linke Seite */
#Bild-links-oben {
  position:relative;
  top:-15px;
  left:-20px;
  margin-bottom:3em;
  float: left;
  background-color: #ffff99;
  cursor:pointer;
}

#Bild-links {
  position:relative;
  left:-20px;
  margin-bottom:1.1em;
  margin-top:1.1em;
  /*margin-right:-1.8em;*/
  float: left;
  background-color: #ffff99;
  cursor:pointer;
}

#Bild-weiter-links {
  position:relative;
  left:-70px;
  margin-bottom:1.1em;
  margin-top:1.1em;
  margin-right:-1.8em;
  float: left;
  background-color: #ffff99;
  cursor:pointer; 
}

#Bild-ganz-links {
  position:relative;
  left:-115px;
  margin-bottom:1.1em;
  margin-top:1.1em;
  margin-right:-3.5em;
  float: left;
  background-color: #ffff99;
  cursor:pointer;
}

#Bild-mitte {
  position:relative;
  align:center;
  margin-bottom:1.1em;
  margin-top:1.1em;
  background-color: #ffff99;
  cursor:pointer;
}

#pixelumbruch{

  float: none;

}


/*  GIF (Transparent)    */

/* rechte Seite */
#GIF-rechts-oben {
  position:relative;
  top:-15px;
  left: 20px;
  margin-bottom:3em;
  float: right;
}

#GIF-rechts {
  position:relative;
  left: 20px;
  margin-bottom:1.1em;
  margin-top:1.1em;
  /*margin-left:-1.8em;*/
  float: right;
}

#GIF-weiter-rechts {
  position:relative;
  left: 80px;
  margin-bottom:1.1em;
  margin-top:1.1em;
  margin-left:-1.8em;
  float: right;
}

#GIF-ganz-rechts {
  position:relative;
  left: 85px;
  margin-bottom:1.1em;
  margin-top:1.1em;
  margin-left:-1.8em;
  float: right;
}

/* linke Seite */
#GIF-links-oben {
  position:relative;
  top:-15px;
  left:-20px;
  margin-bottom:3em;
  float: left;
}

#GIF-links {
  position:relative;
  left:-20px;
  margin-bottom:1.1em;
  margin-top:1.1em;
  /*margin-right:-1.8em;*/
  float: left;
}

#GIF-weiter-links {
  position:relative;
  left:-70px;
  margin-bottom:1.1em;
  margin-top:1.1em;
  margin-right:-1.8em;
  float: left;
}

#GIF-ganz-links {
  position:relative;
  left:-115px;
  margin-bottom:1.1em;
  margin-top:1.1em;
  margin-right:-1.8em;
  float: left;
}


/* --------------------------------------*/
/*  Logo  */
#Ueberschrift-Logo {
  position:absolute;
  top:30;
  right: 230px;
  font-size:1.5em;
  font-weight:bold;
  color:#0080C0;
  font-family:times;
}

#Text-Logo {
  position:absolute;
  /*top:115;*/
  top:98;
  right: 120px;
  font-size:1em;
  font-weight:bold;
  font-style:italic;
  color:#0080C0;
  font-family:times;
}

#Bild-Logo {
  position:absolute;
  z-index:99;
  /*top:-10px;*/
  top:-10px;
  right: 80px;
}

#Bild-Logo2 {
  position:absolute;
  z-index:99;
  /*top:-10px;*/
  top:-100px;
  right: 80px;
  float:left;
}

/* --------------------------------------*/


/*   B i l d e r   */

/* --------------------------------------*/

/*allgemein*/

#bad{
/* Pflegekonzept img_0369.jpg */
width:225px;
height:195px;
z-index:99;
}    

#medikament{
/* Pflegekonzept img_0804.jpg*/
width:200px;
height:160px;
}    

#laecheln{
/* leistungen img_0173.jpg */
width:150px;
height:140px;
}

#apfel{
/* Leistungen img_0848.jpg */
width:150px;
height:140px;
}

#waesche{
/* Leistungen img_9918.jpg */
width:140px;
height:140px;
}

#empfang2{
/* Leistungen img_9838.jpg */
width:220px;
height:140px;
}

#kuechengeraete{
/* kueche img_9915.jpg */
width:190px;
height:170px;
}

#teller{
/* kueche img_9931.jpg */
width:220px;
height:150px;
}

#obstkorb{
/* kueche img_9802.jpg */
width:250px;
height:160px;
}

#Klingelknopf{
/* inneneinrichtung img_9877.jpg */
width:200px;
height:170px;
}

#Badezimmer2{
/* inneneinrichtung img_0761.jpg */
width:250px;
height:160px;
}

#buegeln{
/* Hauswirtschaft img_9921.jpg */
width:300px;
height:210px;
}

#putzen{
/* Hauswirtschaft img_0262.jpg */
width:200px;
height:200px;
}

#klavier{
/* Betreuungskonzept img_0214.jpg */
width:325px;
height:150px;
}

#anstossen{
/* Betreuungskonzept img_0174.jpg */
width:200px;
height:180px;
}


/* --------------------------------------*/

/*Benediktuspark*/


#zimmer{
/* Inneneinrichtung img_0964.jpg */
width:300px;
height:auto;
}    

#rollstuhl{
/* Pflegekonzept img_9879.jpg */
width:150px;
height:220px;
}    


#kaffeekranz{
/* Ausstattung img_0927.jpg */
width:200px;
height:130px;
z-index:1;
}

#zimmer1{
/* Ausstattung img_1016.jpg */
width:205px;
height:260px;
z-index:2;
}

#garten{
/* Lage img_0918.jpg */
width:150px;
height:240px;
}

#lageplan{
width:300px;
height:300px;
}

#koch{
/* kueche img_1001.jpg */
width:150px;
height:240px;
}

#pfannen{
/* kueche img_0994.jpg */
width:250px;
height:160px;
}

#portrait{
/* inneneinrichtung img_0971.jpg */
width:200px;
height:200px;
}

#am_fenster{
/* inneneinrichtung img_0987.jpg */
width:200px;
height:300px;
}

#Kartentisch{
/* Betreuungskonzept img_0954.jpg */
width:350px;
height:auto;
}

#kegeln1{
/* Betreuungskonzept img_0893.jpg */
width:230px;
height:200px;
}

#kegeln2{
/* Betreuungskonzept img_0899.jpg */
width:200px;
height:150px;
}

#kartenspiel1{
/* Ausstattung img_0943.jpg */
width:200px;
height:170px;
}

#kartenspiel2{
/* Ausstattung img_0958.jpg */
width:215px;
height:300px;
}

#zimmer2{
/* ausstattung img_0961.jpg */
width:300px;
height:210px;
}

#formulare{
/* Aufnahme img_1022.jpg */
width:300px;
height:210px;
}

#eingang{
/* Aufnahme img_1015.jpg */
width:200px;
height:200px;
}

#Haus{
/* angebot img_0919.jpg */
width:300px;
height:200px;
}

#empfang{
/* angebot img_0884.jpg */
width:250px;
height:400px;
}

#Eingang2{
/* angebot img_1019.jpg */
width:150px;
height:200px;
}

#zimmerfarbe1{
/* Grundrisse doppelzimmer.jpg */
width:450px;
height:440px;
float:none;
}

#zimmerfarbe2{
/* Grundrisse einzel_farbe.jpg */
width:350px;
height:320px;
float:none;
}

#appartment{
/* Grundrisse appartment.jpg */
width:440;
height:450px;
float:none;
}



#sonne_logo2{
/* Hauswirtschaft img_0262.jpg */
/*width:35px;
height:16px;*/
width:1px;
height:1px;
}


/*    l i n k s      */
#link-rechts{
  font-size:0.9em;
  text-align:right;
  font-style:italic;
  margin-right:5px;
  color:#800000;
}

#Startlink{
  font-size:1em;
  font-weight:bold;
  text-align:right;
  font-style:italic;
  margin-right:40px;
  color:#800000;
}


#link-links{
  font-size:0.9em;
  text-align:left;
  margin-left:5px;
  font-style:italic;
  color:#800000;
}

#navi-frame{
   margin:1px;
   padding:1px;
}

/*  Navigation  */

  ul#Navigation {
    /*margin: 0; padding: 0.8em;*/
    text-align: center;
    /*border: 1px solid black;
    background-color: silver;*/
    
  }
  ul#Navigation li {
    list-style: none;
    display: inline;
    margin: 0; padding: 0;
  }

  ul#Navigation a, ul#Navigation span {
    float: left; 
    width: 8em;  /*Buttonbreite ausser IE */
    /*margin: 0.4em; padding: 0.2em 1em;*/
    margin: 1px; padding: 1px;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: maroon; background-color: #ccc;
  }
  * html ul#Navigation a, * html ul#Navigation span {  /* Korrektur fuer IE 5.x */
  /*Breite der Buttons*/
    width: 14em;     /* ohne Wirkung */
    w\idth: 8em;     /*IE */
  }
  ul#Navigation a:hover, ul#Navigation span {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: gray;
  }
  ul#Navigation div {
     clear: left;
  }


#feld{
width:750px; 
margin:auto; 
border-color: red;
}


/*      A d o b  e     S p r y                  */
/* Gallery and Playback Controls
----------------------------------------------- */
#gallerySelect { width: 200px; }                          /* Auswahlbox */
#controls {	margin:0 auto 10px auto; font-size: 0.7em; }  /* Kontrolls für Slideshow */
#galleries {	margin:0 auto 20px auto; }
#galleries label { padding-bottom: 2px; font-size: 85%; } /* Label für Auswahlbox */

/*  Buttons  */
#transport {
	margin: 0;
	padding: 0;
	list-style: none;
}
#transport li {
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
#transport a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 85%;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin: 0 1px 0 0;
	padding: 2px 4px;
	width: 55px;
	float: left;
	display: block;
	-moz-user-select: none;
	-khtml-user-select: none;
}
#transport a:link {
	background: #666 url('icon/bg_grad_gray1.gif') repeat-x;
	color: #fff;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #3a3a3a;
	border-left: solid 1px #404040;
}
#transport a:visited {
	background: #666 url('icon/bg_grad_gray1.gif') repeat-x;
	color: #fff;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #3a3a3a;
	border-left: solid 1px #404040;
}
#transport a:hover {
	background: #ccc url('icon/bg_grad_gray2.gif') repeat-x;
	color: #000;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #3a3a3a;
	border-left: solid 1px #404040;
}
#transport a:focus {
	-moz-user-select: none;
	-khtml-user-select: none;
}


/* Thumbnails und drumherum*/
#previews {          /* Fläche für die Thumbnails uns Auswahl */
	/*border-top: solid 1px #404040;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #3a3a3a;
	border-left: solid 1px #404040;*/
	padding: 5px 5px 10px 5px;
	margin-bottom: 5px;
	/*background-image: url('../images/bg.gif');*/
	background-color: #ffff99;
	/*background:  url('icon/aqua-gradient.gif') repeat-x;*/
	width: 220px;       /*Breite des Feldes für die Thumbnails*/
	float: left;
	margin-right: 10px;
}
#thumbnails {
	clear: both;
	margin: 10px auto;
}
#thumbnails div {
	position: relative;
	width: 50px;
	height: 50px;
	float: left;
	margin: 8px;
	padding: 0;
	float: left;
	display:inline;
}
#thumbnails img {
	width: 50px;
	height: 50px;
	position: absolute;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #333;
	border-left: solid 1px #404040;
}

/* Bild(er) */)
#picture {
	padding: 0px;
	width: 500px;
	float: left;
}
#mainImageOutline {     /* Rand für das dargestellte Bild */
	/*margin: 0 auto;*/
	padding: 0;
	background-color: #eee;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #333;
	border-left: solid 1px #404040;
	/* padding: 1em; */ 
	overflow: hidden; 
}
#mainImage {   /* dargestelltes Bild */
	width: 100%;
	height: 100%;
}

#picture img {	border: 1px solid #999; }
.selectedThumbnail {  border: solid 2px #fc0 !important; }
.inFocus {  border: solid 1px #fc0 !important; }