/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, a {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  /*font-size: 100%;*/
  font-family: inherit;
  vertical-align: baseline;
  outline: none;
}

body { 
  line-height: 1; 
}
h1 a {
	text-decoration: none;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
/* ----------------------------------------------------------------------
Titel:     Layout CSS, Kurz Nah Weg
Autor:     Philipp Schneider, Department X GmbH
Updated:   07.07.2009
File:      layout.css
---------------------------------------------------------------------- */
/*

metanavi direkt in den mother_wrapper und 

folge CSS aus einfachem Test mit jetziger metanavi

.mother_wrapper .knw_wrapper .head .metanavi {
background-color:#E6E6E6 !important;          
min-height:32px !important;                   
position:fixed !important;                    
width:980px !important;                       
z-index:10000 !important;                     
}                                             

.mother_wrapper .knw_wrapper .head .flashheader {
padding-top:32px !important;
}*/


html {
    height: 100%;
    font-size: 62.5%;
}

body {
    background-color: #f3f3f3;
    background-image: url(/layout/bg_mother_wrapper.png);
    font-size: 1.6em;
    font-family: Arial, Helvetica, sans-serif;
}

/*------------- html elements -----------------*/ 
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}

.mother_wrapper {
    background-image: url(/layout/bg_mother_wrapper_top.png);
    background-repeat: repeat-x;
}

.knw_wrapper {
/*    width: 980px;
*/
    width: 1050px; /* MH - 100709 */
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

/* --- Skiplinks --- */
.skip {
    position: absolute;
    top: -10000px;
    left: -10000px;
    height: 1px;
    width: 1px;
}

a:focus.skip, a:hover.skip, a:active.skip {
    position: absolute;
    display: block;
    top: 5px;
    left: 11px;
    height: auto;
    width: auto;
    font-size: 0.7em;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
    background-color: #fff;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
}
/* -------------- */

br.clear {
    clear: both;
}

/* --- Kopfbereich --- */

.flashheader {
    height: 213px;
}

#home .flashheader {
    height: 400px;
}

/* --- Main Content Area --- */

.wrapper_content {
    clear: both;
    background-color: #FFFFFF;
    background-image: url(/layout/bg_contentwrapper_shadow.jpg);
    background-repeat: repeat-x;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    padding: 0px 0 6px 18px;
    height: auto;
    margin: 0;
    width: 960px;  /* MH - 100709 */
}

.wrapper_content_left {
    float: left;
    width: 640px;
    margin: 0;
    padding: 20px 0 0 0;
    overflow: hidden;
}

.wrapper_content_right {
    float: left;
    width: 320px;
    margin: 0;
    padding: 20px 0 0 0;
    overflow: hidden;
}

.wrapper_content h1 {
    line-height: 1.20em;
    font-size: 1.0em;
    font-weight: bold;
    margin: 0 0 2px 0;
    padding: 0;
}

.wrapper_content h2 {
    font-size: 0.75em;
    font-weight: bold;
}

.schatten {
    width: 98%;
    height: 3px;
    margin: 0 1% 0 1%;
    padding: 0;
    line-height: 0.1em;
    font-size: 0.1em;
    background-color: #F5F5F5;
}

.schatten_logo {
    background-color:#EBECF0;
    clear:both;
    font-size:0.1em;
    height:3px;
    line-height:0.1em;
    margin:0 1%;
    padding:0;
/*    width:98%;
*/
    width: 960px;  /* MH - 100709 */
}

.text {
    margin: 0;
    padding: 0;
    font-size: 0.80em;
    line-height: 1.35em;
}

.wrapper_content a {
    color: #333333;
    font-size: 1em;
    line-height: 1.35em;
}

.bundesland_ort {
    margin: 0 0 4px 0;
    padding: 0;
    font-size: 0.70em;
    line-height: 1em;
    color: #999999;
}

.div_clear {
    clear: both;
    width: 100%;
    height: 7px;
    margin: 0;
    padding: 0;
    line-height: 0.1em;
    font-size: 0.1em;
}

.topic {
    width: 285px;
    height: 23px;
    margin: 3px 3px 0 3px;
    padding: 6px 0 0 7px;
    background-color: #919191;
    font-size: 0.9em;
    color: #FFFFFF;
    font-weight: bold;
}

.box_footer {
    width: auto;
    height: auto;
    margin: 1px 3px 3px 3px;
    padding: 3px 7px 4px 7px;
    background-color: #EEEEEE;
    font-size: 0.70em;
    color: #919191;
    text-align: right;
}

.box_footer a {
    color: #919191;
}

.specials_menu {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 20px;
}

.specials_menu .specials_menu_outer_list {
    list-style: none;
}

.specials_menu ul li a:hover ul, .specials_menu .specials_menu_outer_list li:hover ul.specials_menu_list {
    visibility: visible;
}

.specials_menu table {
    position:absolute; 
    z-index: 0;
    top: 0; 
    left: 0; 
    border-collapse:collapse;
}


ul.specials_menu_list {
    position: absolute;
    z-index: 3;
    list-style: none;
    visibility: hidden;
    top: 0;
}

.specials_menu ul a:hover ul, li.specials_menu_list_element:hover ul.specials_menu_list {
    visibility: visible;
}

li.specials_menu_list_element a {
    background-color: #5f5f5f;
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.2em;
    display: block;
    text-align: left;
    padding: 3px 10px 4px 10px;
    color: #ffffff;
    border-bottom: 1px solid #888888;
    text-decoration: none;
    
    _width: 116px;
}

li.specials_menu_list_element a:hover {
    background-color: #888888;
}

a.specials_btn {
    display: block;
    background-image: url(/layout/bg_specialsbtn.png);
    height: 25px;
    width: 116px;
}

a.specials_btn:hover {
    visibility: visible;
}

.invisible {
    display: none;
}

.wrapper_breadcrump {
    clear: both;
    width: auto;
    height: 30px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 0;
}

.breadcrump {
    float: left;
    color:#999999;
    font-size:0.7em;
    margin-top: 10px;
}

.breadcrump a,
.breadcrumb span {
    color:#999999;
    float: left;
}

.breadcrump a:hover {
    color:#666666;
}

.breadcrump_spacer {
    background-image: url(/layout/ico_pfeil.gif);
    background-repeat: no-repeat;
    background-position: center 4px;
    width: 15px;
    height: 15px;
    float: left;
}

/* --- Footer Area --- */

.footer {
    clear: both;
*/    width: auto;
*/
    width: 970px;  /* MH - 100709 */
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
/*    margin: 0px auto 30px auto;
*/
    margin: 0 5px 30px;  /* MH - 100709 */
    padding: 30px 0 30px 10px;
    color: #999999;
}

/* --- Farbegebung der Teaserbox --- */
/* --- Standardfarbe Silber --- */

.balken_links {
    width: 28%;
    height: 3px;
    line-height: 0.1em;
    font-size: 0.1em;
    float: left;
    background-color: #DEDEDE;
}

.balken_rechts {
    width: 72%;
    height: 3px;
    line-height: 0.1em;
    font-size: 0.1em;
    float: left;
    background-color: #EEEEEE;
}

.topic_color {
    width: 285px;
    height: 23px;
    margin: 0;
    padding: 6px 0 0 7px;
    background-color: #919191;
    font-size: 0.9em;
    color: #FFFFFF;
    font-weight: bold;
}

input,
textarea {
	padding: 2px 1px;
	border: 1px solid #dedede;
	background: transparent url(/layout/input.gif) left bottom repeat-x;
}
/* ----------------------------------------------------------------------
Titel:     Angebotsbox CSS, Kurz Nah Weg
Autor:     Timo Textor, Department X GmbH
Updated:   07.07.2009
File:      angebotsbox.css
---------------------------------------------------------------------- */
.angebotsbox {
	float: left;
	display: inline;
	width: 300px;
	margin: 0 20px 20px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

.angebotsbox h1 {
	font-size: 0.8em;
	font-weight: bold;
	line-height: 1.2em;
}

.angebotsbox p.text {
	font-size: 0.75em;
	margin: 0 0 4px 0;
}

.angebotsbox_inner_wrapper {
	clear: both;
	width: 292px;
	margin: 3px;
	padding: 0;
	border: #DEDEDE solid 1px;
}

.angebotsbox_content {
	width: 278px;
	margin: 0;
	padding: 0 7px;
	background-image: url(/layout/bg_teaser.jpg);
	border-bottom: 1px solid #F0F0F0;
}

.angebotsbox_angebot {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 7px 0 7px 0;
	border-bottom: 1px solid #F0F0F0;
}

.angebotsbox img {
	margin: 0 7px 4px 0;
	padding: 0;
	float: left;
}
.angebotsbox_angebot h1 {}
.angebotsbox_angebot p {}
.angebotsbox_angebot p.bundesland_ort {}
.angebotsbox_angebot p.text {}
.angebotsbox_angebot p.textlink {
    font-size: 0.65em;
    text-align: right;
    margin-bottom: 6px;
}

.angebotsbox_angebot div.preis {
	float: left;
	font-size: 0.75em;
	line-height: 1.2em;
	margin: 0 0 2px 0;
	padding: 0;
}
.angebotsbox_angebot p.preis span.preis_text {
	font-size: 1.0em;
}
.angebotsbox .angebot {
	font-size: 0.7em;
	line-height: 1.2em;
	margin: 0 0 2px 0;
	padding: 0;
	text-align: right;
}

.angebotsbox .angebot a {
	color: #333333;
}/* ----------------------------------------------------------------------
Titel:     Angebotsbox Rechts CSS, Kurz Nah Weg
Autor:     Timo Textor, Department X GmbH
Updated:   07.07.2009
Filename:  angebotsbox_rechts.css
---------------------------------------------------------------------- */

.angebotsbox_rechts {
	width: 300px;
	margin: 0 20px 20px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

.angebotsbox_inner_wrapper {
	clear: both;
	width: 292px;
	margin: 0;
	padding: 3px;
	border: #DEDEDE solid 1px;
}

.angebotsbox_rechts_content {
	width: 278px;
	margin: 0;
	padding: 0 7px;
	background-image: url(/layout/bg_teaser.jpg);
}

.angebotsbox_rechts h1 {
	font-size: 0.8em;
}

.angebotsbox_rechts p.text {
	font-size: 0.75em;
	margin: 0 0 4px 0;
}

.angebotsbox_rechts img {
	margin: 0 7px 4px 0;
	padding: 0;
	float: left;
}

.angebotsbox_rechts .preis {
	float: left;
	font-size: 0.75em;
	line-height: 1.2em;
	margin: 0 0 2px 0;
	padding: 0;
}

.angebotsbox_rechts .angebot {
	font-size: 0.7em;
	line-height: 1.2em;
	margin: 0 0 2px 0;
	padding: 0;
	text-align: right;
}

.angebotsbox_rechts .angebot a {
	color: #333333;
}

.angebotsbox_footer a {
	color: #919191;
}

.angebotsbox_footer {
	width: auto;
	height: auto;
	margin: 1px 0 0 0;
	padding: 3px 7px 3px 0;
	background-color: #EEEEEE;
	font-size: 0.70em;
	color: #919191;
	text-align: right;
}

/* ----------------------------------------------------------------------
Titel:     Teaserbox CSS, Kurz Nah Weg
Autor:     Timo Textor, Department X GmbH
Updated:   07.07.2009
---------------------------------------------------------------------- */
.angebotssucheFilterContainer {
    margin: 20px 20px 0px 0px;
}
.angebotssucheFilter {
    width: auto;
    margin: 0;
    padding: 3px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
    border: 1px solid #EBECF0;
}

.angebotssucheFilter_inner_wrapper {
    width: auto;
    margin: 0;
    padding: 4px 10px 3px 10px;
    background-color: #F7F7F7;
}

.angebotssucheFilter_bundesland {
    float: left;
    height: 100px;
    width: 140px;
    margin: 0;
    padding: 0;
    border-right: 1px solid #BBBBBB;
}

.angebotssucheFilter_themen {
    float: left;
    height: 100px;
    width: 280px;
    margin: 0;
    padding: 0 0 0 14px;
    border-right: 1px solid #BBBBBB;
}

.angebotssucheFilter_anreise {
    float: left;
    height: 100px;
    width: 280px;
    margin: 0;
    padding: 0 0 0 14px;
    border-right: 1px solid #BBBBBB;
}

.angebotssucheFilter_anreise_form {
    clear: both;
    margin: 0;
    padding: 0;
}

.angebotssucheFilter_freitext {
    float: left;
    height: 100px;
    width: 140px;
    margin: 0;
    padding: 0 0 0 14px;
}

.angebotssucheFilter h1 {
    font-size: 0.9em;
    margin: 0 0 5px 0;
}

.angebotssucheFilter h2 {
    float: left;
    font-size: 0.75em;
    font-weight: bold;
    margin: 0 0 4px 0;
    padding: 0;
}
.angebotssucheFilter_themen h2 {
    float: none;
    margin-bottom: 0px;
}

.angebotssucheFilter_form {
    width: 138px;
    float: left;
}
.angebotssuche_form_date {
    width: none;
    float: left;
}

.angebotssucheFilter label {
    width: 134px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.65em;
    margin: 0;
    padding: 2px 0 0 0;
}
.angebotssucheFilter_themen label {
    padding-top: 0px;
}

.angebotssucheFilter label.anreise {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    margin: 2px 6px 0px 0px;
    padding: 0;
    line-height: 1.35em;
    width: 20px;
}

.angebotssucheFilter input {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.75em;
}

.angebotssucheFilter input.date {
    width: 70px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.65em;
    margin-right: 2px;
}

.angebotssucheFilter input.umkreissuche,
.angebotssucheFilter input.search {
    width: 120px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.angebotssucheFilter select {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.angebotssucheFilter select.umkreissuche {
    width: 120px;
}

.angebotssucheFilter input.btn_rechts {
    float: right;
}

.angebotssucheFilter span.label {
    padding: 0;
    margin: 2px 0 0 5px;
    float: left;
}

.angebotssucheFilter span.label_fett {
    padding: 0;
    margin: 2px 0 0 5px;
    float: left;
    font-weight: bold;
    font-size: 1.05em;
}

.angebotssucheFilter p.text {
    float: left;
    font-size: 0.75em;
    margin: 0 0 4px 0;
}

.angebotssuche_inner_wrapper {
    clear: both;
    width: 292px;
    margin: 0;
    padding: 3px;
    border: #DEDEDE solid 1px;
}

.angebotssuche_content {
    width: auto;
    margin: 0;
    padding: 0;
    background-image: url(/layout/bg_teaser.jpg);
    border-left: 1px solid #A7A7A7;
    border-right: 1px solid #A7A7A7;
    overflow: hidden;
}

.angebotssucheFilter_topic {
    clear: both;
    width: auto;
    height: auto;
    margin: 0;
    padding: 3px 3px 3px 7px;
    background-image: url(/layout/bg_search_offers.jpg);
    background-repeat: no-repeat;
}

.angebotssuche_filter {
    clear: both;
    width: auto;
    margin: 0;
    padding: 0 7px 0 7px;
    border-bottom: 1px solid #F0F0F0;
}

.angebotssucheFilter_umkreis {
    clear: both;
    width: auto;
    margin: 0;
    padding: 7px 7px 0 7px;
    border-bottom: 1px solid #F0F0F0;
}

.angebotssucheFilter_umkreis h2 {
    color: #333333;
    float: left;
    font-size: 0.75em;
    margin: 0 3px 4px 0;
    padding: 0;
}

.textResizer a.kalender_start,
.textResizer a.kalender_start:hover {
    background-image: url(/layout/iconset.png);
    background-repeat: no-repeat;
    background-position: 0 -800px;
    width: 17px;
    height: 19px;
    margin: 0;
    padding: 0;
}

.textResizer a.kalender_end,
.textResizer a.kalender_end:hover {
    background-image: url(/layout/iconset.png);
    background-repeat: no-repeat;
    background-position: 0 -900px;
    width: 17px;
    height: 19px;
    margin: 0;
    padding: 0;
}

/* ----------------------------------------------------------------------
Titel:     Angebotsliste CSS, Kurz Nah Weg
Autor:     Timo Textor, Department X GmbH
Updated:   07.07.2009
File:      angebotsliste.css
---------------------------------------------------------------------- */

.angebotsliste {
	clear: both;
	width: 620px;
	margin: 0 20px 20px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

.angebotsliste_inner_wrapper {
	clear: both;
	width: 618px;
	margin: 0;
	padding: 0;
	border: #DEDEDE solid 1px;
}

.angebotsliste_content {
	width: 598px;
	margin: 3px 3px 0 3px;
	padding: 0 7px 0 7px;
	background-image: url(/layout/bg_leuchtturmteaser.jpg);
}

.angebotsliste_angebot {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 7px 0 7px 0;
	border-bottom: 1px solid #F0F0F0;
}

.angebotsliste_angebot h1 {
	font-weight: bold;
}

.angebotsliste img {
	margin: 0 14px 0 0;
	padding: 0;
	float: left;
}

.angebotsliste .karte_angebot img {
	margin: 0 7px 0 0;
	padding: 0;
	float: left;
}

.angebotsliste .textlink a {
	font-weight: bold;
	text-decoration: underline;
	font-size: 0.75em;
	color: #333333;
}

.angebotsliste .preis {
	line-height: 1.20em;
	font-weight: bold;
	margin: 0 0 2px 0;
	padding: 0;
	float: left;
}

.angebotsliste p.preis {
	margin: 0;
}

.angebotsliste .karte_angebot {
	font-size: 0.90em;
	line-height: 1.20em;
	margin: 0 0 2px 0;
	padding: 0;
	float: right;
}

.angebotsliste .karte_angebot a {
	color: #333333;
}

.angebotsliste p.text {
	margin: 0 0 7px 0;
}

.angebotsliste p.textlink {
	margin: 0 0 14px 0;
}

.angebotsliste p.no_results {
    padding: 20px 0px;
}


span.preis_text {
	font-size: 0.70em;
	font-weight: bold;
	margin: 0 2px 0 0;
	padding: 0;
	color: #999999;
}

span.preis_textlink {
	font-size: 0.75em;
	margin: 0;
	padding: 0;
}

.angebotsliste_footer a {
	color: #919191;
}

a.angebotslink {
	font-weight: bold;
	color: #333333;
}

.angebotsliste_footer {
	clear: both;
	width: 605px;
	height: 19px;
	margin: 1px 3px 3px 3px;
	padding: 3px 7px 0 0;
	background-color: #EEEEEE;
	font-size: 0.70em;
	color: #919191;
	text-align: right;
}

.a.teaserlink_active {
    font-weight: bold;
}

/* ----------------------------------------------------------------------
Titel:     Teaserbox CSS, Kurz Nah Weg
Autor:     Timo Textor, Department X GmbH
Updated:   07.07.2009
---------------------------------------------------------------------- */

.angebotssuche {
    width: 300px;
    margin: 0 20px 20px 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
}

.angebotssuche h1 {
    font-size: 0.9em;
    margin: 0 0 5px 0;
}

.angebotssuche h2 {
    font-size: 0.75em;
    color: #7D7D7D;
}

.angebotssuche_form {
    width: 138px;
    float: left;
}

.angebotssuche label {
    width: 134px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.65em;
    margin: 0;
    padding: 2px 0 0 0;
}

.angebotssuche input {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.75em;
}

.angebotssuche input.umkreissuche {
    width: 120px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.angebotssuche select {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.angebotssuche select.umkreissuche {
    width: 120px;
}

.angebotssuche input.btn_rechts {
    float: right;
}

.angebotssuche span.label {
    padding: 0;
    margin: 2px 0 0 5px;
    float: left;
}

.angebotssuche span.label_fett {
    padding: 0;
    margin: 2px 0 0 5px;
    float: left;
    font-weight: bold;
    font-size: 1.05em;
}

.angebotssuche p.text {
    float: left;
    font-size: 0.75em;
    margin: 0 0 4px 0;
}

.angebotssuche_inner_wrapper {
    clear: both;
    width: 292px;
    margin: 0;
    padding: 3px;
    border: #DEDEDE solid 1px;
}

.angebotssuche_content {
    width: auto;
    margin: 0;
    padding: 0;
    background-image: url(/layout/bg_teaser.jpg);
    border-left: 1px solid #A7A7A7;
    border-right: 1px solid #A7A7A7;
    overflow: hidden;
}

.angebotssuche_topic {
    clear: both;
    width: auto;
    height: auto;
    margin: 0;
    padding: 3px 3px 3px 7px;
    background-image: url(/layout/bg_search_offers.jpg);
    background-repeat: no-repeat;
}

.angebotssuche_filter {
    clear: both;
    width: auto;
    margin: 0;
    padding: 0 7px 0 7px;
    border-bottom: 1px solid #F0F0F0;
}

.angebotssuche_umkreis {
    clear: both;
    width: auto;
    margin: 0;
    padding: 7px 7px 0 7px;
    border-bottom: 1px solid #F0F0F0;
}

.angebotssuche_umkreis h2 {
    color: #333333;
    float: left;
    font-size: 0.75em;
    margin: 0 3px 4px 0;
    padding: 0;
}

.angebotssuche_btn {
    clear: both;
    width: auto;
    margin: 0;
    padding: 7px 7px 0 7px;
}

.angebotssuche_btn a {
    color: #919191;
}

.angebotssuche_karte a {
    color: #000000;
    font-size: 0.7em;
    font-weight: bold;
    display: block;
    clear: both;
    width: 283px;
    height: 19px;
    margin: 0;
    padding: 43px 7px 0 0;
    border: 1px solid #A7A7A7;
    background-image: url(/layout/img_angebotssuche_karte.jpg);
    background-repeat: no-repeat;
    text-align: right;
}



.textResizer a.hilfe_umkreis,
.textResizer a.hilfe_umkreis:hover {
    background-image: url(/layout/iconset.png);
    background-repeat: no-repeat;
    background-position: 0 -600px;
    width: 15px;
    width: 13px;
    height: 13px;
    margin: 0 0 0 0;
    padding: 0;
}

*html .textResizer a.hilfe_umkreis,
*html .textResizer a.hilfe_umkreis:hover {
    background-image: url(/layout/iconset_ie6.png);
}
@CHARSET "UTF-8";

.cms {
    width: 100%;
}

.cms #content {
    height: 500px;
    width: 100%;
}

.cms #content #left {
    min-width: 180px;
    width: 20%;
}
/* ----------------------------------------------------------------------
Titel:     Bahnbox CSS, Kurz Nah Weg
Autor:     Timo Textor, Department X GmbH
Updated:   07.07.2009
File:      bahnbox.css
---------------------------------------------------------------------- */

.bahnbox {
    float: left;
    width: 300px;
    margin: 0 20px 20px 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
}

.bahnbox p.text {
    font-size: 0.75em;
}
.bahnbox div.box_footer p.text {
    font-size: 1.0em;
}

.bahnbox_inner_wrapper {
    clear: both;
    width: 298px;
    margin: 0;
    padding: 0;
    border: #DEDEDE solid 1px;
}

.bahnbox_content {
    width: 278px;
    margin: 3px 3px 0 3px;
    padding: 7px 7px 0 7px;
    background-image: url(/layout/bg_teaser.jpg);
}

.bahnbox_content .bahn_logo_klein {
    width: 278px;
    height: 15px;
    margin: 0 0 7px 0;
    padding: 0;
}

.bahnbox img {
    margin: 0 7px 0 0;
    padding: 0;
    float: left;
}

/* ----------------------------------------------------------------------
Titel:     Bilderbuch CSS, Kurz Nah Weg
Autor:     Timo Textor, Department X GmbH
Updated:   07.07.2009
File:      bilderbuch.css
---------------------------------------------------------------------- */

.bilderbuch {
	width: 300px;
	margin: 0 20px 20px 0;
	padding: 0;
	clear: both;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	position: relative;
}

.bilderbuch_inner_wrapper {
	clear: both;
	width: 298px;
	margin: 0;
	padding: 0;
	border: #DEDEDE solid 1px;
}

.bilderbuch_content {
	width: 292px;
	margin: 3px;
	padding: 0;
	background-image: url(/layout/bg_teaser.jpg);
}

.bilderbuch img {
	margin: 0;
	padding: 0;
}

#bilderbuchFlashPlaceholder {
    position: absolute;
    left: 4px;
    top: 7px;
}/* ----------------------------------------------------------------------
Titel:     Buchungsbox CSS, Kurz Nah Weg
Autor:     Timo Textor, Department X GmbH
Updated:   07.07.2009
File:      buchungsbox.css
---------------------------------------------------------------------- */

.buchungsbox {
	clear: both;
	width: 592px;
	margin: 0 0 20px 0;
	padding: 14px;
	background-color: #F0F0F0;
	font-family: Arial, Helvetica, sans-serif;
}

.buchungsbox .adresse_anbieter {
	clear: both;
	float: left;
	width: 292px;
	margin: 0;
	padding: 0 14px 0 0;
}
.adresse_anbieter_topic {
	float: left;
	width: 292px;
	margin: 0;
	padding: 0 14px 0 0;
}

.buchungsbox .adresse_lmo {
	float: left;
	width: 282px;
	margin: 0;
	padding: 0;
}

.adresse_lmo_topic {
	float: left;
	width: 282px;
	margin: 0;
	padding: 0;
}

.adresse_lmo_img {
	float: left;
	margin: 0;
	padding: 0;
}

.adresse_lmo_text {
	float: left;
	width: 220px;
	margin: 0;
	padding: 0;
}

.buchungsbox .buchung {
	clear: both;
	margin: 0;
	padding: 0;
}

.buchungsbox .textmini {
	font-size: 0.75em;
	margin: 0;
	padding: 0;
}

.buchungsbox h2 {
	font-size: 0.9em;
	margin: 0 0 14px 0;
	padding: 0;
}

.buchungsbox_partner {
	clear: both;
	width: 620px;
	margin: 0 0 13px 0;
	padding: 0;
}

.buchungsbox_partner p.text {
	margin: 0;
	padding: 0;
}

.zusatztext {
    clear: both;
    margin: 0;
    padding: 0;
}

.buchungsbox .buchung .button {
	margin: 0px;
	padding:4px 7px;
	background:transparent url(/layout/input.gif) repeat-x scroll left bottom;
	border:1px solid #DEDEDE;
	text-decoration: none;
}
.buchungsbox .buchung .button:focus,
.buchungsbox .buchung .button:hover {
	background:transparent url(/layout/input_focus.gif) repeat-x scroll left bottom;
}
.buchungsbox .buchung p {
	margin: 7px 0px 0px 0px;
}/* ----------------------------------------------------------------------
Titel:     Content CSS, Kurz Nah Weg
Autor:     Timo Textor, Department X GmbH
Updated:   07.07.2009
File:      content.css
---------------------------------------------------------------------- */

.content {
	clear: both;
	width: 620px;
	margin: 0 20px 20px 0;
	padding: 0px 0px 0px 2px;
	/*position: relative;*/
}

.content h1 {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.20em;
	margin: 0 0 14px 0;
	padding: 0;
}

.content ul {
	/* font-size: 0.80em; */
	line-height: 1.40em;
	margin: 0 0 20px 0px;
	padding: 0;
}
.content .text ul {
    font-size: 1.0em;
}

.content ul li {
	line-height: 1.40em;
	margin: 0;
	padding: 0;
	list-style-position: inside;
}

.content p {
	margin: 0 0 14px 0;
	padding: 0;
}

.content .content_image {
	float: left;
	margin: 3px 10px 2px 0;
	padding: 0;
}

.content .content_image_right {
    float: right;
    margin: 0 0 7px 10px;
    padding: 0;
}

.content a {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

.content .preis_angebot {
	text-align: right;
	float: right;
	width: 300px;
	margin: 7px 0 0 0;
	padding: 14px 0 0 0;
	border-bottom: 1px solid #F0F0F0;
	border-top: 1px solid #F0F0F0;
	font-size: 0.95em;
	font-weight: bold;
}

a.externalLink {
    background: transparent url(/layout/iconset2.png) no-repeat 100% 2px;
    margin: 0 5px 0 0;
    padding: 0 15px 0 0;
}

/* ----------------------------------------------------------------------
Titel:     Toolbox Footer CSS, Kurz Nah Weg
Autor:     Timo Textor, Department X GmbH
Updated:   07.07.2009
File:      content_footer_tool.css
---------------------------------------------------------------------- */

.content_footer_tools {
	clear: both;
	width: 598px;
	height: 16px;
	margin: 0;
	padding: 4px 4px 4px 16px;
	background-color: #F0F0F0;
	border: 1px solid #CCCCCC;
}

.content_footer_tools img {
	float: left;
	margin: 0 7px 0 0;
	padding: 0;
}

.content_footer_tools a {
	margin: 0;
	padding: 0;
	font-size: 0.85em;
}

.footer_tools_link {
	height: 16px;
	float: left;
	margin: 0;
	padding: 0;
}

.footer_tools_link p {
	margin: 0 16px 0 0;
	padding: 0;
}

.footer_tools_link a.print {
    background-image: url("/layout/iconset.png");
    background-position: 0 -300px;
    background-repeat: no-repeat;
    height: 16px;
    margin: 0;
    padding: 0 0 0 22px;
}

.footer_tools_link a.notitz {
    background-image: url("/layout/iconset.png");
    background-position: 0 -400px;
    background-repeat: no-repeat;
    height: 16px;
    margin: 0;
    padding: 0 0 0 22px;
}

.footer_tools_link a.weiterempfehlen {
    background-image: url("/layout/iconset.png");
    background-position: 0 -500px;
    background-repeat: no-repeat;
    height: 16px;
    margin: 0;
    padding: 0 0 0 20px;
}/* ----------------------------------------------------------------------
Titel:     eCards CSS, Kurz Nah Weg
Autor:     Joachim Kildau, Department X GmbH
Updated:   25.08.2009
File:      ecards.css
---------------------------------------------------------------------- */
.ecards {
	display: block;
	margin: 0px 0px 20px 0px;
}
.ecards h2 {
	margin: 0px 0px 10px 0px;
}
.ecards h2 form {
	margin: 0px 0px 10px 0px;
}
.ecards img {
	border: none;
}
.ecards form .ecardpic {
	display: block;
	float: left;
	width: 154px;
	margin: 0px 20px 20px 0px;
	padding: 15px;
	border: 1px solid #dedede;
}
.ecards form .ecardpic input {
	margin: 5px 5px 0px 0px;
}
.ecards form .ecardpic label {
	display: inline;
	clear: none;
	width: auto;
	margin: 5px 0px 0px 0px;
	font-weight: bold;
}
.ecards .postcard {
	display: block;
	width: 557px;
	padding: 20px;
	background: url(/layout/bg_postkarte.jpg) 500px 20px no-repeat;
	border: 1px solid #dedede;
}
.ecards .postcard .left {
	display: block;
	float: left;
	width: 275px;
	border-right: 1px solid #dedede;
}
.ecards .postcard .right {
	display: block;
	float: left;
	width: 245px;
	padding: 108px 0px 0px 35px;
}
.ecards .postcard label {
	float: none;
	width: auto;
	margin: 0px 0px 2px 0px;
	font-weight: bold;
}
.ecards .postcard input {
	width: 230px;
	margin: 0px 0px 15px 0px;
}
.ecards .postcard textarea {
	width: 232px;
}
.ecards p.text {
	margin: 0px 0px 5px 0px;
}
.ecards input.cards {
	margin: 10px 10px 0px 0px;
}/* ----------------------------------------------------------------------
Titel:     ERV Box CSS, Kurz Nah Weg
Autor:     Timo Textor, Department X GmbH
Updated:   07.07.2009
File:      ervbox.css
---------------------------------------------------------------------- */

.ervbox {
	clear: both;
	width: 300px;
	margin: 0 20px 20px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

.ervbox p.text {
	font-size: 0.75em;
}

.ervbox_inner_wrapper {
	width: auto;
	margin: 0;
	padding: 0;
	border: #DEDEDE solid 1px;
}

.ervbox_content {
	width: auto;
	margin: 3px;
	padding: 7px 7px 0 7px;
	background-image: url(/layout/bg_teaser.jpg);
	text-align: center;
}

.ervbox_content .erv_logo_klein {
	width: auto;
	height: 34px;
	margin: 0 auto;
	padding: 0;
}

.ervbox_content .erv_slogan {
	width: auto;
	margin: 0 auto;
	padding: 3px 0 0 0;
	font-size: 1em;
}

.ervbox img {
	margin: 0;
	padding: 0;
}

/* ----------------------------------------------------------------------
Titel:     Site Footer CSS, Kurz Nah Weg
Autor:     Timo Textor, Department X GmbH
Updated:   07.07.2009
File:      footer.css
---------------------------------------------------------------------- */

.footer .footer_content {
    width: auto;
    margin: 0;
    padding: 0;
}

.footer .footer_content p.text {
    font-size: 0.75em;
    margin: 0;
    padding: 0;
}

.footer .footer_content .footerPartner {
    list-style: none;
    padding: 10px 0 0 0;
}

.footer .footer_content .reisepartner {
    clear: left;
    margin: 0 10px 0 0;
}

.footer .footer_content .footerPartner li {
    float: left;
}

.footer .footer_content .footerPartner li a {}

.footer .footer_content .footerPartner li a .logoSmall {
    background: transparent url(/layout/partnerlogos.png) no-repeat 0 -2500px;
    display: block;
    height: 60px;
    margin-right: 25px;
    width: 130px;
}

.footer .footer_content .footerPartner li a .logoSmall .logoBig {
    background: #F3F3F3 url(/layout/partnerlogos.png) no-repeat scroll 0 0;
    border: 1px solid #919191;
    display: none;
    height: 80px;
    padding: 10px;
    text-indent: -999em;
    width: 300px;
}

.footer .footer_content .footerPartner li a:hover .logoSmall .logoBig {
    bottom: 170%;
    display: block;
    left: -65%;
    position: relative;
}

.footer .footer_content .footerPartner li.berlin          .logoSmall { background-position: 0 -2488px; width: 100px; }
.footer .footer_content .footerPartner li.bayern          .logoSmall { background-position: 0 -2595px; width: 120px; }
.footer .footer_content .footerPartner li.bremen          .logoSmall { background-position: 0 -2686px; width: 70px; }
.footer .footer_content .footerPartner li.hamburg         .logoSmall { background-position: 0 -2782px; width: 100px; }
.footer .footer_content .footerPartner li.hessen          .logoSmall { background-position: 0 -2885px; width: 150px; }
.footer .footer_content .footerPartner li.nrw             .logoSmall { background-position: 0 -2982px; width: 125px; }
.footer .footer_content .footerPartner li.rheinlandpf     .logoSmall { background-position: 0 -3093px; width: 70px; }
.footer .footer_content .footerPartner li.thueringen      .logoSmall { background-position: 0 -3189px; width: 70px; }
.footer .footer_content .footerPartner li.schleswigh      .logoSmall { background-position: 0 -3290px; width: 70px; }
.footer .footer_content .footerPartner li.sachsenanhalt   .logoSmall { background-position: 0 -3396px; width: 80px; }
.footer .footer_content .footerPartner li.niedersachsen   .logoSmall { background-position: 0 -3496px; width: 60px; }
.footer .footer_content .footerPartner li.sachsen         .logoSmall { background-position: 0 -3579px; width: 118px; }
.footer .footer_content .footerPartner li.badenwue        .logoSmall { background-position: 0 -3694px; width: 80px; }
.footer .footer_content .footerPartner li.brandenburg     .logoSmall { background-position: 0 -3784px; width: 110px; }
.footer .footer_content .footerPartner li.mecklenburgv    .logoSmall { background-position: 0 -3890px; width: 80px; }
.footer .footer_content .footerPartner li.saarland        .logoSmall { background-position: 0 -3987px; width: 70px; }
.footer .footer_content .footerPartner li.bahn            .logoSmall { background-position: 0 -4083px; width: 90px; }
.footer .footer_content .footerPartner li.ameropa         .logoSmall { background-position: 0 -4183px; width: 80px; }
.footer .footer_content .footerPartner li.dertour         .logoSmall { background-position: 0 -4289px; width: 70px; }
.footer .footer_content .footerPartner li.its             .logoSmall { background-position: 0 -4392px; width: 42px; }
.footer .footer_content .footerPartner li.neckermann      .logoSmall { background-position: 0 -4490px; width: 40px; }
.footer .footer_content .footerPartner li.tui             .logoSmall { background-position: 0 -4585px; width: 60px; }
.footer .footer_content .footerPartner li.erv             .logoSmall { background-position: 0 -4688px; width: 90px; }

.footer .footer_content .footerPartner li.berlin          .logoSmall .logoBig { background-position: 10px 10px; width: 200px; height: 53px; }
.footer .footer_content .footerPartner li.bayern          .logoSmall .logoBig { background-position: 10px -90px; width: 220px; height: 93px; }
.footer .footer_content .footerPartner li.bremen          .logoSmall .logoBig { background-position: 10px -200px; width: 130px; height: 64px; }
.footer .footer_content .footerPartner li.hamburg         .logoSmall .logoBig { background-position: 10px -290px; width: 200px; height: 43px; }
.footer .footer_content .footerPartner li.hessen          .logoSmall .logoBig { background-position: 10px -390px; width: 300px; height: 64px; }
.footer .footer_content .footerPartner li.nrw             .logoSmall .logoBig { background-position: 10px -490px; width: 235px; height: 49px; }
.footer .footer_content .footerPartner li.rheinlandpf     .logoSmall .logoBig { background-position: 10px -590px; width: 125px; height: 83px; }
.footer .footer_content .footerPartner li.thueringen      .logoSmall .logoBig { background-position: 10px -690px; width: 140px; height: 70px; }
.footer .footer_content .footerPartner li.schleswigh      .logoSmall .logoBig { background-position: 10px -790px; width: 140px; height: 81px; }
.footer .footer_content .footerPartner li.sachsenanhalt   .logoSmall .logoBig { background-position: 10px -890px; width: 152px; height: 100px; }
.footer .footer_content .footerPartner li.niedersachsen   .logoSmall .logoBig { background-position: 10px -2290px; width: 115px; height: 100px; }
.footer .footer_content .footerPartner li.sachsen         .logoSmall .logoBig { background-position: 10px -1090px; width: 225px; height: 30px; }
.footer .footer_content .footerPartner li.badenwue        .logoSmall .logoBig { background-position: 10px -1190px; width: 155px; height: 93px; }
.footer .footer_content .footerPartner li.brandenburg     .logoSmall .logoBig { background-position: 10px -1300px; width: 215px; height: 49px; }
.footer .footer_content .footerPartner li.mecklenburgv    .logoSmall .logoBig { background-position: 10px -1390px; width: 150px; height: 76px; }
.footer .footer_content .footerPartner li.saarland        .logoSmall .logoBig { background-position: 10px -1490px; width: 135px; height: 60px; }
.footer .footer_content .footerPartner li.bahn            .logoSmall .logoBig { background-position: 10px -1590px; width: 175px; height: 45px }
.footer .footer_content .footerPartner li.ameropa         .logoSmall .logoBig { background-position: 10px -1690px; width: 160px; height: 48px }
.footer .footer_content .footerPartner li.dertour         .logoSmall .logoBig { background-position: 10px -1790px; width: 130px; height: 58px }
.footer .footer_content .footerPartner li.its             .logoSmall .logoBig { background-position: 10px -1890px; width: 80px; height: 82px }
.footer .footer_content .footerPartner li.neckermann      .logoSmall .logoBig { background-position: 10px -1990px; width: 75px; height: 75px }
.footer .footer_content .footerPartner li.tui             .logoSmall .logoBig { background-position: 10px -2090px; width: 120px; height: 59px }
.footer .footer_content .footerPartner li.erv             .logoSmall .logoBig { background-position: 10px -2190px; width: 165px; height: 77px }/* ----------------------------------------------------------------------
Titel:     Formelements CSS, Kurz Nah Weg
Autor:     Timo Textor, Department X GmbH
Updated:   07.07.2009
File:      forms.css
---------------------------------------------------------------------- */

fieldset {
	font-family: Arial, Helvetica, sans-serif;
}


label {
	clear: both;
	width: 200px;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
}

input {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
}

/* Hinweis fuer Validierung */
.error {
	color: red;
}/* ----------------------------------------------------------------------
Titel:     Gewinnspielseiten CSS, Kurz Nah Weg
Autor:     Joachim Kildau, Department X GmbH
Updated:   24.08.2009
File:      gewinnspiel.css
---------------------------------------------------------------------- */
.gewinnspiel {
	margin: 0px 20px 20px 0px;
}
.gewinnspiel .error {
    color: #bc1819;
}
.gewinnspiel form {
	margin: 10px 0px 0px 0px;
}
.gewinnspiel .question {
	display: block;
	margin: 10px 10px 5px 10px;
	font-size: 0.9em;
	font-weight: bold;
	color: #E57F01;
}
.gewinnspiel .answer {
	display: block;
	float: left;
	width: 195px;
	margin: 0px 0px 10px 0px;
	font-size: 0.9em;
	font-weight: bold;
	color: #555;
	text-align: center;
}
.gewinnspiel .answer input {
	display: block;
	margin: 5px 95px;
}
* html .gewinnspiel .answer input {
	margin: 0px 5px 0px 10px;
}
* html .gewinnspiel .answer {
	width: 190px;
	zoom: 1;
}
* html .gewinnspiel .answer label {
	width: auto;
	zoom: 1;
	clear: none;
}
.gewinnspiel .question input { /* Lueckentexttyp */
	display: inline;
	float: none;
	width: 1em;
	padding-bottom: 0px;
	background: transparent none;
	border: none;
	border-bottom: 2px solid #e57f01;
	color: #e57f01;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
}
.gewinnspiel .question .bigger {
	font-size: 1.4em;
}
.gewinnspiel hr {
	margin: 10px 0px 20px 0px;
	border: none;
	border-top: 1px solid #dedede;
}
.gewinnspiel label {
	font-size: 1em;
	margin-bottom: 5px;
}
.gewinnspiel label.long {
	display: inline;
	float: none;
	width: auto;
}
.gewinnspiel label.short {
	display: inline;
	float: left;
	width: auto;
	clear: none;
}
.gewinnspiel label.short_r {
	display: inline;
	float: left;
	width: 173px;
	clear: none;
}
.gewinnspiel .longtxt {
	width: 198px;
	margin: 0px 2px 2px 2px;
	padding: 4px 2px 4px 2px;
	border: 1px solid #dedede;
	background: url(/layout/input.gif) left bottom repeat-x;
	font-size: 1em;
	color: #333;
}
.gewinnspiel .longtxt:focus {
	background: url(/layout/input_focus.gif) left bottom repeat-x;
}
.gewinnspiel .shorttxt {
	width: 93px;
	margin: 0px 2px 2px 2px;
	margin-right: 4px;
	padding: 4px 2px 4px 2px;
	border: 1px solid #dedede;
	background: url(/layout/input.gif) left bottom repeat-x;
	font-size: 1em;
	color: #333;
}
.gewinnspiel .shorttxt:focus {
	background: url(/layout/input_focus.gif) left bottom repeat-x;
}
.gewinnspiel .captcha {
    display: block;
    color: #E57F01;
    font-family: monospace;
    padding: 12px 0px;
    margin: 16px auto;
    width: 420px;
}
.gewinnspiel .standardbox {
	background-color: transparent;
	border: 1px solid #dedede;
}
.gewinnspiel .standardbox h2 {
	margin: 0px 0px 4px 0px;
}

.gewinnspiel .inputhelper {
    display: none;
}
/* ----------------------------------------------------------------------
Titel:     Minikarte CSS, Kurz Nah Weg
Autor:     Timo Textor, Department X GmbH
Updated:   07.07.2009
File:      googlemaps.css
---------------------------------------------------------------------- */

.googlemaps {
	clear: both;
	width: 300px;
	margin: 0 0 20px 20px;
	padding: 0;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

.googlemaps_inner_wrapper {
	clear: both;
	width: 298px;
	margin: 0;
	padding: 0;
	border: #DEDEDE solid 1px;
}

.googlemaps_content {
	width: 278px;
	margin: 3px 3px 0 3px;
	padding: 7px;
	background-image: url(/layout/bg_teaser.jpg);
}

.googlemaps img {
	margin: 0;
	padding: 0;
}

.googlemaps .teaserbox_footer img {
	float: left;
	margin: 0 0 0 140px;
	padding: 0;
}/* ----------------------------------------------------------------------
Titel:     Infobox CSS, Kurz Nah Weg
Autor:     Jurij Schlaht, Camao AG
Updated:   30.08.2009
File:      infobox.css
---------------------------------------------------------------------- */

.infobox {
    float: left;
    width: 300px;
    margin: 0 0px 20px 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
}
.infobox .topic {
    margin: 3px 3px 0px 3px;
    width: 279px;
}
.infobox p.text {
    font-size: 0.75em;
    padding-bottom: 7px;
}
.infobox div.box_footer p.text {
    font-size: 1.0em;
}

.infobox_inner_wrapper {
    clear: both;
    width: 292px;
    margin: 0px;
    padding: 0px;
    border: #DEDEDE solid 1px;
}

.infobox_content {
    width: 272px;
    margin: 2px 3px;
    padding: 7px 7px 0px 7px;
    background-image: url(/layout/bg_teaser.jpg);
}

.infobox div.box_footer {
    margin-top: 0px;
}
.infobox_content span {}
.infobox_content span.text {}

.infobox img {
    margin: 0 7px 0 0;
    padding: 0;
    float: left;
}

/* ----------------------------------------------------------------------
Titel:     Leuchtturmbox CSS, Kurz Nah Weg
Autor:     Timo Textor, Department X GmbH
Updated:   07.07.2009
File:      leuchtturmbox.css
---------------------------------------------------------------------- */

.leuchtturmbox {
    clear: both;
    width: 620px;
    margin: 0 20px 20px 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
}

.leuchtturmbox_inner_wrapper {
    clear: both;
    width: 612px;
    min-height: 233px;
    margin: 0;
    padding: 3px;
    border: #DEDEDE solid 1px;
}

.leuchtturmbox_content {
    clear: both;
    width: 598px;
    min-height: 219px;
    height: auto !important;
    height: 219px;
    margin: 0;
    padding: 7px;
    overflow: hidden;
    background-image: url(/layout/bg_leuchtturmteaser.jpg);
}
* html .leuchtturmbox_content {
    position: relative;
}
*+ html .leuchtturmbox_content {
    position: relative;
}

.leuchtturmbox_content_wrapper {
    height: 200px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.leuchtturmbox h1 a {
	line-height: 1.2em;
}

.leuchtturmbox .textlink {
    text-align: right;
    margin: 0;
    padding: 0;
}

.leuchtturmbox_content img {
    margin: 0 14px 0 0;
    padding: 0;
    float: left;
}

.leuchtturmbox .text img {
    margin: 0 7px 0 0;
    padding: 0;
    float: left;
}

.leuchtturmbox p.karte {
    margin: 7px 0 5px 0;
    padding: 0;
    height: 30px;
}

.leuchtturmbox p.karte {
    margin: 7px 0 5px 0;
    padding: 0;
    height: 30px;
}

.leuchtturmbox .textlink a {
    font-weight: bold;
    text-decoration: underline;
    font-size: 0.75em;
    text-align: right;
}

.leuchtturmbox .preis {
    line-height: 1.20em;
    font-weight: bold;
    margin: 0 0 2px 0;
    padding: 0;
}

.leuchtturmbox p.preis {
    margin: 0;
    padding: 0;
}

span.preis_text {
    font-size: 0.70em;
    line-height: 1.2em;
    font-weight: bold;
    margin: 0 2px 0 0;
    padding: 0;
    color: #999999;
}

.leuchtturmbox_inner_wrapper .nach_links {
    position: absolute;
    width: 17px;
    height: 38px;
    margin: 87px 0 0 0;
    padding: 0;
    z-index: 100;
    cursor: pointer;
}

.leuchtturmbox_inner_wrapper .nach_rechts {
    position: absolute;
    width: 17px;
    height: 38px;
    margin: 87px 0 0 595px;
    padding: 0;
    z-index: 100;
    cursor: pointer;
}

.leuchtturmbox_inner_wrapper .nach_links a,
.leuchtturmbox_inner_wrapper .nach_rechts a {
	display: block;
	width: 100%;
	height: 100%;
	/* Hide linktext */
	outline: none; 
	text-indent: -9000px;
	
}

.leuchtturmbox_inner_wrapper .nach_rechts a {
	background: url(/layout/ico_nach_rechts.png) 0px 0px no-repeat;
}

.leuchtturmbox_inner_wrapper .nach_links a {
	background: url(/layout/ico_nach_links.png) 0px 0px no-repeat;
}
/* PNG8 for IE6 */
* html .leuchtturmbox_inner_wrapper .nach_rechts a {
	background: url(/layout/ico_nach_rechts_ie6.png) 0px 0px no-repeat;
}
* html .leuchtturmbox_inner_wrapper .nach_links a {
	background: url(/layout/ico_nach_links_ie6.png) 0px 0px no-repeat;
}


.leuchtturmbox .top_tipp {
    position: absolute;
    width: 138px;
    height: 19px;
    margin: -3px 0 0 78px;
    padding: 2px 0 0 0;
    background-image: url(/layout/bg_top-tipps.png);
    background-repeat: no-repeat;
    font-size: 0.70em;
    font-weight: bold;
    text-align: center;
    z-index: 100;
}
* html .leuchtturmbox .top_tipp {
    background-image: url(/layout/bg_top-tipps_ie6.png);
}

.leuchtturmbox ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 219px;
}                      

.leuchtturmbox ul li {
  width: 612px;
  height: 219px;
  text-align: left; 
  list-style:none;   
  float:left;
}

.leuchtturmbox ul li div.leuchtturmboxContentItemContainer {
    overflow: hidden;
    padding-right: 20px;
}
/* ----------------------------------------------------------------------
Titel:     Main CSS, Kurz Nah Weg
Autor:     Timo Textor, Department X GmbH
Updated:   07.07.2009
---------------------------------------------------------------------- */


/* CSS Document */

.mapElementInfo {
	font-size: 0.75em;
	margin: 0;
	padding: 0;
}

.mapElementInfo p {
	margin: 0;
	padding: 0;
}

.mapElementInfo h1 {
	font-size: 1.25em;
	font-weight: bold;
	margin: 0 0 7px 0;
	padding: 0;
}

.mapElementInfoLeft {
    float: left;
    height: 62px;
    margin: 0 7px 7px 0;
    padding: 0;
    width: 84px;
}

.mapElementInfoLeft img {
	border: 1px solid #CCCCCC;
}

.description {
	width: auto;
	margin: 0;
	padding: 0;
	float: none;
	line-height:1.15em;
}

.mapPrice {
	width: auto;
	font-weight: bold;
	margin: 7px 0 7px 0;
	padding: 0;
}

.moreInformation {
	clear: both;
	width: auto;
	margin: 0;
	padding: 0;
}

.moreInformationLink {
	float: right;
	margin: 0;
	padding: 0;
}

a.moreInformationLink,
a.moreInformationOverview  {
	margin: 0 7px 0 0;
	padding: 0;
	font-size: 0.9em;
	color: #5C5C5C;
}

.moreInformationOverview {
	float: left;
	margin: 0;
	padding: 0;
	display: none;
}

.mapElementOverview {
    border-bottom: 1px solid lightgrey;
    font-size: 0.8em;
    padding: 2px;
}

div.mapOfferListContainer {
    border-top: 1px solid gray;
    cursor: pointer; 
    margin-top: 10px;
    font-size: 0.7em;
}
div.mapOfferListContainer table {
    width:100%;
    margin-top: 5px;
}
div.mapOfferListContainer table tr {}
div.mapOfferListContainer table td {}
div.mapOfferListContainer table td.icon {
    padding:0 5px 5px 2px;
    vertical-align:top;
}
div.mapOfferListContainer table td.icon .div {}
div.mapOfferListContainer table td.offerDescription {}
div.mapOfferListContainer table td.offerDescription h4 {
    font-size:0.95em;
    line-height: 1.4;
    font-weight: bold;
    text-decoration: underline;
}
div.mapOfferListContainer table td.offerDescription p.mapOfferDescription {
    margin-top: 4px;
}
div.mapOfferListContainer table td.offerDescription p.priceText{
    margin-top: 4px;
    font-weight: bold;
}

/*
div.jxSplitContainer div.calendar table {
    background: #FFF;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    cursor: default;
    margin: 0 auto;
    overflow: hidden;
    width: 147px;
}
div.jxSplitContainer div.calendar td,
div.jxSplitContainer div.calendar th {
    border: 0;
    color: #0597DB;
    font: normal 12px Arial, Helvetica, sans-serif;
    height: 21px;
    text-align: center;
    width: 21px;
}
div.jxSplitContainer div.calendar td {
    background: url(/media/images/maps/calendar-td.gif);
    color: #FFF;
    font-size: 11px;
}
div.jxSplitContainer div.calendar td.invalid {
    color: #999;
}
div.jxSplitContainer div.calendar td.valid {
    background: url(/media/images/maps/calendar-valid.gif);
    color: #0597DB;
    cursor: pointer;
}
div.jxSplitContainer div.calendar td.hilite {
    background: url(/media/images/maps/calendar-hilite.gif);
}
div.jxSplitContainer div.calendar td.inactive {
    background: url(/media/images/maps/calendar-td.gif) 0 100%;
    color: #FFF;
}
div.jxSplitContainer div.calendar td.active,
div.jxSplitContainer div.calendar td.hover {
    background: url(/media/images/maps/calendar-valid.gif) 0 100%;
    color: #FFF;
    cursor: pointer;
}    

*/   


/* added by daniel barth */
        
        div.jxCustomButtonContainer {
          /* Base setup */
          display: block;
          position: relative;
          float: right;
          width: 150px;
          margin: 0px;
          padding: 2px;
          border: none;
        }
        
        /* normal button */
        .jxCustomButton {
          /* Base setup */
          display: block;
          position: relative;
          float: left;
        
          /* Using background images, the A contains the left side of the background */
          margin: 0px; /* margins don't seem to work properly in IE */
          padding: 0px 0px 0px 4px; /* makes room for the left of the button bg */
          border: none;
          background-image: url(images/button.png);
          background-position: left -24px;
          background-repeat: no-repeat;
          text-decoration: none;
          outline: none;
        }
        
        /* normal button */
        a.jxCustomButton {
          /* Base setup */
          color: white;
          cursor: pointer;
          user-select: none;
          -moz-user-select: none;
          -khtml-user-select: none;
        }
        
        ul.jxToolbar .jxCustomButton {
          background-position: left top;
        }
        
        span.jxCustomButtonContent {
          /* Base setup */
          display: block;
          position: relative;
          float: left;
          font-size: 0px;
          line-height: 0px;
        
          /* Using background images, the SPAN contains the right side of the background */
          margin: 0px; /* margins don't seem to work properly in IE */
          padding: 4px 4px 4px 0px; /* makes room for the right of the button bg */
          border: none;
          background-image: url(images/button.png);
          background-position: right -24px;
          background-repeat: no-repeat;
        }
        
        /* disabled buttons */
        .jxDisabled .jxCustomButton,
        .jxDisabled span.jxCustomButtonContent span {
         cursor: default; 
        }
                
        .jxDisabled .jxCustomButton:focus,
        .jxDisabled .jxCustomButton:active,
        .jxDisabled .jxCustomButton:hover,
        .jxDisabled .jxCustomButtonPressed {
          background-position: left -24px;
        }
        
          
        .jxDisabled .jxCustomButton:focus span.jxCustomButtonContent,
        .jxDisabled .jxCustomButton:active span.jxCustomButtonContent,
        .jxDisabled .jxCustomButton:hover span.jxCustomButtonContent,
        .jxDisabled .jxCustomButtonPressed span.jxCustomButtonContent {
          background-position: right -24px;
        }
        
        .jxDisabled .jxCustomButtonActive:focus,
        .jxDisabled .jxCustomButtonActive:active,
        .jxDisabled .jxCustomButtonActive:hover {
          background-position: left -72px;
        }
        
        .jxDisabled .jxCustomButtonActive:focus span.jxCustomButtonContent,
        .jxDisabled .jxCustomButtonActive:active span.jxCustomButtonContent,
        .jxDisabled .jxCustomButtonActive:hover span.jxCustomButtonContent {
          background-position: right -72px;
        }

        img.jxCustomButtonIcon {
          /* Base setup */
          position: relative;
          float: right;
          
          width: 16px;
          height: 16px;
          background-position: center center;
          background-repeat: no-repeat;
          background:transparent url(/media/images/maps/karte.png) no-repeat scroll 0px -64px;
        }
        
        span.jxCustomButtonContent span {
          /* Base setup */
          display: block;
          position: relative;
          float: left;
          cursor: pointer;
        
          font-family: Arial, Helvetica, sans-serif;
          font-size: 11px;
          line-height: 16px;
          height: 16px;
          white-space: nowrap;
        }
        
        span.jxCustomButtonContent span.jxCustomButtonLabel {
          margin: 0px;
          padding: 0 4px 0 4px;
          color: #ffffff;
          font-size: 15px;
        }    
        
      .CxMapSnapLeft {
          background:transparent url(/media/images/maps/karte.png) no-repeat scroll 0px -80px;
          width: 17px;
          height: 38px;
          position: absolute;
          left: 5px;
          top: 50%;
          cursor: default;
      }
      
      .CxMapSnapLeft.jxSnapClosed {
          background:transparent url(/media/images/maps/karte.png) no-repeat scroll -17px -80px;
      }            

/* calendar */

    input.calendar,
    select.calendar {
    	width: 99px;
    	float: left;
    }
    
    button.calendar {
    	background: url(/media/images/maps/calendar-icon.gif);
    	border: 0;
    	cursor: pointer;
    	float: left;
    	height: 20px;
    	margin-right: 15px;
    	width: 20px;
    	outline: none;
    }
    button.calendar:hover,
    button.calendar.active {
    	background-position: 0 20px;
    }

    div.calendar {
    	background: url(/media/images/maps/calendar.png);
    	height: 195px;
    	padding: 0 6px;
    	text-align: center;
    	width: 147px;
    }	
	div.calendar * {
		margin: 0;
		padding: 0;
	}	
	div.calendar div {
		background: none !important;
		cursor: move;
		height: 185px;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		width: 147px;
	}	
	
	div.calendar caption {
		color: #333;
		font: normal 12px/16px Arial, Helvetica, sans-serif;
		padding-top: 6px;
		text-align: center;
		width: 100%;
	}
	div.calendar caption a {
		cursor: pointer;
		display: block;
		height: 12px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 17px;
		width: 11px;
	}
	div.calendar caption a.prev {
		background-image: url(/media/images/maps/calendar-prev.gif);
		left: 0;
	}
	div.calendar caption a.next {
		background-image: url(/media/images/maps/calendar-next.gif);
		right: 0;
	}
	div.calendar caption a:hover {
		background-position: 0 12px;
	}
	div.calendar caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
	div.calendar caption span.month {
		padding-right: 8px;
	}
	div.calendar caption span.month:after {
		content: \',\'; /*'*/
	}

	div.calendar table {
		background: #FFF;
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.calendar td,
	div.calendar th {
		border: 0;
		color: #0597DB;
		color: black;
		font: normal 12px Arial, Helvetica, sans-serif;
		height: 21px;
		text-align: center;
		width: 21px;
	}
	div.calendar td {
		background: url(/media/images/maps/calendar-td.gif);
		color: #FFF;
		font-size: 11px;
	}
	div.calendar td.invalid {
		color: #999;
	}
	div.calendar td.valid {
		background: url(/media/images/maps/calendar-valid.gif);
		color: #0597DB;
		color: black;
		cursor: pointer;
	}
	div.calendar td.hilite {
		background: url(/media/images/maps/calendar-hilite.gif);
		color: white;
	}
	div.calendar td.inactive {
		background: url(/media/images/maps/calendar-td.gif) 0 100%;
		color: #FFF;
	}
	div.calendar td.active,
	div.calendar td.hover {
		background: url(/media/images/maps/calendar-valid.gif) 0 100%;
		color: #FFF;
		cursor: pointer;
	}           


/* ----------------------------------------------------------------------
Titel:     Navigation CSS, Kurz Nah Weg
Autor:     Philipp Schneider, Department X GmbH
Updated:   07.07.2009
File:      navigation.css
---------------------------------------------------------------------- */

/* --- Metanavi --- */
.metanavi {
	min-height: 32px;
	height: auto !important;
	height: 32px;
	width: 980px; /* MH - 100709  */
}

.metanavi_left {
	float: left;
	margin-top: 8px;
	margin-left: 5px;
}

.metanavi_right {
    float: right;
    margin-top: 5px;
    margin-right: 5px;
    min-width: 56%;
}

.lnk_newsletter_abo {
    font-weight: bold;
    font-size: 0.75em;
    background-image: url(/layout/ico_newsletter.jpg);
    background-position: 0 1px;
    background-repeat: no-repeat;
    padding-left: 18px;
    display: block;
}

.lnk_newsletter_abo a {
    display: block;
    text-decoration: none;
    color: #333333;
}

.lnk_newsletter_abo a:hover {
    text-decoration: underline;
}

ul.metanavi_list {
    float: left;
}

li.metanavi_list_element {
    font-size: 0.75em;
    float: left;
    list-style: none;
    margin-top: 3px;
}

.metanavi_list_element a {
    text-decoration: none;
    border-right: 1px solid #4c4c4c;
    margin: 0 0 0 8px;
    padding-right: 8px;
    color: #333333;
}

.metanavi_list_element a.last {
    border-right: 0px;
}

.metanavi_list_element a:hover {
    text-decoration: underline;
}

.textResizer {
    float: left;
    margin: 1px 5px 0 5px;
    list-style: none;
}

.textResizer li {
    float: left;
    list-style: none;
}

.textResizer a {
    display: block;
    height: 20px;
    text-indent: -999em;
}

.textResizer a.small,
.textResizer a.small:hover {
    background-image: url("/layout/iconset.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 15px;
}

*html .textResizer a.small,
*html .textResizer a.small:hover {
    background-image: url("/layout/iconset_ie6.png");
}

.textResizer a.medium,
.textResizer a.medium:hover {
    background-image: url("/layout/iconset.png");
    background-repeat: no-repeat;
    background-position: 0 -100px;
    width: 16px;
}

*html .textResizer a.medium,
*html .textResizer a.medium:hover {
    background-image: url("/layout/iconset_ie6.png");
}

.textResizer a.large,
.textResizer a.large:hover {
    background-image: url("/layout/iconset.png");
    background-repeat: no-repeat;
    background-position: 0 -200px;
    width: 20px;
}

*html .textResizer a.large,
*html .textResizer a.large:hover {
    background-image: url("/layout/iconset_ie6.png");
}

.searchbar {
    float: left;
    padding-left: 50px;
}

.searchbar input {
    border: none;
}

.searchbar_textinput {
    background-image: url(/layout/bg_searchbar.jpg);
    height: 17px;
    width: 124px;
    border: 0;
    font-size: 0.7em;
    font-weight: bold;
    padding: 3px 8px 0 8px;
    margin: 1px 5px 0 5px;
    float: left;
    color: #555555;
}

.searchbar_submit {
    width: 22px;
    height: 22px;
    margin: 0;
    padding: 0;
    float: left;
}

/* --- Mainnavi --- */

.mainnavi { 
    width: 980px; 
    border-top: 1px solid #dddddd;
}

ul.mainnavi_list {
    list-style: none;
    display: block;
    width: 980px;
    border-top: 1px solid #4e4e4e;
    font-size: 13px;
    font-weight: bold;
    border-bottom: 3px solid #6b6b6b;
    min-height: 32px;
    height: auto !important;
    height: 32px;
}

li.mainnavi_list_element {
    float: left;
    position: relative;
    z-index: 701;
}

li#stadt_nav { 
    background-image: url(/layout/bg_mainnavi_element_border.png);
}

li#kultur_nav { 
    background-image: url(/layout/bg_mainnavi_element_border.png);
    background-position: 0 -100px;
}

li#berge_nav { 
    background-image: url(/layout/bg_mainnavi_element_border.png);
    background-position: 0 -200px !important;
}

li#aktiv_nav { 
    background-image: url(/layout/bg_mainnavi_element_border.png);
    background-position: 0 -300px;
}

li#wasser_nav { 
    background-image: url(/layout/bg_mainnavi_element_border.png);
    background-position: 0 -400px;
}

li#well_nav { 
    background-image: url(/layout/bg_mainnavi_element_border.png);
    background-position: 0 -500px;
}

li#kulinar_nav { 
    background-image: url(/layout/bg_mainnavi_element_border.png);
    background-position: 0 -600px;
}

li#bland_nav { 
    background-image: url(/layout/bg_mainnavi_element_border.png);
    background-position: 0 -700px;
}

a.mainnavi_list_element_lnk {
    display: block; 
    margin: 0 1px 0 1px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    padding: 7px 0 7px 0;
    text-align: center;
    border-bottom-width: 5px;
}

li#stadt_nav a {
    border-style: solid;
    border-color: #ffc86c;
    min-width: 105px;
    background-image: url(/layout/bg_mainnavi_element.png);
    background-repeat: repeat-x;
}
* html li#stadt_nav a.mainnavi_list_element_lnk {
    width: 105px;
}

li#kultur_nav a {
    border-style: solid;
    border-color: #fee69e;
    min-width: 115px;
    background-image: url(/layout/bg_mainnavi_element.png);
    background-position: 0 -200px;
    background-repeat: repeat-x;
}
* html li#kultur_nav a.mainnavi_list_element_lnk {
    width: 115px;
}

li#berge_nav a {
    border-style: solid;
    border-color: #c0eb97;
    min-width: 152px;
    background-image: url(/layout/bg_mainnavi_element.png);
    background-position: 0 -400px;
    background-repeat: repeat-x;
}
* html li#berge_nav a.mainnavi_list_element_lnk {
    width: 152px;
}

li#aktiv_nav a {
    border-style: solid;
    border-color: #90d15b;
    min-width: 106px;
    background-image: url(/layout/bg_mainnavi_element.png);
    background-position: 0 -600px;
    background-repeat: repeat-x;
}
* html li#aktiv_nav a.mainnavi_list_element_lnk {
    width: 106px;
}

li#wasser_nav a {
    border-style: solid;
    border-color: #bdefd9;
    /*_width: 134px;*/
    min-width: 134px;
    background-image: url(/layout/bg_mainnavi_element.png);
    background-position: 0 -800px;
    background-repeat: repeat-x;
}
* html li#wasser_nav a.mainnavi_list_element_lnk {
    width: 134px;
}

li#well_nav a {
    border-style: solid;
    border-color: #d4ade6;
    min-width: 83px;
    background-image: url(/layout/bg_mainnavi_element.png);
    background-position: 0 -1000px;
    background-repeat: repeat-x;
}
* html li#well_nav a.mainnavi_list_element_lnk {
    width: 83px;
}

li#kulinar_nav a {
    border-style: solid;
    border-color: #f0d9f5;
    min-width: 155px;
    background-image: url(/layout/bg_mainnavi_element.png);
    background-position: 0 -1200px;
    background-repeat: repeat-x;
}
* html li#kulinar_nav a.mainnavi_list_element_lnk {
    width: 155px;
}

li#bland_nav a {
    border-style: solid;
    border-color: #e9e9e9;
    min-width: 114px;
    background-image: url(/layout/bg_mainnavi_element.png);
    background-position: 0 -1400px;
    background-repeat: repeat-x;
}
* html li#bland_nav a.mainnavi_list_element_lnk {
    width: 114px;
}

li#stadt_nav a:hover, #dunkelgelb li#stadt_nav a {
    background-image: url(/layout/bg_mainnavi_element.png);
    background-position: 0 -105px;
    color: #333333;
}

 li#stadt_nav:hover > a {
    background-image: url(/layout/bg_mainnavi_element.png);
    background-position: 0 -105px;
    color: #333333;
}

li#kultur_nav a:hover, #hellgelb li#kultur_nav a {
    background-image: url(/layout/bg_mainnavi_element.png);
    background-position: 0 -305px;
    color: #333333;
}

li#kultur_nav:hover > a {
    background-image: url(/layout/bg_mainnavi_element.png);
    background-position: 0 -305px;
    color: #333333;
}

li#berge_nav a:hover, #hellgruen li#berge_nav a {
    background-image: url(/layout/bg_mainnavi_element.png);
    background-position: 0 -505px;
    color: #333333;
}

li#berge_nav:hover > a {
    background-image: url(/layout/bg_mainnavi_element.png);
    background-position: 0 -505px;
    color: #333333;
}

li#aktiv_nav a:hover, #dunkelgruen li#aktiv_nav a {
    background-image: url(/layout/bg_mainnavi_element.png);
    background-position: 0 -705px;
    color: #333333;
}

li#aktiv_nav:hover > a {
    background-image: url(/layout/bg_mainnavi_element.png);
    background-position: 0 -705px;
    color: #333333;
}

li#wasser_nav a:hover, #hellblau li#wasser_nav a {
    background-image: url(/layout/bg_mainnavi_element.png);
    background-position: 0 -905px;
    color: #333333;
}

li#wasser_nav:hover > a {
    background-image: url(/layout/bg_mainnavi_element.png);
    background-position: 0 -905px;
    color: #333333;
}

li#well_nav a:hover, #dunkellila li#well_nav a {
    background-image: url(/layout/bg_mainnavi_element.png);
    background-position: 0 -1105px;
    color: #333333;
}

li#well_nav:hover > a {
    background-image: url(/layout/bg_mainnavi_element.png);
    background-position: 0 -1105px;
    color: #333333;
}

li#kulinar_nav a:hover, #helllila li#kulinar_nav a {
    background-image: url(/layout/bg_mainnavi_element.png);
    background-position: 0 -1305px;
    color: #333333;
}

li#kulinar_nav:hover > a {
    background-image: url(/layout/bg_mainnavi_element.png);
    background-position: 0 -1305px;
    color: #333333;
}

li#bland_nav a:hover, #silber li#bland_nav a {
    background-image: url(/layout/bg_mainnavi_element.png);
    background-position: 0 -1505px;
    color: #333333;
}

li#bland_nav:hover > a {
    background-image: url(/layout/bg_mainnavi_element.png);
    background-position: 0 -1505px;
    color: #333333;
}

a.mainnavi_list_element_lnk:hover {
    color: #333333;
}

/* --- Mainnavi Submenu --- */

ul.submenu_list {
    position: absolute;
    z-index: 701;
    list-style: none;
    visibility: hidden;
}

ul.submenu_list li {}
ul.submenu_list li a {
    display: block;
}

.mainnavi ul a:hover ul,
li.mainnavi_list_element:hover ul.submenu_list {
    visibility: visible;
}

div#dunkelgelb li#stadt_nav a.mainnavi_list_element_lnk:hover {
    visibility: visible;
}

div#hellgelb li#kultur_nav a.mainnavi_list_element_lnk:hover {
    visibility: visible;
}

div#hellgruen li#berge_nav a.mainnavi_list_element_lnk:hover {
    visibility: visible;
}

div#dunkelgruen li#aktiv_nav a.mainnavi_list_element_lnk:hover {
    visibility: visible;
}

div#hellblau li#wasser_nav a.mainnavi_list_element_lnk:hover {
    visibility: visible;
}

div#dunkellila li#well_nav a.mainnavi_list_element_lnk:hover {
    visibility: visible;
}

div#helllila li#kulinar_nav a.mainnavi_list_element_lnk:hover {
    visibility: visible;
}

div#silber li#bland_nav a.mainnavi_list_element_lnk:hover {
    visibility: visible;
}

.mainnavi table {
    position:absolute; 
    top:30px; 
    left:0; 
    border-collapse:collapse;
}

li.submenu_list_element a {
    background-color: #5f5f5f;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.2em;
    display: block;
    text-align: left;
    padding: 3px 10px 4px 10px;
    background-image: none !important;
    color: #ffffff !important;
    border-bottom: 1px solid #888888 !important;
    text-decoration: none;
    white-space: nowrap;
    min-width: auto !important;
    width: auto;
}

ul ul.submenu_list li.submenu_list_element a:hover {
    background-image: none;
    background-color: #888888;
}

/* IE 6 */
* html ul.submenu_list {
    top: 2px;
}
* html ul.submenu_list li a {
    display: inline-block;
}
* html ul.submenu_list li a {
    display: block;
}
* html li#stadt_nav ul.submenu_list a {
    width: 135px;
}
* html li#kultur_nav ul.submenu_list a {
    width: 240px;
}
* html li#berge_nav ul.submenu_list a {
    width: 190px;
}
* html li#aktiv_nav ul.submenu_list a {
    width: 200px;
}
* html li#wasser_nav ul.submenu_list a {
    width: 170px;
}
* html li#well_nav ul.submenu_list a {
    width: 140px;
}
* html li#kulinar_nav ul.submenu_list a {
    width: 190px;
}
* html li#bland_nav ul.submenu_list a {
    width: 180px;
}
@CHARSET "UTF-8";

.newsletter {}

.newsletter h1 {
    margin: 0 0 14px;
}

.newsletter p {
    font-size: 0.8em;
    line-height: 1.35em;
    margin: 0 0 14px;
    padding: 0;
}

.newsletter form {
    margin: 0 0 14px;
}

.newsletter form label {
    font-size: 0.8em;
    line-height: 2em;
    padding: 0;
    width: 110px;
}

.newsletter form input.text {
    width: 200px;
}

.newsletter form input.submit {
    float:left;
    margin:0 0 0 30px;
}
/* ----------------------------------------------------------------------
Titel:     Teaserbox CSS, Kurz Nah Weg
Autor:     Timo Textor, Department X GmbH
Updated:   07.07.2009
---------------------------------------------------------------------- */

.partnerlogo {
	float: right;
	width: 300px;
	margin: 0 0 10px 10px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

.partnerlogo_inner_wrapper {
	clear: both;
	width: auto;
	margin: 0;
	padding: 0;
	border: #DEDEDE solid 1px;
}

.partnerlogo_content {
	width: auto;
	margin: 3px;
	padding: 7px;
	background-image: url(/layout/bg_teaser.jpg);
	text-align: center;
}

.partnerlogo_content .partnerlogo_klein {
	width: auto;
	height: 34px;
	margin: 0 auto;
	padding: 0;
}

.partnerlogo img {
	margin: 0;
	padding: 0;
}

/* Logos Anbieterinfos fuer Anbieterbox*/
.partner_logo {
	display: block;
    width: 270px;
	padding: 10px 10px 0px 10px;
    border: 1px solid #dedede;
}

.partner_logo div {
	border: none;
	background-image: url(/layout/partnerlogos_medium.png);
	background-repeat: no-repeat;
    width: 260px;
}

.partner_logo .logo_partner_cd104a68be8bd348f7cc7b3f7f4c7a94 {
	background-position: 0px 0px;
	height: 55px;
} /*berlin*/

.partner_logo .logo_partner_8ba93c6ffcdba2a1e28246d7d612b50c {
	background-position: 0px -85px;
	height: 85px;
} /*bayern*/

.partner_logo .logo_partner_fe535a5a396a828d05ddb85f7e3bee16 {
	background-position: 0px -179px;
	height: 80px;
} /*bremen*/

.partner_logo .logo_partner_2ab3cfdc85879e5fa2fbed855161ecf4 {
	background-position: 0px -257px;
	height: 45px;
} /*hamburg*/

.partner_logo .logo_partner_577c77efdfca013f1da1530f8f8f4858 {
	background-position: 0px -342px;
	height: 65px;
} /*hessen*/

.partner_logo .logo_partner_aebf978403a61ebe8ce26de9ccff265b {
	background-position: 0px -428px;
	height: 55px;
} /*nrw*/

.partner_logo .logo_partner_a7b1bd9c55c7d4ca4fc764382eb41d93 {
	background-position: 0px -515px;
	height: 80px;
} /*rheinland*/

.partner_logo .logo_partner_41d7ca09ec95518cc4250c82b2b619ee {
	background-position: 0px -601px;
	height: 70px;
} /*thueringen*/

.partner_logo .logo_partner_a6a1b42e92e1811dde9ec86fbb340ee2 {
	background-position: 0px -685px;
	height: 80px;
} /*schleswig*/

.partner_logo .logo_partner_a40ac2ea9b6526850e542e2bcae9a3be {
	background-position: 0px -771px;
	height: 95px;
} /*sachsenanhalt*/

.partner_logo .logo_partner_6e57c647f3fd47f3cb2b476b0248d2c3 {
	background-position: 0px -2000px;
	height: 95px;
} /*niedersachsen*/

.partner_logo .logo_partner_a8b73bc1ce7951295a9488e6a13c4141 {
	background-position: 0px -943px;
	height: 35px;
} /*sachsen*/

.partner_logo .logo_partner_0e1cce2774ca7b788ef25372f0883f5d {
	background-position: 0px -1029px;
	height: 90px;
} /*badenw*/

.partner_logo .logo_partner_e1fe3169659adfeab380c9a82e637108 {
	background-position: 0px -1124px;
	height: 50px;
} /*brandenburg*/

.partner_logo .logo_partner_ecff3a2ace97889a7861931dc9eaa46a {
	background-position: 0px -1200px;
	height: 75px;
} /*mcpomm*/

.partner_logo .logo_partner_4957b147d49b92ca5ab75f0c88e0e477 {
	background-position: 0px -1287px;
	height: 60px;
} /*saarland*/

.partner_logo .logo_partner_6d43b30a739af505e9a744bb9d987ef4 {
	background-position: 0px -1373px;
	height: 28px;
} /*bahn*/

.partner_logo .logo_partner_a70e50fad1dd8be1216e47ab857c58c6 {
	background-position: 0px -1458px;
	height: 40px;
} /*ameropa*/

.partner_logo .logo_partner_cdf0a015b048c84ac30fd08c11be2a14 {
	background-position: 0px -1543px;
	height: 60px;
} /*dertour*/

.partner_logo .logo_partner_5026de17ec7672ad6e344c518685c513 {
	background-position: 0px -1629px;
	height: 80px;
} /*its*/

.partner_logo .logo_partner_535b6e0ed808c3c3e5b5ba0a4f1f2071 {
	background-position: 0px -1715px;
	height: 75px;
} /*neckermann*/

.partner_logo .logo_partner_3fd29470ff5f8d159c0ac75b189bc006 {
	background-position: 0px -1801px;
	height: 60px;
} /*tui*/
/* ----------------------------------------------------------------------
Titel:     Teaserbox CSS, Kurz Nah Weg
Autor:     Timo Textor, Department X GmbH
Updated:   07.07.2009
---------------------------------------------------------------------- */

.partnertipps {
	width: 300px;
	margin: 0 20px 20px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

.partnertipps_inner_wrapper {
    border: 1px solid #DEDEDE;
    clear: both;
    margin: 0;
    overflow: hidden;
    padding: 3px;
    width: 292px;
}
* html .partnertipps_inner_wrapper {
    position: relative;
}
*+ html .partnertipps_inner_wrapper {
    position: relative;
}

.partnertipps_content {
    background-image:url(/layout/bg_teaser.jpg);
    overflow: hidden;
}
* html .partnertipps_content {
    position: relative;
}
*+ html .partnertipps_content {
    position: relative;
}

.partnertipps_content ul {
    height: 179px;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    width: 100000px;
}

.partnertipps_content ul li {
    float: left;
    margin: 0;
    padding: 7px;
    width: 278px;
}
.partnertipps_content ul li div.partnertippsContentItemContainer {
    overflow: hidden;
    padding-right: 10px;
}

span.anzahl {
	float: right;
	padding: 3px 7px 0 0;
	font-weight: normal;
	font-size: 0.8em;
}

span.topic_partnertipps {
	float: left;
}

.partnertipps h1 {
	font-size: 0.8em;
}

.partnertipps p.text {
	font-size: 0.75em;
	margin: 0 0 4px 0;
}

.partnertipps img {
	margin: 0 7px 7px 0;
	padding: 0;
	float: left;
}

.box_footer_partnertipps {
	width: auto;
	height: auto;
	margin: 1px 0 0 0;
	padding: 3px 7px 4px 7px;
	background-color: #EEEEEE;
	font-size: 0.70em;
	color: #919191;
	text-align: right;
}

.box_footer_partnertipps a {
    color: #919191;
}

.topic {
	width: 285px;
	height: 23px;
	margin: 0;
	padding: 6px 0 0 7px;
	background-color: #919191;
	font-size: 0.9em;
	color: #FFFFFF;
	font-weight: bold;
}

.recommendForm {
    margin: 10px;
}

.recommendForm div {
    height: auto;
    margin: 0 0 5px 0;
}

.recommendForm label {
    font-size: 0.8em;
    line-height: 1.5em;
    width: 200px;
}

.recommendForm input.text,
.recommendForm textarea {
    float: left;
    width: 265px;
}

.recommendForm textarea {
    height: 120px;
}

.recommendForm input.submit {
    float: right;
    margin: 10px 0 0;
}
/* ----------------------------------------------------------------------
Titel:     Reispartner CSS, Kurz Nah Weg
Autor:     Timo Textor, Department X GmbH
Updated:   07.07.2009
File:      reisepartner.css
---------------------------------------------------------------------- */

.reisepartnerbox {
	width: 300px;
	margin: 0 20px 20px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

.reisepartnerbox h1 {
	font-size: 0.8em;
}

.reisepartnerbox p.text {
	font-size: 0.75em;
	margin: 0 0 4px 0;
}

.reisepartnerbox_inner_wrapper {
	clear: both;
	width: 292px;
	margin: 0;
	padding: 3px;
	border: #DEDEDE solid 1px;
}

.reisepartnerbox_content {
	width: 292px;
	height: 218px;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
* html .reisepartnerbox_content {
    position: relative;
}
*+ html .reisepartnerbox_content {
    position: relative;
}

.reisepartnerbox .image {
	float: left;
	font-size: 0.75em;
	line-height: 1.2em;
	margin: 0 12px 0 6px;
	padding: 0;
}

.reisepartner_logo {
	float: left;
	width: 56px;
	height: 56px;
	margin: 0;
	padding: 0;
	border: 1px solid #F0F0F0;
}

.reisepartner_logo table {
    height: 100%;
}

.reisepartner_anzeige {
    height: 160px;
    left: 0;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    width: 100000px;
}

.reisepartner_anzeige li {
    float: left;
    height: 160px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    width: 292px;
}

.nach_links {
	position: absolute;
	width: 17px;
	height: 38px;
	margin: 61px 0 0 0;
	padding: 0;
	z-index: 100;
}

.nach_rechts {
	position: absolute;
	width: 17px;
	height: 38px;
	margin: 61px 0 0 275px;
	padding: 0;
	z-index: 100;
}


.reisepartnerbox_content .nach_links a,
.reisepartnerbox_content .nach_rechts a {
	display: block;
	width: 100%;
	height: 100%;
	/* Hide linktext */
	outline: none; 
	text-indent: -9000px;
	
}

.reisepartnerbox_content .nach_rechts a {
	background: url(/layout/ico_nach_rechts.png) left top no-repeat;
}

.reisepartnerbox_content .nach_links a {
	background: url(/layout/ico_nach_links.png) left top no-repeat;
}

/* PNG8 for IE6 */
* html .reisepartnerbox_content .nach_links a {
	background: url(/layout/ico_nach_links_ie6.png) left top no-repeat;
}

* html .reisepartnerbox_content .nach_rechts a {
	background: url(/layout/ico_nach_rechts_ie6.png) left top no-repeat;
}

/* ----------------------------------------------------------------------
Titel:     Service in Deutschland CSS, Kurz Nah Weg
Autor:     Timo Textor, Department X GmbH
Updated:   07.07.2009
File:      service_in_deutschland.css
---------------------------------------------------------------------- */

.service_in_deutschland {
	width: 300px;
	margin: 0 20px 20px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

.service_in_deutschland h1 {
	font-size: 0.8em;
}

.service_in_deutschland p.text {
	font-size: 0.75em;
	margin: 0 0 4px 0;
}

.service_in_deutschland_inner_wrapper {
	clear: both;
	width: 292px;
	margin: 0;
	padding: 3px;
	border: #DEDEDE solid 1px;
}

.service_in_deutschland_content {
	width: 278px;
	margin: 0;
	padding: 0 7px;
	background-image: url(/layout/bg_teaser.jpg);
	border-bottom: 1px solid #F0F0F0;
}

.service_in_deutschland_angebot {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 7px 0 0 0;
	border-bottom: 1px solid #F0F0F0;
}

.service_in_deutschland .image {
	float: left;
	font-size: 0.75em;
	line-height: 1.2em;
	margin: 0 12px 0 6px;
	padding: 0;
}

.service_in_deutschland .imagelink {
	float: left;
	font-size: 0.7em;
	line-height: 1.2em;
    font-weight: bold;
/*
    margin: 0 0 2px 0;
	padding: 3px 0 0 0;
	text-align: left;
*/
}

.service_in_deutschland .imagelink a {
	color: #333333;
}
/* ----------------------------------------------------------------------
Titel:     Service in Deutschland CSS, Kurz Nah Weg
Autor:     Joachim Kildau, Department X GmbH
Updated:   13.10.2009
File:      sitemap.css
---------------------------------------------------------------------- */
.sitemap .teaserbox,
.sitemap .teaserbox .teaserbox_inner_wrapper,
.sitemap .teaserbox .teaserbox_inner_wrapper .teaserbox_content {
	max-height: none !important;
	min-height: 50px !important;
	height: auto;
	list-style-position: inside;
}

.sitemap .teaserbox .teaserbox_inner_wrapper .teaserbox_content {
	margin-bottom: 3px;
}
.sitemap .teaserbox .teaserbox_inner_wrapper .teaserbox_content ul {
	font-size: 0.9em;
}

.sitemap .teaserbox .teaserbox_inner_wrapper .teaserbox_content ul li {
	color: #666;
}

.sitemap .teaserbox .teaserbox_inner_wrapper .teaserbox_content ul li a {
	text-decoration: none;
	color: #333;
}

.sitemap .teaserbox .teaserbox_inner_wrapper .teaserbox_content ul li a:hover,
.sitemap .teaserbox .teaserbox_inner_wrapper .teaserbox_content ul li a:focus {
	text-decoration: underline;
}

.sitemap .teaserbox .teaserbox_inner_wrapper .teaserbox_content ul ul li {
	text-indent: 10px;
}

.sitemap .teaserbox .teaserbox_inner_wrapper .teaserbox_content ul ul ul li {
	text-indent: 20px;
	font-size: 1.1em;
}

.sitemap .left {
	width: 320px;
	float: left;
}

.sitemap .right {
	width: 320px;
	float: right;
}

/* --- Staedtereisen --- */
.sitemap .balken_links_stadt {
	float:left;
	font-size:0.1em;
	height:3px;
	line-height:0.1em;
	width:28%;
	background-color: #FFC86C;
}
.sitemap .balken_rechts_stadt {
	float:left;
	font-size:0.1em;
	height:3px;
	line-height:0.1em;
	width:72%;
	background-color: #FFE3B5;
}
/* --- Kultur und Events --- */
.sitemap .balken_links_kultur {
	float:left;
	font-size:0.1em;
	height:3px;
	line-height:0.1em;
	width:28%;
	background-color: #FEE69E;
}
.sitemap .balken_rechts_kultur {
	float:left;
	font-size:0.1em;
	height:3px;
	line-height:0.1em;
	width:72%;
	background-color: #FEF2CE;
}
/* --- Urlaub in den Bergen --- */
.sitemap .balken_links_berge {
	float:left;
	font-size:0.1em;
	height:3px;
	line-height:0.1em;
	width:28%;
	background-color: #C0EB97;
}
.sitemap .balken_rechts_berge {
	float:left;
	font-size:0.1em;
	height:3px;
	line-height:0.1em;
	width:72%;
	background-color: #DFF5CB;
}
/* --- Aktiv und Natur --- */
.sitemap .balken_links_aktiv {
	float:left;
	font-size:0.1em;
	height:3px;
	line-height:0.1em;
	width:28%;
	background-color: #90D15B;
}
.sitemap .balken_rechts_aktiv {
	float:left;
	font-size:0.1em;
	height:3px;
	line-height:0.1em;
	width:72%;
	background-color: #C7E8AD;
}
/* --- Urlaub am Wasser --- */
.sitemap .balken_links_wasser {
	float:left;
	font-size:0.1em;
	height:3px;
	line-height:0.1em;
	width:28%;
	background-color: #BDEFD9;
}
.sitemap .balken_rechts_wasser {
	float:left;
	font-size:0.1em;
	height:3px;
	line-height:0.1em;
	width:72%;
	background-color: #DEF7EC;
}
/* --- Wellness --- */
.sitemap .balken_links_wellness {
	float:left;
	font-size:0.1em;
	height:3px;
	line-height:0.1em;
	width:28%;
	background-color: #D4ADE6;
}
.sitemap .balken_rechts_wellness {
	float:left;
	font-size:0.1em;
	height:3px;
	line-height:0.1em;
	width:72%;
	background-color: #E9D6F2;
}
/* --- Kulinarische Genuesse --- */
.sitemap .balken_links_kulinarik {
	float:left;
	font-size:0.1em;
	height:3px;
	line-height:0.1em;
	width:28%;
	background-color: #F0D9F5;
}
.sitemap .balken_rechts_kulinarik {
	float:left;
	font-size:0.1em;
	height:3px;
	line-height:0.1em;
	width:72%;
	background-color: #F7ECFA;
} /* ----------------------------------------------------------------------
Titel:     Teaserbox CSS, Kurz Nah Weg
Autor:     Timo Textor, Department X GmbH
Updated:   24.08.2009
---------------------------------------------------------------------- */

.standardbox {
    clear: both;
    width: auto;
    margin: 0 0 20px 0;
    padding: 14px;
    background-color: #F0F0F0;
    font-family: Arial, Helvetica, sans-serif;
}

.standardbox img {
    float: left;
    margin: 0 7px 7px 0;
    padding: 0;
}

.standardbox h1 {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.2em;
}

.standardbox h2 {
    font-size: 0.85em;
    margin: 0 0 14px 0;
    padding: 0;
}

.standardbox p.text {
    font-size: 0.75em;
    margin: 0;
    padding: 0;
}

/* ----------------------------------------------------------------------
Titel:     Teaserbox CSS, Kurz Nah Weg
Autor:     Timo Textor, Department X GmbH
Updated:   07.07.2009
File:      teaserbox.css
---------------------------------------------------------------------- */

.teaserbox,
.teaserbox_nonefloat {
    width: 300px;
    min-height: 206px;
    max-height: 230px;
    margin: 0 20px 20px 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
}

.teaserbox {
	float: left;
}

.teaserbox_nonefloat h1,
.teaserbox h1 {
    font-size: 1.0em;
	font-weight: bold;
	line-height: 1.2em;
}

.teaserbox_nonefloat span.text,
.teaserbox span.text {
	font-size: 0.75em;
}

.teaserbox_inner_wrapper {
	clear: both;
	width: 298px;
	min-height: 198px;
	margin: 0;
	padding: 0;
	border: #DEDEDE solid 1px;
}

.teaserbox_content {
	width: 278px;
	min-height: 180px;
	/* height: auto !important; */ 
	height: 180px;
	margin: 3px 3px 0 3px;
	padding: 7px;
	background-image: url(/layout/bg_teaser.jpg);
    overflow: hidden;
}

.teaserbox_content h1 a {
	text-decoration: none;
	line-height: 1.2em;
}

.teaserbox_nonefloat img,
.teaserbox img {
	margin: 0 7px 5px 0;
	padding: 0;
	float: left;
}

.teaserbox_footer a {
	color: #919191;
}

.teaserbox_footer {
	width: auto;
	height: auto;
	margin: 1px 3px 3px 3px;
	padding: 3px 7px 4px 0;
	background-color: #EEEEEE;
	font-size: 0.70em;
	color: #919191;
	text-align: right;
}/* ----------------------------------------------------------------------
Titel:     Teaserbox CSS, Kurz Nah Weg
Autor:     Timo Textor, Department X GmbH
Updated:   07.07.2009
---------------------------------------------------------------------- */

.themenspecial {
	width: 300px;
	margin: 0 20px 20px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

.themenspecial_inner_wrapper {
	clear: both;
	width: 292px;
	margin: 0;
	padding: 3px;
	border: #DEDEDE solid 1px;
}

.themenspecial_content {
	width: 278px;
	margin: 0;
	padding: 7px;
	background-image: url(/layout/bg_teaser.jpg);
	border-bottom: 1px solid #F0F0F0;
}

span.anzahl {
	float: right;
	padding: 3px 7px 0 0;
	font-weight: normal;
	font-size: 0.8em;
}

span.topic_themenspecial {
	float: left;
}

.themenspecial h1 {
	font-size: 0.8em;
}

.themenspecial p.text {
	font-size: 0.75em;
	margin: 0 0 4px 0;
}

.themenspecial img {
	margin: 0 7px 7px 0;
	padding: 0;
	float: left;
}

.box_footer_themenspecial {
	width: auto;
	height: auto;
	margin: 1px 0 0 0;
	padding: 3px 7px 4px 7px;
	background-color: #EEEEEE;
	font-size: 0.70em;
	color: #919191;
	text-align: right;
}

.topic {
	width: 285px;
	height: 23px;
	margin: 0;
	padding: 6px 0 0 7px;
	background-color: #919191;
	font-size: 0.9em;
	color: #FFFFFF;
	font-weight: bold;
}

/* ----------------------------------------------------------------------
Titel:     Teaserbox CSS, Kurz Nah Weg
Autor:     Timo Textor, Department X GmbH
Updated:   07.07.2009
---------------------------------------------------------------------- */

.top_infoleiste {
	clear: both;
	width: auto;
	height: 190px;
	margin: 0 20px 0 0;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	background-image: url(/layout/bg_top_infoleiste.jpg);
	background-repeat: repeat-x;
	border: 1px solid #EBECF0;
}

.top_infoleiste h1 {
	font-size: 0.8em;
	margin: 0;
	padding: 3px 0 0 8px;
}

.deutsche_bahn_topic h1 {
	font-size: 0.8em;
	margin: 0;
	padding: 3px 0 0 8px;
	color: #FFFFFF;
}

.top_infoleiste h2 {
	font-size: 0.8em;
	color: #000000;
}

.top_infoleiste p.text {
	float: left;
	font-size: 0.75em;
	margin: 0;
}

.top_infoleiste_contentbox {
	float: left;
	width: 220px;
	height: auto;
	margin: 0 10px 0 0;
	padding: 0;
	border: 1px solid #CCCCCC;
}

.top_infoleiste_contentbox_rechts {
	float: left;
	width: 220px;
	height: auto;
	margin: 0;
	padding: 0;
	border: 1px solid #CCCCCC;
}

.top_infoleiste_inner_wrapper {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}

.tipp_des_tages_topic {
	width: auto;
	height: 24px;
	margin: 0;
	padding: 0;
	background-image: url(/layout/bg_top_infoleiste.png);
	background-position: 0 0;
	background-repeat: repeat-x;
}

.special_monat_topic {
	width: auto;
	height: 24px;
	margin: 0;
	padding: 0;
	background-image: url(/layout/bg_top_infoleiste.png);
	background-position: 0 -100px;
	background-repeat: repeat-x;
}

.gewinnspiel_topic {
	width: auto;
	height: 24px;
	margin: 0;
	padding: 0;
	background-image: url(/layout/bg_top_infoleiste.png);
	background-position: 0 -200px;
	background-repeat: repeat-x;
}

.deutsche_bahn_topic {
	width: auto;
	height: 24px;
	margin: 0;
	padding: 0;
	background-image: url(/layout/bg_top_infoleiste.png);
	background-position: 0 -300px;
	background-repeat: repeat-x;
}

.top_infoleiste_image {
	position: relative;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}

.top_infoleiste_textbox {
	position: absolute;
	z-index: 1;
	width: 196px;
	height: 45px;
	margin: 0;
	padding: 5px;
	background-color: #FFFFFF;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	color: #000000;
	left: 6px;
	top: 104px;
	font-size: 0.7em;
	border: 1px solid #CCCCCC;
	line-height: 1.25em;
}

.top_infoleiste_textbox a {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.25em;
	color: #000000;
}

.top_infoleiste_bahn {
	width: 200px;
	height: 155px;
	margin: 0;
	padding: 5px 10px 5px 10px;
	background-color: #FFFFFF;
	line-height: 1.25em;
	font-size: 0.9em;
}

.top_infoleiste_bahn a {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.25em;
	color: #000000;
}

/* ----------------------------------------------------------------------
Titel:     Weitere Informationen CSS, Kurz Nah Weg
Autor:     Timo Textor, Department X GmbH
Updated:   07.07.2009
File:      weitere_informationen.css
---------------------------------------------------------------------- */

.weitere_informationen {
	width: 300px;
	margin: 0 0 20px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

.weitere_informationen h1 {
	font-size: 0.8em;
}

.weitere_informationen p.text {
	font-size: 0.75em;
	margin: 0 0 4px 0;
}

.weitere_informationen_inner_wrapper {
	clear: both;
	width: 292px;
	margin: 0;
	padding: 3px;
	border: #DEDEDE solid 1px;
}

.weitere_informationen_content {
	width: 278px;
	margin: 0;
	padding: 0 7px;
	background-image: url(/layout/bg_teaser.jpg);
	border-bottom: 1px solid #F0F0F0;
}

.weitere_informationen_content_partner {
	width: 278px;
	margin: 0;
	padding: 0 7px;
	background-image: url(/layout/bg_teaser.jpg);
	border-bottom: 1px solid #F0F0F0;
}

.weitere_informationen_text {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 7px 0 0 0;
	border-bottom: 1px solid #F0F0F0;
}

.weitere_informationen .imagelink {
	float: left;
	font-size: 0.7em;
	line-height: 1.2em;
	margin: 0 0 2px 0;
	padding: 0;
	text-align: left;
	font-weight: bold;
}

.weitere_informationen .imagelink a {
	color: #333333;
}

.weitere_informationen .box_footer {
	width: auto;
	height: auto;
	margin: 1px 0 0 0;
	padding: 3px 7px 0 7px;
	background-color: #EEEEEE;
	font-size: 0.9em;
	color: #919191;
	text-align: left;
}
/* ----------------------------------------------------------------------
Titel:     Werbe-Banner CSS, Kurz Nah Weg
Autor:     Timo Textor, Department X GmbH
Updated:   07.07.2009
File:      werbung_banner.css
---------------------------------------------------------------------- */

.werbung_banner {
	width: auto;
	margin: 0 20px 20px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

.werbung_banner_inner_wrapper {
	clear: both;
	width: auto;
	margin: 0;
	padding: 3px;
	border: #DEDEDE solid 1px;
}

.werbung_banner_content {
	width: auto;
	margin: 0;
	padding: 7px;
	background-image: url(/layout/bg_teaser.jpg);
	text-align: center;
}

.werbung .werbung_banner_content {
	width: auto;
	margin: 0;
	padding: 7px;
	background-image: url(/layout/bg_leuchtturmteaser.jpg);
	text-align: center;
}

.werbung_banner_img_halfbanner {
	width: 234px;
	margin: 0 auto;
	padding: 0;
}

.werbung_banner_img_fullbanner {
	width: 468px;
	margin: 0 auto;
	padding: 0;
}

.werbung_banner_bezeichnung_fullbanner {
	width: 468px;
	margin: 0 auto;
	padding: 0;
	text-align: right;
	font-size: 0.75em;
	color: #999999;
}

.werbung_banner_bezeichnung_halfbanner {
	width: 234px;
	margin: 0 auto;
	padding: 0;
	text-align: right;
	font-size: 0.75em;
	color: #999999;
}

.werbung_leuchtturmbanner {
    width: auto;
    margin: 0px 20px 30px 0px;
    border-top: 3px solid #dedede !important;
    border-bottom: 2px solid #dedede !important;
}

.werbung_leuchtturmbanner .offer {
    background-image:url(/layout/bg_top-tipps.png) !important;
    background-repeat:no-repeat !important;
    font-size:0.7em !important;
    font-weight:bold !important;
    height:19px !important;
    margin:-3px 0 0 78px !important;
    padding:2px 0 0 !important;
    position:absolute !important;
    text-align:center !important;
    width:138px !important;
    z-index:100 !important;
}
/* ----------------------------------------------------------------------
Titel:     Skyscraper CSS, Kurz Nah Weg
Autor:     Philipp Schneider, Department X GmbH
Updated:   07.07.2009
File:      werbung_skyscraper.css.css
---------------------------------------------------------------------- */

.skyscraper {
  float: left;
  position: absolute;
  top: 80px;
  margin-left: 990px;
}

.skyscraper .skyscraper_text {
    width: auto;
	display: block;
	text-align: right;
	text-transform: uppercase;
	font-size:0.70em;
    line-height: 1.35em;
	color: #999999;
	font-family: inherit;
	margin-top: 1px;
}