body {
  font-family:verdana, times new roman, arial;
  font-size:10pt;
  background-repeat:repeat-x;
  background-image:url(../pics/verlauf_oben.jpg);
}
a {
color:black;
text-decoration:underline;
}
a img {
border-width: 0px;
}

a:hover {
color:darkgreen;
text-decoration:underline;
}
a:visited {
color:black;
text-decoration:underline;
}
#container {
  width: 940px;
  position: absolute;
  left: 50%;
  margin-left: -470px;
}
#main_content {
width:900px;
float:right;
margin-top: 10px;
}
#suw_logo {
  position:absolute;
  background-image: url(../pics/logo.jpg);
  left:0px;
  top:0px;
  width:263px;
  height:67px;
}
#language {
height:67px;
left:202px;
position:absolute;
top:273px;
width:263px;
}
#flash_head {
  background-image: url(../pics/flash.jpg);
  width:667px;
  height:282px;
  float:right;
}
a#stoerer {
  width:177px;
  height:148px;
  position:absolute;
  left: 15px;
  top: 144px;
}
#stoerer_rest {
  position:absolute;
  left:15px;
  top:292px;
  width:65px;
  height:29px;
}
div#top_left {
  float:left;
}
#suw_address {
width:168px;
margin-top:77px;
margin-left:22px;
}

/*---- MENU ---- */

/*
ul#navi li a#hotel {
  background-image: url(../pics/btn_off_01.jpg);
}
ul#navi li a#hotel:hover {
  background-image: url(../pics/btn_on_01.jpg);
}

ul#navi li a#zimmer {
  background-image: url(../pics/btn_off_02.jpg);
}
ul#navi li a#zimmer:hover {
  background-image: url(../pics/btn_on_02.jpg);
}
ul#navi li a#restaurant {
  background-image: url(../pics/btn_off_03.jpg);
}
ul#navi li a#restaurant:hover {
  background-image: url(../pics/btn_on_03.jpg);
}
ul#navi li a#tagungen {
  background-image: url(../pics/btn_off_04.jpg);
}
ul#navi li a#tagungen:hover {
  background-image: url(../pics/btn_on_04.jpg);
}
ul#navi li a#trainingslager {
  background-image: url(../pics/btn_off_05.jpg);
}
ul#navi li a#trainingslager:hover {
  background-image: url(../pics/btn_on_05.jpg);
}
ul#navi li a#sonderaktionen {
  background-image: url(../pics/btn_off_06.jpg);
}
ul#navi li a#sonderaktionen:hover {
  background-image: url(../pics/btn_on_06.jpg);
}
ul#navi li a#arrangements {
  background-image: url(../pics/btn_off_07.jpg);
}
ul#navi li a#arrangements:hover {
  background-image: url(../pics/btn_on_07.jpg);
}
ul#navi li a#events {
  background-image: url(../pics/btn_off_08.jpg);
}
ul#navi li a#events:hover {
  background-image: url(../pics/btn_on_08.jpg);
}
ul#navi li a#messekalender {
  background-image: url(../pics/btn_off_09.jpg);
}
ul#navi li a#messekalender:hover {
  background-image: url(../pics/btn_on_09.jpg);
}
ul#navi li a#reservierung {
  background-image: url(../pics/btn_off_10.jpg);
}
ul#navi li a#reservierung:hover {
  background-image: url(../pics/btn_on_10.jpg);
}
ul#navi li a#fruehbucher {
  background-image: url(../pics/btn_off_11.jpg);
}
ul#navi li a#fruehbucher:hover {
  background-image: url(../pics/btn_on_11.jpg);
}
ul#navi li a#lastminute {
  background-image: url(../pics/btn_off_12.jpg);
}
ul#navi li a#lastminute:hover {
  background-image: url(../pics/btn_on_12.jpg);
}
ul#navi li a#anreise {
  background-image: url(../pics/btn_off_13.jpg);
}
ul#navi li a#anreise:hover {
  background-image: url(../pics/btn_on_13.jpg);
}
ul#navi li a#job {
  background-image: url(../pics/btn_off_14.jpg);
}
ul#navi li a#job:hover {
  background-image: url(../pics/btn_on_14.jpg);
}
ul#navi li a#kontakt {
  background-image: url(../pics/btn_off_15.jpg);
}
ul#navi li a#kontakt:hover {
  background-image: url(../pics/btn_on_15.jpg);
}
ul#navi li a#impressum {
  background-image: url(../pics/btn_off_16.jpg);
  margin-top:5px;
}
ul#navi li a#impressum:hover {
  background-image: url(../pics/btn_on_16.jpg);
}*/

div#navi {
  width: 178px;
  float:left;
  margin-top:0px;
  margin-left:40px;
  padding-left:0px;
  background-image: url(../pics/menu_bg.jpg);
  background-repeat:repeat-y;
}
/* ########################################################################################### */
div#navi div a {
        display: block;
        height: 15px;
        margin: 3px 0px;
}

div#navi div#hotel-bad-segeberg-hotel-neumuenster a {
  background-image: url(../pics/btn_off_01.jpg);
  height: 29px;
  margin-top: 0px;
}
div#navi div#hotel-bad-segeberg-hotel-neumuenster a:hover {
  background-image: url(../pics/btn_on_01.jpg);
}

div#hotelzimmer-bad-segeberg-neumuenster-trappenkamp-einzelzimmer-doppelzimmer a {
  background-image: url(../pics/btn_off_02.jpg);
}
div#hotelzimmer-bad-segeberg-neumuenster-trappenkamp-einzelzimmer-doppelzimmer a:hover {
  background-image: url(../pics/btn_on_02.jpg);
}
div#restaurant-bad-segeberg-restaurant-trappenkamp a {
  background-image: url(../pics/btn_off_03.jpg);
}
div#restaurant-bad-segeberg-restaurant-trappenkamp a:hover {
  background-image: url(../pics/btn_on_03.jpg);
}
div#tagungshotel-bad-segeberg-tagungshotel-neumuenster-tagungshotel-trappenkamp a {
  background-image: url(../pics/btn_off_04.jpg);
}
div#tagungshotel-bad-segeberg-tagungshotel-neumuenster-tagungshotel-trappenkamp a:hover {
  background-image: url(../pics/btn_on_04.jpg);
}
div#navi div#fussball-trainingslager-trappenkamp-bad-segeberg a {
        height: 29px;
  background-image: url(../pics/btn_off_05.jpg);
}
div#navi div#fussball-trainingslager-trappenkamp-bad-segeberg a:hover {
  background-image: url(../pics/btn_on_05.jpg);
}
div#sonderaktionen a {
  background-image: url(../pics/btn_off_06.jpg);
}
div#sonderaktionen a:hover {
  background-image: url(../pics/btn_on_06.jpg);
}
div#arrangements a {
  background-image: url(../pics/btn_off_07.jpg);
}
div#arrangements a:hover {
  background-image: url(../pics/btn_on_07.jpg);
}
div#events a {
  background-image: url(../pics/btn_off_08.jpg);
}
div#events a:hover {
  background-image: url(../pics/btn_on_08.jpg);
}
div#messehotel-hamburg-messehotel-neumuenster-messehotel-kiel a {
  background-image: url(../pics/btn_off_09.jpg);
}
div#messehotel-hamburg-messehotel-neumuenster-messehotel-kiel a:hover {
  background-image: url(../pics/btn_on_09.jpg);
}
div#reservierung a {
  background-image: url(../pics/btn_off_10.jpg);
}
div#reservierung a:hover {
  background-image: url(../pics/btn_on_10.jpg);
}
div#fruehbucher a {
  background-image: url(../pics/btn_off_11.jpg);
}
div#fruehbucher a:hover {
  background-image: url(../pics/btn_on_11.jpg);
}
div#lastminute a {
  background-image: url(../pics/btn_off_12.jpg);
}

div#lastminute a:hover {
  background-image: url(../pics/btn_on_12.jpg);
}
div#anreise a {
  background-image: url(../pics/btn_off_13.jpg);
}
div#anreise a:hover {
  background-image: url(../pics/btn_on_13.jpg);
}
div#job a {
  background-image: url(../pics/btn_off_14.jpg);
}
div#job a:hover {
  background-image: url(../pics/btn_on_14.jpg);
}
div#kontakt a {
  background-image: url(../pics/btn_off_15.jpg);
}
div#kontakt a:hover {
  background-image: url(../pics/btn_on_15.jpg);
}

div#aktionen a {
  background-image: url(../pics/btn_off_17.jpg);
}
div#aktionen a:hover {
  background-image: url(../pics/btn_on_17.jpg);
}


div#navi div#impressum a {
  background-image: url(../pics/btn_off_16.jpg);
  height:25px;
  margin-bottom: 0px;
}
div#navi div#impressum a:hover {
  background-image: url(../pics/btn_on_16.jpg);
}
/* ########################################################################## */

/*---- RECHTE SPALTE ---- */
#right_column {
float:right;
width:166px;
}
#right_pic2 {
padding-top:15px;
}
/*---- CONTENT-MITTE ---- */
#content_mitte {
margin-left:231px;
width:494px;
}
#content_mitte_bg {
  background-image: url(../pics/textfeld_mitte.jpg);
  background-repeat:repeat-y;
  width:494px;
}
#content_mitte_text {
padding:12px;
}

#content_mitte_text_mit_submenu {
padding: 18px 12px 12px 12px;
}

#unterkante {
  background-image: url(../pics/unterkante.jpg);
  width:856px;
  height:4px;
}

/* Arrangements */

table#arrangements {
        width: 465px;
}

table#arrangements tr td {
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        vertical-align: top;
        padding: 5px;
        font-size: 10pt;
}

table#arrangements tr td.image {
    width: 170px;
}

/* Formular */

label {
        width: 115px;
        display: block;
        float:left;
        padding-top: 3px;
}

input.kurz {
  width: 60px;
}

input.mittel {
  width: 170px;
}

input.lang{
  width: 280px;
}

input.einfach {
        width: 2em;
}

input.monat {
        width: 10em;
}

input.jahr {
        width: 4em;
}

p#zimmer_auswahl input {
        float:left;
}

span.wert {
        float:right;
        width: 350px;
}

span.wert_2 {
        float:right;
        width: 318px;
}

label.push-10 {
        margin-left: 10px;
}

input.checkbox {
        float:left;
}

textarea {
        width: 290px;
        height: 100px;
}

ul#subnavi {
        padding: 0px;
        margin: 0px;
        list-style-type: none;
}

ul#subnavi li {
        float:left;
        margin: 0px 10px;
}

ul#subnavi li a {
        text-decoration: none;
        color: #9F752D;
        font-style: italic;
        font-weight: bold;
        margin: 5px 0px;
}

ul#subnavi li a:hover {
        color: #3F3212;
}