 /*_______________________________________________________________________

                 styles.css
                 Layout for schoen-touristik.de
                 Thomas Krug, netzrezepte.de, 25. November 2009
   ________________________________________________________________________ */


/* =======================================================================
         basic structur
   =======================================================================*/

body {
   padding: 0;
   background-color: #A5C5E2;
   margin: 0px 0px 0px 0px;
   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana;
   font-size: 1em;
}

.wrap {
   position: relative;
   width: 100%;
   left: 0px;
   text-align: center;
}

.boxwrap {
   position: relative;
   padding: 0px;
   width: 880px;
   margin: auto;
   margin-top: 0px;
   margin-bottom: 10px;
   text-align: left;
}

.popupwrap {
   position: relative;
   padding: 0px;
   margin: auto;
   margin-top: 0px;
   margin-bottom: 0px;
   text-align: left;
   background-color: #DAEAF9;
}

.CEwrap {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

.csc-default {
   margin: 0px 0px 10px 0px;
   padding: 0px;
   overflow: hidden;
   clear: both;
}

.versteckt {
   display: none;
}

.clearer {
    clear: both;
    height: 0px;
    width: 0px;
    overflow: hidden;
}

.trenner {
   clear: both;
}



/* Schatten fï¿½r die Boxen */

.schatten-bottom {
   position: absolute;
   left: 0px;
   bottom: 0px;
   width: 100%;
   height: 10px;
   overflow: hidden;
}

.schatten-unten-links {
   position: absolute;
   left: 0px;
   top: 0px;
   background-image: url(../Images/Schatten-unten-links.gif);
   background-repeat: no-repeat;
   height: 10px;
   width: 50%;
}

.schatten-unten-rechts {
   position: absolute;
   right: 0px;
   top: 0px;
   background-image: url(../Images/Schatten-unten-rechts.gif);
   background-repeat: no-repeat;
   background-position: right 0px;
   height: 10px;
   width: 55%;
}

.schatten-unten-links-transpatent {
   position: absolute;
   left: 0px;
   top: 0px;
   background-image: url(../Images/Schatten-unten-links.png);
   background-repeat: no-repeat;
   height: 10px;
   width: 50%;
}

.schatten-unten-rechts-transpatent {
   position: absolute;
   right: 0px;
   top: 0px;
   background-image: url(../Images/Schatten-unten-rechts.png);
   background-repeat: no-repeat;
   background-position: right 0px;
   height: 10px;
   width: 55%;
}


/* =======================================================================
         text formating
   =======================================================================*/

h1 {
   font-weight: bold;
   padding: 0px;
   margin: 0px 0px 10px 0px;
   font-size: 0.9em;
   color: #0064A8;
}

h1.groessere_ueberschrift {
   font-size: 14px;
}

h1.grossbuchstaben {
   text-transform: uppercase;
   font-size: 10px;
}

h1.graugerahmt {
   color: #71939D;
   border-top: 1px solid #71939D;
   border-bottom: 1px solid #71939D;
}

.rightcontent h1 {
   font-size: 0.7em;
}

h3.kleine_ueberschrift {
   font-size: 12px;
   color: #0064A8;
   margin: 0px 0px 10px 0px;
   padding: 0px;
}

h2 {
   font-weight: bold;
   font-size: 12px;
   color: #0064A8;
   margin: 0px 0px 10px 0px;
}

h2.graugerahmt {
   color: #71939D;
   border-top: 1px solid #71939D;
   border-bottom: 1px solid #71939D;
   font-weight: bold;
   padding: 0px;
   margin: 0px 0px 10px 0px;
   font-size: 12px;
}

h3 {
   font-weight: bold;
   font-size: 12px;
   color: #0064A8;
   margin: 0px 0px 10px 0px;
}

h3.grossbuchstaben {
   text-transform: uppercase;
   font-size: 10px;
   font-weight: bold;
   padding: 0px;
   margin: 0px 0px 10px 0px;
   font-size: 0.9em;
   color: #0064A8;
}

h4 {
   font-weight: bold;
   font-size: 0.75em;
   color: #0064A8;
   margin: 0px 0px 0px 0px;
}

p {
   font-size: 11px;
   color: black;
   margin: 0px 0px 5px 0px;
}

p.grau {
   color: #727477;
}

p.fett {
   font-weight: bold;
}

p.suchfehler {
   background-color: #FFFFFF;
   padding: 10px;
   margin: 0px 10px 0px 0px;
   color: #0064A8;
   font-size: 14px;
}

.rightcontent p {
   font-size: 0.7em;
}

address {
   margin: 0px;
   margin-bottom: 5px;
   font-size: 0.8em;
}

p.postionnavigation {
   font-size: 11px;
   color: #0064A8;
   margin: 3px 0px 5px 0px;
   padding: 0px;
   font-style: italic;
   font-weight: bold;
}

p.infohotline {
   position: absolute;
   right: 15px;
   bottom: 5px;
   font-size: 13px;
   color: #0064A8;
}


dd.csc-textpic-caption {
   font-size: 11px;
   color: black;
   margin: 0px;
}

dt {
   font-size: 11px;
   color: black;
   margin: 0px;
   text-align: left;
}

li {
   font-size: 12px;
   padding: 0px;
   margin: 7px 0px 0px 0px;
}

.mainfield li {
   list-style-image:url(../Images/listen_pfeil.gif);
}

.mainfield .CERblau li {
   list-style-image:url(../Images/listen_pfeil_gelb.gif);
}

img {
   border: none;
}

td, th {
   font-size: 11px;
}

/* Text Ausrichtungen vom RTE */

.align-right {
   text-align: right;
}

.align-left {
   text-align: left;
}

.align-center {
   text-align: center;
}

.align-justify {
   text-align: justify;
}

.indent {
   margin-left: 40px;
}

/* Text mit Bild formatierungen */

/*.csc-textpic-imagewrap img {
   margin-bottom: 10px;
}*/

.csc-textpic-above .csc-textpic-imagewrap {
   margin-bottom: 10px;
   overflow: hidden;
}

/* Text-Formatierung des Kopfbereichs*/

.roof_teaser h1 {
   position: absolute;
   left: 15px;
   top: 12px;
   margin: 0px;
   padding: 0px;
   font-size: 15px;
   color: #DAEAF9;
   font-weight: normal
}

.roof_teaser p {
   position: absolute;
   right: 10px;
   top: 12px;
   margin: 0px;
   padding: 0px;
   font-size: 14px;
   color: #DAEAF9;
}

/* Allgemeine Formatierungen fï¿½r spezielle Farben */

.gelb {
   color: #FFDE41;
}

.fett {
   font-weight: bold;
}

.blau {
   color: #66A5D0;
   font-size: 12px;
}

/* =======================================================================
         position and formating forms
   =======================================================================*/

form {
   margin: 0px;
}

fieldset {
   border: none;
   margin: 0px;
   padding: 0px;
}

legend {
   display: none;
}

label {
   font-size: 12px;
   color: #000000;
   margin: 0px;
   display: block;
   float: left;
   width: 150px;
}

input.searchfield {
   width: 150px;
   font-size: 11px;
   color: #0064A8;
   border: 1px solid #0064A8;
}

input.submitbutton {
   content: suchen;
   cursor: hand;
   width: 16px;
   border: none;
}

select {
   font-size: 11px;
   color: #0064A8;
   border: 1px solid #0064A8;
   margin: 0px;
   width: 222px;
}

input {
   font-size: 11px;
   color: #0064A8;
   margin: 0px;
   border: 1px solid #0064A8;
   width: 215px;
   padding: 2px;
}

input.gewinnspiel {
   width: 80px;
}

label.gewinnspiel {
   width: 60px;
}

input:hover, input:active, input:focus, select:hover, select:active, select:focus {
   background-color: #DAEAF9;
}

input[type=checkbox] {
   color: #0064A8;
   border: none;
   width: 16px;
}

input.csc-mailform-check {
   color: #0064A8;
   border: none;
   width: 16px;
}

input[type=radio] {
   color: #0064A8;
   border: none;
   width: 16px;
}

input[type=submit] {
   background-image: url(../Images/subnavigation-bg.gif);
   color: #FFFFFF;
   width: 150px;
}

input.csc-mailform-radio {
   color: #0064A8;
   border: none;
   width: 16px;
}

textarea {
   width: 215px;
   font-size: 11px;
   color: #0064A8;
   border: 1px solid #0064A8;
   margin: 0px 0px 3px 0px;
   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana;
   padding: 2px;
}

textarea:hover, textarea:active, textarea:focus {
   background-color: #DAEAF9;
}

span.csc-mailform-radio label {
   display: inline;
   float: none;
   width: 1px;
}

input.csc-mailform-submit {
   margin: 10px 0px 0px 150px;
}

.tip-a-friend-formfield {
   margin: 0px 0px 10px 0px;
}

.csc-mailform-field {
   margin: 0px 0px 10px 0px;
}

/********** Powermail **************/

.tx_powermail_pi1_fieldwrap_html {
   margin: 0px 0px 10px 0px;
   overflow: hidden;
}

.tx_powermail_pi1_fieldwrap_html_submit {
   padding: 0px 0px 0px 150px;
}

.jscalendar_cb {
   display: none;
}

.jscalendar {
   width: 70px;
}

.tx_powermail_pi1_fieldwrap_html_radio_title, .tx_powermail_pi1_fieldwrap_html_checkbox_title {
   float: left;
}

.powermail_radio_inner, .powermail_check_inner {
   margin-left: 150px;
   overflow: hidden;
}

.powermail_radio_inner label, .powermail_check_inner label {
   width: auto;
   padding: 0px 0px 0px 10px;
   float: none;
}

.powermail_radio_inner input, .powermail_check_inner input {
   width: auto;
   margin: 0px 10px 0px 0px;
   float: left;
}

.tx-powermail-pi1_mandatory {
   font-size: 12px;
}

.tx-powermail-pi1_confirmation_back, .tx-powermail-pi1_confirmation_submit {
   margin: 10px 0px 0px 80px;
}

.tx_powermail_pi1_fieldwrap_html_radio_title, .tx_powermail_pi1_fieldwrap_html_checkbox_title {
   width: 150px;
}


/* =======================================================================
         Menï¿½s und Navigation
   =======================================================================*/

a {
   font-size: 1em;
   color: #5F5F5F;
   text-decoration: none;
   padding: 0px;
   margin: 0px;
}

a:hover {
   text-decoration: underline;
}

a.positionlink {
   font-size: 11px;
   color: #0064A8;
   text-decoration: none;
}

a.positionlink:hover {
   text-decoration: underline;
}

h1 a, h2 a, h3 a, h3.kleine_ueberschrift a, h4 a {
   text-decoration: none;
}



.homenav {
   position: absolute;
   right: 360px;
   margin: 0px;
   top: 1px;
   color: #FFFFFF;
   font-size: 10px;
}

.homenav ul {
   margin: 0px;
   padding: 0px;
}

.homenav ul li {
   display: block;
   float: left;
   border-left: 1px solid #FFFFFF;
}

.homenav ul li.first {
   border-left: none;
}

.homenav ul li a {
   display: block;
   padding: 0px 7px 0px 7px;
   color: #FFFFFF;
   font-size: 10px;
   font-weight: normal;
}

.homenav ul li a:hover {
   text-decoration: underline;
}

.homenav ul li a.act {

}



.mainnavigation {
   position: relative;
   margin: 0px;
   padding: 0px;
   color: #FFFFFF;
   font-size: 11px;
   z-index: 300;
   height: 31px;
}

.incoming-fuer-reiseveranstalter-button {
   position: absolute;
   left: 15px;
   top: 0px;
}

ul.menu, ul.menu ul {
   list-style-type: none;
   margin: 0px 0px 0px 15px;
   padding: 0px;
}

ul.menu a {
   display: block;
   padding: 0px;
   font-weight: normal;
   font-size: 12px;
   color: #0064A8;
}

ul.menu a:hover {
   text-decoration: none;
   font-weight: bold;
}

ul.menu li {
   padding: 0;
   margin: 0;
   float: left;
   height: 31px;
}

/* Fï¿½r Unterpunkte keine Float-Eigenschaft */
ul.menu ul li {
   float:none;
   background-color: transparent !importent;
   height: 22px;
   padding: 0px;
   border-bottom: 1px dashed #0064A8;
   overflow: hidden;
   background-image: url(../Images/layermenu_bg.png);
}

ul.menu ul li a {
   padding: 5px 5px 5px 22px;
}

/* Links auf Unterpunkten sollen die Hintergrundfarbe ï¿½ndern */
ul.menu ul li.hover, ul.menu ul li:hover {
   background-image: url(../Images/layermenu_bg_act.png);
}

/* Zweite Ebene */
ul.menu ul {
   margin:0;
   padding: 0;
   position: absolute;
   display: none;
   width: 127px;
   z-index: 1;
}

/* Zweite Ebene anzeigen */
ul.menu li.hover ul, ul.menu li:hover ul  {
   display: block;
}

/* Dritte Ebene */
ul.menu li.hover ul ul, ul.menu li:hover ul ul {
   display: none;
   margin-left: 125px; /* Breite eines Listenelements - ï¿½berlagerung */
   margin-top: -20px; /* Hï¿½he eines Listenelements */
}

/* Dritte Ebene anzeigen */
ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {
   display: block;
}

/* Vierte Ebene */
ul.menu li.hover ul li.hover ul ul, ul.menu li:hover ul li:hover ul ul {
   display: none;
}

/* Vierte Ebene anzeigen */
ul.menu li.hover ul li.hover ul li.hover ul , ul.menu li:hover ul li:hover ul li:hover ul {
   display: block;
}


.loginnavigation {
   position: absolute;
   left: 140px;
   bottom: 0px;
   margin: 0px;
   padding: 0px;
   color: #FFFFFF;
   font-size: 11px;
   z-index: 300;
   height: 20px;
   width: 127px;
}

ul.loginmenu, ul.loginmenu ul {
   list-style-type: none;
   margin: 0px 0px 0px 15px;
   padding: 0px;
}

ul.loginmenu a {
   display: block;
   padding: 0px;
   font-weight: normal;
   font-size: 12px;
   color: #0064A8;
}

ul.loginmenu a:hover {
   text-decoration: none;
   font-weight: bold;
}

ul.loginmenu li {
   padding: 0;
   margin: 0;
   float: left;
   height: 31px;
}

/* Fï¿½r Unterpunkte keine Float-Eigenschaft */
ul.loginmenu ul li {
   float:none;
   background-color: transparent !importent;
   height: 22px;
   padding: 0px;
   border-bottom: 1px dashed #0064A8;
   overflow: hidden;
   background-image: url(../Images/layermenu_bg.png);
}

ul.loginmenu ul li a {
   padding: 5px 5px 5px 22px;
}

/* Links auf Unterpunkten sollen die Hintergrundfarbe ï¿½ndern */
ul.loginmenu ul li.hover, ul.loginmenu ul li:hover {
   background-image: url(../Images/layermenu_bg_act.png);
}

/* Zweite Ebene */
ul.loginmenu ul {
   margin:0;
   padding: 0;
   position: absolute;
   display: none;
   width: 127px;
   z-index: 1;
}

/* Zweite Ebene anzeigen */
ul.loginmenu li.hover ul, ul.loginmenu li:hover ul  {
   display: block;
}

/* Dritte Ebene */
ul.loginmenu li.hover ul ul, ul.loginmenu li:hover ul ul {
   display: none;
   margin-left: -125px; /* Breite eines Listenelements - ï¿½berlagerung */
   margin-top: -20px; /* Hï¿½he eines Listenelements */
}

/* Dritte Ebene anzeigen */
ul.loginmenu li.hover ul li.hover ul, ul.loginmenu li:hover ul li:hover ul {
   display: block;
}

/* Vierte Ebene */
ul.loginmenu li.hover ul li.hover ul ul, ul.loginmenu li:hover ul li:hover ul ul {
   display: none;
}

/* Vierte Ebene anzeigen */
ul.loginmenu li.hover ul li.hover ul li.hover ul , ul.loginmenu li:hover ul li:hover ul li:hover ul {
   display: block;
}



.subnavigation {
   position: absolute;
   top: 1px;
   left: 0px;
   overflow: hidden;
   margin: 0px;
   padding: 0px 10px 0px 0px;
   z-index: 2;
   background-image: url(../Images/Schatten-rechts-Subnav.png);
   background-position: right 0px;
   background-repeat: no-repeat;
}

.subnavigation .schatten-unten-links {
   background-image: url(../Images/Schatten-unten-links.png);
   background-position: 15px 0px;
}

.subnavigation .schatten-unten-rechts {
   background-image: url(../Images/Schatten-unten-rechts.png);
}

.subnavigation ul {
   margin: 0px 0px 0px 15px;
   padding: 0px;
}

.subnavigation ul li {
   display: block;
   float: left;
   background-image: url(../Images/subnavigation-bg.gif);
   background-repeat: repeat-x;
   padding: 0px;
   margin: 0px;
   overflow: hidden;
   height: 34px;
}

.subnavigation ul li a {
   display: block;
   padding: 5px 22px 5px 22px;
   margin: 0px;
   color: #FFFFFF;
   font-size: 12px;
   font-weight: normal;
   border-left: 1px dashed #FFFFFF;
}

.subnavigation ul li.first a {
   border-left: none;
}

.subnavigation ul li a.act {
   font-weight: bold;
   padding: 5px 22px 5px 26px;
   background-image: url(../Images/subnavi_pfeil.gif);
   background-repeat: no-repeat;
   background-position: 12px 9px;
}




.leftmenu ul,
.leftmenu ul li ul,
.leftmenu ul li ul li ul,
.leftmenu ul li ul li ul li ul,
.leftmenu ul li ul ul li ul li ul {
   margin: 0px;
   padding: 0px;
   overflow: hidden;
}

.leftmenu ul li,
.leftmenu ul li ul li,
.leftmenu ul li ul li ul li,
.leftmenu ul li ul li ul li ul li,
.leftmenu ul li ul li ul li ul li ul li  {
   margin: 0px;
   padding: 0px;
   display: block;
   overflow: hidden;
}

.leftmenu ul li a {
   display: block;
   padding: 5px 0px 5px 15px;
   margin: 0px 0px 0px 0px;
   font-size: 11px;
   color: #FEB018;
   border-bottom: 1px solid #FEB018;
}

.leftmenu ul li a.act {
   text-decoration: none;
}

.leftmenu ul li a:hover, .leftmenu ul li a.act:hover {
   text-decoration: underline;
}

.leftmenu ul li ul li a {
   font-size: 11px;
   padding: 5px 0px 5px 30px;
   margin: 0px 0px 0px 0px;
}

.leftmenu ul li ul li a.act {

}

.leftmenu ul li ul li a:hover {
   text-decoration: none;
}

.leftmenu ul li ul li ul li a {
   font-size: 11px;
   padding: 5px 0px 5px 45px;
   margin: 0px 0px 0px 0px;
}

.leftmenu ul li ul li ul li a.act {

}

.leftmenu ul li ul li ul li a:hover {
   text-decoration: none;
}

.leftmenu ul li ul li ul li ul li a {
   font-size: 11px;
   padding: 5px 0px 5px 60px;
   margin: 0px 0px 0px 0px;
}

.leftmenu ul li ul li ul li ul li a.act {

}

.leftmenu ul li ul li ul li ul li a:hover {
   text-decoration: none;
}



.disclaimernavnav {
   position: absolute;
   right: 10px;
   top: 0px;
   padding: 0px 0px 0px 0px;
   overflow: hidden;
}

.disclaimernavnav ul {
   margin: 0px;
   padding: 0px;
}

.disclaimernavnav ul li {
   display: block;
   float: left;
   border-left: 1px solid #FFFFFF;
}

.disclaimernavnav ul li.first {
   border-left: none;
}

.disclaimernavnav ul li a {
   display: block;
   padding: 0px 7px 0px 7px;
   color: #FFFFFF;
   font-size: 11px;
}

.disclaimernavnav ul li a:hover {
   text-decoration: underline;
}

.disclaimernavnav ul li a.act {

}

.galerienav ul li a {
   display: block;
   padding: 2px 0px 2px 5px;
   text-decoration: none;
}

.galerienav ul li a:hover {
   background-color: #2D80BC;
   color: #FFFFFF;
}

.galerienav ul li a.act {
   font-weight: bold;
   background-color: #2D80BC;
   color: #FFFFFF;
}

.galerienav ul {

}

.galerienav ul li {
   margin: 0px;
   padding: 1px 0px 0px 0px;
}

/* =======================================================================
         positions
   =======================================================================*/

.roof {
   position: relative;
   margin: 0px;
   padding: 0px;
   width: 880px;
   text-align: right;
   overflow: hidden;
   height: 28px;
   background-color: #2D80BC;
   border-bottom: 1px dashed #FFFFFF;
}

.roof_teaser {
   position: relative;
   margin: 0px 0px 30px 0px;
   padding: 0px;
   width: 880px;
   overflow: hidden;
   height: 38px;
   background-color: #0064A8;
}

.mainnavigation {
   position: relative;
   margin: 0px;
   padding: 0px;
}

.logo {
   position: absolute;
   top: 10px;
   right: 210px;
   z-index: 2;
}

.loginarea {
   position: absolute;
   top: 0px;
   right: 0px;
   width: 348px;
   height: 67px;
   background-image: url(../Images/loginarea-BG.gif);
   border-left: 1px dashed #FFFFFF;
}

.searchform {
   position: absolute;
   right: 10px;
   top: 5px;
   margin: 0px;
   padding: 0px;
   width: 180px;
}

.language {
   text-align: right;
}

.positionnav {
   position: absolute;
   left: 0px;
   bottom: 10px;
   height: 23px;
   width: 825px;
   padding: 2px 0px 0px 25px;
   background-color: #FFDE41;
   overflow: hidden;
}

.mainfield {
   position: relative;
   margin: 0px;
   padding: 15px 5px 5px 15px;
   background-color: #DAEAF9;
   width: 860px;
   overflow: hidden;
}

.teaser-image-area {
   position: relative;
   margin: 0px;
   padding: 0px;
   height: 305px;
   width: 860px;
   overflow: hidden;
   background-image: url(../Images/Schatten-rechts.gif);
   background-position: right 0px;
   background-repeat: no-repeat;
}

.teaser-image-area-emty {
   position: relative;
   width: 100%;
   height: 0px;
}

.contentabstand {
   position: relative;
   width: 100%;
   height: 20px;
}

.brotkrumennavigation {
   position: absolute;
   left: 0px;
   bottom: 10px;
   height: 25px;
   width: 850px;
   background-color: #FFDE41;
   overflow: hidden;
}

.polaroid {
   position: absolute;
   right: 37px;
   bottom: 20px;
}

.polaroid-inhalt {
   position: absolute;
   left: 8px;
   top: 30px;
   width: 127px;
   height: 153px;
   overflow: hidden;
}

.leftfield {
   float: left;
   width: 215px;
   margin: 0px;
   padding: 0px;
}

.leftcontent {
   margin: 0px;
   width: 215px;
   overflow: hidden;
}

.rightfield {
   float: right;
   width: 215px;
   margin: 0px;
   padding: 0px;
   overflow: hidden;
}

.rightcontent {
   padding: 0px;
   margin: 0px;
}

.middlefield {
   padding: 0px;
   margin: 0px 210px 0px 210px;
}

.maincontent {
   margin: 0px;
   padding: 0px;
   width: 430px;
   overflow: hidden;
}

.middlefield_zweisplatig {
   padding: 0px;
   margin: 0px 210px 0px 0px;
}

.maincontent_zweisplatig {
   margin: 0px;
   padding: 0px;
   width: 645px;
   overflow: hidden;
}

.middlefield_einsplatig {
   padding: 0px;
   margin: 0px 0px 0px 0px;
}

.maincontent_einsplatig {
   margin: 0px;
   padding: 0px;
   width: 860px;
   overflow: hidden;
}

.footer {
   position: relative;
   height: 30px;
   padding: 0px;
   background-color: #2D80BC;
}



/*****************************/
/* Menu / Sitemap, generally */
/*****************************/
DIV.csc-menu { margin-left: 0px; }
DIV.csc-menu P { font-size: 11px; margin: 1px 0px 0px 0px; padding: 2px 2px 2px 0px; background-color: #FFFFFF; }
DIV.csc-menu P A { color: #5F5F5F; text-decoration: none; }
DIV.csc-menu P A:hover { color: #5F5F5F; text-decoration: underline; }
DIV.csc-menu P.csc-section { font-weight: normal; margin-left: 20px; font-style: italic; }

/* Menu / Sitemap, "Menu of these pages" */
DIV.csc-menu-def P {  }

/* Menu / Sitemap, "Menu of subpages to these pages" */
DIV.csc-menu-1 { }

/* Menu / Sitemap, "Sitemap" */
DIV.csc-menu-2 { }
DIV.csc-menu-2 P.csc-sitemap { }
DIV.csc-menu-2 P.csc-sitemap-level1 { margin-left: 0px; }
DIV.csc-menu-2 P.csc-sitemap-level2 { margin-left: 0px; }
DIV.csc-menu-2 P.csc-sitemap-level3 { margin-left: 0px; }
DIV.csc-menu-2 P.csc-sitemap-level4 { margin-left: 0px; }
DIV.csc-menu-2 P.csc-sitemap-level1 A { color: #5F5F5F; font-weight: bold; }
DIV.csc-menu-2 P.csc-sitemap-level1 A:hover { color: #5F5F5F; font-weight: bold; }
DIV.csc-menu-2 P.csc-sitemap-level2 A { color: #000000; font-weight: bold; }
DIV.csc-menu-2 P.csc-sitemap-level2 A:hover { color: #000000; font-weight: bold; }
DIV.csc-menu-2 P.csc-sitemap-level3 A { color: #000000; }
DIV.csc-menu-2 P.csc-sitemap-level4 A { color: #000000; }

/* Menu / Sitemap, "Section index (pagecontent w/Index checked)" */
DIV.csc-menu-3 { }
DIV.csc-menu-3 P.csc-section { margin-left: 0px; }
DIV.csc-menu-3 P.csc-section A { color: #5F5F5F; }

/* Menu / Sitemap, "Menu of subpages to these pages (with abstract)" */
DIV.csc-menu-4 { }
DIV.csc-menu-4 P { margin-top: 2px; }
DIV.csc-menu-4 P.csc-abstract { font-weight: normal; font-style: italic; margin-top: 0px; padding: 0px 2px 2px 20px; }

/* Menu / Sitemap, "Recently updated pages" */
DIV.csc-menu-5 { }

/* Menu / Sitemap, "Related pages (based on keywords)" */
DIV.csc-menu-6 { }

/* Menu / Sitemap, "Menu of subpages to these pages + sections" */
DIV.csc-menu-7 { }
DIV.csc-menu-7 P { font-weight: bold; }
DIV.csc-menu-7 P.csc-section A { color: #5F5F5F; }
/************* END SITEMAP ****************/

/* Rahmen */

.CERahmen {
   position: relative;
   background-color: #FFFFFF;
   padding: 10px 20px 20px 10px;
   background-image: url(../Images/Schatten-rechts.gif);
   background-position: right 0px;
   background-repeat: no-repeat;
   overflow: hidden;

}

/*.rightcontent .CERahmen  {
   width: 180px;
   overflow: hidden;
}*/

.CERahmen h1 {
   border-bottom: 1px dashed #2D80BC;
   color: #2D80BC;
   margin: 0px 0px 10px 0px;
   padding: 0px 0px 8px 0px;
   font-size: 12px;
}

.CERahmen h1.groessere_ueberschrift {
   font-size: 14px;
}

.CERahmen h1.grossbuchstaben {
   text-transform: uppercase;
   font-size: 12px;
}

.CERahmen h3.kleine_ueberschrift {
   border-bottom: 1px dashed #2D80BC;
   color: #2D80BC;
   padding: 0px 0px 5px 0px;
   margin: 0px 0px 8px 0px;
   font-size: 12px;
}

.CERahmen h2 {
   font-size: 14px;
   font-weight: bold;
   color: #2D80BC;
}

.CERahmen h2.graugerahmt {
   color: #71939D;
   border-top: 1px solid #71939D;
   border-bottom: 1px solid #71939D;
   font-weight: bold;
   padding: 3px 0px 8px 0px;
   margin: 0px 0px 10px 0px;
   font-size: 12px;
}

.CERahmen h3 {
   font-size: 14px;
   font-weight: bold;
   padding: 0px;
   margin: 0px;
   color: #2D80BC;
}

.CERahmen h3.grossbuchstaben {
   text-transform: uppercase;
   border-bottom: 1px dashed #2D80BC;
   color: #2D80BC;
   margin: 0px 0px 10px 0px;
   padding: 0px 0px 8px 0px;
   font-size: 12px;
}

.CERahmen p {
   color: #000000;
   margin: 0px 0px 8px 0px;
   padding: 0px;
   font-size: 12px;
}

.CERahmen li {
   color: #000000;
   margin: 0px;
   padding: 0px 0px 8px 0px;
   font-size: 12px;
}

.CERahmen ul {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 15px;
}

.CERahmen a {
   color: #66a5d0;
   text-decoration: none;
}

.CERahmen a:hover {
   color: #66a5d0;
   text-decoration: underline;
}

.CERahmen h1 a, .CERahmen h2 a, .CERahmen h3 a, .CERahmen h3.kleine_ueberschrift a, .CERahmen h4 a {
   text-decoration: none;
   color: #0064a8;
}



.CERblau {
   background-color: #2D80BC;
}

.CERblau h1 {
   border-bottom: 1px dashed #FFFFFF;
   color: #FFE888;
}

.CERblau h1 a {
   color: #FFE888;
}

.CERblau h2 {
   color: #FFE888;
}

.CERblau h3 {
   color: #FFE888;
}

.CERblau h3.grossbuchstaben {
   text-transform: uppercase;
   border-bottom: 1px dashed #FFE888;
   color: #FFE888;
   margin: 0px 0px 10px 0px;
   padding: 0px 0px 8px 0px;
   font-size: 12px;
}

.CERblau label {
   color: #DDECFA;
}

.CERblau p {
   color: #DDECFA;
}

.CERblau li {
   color: #DDECFA;
}

.CERblau ul {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 15px;
}

.CERblau a {
   color: #DDECFA;
}

.CERblau a:hover {
   color: #DDECFA;
}

.CERblau hr {
   border: none;
   border-bottom: 1px dashed #FFFFFF;
}

.CERteaserboxen_ohne_schatten {
   float: left;
   width: 190px;
   background-image: none;
   padding: 0px 15px 0px 0px;
}

.CERteaserboxen {
   float: left;
   width: 185px;
   height: 370px;
}

.CERteaserboxen h1 {

}

.CERteaserboxen h2, .CERteaserboxen_ohne_schatten h2 {
   margin: 5px 0pc 5px 0px;
   font-size: 12px;
}

.CERteaserboxen h2.graugerahm, .CERteaserboxen_ohne_schatten h2.graugerahm {
   margin: 0px 0px 10px 0px;
   font-size: 0.9em;
}

.CERfestebreite {
   width: 615px;
}

.CERteaserboxen p {
   font-size: 11px;
}

.CERteaserboxen li {

}

.CERteaserboxen ul {

}

.CERteaserboxen a {

}

.CERteaserboxen a:hover {

}



.festehoehe {
   height: 280px;
}

.keinschatten {
   background-image: none;
}

.CERzweispaltig {
   width: 277px;
   float: left;
}

.divider {
   background-image: url(../Images/Trennschatten.gif);
   background-position: 0px 0px;
   background-repeat: repeat-x;
   height: 10px;
   clear: both;
}

.divider hr {
   display: none;
}

.csc-textpic-border {
   border: 1px solid #DAEAF9;
   overflow: hidden;
}

/*-------------- Indexed Search -------------*/

.tx-indexedsearch-searchbox td {
   padding: 0px 10px 10px 0px;
}

.tx-indexedsearch-whatis {
   font-size: 12px;
   font-weight: bold;
}


/*-------------- felogin --------------*/

h3.felogin_h3 {
   font-size: 12px;
   margin: 0px 0px 10px 0px;
}

.felogin_message {
   font-size: 12px;
   margin: 0px 0px 10px 0px;
}

.felogin-fields {
   margin: 0px 0px 10px 0px;
   overflow: hidden;
}

.tx-felogin-pi1 legend {
   color: #0064A8;
   font-weight: bold;
   font-size: 12px;
   font-variant: small-caps;
   background-color: #000000;
   border: none;
   padding: 5px;
   margin-bottom: 10px;
   display: inline;
   display: none;
}

.tx-felogin-pi1 fieldset {
   background-color: #FFFFFF;
   margin-bottom: 1px;
   padding: 10px 0px 0px 0px;
   border: none;
}

.tx-felogin-pi1 label {
   text-align: left;
   float: left;
   width: 120px;
}

.loginarea h3 {
   display: none;
}

.loginarea .felogin_message {
   display: none;
}

.loginarea input {
   width: 100px;
}

.loginarea .tx-felogin-pi1 fieldset {
   background-color: transparent;
   margin-bottom: 1px;
   padding: 0px 0px 0px 0px;
   border: none;
   position: relative;
   width: 350px;
   height: 68px;
}

.loginarea .felogin-fields {
   margin: 0px 0px 0px 0px;
   overflow: hidden;
}

input.loginbutton-box {
   width: 63px;
   height: 18px;
   border: none;
}

.loginarea .box-benutzername {
   position: absolute;
   left: 160px;
   top: 5px;
   width: 100px;
   height: 20px;
}

.loginarea .box-passwort {
   position: absolute;
   left: 160px;
   top: 25px;
   width: 100px;
   height: 20px;
}

.loginarea .box-loginbutton {
   position: absolute;
   left: 272px;
   top: 24px;
   width: 65px;
   height: 20px;
}

.loginarea .felogin_message_success {
   display: block;
   color: #FFFFFF;
   position: absolute;
   left: 160px;
   top: 5px;
}

.loginarea .box-morelinks {
   position: absolute;
   left: 160px;
   top: 44px;
   width: 180px;
   height: 20px;
   font-size: 11px:
   color: #FFFFFF;
}

a.box-morelinks-a {
   font-size: 10px;
   color: #FFFFFF;
}




/*----------- Fronten User Registration -----------*/

.tx-srfeuserregister-pi1 legend {
   font-weight: bold;
   font-size: 12px;
   font-variant: small-caps;
   background-color: #000000;
   border: none;
   padding: 5px;
   color: #FEB018;
}

.tx-srfeuserregister-pi1 label {
   text-align: left;
   float: left;
   width: 120px;
}

.tx-srfeuserregister-pi1 dd label {
   float: none;
   font-weight: normal;
}

.tx-srfeuserregister-pi1-radio {
   float: left;
   clear: left;
}

.tx-srfeuserregister-pi1 fieldset {
   background-color: #FFFFFF;
   margin-bottom: 1px;
   padding: 5px;
   border: none;
}

.tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-submit {
   margin: 0px 0px 10px 0px;
}

.tx-srfeuserregister-pi1 dl dt {
   font-size: 11px;
   color: black;
   margin: 0px;
   text-align: left;
}

.tx-srfeuserregister-pi1 dl dd {
   margin: 0px;
}

/*----------- Newsletter Registration -----------*/

.newsletterregister legend {
   font-weight: bold;
   font-size: 12px;
   font-variant: small-caps;
   background-color: #000000;
   border: 1px solid #FEB018;
   padding: 5px;
   color: #FEB018;
}

.newsletterregister label {
   text-align: left;
   float: left;
   width: 120px;
}

.newsletterregister fieldset {
   background-color: #EFEFEF;
   margin-bottom: 1px;
   padding: 5px;
   border: 1px solid #FEB018;
}

.newsletterregister span.nl_warning {
   font-size: 10px;
   color: #DF0000;
}

.newsletterregister p {
   margin-top: 10px;
   margin-bottom: 10px;
}


/*--------- Schattenbox fï¿½r Kontakt ----------*/

#show-hide-abdunkelung {
   display: none;
}

.abdunkelung {
   position: fixed;
   left: 0px;
   top: 0px;
   bottom: 0px;
   right: 0px;
   width: 100%;
   background-color:#000000;
   filter:alpha(opacity=60);
   -moz-opacity: 0.6;
   opacity: 0.6;
   z-index: 20;

}

.abdunkelung-boxwrap {
   position: absolute;
   left: 50%;
   top: 449px;
   padding: 10px;
   margin: 0px 0px 0px -65px;
   color: #000000;
   z-index: 22;
   overflow: hidden;
}

.abdunkelung-box-schliessen {
   position: absolute;
   right: 0px;
   top: 0px;
   z-index: 3;
}

.vordergrund {
   z-index: 23;
}


/******** Teamfoto *************/

.teasmfotoarea {
   position: relative;
}

.teasmfotoarea a.johannes-schoen {
   position: absolute;
   top: 20px;
   left: 77px;
   width: 15px;
   height: 20px;
   display: block;
}

.teasmfotoarea a.jan-uckermann {
   position: absolute;
   top: 10px;
   left: 125px;
   width: 13px;
   height: 13px;
   display: block;
}

.teasmfotoarea a.agnes-krupa {
   position: absolute;
   top: 31px;
   left: 138px;
   width: 13px;
   height: 13px;
   display: block;
}

.teasmfotoarea a.ruth-foelix {
   position: absolute;
   top: 27px;
   left: 42px;
   width: 13px;
   height: 13px;
   display: block;
}

.teasmfotoarea a.sabrina-obst {
   position: absolute;
   top: 22px;
   left: 25px;
   width: 13px;
   height: 13px;
   display: block;
}

.teasmfotoarea a.sabine-waechter {
   position: absolute;
   top: 20px;
   left: 60px;
   width: 13px;
   height: 13px;
   display: block;
}

.teasmfotoarea a.dr-silke-hahn {
   position: absolute;
   top: 10px;
   left: 152px;
   width: 13px;
   height: 13px;
   display: block;
}

.teasmfotoarea a.hans-fuhrmann {
   position: absolute;
   top: 24px;
   left: 105px;
   width: 13px;
   height: 13px;
   display: block;
}

/********** Karte mit Mauslayereffekt ***************/

.mauslayerkarte {
   position: relative;
   overflow: hidden;
}

.mauslayercontent h3 {
   font-size: 12px;
}

.maustext_layer {
   position: absolute;
   border: 1px solid #A5C5E2;
   background-image: url(../Images/layermenu_bg.png);
   padding: 5px;
   z-index:1200;
   width: 250px;
}


h1.graugerahmt {
   color: #71939D;
   border-top: 1px solid #71939D;
   border-bottom: 1px solid #71939D;
   padding: 5px 0px 5px 0px;
}

span.notloginpoints {
   display: inline;
   margin: 0px;
   padding: 0px;
}

/*********** Mausoverlayer im Header der Startseite ***************/

.startheaderlayer {
   position: relative;
}

.korsika {
   position: absolute;
   left: 426px;
   top: 0px;
   width: 211px;
   height: 148px;
   background-image: url(../Images/clear.gif);
}

.odenwald {
   position: absolute;
   left: 638px;
   top: 0px;
   width: 212px;
   height: 148px;
   background-image: url(../Images/clear.gif);
}

.andorra {
   position: absolute;
   left: 426px;
   top: 149px;
   width: 211px;
   height: 148px;
   background-image: url(../Images/clear.gif);
}

.selection {
   position: absolute;
   left: 638px;
   top: 149px;
   width: 212px;
   height: 148px;
   background-image: url(../Images/clear.gif);
}

.sardinien {
   position: absolute;
   left: 210px;
   top: 0px;
   width: 215px;
   height: 295px;
   background-image: url(../Images/clear.gif);
}

.layer-bg {
   width: 100%;
   height: 100%;
   display: none;
   filter:alpha(opacity=82);
   -moz-opacity: 0.82;
   opacity: 0.82;
}

.korsika:hover .layer-bg {
   display: block;
   background-color: #EF833F;
}

.selection:hover .layer-bg {
   display: block;
   background-color: #917398;
}

.andorra:hover .layer-bg {
   display: block;
   background-color: #323D39;
}

.odenwald:hover .layer-bg {
   display: block;
   background-color: #3F1C0D;
}

.sardinien:hover .layer-bg {
   display: block;
   background-color: #008096;
}

.startheaderlayer h1 {
   display: none;
   position: absolute;
   left: 15px;
   bottom: 50px;
   font-size: 30px;
   color: #FFFFFF;
   margin: 0px;
   padding: 0px;
}

.startheaderlayer h1.schoenselection {
   font-style:italic;
   font-weight: normal;
   font-size: 24px;
   bottom: 55px;
}

.startheaderlayer:hover h1 {
   display: block;

}

.startheaderlayer p {
   display: none;
   position: absolute;
   left: 15px;
   bottom: 15px;
   font-size: 12px;
   color: #FFFFFF;
   margin: 0px;
   padding: 0px;
   font-weight: bold;
}

.startheaderlayer p.schoenselection {

}

.startheaderlayer:hover p {
   display: block;
}

.startheaderlayer p a {
   color: #FFFFFF;
   text-decoration: underline;
}

.startheaderlayer p a:hover {
   text-decoration: none;
}

.startseitenbox {
   position: relative;
}

.startseitenbox-beratung {
   position: absolute;
   left: 298px;
   top: 142px;
   width: 90px;
   height: 120px;
}

.startseitenbox-beratung span.blau {
   color: #2D80BC;
   font-weight: bold;
}

/************* Slider *************/

#slider {
  margin: 0px ! important;
}

.scrollButtons {
    position: absolute;
    top: 0px ! important;
    cursor: pointer;
    z-index: 30 ! important;
}

#slider .left {
    position: absolute;
    left: 0px ! important;
    z-index: 30 ! important;
}

#slider .right {
    position: absolute;
    right: 0px ! important;
    z-index: 30 ! important;
}

.scrollbuttoncontainer {
    position: absolute;
    left: 10px;
    top: 270px;
    width: 40px;
    height: 20px;
    overflow: hidden;
    z-index: 30;
}

/************* Slider für Landingpages *************/


.landingpage #slider_nav {
    background-color: #DAEAF9 ! important;
}

.landingpage ul.navigation {
    background-color: #0164A8 ! important;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}

.landingpage ul.navigation li {
    list-style-image: none;
    background-color: #0164A8 ! important;
    margin: 0px ! important;
    color: #FFFFFF;
    border: none ! important;
    border-right: 1px solid #A5C5E2 ! important;
}

.landingpage ul.navigation li.selected {
    background-color: #65A6D0 ! important;
    border: none ! important;
    border-right: 1px solid #A5C5E2 ! important;
}

.landingpage ul.navigation li a {
    background-color: #0164A8 ! important;
    padding: 5px 10px 5px 10px ! important;
    color: #FFFFFF;
}

.landingpage ul.navigation li a:hover {
    background-color: #65A6D0 ! important;
}

.landingpage ul.navigation li.selected a {
    background-color: #65A6D0 ! important;
}

.landingpage .scrollContainer {

}

.landingpage .panel {
/*    padding: 10px 300px 10px 15px ! important;*/
    width: 850px;
    height: 295px;
    overflow: hidden;
}

.landingpage .CERahmen {
   position: relative;
   background-color: transparent;
   padding: 10px 20px 20px 10px;
   background-image: url(../Images/Schatten-rechts.gif);
   background-position: right 0px;
   background-repeat: no-repeat;
   overflow: hidden;

}

/************* Bildergalerie ******************/

.nr_bildergalerie-rahmen {
    height: 230px;
    overflow: hidden;
}

.nr_bildergalerie-bild {
    width: 190px;
    height: 128px;
    overflow: hidden;
    text-align: center;
    background-color: #DAEAF9;
}

.nr_bildergalerie-text {
    border-top: 1px dashed #2D80BC;
    border-bottom: 1px dashed #2D80BC;
    margin: 5px 0px 0px 0px;
    padding: 5px 0px 5px 0px;
}

input.leuchtkasten-add {
    width: 150px;
}

input.leuchtkasten-submit {
    width: 150px;
}

.nr_bildergalerie-leuchtkasten {
    border-top: 1px dashed #2D80BC;
    border-bottom: 1px dashed #2D80BC;
    overflow: hidden;
    background-color: #DAEAF9;
    margin: 0px 0px 5px 0px;
    padding: 5px 5px 5px 5px;
}

.nr_bildergalerie-leuchtkasten .nr_bildergalerie-bild {
    width: 80px;
    height: auto;
    overflow: hidden;
    text-align: left;
    background-color: transparent;
    float: left;
}

.nr_bildergalerie-leuchtkasten .nr_bildergalerie-text {
    border-top: none;
    border-bottom: none;
    margin: 0px 0px 0px 80px;
    padding: 0px 0px 5px 0px;
}

.nr_bildergalerie-leuchtkasten input.leuchtkasten-add {
    width: 70px;
}

/* -------- CSS for PDF-Flyer-Generator Extension ----------- */

.tx_nrpdfflyer_pi1 {
   background-image:url(../nrpdfflyer/Hintergrund_leer_klein.jpg);
   background-repeat: no-repeat;
   width: 1000px;
   height: 1415px;
   position: relative;
}

.tx_nrpdfflyer_pi1 input.title {
   z-index: 3;
   width: 250px;
   font-size: 20px;
   font-family: verdana;
   font-weight: bold;
   color: #006CAB;
   border: 1px dashed #006CAB;
   background-color: #C6E3E9;
   position: absolute;
   top: 10px;
   left: 20px;
   padding: 3px;
}

.tx_nrpdfflyer_pi1 input.subtitle {
   z-index: 3;
   width: 350px;
   font-size: 20px;
   font-family: verdana;
   color: #006CAB;
   border: 1px dashed #006CAB;
   background-color: #C6E3E9;
   position: absolute;
   top: 10px;
   left: 280px;
   padding: 3px;
}

.tx_nrpdfflyer_pi1 input.teasertitle {
   z-index: 3;
   width: 630px;
   font-size: 22px;
   font-family: verdana;
   color: #006CAB;
   border: 1px dashed #006CAB;
   background-color: #C6E3E9;
   position: absolute;
   top: 315px;
   left: 20px;
   padding: 3px;
}

.tx_nrpdfflyer_pi1 textarea.teasertext {
   z-index: 3;
   width: 630px;
   height: 55px;
   font-size: 12px;
   font-family: verdana;
   color: #006CAB;
   border: 1px dashed #006CAB;
   background-color: #C6E3E9;
   position: absolute;
   top: 350px;
   left: 20px;
   padding: 3px;
   overflow: hidden;
}

.tx_nrpdfflyer_pi1 input.price {
   z-index: 1;
   width: 260px;
   font-size: 30px;
   font-family: verdana;
   color: #FFFFFF;
   border: 1px dashed #006CAB;
   background-color: #5C9FC9;
   position: absolute;
   top: 315px;
   left: 700px;
   padding: 3px;
}

.tx_nrpdfflyer_pi1 input.duration {
   z-index: 1;
   width: 260px;
   font-size: 30px;
   font-family: verdana;
   color: #FFFFFF;
   border: 1px dashed #006CAB;
   background-color: #5C9FC9;
   position: absolute;
   top: 370px;
   left: 700px;
   padding: 3px;
}

.tx_nrpdfflyer_pi1 textarea.description {
   z-index: 3;
   width: 630px;
   height: 750px;
   font-size: 12px;
   line-height: 16px;
   font-family: verdana;
   color: #006CAB;
   border: 1px dashed #006CAB;
   background-color: #FFFFFF;
   position: absolute;
   top: 450px;
   left: 20px;
   padding: 3px;
   overflow: hidden;
}

.tx_nrpdfflyer_pi1 input.formatbutton {
   z-index: 3;
   width: 200px;
   height: 20px;
   font-size: 10px;
   font-family: verdana;
   color: #006CAB;
   border: 1px dashed #006CAB;
   background-color: #EFEFEF;
   position: absolute;
   top: 430px;
   left: 458px;
   padding: 3px;
}

.tx_nrpdfflyer_pi1 input.formatbutton2 {
   z-index: 3;
   width: 200px;
   height: 20px;
   font-size: 10px;
   font-family: verdana;
   color: #006CAB;
   border: 1px dashed #006CAB;
   background-color: #EFEFEF;
   position: absolute;
   top: 430px;
   left: 768px;
   padding: 3px;
}

.tx_nrpdfflyer_pi1 textarea.services {
   z-index: 3;
   width: 260px;
   height: 945px;
   font-size: 12px;
   line-height: 16px;
   font-family: verdana;
   color: #006CAB;
   border: 1px dashed #006CAB;
   background-color: #B1D9E1;
   position: absolute;
   top: 450px;
   left: 700px;
   padding: 3px;
   overflow: hidden;
}

.tx_nrpdfflyer_pi1 textarea.arrangementprice {
   z-index: 3;
   width: 260px;
   height: 195px;
   font-size: 13px;
   font-family: verdana;
   color: #006CAB;
   border: 1px dashed #006CAB;
   background-color: #B1D9E1;
   position: absolute;
   top: 810px;
   left: 700px;
   padding: 3px;
}

.tx_nrpdfflyer_pi1 textarea.addition {
   z-index: 3;
   width: 260px;
   height: 195px;
   font-size: 13px;
   font-family: verdana;
   color: #006CAB;
   border: 1px dashed #006CAB;
   background-color: #B1D9E1;
   position: absolute;
   top: 1020px;
   left: 700px;
   padding: 3px;
}

.tx_nrpdfflyer_pi1 textarea.address {
   z-index: 3;
   width: 330px;
   height: 125px;
   font-size: 13px;
   font-family: verdana;
   color: #006CAB;
   border: 1px dashed #006CAB;
   background-color: #FFFFFF;
   position: absolute;
   top: 1265px;
   left: 320px;
   padding: 3px;
   overflow: hidden;
}

.tx_nrpdfflyer_pi1 input.logo {
   z-index: 1;
   font-size: 12px;
   font-family: verdana;
   color: #006CAB;
   border: 1px dashed #006CAB;
   background-color: #FFFFFF;
   position: absolute;
   top: 1265px;
   left: 20px;
   padding: 3px;
}

.tx_nrpdfflyer_pi1 .logoanmerkung {
   z-index: 1;
   font-size: 11px;
   font-family: verdana;
   color: #006CAB;
   position: absolute;
   top: 1285px;
   left: 20px;
   padding: 3px;
}

.tx_nrpdfflyer_pi1 input.submit {
   z-index: 3;
   width: 150px;
   font-size: 12px;
   font-family: verdana;
   color: #FFFFFF;
   border: 1px solid #006CAB;
   background-color: #C6E3E9;
   position: absolute;
   top: 1380px;
   left: 20px;
}

.tx_nrpdfflyer_pi1 input.reset {
   z-index: 3;
   width: 100px;
   font-size: 12px;
   font-family: verdana;
   color: #006CAB;
   border: 1px solid #006CAB;
   background-color: #C6E3E9;
   position: absolute;
   top: 1380px;
   left: 180px;
}
.tx_nrpdfflyer_pi1 .headergrafik {
   position: absolute;
   top: 69px;
   left: 0px;
}

.tx_nrpdfflyer_pi1_list {
   padding: 5px 0px 20px 0px;
   margin-bottom: 10px;
   background-image: url(../Images/Trennschatten.gif);
   background-position: 0px bottom;
   background-repeat: repeat-x;
}

.editorWrap {
   position: absolute;
   top: 1070px;
   left: 20px;
}

.RTEarea1 {
   z-index: 3;
   width: 800px;
   height: 500px;
   font-size: 14px;
   font-family: verdana;
   color: #006CAB;
   border: 1px dashed #006CAB;
   background-color: #FFFFFF;
}

/* --- A3 Forumar ---*/

.tx_nrpdfflyer_pi1_A3 {
   width: 1066px;
   height: 800px;
   position: relative;
   background-color: #FFFFFF;
}

.tx_nrpdfflyer_pi1_A3 .grossgrafik {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 1066px;
   height: 754px;
   overflow: hidden;
}

.tx_nrpdfflyer_pi1_A3 input.firmenname {
   z-index: 1;
   width: 150px;
   font-size: 12px;
   font-family: verdana;
   color: #FFFFFF;
   border: 1px dashed #006CAB;
   background-color: #5C9FC9;
   padding: 3px;
}
.divfirmanname {
   position: absolute;
   top: 715px;
   left: 300px;
}

.tx_nrpdfflyer_pi1_A3 input.strasse {
   z-index: 1;
   width: 150px;
   font-size: 12px;
   font-family: verdana;
   color: #FFFFFF;
   border: 1px dashed #006CAB;
   background-color: #5C9FC9;
   padding: 3px;
}
.divstrasse {
   position: absolute;
   top: 715px;
   left: 460px;
}

.tx_nrpdfflyer_pi1_A3 input.ort {
   z-index: 1;
   width: 150px;
   font-size: 12px;
   font-family: verdana;
   color: #FFFFFF;
   border: 1px dashed #006CAB;
   background-color: #5C9FC9;
   padding: 3px;
}
.divort {
   position: absolute;
   top: 755px;
   left: 460px;
}

.tx_nrpdfflyer_pi1_A3 input.telefon {
   z-index: 1;
   width: 150px;
   font-size: 12px;
   font-family: verdana;
   color: #FFFFFF;
   border: 1px dashed #006CAB;
   background-color: #5C9FC9;
   padding: 3px;
}
.divtelefon {
   position: absolute;
   top: 715px;
   left: 620px;
}

.tx_nrpdfflyer_pi1_A3 input.fax {
   z-index: 1;
   width: 150px;
   font-size: 12px;
   font-family: verdana;
   color: #FFFFFF;
   border: 1px dashed #006CAB;
   background-color: #5C9FC9;
   padding: 3px;
}
.divfax {
   position: absolute;
   top: 755px;
   left: 620px;
}

.tx_nrpdfflyer_pi1_A3 input.title {
   z-index: 3;
   width: 400px;
   font-size: 40px;
   font-family: verdana;
   font-weight: bold;
   color: #FFFFFF;
   border: 1px dashed #006CAB;
   background-color: #5C9FC9;
   position: absolute;
   top: 50px;
   left: 50px;
   padding: 3px;
}

.tx_nrpdfflyer_pi1_A3 input.duration {
   z-index: 1;
   width: 300px;
   font-size: 20px;
   font-family: verdana;
   color: #FFFFFF;
   border: 1px dashed #006CAB;
   background-color: #5C9FC9;
   position: absolute;
   top: 490px;
   left: 650px;
   padding: 3px;
}

.tx_nrpdfflyer_pi1_A3 textarea.adress {
   z-index: 1;
   width: 220px;
   height: 85px;
   font-size: 14px;
   font-family: verdana;
   color: #006CAB;
   border: 1px dashed #006CAB;
   background-color: transparent;
   position: absolute;
   top: 575px;
   left: 676px;
   padding: 3px;
}

.tx_nrpdfflyer_pi1_A3 input.logo {
   z-index: 1;
   font-size: 12px;
   font-family: verdana;
   color: #006CAB;
   border: 1px dashed #006CAB;
   background-color: #FFFFFF;
   padding: 3px;
}
.divlogo {
   position: absolute;
   top: 715px;
   left: 20px;
}

.tx_nrpdfflyer_pi1_A3 input.submit {
   z-index: 3;
   width: 150px;
   font-size: 12px;
   font-family: verdana;
   color: #FFFFFF;
   border: 1px solid #006CAB;
   background-color: #C6E3E9;
   position: absolute;
   top: 50px;
   left: 800px;
   padding: 2px;
}

.tx_nrpdfflyer_pi1_A3 input.reset {
   z-index: 3;
   width: 150px;
   font-size: 12px;
   font-family: verdana;
   color: #006CAB;
   border: 1px solid #006CAB;
   background-color: #C6E3E9;
   position: absolute;
   top: 90px;
   left: 800px;
   padding: 2px;
}

/* -------- CSS for PDF-Flyer-Generator Extension end ----------- */

.bgblau p.GROSSundFETT {
   color: #0058B4;
}


/******** rgslideshow ***********/

.rgslideshownav {
   height: 20px;
   overflow: hidden;
}

/******************* Gewinnspiel ***************/

.lottery_teaserbox {
   position: absolute;
   left: 337px;
   top: 0px;
   z-index: 120;
}

.lottery_clickarea {
   position: relative;
   width: 184px;
   height: 203px;
   overflow: hidden;
}

.lottery_clickgefunden {
   position: relative;
   width: 184px;
   height: 226px;
   overflow: hidden;
}

p.lottery_message {
   position: absolute;
   top: 170px;
   left: 10px;
   color: #FFFFFF;
   font-size: 15px;
   font-weight: normal;
   letter-spacing: 0px;
}

.lottery_message span {
   font-size: 21px;
   font-weight: bold;
}

.lottery_clickimage {
   position: absolute;
   left: 0px;
   top: 0px;
}

p.lottery_message_gefunden {
   position: absolute;
   top: 197px;
   left: 10px;
   color: #FFFFFF;
   font-size: 13px;
   font-weight: normal;
   letter-spacing: 0px;
}

p.lottery_message_gefunden a, p.lottery_message_gefunden a:hover {
   color: #FFFFFF;
}

.lottery_teilnahmebedingung_label {
   font-size: 12px;
   color: #727477;
}

.lottery_formfield {
   margin: 0px 0px 10px 0px;
   overflow: hidden;
}

input.gewinnspiel {
   width: 300px;
}

label.gewinnspiel {
   width: 60px;
}

/******** nr_pdf_to_flippingbook **********/

.nr_pdf_to_flippingbook_teaserimage {
   float: left;
   overflow: hidden;
   margin: 0px 10px 10px 0px;
}