@charset "UTF-8";
#bg
{
    background-repeat:repeat-y;
    /* background-color: #C93; */
    background-image: url(../images/site_design_images/wall.jpg);
    width:1007px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:-10px;
    padding-top: 1px;
}
#wrapper
{
    width: 1007px;
    margin:auto;
    height:100%;
    text-align:left; /* only for ie6!! fix for quirksmode because margin:auto; does not work here */
}
#lang
{
	width: 168px;
	height:0px;
	text-align:left;
	position: relative;
	left: -150px;
	top: -355px;
	right: 200px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#lang2
{
	width: 168px;
	height:0px;
	text-align:left;
	position: relative;
	left: 680px;
	top: -370px;
	right: 200px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Calibri;
	font-size: 16px;
	color: #B5240F;
	/* font-style: italic;
	font-weight: bold; */
}

#header
{
    background-image: url(../images/site_design_images/de/head_and_footer_sprite.jpg);
    background-position:0px 0px;
    background-repeat: no-repeat;
    float: left;
    height: 414px;
    width: 1007px;
}
html, body
{
  font-family: Calibri;
  margin-left: 0px;
  /* only for ie6!! fix for quirksmode because margin:auto; does not work here */
  text-align:left !important;
  text-align:center;
}
body
{
    color:rgb(60,60,60);
    font-size:15px;
    /* background-color: #C93; */
    background-image: url(../images/site_design_images/wall.jpg);
    height:100%;
    margin-top: 0px;
    padding-top: 0px;
    /* only for ie6!! fix for quirksmode because margin:auto; does not work here */
    text-align:left !important;
    text-align:center;
}
#navigation
{
    margin-top: -120px;
    width: 700px;
    height: 47px;
    padding-left: 0px;
}
#navigation li
{
    width:110px;
    float:left;
    list-style: none;
    height:47px;
}
#navigation li a,
#navigation li a .hover
{
    width:110px;
    height:47px;
    display:block;
    outline:none;
}
#navigation li a .hover
{
    position: relative;
    margin-top: -20px;
}
#navigation li a:visited
{

}
.my_body
{
    background-image: url(../images/site_design_images/body.jpg);
    background-repeat:repeat-y;
    min-height:923px;
    background-position: 0px 275px !important;
    background-position: 0px 0px;
    height:auto !important;
    height:100%;
    width: 1007px;
    overflow: hidden;
}
#info
{
    font-size: 9pt;
    font-weight:bold;
    background-image:url(../images/site_design_images/body.jpg);
    background-position: 0px 0px;
    background-repeat: repeat-y;
    width:195px;
    height:auto !important;
    height:100%;
    float:left;
    clear:left;
    top:415px;
}
.info_non_invis li
{
    background:url(../images/site_design_images/info_bg_nh.jpg);
}
.info_non_invis li a:hover 
{
    background:url(../images/site_design_images/info_bg_h.jpg);
}
.info_invis li
{
    background:url(../images/site_design_images/info_bg_nh2.jpg);
}
.info_invis li a:hover
{
    background:url(../images/site_design_images/info_bg_h2.jpg);
}

#info .info_non_invis
{ 
    margin-top: 0px;
}
#info .info_invis
{  
    margin-top: 3px;
}

#info li, .info_invis 
{
    height:26px;
    width:178px;
    position: relative;
    color:#ae1700;
    list-style:none;
}
#info li
{
    /* background:url(../images/site_design_images/info_bg_nh.jpg); */
    margin-left: -40px;
}
.info_invis
{
    background-color: blue;
    background:url(../images/site_design_images/info_bg_nh2.jpg);
    left:178px;
    top:-29px;
    width:138px !important;
    display: none;
}
li:hover .info_invis
{
    display: block !important;
}
#info li a:hover
{
    margin-left: 0px;
    background-repeat: no-repeat;
    width:176px;
    height:26px;
    display:block;
}

#info li a:visited, #info li a:link, #info li a:active, #info li a
{
    outline: none;
    color:#ae1700;
    padding-left:10px;
    padding-top: 5px;
    height:20px;
    display:block;
	font-size: 14px;
    text-decoration: none;
}
#content
{
    font-size: 16pt;
    height:auto !important;
    height:100%;
    min-height: 923px;
    width: 732px;
    float:right;
    text-align:justify;
    padding:0px 40px 90px 40px;
}
.foto_collage
{
    float:left;
    padding:0px 5px 5px 0px;
}
h1
{
	text-align:center;
	padding-top: 20px;
}
h2
{
    padding-top: 15px;
}
.room
{
    margin-bottom: 50px;
}
img
{
    border-style: none;
    
}
.image_float_right
{
    float:right;
    padding:0px 0px 0px 10px;
}
.image_float_left
{
    float:left;
    padding:0px 10px 0px 0px;
}
#footer
{
    background: url('../images/site_design_images/de/head_and_footer_sprite.jpg');
    background-position:0px-414px;
    background-repeat: no-repeat;
    width: 1007px;
    height:23px;
    text-align:center;
    font-size: x-small;
    clear: both;
    color:black;
}
#footer p
{
    padding-top:10px;
}
.clear
{
   clear:both;
}
#wrapper:after
{
    content: '.';
    display: block;
    height: 100px;
    clear: both;
    visibility: hidden;
}
/*--------------------------------------------------------------------------CONTENT ELEMENTE--------- */
/*--------------------------------------------------------------------------CONTENT ELEMENTE--------- */

.table_front
{
    clear:both;
}
/* tr:hover
{
    background-color:bisque;
} */
.galerie
{
    width:300px;
    margin:5px 10px 0px 0px;
    float:left;
}

/*--------------------------------------------------------------------------HEAD AREA-Image changing script js/bilderwechsel_1--------- */
/*--------------------------------------------------------------------------HEAD AREA-Image changing script js/bilderwechsel_1--------- */

#head_image
{
    width:618px;
    height: 232px;
    margin-top:125px;
    margin-left: 195px;
}
#head_image_pic1
{
    position: absolute;
    height:232px;
    width:618px;
    display:block;
    opacity:1.0;
    background-position: 0px 0px;
}
#head_image_pic2
{
    height:232px;
    width:618px;
    display:block;
    opacity:0.0;
    background-position: 0px 0px;
}


/*--------------------------------------------------------------------------Contact CSS----------------------------------------------------*/
/*--------------------------------------------------------------------------Contact CSS----------------------------------------------------*/

#contact_data   { padding-left: 100px; }
#contact_data2  { padding-left: 180px  }

.data_left
{
    float:left;
    margin-left:-80px !important;
    margin-left:-40px;
}
span img
{
    float:right;
    margin-right: 180px;
    padding-top:17px
}
#contact_form
{
    float:none;
    height:500px;
    width:500px !important;
    width:680px;                /* IE6 Fix because of different width computation*/
    padding-left: 100px;
    padding-top: 10px;
    text-align:left;
}
#contact_form fieldset
{
    padding:0px 0px 0px 20px;
}
#contact_form p
{
    margin:0;
    padding:5px 0px 10px 90px;
}
#contact_form label
{
    float:left;
    margin-left:-80px;
}
#contact_form #javascript_
{
    display:none;
}
#contact_form img
{
    border:1px solid #000000;
    margin-left: 90px;
}
/*--------------------------------------------------------------------------google Maps----------------------------------------------------*/
/*--------------------------------------------------------------------------google Maps----------------------------------------------------*/
#map
{
    width:500px;
    height:5px;
    margin: 70px 0px 10px 0px;
}
#map2
{
    margin: 10px 0px 50px 0px;
}
#googleMaps_form
{
    padding-top: 0px;
}
.data_left_googleMaps
{
    float:left;
    display:block;
}
.data_right_googleMaps
{
    padding-left: 40px;
}
/*
*                                       Javascript Elements
*/
.error, .success
{
    height:50px;
    width:464px;
    padding-left: 5px;
    border-style: solid;
    border-color:gray;
    border-width:thin;
    background-repeat:repeat-x;
}
.error
{
    background-image: url('../images/formular_warnung_sprite.jpg');
    color:white;
}
.success
{

    background-image: url('../images/formular_warnung_sprite.jpg');
    background-position: 0px -50px;
    color:black;
}
.loading
{
    background: #ffdddd;
    font-weight: bold;
    font-size: 8pt;
}
#secure_text
{
    font-size: 10pt;
    padding-left: 10px;
}
.javascriptButton
{
    height:auto;
    width:auto;
    display:block;
    float:left;
}
#sendInfo
{
   height:auto;
   width:300px;
   color:red;
   font-weight:300;
   margin: 10px 0px 0px 160px;
}
textarea
{
    width:265px;
    height:200px;
}
/**************************-------s**p**a**m**P**r**o**t**e**c**t**i**o**n-------**********************************/
.email, p span, .date, #language
{
   display:none;
}
/*************************************************************************************************/

/**************************-------Newsletter/----newsletter.php/newsletterVerwaltung.html---**********************************/
#newsletter_body
{
    margin-top: 0px;
}
#newsletter_content
{
    padding-left: 10px;
}
#newsletter_content img
{
    position:absolute;
    left:50%;
    top:50%;
}
.newsletter_menu_link
{
    width:230px;
    height:110px;
    padding:5px 5px 0px 10px;
    border-right:thin solid #dfe3e6;
    border-bottom:thin solid #dfe3e6;
    background-color: #edf1f4;
    float:left;
}
hr
{
   clear:both;
}
#table
{
   border:1px solid white;
}
.tr_even
{
    background-color:#dfe3e6;
}
.tr_odd
{
    background-color: #edf1f4;
}
.tr_odd:hover,.tr_even:hover, .newsletter_menu_link:hover
{
    background-color: #a1ffd4 !important;
}
#newsletter_textarea
{
    margin-left: 4px;
    width:1000px;
    height:400px;
}

/*************************************************************************************************/
#lang p {
	font-size: 16px;
	color: #A21A04;
	/* font-weight: bold;
	font-style: italic; */
}
#bg #wrapper .my_body #content h2 span strong span strong {
	color: #000080;
}


div.flexGruppe {
	position: relative;
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
}
		
div.flexZeile {
	display: flex;
	gap:16px;
}		
		
div.PrgText {
	flex-grow:1;
	min-width: 200px;
	max-width: 460px;
}

div.PrgImg {
	width: 250px;
	max-width: 250px;
}

img.PrgImg {
	width: 100%;
}

span.h1unter {
	font-weight: 400;
	font-size: 24px;
}

p.large {
	font-size: 20px;
	line-height: 1.2;
	text-align: left;
	margin: 0 0 12px 0;
}

p.midi {
	font-size: 16px;
	line-height: 1.2;
	text-align: left;
	margin: 0 0 12px 0;
}


.Bilderreihe {
  display: flex;
  gap: 9px;
  align-items: center;
  justify-content: center;
}

.hoch1 {height: 100%;}
.hoch240 {height: 240px;}
.hoch280 {height: 280px;}
.hoch300 {height: 300px;}
.hoch350 {height: 350px;}