body {
	background:#7AAC4C url(../images/body-bgr/home.jpg) fixed no-repeat 4% 55%;
	font: 100.01% Verdana, Geneva, sans-serif;
	height:100%;
        display:table-cell;
        width:100%;
        vertical-align:bottom;
}
html {
    font-size:0.7em; 
    height:100%;
    width:100%;
    display:table;
    vertical-align:bottom;
}

h1 {
    display:block;
    width:270px;
    height:30px;
    position:relative;
    top:-26px;
    left:-2px;
    text-indent:-3000px;
}
h2 {
  display:inline-block;
  font-size:1.2em;
  font-weight:bold;
  background:#E0F9CC;
  margin: 1.2em 0 0.5em -24px;
  padding:0.1em 1em 0.1em 24px;
}

h3 {
  font-size:1.2em;
  font-weight:bold;
  margin:0.7em 0 0;
}
h4{
    font-weight:bold;
    margin:1em 0 0;
}

h5 {
    padding:1em 0 0 0.2em;
    font-weight: bold;
    font-size:1.2em;
    text-transform: uppercase;
    color: #FEDF12;
}


p {margin-bottom: 1em;}

ul {
    margin:0.5em 0 0.5em 1.5em;
}
li {
    padding:0.2em 0;
    list-style-type:disc;
}

i {font-style:italic;}

em, em a {
    color:#7BAD4D;
    font-weight:bold;
    font-style:normal;
}

a {
  text-decoration:underline;
  color:#000000;
}

address {
    font-style:normal;
	margin-bottom:8px;
}

p.infobox {
    display:block;
    background: url(../images/fuehrungen_infobox_u.png) no-repeat left bottom;
    margin:0 0 1em;
    padding:1px 12px 12px;
}

h3.infobox {
    display:block;
    padding:10px 12px 0;
    background: url(../images/fuehrungen_infobox_o.png) no-repeat left top;
    margin: 2em 0 0;
}

p.wideinfobox {
    display:block;
    background: url(../images/fuehrungen_infobox_u.gif) no-repeat left bottom;
    margin:0 0 1em;
    padding:1px 12px 12px;
}

h3.wideinfobox {
    display:block;
    padding:10px 12px 0;
    background: url(../images/fuehrungen_infobox_o.gif) no-repeat left top;
    margin: 2em 0 0;
}

.amp {
	font-family: arial, helvetica, sans-serif
}

.infos {
  display:block;
  background: url(../images/arrow.png) no-repeat 0 0;
  padding:0.3em 0 0.2em 20px;
}
.anker {
   text-decoration:none;
   clear:both;
   display:block;
}

.hr3 {
   background: url(../images/hr.gif) no-repeat -20px 100%;
   height: 10px
}


.noliststyle li {list-style-type:none;}
.noliststyle {margin:0;padding:0;}

.clear{ /*Zum Clearen*/
   clear:both;
}
.clearfix:after{ /*Zum Clearen*/
   display:block;
   clear:both;
   height:0;
   content:".";
   visibility:hidden;
}

.strong {font-weight:bold;}
.big {font-size:125%;}
.marker { font-weight:bold; color:#B22222 }
.right {text-align:right;}
.right a.infos {
    float:right;
    clear:both;
    text-align:left;
    margin-right:30px;
}
.first {margin-top:0;}
.color {color:#7AAC4C;}
.color2 {color:#fff;}
.space-top {margin-top:3em;}
.space-top1 {margin-top:1.5em;}
.space-top2 {margin-top:5px;}
.space-top05 {margin-top:.5em;}
.space-bottom {margin-bottom:1em;}
.indent {margin-left:20px;}
.floatleft {float:left; margin-right:2em;}
.floatright {float:right; }

.relative {position:relative;}

.error {color:red; font-weight:bold;}

fieldset {margin:.8em 0;}

.nospace,
h3.nospace {margin:0;}
/*--------Hauptnavigation bzw. linke Navigation-----------------------*/
#navi-left{
  width:140px;
  display:block;
  position:fixed;
  left:0;
  top:80px;
  margin:8% 0 0 0;
}
#navi-left li {
    padding:12px 0 0;
    margin:0;
    list-style:none;
}

#navi-left li.outLink {
    margin-top:20px;
}

#navi-left li.outLink a {
    background-image: url(../images/navi-left-buttons-red.png);
}

#navi-left li a {
	display:block;
	overflow:hidden;
	height:25px;
	background: url(../images/navi-left-buttons.png) no-repeat right top;
	text-indent:-5000px;
}
#navi-left li a:hover, #navi-left li a:active { background-position:right bottom;} 
#navi-left li.current a { background-position:right bottom;}  

#navi-left li a span {
  display:block;
  overflow:hidden; 
  height:100%;
  margin-right:10px;
  }
#navi-left a.home span {background: url(../images/Schrift-navi-left/home.png) no-repeat right center;}
#navi-left a.erleben span {background: url(../images/Schrift-navi-left/erleben.png) no-repeat right center;}
    #navi-left a.erleben_tagungen span {background: url(../images/Schrift-navi-left/tagungen.png) no-repeat 10px;}
    #navi-left a.erleben_ausfluege span {background: url(../images/Schrift-navi-left/ausfluege.png) no-repeat 10px;}
    #navi-left a.erleben_ferienorte span {background: url(../images/Schrift-navi-left/ferienorte.png) no-repeat 10px;}
    #navi-left a.erleben_sehenswertes span {background: url(../images/Schrift-navi-left/sehenswertes.png) no-repeat 10px;}
    #navi-left a.erleben_geschichte span {background: url(../images/Schrift-navi-left/geschichte.png) no-repeat 10px;}
#navi-left a.service span {background: url(../images/Schrift-navi-left/service.png) no-repeat right center;}
     #navi-left a.service_prospekte span {background: url(../images/Schrift-navi-left/prospekte.png) no-repeat 10px;}
     #navi-left a.service_newsletter span {background: url(../images/Schrift-navi-left/newsletter.png) no-repeat 10px;}
     #navi-left a.service_stadtplan span {background: url(../images/Schrift-navi-left/stadtplan.png) no-repeat 10px;}
     #navi-left a.service_offnungszeiten span {background: url(../images/Schrift-navi-left/offnungszeiten.png) no-repeat 10px;}
     #navi-left a.service_anreise span {background: url(../images/Schrift-navi-left/anreise.png) no-repeat 10px;}
     #navi-left a.service_impressionen span {background: url(../images/Schrift-navi-left/impressionen.png) no-repeat 10px;}
     #navi-left a.service_konferenzen span {background: url(../images/Schrift-navi-left/konferenzen.png) no-repeat 10px;}
#navi-left a.fuehrung span {background: url(../images/Schrift-navi-left/fuehrungen.png) no-repeat right center;}
    #navi-left a.fuehrung_stadt-land span {background: url(../images/Schrift-navi-left/fuehrwand.gif) no-repeat 10px;}
    #navi-left a.fuehrung_elektronisch span {background: url(../images/Schrift-navi-left/itour.gif) no-repeat 10px;}
    #navi-left a.fuehrung_reichsburg span {background: url(../images/Schrift-navi-left/reichsburg.png) no-repeat 10px;}
#navi-left a.uebernachten span {background: url(../images/Schrift-navi-left/uebernachten.png) no-repeat right center;}
    #navi-left a.uebernachten_online span {background: url(../images/Schrift-navi-left/onlinebuchen.png) no-repeat 10px;}
    #navi-left a.uebernachten_buchungsanfrage span {background: url(../images/Schrift-navi-left/buchungsanfrage.png) no-repeat 10px;}
    #navi-left a.uebernachten_arrangements span {background: url(../images/Schrift-navi-left/arrangements.png) no-repeat 10px;}
    #navi-left a.uebernachten_campingplaetze span {background: url(../images/Schrift-navi-left/campingplaetze.png) no-repeat 10px;}
#navi-left a.gastronomie span {background: url(../images/Schrift-navi-left/gastronomie.png) no-repeat right center;} 
    #navi-left a.gastronomie_restaurants span {background: url(../images/Schrift-navi-left/restaurants.png) no-repeat 10px;}
    #navi-left a.gastronomie_cafes span {background: url(../images/Schrift-navi-left/cafes.png) no-repeat 10px;}
    #navi-left a.gastronomie_weinlokale span {background: url(../images/Schrift-navi-left/weinlokale.png) no-repeat 10px;}
    #navi-left a.gastronomie_kneipen span {background: url(../images/Schrift-navi-left/kneipen.png) no-repeat 10px;}
    #navi-left a.gastronomie_tanzlokale span {background: url(../images/Schrift-navi-left/tanzlokale.png) no-repeat 10px;}
#navi-left a.moselweine span {background: url(../images/Schrift-navi-left/moselweine.png) no-repeat right center;}
    #navi-left a.moselweine_infos span {background: url(../images/Schrift-navi-left/infos.png) no-repeat 10px;}
    #navi-left a.moselweine_weinfuehrungen span {background: url(../images/Schrift-navi-left/weinfuehrungen.png) no-repeat 10px;}
    #navi-left a.moselweine_weingueter span {background: url(../images/Schrift-navi-left/weingueter.png) no-repeat 10px;}
    #navi-left a.moselweine_weinkoenigin span {background: url(../images/Schrift-navi-left/weinkoenigin.png) no-repeat 10px;}
#navi-left a.sportlich span {background: url(../images/Schrift-navi-left/sportlich.png) no-repeat right center;}
    #navi-left a.sportlich_a-z span {background: url(../images/Schrift-navi-left/a-z.png) no-repeat 10px;}
    #navi-left a.sportlich_wandern span {background: url(../images/Schrift-navi-left/wandern.png) no-repeat 10px;}
    #navi-left a.sportlich_radfahren span {background: url(../images/Schrift-navi-left/radfahren.png) no-repeat 10px;}
    #navi-left a.sportlich_nordicwalking span {background: url(../images/Schrift-navi-left/nordicwalking.png) no-repeat 10px;}
    #navi-left a.sportlich_kanufahren span {background: url(../images/Schrift-navi-left/kanufahren.png) no-repeat 10px;}
    #navi-left a.sportlich_reiten span {background: url(../images/Schrift-navi-left/reiten.gif) no-repeat 10px;}
    #navi-left a.sportlich_wellness span {background: url(../images/Schrift-navi-left/wellness-beauty.png) no-repeat 10px;}
#navi-left a.veranstaltungen span {background: url(../images/Schrift-navi-left/veranstaltungen.png) no-repeat right center;}
    #navi-left a.veranstaltungen_vorschau span {background: url(../images/Schrift-navi-left/highlights.gif) no-repeat 10px;}
    #navi-left a.veranstaltungen_coctermine span {background: url(../images/Schrift-navi-left/kalender_cochem.gif) no-repeat 10px;}
    #navi-left a.veranstaltungen_cochemaktiv span {background: url(../images/Schrift-navi-left/cochemaktiv.png) no-repeat 10px;}
    #navi-left a.veranstaltungen_alletermine span {background: url(../images/Schrift-navi-left/veranstaltungen_ferienland.gif) no-repeat 10px;}
#navi-left a.stadtverwaltung span {background: url(../images/Schrift-navi-left/stadtverwaltung.gif) no-repeat 0 50%;}
	/*---------Unternavigation-----------*/
	
        /*#d1, #d2, #d3, #d4, #d5, #d6, #d7, #d8, #d9 */
        #navi-left li ul {display:none; margin:0;}
	#navi-left li.current ul {display:block;}
	#navi-left ul li {padding:0; width:155px;}
	#navi-left ul.level2 li a {
	   height:19px;
	   background: url(../images/navi-left-buttons2.png) no-repeat right top;
	}
	#navi-left ul li a:hover, #navi-left ul li a:active { background-position:right bottom;} 
	
	#navi-left ul li a span {border-top:1px solid #fff; margin-right:3px;}
	
	


#main {
    width:660px;
    position:relative;
    margin-left:230px;
    left:6%;
    min-height:100%;
    background: url(../images/main-bgr.png) no-repeat 50% 100%;
    z-index:10;
    float:left;
}

/*--------Container mit Text----------------------*/	
#shadow-o {
   width:660px;
   background: url(../images/ccshadow-o.png) no-repeat bottom;
   height:55px;
}
	
#page {
   background: url(../images/ccshadow-m.png) repeat-y center;
   min-height:590px;
   margin-bottom:135px;
   padding: 0 1px 0px 7px;
   line-height: 1.2em;
}

/*----Container mit den aktuellen infos und Terminen------*/
#box_bottom {
    width:634px;
    height:124px;
    position:relative;
    margin-left:230px;
    left:6%;
    z-index:11;
    margin-top:-124px;
    padding:0 13px;
    float:left;  /*um collapsing margins in IE8 und Opera entgegen zu wirken*/
}

/*----einzelne Elemente---------------*/
.spalte0, spalte0_randlos {
  width:92%;
  margin:20px 10px 0 24px;
  text-align:left;
  float:left;
}
.spalte0_randlos {
  width:99%;
  margin:20px 0 0;
}
.spalte1 {
  width:330px;
  position:relative;
  float:left;
  left:25px;
  text-align:left;
}
.spalte2 {
  width:260px;
  float:right;
  position:relative;
  left:3px;
  top:5px;
  text-align:left;
}
.spalte0_randlos h2 {margin-left:0; }
/*--------Logo-----------------------*/
#logo {
  display:block;
  width:200px;
  height:106px;
  background: url(../images/logo.png) no-repeat left top;
  position:fixed;
  left:0.5%;
  top:0;
  z-index:0;
}

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

#footer {
  width:100%;
  height:26px;
  background-color: #7AAC4C;
  z-index:1;
  text-align:left;
  position:relative;
  bottom:0;
  margin-top:-26px;
  float:left; 
}
#footer a{
    display:block;
    margin-left:50px;
    width:120px;
    height:26px;
    background: url(../images/impressum.png) no-repeat left;
    text-indent:-5000px;
}



#box_bottom .aktuelles {
    margin-left:53px;
    color:#fff; 
    font-weight:bold;
}
#box_bottom .aktuelles a {
    color:#FEDF12;
    display:inline-block;
    padding-top:1em;
}
#box_bottom .aktuelles a.infos{
    background-image:none;
    font-size:0.9em;
    padding:0;
    color:#fff;
}
#box_bottom .aktuelles img {
    height:53px;
    float:right;
    margin:10px 50px 0 0;
    padding:0;
}
#box_bottom .aktuelles .banner {
    height:47px;
    width:47px;
    float:left;
    background:url(../images/banner_neu.png) no-repeat right bottom;
    margin-top:-3px;
    margin-left:-60px;
}
#box_bottom h4 {
    position:relative;
    top:-15px;
    height:18px;
    width:120px;
    margin:0;
    background: url(../images/schrift_anzeige.png) no-repeat 10px 50%;
    text-indent:-5000px;
}
#box_bottom  img {
    padding: 0 0 0 20px;
}
/*--------obere Navigation-----------------------*/
/*--------navi-top-----------------------*/
#navi-top {
  display:block;
  position:absolute;
  margin-left:6%;
  left:500px;
  top:17px;
  height:13px;
  min-width:230px;
  z-index:30;
}
#navi-top li{
    float:left;
    list-style:none;
    font-size:8pt;
    padding:0 10px 0;
}
#navi-top a {
    display: block;
    height:13px;
    width:40px;
    text-indent:-5000px;
    background: url(../images/navi-top.png) no-repeat;
}
#navi-top a.presse {background-position: 0 0;}
#navi-top a.kontakt {width:55px; background-position: 40.5% 0;}
#navi-top a.newsletter {width:70px; background-position: 100% 0;}
#navi-top a.presse:hover {background-position: left bottom;}
#navi-top a.kontakt:hover {background-position: 40.5% 100%;}
#navi-top a.newsletter:hover {background-position:right bottom;}

/*--------Sprachauswahl-----------------------*/
#sprache {
   display:block;
   position:absolute;
   left:750px;
   margin-left:6%;
   min-width:140px;
   top:14px;
   z-index:29;
}
#sprache li {
    float:left;
    list-style:none;
    font-size:7pt;
    padding:0 4px;
}
#sprache a {
    display: block;
    overflow: hidden;
    height:18px;
    width:25px;
    text-indent:-5000px;
}
#sprache a.de {background: url(../images/flaggen.png) no-repeat left center;}
#sprache a.en {background: url(../images/flag_en.gif) no-repeat 33% 50%;}
#sprache a.fr {background: url(../images/flaggen.png) no-repeat 67% 50%;}
#sprache a.nl {background: url(../images/flaggen.png) no-repeat right center;}


form.search {
  position:absolute;
  left:630px;
  margin-left:6%;
  top:60px;
  width:260px;
  z-index:12;
}




	
/*--------Bildcontainer------------*/
.ro, .lo, .lu, .ru {display:inline-block;} /*Erzwingen der Shrink-to-fit eigenschaft*/
.lo {
    background: url(../images/imgcorners_lo.png) no-repeat left top;
    padding-left:15px;
    margin-left: -9px;
}
.ro {
    background: url(../images/imgcorners_ro.png) no-repeat right top;
    padding-top:14px;
}
.lu {
    background: url(../images/imgcorners_lu.png) no-repeat left bottom;
    margin-left:-15px;
    padding-left:15px;
}
.ru {
    padding:1px 15px 10px 0;
    background: url(../images/imgcorners_ru.png) no-repeat right bottom;
}
.lo dd {
    position:absolute;
    margin:2px 0 0 2px;
    padding:0 5px 1px 2px;
    width:220px;
    font-weight:bold;
    font-size:12px;
    color:#FFFFFF;
    line-height: 18px;
    text-indent:-5000px;
}
.lo img {padding-bottom:2px;}

.imgbox {width:180px;}

.imgbox .lo{
    margin:10px 15px 20px;
}

/*--------Listen mit mehreren Spalten und anderen Formatierungen------------*/

/*Liste für Gastronomie und Weingüter*/

ul.catalog {  
    width:100%;
    display:block;
    padding:0;
    margin:0;
}
.catalog li {
    background: url(../images/hr.gif) no-repeat -20px 100%;
    display:block;
    float:left;
    width:100%;
    padding:0.2em 0 0.7em;
    clear:both;
}
ul.catalog2 {  
    width:100%;
    display:block;
    padding:0;
    margin:0;
}
.catalog2 li {
    background: url(../images/hr2.gif) no-repeat -20px 100%;
    display:block;
    float:left;
    width:100%;
    padding:0.2em 0 0.7em;
    clear:both;
}
.catalog a:visited { font-weight:normal; color:#555555; text-decoration:none }
.catalog a:hover { font-weight:bold; color:#CC3300; background-color:#E5E5E5; padding:3px; text-decoration:none }
.catalog2 a:link { color:navy;}
.catalog2 a:visited { font-weight:normal; color:#555555; text-decoration:none }
.catalog2 a:hover { font-size:1em; font-weight:bold; color:#CC3300; background-color:#E5E5E5; padding:3px; text-decoration:none }
.catalog li:first-child {
   margin-top:.7em;
}
.catalog li p, .catalog li a, .catalog li h3 {
    display:block;
    float:left;
}
.catalog li p, .catalog li h3 {
    padding:0 24px;
    width:350px;
}
.catalog .premium p, .catalog .premium h3 {
    width:215px;
    margin-left:0;
    padding-left:14px;
}
.catalog h2.first.space-top {
    margin-top:0;
}
.catalog img {
    width:120px;
    height:90px;
    float:left;
    margin: 5px 0 5px 24px;
}
.catalog .preisbox {
    background: url(../images/preisbox-u.png) no-repeat bottom;
    width:120px;
    float:left;
    margin: 0 0 5px 0;
}
.catalog .arrangements .preisbox h3 {
    background: url(../images/preisbox-o.png) no-repeat top;
    width:104px;
    margin:-4px 0 0 0;;
    padding:10px 8px 10px;
    text-align:center;
}
.catalog .arrangements p, .catalog .arrangements h3 {width:300px;}


.list_2column {   /*Liste in wechselnen Farben*/
    margin:0;
    padding:0 0 .5em;
}
.list_2column li {
    list-style:none;
    padding:.5em 0 0 .5em;
    height:2em;
}
.list_2column li.change_bgrcolor {
    background: #E0F9CC;
    height:1.4em;
    padding-top:.2em;
}
.list_2column a.infos {
    position:relative;
    left:350px;
    top:-1.4em;
    width:210px;
    margin-bottom:-1.4em; /*für IE6*/
}
.list_2column li.change_bgrcolor a.infos {top:-1.6em;}


.list_parallel{ /*Liste in der die li nebeneinander liegen(siehe Kanutouren->Adressen)*/
    float:left;
    width:103%;
}
.list_parallel li{
    float:left;
    width:47%;
    padding: 0 3% 1em 0;
}

ol.colorpoints {
    margin:1em 0;
    display:table; /*display zum Einschließen der Inhalte*/
}
.colorpoints li {  /*Liste mit farbigen Punkten (siehe Nordic-Walking)*/
    padding: 0 0 11px 1px;
    list-style-type:none;
    display:block;
    line-height:16px;
    text-indent:18px;
}
.colorpoints li a.infos {text-indent:0;}

.redpoint {background: url(../images/point_red.png) no-repeat 0 0;}
.bluepoint {background: url(../images/point_blue.png) no-repeat 0 0;}
.blackpoint {background: url(../images/point_black.png) no-repeat 0 0;}
.point1 {background: url(../images/point1.gif) no-repeat 0 0;}
.point2 {background: url(../images/point2.gif) no-repeat 0 0;}
.point3 {background: url(../images/point3.gif) no-repeat 0 0;}
.point4 {background: url(../images/point4.gif) no-repeat 0 0;}
.point5 {background: url(../images/point5.gif) no-repeat 0 0;}
.point6 {background: url(../images/point6.gif) no-repeat 0 0;}
.point7 {background: url(../images/point7.gif) no-repeat 0 0;}
.point8 {background: url(../images/point8.gif) no-repeat 0 0;}
.point9 {background: url(../images/point9.gif) no-repeat 0 0;}
.point10 {background: url(../images/point10.gif) no-repeat 0 0;}
.point11 {background: url(../images/point11.gif) no-repeat 0 0;}
.point12 {background: url(../images/point12.gif) no-repeat 0 0;}
.point13 {background: url(../images/point13.gif) no-repeat 0 0;}
.point14 {background: url(../images/point14.gif) no-repeat 0 0;}
.point15 {background: url(../images/point15.gif) no-repeat 0 0;}
.point16 {background: url(../images/point16.gif) no-repeat 0 0;}