/* $Id: styles.css,v 1.6 2011/05/25 09:06:45 mirko Exp $ */
                .unsichtbar {
                        position: absolute;
                        left: -1000px;
                        top: -1000px;
                        width: 0px;
                        height: 0px;
                        overflow: hidden;
                        display: inline;
                }

				/* make vert. scrollbar visible by default */
				html { overflow-y: scroll; }

                body{
                  margin: 0px;
                  padding: 0px;
                  background-color: #f8b93c;
                  text-align: center;
                  font-family: Verdana, sans-serif;
                  font-size: 100%;
                }

                #wrapper{
                        margin: 0 auto;
                        width: 996px;
                        background-color: #fef1d8;
                        background: url(/hvb/img/misc/bg_wrapper.gif) repeat-y;
                        text-align: left;
                        z-index: 0;
                        /* border-top: solid 1px #fef1d8; */
                }
        /*
                #header{
                        background: url(/hvb/img/misc/bg_header.gif) no-repeat;
                        margin: 0 auto;
                        width: 997px;
                        height: 121px;
                        border-top-style: solid;
                        border-top-width: 1px;
                        border-top-color: #fef1d8;
                }
*/
                #header #logo{
                        text-align:right;
                        margin-right: 70px;
                }

                #header ul{
                        margin: 10px 0 0 19px;
                        padding: 0;
                        list-style-type: none;
                }

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

                #header ul li a{
                        font-size: 80%;
                        color: #9f0018;
                        text-decoration: none;
                        background: url(/hvb/img/misc/bu_linkpfeil.gif) no-repeat;
                        padding-left: 10px;
                        font-weight: normal;
                }

                #header ul li a:hover {
                        text-decoration: underline;
                        font-weight: normal;
                }

                #banner {
                        /*position: relative;*/
			background: #f8b93c;
			padding-bottom: 3px;
                }

                #banner1 {
                        /* left: 0; */
			float: left;
                }

                #banner2 {
                        text-align: right;
                }

                #navi{
                        float: left;
                        width: 203px;
                }

                #content{
                        float: left;
                        width: 573px;
                        /* background-color: #fef8ec; */
                        min-height: 570px; /* Content mu� im Mozilla h�her sein als Navi */
                }

                #service{
                        float: left;
                        width: 220px;
                }

                #navi #menu{
                        background: url(/hvb/img/misc/bg_menu.gif) no-repeat;
                        background-color: #9f0018;
                }

                #navi #menu ul{
                        margin: 0 0 0 12px;
                        padding: 55px 0 12px 0;
                        list-style-type: none;
                        font-weight: bold;
                        color: white;
                }

                #navi #menu ul li{
                        margin: 0;
                        padding: 0;
                }

                #navi #menu ul li a {
                        display: block;
                        margin: 0;
                        padding: 0 0 0 7px;
                        background: url(/hvb/img/misc/bg_mp_low.gif) no-repeat;
                        text-decoration: none;
                        color: white;
                        font-size: 80%;
                        height: 100%;
                }

                #navi #menu ul li a:hover {
                        background: url(/hvb/img/misc/bg_mp_select.gif) no-repeat;
                        color: #fdca00;
                }

                #navi #menu ul li a.select {
                        background: url(/hvb/img/misc/bg_mp_select.gif) no-repeat;
                        color: #fdca00;
                }

                #navi #menu ul li ul{
                        padding: 0;
                }

                #navi ul#language{
                        list-style-type: none;
                        margin: 10px 0 0 20px;
                        padding: 0;
                }

                #navi ul#language li{
                        float: left;
                        margin-right: 10px;
                }

                #navi #yhi{
                        margin: 55px 0 0 15px;

                }


/* ********************************************************************* */
/* Schrift ueber Bild */
                #content #contentleft{
                        float: left;
                        width: 286px;
                }

                #content #contentleft #contentlefttext{
                        position: absolute;
                        margin-top: 280px;
                        width: 286px;
                }

                #content #contentleft #contentlefttext h1{
                        margin: 0 0 5px 20px;
                        padding: 0;
                        color: white;
                        font-size: 120%;
                        font-weight: normal;
                }

                #content #contentleft #contentlefttext a{
                        background: url(/hvb/img/misc/bu_linkpfeil.gif) no-repeat;
                        padding-left: 10px;
                }

/* ********************************************************************* */
                #content #contentright{
                        float: left;
                        width: 287px;
                        height: 164px;
                        padding-top: 28px;
                }

                #content #contentright a, #contentleft a{
                        background: url(/hvb/img/misc/bu_linkpfeil.gif) no-repeat;
                        color: #760000;
                        text-decoration: none;
                        padding-left: 10px;
                }

                #content #contentright a:hover {
                        text-decoration: underline;
                }

                #content #path{
                        background-color: #ebce96;
                        font-weight: normal;
			line-height: 18Px;
                }

                #content #path ul{
                        clear: both;
                        margin: 0;
                        padding: 0 0 5px 0;
                        list-style-type: none;
                        font-weight: normal;
                }

                #content #path ul li{
                        float: left;
                        margin-left: 5px;
                }

                #content #path ul li a{
                        background: url(/hvb/img/misc/bu_linkpfeil.gif) no-repeat;
                        color: #760000;
                        text-decoration: none;
                        padding-left: 10px;
                        font-size: 80%;
                        font-weight: normal;
                }

                #content #path ul li a:hover {
                        text-decoration: underline;
                }

                #content #path ul li a#pathhome{
                        background: none;
                        color: #760000;
                        text-decoration: none;
                        font-size: 80%;
                }

                #content #path ul li a#pathhome:hover {
                        text-decoration: underline;
                }

/* ************************************************************************************** */
                /* Im div Teasertop erscheint die Subnavi */

                #content #teasertop ul{
                        margin: 0 0 0 12px;
                        padding: 0px 0 10px 10px;
                        list-style-type: none;
                        font-weight: bold;
                        color: white;
                }

                #content #teasertop ul li{
                        padding: 0px;
                }

                #content #teasertop ul li a{
                        display: block;
                        width: 200px;
                        padding: 0 0 0 7px;
                        background: url(/hvb/img/misc/bg_mp_low.gif) no-repeat;
                        text-decoration: none;
                        color: white;
                        font-size: 80%;
                }

                #content #teasertop ul li a:hover {
                        background: url(/hvb/img/misc/bg_smp_select.gif) no-repeat;
                        color: #9f0018;
                        text-decoration: none;
                }

                #content #teasertop ul li a.select{
                        background: url(/hvb/img/misc/bg_smp_select.gif) no-repeat;
                        color: #9f0018;
                }

                #content #teasertop ul li ul{
                        padding: 0;
                }
/* ************************************************************************************** */
/* oder ein Text mit Link und Ueberschrift */
                #content #teasertop        h1{
                        color: white;
                        font-size: 100%;
                        font-weight: bold;
                        margin: 5px 10px 0 20px;
                        padding: 0;
                }

                #content #teasertop        p{
                        font-size: 80%;
                        color: #003c60;
                        margin: 5px 15px 0 20px;
                        padding: 0;
                }

/* ************************************************************************************** */

                #service #search{
                        padding-top: 23px;
                        background: url(/hvb/img/misc/bg_search.gif) no-repeat;
                        background-color: #9f0018;
                }

                #service #search h1{
                        color: white;
                        font-size: 100%;
                        padding: 5px 0 0 20px;
                        margin: 0;
                }

		#service #search a{
			font-family: Verdana,Arial;
			font-weight: bold;
			font-size: 100%;
			text-decoration: none;
			color:white;
			margin-left:20px;
		}

		#service #search a:hover {
			font-family: Verdana,Arial;
			font-weight: bold;
			font-size: 100%;
			text-decoration: underline;
			color:white;
			margin-left:20px;
		}
                #service #search form{
                        margin: 0;
                        padding: 0;
                }

                #service #search input.text{
                        margin: 10px 0 15px 20px;
                        width: 110px;
                        height: 15px;
                        font-size: 80%;
                }

                #service #search input.button{
                        margin: 10px 0 15px 5px;
                }

                #service #search input.sbutton{
                        margin: 10px 0 15px 5px;
                        border: 0px solid black;
                        color: #fff;
                        font-weight: bold;
                        background: #9F0018 url(/hvb/img/misc/bu_dreieck_ws.gif) no-repeat 0px 7px;
                }

                #service h2{
                        font-size: 80%;
                        color: #760000;
                        font-weight: bold;
                        margin: 5px 0 0px 20px;
                        padding: 0;
                }

                #service p{
                        font-size: 80%;
                        color: #003c60;
                        margin: 0 20px 0px 20px;
                        padding: 0;
                }

                #service .servicediv{
                        border-bottom-style: solid;
                        border-bottom-width: 1px;
                        border-bottom-color: #fedca6;
                        padding-top:5px;
                        padding-bottom:5px;
                }

                #service .servicediv p a{
                        background: url(/hvb/img/misc/bu_linkpfeil.gif) no-repeat;
                        color: #760000;
                        text-decoration: none;
                        padding-left: 10px;
			font-weight:normal;
                }

                #service .servicediv p a:hover {
                        text-decoration:underline;
                }

		#service .servicediv p a.teaser{
                        color: #760000;
                        text-decoration: none;
                        padding-left: 0px;
			font-weight:normal;
		}

                #service .servicediv h2 a{
                        color: #760000;
                        text-decoration: none;
                }

                #service .servicediv h2 a:hover {
                        text-decoration: underline;
                }

                #service div.imgcenter {
                        text-align: center;
                        padding: 0;
                }

                #service div.imgcenter + h2 {
                        margin-top: 5px;
                }

                #service p + div.imgcenter {
                        margin-top: 5px;
                }

		#service div.imgcenter a {
			text-decoration: none;
                }

                #service div.img220 a img {
                        width: 220px
                        margin: 0px;
                        padding: 0;
                }

/* ************************************************************************************** */
/* 4 Divs im Content  */
                #content .contentdivleft{
                        /* border-bottom-style: solid; */
                        /* border-bottom-width: 1px; */
                        /* border-right-style: solid; */
                        /* border-right-width: 1px; */
                        /* border-color: #fedca6; */
                        width: 285px;
                        /* height: 157px; */
                        float: left;
                }

                #content .contentdivright{
                        /* border-bottom-style: solid; */
                        /* border-bottom-width: 1px; */
                        /* border-bottom-color: #fedca6; */
                        width: 287px;
                        /* height: 157px; */
                        float: left;
                }

                #content .contentdivdiv{
                        border-bottom-style: solid;
                        border-bottom-width: 1px;
                        border-bottom-color: #fedca6;
                        background: url(/hvb/img/misc/bg_contentdivdiv.gif) repeat-y;
                        float: left;
                }

                #content .contentdivleft h2, #content .contentdivright h2{
                        font-size: 80%;
                        color: #9f0018;
                        font-weight: bold;
                        margin: 10px 0 0 20px;
                        padding: 0;
                }

                #content .contentdivleft h2 a, #content .contentdivright h2 a{
                        color: #760000;
                        text-decoration: none;
                }

                #content .contentdivleft h2 a:hover, #content .contentdivright h2 a:hover {
                        text-decoration: underline;
                }

                #content .contentdivleft p a, #content .contentdivright p a{
                        background: url(/hvb/img/misc/bu_linkpfeil.gif) no-repeat;
                        color: #760000;
                        text-decoration: none;
                        padding-left: 10px;
                }

                #content .contentdivleft p a:hover, #content .contentdivright p a:hover {
                        text-decoration: underline;
                }

                #content .contentdivdiv .contentdivleft p a.teaserimg, #content .contentdivdiv .contentdivright p a.teaserimg {
                        color: #760000;
                        text-decoration: none;
                        padding-left: 0px;
                }


/* ************************************************************************************** */
/* "nur" Content */
                #content .box{
                        border-bottom: solid 1px #fedca6;
                }
                #content .box a.link{
                        background: url(/hvb/img/misc/bu_linkpfeil.gif) no-repeat;
                        color: #760000;
                        text-decoration: none;
                        padding-left: 10px;
                }

                #content .box a.link:hover {
                        background: url(/hvb/img/misc/bu_linkpfeil.gif) no-repeat;
                        color: #760000;
                        text-decoration: underline;
                        padding-left: 10px;
                }

                #content h1{
                        font-size: 120%;
                        font-weight: normal;
                        color: #9f0018;
                        margin: 15px 20px 15px 20px;
                        padding: 15px 0 0 0;
                }

                #content h2{
                        font-size: 90%;
                        font-weight: bold;
                        color: #9f0018;
                        margin: 15px 20px 0 20px;
                        padding: 0 0 8px 0;
                }

                #content h3{
                        font-size: 80%;
                        font-weight: bold;
                        color: #003c60;
                        margin: 15px 20px 0 20px;
                        padding: 0 0 8px 0;
                }

                #content p{
                        font-size: 80%;
                        color: #003c60;
                        margin: 0 20px 10px 20px;
                        padding: 0;
                }

                #content p a{
                        color: #760000;
                        text-decoration: none;
			font-weight:bold;
                }

                #content p a:hover {
                        text-decoration: underline;
                }

                #content ul.cliste {
                        margin: 0 20px 10px 20px;
                        padding: 0;
                        list-style-type: none;
                }

                #content ul.cliste li{
                        padding: 0 0 0 10px;
                        background: url(/hvb/img/misc/bg_spiegelstrich.gif) no-repeat;
                        font-size: 80%;
                        color: #003c60;
                }

/* ************************************************************************************** */
/* Herbergsliste */
                #content #herbergsliste{
                }

                #content #herbergsliste ul{
                        list-style-type: none;
                        margin: 0 20px 0 10px;
                        padding: 0;
                }

                #content #herbergsliste ul li{
                        float: left;
                        margin-right: 20px;
                }

                #content #herbergsliste ul li a{
                        margin-left: 10px;
                        background: url(/hvb/img/misc/bu_linkpfeil.gif) no-repeat;
                        color: #760000;
                        text-decoration: none;
                        padding-left: 10px;
                        font-size: 80%;
                        text-decoration: none;
                }

                #content #herbergsliste ul li a:hover {
                        text-decoration: underline;
                }

                #content #herbergsliste .liste{
                        margin-top: 20px;
                        margin-bottom: 10px;
                        clear: both;
                }

                #content #herbergsliste .liste{
                        margin-left: 10px;
                }

                #content #herbergsliste .liste a{
                        margin-left: 460px;
                        background: url(/hvb/img/misc/bu_linkpfeil.gif) no-repeat;
                        color: #760000;
                        text-decoration: none;
                        padding-left: 10px;
                        font-size: 80%;
                        text-decoration: none;
                }

                #content #herbergsliste .liste ul{
                        display: block;
                        width: 533px;
                        background-color: red;
                }

                #content #herbergsliste .liste ul li{
                        margin-right: 0;
                        padding-bottom: 3px;
                        float: none;
                        display: block;
                        background-color: #e5eef3;
                        border-bottom: solid 1px #feffff;
                }

                #content #herbergsliste .liste ul li.title{
                        background-color: #7faeca;
                }

                #content #herbergsliste .liste ul li a{
                        margin-left: 10px;
						font-weight: bold;
                }

                #content #herbergsliste .liste ul li.title a{
                        margin-left: 10px;
                        padding: 0;
                        background-image: none;
                        color: #003c5e;
                        text-decoration: none;
                        font-weight: bold;
                }


/* ************************************************************************************** */
/* Teaser im Content auf der Startseite */
                #content .hometeaser{
                        border-bottom: solid 1px #fedca6;
			margin-top: 15px;
                }

                #content .hometeaser h2{
                        font-size: 80%;
                        font-weight: bold;
                        margin-bottom: 0;
                        color: #760000;
                }

                #content .hometeaser h2 a{
                        color: #760000;
                        text-decoration: none;
                }

                #content .hometeaser h2 a:hover {
                        text-decoration: underline;
                }

                #content .hometeaser p a{
                        background: url(/hvb/img/misc/bu_linkpfeil.gif) no-repeat;
                        padding-left: 10px;
                }

/* ************************************************************************************** */
/* Top-in contentright auf der Startseite */
                #content #contentright #hometeasertop{
                        background-color: #f28e00;
                        width: 287px;
                        height: 300px;
                }

                #content #contentright #hometeasertop #karte{
                        width: 287px;
                        height: 292px;
                }

                #content #contentright #hometeasertop #karte #karteflash{
                        width: 287px;
                        height: 292px;
                }

                #content #contentright #hometeasertop #karte #karteflashersatz{
                        position: absolute;
                        width: 287px;
                        height: 292px;
                }

                #content #contentright #hometeasertop h1{
                        color: white;
                        font-size: 100%;
                        padding: 5px 0 0 20px;
                        margin: 0;
                        font-weight: bold;
                }

                #content #contentright #hometeasertop form{
                        margin: 10px 0 14px 20px;
                        padding: 0;
                }

                #content #contentright #hometeasertop input.text{
                        width: 96px;
                        height: 15px;
                        font-size: 80%;
                }

                #content #contentright #hometeasertop input.button{
                        position: relative;
                        top: 4px;
                }

                #content #contentright #hometeasertop form label{
                        font-size: 80%;
                        color: #013b60;
                        height: 10px;
                }

                #content #contentright #hometeasertop a{
                        margin: 0 0 0 20px;
                        padding: 0 0 0 10px;
                        font-size: 80%;
                }

/* ************************************************************************************** */
/* Top-in contentleft auf der Startseite */
                #contentleft #hometeasertop{
                /*        background-color: #f28e00; */
                        width: 286px;
                        height: 310px;
                }

                #contentleft #hometeasertop #karte{
                        width: 286px;
                        height: 310px;
                }

                #contentleft #hometeasertop #karte #karteflash{
                        width: 286px;
                        height: 310px;
                }

                #contentleft #hometeasertop #karte #karteflashersatz{
                        position: absolute;
                        width: 286px;
                        height: 310px;
                }

                #contentleft #hometeasertop a{
                        margin: 0 0 0 20px;
                        padding: 0 0 0 10px;
                        font-size: 80%;
                }

/* ************************************************************************************** */
/* Aktuelle Angebote */
   	    	.outer {
		        width: 100%;
		}

                #content #angebote {
                        margin-bottom: 10px;
                }


                #content #angebote #linkliste{
                width: 570px;
                }

                #content #angebote #linkliste ul{
                        list-style-type: none;
                        margin: 0 20px 0 10px;
                        padding: 0;
                }

                #content #angebote #linkliste ul li{
                        float: left;
                        margin-right: 20px;
                }

                #content #angebote #linkliste ul li a{
                        margin-left: 10px;
                        background: url(/hvb/img/misc/bu_linkpfeil.gif) no-repeat;
                        color: #760000;
                        text-decoration: none;
                        padding-left: 10px;
                        font-size: 80%;
                        text-decoration: none;
                        white-space: nowrap;
                        display: block;
                }

                #content #angebote #linkliste ul li a:hover {
                        text-decoration: underline;
                }

                #content #angebote .angebot {
                        border-top-style: solid;
                        border-top-width: 1px;
                        border-top-color: #fedca6;
                        margin-top: 20px;
                }

                #content #angebote .angebot .introtext {
                        display: block;
                }

                #content #angebote .angebot .introteaser {
                        padding: 20px 20px 8Px 0;
                        display: block;
                        float: right;
                }

                #content #angebote .angebot .hinweis {
                        font-size: 80%;
                        margin: -6px 20px 15px 20px;
                        color: #FE0201;
                }

               #content #angebote .angebot .zeile {
                        margin: 0 20px 0 20px;
                        clear: both;
                        color: #003c60;
                        font-size: 80%;
                        line-height: 150%;
                }

                #content #angebote .angebot .zeile .info {
                        display: block;
                        float: left;
                        width: 140px;
                        font-weight: bold;
                }

                #content #angebote .angebot .zeile .text {
                        display: block;
                        float: left;
                        width: 390px;
                }

                #content #angebote .angebot .zeile .text a:visited,
                #content #angebote .angebot .zeile .text a:link,
                #content #angebote .angebot .zeile .text a:hover,
                #content #angebote .angebot .zeile .text a:active {
                        color: #003c60;
                        text-decoration: underline;
                }
                #content #angebote .angebot .zeile .link a:link,
                #content #angebote .angebot .zeile .link a:visited {
                        background: url(/hvb/img/misc/bu_linkpfeil.gif) no-repeat;
                        color: #760000;
                        padding-left: 10px;
                        font-size: 100%;
                        text-decoration: none;
                        font-weight: bold;
                }

                #content #angebote .angebot .zeile .link a:hover {
                        background: url(/hvb/img/misc/bu_linkpfeil.gif) no-repeat;
                        color: #760000;
                        text-decoration: underline;
                        padding-left: 10px;
                        font-size: 100%;
                }
                #content #angebote .angebot .zeile .link a:active {
                        background: url(/hvb/img/misc/bu_linkpfeil.gif) no-repeat;
                        color: #760000;
                        text-decoration: none;
                        padding-left: 10px;
                        font-size: 100%;
                }

                #content #angebote .angebot .footer {
                        clear: both;
                        text-align: right;
                        margin-right: 10px;
                        padding-right: 10px;
                }

                #content #angebote .angebot .footer a {
                        margin-left: 10px;
                        background: url(/hvb/img/misc/bu_linkpfeil.gif) no-repeat;
                        color: #760000;
                        text-decoration: none;
                        padding-left: 10px;
                        font-size: 80%;
                }

                #content #angebote .angebot .footer a:hover {
                        margin-left: 10px;
                        background: url(/hvb/img/misc/bu_linkpfeil.gif) no-repeat;
                        color: #760000;
                        text-decoration: underline;
                        padding-left: 10px;
                        font-size: 80%;
                }
/* ************************************************************************************** */

/* ************************************************************************************** */

                #content #print{
/*                        border-top: solid 1px #fedca6;*/
                        padding-top: 10px;
                }

                #content #print a{
                        font-size: 80%;
                        color: #760000;
                        text-decoration: none;
                        padding-left: 20px;
                        margin-left: 20px;
			font-weight:normal;
                }

                #content #print a#printlink{
                        background: url(/hvb/img/misc/bu_druck.gif) no-repeat;
                }

                #content #print a#pdflink{
                        background: url(/hvb/img/misc/bu_pdf.png) no-repeat;
                }

                #content #print a#toplink{
                        background: url(/hvb/img/misc/bu_top.gif) no-repeat;
                }


                #content #print a:hover {
                        text-decoration: underline;
                }

                #footer{
                        background: url(/hvb/img/misc/bg_footer.gif) no-repeat;
                        height: 42px;
                        clear: both;
                }

/* ************************************************************************************** */
                .wordmodul
                {
                        padding-left:20px;
                        padding-right:20px;
                        font-size: 80%;
                        font-family: Verdana, sans-serif;
		        font-weight: normal;
		        color: #003c60;
                }
                .wordmodul ul{
                        margin: 0 20px 10px 0px;
                        padding: 0;
                        list-style-type: none;
                }

                .wordmodul li{
                        padding: 0 0 0 10px;
                        background: url(/hvb/img/misc/bg_spiegelstrich.gif) no-repeat;
                        color: #003c60;
                }

                .wordmodul table {
			border-collapse:collapse;
		}

                .wordmodul1 {
		        font-size: 80%;
                        font-family: Verdana, sans-serif;
		        font-weight: normal;
           		color: #003c60;
		        margin: 15px 0px 0 0px;
            		padding: 0 0 8px 0;
                }
                .wordmodul2 {
                        font-family: Verdana, sans-serif;
                        font-weight: bold;
                }
                .wordmodul3 {
                        font-family: Verdana, sans-serif;
                        font-weight: bold;
                        font-weight: normal;
                        font-style: italic;
                }
                .wordmodul4 {
                        font-family: Verdana, sans-serif;
            		color: #ffffff;
                }
                .wordmodul5 {
                        color: #760000;
                        text-decoration:none;
                        /* background: url(/hvb/img/misc/bu_linkpfeil.gif) no-repeat; */
                        /* padding-left: 10px; */
                }
                .wordmodul5:link {
                        font-weight:bold;
                }
		.wordmodul5:visited {
                        font-weight:bold;
                }
                .wordmodul5:hover {
                        text-decoration:underline;
                }
                .wordmodul6 {
                        background: url(/hvb/img/misc/bu_linkpfeil.gif) no-repeat;
                        font-weight:bold;
                        padding-left: 10px;
                }

		.wordmodul7 {
			font-family: Verdana, sans-serif;
			font-weight: normal;
			font-style: normal;
		}

                .inputh1{
                        font-size: 120%;
                        font-weight: normal;
                        color: #9f0018;
                        margin: 0px 0px 0px 0px;
                        padding: 0px 0 0 0;
                }

                .inputh2{
                        font-size: 80%;
                        font-weight: bold;
                        color: #003c60;
                        margin: 15px 20px 0 20px;
                        padding: 0 0 8px 0;
                }

                .imageleft{
                        float: left; margin: 2px 6px 3px 0;
                }

                .imageright{
                        float: right; margin: 2px 0 3px 3px;
                }

                .mapcenter{
                        text-align:center;
                }
                .mapleft{
                        text-align:left;
                }
                .mapright{
                        text-align:right;
                }
/* ************************************************************************************** */

/* neue styles */

                #content p.small{
                        font-size: 60%;
                }

		#content #teasertop ul.jhinfos{
			padding: 0 0 0 10px;
		}

                #content #teasertop ul li a.image{
                        margin: 5px 0 0 0;
                        padding: 0;
                        background: none;
                }

                #content #teasertop ul li a img{
                        border: none;
                }

                #content ul.icons{
                        margin: 0 0 0 20px;
                        padding: 0;
                        list-style-type: none;
                }

                #content ul.icons li{
                        float: left;
                        margin-right: 10px;
                }


                #content #karteflashersatz ul{
                        margin:  0 0 20px;
                        padding: 0;
                }

                #content #karteflashersatz ul a{
                        background: url(/hvb/img/misc/bu_linkpfeil.gif) no-repeat;
                        color: #760000;
                        text-decoration: none;
                        padding-left: 10px;
                        font-size: 80%
                }


                #contentright #teasertop p.white{
                        color: white;
                }

                #contentright #teasertop p a{
                        padding: 0;
                        background: none;
                }

                #content div.blue{
                        margin: 20px 20px 0 20px;
                        padding-bottom: 3px;
                        background: #e5eef3;
                }

                #content div.blue h3{
                        margin: 5px 0 5px 0;
                        padding: 3px 10px 3px 10px;
                        background: #80adca;
                }

                #content div.blue h3 a{
			text-decoration: none;
			color: #9f0018;
			font-weight: bold;
		}

		#content div.blue h3 a:hover{
			text-decoration: underline;
		}

                #content div.blue p{
                        margin: 10px;
                        font-size: 70%;
                }



/* ************************************************************************************** */
/* Listen 06.12.2005 */
#content ul.searchlist li a.more{
                        background: url(/hvb/img/misc/bu_linkpfeil.gif) no-repeat;
                        color: #760000;
                        text-decoration: none;
                        padding-left: 10px;
                        font-size: 100%;
                        font-weight: normal;
                        text-decoration: none;
}

#content ul.searchlist li a.more:hover {
                        text-decoration: underline;
}

#content ul.searchlist{
                        margin: 0;
                        padding-left:20px;
                        padding-right:20px;
                        font-size: 80%;
                        font-family: Verdana, sans-serif;
         font-weight: normal;
         color: #003c60;
                        list-style-type: none;
}

#content ul.searchlist li{
        margin: 10px 0 10px 0;
}

#content ul.searchlist li .beforelink{
        font-size: 80%;
        font-weight: bold;
}

#content ul.searchlist li a{
                        font-weight: bold;
                        color: #9f0018;
                        text-decoration: none;
}

#content ul.searchlist li a:hover {
                text-decoration: underline;
}

#content #pager{
        padding: 10px 20px 0 20px;
        font-family: Verdana;
        font-size: 80%;
}

#content #pager a{
        color: #760000;
        text-decoration: none;
}

#content #pager a:hover {
        text-decoration: underline;
}

#content #pager .back{
        float: left;
}

#content #pager .page{
        text-align: center;
}

#content #pager .forward{
        float: right;
        text-align: right;
}

/* Kalender usw. */

                #service .servicediv h1{
                        margin: 20px 0 5px 20px;
                        padding: 0;
                        font-size: 100%;
                        color: #9f0018;
                }

                #service .servicediv .opt{
                        margin: 5px 10px 5px 20px;
                        background-color: #fef8ec;
                        width: 190px;
                        height: 24px;
                }

                #service .servicediv .opt a.left{
                        display: block;
                        float: left;
                        width: 40px;
                        height: 18px;
                        margin-left: 2px;
                        padding-top: 6px;
                        padding-left: 10px;
                        background: url(/hvb/img/misc/bu_linkpfeilrechts.gif) no-repeat left 4px;
                        font-size: 60%;
                        text-decoration: none;
                        color: #9f0018;
                        vertical-align: top;
                }

                #service .servicediv .opt a.right {
                        display: block;
                        height: 18px;
                        margin-right: 3px;
                        padding-top: 6px;
                        padding-right: 10px;
                        background: url(/hvb/img/misc/bu_linkpfeil.gif) no-repeat right 4px;
                        font-size: 60%;
                        text-decoration: none;
                        color: #9f0018;
                        vertical-align: top;
                        text-align: right;
                }

                #service .servicediv .opt a:hover{
                        text-decoration: underline;
                }

                #service .servicediv .opt .month{
                        display: block;
                        margin-top: 3px;
                        float: left;
                        color: #003c60;
                        font-weight: bold;
                        width: 90px;
                        text-align: center;
                        font-size: 80%;
                }

                #service #terminkalender table{
                        margin: 0 0 0 20px;
                        border-spacing: 0px;
                        width: 190px;
                }

                #service #terminkalender table th{
                        color: #003c60;
                        font-weight: bold;
                        font-size: 80%;
                }

                #service #terminkalender table td{
                        font-size: 80%;
                        color: #9f0018;
                        text-align: center;
                }

                #service #terminkalender table td a{
                        margin: 0;
                        padding: 0;
                        color: #9f0018;
                        text-decoration: none;
                        font-weight: bold;
                }

                #service #jahresuebersicht ul{
                        height: 110px;
                        float: left;
                        margin: 0px 0 0 10px;
                        padding: 0;
                        list-style-type: none;
                }

                #service #jahresuebersicht ul li a{
                        font-size: 80%;
                        color: #9f0018;
                        text-decoration: none;
                        background: url(/hvb/img/misc/bu_linkpfeil.gif) no-repeat;
                        padding-left: 10px;
                }
                #service #jahresuebersicht ul li a:hover{
			text-decoration: underline;
		}

                #service .servicediv ul{
                        margin: 0px 0 0 20px;
                        padding: 0;
                        list-style-type: none;
                }

                #service .servicediv ul li a{
                        font-size: 80%;
                        color: #9f0018;
                        text-decoration: none;
                        background: url(/hvb/img/misc/bu_linkpfeil.gif) no-repeat;
                        padding-left: 10px;
                }

		#service .servicediv  div.servicead {
			margin: 10px 0px 10px 20px;
			padding: 0px 0px 0px 0px;
		}

                #content div.date{
                        margin: 35px 10px 0px 20px;
                        font-weight: bold;
                        font-size: 80%;
                        color: #003c60;
                }

                #content h1.date{
                        margin-top: 0px;
                }

#content h1.h2folgt {
	font-size: 120%;
	font-weight: normal;
	color: #9f0018;
	margin: 15px 20px 6px 20px;
	padding: 15px 0 0 0;
}

#content h2.unterueberschrift {
	font-size: 90%;
	font-weight: bold;
	color: #9f0018;
	margin: 6px 20px 0 20px;
	padding: 0 0 8px 0;
}


table.GalerieTabelle {
	margin: 8px 6px 8px 6px;
}


img.GalerieImg {
	margin: 6px;
	padding: 0;
	border: 0px solid #000000;
}

.social_bookmarks {
	margin-left: 20px; 
	padding-top:10px;
	float:left;
}

.social_bookmarks a {
	float: left;
	margin-right: 2px;
}

.social_bookmarks a.last {
	margin-right: 4px;
}

.social_bookmarks div.fb {
	float: left;
	padding-top: 1px;
}


div.application {
	margin: 1ex 20px;
	font-size: 80%;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	color: #003c60;
	vertical-align: top;
}

div.application form select {
	vertical-align: top;
}

div.application input[type="submit"] {
	border: 1px solid #7FAECB;
	background: url(http://www.jugendherberge.de/hvb/img/misc/bu_dreieck_blau.gif) no-repeat 6px 6px;
	background-color: #e5eff4; 
	padding-left: 10px;
	color: #003c60;	
}


div#dse table.results {
	border: 1px solid #fff;
	width: 520px;
	border-collapse: collapse;
	table-layout: fixed;
}

div#dse table.results tr {
	background-color: #e5eff4;
	border-top: 1px solid #fff;
	border-bottom: 1px;
}

div#dse table.results tr.highlight {
	background-color: #7faecb;
	border-top: 1px solid #fff;
}

div#dse table.results td {
	vertical-align: top;
	padding: 0.5ex 0.5em;
}

div#dse a {
	color: #760000;
	text-decoration: none;
}

div#dse p {
	font-size: 100%;
	margin: 1px 0px 2ex 0px;
}

div#dse h4 {
	margin: 0px 0px 1ex 0px;
	font-weight: bold;
}

.pm td p
{
    padding: 0 !important;
    margin: 0 !important;
    font-size: 100% !important;
}

div.social-icons {
	padding: 7px 20px 2px 20px;
	border-bottom: 1px solid #FEDCA6;
}

div.social-icons a.marg {
	margin-right: 11px;
}

div.social-icons a img{
	border-width: 0px;
}