*{
        margin: 0; 
        padding: 0;
}
a img{
        border: none;
}

/* popup formulare */

#formoverlay { width:550px; background-color: #ffffff; }
#formoverlay td {font-size:13px;}
div.popupform {padding:10px;}
td.Abreise div, td.Ankunft div { background-color:#CCCCCC; xfloat:right; width:187px; position:relative;}
#formoverlay div.zimmerselectbg { background-color:#CCCCCC;  position:relative;}
div.jeinselectbg{ background-color:#CCCCCC;  width:80px; position:relative;}
div.jeinselectbg ul.select {width:66px;}

#formoverlay label{ background-color: #efefef; padding: 0 4px; float: left; line-height: 18px;}
#formoverlay .ankunft label{ width: 48px;}
#formoverlay input.short, #formoverlay input.long, #formoverlay input.jein{color: #FFF; border: none; vertical-align: middle; padding-left: 4px; text-align: center}
#formoverlay input.short{width: 20px; height: 17px; background-color: #CCC;}
#formoverlay input.long{ width: 70px; background-color: #CCC;}
#formoverlay input.jein{ width: 50px; background-color: #CCC;}

/* listen im Fromular */
#formoverlay ul.select{ position: absolute;z-index:100; display: none; color: #666; font-size: 12px; text-align: center; border: 1px solid #999; border-top: none; background-color: #CCC; list-style: none; }
#formoverlay ul.select li, ul.select{  margin: 2px 0; padding-right: 12px;}
#formoverlay ul.select li:hover{  background-color: #e45a46; color: #FFF;}
#formoverlay ul.select li{ padding: 0; font-size: 10px;}
#formoverlay img.arrow{ vertical-align: middle;}

#abrtag_list1, #ankunftstag_list1 {left:52px; width: 40px;}
#ankunftsmonat_list1, #abrmonat_list1 {left:99px; width: 75px;}
#Einzelzimmer_list {left:87px;width:59px;}
#Doppelzimmer_list {left:91px;width:59px;}
#Personen_list {left:63px;width:59px;}

h1.formularheader {text-align: right; border-bottom:1px solid #6e6e6e; margin:20px 0; padding-bottom:4px;}
h1.formularheadertop {text-align: right; height:50px;  padding-top:68px;  background: transparent url(http://www.hotel-bramsche.de/level9_cms/layout/images/logo_sw.jpg) top left no-repeat; }

table.contact {width: 100%;}
table.contact td {padding: 5px;}

#formoverlay input.submitbutton {width:140px; border:0px none;  background:none; background-color: #CCC; color:#fff }

div.forminfotext {color:#E45A46; margin:20px 0 20px 5px; font-weight:bold;}










#content a, .newsabsatz a{color: #e45a46; text-decoration: none;}
#content a:hover{opacity: 0.8; filter: alpha(opacity=80);}
.newsabsatz a{text-decoration: underline;}
h1{
        font-size: 15px; 
        color: #e45a46;
}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #4f4f4f;
}
#wrapper{
        margin: 0 auto;
	width: 995px;
	position: relative;
}
#logo{
	width: 154px;
	float: left;
        margin-left: 23px;
}
#top_frame{
	width: 100%;
	overflow: hidden;
        height: 146px;
}
#top_right{
	width: 185px;
	float: right;
	overflow: hidden;
	margin-right: 25px;
}
#top_right h2{
        color: #e45a46;
        font-size: 12px;
        margin-bottom: 10px;
}
#top_right .newsabsatz{
        color: #e45a46;
        font-size: 12px;
}
#searchform{
        margin-top: 10px;
        margin-bottom: 40px;
        border-bottom: 1px solid #CCC;
}
#searchform label{
        border-left: 1px solid #CCC;
        color: #CCC;
        font-size: 10px;
        padding: 0 4px;
        text-transform: uppercase;
}
#searchform input[type="text"]{
        background-image: none;
        background: none;
        border: none;
        text-align: center;
        width: 80px;
        color: #999;
}
#searchform #search_go_btn{
        margin-top: 2px;
        float: right;
        overflow: hidden;
}
#banner{
}
#banner_left{
	width: 160px;
	float: left;
        background-image: url(http://www.hotel-bramsche.de/level9_cms/layout/images/news_left_bg.jpg);
        background-repeat: no-repeat;
        height: 313px;
        padding-left: 32px;
        font-size: 10px;
        text-transform: uppercase;
        color: #4f4f4f;
}
#banner_left div{height: 88px;}
#banner_left .tel{margin-top: 15px;}
#banner_right{
        background-image: url(http://www.hotel-bramsche.de/level9_cms/layout/images/header_bg.jpg);
        background-repeat: no-repeat;
        height: 313px;
        margin-left: 192px;
        padding-top: 13px;
}
#sondernews{width: 140px; margin: 20px 0 0 0; padding-right: 23px;}
#sondernews .sondernews_absatz{text-transform: none; font-size: 12px;}
#sondernews h2{color: #e45a46; font-size: 14px; margin-bottom: 8px;}
#sondernews .sondernewsPic{margin-bottom: 10px; display: block;}
.sonderNewsarea a{color: #e45a46; text-decoration: none;}
.rotator{height: 200px; width: 140px; }
/* - END Sondernews Slide   -  */
#content{
	width: 764px;
        height: 288px;
	overflow: hidden;
}
#content h2{margin: 30px 0 0 30px;}
#content .bild_absatz, #content .absatz{padding: 20px 10px 20px 20px;}
#content .bild_absatz img.absatzPic{margin: 0 10px 20px 20px; float: right; max-height: 249px;}
#content .absatz h1{margin-bottom: 15px;}
#mainarea{
	clear: both;
}
#newsletterAbo{
	width: 134px;
	float: left;
        margin-left: 35px;
        padding-bottom: 20px;
        border-bottom: 1px solid #CCC;
}
#navigation{
	width: 578px;
	margin: 0 0 25px 220px;
}
#buchungsRequest{
	border-top: 1px solid #CCC;
	margin-left: 192px;
        width: 578px;
        text-transform: uppercase;
        color: #999;
        font-size: 10px;
}
/*  -  Hauptnavigation  -  */
#navigation .mainMenue li{
        list-style-image: url(http://www.hotel-bramsche.de/level9_cms/layout/images/listStyle_normal.jpg);
        font-size: 10px;
        height: 13px;
        width: 548px;
        margin: 5px 0;
}
#navigation .mainMenue li:hover{
        list-style-image: url(http://www.hotel-bramsche.de/level9_cms/layout/images/listStyle_active.jpg);
        background-color: #e45a46;
        color: #FFF;
}
#navigation .mainMenue .menuelevel0idMain_active{
        list-style-image: url(http://www.hotel-bramsche.de/level9_cms/layout/images/listStyle_active.jpg);
        background-color: #e45a46;
}
#navigation .mainMenue .menuelevel0idMain_active a{
        color: #FFF;
}
#navigation .mainMenue li ul.subMenue li.menuelevel1idMain_active a{
        color: #CCC;
}
#navigation .mainMenue li a{
        color: #999;
        padding: 0 10px 0 5px;
        display: inline-table;
        text-transform: uppercase;
        vertical-align: top;
        text-decoration: none;
}
#navigation .mainMenue li:hover a{
        color: #FFF;
}
#navigation .mainMenue li ul.subMenue{
        display: inline;
        height: 12px;
        margin: 0;
}
#navigation .mainMenue li ul.subMenue li{
        display: inline;
        vertical-align: top;
        padding: 0 10px;
        border-left: 1px solid #efefef;
        margin: 0;
}
#navigation .mainMenue li ul.subMenue li a{
        color: #efefef;
}
#navigation .mainMenue li ul.subMenue li a:hover{
        color: #CCC;
}
#navigation .mainMenue li ul.hidden{display: none;}
/*  -   Slide-Show   -  */
#content .slideshow_textbox, #content .slideshow_TBox{
        width: 164px; 
        float: right; 
        padding-right: 10px;
        overflow: hidden; 
        /*margin-left: 580px;*/
}
#coin-slider-coin-slider{
        position: absolute;
        left: 192px;
        top: 159px;
}
#cs-title-coin-slider h1{
        color: #E45A46;
        font-size: 14px;
        margin-bottom: 25px;
}
/*  -   END Slide-Show   -  */
/*  -   Reservierungsanfrage   -   */
#reservationForm{margin-top: 10px; width: 575px;} 
#reservationForm fieldset{border: none;}
#reservationForm fieldset legend{height: 25px; color: #999;}
#reservationForm label{
        background-color: #efefef;
        padding: 0 4px;
        float: left;
        line-height: 18px;
}
#reservationForm .ankunft label{ width: 48px;}
#reservationForm input{color: #FFF; border: none; vertical-align: middle; padding-left: 4px; text-align: center}
#reservationForm input.short{
        width: 20px;
        height: 17px;
        background-color: #CCC;
}
#reservationForm input.long{
        width: 70px;
        background-color: #CCC;
}
#ankunftsjahr, #abrjahr{width: 30px;height: 17px;background-color: #CCC; padding: 0;}
#reservationForm .ankunft{
        width: 240px;
        float: left;
        background-color: #CCC;
        margin-right: 30px;
}
#reservationForm .zimmer{
        margin-right: 12px;
        width: 132px;
        float: left;
        background-color: #CCC;
}
#reservationForm .zimmer label{width: 80px;line-height: 18px;}
#reservationForm .naechte{
        margin-right: 12px;
        width: 45px;
        float: left;
        background-color: #CCC;
}
#reservationForm .verfuegbarkeit{
        width: 125px;
        height: 18px;
        float: left;
        background-color: #CCC;
        margin-left: 30px;
}
#ankunftstag_list, #ankunftsmonat_list, #ankunftsjahr_list, #abrtag_list, #abrmonat_list, #abrjahr_list, #ezzimmer_list, #dzzimmer_list, #suite_list, #naechte_list{
        position: absolute;
        width: 40px;
        display: none;
        color: #666;
        font-size: 12px;
        text-align: center;
        border: 1px solid #999;
        border-bottom: none;
        background-color: #CCC;
        list-style: none; 
}
#ankunftsmonat_list li, #abrmonat_list li, #anreisejahr_list, #abrjahr_list,  #ezzimmer_list li, #dzzimmer_list li, #naechte_list li{
        margin: 2px 0;
        padding-right: 12px;
}
#abrtag_list li, #ankunftstag_list li{
        padding: 0; 
        font-size: 10px;
}
#ankunftstag_list li:hover, #ankunftsmonat_list li:hover, #ankunftsjahr_list li:hover, #abrtag_list li:hover, #abrmonat_list li:hover, #abrjahr_list li:hover, #ezzimmer_list li:hover, #dzzimmer_list li:hover, #suite_list li:hover, #naechte_list li:hover{
        background-color: #e45a46;
        color: #FFF;
}
#arrow_tag, #arrow_monat, #arrow_abrtag, #arrow_abrmonat, #arrow_ezzimmer, #arrow_dzzimmer, #arrow_suite, #arrow_naechte, #arrow_ankunftsjahr, #arrow_abrjahr{
        vertical-align: middle;
}
#reservationForm #ankunftstag_list, #reservationForm #abrtag_list{
        margin-left: 55px; 
        margin-top: -350px;
        font-size: 10px;
        border-bottom: 1px solid #999;
}
#reservationForm #ankunftsmonat_list, #reservationForm #abrmonat_list{
        margin-left: 98px;
        margin-top: -219px;
        width: 90px;
}
#reservationForm #ankunftsjahr_list{
        margin-left: 189px;
        margin-top: -47px;
        width: 49px;
}
#reservationForm #abrjahr_list{margin-left: 189px; margin-top: -62px; width: 37px;}
#reservationForm #ezzimmer_list, #reservationForm #dzzimmer_list{
        margin-left: 88px;
        margin-top: -201px;
        width: 42px;
}
#reservationForm #dzzimmer_list{ margin-top: -201px;}
#reservationForm #suite_list{
        margin-left: 87px;
        margin-top: -62px;
        width: 43px;
}
#ankunftsmonat{padding-left: 4px;}
#reservationForm #absenden, .kontakt_formular #sendFormBtn{
        background-image: url(http://www.hotel-bramsche.de/level9_cms/layout/images/arrow_right.jpg);
        background: transparent url(http://www.hotel-bramsche.de/level9_cms/layout/images/arrow_right.jpg) no-repeat top;
        background-position: 95% 50%;
        background-repeat: no-repeat;
        width: 120px;
        height: 17px;
        font-size: 10px;
        color: #FFF;
        border: none;
        background-color: #CCC;
        padding-right: 15px;
        text-transform: uppercase;
}
#reservationForm #absenden:hover{
        color: #e45a46;
}
#reservationForm .spacer{background-color: #FFF; height: 10px; margin-top: 1px;}
#reservationForm #ankunftsmonat, #reservationForm #abreisemonat{
        border-left: 1px solid #FFF;
        height: 100%;
}
#anzNaechte, #ezzimmerAnz{height: 17px}
/*   -   END  Reservierungsanfrage -    */
/*    -   Newsletter - AnmeldungsForm   -   */
#newsletterAbo h1{
        text-transform: uppercase;
        font-size: 14px;
        margin-bottom: 5px;
}
#newsletterAbo form{
       padding-right: 15px;
}
#newsletterAbo table.account tr{height: 20px;}
#newsletterAbo form .account_left_passwort_repeat, #newsletterAbo form .account{
         font-size: 9px;
}
#newsletterAbo input.account_input, #newsletterAbo input.account_input, #newsletterAbo input.account_input{
        background-color: #efefef;
        height: 14px;
        font-size: 10px;
        color: #4f4f4f;
        border: none;
        width: 134px;
        padding-left: 0;
}
#newsletterAbo input[type="submit"]{
        height: 20px;
        background-color: #efefef;
        width: 133px;
        padding-left: 15px;
        font-size: 10px;
        color: #4f4f4f;
        background-image: url(http://www.hotel-bramsche.de/level9_cms/layout/images/arrow_right_heller.jpg);
        background-repeat: no-repeat;
        background: transparent url(http://www.hotel-bramsche.de/level9_cms/layout/images/arrow_right_heller.jpg) no-repeat center left;
        background-position: 0 50%;
        border: none;
        text-align: left;
}
#newsletterAbo input[type="submit"]:hover{
        cursor: pointer;
        background-image: url(http://www.hotel-bramsche.de/level9_cms/layout/images/arrow_right_hellerHover.jpg);
        background-repeat: no-repeat;
        background: transparent url(http://www.hotel-bramsche.de/level9_cms/layout/images/arrow_right_hellerHover.jpg) no-repeat center left;
}
#newsletterAbo .account_right_send{
        background-color: #efefef;
}
#newsletterAbo .account_right_newsletter, #newsletterAbo .account_right_newsletter input[type="checkbox"]{
        vertical-align: middle;
        padding-left: 0px;
}
#newsletterAbo .account_left{}
#newsletterAbo .account_error{
        background-color: #EFEFEF;
        height: 14px;
        padding: 1px 2px;
        font-size: 10px;
        color: #FFF;
        border: none;
        text-align: center;
}
#newsletterAbo .account_error{
        height: auto;
        color: #e45a46;
}
#newsletterAbo .account_right_newsletter{
        text-align: left;
        color: #999;
        font-size: 9px;
}
#newsletterAbo .absatz{
        font-size: 10px;
}
/*   -    Kontaktform    -   */
.kontakt_formular{
      margin: 0;
}
.kontakt_formular fieldset{
        border: none;
        padding: 20px;
}
.kontakt_formular legend{
        background-color: #4A2788;
        color: #FFF;
        line-height: 22px;
        margin-left: 65px;
        width: 320px;
        text-align: center;
        font-size: 13px;
        border: 1px solid #CCC;
        margin-bottom: 20px;
}
.kontakt_formular input[type="text"]{
        background-color: #EFEFEF;
        border: 1px solid #999;
        height: 17px;
        width: 216px;
        vertical-align: middle;
        margin: 1px 0;
}
.kontakt_formular input[type="text"]:focus{
        background-color: #FFF;
        border: 1px solid #e45a46;
}
.kontakt_formular .message_col{
       padding-top: 5px;
       vertical-align: top;
}
.kontakt_formular textarea{
        margin-top: 10px;
        width: 216px;
        background-color: #EFEFEF;
        border: 1px solid #999;
}
.kontakt_formular textarea:focus{
        background-color: #FFF;
        border: 1px solid #e45a46;
}
.kontakt_formular input[type="submit"]{
        margin: 10px 0 0 98px;
}
.kontakt_formular label{
        float: right;
        padding: 3px 10px;
        font-size: 12px;
}
.kontakt_formular #txtHausnummer{
        width: 60px;
        vertical-align: middle;
}
.kontakt_formular #plz{
        margin-top: 2px;
        width: 60px;
}
.kontakt_formular #strasse{
        width: 150px;
        vertical-align: middle;
}
.kontakt_formular #ort{
        margin-top: 2px;
        width: 150px;
}
.kontakt_formular h2{
        font-size: 14px;
        color: #a9a8a4;
        font-weight: normal;
}
.kontakt_formular #sendFormBtn{
        background-color: #CCC;       
}
/*  -   Suchergebnis-Liste  -   */
.headin{margin: 25px 0 10px 20px;}
#content h3.headline2{color: #e45a46; font-size: 14px; margin: 15px 0 0 20px;} 
table.searchResults{margin: 20px 0 0 20px; /*max-height: 200px;*/}
table.suchehead tr td{padding-right: 30px;color: #e45a46;}