@charset "ISO-8859-1";
  body {
    position:relative;
	color: black; background-color: white;
    font-size: 125.01%;
    font-family: Verdana,Arial,sans-serif;
    margin: 0 auto;
	padding: 3px 0 0 0;
    min-width: 41em;
	max-width: 1000px;
  }
  div#Seite {
  	background-color: #efefe9;
	border: 1px solid blue;
	margin: 0 0 0.4em 0;
  }
  h1 {
    margin: 0 0 0.1em; padding: 0 0.3em 0 0.3em;
    text-align: center;
	font: bolder 1.5em Georgia, "Times New Roman", Times, serif;
	color: gray;
	border-width: 1px 0 1px 0;
	border-color: blue;
	border-style: solid;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #efefe9;
  }
  * html h1 {
  	height: 1.2em;
  }
  h1 a {
	color: gray;
	text-decoration: none;
  }
  h1:hover { 
	background-color: white;
  }
  h1 a:visited { 
	color: gray;
  }
  div#Claim {
	margin: 0; padding: 0;
	background-color: white;
  }
  * html div#Claim {
	background-color: #efefe9;
  }
  * html div#Claim div {
	background-color: #efefe9;
	margin: 0.2em auto;
  }
  div#Claim p {
    font-size: 1.3em; 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bolder; font-style:italic;
	padding: 0 0.3em 0 0.3em;
	margin: 0;
  }
  * html div#Claim p {
  	display: block;
	width: auto;
	height: 1.2em; 
	padding: 0; margin: 0;
	background-color: white;
  }
  div#Claim a {
	text-decoration: none; color: gray;
	margin: 0;
  }
  div#Claim a:hover {
	text-decoration: none; 
	color: blue; background-color: white;
  }

  div#Claim p:first-child {
	background: transparent url(/usedom_bilder/auszeichnungen_bewertungen_s.gif) center right no-repeat; 
  }
  div#Claim p:first-child:hover {
	background: transparent url(/usedom_bilder/auszeichnungen_bewertungen_a.gif) center right no-repeat; 
  }

  div#TitelBild {
	text-align: center;
	padding: 0;
	border-width: 1px 0 1px 0;
	border-color: blue;
	border-style: solid;
	background-color: #efefe9;
  }
  * html div#TitelBild {
	display: inline-block;
	margin: 0 auto;
  } 
  .TitelFoto {
	margin: 0.2em auto 0 auto; padding: 0;
    border: 1px solid black;
  	width: 100%; height: 100%;
	max-width: 988px; max-height: 82px;
  }
  * html .TitelFoto {
	margin: 0.2em auto 0.2em auto;
  }
  *:first-child+html .TitelFoto {
	margin: 0.2em auto 0.2em auto;
  }
  ul#Navi {
    position: absolute;
	font-size: 0.76em;
    float: left; 
    margin: 0; padding: 0;
    border-width: 0 0 1px 0;
	border-style: solid; 
	border-color: blue;
  }
  * html ul#Navi {
    padding: 0 0 0.4em 0;
	position: absolute;
  }
  ul#Navi ol {
    font-size: 0.8em; 
	display: block;
	margin:0; padding: 0.16em 0;
  }
  ul#Navi ol li {
	background: transparent url(/usedom_bilder/navi_l.gif) center left no-repeat; 
	padding: 0 0 0 0.8em;
  }
  * html ul#Navi ol li:hover { 
  	background-color: white;
  }
  *:first-child+html ul#Navi ol li:hover { 
  	background-color: white;
  }
  ul#Navi ol li a {
	padding: 0.2em 0; 
	margin: 0 0 0 0.0em;
  }
  ul#Navi li {
    margin: 0; padding: 0;
	list-style-type: none; 
  }
  * html ul#Navi li {
    margin-bottom: -0.4em;
  }
  *:first-child+html ul#Navi li {
    margin-bottom: -0.1em;
  }
  ul#Navi li ul {
    position: absolute; 
    top: 24em; left: 13em;
    margin: 0; padding: 0; 
	width: 14em;
    font-size: 0.8em; font-weight: normal;
	background-color: #ff9; color: black;
	border: 1px solid #f90;
	z-index:3;
    display: none;
  }
  * html ul#Navi li ul {
    left: 8em;
    lef\t: 7em;
    top: 24em;
	background-color: #ff9; padding-bottom: 0.4em;
	width: 12em;
  }
  *:first-child+html ul#Navi li ul {
    left: 8em;
    top: 23.2em;
	width: 12em;
  }
  ul#Navi li:hover ul {
    display: block;
  }
  ul#Navi li ul li {
    float: none;
    display: block;
    margin-bottom: 0.2em;
  }
  *:first-child+html ul#Navi li ul li {
    top: 26em;
	background-color: #ff9; padding-bottom:0.4em;
    left: 9em;
	width: 12em;
  }
  ul#Navi li ul li a:hover {
	background-color: silver;
  }
  ul#Navi a, ul#Navi span {
    display: block;
    padding: 0.2em 0.4em 0.2em 0.4em;
    text-decoration: none; color: navy;
  }
  * html ul#Navi a, * html ul#Navi span {
    width: 8.6em; 
    w\idth: 6.4em;
  }
  ul#Navi a {
    display: block;
    padding: 0.2em;
    font-weight: bold;
  }
  ul#Navi a:link {
    color: #309; text-decoration: none;
  }
  ul#Navi a:visited {
    color: #666; text-decoration: none;
  }
  ul#Navi a:hover {
    color: black; background-color: #ff9;
  }
  ul#Navi a:active {
    color: white; background-color: gray;
  }
  div#NaviRechts {
    position: relative;
	width: 9em;
	float: right;
	margin: 0; padding: 0;
  }
  * +html div#NaviRechts {
	width: 8.4em;
  }
  div#NaviRechts ul {
	list-style-type: none;
    font-size: 0.7em;
    font-weight: bold;
	text-align: right;
  }
  div#NaviRechts ul li {
    padding: 0 0.9em 0.32em 0;
	background: transparent url(/usedom_bilder/navi_r.gif) top right no-repeat; 
	margin: 0 0 0 -3.5em;
  }
  * html div#NaviRechts ul li {
    padding: 0 0.9em 0.1em 0;
	background: transparent url(/usedom_bilder/navi_r.gif) center right no-repeat; 
  }
  *:first-child+html div#NaviRechts ul li {
    padding: 0 0.8em 0 0;
	background: transparent url(/usedom_bilder/navi_r.gif) center right no-repeat; 
  }
  div#NaviRechts ul a {
    display: block;
    font-weight: bold;
  }
  * html div#NaviRechts ul a {
    padding: 0; 
  }
  div#NaviRechts ul a:link {
    padding: 0;
    color: #309; text-decoration: none;
 }
  div#NaviRechts ul a:visited {
    color: #666; text-decoration: none;
  }
  div#NaviRechts ul a:hover {
    color: black; background-color: white;
  }
  div#NaviRechts ul a:active {
    color: white; background-color: gray;
  }
  ul#NaviRechtsF {
    background-color: white;
	list-style-type: none;
    margin: 0.2em 0 0 0;
	padding: 0.4em 0 0 0;
    border-width: 1px 0 1px 0;
	border-style: solid; 
	border-color: blue;
  }
  * +html ul#NaviRechtsF {
	margin: 0.6em 0 0 0;
	padding: 0;
	position: relative; right: 0.8em; width: 12.8em;
  }
  *:first-child+html ul#NaviRechtsF {
    margin: 0.6em 0 0 0; 
    padding: 0;
  }
  ul#NaviRechtsF li {
    font-weight: bold;
	text-align: right;
    font-size: 1.1em;
  }
  ul#NaviRechtsF li a:link, ul#NaviRechtsF li a {
	padding: 0 0 0.4em 0;
    margin: 0 0 0 3.5em;
  }
  ul#NaviRechtsF a:visited {
    color: #666; text-decoration: none;
  }
  ul#NaviRechtsF li a:hover {
    color: white; background-color: gray;
  }
  ul#NaviRechtsF a:active {
    color: white; background-color: gray;
  }
  div#Suchfeld {
	margin: 0.2em 0 0.2em 0em;
	padding: 0.6em 0.1em 0.6em 0;
	border-width: 1px 0 1px 0;
	border-style: solid; 
	border-color: blue;
	background-color: #ddd;
  }
  @media screen and (-webkit-min-device-pixel-ratio:0) { /* Chr, Saf */
	input {
		width: 12.8em;
    }
  }
  * +html div#Suchfeld {
	padding: 0.6em 0; margin: 0; 
	position: relative; right: 0.6em; width: 9em;
  }
  *:first-child+html div#Suchfeld {
	padding: 0.6em 0; margin: 0;
  }
  #cse-search-box {
  	margin: 0; padding: 0;
  }
  div#Theme {
  	margin: 0 auto;
	padding: 0;
  }
  div#Theme ol {
  	margin: 0; padding: 0 0.2em 0 0;
	background-image: none; 
  }
  * html div#Theme ol {
  	margin: 0; padding: 0.6em 0.4em 0 0;
  }
  *:first-child+html div#Theme ol {
  	margin: 0; padding: 0.4em 0.4em 0.4em 0;
  }
  div#Theme ol li {
    display: inline;
  }
  div#Theme ol li a img {
    border: 2px solid #efefe9;
  }
  div#Theme ol li a img:hover {
    border: 2px solid blue;
  }
  div#Theme ol a {
    float: right; width: 2.4em; border: 0;
  }
  div#Theme div {
	clear: right;
  }
  h2 {
	margin: 0.4em 0 0 0;
	padding: 0.1em 0 0 0.1em;
	font: bold 1.2em Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: brown;
	border-width: 0 0 1px 0;
	border-color: brown;
	border-style: solid;
  }  
  h3 {
	margin: 0.4em 0 0 0;
	padding: 0 0 0 0.1em;
	font: bold 1.2em Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: brown;
  }  
  h4 {
	margin: 0.4em 0 0.2em 0;
	padding: 0 0 0 0.1em;
	font: bold 1.0em Georgia, "Times New Roman", Times, serif;
	color: brown;
  } 
  div#ObenRahmen {
	position: relative; z-index: 2;
    float: left; width: 99%;
	background-color: #ffc;
	border: 1px solid #f90; margin: 0.2em;
  }
  * +html div#ObenRahmen {
	float: right; 
	border: 1px solid #f90;
	margin: 0 0.04em 0.2em 0.4em;
	padding: 0.1em;
  }
  *:first-child+html div#ObenRahmen {
  	width: 8em;
	float: right; 
	border: 1px solid #f90;
	margin: 0 0.04em 0.2em 0.4em;
  }
  div#ObenRahmen div {
    clear: left;
  }
  ul#NaviOben {
	margin: 0.1em; 
	padding: 0;
    font-size: 0.6em; font-weight: bold;
  }
  ul#NaviOben li { 
    list-style: none;
    float: left;
    position: relative; 
    padding: 0; margin: 0; 
  }
  * +html ul#NaviOben li {
	margin: 0.2em 0;
	clear: left;
	line-height: 1em;
  }
  *:first-child+html ul#NaviOben li {
    margin-bottom: -0.1em; 
	clear: left; 
  }
  ul#NaviOben li:hover {
    background-color:silver;
  }
  * +html ul#NaviOben li a {
	white-space: pre;
  }
  * +html ul#NaviOben li:first-child a {
	white-space: normal;
  }
  * +html ul#NaviOben li span {
	white-space: pre;
  }
  ul#NaviOben li ul { 
    font-size: 1em; font-weight: bold; 
    margin: 0; padding: 0;
    position: absolute; 
	z-index: 4; 
    display: none; 
    top: -0.4em; left: 4.4em; 
	width: 14em; 
	background-color: #ff9; color: black; 
	border: 1px solid #f90; 
  }
  * html ul#NaviOben li ul {
    left: -10.8em;
    lef\t: -11.8em;
	width: 12em;
	text-align: right;
    background-color: #ff9; padding: 0; 
    position: absolute; border: 1px solid #f90;
  }
  *:first-child+html ul#NaviOben ul { 
    left: -10.8em;
    lef\t: -11.8em;
	width: 12em;
	text-align: right;
    background-color: #ff9; padding: 0; 
	border: 1px solid #f90;
  }
  ul#NaviOben li:hover ul {
    display: block;
  }
  ul#NaviOben li ul li {
    float: none;
    display: block;
    margin-bottom: 0.2em;
  }
  ul#NaviOben li ul li a:hover {
	background-color: silver;
  }
  ul#NaviOben li ul span {
	background-color: gray; color: white;
    font-weight: normal;
  }
  ul#NaviOben a, ul#NaviOben span {
    display: block;
    padding: 0.2em 0.4em 0.2em 0.4em;
    text-decoration: none; color: navy;
  }
  * html ul#NaviOben a, * html ul#NaviOben span {
    width: 8.6em;
    w\idth: 6.4em;
  }
  div#Inhalt {
    margin: -0.15em 9em 0 8.8em;
    padding: 0.05em 0.1em 0.1em 0.1em;
	background-color: white;
	border-width: 0 1px 0 1px;
	border-style: solid;
	border-color: blue;
  }
  * +html div#Inhalt {
  	max-width: 34.5em;
  }
  div#Inhalt h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
  }
  div#Inhalt p {
    font-size: 0.8em;
    margin: 0.3em 0 0 0.2em;
  }
  div#Inhalt > ol {
    font-size: 0.8em;
    margin: 0.4em 0 0.4em 2em; padding: 0;
	list-style-type: disc; 
  }
  div#Inhalt > ol li:hover {
	list-style-type: circle; 
  }
  div#Inhalt > p > a[target="_blank"], div#Inhalt > div > a[target="_blank"], div#Inhalt > div > p > a[target="_blank"], div#Inhalt > table a[target="_blank"] {
	color: #666;
	background: url(/usedom_bilder/a_link_2.gif) bottom right no-repeat; 
	padding: 0 13px 0 0;
	background-color: #efefff;
  }
  * +html div#Inhalt > table {
	width: 99%;
  }
  div#Inhalt a[target="_blank"]:hover {
	background-color: white; color: blue;
	text-decoration: underline;
  }
  p a.Inhalt {
	padding: 0.1em 0.2em 0.1em 0.2em;
  }
  p a:hover {
	background-color: blue; color: white;
	text-decoration: none;
  }
  div#Inhalt p span, div#Inhalt table span {
	font-weight: bold;
  }
  #ItLike {
	margin: 4px 2px;
	padding: 1px;
	height: 29px;
	background-color: #fafafa;
	background-image:url(usedom_bilder/social-media.jpg); 
	background-repeat:no-repeat; 
	background-position:right center;
  }
  #ItLike table {
	vertical-align: middle;
	border: 1px solid silver;
	border-collapse: collapse;
	font-size: 0.8em;
  }
  * html  #ItLike table {
	margin-left: 4px;
  }
  #ItLike table td img {
	padding: 1px;
	border: 1px solid silver;
	margin-top: 4px;
  }
  div.Hinweis {
  	display: inline-block;
	margin: 0.3em 0.2em;
	padding: 0.3em 0.2em;
	border: 1px solid black;
	background-color:#ffc;
    font: italic 0.85em Verdana,Arial,sans-serif; 
  }
  * html div.Hinweis {
  	display: block;
	width: 75%;
  }
  div.GrafikTextR, div.GrafikTextL {
	padding: 0.3em 0.3em 0.1em 0.3em;
	background-color: #ffc; 
	border: 1px solid #f90;
	text-align: center;
	font-size: small;
	font-weight: bold;
  }
  div.GrafikTextR {
  	float: right;	
	margin: 0.15em 0.1em 0.15em 0.2em;
  }
  div.GrafikTextR img, div.GrafikTextL img {
	border: 1px solid black;
	font-size: 0.7em;
	font-weight: normal;
  }
  div.GrafikTextL {
  	float: left;
	margin: 0.15em 0.3em 0.15em 0.1em;
  }
  div.GrafikTextZ {
	text-align: center;
	padding: 0.3em;
  }
  div.GrafikTextZ img {
	margin: 0.15em 0.3em 0.15em 0.1em;
	padding: 0.3em;
	background-color: #ffc; 
	border: 1px solid #f90;
	font-size: 0.7em;
	font-weight: normal;
  }
  div.Grafik {
	text-align: center;
  	margin: 0 auto 0 auto;
	padding: 0.3em;
	background-color: #ffc; 
	border: 1px solid black;
  }
  div.Grafik img {
  	width: auto; height: auto;
  	max-width: 100%;
	margin:0; padding: 0;
	border: 1px solid #f90;
	font-size: 0.7em;
	font-weight: normal;
  }
  div.Grafik > object {
	text-align: center;
  }
  div.Video {
	text-align: center;
  	margin: 0 auto 0 auto;
	padding: 0.3em;
	background-color: #ffc; 
	border: 1px solid black;
	    width:360px; height:240px;
  }
  div.Video img {
  	width: auto; height: auto;
  	max-width: 100%;
	margin:0; padding: 0;
	border: 1px solid black;
  }
  div.Video > object {
	text-align: center;
  }
  div.FotoAlbum {
	text-align: center;
  	margin: 0.3em auto 0.2em auto;
	padding: 0.3em;
    background-color: #ffc; 
	border: 1px solid #f90;
  }
  div.FotoAlbum img {
	width: 100%; height: 100%;
	max-width: 480px; max-height: 360px;
	margin:0; padding: 0;
	border: 1px solid black;
  }
  * html div.FotoAlbum img {
  	width: 36em; height: 27em;
  }
  div.DiaS {
	text-align: center;
  	margin: 0.3em auto 0.2em auto;
	padding: 0.3em;
    background-color: #ffc; 
	border: 1px solid #f90;
  }
  * html div.DiaS {
  	width: 18.4em; height: 13.9em; 
	padding: 0.2em 0.3em 0.3em 0.2em;
  }
  *:first-child+html div.DiaS {
  	width: 18.4em; height: 14em; 
	padding: 0.2em 0.3em 0.3em 0.2em;
  }
  div.DiaS img {
	width: 100%; height: 100%;
	max-width: 480px; max-height: 360px;
	margin:0; padding: 0;
	border: 1px solid black;
  }
  * html div.DiaS img {
  	width: 18em; height: 13.5em;
  }
  *:first-child+html div.DiaS img {
  	width: 100%; height: 100%;
  }
  div.FrameHG {
	margin: 0.4em auto 0.4em auto;
	text-align: center;
	padding: 0.3em;
    background-color: #ffc; 
	border: 1px solid #f90;
  }
  div.FrameHG object {
	width: 100%;
	height: 32em;
	border: 1px solid #f90;
  }
  div.FrameHG iframe {
	width: 100%;
	height: 32em;
	border: 1px solid #f90;
  }
  div.TextNav {
	width: 6.7em; height: 0.78em;
  }
  * +html div.TextNav {
	width: 6.8em; height: 1.4em;
	vertical-align: top;
	padding-top: 0;
  }
  div.TextNav a {
	font-size: 0.8em; letter-spacing: 0;
	vertical-align: top;
	padding: 0; 
  }
  * +html div.TextNav a {
	display: block;
	margin-top: -0.4em;
  }
  div.StartL {
	margin: 0 0.1em 0.8em 0.1em;
  }
  div.StartL ol { /* Selektor zieht, laesst aber kaum wirksame Deklarationen zu! */
	list-style-type: none; padding: 0 0 0.2em 0;
	background-color: #eee;
	border: 1px solid blue;
  }
  div.StartL ol li {
	display: inline;
	font-size: 0.52em; font-weight: normal;
	padding: 0 0.8em;
  }
  .Miniaturen {
	margin: 0.4em 0.1em;
	border: 1px solid blue;
	background-color: #efefe9;
  }
  .Miniaturen div {
	clear: left;
  }
  .Miniaturen ul {
	text-align: center; margin: 0 auto;
	padding: 0;
	list-style-type: none;
  }
  .Miniaturen ul li {
	float: left;
	margin: 0.4em; padding: 0.3em;
	background-color: #ffc;
	border: 1px solid red;
  }
  .Miniaturen ul li div {
	display: inline;
	text-align: center; margin: 0 auto;
  }
  .Miniaturen ul li div img {
	border: 1px solid black;
  }
  div.KonvRahmen {
    width: 98.5%;
    padding: 0.2em;
	margin: 0.4em auto; text-align: center;
    border: 1px solid blue;
    background-color: #cff;
  }
  * html div.KonvRahmen {
    width: 98.5%;
    w\idth: 98%;
    padding: 0.2em 0.4em 0.4em 0.4em;
	display: inline-block; clear: left;
  }
  *:first-child+html div.KonvRahmen {
    width: auto;
	padding: 0.2em 0.4em 0.4em 0.4em;
	display: inline-block; clear: left;
  }
  div.KonvRahmen div {
    clear: left;
  }
  ul.Konversion {
	display: table;
	font-size: 0.7em; font-weight: bold;
    padding: 0.4em 0 0 0;
	margin: 0 auto;
  }
  * html ul.Konversion {
	float: left;
    width: auto; 
  }
  *:first-child+html ul.Konversion {
	float: left;
  }
  ul.Konversion li {
    list-style: none;  
    float: left;
    position: relative;
	margin: 0.2em 0.3em 0.6em 0.3em;
    padding: 0;
	border: 1px solid blue;
	color: navy;
    background-color: #ffc; 
  }
  * html ul.Konversion li {
  	width: auto;
  }
  *:first-child+html ul.Konversion li {
	margin: 0.2em 0.3em 0.6em 0.3em;
  }
  ul.Konversion li ul {
    margin: 0; padding: 0;
    position: absolute;
	z-index: 3;
    display: none;
    top: 2em; left: -0.4em;
	text-align: left;
	background-color: #ff9;
	font-size: 0.88em; font-weight: bold;
	color: black;
	border: 1px solid brown;
  }
  * html ul.Konversion li ul {
    left: -1.5em;
    lef\t: -0.4em;
    padding: 0 0 0.2em 0;
  }
  *:first-child+html ul.Konversion li ul {
  }
  *:first-child+html ul.Konversion ul {
    padding: 0 0 0.2em 0;
  }
  ul.Konversion li:hover ul {
    display: block;
  }
  ul.Konversion li ul li {
    float: none;
    display: block;
    margin-bottom: 0.2em;
	border: 0; background-color: #ff9;
  }
  ul.Konversion a, ul.Konversion span {
    display: block;
    margin: 0;
    padding: 0.4em 0.2em 0.4em 0.2em;
    text-decoration: none; color: navy; 
  }
  * html ul.Konversion a, * html ul.Konversion span {
    width: 8.6em;
    w\idth: 6.4em;
  }
  ul.Konversion a:hover, ul.Konversion span, li a.aktuell {
    border-color: white;
    border-left-color: black; border-top-color: black;
	background-color:blue; color: white;
  }
  ul.Konversion li ul span {
    background-color: maroon;
  }
  div#Inhalt > table, div#Inhalt > form > table {
  	width: 99.5%;
	margin: 0.6em 0.4em 0.6em 0.2em;
	border: 1px solid red;
	background-color: #ffc;
    font: normal 0.75em Verdana,Arial,sans-serif; 
	border-collapse: collapse;
  }
  div#Inhalt > table th, div#Inhalt > form > table th {
	text-align: left; padding: 0.2em 0 0.2em 0.6em;
    font: bold 1em Verdana,Arial,sans-serif; 
	border: 1px solid red;
  }
  div#Inhalt > table td, div#Inhalt > form > table td {/* Nur Kinder von div#Inhalt */
	padding: 0; margin: 0;
	padding: 0.2em 0 0.2em 0.6em;
	border: 1px solid red;
  }
  div#Inhalt > table tr, div#Inhalt > form > table tr {
	border: 1px solid red;
  }
  div#Inhalt tr:hover {
	background-color: white;
  }
  div#Inhalt > table td p {
    font-size: 1.0em;
    margin: 0.3em;
  }
  div.FotoK {
	border: 1px solid red; /* Definition des aeusseren Rahmens und der HGF moeglich. */
	margin: 0 auto; padding: 0.2em;
	background-color: #ffc;
  }
  div.FotoK table { /* negative margin-left bewirken nichts. */
	border: 1px solid black; /* Definition des aeusseren Rahmens und der HGF moeglich. */
	border-collapse: collapse;
	table-layout: fixed;
  	width: 100%;text-align: center;
  }
* html div.FotoK tr {
	height: 84px;
}
  div.FotoK table td { /* Zentrieren des enthaltenen div mit margin: 0 auto; bzw. text-align nicht moeglich. Padding links bleibt! */
	vertical-align: top; /* text-align: center; Ohne text-align: center; Darstellung links mit padding ca. 8px!!! */
	border: 1px solid red;
	font-size: 0.78em; font-weight: bold;
	color: red;
	background-color: #ffc;
  }
  div.FotoK td div {
	margin: 0 auto; padding: 0; text-align: center;
	height: 51px; width: 62px; /* Mit height und width werden die Dimensionen des div festgelegt, ansonsten klappt das hovern nicht. */
  }
  div.FotoK td div img {
	border: 1px solid black;
	width: 60px;
	height: 45px;
	vertical-align: top;
  }
  div.FotoK td div img:hover {
	width: 180px;
	height: 135px;
	position: relative; left: -60px; top: -4px;
	border-width: 3px;
	border-color: olive;
	outline-style: groove;
  }
  * html div.FotoK td div a {
	width: 60px;
	height: 45px;
	vertical-align: top;
	display: block;
  }
  * html div.FotoK td div a:hover {
	width: 88px;
	height: 65px;
	display: block;
	padding: 10px;
	background-color: #ff6;
	border: 1px solid #009;
	position:relative; left: -4px; top: -2px;
  }
  div.FotoBlog {
	padding: 0.4em 0 0.4em 0;
	margin: 0.4em auto 0.4em auto;
	border: 1px solid #f90;
	text-align: center;
	background-color: #ffc;
  }
  div.FotoBlog img {
	padding: 0;
    border: 1px solid black;
	margin: 0 1px 0 0;
	max-width: 180px; max-height: 135px;
  }
  div.FotoBlog img:hover {
	border: 1px dashed #f90;
  }
  div.FotoBlog div {
    font: normal 0.75em Verdana,Arial,sans-serif; 
	text-align: left;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #f90;
	padding: 0.4em;
	margin: 0.4em 0 0 0;
  }
  div.FotoBlog div a {
	padding: 0.1em 0.2em 0.1em 0.2em;
  }
  div.FotoBlog div a:hover {
	background-color: blue; color: white;
	text-decoration: none;
  }
  div.FotoBlog span {
	font-style: italic; font-weight: bold;
	color: brown; font-size:1.2em
  }
  div.FotoBlog span:before {
	content:"Der "attr(class);
  }
  div.FotoBlog span:after {
	content:" auf Usedom"attr(class);
  }
  * html div.FotoBlog span {
	background: url(/usedom_bilder/fotoblog-datum.gif) center left no-repeat; 
	padding: 0 0 0 16px;
  }
  *:first-child+html div.FotoBlog span {
	background: url(/usedom_bilder/fotoblog-datum.gif) center left no-repeat; 
	padding: 0 0 0 16px;
  }
  div#FussRahmen {
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: blue;
	margin: 0 auto; padding: 0.8em 0 0 0;
    clear: both;
	height: 1.9em; 
  }
  div#FussRahmen div {
	margin: 0 auto;
	padding: 0;
  }
  * html div#FussRahmen div {
    width: auto; display: block;
	height: 1em; margin: 0 auto;
  }
  *:first-child+html div#FussRahmen div {
	display: block;
	height: 2.2em;
	margin: 2.2em auto 0 auto;
  }
  ul#Fusszeile {
    font-size: 0.7em; font-weight: bold;
    margin: 0 auto; padding: 0;
    text-align: center;
  }
  ul#Fusszeile li {
    list-style: none;
    display: inline;
    margin: 0.2em 0; padding: 0.2em 0.2em;
    text-align: center;
  }

  ul#Fusszeile a, ul#Fusszeile span {
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    padding: 0.5em 0.4em; margin: 0;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
	background-color: #ff9;
  }
  ul#Fusszeile a:hover, ul#Fusszeile span {
	background-color: blue; color: white;
	text-decoration: none;
  }
  div#Bookmark {
  	background-color: #efefe9;
	margin: 0 0.1em 0.08em 0.15em;
	padding: 0.2em 0 0 0;
	border: 1px solid blue;
	text-align: center;
  }
  * html div#Bookmark {
	margin: 0.8em;
  }
  div#Bookmark a {
	text-decoration: none; vertical-align: top;
	font-size: 0.7em;
  }
  .BookmarkM {
  	width:16px; height:16px;
	margin: 0 0.02em; padding: 0; 
    border: 2px solid #efefe9; text-decoration: none;
  }
  .BookmarkM:hover {
    border: 2px solid red;
  }