body { color: #000; font-family: arial; font-size: 100.01%; background-image: url(images/hg-boddy.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; padding: 0; margin: 0; text-align: center;   /* Zentrierung fuer alte IEs */
}

a { text-decoration: underline;}

a:link    { color: #69748e;}
a:focus, a:hover, a:active, a:visited { color: #BD1823;}
.imageLoad { border-style: none; border-width: 0; display: none; }
.bildunterschrift { color: #a0a0a0; font-size: 80%; margin: 4px 0 0; padding: 0; }
/* Allgemeine Klassen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

.stopFloat {
  display: block;
  float: none;
  clear: both;
  height: 1px;
  font-size: 0px;
  line-height: 0px;
}
.bo-border { border-style: none; border-width: 0; }
.border { padding: 2px; border: solid 1px #b4bcc7; }
.ImagesLeft { width: 150px; height: 93px; margin-top: 5px; margin-right: 0; margin-bottom: 10px; padding: 2px; border: solid 1px #e2e5e8; }
.profil-images-01 { float: right; margin-top: 20px; margin-right: 12px; border-style: none; border-width: 0; }
.profil-images-02 { margin-right: 12px; float: right; margin-top: 140px; border-style: none; border-width: 0; }
.profil-images-03 { margin-top: 140px; margin-right: 12px; float: right; border-style: none; border-width: 0; }
.gaestewImagesLeft { float: left; margin: 5px 10px 10px 0; padding: 2px; border: solid 1px #e2e5e8; }
.gaestewImagesRight { float: right; margin-top: 5px; margin-bottom: 4px; margin-left: 10px; padding: 2px; border: solid 1px #e2e5e8; }
.singlesImagesLeft { margin: 0 5px; padding: 2px; border: solid 1px #e2e5e8; }
.stadthafenImage { margin: 0 0 0; padding: 2px; border: solid 1px #e2e5e8; }
.stadthafenThumbs { margin: 0 24px; padding: 2px; border: solid 1px #e2e5e8; }
.stadthafenImageLeft { float: left; margin: 0 10px 10px 0; padding: 2px; border: solid 1px #e2e5e8; }
.stadthafenImageRight { float: right; margin: 10px 0 10px 10px; padding: 2px; border: solid 1px #e2e5e8; }
.imgGrundrissStadthafen { margin-right: 20px; padding: 5px; border: solid 1px #e2e5e8; }
.familienImage { margin: 0 5px; padding: 2px; border: solid 1px #e2e5e8; }
.familienImageOA { margin: 0 0 0 0; padding: 2px; border: solid 1px #e2e5e8; }
/* Rahmen, Kopf
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#contentholder { width: 999px;            /* der Breite des Hintergrundbilds entsprechend */
  margin: 0 auto;          /* Zentrierung fuer moderne Browser */
  text-align: left; position: relative;        /* text-align:center (body) "neutralisieren" */
}

* html #contentholder {   /* Box Model Hack - notwendig wegen border-Angabe */
  width: 762px;    /* fuer IE 5 und 5.5 */
  wid\th: 1000px;   /* fuer IE 6 */
}
/*Box Left/* * * * * * * * * * * * * * * * * * * * * * * * * * */
#box-left { background-image: url(images/hg-nav-left.jpg); background-repeat: no-repeat; background-attachment: scroll; float: left; width: 313px;    /* Breite ohne senkrechte weisse Linie */
  height: 822px; padding: 0 0 0; }
#box-logo {
  width: 313px;
  margin-bottom: 20px;
}
#box-menue { width: 263px; margin-right: auto; margin-left: auto; border-top: 1px solid #95a0a9; border-bottom: 1px solid #fff; }
#box-menue ul{
  list-style: none;
  padding: 0;
  margin: 0 0 0 0;
}
#box-menue li { margin: 0; width: 263px; height: 32px; margin: 0; border-top: 1px solid white; border-bottom: 1px solid #95a0a9; }
#box-menue a:link, #box-menue a:visited { color: #415472; font-size: 14px; font-weight: bold; line-height: 32px; background-image: url(images/but-passiv.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; text-decoration: none; padding-left: 16px; }
#box-menue a:focus, #box-menue a:hover, #box-menue a:active { color: #9f1716; font-size: 14px; line-height: 32px; background-image: url(images/but-aktiv.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; text-decoration: none; }
.aktiv { color: #9f1716; font-size: 14px; line-height: 32px; background-image: url(images/but-aktiv.gif); text-decoration: none; background-repeat: no-repeat; background-attachment: scroll; background-position: left center; display: block; }
#aktiv { color: #9f1716; font-size: 14px; line-height: 32px; text-decoration: none; background-image: url(images/but-aktiv.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; display: block; }
/*Box Right/* * * * * * * * * * * * * * * * * * * * * * * * * * */
#box-right { background-color: #fff; float:left; width: 685px !important; width: 678px;                 /* Breite ohne senkrechte Linien */
margin: 0; padding: 0;   /* Senkrechte Linie links */
	min-height: 640px;
}
* html #box-right {  /* Box Model Hack - notwendig wegen border-Angabe */
  float: left; margin: 0; padding: 0;   /* Fuer IE 6 */
}
#box-rightLogo { background: white url(/images/logo-neptun.gif) no-repeat right bottom; margin: 0; padding: 0; width: 686px; float: left; }
* html #box-rightLogo { width: 686px; }
/*-------------------------------------------Headmenue/---------------------------------------------*/
#menue-head { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: right; width: 686px; height: 41px; padding-top: 10px;   /* weisse Trennlinie zw. Menue u. Inhalt */
}

#menue-head ul {
  padding: 0 0 3px 0;
  margin: 0 0 0 20px;
  list-style: none;
}

#menue-head li {
  display: inline;   /* Listenpunkte nebeneinander stellen */
  margin-right: 15px;
}

* html #menue-head li {   /* Sternchen-Hack - sehen nur IEs */
  height: 1em;       /* damit margin-right auch im IE 5 beachtet wird */
}

#menue-head a { color: #b9c4d6; font-size: 70%; font-weight: normal; text-decoration: none; }

#menue-head a:link, #menue-head a:visited { color: #b9c4d6; font-weight: normal; text-decoration: none; }

#menue-head a:focus, #menue-head a:hover, #menue-head a:active {
  text-decoration: underline;
}
/*----------------------------------------Box Head-----------------------------------------*/
#box-head { background-image: url(images/head-hg.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 686px; height: 250px; }
#bildbox1 { width: 127px; height: 109px; float: left; margin-top: 41px; margin-right: 1px; padding: 0; }
#bildbox2 { width: 139px; height: 109px; float: left; margin-top: 41px; margin-right: 1px; padding: 0; }
#bildbox3 { width: 139px; height: 109px; float: left; margin-top: 41px; margin-right: 1px; padding: 0; }
#bildbox4 { width: 139px; height: 109px; float: left; margin-top: 41px; padding: 0; }
#bildbox5 { width: 135px; height: 109px; float: left; margin-top: 41px; padding: 0; }
#bildbox2 p, #bildbox3 p, #bildbox4 p, #bildbox5 p { color: #95a0a9; font-size: 75%; font-family: arial; font-weight: bold; line-height: 100%; text-align: center; width: 132px; margin-top: 10px; margin-right: auto; margin-left: auto; }
#bildbox1 p { color: #95a0a9; font-size: 75%; font-family: arial; font-weight: bold; line-height: 100%; text-align: left; width: 95px; margin-top: 10px; margin-left: 32px; }
#bildbox2 a, #bildbox3 a, #bildbox4 a, #bildbox5 a { color: #454b62; font-family: arial; font-weight: bold; text-decoration: none; text-align: center; margin-right: auto; margin-left: auto; width: 135px; }
#bildbox1 a  { color: #454b62; font-family: arial; font-weight: bold; text-decoration: none; text-align: center; margin-right: auto; margin-left: auto; width: 127px; }
#bildbox2 a:hover, #bildbox3 a:hover, #bildbox4 a:hover, #bildbox5 a:hover { color: #9f1716; font-family: arial; font-weight: bold; text-decoration: none; text-align: center; margin-right: auto; margin-left: auto; width: 135px; }
#bildbox1 a:hover  { color: #9f1716; font-family: arial; font-weight: bold; text-decoration: none; text-align: center; margin-right: auto; margin-left: auto; width: 127px; }
/*--------------------------------------------------------------------------------------*/
#box-slogan { background-image: url(images/slogan.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 685px; height: 73px; }
/*--------------------------------------------------------------------------------------*/
#box-einleitung { background-image: url(images/hg-einleitungstext.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; width: 686px; height: 82px; }
#box-einleitung h1 { color: #042356; font-size: 130%; font-family: "times new roman", Times, serif; font-weight: normal; line-height: 120%; text-decoration: none; margin: 0; padding: 15px 0 0 20px; }
#box-einleitungMail { background-image: url(images/hg-einleitungstext.gif); background-repeat: repeat-x; background-attachment: scroll; width: 686px; height: 42px; }
#box-einleitungMail h1 { color: #042356; font-size: 130%; font-family: "times new roman", Times, serif; font-weight: normal; line-height: 120%; text-decoration: none; margin: 0; padding: 15px 0 0 20px; }
#box-WSeinleitung { background-image: url(images/hg-einleitungstext.gif); background-repeat: repeat-x; background-attachment: scroll; position: relative; width: 686px; height: 100px; }
#box-WSeinleitung h1 { color: #042356; font-size: 130%; font-family: "times new roman", Times, serif; font-weight: normal; line-height: 120%; text-decoration: none; margin: 0; padding: 15px 0 0 20px; }
#box-WSdetailbutton { position: relative; right: 40px; width: 176px; height: 52px; float: right; }
#box-einleitung-all { background-image: url(images/hg-einleitungstext.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; width: 686px; height: 50px; }
#box-einleitung-all h1 { color: #042356; font-size: 130%; font-family: "times new roman", Times, serif; font-weight: normal; line-height: 120%; text-decoration: none; margin: 0; padding: 15px 0 0 20px; }
#box-einleitung-all h2 { color: #3d3d3d; font-size: 100%; font-family: "times new roman", Times, serif; font-weight: normal; line-height: 120%; text-decoration: none; margin: 0; padding: 15px 0 0 20px; }
/*--------WOHNUNGSSUCHE HEAD------------------------------------------*/
#ws-head { width: 686px; height: 82px; }
#ws-head p { margin: 0; padding: 0; }
#ws-head form { margin: 0; padding: 0; }
#ws-head h1 { font-size: 90%; font-weight: bold; margin: 0 0 15px; }
#ws-head label { color: #69748e; font-size: 70%; text-transform: capitalize; text-align: right; width: 50px; float: left; margin-right: 10px; margin-left: 5px; }
#ws-head select { color: #01296b; font-size: 70%; line-height: 80%; width: 80px; height: 17px; float: left; margin-top: 0; margin-right: 15px; margin-bottom: 0; }
/*--------------Box Button------------------------------------------------*/
#box-button { background-color: white; width: 686px; height: 155px; }
/**/
#box-buttonliste { background-color: white; float: left; margin: 0; }
#box-buttonliste ul { color: #fff; font-size: 100%; margin: 0; padding: 0; list-style-type: none; }
#box-buttonliste li { margin: 0; padding: 0; }
.box-button-li { background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align: center; width: 226px; float: left; margin: 0; padding: 0; }
#box-buttonliste p { margin: 0; padding: 0 0 0; }
#box-buttonliste a { color: #fff; font-size: 100%; font-family: "times new roman"; font-weight: bold; background-image: url(images/button-box1.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-decoration: none; text-align: center; width: 226px; height: 155px; margin: 0; padding: 0; display: block; }
#box-buttonliste a:hover { color: #fff; font-size: 100%; font-family: "times new roman"; font-weight: bold; background-image: url(images/button-box1-over.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-decoration: none; text-align: center; width: 226px; height: 155px; margin: 0; padding: 0; display: block; }
/**/
#box-buttonliste2 { background-color: white; float: left; margin: 0; }
#box-buttonliste2 ul { color: #fff; font-size: 100%; list-style-type: none; margin: 0; padding: 0; }
#box-buttonliste2 li { margin: 0; padding: 0; }
#box-buttonliste2 p { margin: 0; padding: 0; }
#box-buttonliste2 a { color: #fff; font-size: 100%; font-family: "times new roman"; font-weight: bold; background-image: url(images/button-box2-a.jpg); text-decoration: none; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align: center; display: block; margin: 0; padding: 0; width: 226px; height: 155px; }
#box-buttonliste2 a:hover { color: #fff; font-size: 100%; font-family: "times new roman"; font-weight: bold; background-image: url(images/button-box2-over-a.jpg); text-decoration: none; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align: center; display: block; margin: 0; padding: 0; width: 226px; height: 155px; }
/**/
#box-buttonliste3 { background-color: white; float: left; margin: 0; }
#box-buttonliste3 ul { color: #fff; font-size: 100%; list-style-type: none; margin: 0; padding: 0; }
#box-buttonliste3 li { margin: 0; padding: 0; }
#box-buttonliste3 p { margin: 0; padding: 0; }
#box-buttonliste3 a { color: #fff; font-size: 100%; font-family: "times new roman"; font-weight: bold; background-image: url(images/button-box3.jpg); text-decoration: none; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align: center; display: block; margin: 0; padding: 0; width: 226px; height: 155px; }
#box-buttonliste3 a:hover { color: #fff; font-size: 100%; font-family: "times new roman"; font-weight: bold; background-image: url(images/button-box3-over.jpg); text-decoration: none; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align: center; display: block; margin: 0; padding: 0; width: 226px; height: 155px; }
/**/
/**/
#box1 { background-image: url(images/button-box.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 226px; height: 155px; float: left; }
#box2 { background-image: url(images/button-box.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 226px; height: 155px; float: left; }
#box3 { background-image: url(images/button-box.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 226px; height: 155px; float: left; }
#box1 h1, #box2 h1, #box3 h1 { color: #d8e2f3; font-size: 80%; font-family: "times new roman"; text-align: center; letter-spacing: 1px; width: 170px; margin: 32px auto 20px; }
#box1 p, #box2 p, #box3 p { color: #fff; font-size: 70%; font-family: arial; font-weight: bold; text-align: center; margin: 0 auto 0; width: 170px; }
#box1 a, #box2 a, #box3 a { color: #fff; font-family: arial; font-weight: bold; text-decoration: none; text-align: center; margin: 0 auto; width: 170px; }
/*------------------------------Content--------------------------------------------*/
#box-news { width: 678px; margin: 0; padding: 0; }
#newsgrafik { background-image: url(images/news-grafik.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 103px; height: 110px; float: left; margin: 0; padding: 0; }
#newsinhalt { font-size: 80%; line-height: 100%; width: 553px; float: left; }
#newsinhalt h1 { color: #3d3d3d; font-size: 110%; font-family: "times new roman"; line-height: 150%; text-decoration: none; padding-bottom: 10px; border-bottom: 1px groove #8e8e8e; }
#newsinhalt h2 { color: #404040; font-size: 90%; font-family: arial; font-weight: bold; text-decoration: none; margin: 0 0 5px; }
#newsinhalt p { color: #404040; font-family: arial; font-weight: normal; text-decoration: none; text-align: justify; width: 420px; margin: 0 0 15px; }
#newsinhalt a { color: #9f1716; font-family: arial; font-weight: normal; text-decoration: none; }
/*---------------------------Content Inhalt----------------------------------------*/
#box-content { position: relative; width: 686px; }
#box-content h1 { color: #3d3d3d; font-size: 100%; font-family: "times new roman"; line-height: 150%; text-decoration: none; padding-bottom: 10px; }
#contentinhalt { font-size: 80%; line-height: 100%; width: 490px; float: left; margin-left: 20px !important; margin-left: 10px; }
#contentinhalt h1 { color: #3d3d3d; font-size: 110%; font-family: "times new roman"; line-height: 150%; text-decoration: none; padding-bottom: 10px; border-bottom: 1px groove #8e8e8e; }
#contentinhalt h2 { color: #404040; font-size: 90%; font-family: arial; font-weight: bold; text-decoration: none; margin: 0 0 5px; }
#contentinhalt h3 { color: #9f1716; font-size: 110%; font-family: "times new roman"; line-height: 150%; text-decoration: none; padding-bottom: 10px; border-bottom: 1px groove #8e8e8e; }
#contentinhalt h4 { color: #69748e; font-size: 150%; font-family: "times new roman"; font-weight: normal; text-decoration: none; margin: 0 0 20px; padding-bottom: 10px; }
#contentinhalt p { color: #404040; font-family: arial; font-weight: normal; line-height: 130%; text-decoration: none; text-align: justify; margin: 0 0 15px; }
#contentinhalt ul { color: #404040; font-family: arial; font-weight: normal; line-height: 130%; text-decoration: none; text-align: justify; margin: 0 0 15px; }
#contentinhalt li { font-weight: bold; margin-top: 2px; margin-left: 20px; list-style-image: url(/images/list-pfeil.gif); display: list-item; }
#contentinhalt a { color: #9f1716; font-family: arial; font-weight: normal; text-decoration: none; margin-left: 20px; }
.butStadthafen { width: 142px; float: left; margin-bottom: 5px; margin-left: 20px !important; margin-left: 10px; }
/*-------------------CONTENT INHALT ANGEBOT-----------------------*/
#angebotGrafik { width: 630px; padding: 2px; border: solid 1px #c0c0c0; }
#contentAngebot { 
font-size: 80%; 
line-height: 100%; 
width: 650px !important;
width: 630px;  
float: left; 
margin-left: 20px; 
}

#contentAngebot h1 { color: #3d3d3d; font-size: 110%; font-family: "times new roman"; line-height: 150%; text-decoration: none; padding-bottom: 10px; border-bottom: 1px groove #8e8e8e; }
#contentAngebot h3 { color: #9f1716; font-size: 110%; font-family: "times new roman"; line-height: 150%; text-decoration: none; padding-bottom: 10px; border-bottom: 1px groove #8e8e8e; }
#contentAngebot h2 { color: #404040; font-size: 90%; font-family: arial; font-weight: bold; text-decoration: none; margin: 0 0 5px; }
#contentAngebot p { color: #404040; font-family: arial; font-weight: normal; line-height: 130%; text-decoration: none; text-align: justify; margin: 0 0 15px; }
#contentAngebot ul { color: #404040; font-family: arial; font-weight: normal; line-height: 130%; text-decoration: none; text-align: justify; margin: 0 0 15px; }
#contentAngebot li { margin-top: 2px; list-style-image: url(images/list-pfeil.gif); }
#contentAngebot a { color: #9f1716; font-family: arial; font-weight: normal; text-decoration: none; }
/*-----------------------Content wohnungssuche-----------------------------*/
#box-right-ws { background-color: white; margin: 0; padding: 0; width: 685px; float: left; }
* html #box-right-ws { width: 686px; }
#contentinhalt-ws { font-size: 80%; line-height: 100%; margin-left: 20px; width: 630px; float: left; }
#contentinhalt-ws h1 { color: #3d3d3d; font-size: 110%; font-family: "times new roman"; line-height: 150%; text-decoration: none; padding-bottom: 10px; border-bottom: 1px groove #8e8e8e; }
#contentinhalt-ws h2 { color: #404040; font-size: 90%; font-family: arial; font-weight: bold; text-decoration: none; width: 380px; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; }
#contentinhalt-ws h3 { color: #9f1716; font-size: 110%; font-family: "times new roman"; line-height: 150%; text-decoration: none; padding-bottom: 10px; border-bottom: 1px groove #8e8e8e; }
#contentinhalt-ws p { color: #404040; font-size: 80%; font-family: arial; font-weight: normal; line-height: 130%; text-decoration: none; margin: 3px 5px; }
#contentinhalt-ws ul { color: #404040; font-family: arial; font-weight: normal; line-height: 130%; text-decoration: none; margin: 0; padding: 0; display: block; }
#contentinhalt-ws li { line-height: 20px; background-color: #f2f2f2; text-align: left; width: 160px; height: 20px; margin-top: 2px; border: solid 1px #d0d0d0; list-style-type: none; }
#contentinhalt-ws li a:link { color: #9f1716; font-size: 90%; font-family: arial; font-weight: normal; text-decoration: none; margin-left: 15px; padding-top: 5px; }
#contentinhalt-ws li a:hover { color: #9f1716; font-size: 90%; font-family: arial; font-weight: normal; text-decoration: none; margin-left: 15px; padding-top: 5px; }
#contentinhalt-ws li a:visited { color: #9f1716; font-size: 90%; font-family: arial; font-weight: normal; text-decoration: none; margin-left: 15px; padding-top: 5px; }
/*------------------------------------------*/
.listeContent { font-weight: bold; background: white url(images/list-haken.gif) no-repeat; padding-left: 25px; border-style: none; }
#contentinhalt-singles { font-size: 80%; line-height: 100%; margin-left: 20px; width: 630px; float: left; }
#contentinhalt-singles h1 { color: #3d3d3d; font-size: 110%; font-family: "times new roman"; line-height: 150%; text-decoration: none; padding-bottom: 10px; border-bottom: 1px groove #8e8e8e; }
#contentinhalt-singles h2 { color: #404040; font-size: 110%; font-family: arial; font-weight: bold; text-decoration: none; margin-top: 20px; margin-bottom: 10px; margin-left: 5px; width: 380px; }
#contentinhalt-singles h3 { color: #9f1716; font-size: 110%; font-family: "times new roman"; line-height: 150%; text-decoration: none; padding-bottom: 10px; border-bottom: 1px groove #8e8e8e; }
#contentinhalt-singles h4 { color: #404040; font-size: 100%; font-family: arial; font-weight: bold; text-decoration: none; margin-top: 5px; margin-bottom: 10px; margin-left: 10px; width: 380px; }
#contentinhalt-singles h5 { color: #69748e; font-size: 150%; font-family: "times new roman"; font-weight: normal; text-decoration: none; margin: 0 0 20px; padding-bottom: 10px; }
#contentinhalt-singles p { color: #404040; font-family: arial; font-weight: normal; line-height: 130%; text-decoration: none; text-align: justify; margin: 3px 5px 10px; }
#contentinhalt-singles ul { color: #404040; font-family: arial; font-weight: normal; line-height: 130%; text-decoration: none; display: block; margin: 0; padding: 0; border-style: none; border-width: 0; }
#contentinhalt-singles li { line-height: 20px; background-color: #f2f2f2; text-align: left; list-style-type: none; margin-top: 2px; width: 160px; height: 20px; border: solid 1px #d0d0d0; }
#contentinhalt-singles li a:link { color: #9f1716; font-size: 90%; font-family: arial; font-weight: normal; text-decoration: none; margin-left: 15px; padding-top: 5px; }
#contentinhalt-singles li a:hover { color: #9f1716; font-size: 90%; font-family: arial; font-weight: normal; text-decoration: none; margin-left: 15px; padding-top: 5px; }
#contentinhalt-singles li a:visited { color: #9f1716; font-size: 90%; font-family: arial; font-weight: normal; text-decoration: none; margin-left: 15px; padding-top: 5px; }
#contentinhalt-singles a { color: #69748e; font-weight: bold; line-height: 20px; text-decoration: none; padding-right: 2px; padding-left: 5px; }
#contentinhalt-singles a:hover { color: #69748e; font-weight: bold; line-height: 20px; text-decoration: none; padding-right: 2px; padding-left: 5px; }
#contentinhalt-singles a:visited { color: #69748e; font-weight: bold; line-height: 20px; text-decoration: none; padding-right: 2px; padding-left: 5px; }
.downloadLink { background-color: #f2f2f2; width: 20px; height: 20px; padding: 2px; border: solid 1px #69748e; }
/*-------------------------------WS Listbox-----------------------------------------*/
.ws-listbox { background-color: #f9f9f9; position: relative; width: 630px; margin: 0 0 10px; border: solid 1px #cecece; }
.listbox1 { text-align: left; margin-right: 20px; }
.listtext-fett { font-weight: bold; }
.listbox2 { background-color: #eee; text-align: right; height: 50px; float: left; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; }
.listbox3 { font-weight: bold; background-color: #eee; width: 145px; height: 50px; float: left; margin-right: 20px; margin-bottom: 5px; }
.listbox4 { background-color: #eee; text-align: right; height: 50px; float: left; margin-right: 5px; margin-bottom: 5px; }
.listbox5 { background-color: #eee; text-align: left; width: 90px; height: 50px; float: left; margin-right: 10px; margin-bottom: 5px; }
.listbox6 { position: relative; width: 160px; height: 50px; float: right; margin-right: 20px; }
.listbox7 { font-weight: bold; background-color: #eee; margin-right: 10px; margin-bottom: 5px; width: 145px; height: 30px; float: left; margin-left: 5px; padding: 0; }
.listbox8 { font-weight: bold; background-color: #eee; margin-right: 10px; margin-bottom: 5px; width: 245px; height: 30px; float: left; padding: 0; }
.listbox9 { margin-right: 10px; position: relative; width: 160px; height: 30px; float: right; }
/*-------------------------------WS Details------------------*/
#content-details-ws { font-size: 80%; line-height: 100%; margin-left: 20px; width: 630px; float: left; }
#content-details-ws h1 { color: #3d3d3d; font-size: 110%; font-family: "times new roman"; line-height: 150%; text-decoration: none; padding-bottom: 10px; border-bottom: 1px groove #8e8e8e; }
#content-details-ws h2 { color: #404040; font-size: 90%; font-family: arial; font-weight: bold; text-decoration: none; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; }
#content-details-ws h3 { color: #9f1716; font-size: 110%; font-family: "times new roman"; line-height: 150%; text-decoration: none; padding-bottom: 10px; border-bottom: 1px groove #8e8e8e; }
#content-details-ws p { color: #676767; font-size: 90%; font-family: arial; font-weight: normal; line-height: 130%; text-decoration: none; margin: 3px 5px; }
#content-details-ws ul { color: #404040; font-family: arial; font-weight: normal; line-height: 130%; text-decoration: none; display: block; margin: 0; padding: 0; }
#content-details-ws li { line-height: 20px; background-color: #f2f2f2; text-align: left; list-style-type: none; margin-top: 2px; width: 160px; height: 20px; border: solid 1px #d0d0d0; }
#content-details-ws li a:link { color: #9f1716; font-size: 90%; font-family: arial; font-weight: normal; text-decoration: none; margin-left: 15px; padding-top: 5px; }
#content-details-ws li a:hover { color: #9f1716; font-size: 90%; font-family: arial; font-weight: normal; text-decoration: none; margin-left: 15px; padding-top: 5px; }
#detail-text { width: 205px; height: 110px; float: left; margin-right: 20px; padding: 5px; border: solid 1px #e8e8e8; }
#detail-bild { width: 380px; height: 110px; float: right; padding: 5px; border: solid 1px #e8e8e8; }
#detail-hinweis,
#detail-grundriss { margin-top: 15px; padding-top: 15px; padding-bottom: 15px; padding-left: 5px; border: solid 1px #e8e8e8; }
#detail-hinweis p,
#detail-grundriss p { color: #7e7e7e; font-size: 90%; font-family: arial; font-weight: normal; line-height: 130%; text-decoration: none; margin: 3px 5px; }
#detail-hinweis h2,
#detail-grundriss h2 { color: #5f5f5f; font-size: 90%; font-family: arial; font-weight: bold; text-decoration: none; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; }
#detail-grundriss img {
  display: block;
  margin: 5px;  
}

/*-----------------------------Kontakt Boxen---------------------------------------*/
#contentinhalt-kontakt { font-size: 80%; line-height: 100%; width: 660px; float: left; }
#contentinhalt-kontakt h1 { color: #3d3d3d; font-size: 110%; font-family: "times new roman"; line-height: 150%; text-decoration: none; margin-left: 20px; padding-bottom: 10px; }
#contentinhalt-kontakt h2 { color: #666; font-size: 90%; font-family: arial; font-weight: bold; text-decoration: none; margin: 10px 0 5px; }
#contentinhalt-kontakt p { color: #404040; font-family: arial; font-weight: normal; line-height: 130%; text-decoration: none; text-align: justify; width: 135px; float: left; margin: 0 20px 5px 0; }
#contentinhalt-kontakt a { color: #9f1716; font-family: arial; font-weight: normal; text-decoration: none; }
.kontakt-boxen { background-color: #edf1f8; margin-bottom: 15px; margin-left: 20px; padding: 10px 10px 10px 20px; border: solid 1px #8d9aae; }
.kontakt-boxen-last { background-color: #edf1f8; margin-bottom: 15px; margin-left: 20px; padding: 10px 10px 10px 20px; border: solid 1px #8d9aae; }
/*--------------------------------Service Boxen---------------------------------*/
#contentinhalt-service { font-size: 80%; line-height: 100%; width: 660px; float: left; }
#contentinhalt-service h1 { color: #3d3d3d; font-size: 110%; font-family: "times new roman"; line-height: 150%; text-decoration: none; margin-left: 20px; padding-bottom: 10px; }
#contentinhalt-service h2 { color: #666; font-size: 90%; font-family: arial; font-weight: bold; text-decoration: none; margin: 0 0 10px 0; }
#contentinhalt-service h3 { color: #9f1716; font-size: 90%; font-family: arial; font-weight: bold; text-decoration: none; margin: 0 0 10px 20px; }
#contentinhalt-service h4 { color: #3d3d3d; font-size: 110%; font-family: arial; line-height: 100%; text-decoration: none; margin-left: 20px; padding-top: 20px; }
#contentinhalt-service p { color: #404040; font-family: arial; font-weight: normal; line-height: 130%; text-decoration: none; text-align: justify; width: 160px; float: left; margin: 0 20px 5px 0; }
#contentinhalt-service a { color: #9f1716; font-family: arial; font-weight: normal; text-decoration: none; }
.service-boxen { background-color: #edf1f8; margin-bottom: 15px; margin-left: 20px; padding: 10px 10px 10px 20px; border: solid 1px #8d9aae; }
.service-boxen-last { background-color: #edf1f8; margin-bottom: 15px; margin-left: 20px; padding: 10px 10px 10px 20px; border: solid 1px #8d9aae; }
/*Footer*******************************/
#footer { background-image: url(images/hg-footer.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: left bottom; text-align: left; position: relative; height: 66px; }
#foot-inhalt { text-align: left; position: absolute; top: 32px; width: 100%; float: left; }

#foot-inhalt ul { text-align: left; float: left; padding: 0 0 3px; margin: 0 0 0 20px; list-style: none; }
#foot-inhalt li {
  display: inline;   /* Listenpunkte nebeneinander stellen */
  margin-right: 15px;
}
* html #foot-inhalt li {   /* Sternchen-Hack - sehen nur IEs */
  height: 1em;       /* damit margin-right auch im IE 5 beachtet wird */
}
#foot-inhalt a { color: #222a48; font-size: 70%; font-weight: normal; text-decoration: none; }
#foot-inhalt a:link, #foot-inhalt a:visited { color: #222a48; font-weight: normal; text-decoration: none; }
#foot-inhalt a:focus, #foot-inhalt a:hover, #foot-inhalt a:active { color: #000; text-decoration: underline; }
#foot-text { color: #6e787e; font-size: 70%; right: 10px; float: right; }
/**/
/* Formular ************************************/
/*==========FormularFides============*/
#form { width: 600px; margin: 0; padding: 0; }
#formular { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 15px 0 5px; width: 600px; float: left; margin-left: 30px; }
#formular h1 { color: #7482a0; font-size: 110%; font-family: georgia, "times new roman", serif; line-height: 100%; margin: 0 30px 1.3em; }
#formular h2 { color: #264669; font-size: 80%; font-family: georgia, "times new roman", serif; line-height: 120%; margin: 10px 30px 4px; }
#formular p { font-size: 80%; line-height: 130%; text-align: left; margin: 5px 30px 2px 0; }
.submit { background-color: #edf1f8; text-transform: uppercase; width: 80px; height: 20px; max-width: 450px; float: left; margin-left: 115px; padding: 0; border-color: #ced7e7 #a9b2b9 #a9b2b9 #ced7e7; border-style: solid; border-width: 1px; }
.beschriftung { float: left; width: 9em; text-align: right; }
.eingabefeld { 
float: left; 
width: 20em; 
max-width: 450px; 
margin: 0 0 0 0px !important;  /* maximale Breite, geht nicht im IE */

}
label { color: #283c5a; font-size: 80%; display: block; /* damit auch die alten IEs das padding anwenden */
  text-transform: uppercase; width: 100px; float: left; margin-right: 10px; padding: 0 5px 0 0; }
* html label { color: #28355a; text-transform: uppercase; display: block; padding: 0 10px 0 0; }
select { width: 100px; margin: 0; }
submit { width: 79px; height: 19px; float: left; border: solid 1px #fff; display: block; }
/* Achtung: nicht alle Browser stellen Sachen wie die border
von Eingabefeldern dar, in Safari z.B. laesst sich nur wenig
am Aussehen von Formularelementen aendern */
input { color: #28355a; width: 80%; font-family: verdana, arial, sans-serif; font-size: 0.8em; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; height: 18px; margin: 0; }
textarea { color: #283c5a; font-size: 0.8em; font-family: verdana, arial, sans-serif; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: 100%; }
/**/

#box-einleitungSonder {
  background-image: url(images/hg-einleitungstext-sonder.gif);
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-position: 0 0;
  width: 686px;
  height: 150px;
}

#box-einleitungSonder h1 {
  color: #042356;
  font-size: 130%;
  font-family: "times new roman", Times, serif;
  font-weight: normal;
  line-height: 120%;
  text-decoration: none;
  margin: 0;
  padding: 15px 0 0 20px;
}