/*
 * Cascading Style Sheet PZ-Nord
 *
 * Colors: Grün #01632f;
 *
 *
 */

#wrapper {word-wrap: break-word;} /* ie proprietary property to force long words to break rather than the layout */


* {margin: 0; padding: 0; border: 0;}

html { margin-bottom:1px; height:100%; }
body { margin:12px 0 12px 0;	background:#C8DAC5; background:#E0EBB6;}
img  { display:block; }

h1,h2,h3,h4,h5,p,ul,li{padding:0;margin:0;}
a { text-decoration:none; font:normal normal normal 1em Arial, Helvetica, sans-serif; color:#ff6b01; }

.text { font:normal normal normal 0.75em Arial, Helvetica, sans-serif; color:#606060; }

h2 { width:100%; font:normal normal bold 16px Verdana; color:#97BF0D; border-bottom:2px dotted #97BF0D; padding-bottom:0.12em; margin-bottom:0.12em; }
h3 { font:normal normal bold 0.88em Verdana; color:#97BF0D; border:none; padding-bottom:10px; }
h4 { font:normal normal bold 0.75em Arial, Helvetica, sans-serif; color:#ff6b01; }

.pl_red    { background:#ff6b01; color:black; text-align:center; }
.pl_yellow { background:#97BF0D; color:black; text-align:center; }
.pl_green  { background:#01632f; color:white; text-align:center; }

.googlelink { text-decoration:none; padding-top:0.4em; font:normal normal normal 0.75em Arial, Helvetica, sans-serif; color:#ff6b01; }

/* wrapper holds left faux column tab */
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */

#wrapper4 { width:984px; margin:0 auto; background:url('../images/site/background-wrapper.gif') repeat-y; }
#wrapper3 { background:url('../images/site/background-wrapper-top.gif') top left no-repeat; }
#wrapper2 { background:url('../images/site/background-wrapper-bottom.gif') bottom left no-repeat; }
#wrapper { text-align:left; width:960px; margin:0 auto; padding:12px 0; }

#header { position:relative; }
.header-top { border-top:8px solid #245239; width:100%; height:96px; background:white; }
.header-top .logo { float:left; width:253px; height:93px;  }
.header-top .text { float:right; width:493px; height:33px; background:url('../images/site/header-top-text.gif') 0 14px no-repeat; padding-right:25px; }

.mod_imageslider  { width:960px; height:300px; }

.subheader { position:absolute; right:1em; top:80px; }
.subheader .a1, .subheader .a2 { float:right; }

.navigation-top { }
.navigation-top ul { float:right; list-style-type:none; }
.navigation-top li { float:left; padding:0.04em 0; font:normal normal normal 0.80em Arial, Helvetica, sans-serif; color:#9c9e9f; }
.navigation-top li a { text-decoration:none; padding:0 0.32em; color:#9c9e9f; }
.navigation-top li.active span { padding:0 0.32em; color:#222222; }
.navigation-top li a:hover { color:#222222; }

.navigation-main { clear:both; width:100%; background:#DDDDDD; }
.navigation-main ul { float:right; list-style-type:none; padding-right:25px; }
.navigation-main li { float:left; padding:0.22em 0; font:normal normal normal 0.80em Arial, Helvetica, sans-serif; color:#707070; }
.navigation-main li a { text-decoration:none; color:#707070; padding:0 0.32em; }
.navigation-main li.active span { padding:0 0.32em; color:#222222; }
.navigation-main li a:hover { color:#222222; }

.navigation-left { background:url('../images/site/background-left-bottom.gif') left bottom no-repeat; }
.navigation-left ul { margin-bottom:8px; padding:10px 17px 50px 5px; background:url('../images/site/background-left.gif') repeat-y; }
.navigation-left ul.level_1 { list-style-type:none; }
.navigation-left ul.level_1 li a,
.navigation-left ul.level_1 li span,
.navigation-left ul.level_1 li.active span { display:block; margin:0.22em 0 0.22em 28px; font:normal normal normal 0.80em Arial, Helvetica, sans-serif; text-decoration:none; color:#8ab700; border-bottom:2px dotted; }
.navigation-left ul.level_1 li.submenu { background:url('../images/site/navigation-left-arrow-down.gif') 14px 4px no-repeat; }
.navigation-left ul.level_1 li { background:url('../images/site/navigation-left-arrow-right.gif') 14px 4px no-repeat; }

.navigation-left ul.level_2 { list-style-type:none; background-image:none; padding-bottom:0; padding-top:0; }
.navigation-left ul.level_2 li a,
.navigation-left ul.level_2 li span,
.navigation-left ul.level_2 li.active span { display:block; width:187px; margin:0.22em 0 0.22em 56px; font:normal normal normal 0.80em Arial, Helvetica, sans-serif; text-decoration:none; color:#8ab700; border-bottom:2px dotted; }
.navigation-left ul.level_2 li.submenu { background:url('../images/site/navigation-left-arrow-down.gif') 42px 4px no-repeat; }
.navigation-left ul.level_2 li { background:url('../images/site/navigation-left-arrow-right.gif') 42px 4px no-repeat; }

.navigation-left h1 { background:url('../images/site/background-left-top.gif') repeat-y; font:normal normal bold 0.80em Arial, Helvetica, sans-serif; padding:0.22em 0; color:white; padding-left:12px; }

.navigation-footer { width:480px; background:#245239; float:left; }
.navigation-footer ul { float:left; list-style-type:none; padding-left:20px; }
.navigation-footer li { float:left; padding:0.22em 0; font:normal normal normal 0.80em Arial, Helvetica, sans-serif; color:white; }
.navigation-footer li a { text-decoration:none; padding:0 0.32em; color:#d9dadb; }
.navigation-footer li.active span { padding:0 0.32em; color:#d9dadb; }
.navigation-footer li a:hover { color:#d9dadb; }

.copyright { float:right; width:460px; background:#245239; font:normal normal normal 0.80em Arial, Helvetica, sans-serif; color:white; text-align:right; padding:0.22em 0; padding-right:20px; }

.left-content    { background:url('../images/site/background-left-bottom.gif') left bottom no-repeat; }
.left-content h1 { background:url('../images/site/background-left-top.gif') repeat-y; font:normal normal bold 0.80em Arial, Helvetica, sans-serif; padding:0.22em 0; color:white; padding-left:17px; }
.left-content .content { margin-bottom:8px; padding:0 17px 20px 17px; background:url('../images/site/background-left.gif') repeat-y; }
.left-content .content .bottom { padding:10px 17px 100px 17px; }

#container { clear:both; margin:0; background:white; float:left; width:100%; }

#container:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; }

#left { float:left; width:270px; margin:20px; }

#mainwrapper { float:left; width:650px; background:white; }
#main { margin:20px; }

#footer { clear:both; }
#clear { clear:both; }

.ce_gallery { clear:both; }
.ce_gallery table { margin:20px 10px 10px 0; border-left:10px solid #e8e8e8; border-top:10px solid #e8e8e8; }
.ce_gallery table td { padding:0 10px 10px 0; background:#e8e8e8; }

.ce_text { padding-top:6px; font:normal normal normal 0.75em Arial, Helvetica, sans-serif; color:#606060; }

.ce_form td { padding:0.3em 0; vertical-align:top; }
.ce_form label, .ce_form span.mandatory { font:normal normal normal 0.75em Arial, Helvetica, sans-serif; color:#606060; }
.ce_form input, .ce_form textarea, .ce_form select { border:1px solid #97BF0D; margin-left:1em; }
.ce_form select { width:65px; }
.ce_form p.error { padding-left:1em; font:normal normal normal 0.75em Arial, Helvetica, sans-serif; color:#ff6b01; }
.ce_form input, .ce_form input.submit, .ce_form select { font:normal normal normal 0.75em Arial, Helvetica, sans-serif; color:black; }

.ce_hyperlink { float:left; font:normal normal normal 12px Arial; }
.ce_hyperlink.buchung { float:right; }

.ce_list { font:normal normal normal 0.75em Arial, Helvetica, sans-serif; color:#606060; }
.ce_list ul { padding:0 17px; list-style-image: url('../images/site/square.gif'); }

.ce_downloads { font:normal normal normal 0.75em Arial, Helvetica, sans-serif; padding-top:20px !important; }
.ce_downloads p { clear:both; padding:2px 0; } 
.ce_downloads img { float:left; } 
.ce_downloads a { float:left; padding-top:2px; } 

/*.ce_form #f5 { }
.ce_form #f5 li { width:230px; height:50px; background:none; font:normal normal normal 0.63em Arial, Helvetica, sans-serif; color:black; overflow:hidden; }
.ce_form #f5 span { float:left; font:normal normal normal 1em Arial, Helvetica, sans-serif; color:black; }
*/

.mod_newslist .layout_short { padding-top:12px; font:normal normal normal 0.75em Arial, Helvetica, sans-serif; color:#606060; }
.mod_newslist .layout_short p.info { display:none; }
.mod_newslist .layout_short p.teaser { padding:4px 0 2px 0; }
.mod_newslist .layout_short p.more { padding-bottom:10px; }

.mod_newsreader .layout_full p.headline { float:left; font:normal normal normal 1em Arial, Helvetica, sans-serif; color:#ff6b01; }
.mod_newsreader .layout_full p.info { float:right; font:normal normal normal 0.75em Arial, Helvetica, sans-serif; color:#606060; }
.mod_newsreader .layout_full .ce_text { clear:both; }
.mod_newsreader p.back { padding-top:16px; font:normal normal normal 0.75em Arial, Helvetica, sans-serif; color:#ff6b01; }

.mod_sitemap { padding-top:20px; margin-left:20px; }
.mod_sitemap ul.level_1 { list-style-type:none; }
.mod_sitemap ul.level_1 li a { display:block; margin:3px 0; padding-left:14px; font:normal normal normal 0.80em Arial, Helvetica, sans-serif; color:#8ab700; background:url('../images/site/navigation-left-arrow-right.gif') 0 4px no-repeat; text-decoration:none; }
.mod_sitemap ul.level_2 li a { padding-left:42px; background:url('../images/site/navigation-left-arrow-right.gif') 28px 4px no-repeat; }
.mod_sitemap ul.level_3 li a { padding-left:70px; background:url('../images/site/navigation-left-arrow-right.gif') 56px 4px no-repeat; }

.mod_form .searchform { }
.mod_form .searchform input.text { border:1px solid #9c9e9f; }
.mod_form .searchform label { padding:0 0.22em; font:normal normal normal 0.80em Arial, Helvetica, sans-serif; color:#9c9e9f; }

.mod_search { }
.mod_search p.header { font:italic normal bold 1em Arial, Helvetica, sans-serif; color:#97BF0D; border-bottom:2px dotted #97BF0D; padding-bottom:0.12em; margin-bottom:0.48em; }
.mod_search a { text-decoration:none; font:normal normal bold 0.75em Arial, Helvetica, sans-serif; color:#ff6b01; }
.mod_search .relevance { font:normal normal bold 0.75em Arial, Helvetica, sans-serif; color:#97BF0D; }
.mod_search p.context { font:normal normal normal 0.75em Arial, Helvetica, sans-serif; color:#808080; }
.mod_search p.url, .mod_search p.filesize { padding:10px 0; font:normal normal normal 0.75em Arial, Helvetica, sans-serif; color:#606060; }
.mod_search span.highlight { font:normal normal bold 1em Arial, Helvetica, sans-serif; color:#ff6b01; }

.mod_gallerylist table { padding:10px 0; }
.mod_gallerylist table td { vertical-align:top; font:normal normal normal 0.75em Arial, Helvetica, sans-serif; color:#9c9e9f;  }
.mod_gallerylist table td.col_first { padding-right:20px; }

.mod_galleryviewer .date, .mod_galleryviewer .location, .mod_galleryviewer .photographer { float:left; font:normal normal normal 0.75em Arial, Helvetica, sans-serif; color:#ff6b01; }
.mod_galleryviewer span.separator { padding:0 0.75em; color:#9c9e9f; }
.mod_galleryviewer .image_gallery { clear:both; }
.mod_galleryviewer p.back { font:normal normal normal 0.75em Arial, Helvetica, sans-serif; color:#ff6b01; }

.mod_cataloglist { font:normal normal normal 0.75em Arial, Helvetica, sans-serif; color:#606060; }
.mod_cataloglist td, .mod_cataloglist th { padding:0.12em 0.3em; vertical-align:top; }
.mod_cataloglist tr { background:#FDF5C6; }
.mod_cataloglist thead tr { background:#FBE987; }
.mod_cataloglist td { border-top:4px solid white; }
.mod_cataloglist td.col_zuzahlung { text-align:right; }
.mod_cataloglist th.col_datum2 {  }
.mod_cataloglist tr:hover { background:#FCF9E5; }
.mod_cataloglist thead tr:hover { background:#FBE987; }
.mod_cataloglist span.total { display:none; }
.mod_cataloglist .pagination { padding:10px 0; }
.mod_cataloglist .pagination p { float:left; }
.mod_cataloglist .pagination ul { float:right; list-style-type:none; }
.mod_cataloglist .pagination li { float:left; padding:0 4px; }

/*
<div class="pagination block">

<p>Seite 1 von 4</p>
<ul>
  <li><span class="current">1</span></li>
  <li><a href="gesundreisen.html?page=2" class="link" title="Gehe zu Seite 2">2</a></li>

  <li><a href="gesundreisen.html?page=3" class="link" title="Gehe zu Seite 3">3</a></li>
  <li><a href="gesundreisen.html?page=4" class="link" title="Gehe zu Seite 4">4</a></li> 
  <li><a href="gesundreisen.html?page=2" class="next" title="Gehe zu Seite 2">Vorwärts</a></li>
  <li><a href="gesundreisen.html?page=4" class="last" title="Gehe zu Seite 4">Ende &#187;</a></li>
</ul>

</div>
*/

.mod_catalogreader { font:normal normal normal 14px Arial, Helvetica, sans-serif; color:#606060; }
.mod_catalogreader td.label { width:100px; }
.mod_catalogreader td { padding:0.12em 0.3em; }
.mod_catalogreader tr.col_titel { display:none; }
.mod_catalogreader tr.col_nummer { display:none; }
.mod_catalogreader p.back { display:none; }

.heading { font:normal normal normal 12px Arial, Helvetica, sans-serif; color:#606060; }

.reservation { font:normal normal normal 14px Arial, Helvetica, sans-serif; color:#606060; padding-top:40px;}
.reservation td.label { width:100px; }
.reservation td { padding:0.12em 0.3em; }
.reservation .back { float:left; padding-top:20px; }
.reservation .confirm { float:right; padding-top:20px; }

.mod_catalogfilter h3 { display:inline; }
.mod_catalogfilter .widget { clear:both; padding:5px 0; }
.mod_catalogfilter label { width:6em; font:normal normal normal 0.75em Arial, Helvetica, sans-serif; color:#606060; float:left; padding:2px; margin:2px 0; }
.mod_catalogfilter select { width:13em; font:normal normal normal 0.75em Arial, Helvetica, sans-serif; color:#606060; float:left; background:#d9dadb; padding:2px; margin:2px 0;}
.mod_catalogfilter .clearall { clear:both; width:19em; text-align:right; font:normal normal normal 0.75em Arial, Helvetica, sans-serif; }

.mod_catalogfeatured .item { float:left; position:relative; width:280px; height:150px; padding:6px; margin:4px; font:normal normal normal 12px Arial, Helvetica; color:black; overflow:hidden; background:url('../images/site/item-background.gif') top left no-repeat; }
.mod_catalogfeatured .item .col_image { position:absolute; top:8px; right:23px; }
.mod_catalogfeatured .item .col_datum { padding-top:64px; }

.mod_faqlist { }
.mod_faqlist ul { list-style-type:square; padding:10px 17px; list-style-image: url('../images/site/square.gif'); }
.mod_faqlist ul li { font:normal normal normal 0.75em Arial, Helvetica; padding:2px 0; }

.mod_faqreader p.back, .mod_faqreader p.info { visibility:hidden; }

.pdf_link { display:block; float:right; font:normal normal normal 0.75em Arial, Helvetica; }

/************* IE Mac CSS Only  works for Win too **************/
* html div#centerwrap {margin: 0 -100% 0 0;}
* html div#left {margin: 0;}