@font-face {
	font-family: 'LucidaCalligraphyItalic';
	src: url('font/lcallig-webfont.eot');
	src: local('☺'), url('font/lcallig-webfont.woff') format('woff'), url('lcallig-webfont.ttf') format('truetype'), url('font/lcallig-webfont.svg#webfontcdWTUP8Y') format('svg');}

body
  {font-family:Helvetica,Arial,sans-serif;font-size:12px; color:#333333;background-color:#3d99db;text-align:center;}
td,select,input,textarea,option
  {font-family:Helvetica,Arial,sans-serif;font-size:12px; color:#333333}
h1
  {font-family:'LucidaCalligraphyItalic',Arial,sans-serif;font-size:14px; font-weight:normal; color:#3d99db}
a
  {text-decoration:none; color:#3d99db; font-size:12px;font-weight:bold;}
a:hover
  {color:#333333}
a.l_logo
  {text-decoration:none; color:#ffffff; font-size:20px;font-family: 'LucidaCalligraphyItalic';}
a.l_logo:hover
  {color:#b1d7f2}
a.l_umenu
  {text-decoration:none; color:#ffffff; font-size:16px;}
a.l_umenu:hover
  {color:#b1d7f2}
a.l_anmerkung
  {text-decoration:none; color:#333333; font-size:10px;font-weight:normal;}
a.l_anmerkung:hover
  {color:#3d99db}
.navi_oben{color:#3d99db;font-size:12px;font-family:'LucidaCalligraphyItalic',Arial,sans-serif;font-weight:normal;width:200px;}
.navi_oben:hover{color:#3d99db;}
.seite{width:1000px;position:relative;margin-left:auto;margin-right:auto;}
.unterseite{width:1000px;background:url(./Bilder/hintergrund.jpg);margin-left:auto;margin-right:auto;}
.links{width:292px;float:left;}
.inhalt_mitte{width:708px;background:url(Bilder/inhalt_mitte.png) repeat-y;float:left;}
.inhalt{margin-left:60px;margin-right:50px;width:598px;margin-bottom:20px;}
.oben{width:1000px;height:168px;background:url(Bilder/oben.jpg) no-repeat;}
.muschel{position:absolute;bottom:-20px;right:-15px;}
.navigation_gesamt{width:268px;margin-top:20px;margin-left:20px;}
.navigation_mitte{width:248px;background-color:#ffffff;border:2px solid #3d99db;margin-left:6px;}
.td_navi{padding:5px 5px 5px 20px;border-bottom:1px solid #3d99db;}
.td_navi_unten{padding:5px 5px 5px 20px;}
.td_preis{text-align:right;border:1px solid #3d99db;}
.anmerkung{font-size:11px;}
.foto{border:1px solid #3d99db;}
.liste{
	list-style-image : url(Bilder/liste.jpg);
	text-align:left;
}
.liste_ausstatt{
	list-style-image : url(Bilder/liste.jpg);
	max-width:300px;
	text-align:left;
}
.button_blau{background-color:#3d99db;color:#ffffff;padding:5px;font-size:1.2em;}
.next { position: absolute; top: 0; left: 0; opacity: 0; filter:alpha(opacity=0); }
#meinFader { position: relative; }
.d_navi_m{display:none;}
.fuss{width:100%;font-size:10px;color:#ffffff;padding-top:10px;padding-bottom:10px;}
.clear{clear:both;}
.d_flexbox{display:flex; flex-wrap:wrap; justify-content:center;}
.d_bild{width:180px;height:120px;margin:5px;}
.d_lage{background:url(Bilder/Karte_klein.jpg) no-repeat;}
.l_abstand{height:100px;}
.t_bemerkung{width:400px;height:150px;}

@media all and (max-width: 1000px) {
.d_navi_m{display:block;background:#3d99db;height:45px;position:fixed;top:0px;left:0px;z-index:9999;width:100%;}
.links{display:none;}
.inhalt_mitte{width:100%;margin-left:auto;margin-right:auto;background:#ffffff;padding-top:20px;}
.m_logo{color:#ffffff;padding-top:10px;}
.seite{width:100%;}
.unterseite{width:100%;background:#ffffff;}
.muschel{display:none;}
.oben{width:100%;height:200px;background:url("Bilder/ostseestrand.jpg") no-repeat;background-size:cover;}
.inhalt{margin-left:auto;margin-right:auto;width:96%;margin-bottom:20px;}
.d_lage{background:#ffffff;}
.l_abstand{height:0px;}
.t_bemerkung{width:400px;height:150px;}
}

@media all and (max-width: 500px) {
.t_bemerkung{width:300px;height:150px;}
}