/*
Templatenummer: 009
Diese Template verweist auf den entsprechenden Bilderorder resources/
Er enthaelt alle benoetigten Grafiken fuer dieses Layout.
Dieses Stylesheet wurde fuer den Rheinland-Pfalz-Takt erstellt.
Orangeton: #E5530E;
*/

li {
margin-bottom: 10px;
}

.maxwidth { width: 705px!important; }

.maxwidth .td-4 { border-right: 2px solid #98989c; }

.frame-highlight-float {
width: 160px;
height:250px;
float: left;
display: inline;
background-color: #fff;
border: 1px solid #E5530E;
margin-right: 10px;
padding: 0px;
margin-bottom: 10px;
overflow: hidden;
}

.frame-highlight-float img {
margin: 0px;
float: left;
}

.frame-highlight-float h1 {
padding: 5px;
padding-bottom: 0px;
font-size: 12px!important;
font-weight: bold;
}

.frame-highlight-float p {
padding: 5px;
padding-top: 0px;
font-size: 10x!important;
line-height: 12px!important;
}

.frame-highlight-grau {
float: left;
clear: both;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 12px;
background-color: #ddd;
border: 1px solid #212e76;
margin-bottom: 30px;
margin-right: 10px;
}

.frame-highlight-grau  h2, .frame-highlight-grau  p {
font-size: 12px!important;
}

.frame-highlight-grau  h1 {
font-size: 18px!important;
}

.layout3outer {
padding: 10px;
float: left;
width: 100px;
}

.layout3icon {
}

.layout3description {
width: 100px;
font-size: 11px;
}

.tx-ttnews-browsebox {
font-size: 70%;
text-align: center;
}

.warenkorbSend {
margin: 0;
}

.anzeigefeld {
width: 90%;
}

.shop-anzahl {
background-image: url(../../../Bilder/Icons/button_anzahl.jpg);
background-repeat : no-repeat;
float: left;
width: 111px;
height: 21px;
text-align: right;
}

.shop-input  {
font-size: 10px;
width: 20px;
position: relative;
top: 1px;
right: 20px;
}

* html .shop-input {
top: 0px;
}

.csc-frame-frame1 {
float: left;
clear: both;
width: 94%;
text-align: left;
position: relative;
background-color: #FDCEA4;
border-bottom: 1px solid #212E76;
border-top: 1px solid #212E76;
padding: 10px;
margin-bottom: 15px;
line-height: 1.2;
}

.csc-frame-frame1 a {
color: #212E76 !important;
}

.csc-frame-frame1 a:hover {
color: #E5530E !important;
}

.imgtext-nowrap {
border-collapse: collapse;
width: 100%;
text-align: left;
}

/* --------------------  Tabellen als Inhaltselemente  ------------------ */ 

.contenttable { width: 98%; border-collapse: collapse }

.contenttable-0 td     { font-size: 70%; vertical-align: top; }
.contenttable-0 td p { font-size: 100%; margin:0; line-height: 1.2em; }

.contenttable-1  { border: solid 1px #98989c; border-spacing: 0px; }
.contenttable-1 .tr-0  { }
.contenttable-1 td     { font-size: 70%; padding: 2px 5px; vertical-align: top; border-top: #98989c; border-right: 1px dotted #98989c; border-bottom: 1px dotted #98989c; border-left: #98989c }
.contenttable-1 td p { font-size: 100%; margin:0; line-height: 1.2em; }
.contenttable-1 td img { vertical-align: top; }
.contenttable-1 .td-even { background-color: #f0f0ff }
.contenttable-1 .td-0 { color: white; font-weight: 700; background-color: #212e76 }
.contenttable-1 .td-last  { }


.contenttable-2 { border-spacing: 0px }
.contenttable-2 .td-0 { font-weight: bold }
.contenttable-2 td { font-size: 70%; border-bottom: 1px dotted #000000; border-right: 1px dotted #000000; padding: 5px; margin: 3px; vertical-align: top; }
.contenttable-2 .tr-last td { border-bottom: none }
.contenttable-2 .td-last { border-right: none }



/* ---------------------  Such- und Kontaktformular  ------------------- */ 

.csc-form-labelcell {
vertical-align: top;
font-weight: bold;
}

.csc-form-label-req {
font-weight: bold;
}

.csc-mailform input {
font-size: 12px;
line-height: 14px;
}

.csc-form-fieldcell {
width: 300px;
}

.forminput {
width: 80%;
font-size: 12px;
}

.formtext {
width: 80%;
font-size: 12px;
}

.formpass {
width: 80%;
font-size: 12px;
}

.formsubmit {
}

.csc-mailform textarea {
font-size: 12px;
line-height: 14px;
}

.searchbox input {
width: 50%;
padding: 0;
margin: 0;
}

.tx-indexedsearch-redMarkup{
color: #E5530E;
}


.searchb {
height: 60px;
background-image: url(../../../Bilder/Highlightgrafiken/freizeitsuche_middle.gif);
background-repeat: repeat-y;
}

.searchb select {
width: 200px;
margin-left: 4px;
margin-top: 4px;
}

/* ###################################################################### */ 
/* ###########################  Contentbereich ############################### */ 
/* ###################################################################### */ 

/* -------------------------------  Newsmodul ---------------------------- */ 


.news  {
width: 100%;
}

.newscats {
color: #212E76;

font-size: 60%;
float: left;
}

.newsbild {
height:80px;

float: left;
}

.news img {
border-color: #999999;
}

.newstext {
margin-bottom: 5px;
}

.categories {



font-size: 60%;


float: left;
color: #999999;
}

.newslink {


text-align: right;
float: right;
}

.news-single-img {
margin-left: 8px;
float: right;
}


.news-single-img img {
border-color: #999999;
}


.news-single-img small {
font-size: 9px;
line-height: 11px;
}

.news-list img {
vertical-align: middle;
padding-right: 5px;
}



/* -----------------------  Definition der Adressen ---------------------- */ 
.content .address {
width: 230px;
height: 280px;
float: left;
}


/* -------------------  Definition eines Webformulars ------------------ */ 


.auswahl { 
width: 80%;
margin-bottom: 3px;
}

/* ------------------  Definition einer normalen Tabelle ---------------- */ 

/* --------------------  Definition der Aufzaehlungen  ------------------ */ 

.content ul  {
font-size: 70%;
margin: 0 0 0 20px;
padding: 0;
}

.content li  {
line-height: 20px;
list-style-image: url(resources/csc-bulletlist.gif);
}

/* --------------------  Definition der Ueberschriften  ------------------- */ 

/* -------------------------  Definition der Bilder  -------------------------*/

/* ----------------------  andere Auszeichnungen  ----------------------- */ 

/* ---------------------  Linkfarbe im Contentbereich  ------------------- */ 

.content a {
}

/* -----------------------  Contentelement Trenner  --------------------- */ 

.trenner {
position: relative;
clear: both;
height: 0px;
line-height: 0px;
font-size: 0px;
border-bottom: 1px solid #E5530E;

margin-right: 10px;
margin-top: 14px;
margin-bottom: 15px;
}

* html .trenner { margin-top: 15px; }


/* -------------------------  Definition der Bereiche  --------------------- */ 

.content {
float: left;
width: 99%;
position: relative;
z-index: 12;
}

.content .contentelement {
clear: both;
margin-right: 10px;
}

.content img {
margin-right: 10px;
}

.content p {
font-size: 70%;
line-height: 1.3em;
margin-right: 10px;
margin-bottom: 0px;
margin-top: 0px;
}

.content h1, h2, h3, h4, h5, h6 {
font-weight: bold;
margin-top: 0;
margin-bottom: 0.3em;
margin-right: 10px;
}

/* -----  Definition der Headline zwecks Suchmaschinenoptimierung  ----- */ 

.content h1 a:visited {
font-weight: bold;
color: #212E76;
margin-top: 0;
margin-bottom: 0.3em;
margin-right: 10px;
text-decoration: none;
}

.content h1 a:link {
font-weight: bold;
color: #212E76;
margin-top: 0;
margin-bottom: 0.3em;
margin-right: 10px;
text-decoration: none;
}

.content h1 a:hover {
font-weight: bold;
color: #212E76;
margin-top: 0;
margin-bottom: 0.3em;
margin-right: 10px;
text-decoration: none;
}


.content h3 a:visited {
font-weight: bold;
color: #212E76;
margin-top: 0;
margin-bottom: 0.3em;
margin-right: 10px;
text-decoration: none;
}

.content h3 a:link {
font-weight: bold;
color: #212E76;
margin-top: 0;
margin-bottom: 0.3em;
margin-right: 10px;
text-decoration: none;
}

.content h3 a:hover {
font-weight: bold;
color: #212E76;
margin-top: 0;
margin-bottom: 0.3em;
margin-right: 10px;
text-decoration: none;
}


/* ------------------------------------------------------------------------ */ 



.content h1 {
font-size: 90%;
}

.content h2 {
font-size: 80%;
}

.content h3 {
font-size: 70%;
}

.content p a {
color: #E5530E;
text-decoration: none;
}

.content p a:hover {
color: #212E76;
}

/* ###################################################################### */ 
/* ###########################  Navigation ############################## */ 

/* ###################################################################### */ 

/* --------------------------  Zusatznavigation  ----------------------- */ 

.additionalmenu {
height: 50px;
text-align: right;
clear: both;
width: 180px;
}

/* ---------------------------  Hauptnavigation  ----------------------- */ 

.mainmenu {
width: 180px;
}

/* ----------------------  Optionale Unternavigation  ------------------ */ 
.submenu {
width: 180px;
margin-top: 20px;
padding-left: 0px;
}

/* ###################################################################### */ 
/* ########################  Highlightbereich ########################### */ 
/* ###################################################################### */  

highlight {
}

.highlightstart    {
background-image: url(resources/highlightstart.gif);
background-repeat: no-repeat;
background-position: right;
background-color: #E5530E;
font-size: 0px;
height: 8px
}

.highlightend {
background-image: url(resources/highlightend.gif);
background-repeat: no-repeat;
background-position: right;
background-color: #E5530E;
height: 10px;
font-size: 0px;
margin-bottom: 5px;
}

.highlightcontent {
background-image: url(resources/highlightcontent.gif);
background-repeat: repeat-y;

background-position: right;
padding: 0px 5px 5px 5px;
background-color: #E5530E;
color: #ffffff;
}

.highlightcontent .contentelement {
position: relative;
padding: 0;
margin: 0;

}

.highlightcontent img {
margin-right: 1px;
}

.highlightcontent p   {
font-size: 10px;


margin-right: 8px;
}

.highlightcontent h1,h2,h3,h4,h5,h6 {
font-weight: bold;
margin-right: 8px;
margin-top: 0;
padding: 0;

margin-bottom: 0.3em;
}




.highlightcontent h1 {

font-size: 90%;
}


.highlightcontent h2 {
font-size: 80%;
}






.highlightcontent h3 {
font-size: 70%;
}

.highlightcontent h4 {

font-size: 60%;

}



.highlightcontent a {

color: #212E76;
text-decoration: none;
}

.highlightcontent a:hover {
color: #ffffff;
}

/* ###################################################################### */ 


/* #############################  Sitemap () ################################# */ 
/* ###################################################################### */  

/* ###################################################################### */ 
/* ####################  Sitepath (Brotkrummenpfad) ##################### */ 
/* ###################################################################### */  

.sitepath {
line-height: 24px;
margin-bottom: 28px;
font-size: 9px;
color: #999999;
}

.sitepath a {

color: #aaaabb;
text-decoration: none;
}

.sitepath a:hover {


color: #212E76;
}


/* ###################################################################### */ 
/* #################  Subcontent (Optionale 3. Spalte) ################## */ 

/* ###################################################################### */  

.subcontent  {
}

.subcontent .contentelement {
}

.subcontent img {

}

.subcontent h1,h2,h3,h4,h5,h6 {
font-size: 80%;
font-weight: bold;
margin-right: 10px;
margin-top: 0;
margin-bottom: 0.3em;
}



.subcontent p {

font-size: 10px;
margin-right: 10px;



margin-bottom: 0px;
margin-top: 0px;


}

/* ###################################################################### */ 
/* ############################  Logobereich  ########################### */ 
/* ###################################################################### */ 




.logo  {
position: relative;
top: -0px;
z-index: 13;
background-image: url(resources/logo.gif);
background-repeat: no-repeat;
width: 220px;
height: 55px;
}

.logo a {
display: block;
width: 220px;
height: 55px;
}

/* ###################################################################### */ 
/* ###########################  Linework / Promotion  ########################## */ 
/* ###################################################################### */ 


.linework {
position: relative;
z-index: 13;
width: 100%;
height: 51px;
background-image: url(resources/linework.gif);
}


.promotion {

position: relative;
z-index: 13;
width: 100%;
height: 113px;
background-color: #E5530E;
overflow: hidden;
color: #FFFFFF;
}

.promotion .contentelement {
float: left;
margin-right: 20px;
}


.promotion h1,h2,h3,h4,h5,h6 {
font-size: 110%;
margin-top: 3px;
margin-bottom: 3px;
font-weight: bold;
}

.promotion p {
font-size: 80%;
margin-bottom: 0px;
margin-top: 0px;
}

/* ###################################################################### */ 
/* ###########################  Fussbereich  ############################ */ 
/* ###################################################################### */ 




#FOOTER {
position: absolute;
left: 0px;
width: 100%;
text-align: center;
border-top: 1px dotted #aaaabb;
margin-top: 20px;
}

.footercontent {
visibility: hidden;
}

.footermenu {

color: #212E76;
line-height: 30px;
font-size: 9px;
}


.footermenu a {
color: #212E76;
text-decoration: none;
}

.footermenu a:hover {
color:  #E5530E;
}

/* ###################################################################### */ 
/* ########################  Gestaltungsrahmen  ######################### */ 
/* ###################################################################### */ 

#WRAPPER {
border-left-width: 200px;
border-left-color: #ffffff;
border-left-style: solid;
border-right-width: 220px;
border-right-color: #ffffff;
border-right-style: solid;
width: auto;
}



#HEADERSTART {
width: 200px;
margin-left: -200px;

float: left;
position: relative;
z-index: 10;
}


#HEADER {
width: 100%;
margin: 0;
}



#HEADEREND {
width: 220px;


margin-right: -220px;
float: left;
position: relative;

z-index: 13;

}

/* ###################################################################### */ 




/* ###########################  Gesamtrahmen  ########################### */ 
/* ###################################################################### */ 



#BORDER    { width: 100%; }

/* ###################################################################### */ 
/* #########################  Basic Definition  ######################### */ 
/* ###################################################################### */

body    {
font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif;
background: #fff;
color: #212E76;
padding: 0;
margin: 0;
}

.clear /*  wird benoetigt um die ineinandergeschachtelten div Tags wieder aufzuheben  */{ 
clear: both;
height: 0px;
line-height: 0px;
font-size: 0px;
}

/* ###################################################################### */ 
/* #########################  Scrollleisten IE Windows  ######################### */ 

/* ###################################################################### */


/* ----------------------------- Mozilla Anpassungen ----------------------------------- */
#WRAPPER > #HEADER { border-bottom: 1px solid transparent; }
#HEADERSTART { margin-right: 1px; }
#HEADEREND { margin-left: 1px; }
.content { margin: 0 -8px 0 -2px; }
/* --------------------------- IE PC/Mac Anpassungen --------------------------------- */
* html #HEADERSTART { margin-right: 0px; }
* html #HEADEREND { margin-left: 0px; }
/* ----------------------------------- IE Mac Filter --------------------------------------- */
/* Start \*/
#FOOTER {
position: relative;
}
/* End */