/**

 * CSS styles for Contenido sample client.

 * 

 * @author Rudi Bieller

 * @copyright four for business AG <www.4fb.de>

 * @version 1.0.0

 * 

 * created 2008-03-04

 */



/* ----------------- general html structure */

html, body, div, p, td, a, input, textarea, select {

    font-family: Arial, Helvetica, Verdana, sans-serif;

    color: #313c46;

}

td {

    font-size:12px;

}



strong, em, b, i {

    font-family: Arial, Helvetica, Verdana, sans-serif;

}

h1, h2, h3, h4, h5, h6, address {

    font-family: Arial, Helvetica, Verdana, sans-serif;

}

h1 {

    color: #CAA500; 

    font-size: 30px;

    font-weight: bold;

    text-transform: uppercase; 

    margin: 0px; 

    padding-bottom: 0px;

}

h2 {

    color: #663300; 

    font-size: 30px;

    font-weight: bold;

    text-transform: uppercase; 

    margin: 0px; 

    padding-bottom: 0px;

}

h3 {

    color: #575757; font-size: 12px; font-family: Verdana, Arial, Helvetica; font-weight: bold; margin-top: 15px;

}

h4 { 

    color: #975a39; 

    font-size: 30px;

    font-weight: bold;

    margin: 0px; 

    padding: 0;

}

p {

    line-height:16px;

}

ul {

    list-style-type:square; 

}





html, body {

    margin:0;

    padding:0;

    /*overflow:auto;*/

}

html {

/*

    background-image:url('../images/pattern_contenido.gif');

    background-position:0 140px;

    height:100%;

*/

}

body {

    margin: 0;

    background-color: #652a0c;

}

form {

    margin:0;

    padding:0;

}



textarea {

    width:418px;

    height:85px;

}



img {

    border:0;

}

/* /----------------- general html structure */



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

/* ####################### HEADER ####################### */

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

#head {

/*  background-color:#F1F1F1;

    background-image:url('../images/pattern_head_right.gif');

    background-repeat:repeat-x;

    background-position:0 90px;

*/

}



#head #headBody {

    padding:0px;

    margin:0px;

/*    background-image:url('../images/header_default.jpg');

    background-repeat:no-repeat;

    background-position:0px 0px; */

    width:805px;

}



#head a#logoTop {

 /*   display:block;

    float:left;

    padding:0;

    margin:0; */

}



#head h1 {

/*    display:block;

    float:left;

    padding:0 0 0 30px;

    margin:0;

    width:690px;

    height:60px;

   line-height:60px;

    font-weight:normal;

    color:#435d06;



    background-color:#fff;

    opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5; */

}



#head h1, #head a#logoTop {

    margin:90px 0 0 0;

}



#metaNavigation {

    margin:10px 0 10px 10px;

    font-size: 11px;

    font-weight:bold;

    color: #ffeabf;

    letter-spacing: 1px;

    text-transform: uppercase;

}

#metaNavigation ul {

    margin:0px;

    padding:0;

}

#metaNavigation ul li {

    margin:0;

    padding:0 0px 0 5px;

    display:inline;

/*  border-left:1px solid #D7D7D6; */

}

#metaNavigation ul li a {

    color: #ffeabf;

    padding:0 5px 0 0;

    border-right:1px solid #975a39;

}

#metaNavigation ul li a:hover, #metaNavigation ul li.active a {

    text-decoration:none;

    color:#fff;

}

#metaNavigation ul li.active a {

    text-decoration:none;

    color:#fff;

}



#metaNavigationSub {

    margin:0px 0 0 0px;

    font-size:12px;

    font-weight:normal;

    color:#ced3d8;

    letter-spacing: 1px;

/*  text-transform: uppercase; */

}

#metaNavigationSub ul {

    margin:5px 0 5px 22px;

    padding:0;

    list-style-type:square; 

    color:#b4333d; 

}

#metaNavigationSub ul li {

    margin:0;

    padding:0 0px 0 0px;

/*  display:inline;

    border-left:1px solid #D7D7D6; */

}

#metaNavigationSub ul li a:hover, #metaNavigationSub ul li.active a {

    text-decoration:none;

    color:#fff;

}

#metaNavigationSub ul li.active a {

    text-decoration:none;

    color:#fff;

}





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

/* ####################### MAIN BODY #################### */

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

#outerContainer {

    /*background-image:url('../images/pattern_contenido.gif');*/

    min-height:90%;

}

* html #outerContainer {

    height:90%;

}

#contentContainer {

    width:960px;

}

#outerContainer, #contentContainer {

    margin:0;

    padding:0;

}



#whiteBg {

    float:left;

    background-color:#fff;

    padding:0;

    margin:0;

    height:100%;

}



#content, #teasersRight {

    float:left;

    /* padding-top:30px; */

    width:100%;

}

#outerContainer #contentContainer #content {

 /*   padding-top:30px; */

}



#content, #teasersRight {

    /*background-color:#fff; */

}



#contentContainer #navigation {

    width:240px;

    background-color:transparent;

}



#contentContainer #content {

/*    width:430px;

    padding:0 30px;

    margin:0; */

}



#contentContainer #teasersRight {

 /*   width:230px; */

}



#eventhead { 

    color: #925839; 

    font-size: 15px;

    font-weight: bold;

    padding-left: 100px;

    padding-top: 30px;

    padding-bottom: 30px;

}

#eventsub { 

    color: #CAA500; 

    font-size: 15px;

    font-weight: bold;

    padding-bottom: 0px;

}

#eventtxt { 

    color: #925839; 

    font-size: 12px;

    font-weight: normal;

    padding-bottom: 0px;

}





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

/* ####################### NAVIGATION ################### */

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



#navigation {

    float:left;

    padding-top:70px;

    font-size:12px;

    color:#45626f;

    letter-spacing: 1px;

}



/* Level 1 */

#navigation ul {

    width:250px;

    margin:0;

    padding:0;

    background-color:transparent;

}



#navigation ul li {

    width:220px;

    margin:0;

    padding:0 0 0 10px;

    list-style-type:none;

}

#navigation ul li a {

    display:block;

    width:220px;

    height:20px;

    line-height:19px;

    margin:0;

    padding:0 10 0 10px;

    /* font-size:11px;

    color:#666;

    background-image:url(../images/navi_pfeil_zu.gif);

    background-repeat:no-repeat;

    background-position:210px 3px;

    border-bottom:1px solid #ccc; */

    text-decoration:none;

}

#navigation ul li a:hover, #navigation ul li.active a {

    /*background-image:url(../images/navi_over.gif);

    background-repeat:no-repeat;

    background-position:0 0;*/

    color:#fff;

}

#navigation ul li.active a {

    /*background-image:url(../images/navi_active.jpg);*/

    background-repeat:no-repeat;

    background-position:0 0;

    color:#fff;

    background-color:#59727f;

}



/* Level 2 */

#navigation ul li.navmainStandardLevel_2 {

    margin-left:10px;

}

#navigation ul li.navmainStandardLevel_2 a {

    /*background-image:url(../images/subnavi_pfeil_zu.gif);

    background-repeat:no-repeat;

    background-position:199px 8px;

    border-bottom:1px dotted #ccc;*/

    color:#cad5e0;

    width:220px;

}

#navigation ul li.navmainStandardLevel_2 a:hover, #navigation ul li.navmainStandardLevel_2 a.active {

    /*background-image:url(../images/subnavi_over.gif);

    background-repeat:no-repeat;

    background-position:0 0;*/

    color:#fff;

}

#navigation ul li.navmainStandardLevel_2 a.active {

    background-repeat:no-repeat;

    background-position:0 0;

    color:#45626f;

    background-color:#cad5e0;

}



/* Level 3 */

#navigation ul li.navmainStandardLevel_3 {

    margin-left:10px;

}

#navigation ul li.navmainStandardLevel_3 a {

    background-image:none;

    border-bottom:0;

    color:#ffffff;

    width:220px;

}

#navigation ul li.navmainStandardLevel_3 a:hover, #navigation ul li.navmainStandardLevel_3 a.active {

    /*background-image:url(../images/subsubnavi_over.gif);

    background-repeat:no-repeat;

    background-position:0 0;*/

}

#navigation ul li.navmainStandardLevel_3 a.active {

    background-repeat:no-repeat;

    background-position:0 0;

    color:#ffffff;

    background-color:#a6b3c0;

}

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

/* ####################### SEARCH INPUT ################# */

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

#search {

    width:240px;

    margin:20px 0 0 0;

    font-size:11px;

    background-color:#b6c7d0;

    color:#45626f;

}

#search label {

    font-size:11px;

    width:42px;

    margin:0 10px 0 10px;

}

#search input {

    border:1px solid #b6c7d0;

    background-color:#a6b3c0;

    width:120px;

    height:20px;

    font-size:10px;

}

#search input.sbmt {

    border:0;

    width:5px;

    height:8px;

    margin:0 10px 0 10px;

    background-color:transparent;

}

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

/* ####################### SEARCH OUTPUT ################ */

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

#searchResults {

    margin:0 0 10px 0;

}

#searchResults p.message {

    margin:20px 0 30px 0;

}

#searchResults div.searchResultItem {

    border-bottom:1px solid #ccc;

    margin:0 0 10px 0;

    padding:0 0 10px 0;

}

#searchResults div.searchResultItem h2 {

    font-size:14px;

    margin:0 0 5px 0;

    padding:0;

    color:#0060b1;

    font-style:normal;

}



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

/* ####################### MAIN CONTENT ################# */

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

#BreadCrumb {

    width:100%;

    margin:0 0 20px 0;

    font-size:12px;

    color:#84969d;

    letter-spacing: 1px;

/*  text-transform: uppercase; */

    padding-bottom: 10px;

    border-bottom: thin solid #bfcacf;

}

#BreadCrumb a {

    color:#ef981a;

}



#content, #teasersRight {

    font-size:12px;

    color:#333;

    line-height:14px;

    letter-spacing: 1px;

}

.contentbg {

    background-image:url(../images/bg_content.jpg);

    background-repeat:no-repeat;

    background-position:bottom;

}



#content h3 {

    margin: 0 0 10px 0; 

    padding:0;

    font-size:20px;

}

#content h1 {

    color: #CAA500; 

    font-size: 30px;

    font-weight: bold;

    text-transform: uppercase; 

    margin-top: 10px;

    margin-bottom: 10px; 

    padding: 0px;

}

#content h1 a {

    color:#0060b1;

    text-decoration:none;

}

#content h2 {

    color: #663300; 

    font-weight: bold;

    text-transform: uppercase; 

    margin: 0 0 10px 0; 

    padding:0;

    font-size:20px;

    font-style:italic;

    font-size:12px;

}

#content h3 {

    margin:25px 0 0 0;

    font-style:normal;

    font-size:14px;

}



img.hr {

    display:block;

    margin:10px 0;

    padding:0;

}

/*

#content table {

    background-color: #caa500;

}

#content table table {

    background-color: #ffffff;

}

*/

#content .contenttable td {

    border-right: solid 1px #cbcbcb; 

    /* border:1px solid #999999;

    empty-cells:hide */

    background-image:url(../images/contenttable_color.jpg);

}

#content .ctr td {

    border-bottom: solid 1px #707070;

}





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

/* ####################### RIGHT COLUMN ################# */

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

#teasersRight .teaserItem {

    font-size:12px;

    color:#333;

    line-height:14px;

    letter-spacing: 1px;

}

#teasersRight h1 {

    color:#EEE1AB;

    font-size: 30px;

    font-weight: bold;

    text-transform: uppercase; 

    margin-top: 10px;

    margin-bottom: 10px; 

    padding: 0px;

}

#teasersRight h2 {

    color: #663300; 

    font-weight: bold;

    text-transform: uppercase; 

    margin: 0 0 10px 0; 

    padding:0;

    font-size:20px;

    font-style:italic;

    font-size:12px;

}

#teasersRight .teaserItem h3 {

/*    color:#0060b1;

    font-size:14px;

    margin:0 0 5px 0;

    font-weight:normal; */

}



#teasersRight .teaserItem a.more {

/*    display:block;

    width:230px;

    margin:10px 0;

    padding:0 0 0 15px;

    background-image:url(../images/link_pfeil_klein.gif);

    background-repeat:no-repeat;

    background-position:0 5px; */

}

* html #teasersRight .teaserItem a.more {

 /*   width:200px; */

}



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

/* ####################### FOOTER ####################### */

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





#footer {

    /*width:100%;*/

    height:104px;

    font-size:11px;

    background-color:#ccc;

    overflow:hidden;

}

#footerContainer {

    width:960px;

}

#footer a#logoBottom {

    display:block;

    float:left;

}



#footer #footerContentContainer {

    float:left;

    background-color:#F1F1F1;

    width:720px;

    height:104px;

}

#footerContentLeft, #footerContentRight {

   /* float:left; 

    color:#999; */

}

#footerContentLeft {

    margin:0 10px 0 0;

    color: #975a39; 

    font-size: 11px; 

    font-weight: normal;

    letter-spacing: 1px;

}

#footerContentLeft a {

    color: #975a39;

    padding:0 0 0 10px;

    border-left:1px solid #975a39;

}

#footerContentLeft a:hover, #footerContentLeft a.active {

    text-decoration:none;

    color:#fff;

}

#fCL {

    margin:0 10px 0 0;

    color: #975a39; 

    font-size: 11px; 

    font-weight: normal;

    letter-spacing: 1px;

}

#fCL a {

    color: #975a39;

}

#fCL a:hover {

    text-decoration:none;

    color:#fff;

}



* html #footerContentLeft {

    margin-left:15px; /* hae? */

}

#footerContentRight {

    width:220px;

    font-size:11px;

    background-color:#F9FBDD;

    padding-left:10px;

    height:104px;

}

* html #footerContentRight {

    padding-top:10px;

}



#footerContentRight h3 {

    font-size:11px;

}



#footerContentRight input {

    width:150px;

    height:12px;

    border:1px solid #ccc;

    font-size:10px;

    margin:0 0 4px 0;

}

* html #footerContentRight input {

    width:142px;

}



#footerContentRight label {

    display:block;

    width:60px;

    float:left;

    margin:0 0 4px 0;

}



#footer input#loginBtn {

    background-color:#F9FBDD;

    border:0;

    color:#0060b1;

    padding:0 20px 0 0;

    background-image:url(../images/link_pfeil_klein.gif);

    background-repeat:no-repeat;

    background-position:right 6px;

    font-size:12px;

    width:auto;

    height:auto;

    float:right;

    margin:0 10px 0 0;

}

* html #footer input#loginBtn {

    margin:0 14px 0 0;

}





#logoutText {

    position:relative;

    height:70px;

}

#logoutText a {

    position:absolute;

    right:10px;

    bottom:10px;

    text-decoration:none;

}





.footer_block { /* menu fixe en bas de l'écran */

    position: absolute ; /* position du menu = par rapport à la boite parent (ici le body) */

    bottom: 0 ; /* Le bas du menu est à 0 pixels du bas de l'écran */ 

    right: 40; /* La gauche du menu est à 0 pixels du bas de l'écran */ 

    width: 220px ; /* largeur du menu = 98% de l'écran */

    height: 85px ; /* hauteur du menu = 20 pixels */

    margin: 0;

    padding: 0;

    border: none;

    float: none;

}



.footer_block a, .footer_block a:visited {

}



.footer_block a:hover {

}



body>.footer_block {position:fixed} /* annule le hack "fixed" pour les autres navigateurs que IE */



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

/* ####################### LINKS ######################## */

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

a {

    color:#45626f;

    text-decoration:none;

}

a:hover {

    text-decoration:underline;

}

#content a {

    color: red;

    text-decoration:none;

    font-weight: bold;

}

#content a:hover {

    text-decoration:underline;

}



.red {

    color:#b4333d;

}

.navinactive    

 { color: #925839; padding-right: 20px; float: left }



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

/* ####################### CONTACT FORM ############'#### */

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

#contactForm {

    font-size:12px;

}

#contactForm .contactRow {

    margin:5px;

}

#contactForm label {

    display:block;

    float:left;

    width:120px;

}

#contactForm .contactRow input, #contactForm .contactRow textarea {

    border:1px solid #ccc;

    width:346px;

}

#contactForm .contactRow select {

    border:1px solid #ccc;

    width:172px;

}

* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {

    width:343px;

}



#contactForm .contactRow input {

    height:20px;

}



#contactForm .contactRow textarea {

    height:105px;

    font-size:12px;

}



#contactFormSubmit {

}

#contactFormSubmitLeft {

    float:left;

    margin-left: 120px;

    margin-right:20px;

    /* width:174px; */

}

* html #contactFormSubmit #contactFormSubmitLeft {

   /* margin:0 0 0 26px; */

}

#contactFormSubmit #contactFormSubmitRight {

   /* float:right;

    width:174px; */

}



#contactFormSubmit #contactFormSubmitLeft input, 

#contactFormSubmit #contactFormSubmitRight input {

    background-color:#fff;

    border:1px solid #ccc;

    color:#0060b1;

    padding: 5px;

 /*   background-image:url(../images/link_pfeil.gif);

    background-repeat:no-repeat;

    background-position:right 8px; */

    font-size:12px;

    width:auto;

    height:auto;

}

#contactFormSubmit #contactFormSubmitLeft input {

 /*   background-image:none;

    float:left; */

}



#contactForm table {

    width:100%;border-collapse:collapse;

}

#contactForm table td {

    padding:0;

}

#contactForm table td.pt {

    padding-top:2px;

}

* html #contactForm table td.pt {

    padding-top:0;

}

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

/* ####################### BACKEND STYLES ############### */

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

#modHeaderImgEdit {

    position:absolute;

    top:60px;

    left:270px;

}





/* good old clearfix - remember to use conditional comment for ie6 with .clearfix {height:1px;} */

.clearfix:after {

content:".";

display:block;

height:0;

clear:both;

visibility:hidden;

}

.clearfix {display:inline-block;}

/* Hide from IE Mac \*/

.clearfix {display:block;}

/* End hide from IE Mac */







/**** IMAGE GALLERY ****/

table.gallery {

    margin: 20px 10px 0px 0px;

    width: 410px;

}



table.gallery td.gallery-navigation {

    /*font-size: 0.6875em;*/    

}



table.gallery tr.thumbnails td {

    padding: 0;

}



table.gallery dd {

}



div.download {

    padding: 3px 0 3px 10px;

    background: url(../images/link_pfeil_klein.gif) no-repeat 0px 7px;



}



div.downloadImg {



    padding: 0;

    margin-top:10px;

    background: url(../images/navi_pfeil_rechts.gif) no-repeat 10px 7px;

}



dl.gallery-detail {

    margin: 20px 10px 0px 0px;

}



dl.gallery-detail dt {

    text-align: left;

    padding: 0;

}





td.gallery_image{

    height: 220px;

    padding:0px;

    

}

td.gallery_image div.link_image{

    padding:0;  

    background-position:top center; 

    min-height:120px; 

  /*  margin-bottom:5px; */ 

    overflow:hidden;

}

td.gallery_image .bottom_links{

     height:40px; margin-top:10px;

}

td.gallery_image .bottom_links{

    margin-bottom: 0px; 

    text-align:left; 

    width:180px; 

}

td.gallery_image .links{

    margin-bottom: 0px;

}





/**

 * CSS styles for Contenido Sitemap.

 * 

 * @author rbi

 * @copyright four for business AG <www.4fb.de>

 * @version 0.1.0

 * 

 * created 2009-01-16

 */



ul.sitemapStandardMainCat {

        margin-left:0;

        padding-left: 0;

}



ul.sitemapStandardMainCat li {

    border-bottom: 1px solid #ffffff;

    list-style-type: none;

}



ul.sitemapStandardMainCat li.sitemapStandardLevel_1 {

        background-color: #e6f1fb;

        padding: 3px 3px 3px 10px;

}



ul.sitemapStandardMainCat li.sitemapStandardLevel_2 {

        background-color: #f4f9fd;

        padding: 3px 3px 3px 30px;

}



ul.sitemapStandardMainCat li.sitemapStandardLevel_3 {

        background-color: #ffffff;

        padding: 3px 3px 3px 50px;

}



.teaser_image {

    float:left; 

    margin-top:4px; 

    margin-right:4px;

}





/*

--------------------------------------------- 

               sKalender                      

--------------------------------------------- 

*/

#mod_sK a { 

 font-family: sans-serif;

 font-size: 12px;

 text-decoration: none; 

 color: #444444;

}



#mod_sK a.tag { 

 font-size: 9px;

}



#mod_sK table {

 width: 160px;

 border: 1px solid #ffffff;

 margin-left: 10px;

 border-spacing: 4pt;

 font-size: 12px;

 font-family: sans-serif;

 text-decoration: none; 

 color: #000000;

}



#mod_sK td.navl {

 text-align: left; 

 width: 20%;

 font-weight: bold;

}



#mod_sK td.navr {

 text-align: right; 

 width: 20%;

 font-weight: bold;



}

#mod_sK td.navm {

 text-align: center; 

 width: 60%;

 font-weight: bold;

}



#mod_sK td.wtag {

 width:14%;

 background-color: #ffffff; 

 text-align: center; 

 color: #000000;

 font-family: sans-serif;

}



#mod_sK td.wochenende {

 background-color: #eeeeee; 

 color: #aaaaaa;    

 text-align: right; 

 border: 1px solid #aaaaaa;

 padding-right: 3px;

 }



#mod_sK td.wochentag {

 color: #999999;    

 text-align: right; 

 border: 1px solid #aaaaaa;

 padding-right: 3px;

 }



#mod_sK td.heute {

 background-color: #ff00ff;

 color: #43A0AF;    

 text-align: right; 

 border: 1px solid #aaaaaa;

 padding-right: 3px;

 }



#mod_sK td.belegt {

 background-color: #e3e3ff;

 color: #9E5357;    

 text-align: right; 

 border: 1px solid #aaaaaa;

 padding-right: 3px;

 }



#mod_sK td.belegtwe {

 background-color: #bfbfff;

 color: #9E5357;    

 text-align: right; 

 border: 1px solid #aaaaaa;

 padding-right: 3px;

 }



#mod_sK td.tangiert {

 background-color: #ffffcc;

 color: #9E5357;    

 text-align: right; 

 border: 1px solid #aaaaaa;

 padding-right: 3px;

 }



#mod_sK td.tangiertwe {

 background-color: #ffff99;

 color: #9E5357;    

 text-align: right; 

 border: 1px solid #aaaaaa;

 padding-right: 3px;

 }

/*

--------------------------------------------- 

               Termineinausgabe              

--------------------------------------------- 

*/

#mod_te h1 {

    color: #CAA500; 

    font-size: 30px;

    font-weight: bold;

    text-transform: uppercase; 

    margin: 0 0 10px 0; 

    padding-bottom: 0;

    line-height:30px;

}

#mod_te h2 {

    color: #663300; 

    font-weight: bold;

    text-transform: uppercase; 

    margin: 0 0 10px 0; 

    padding:0;

    font-size:20px;

    font-style:italic;

    font-size:12px;

}

hr {

    border: 0;

    width: 100%; 

    color: #663300;

    background-color: #663300;

    height: 1px;

}

#mod_te p {

    font-size: 100%; 

    color: #222222; 

}



/*

--------------------------------------------- 

                 Terminliste                  

--------------------------------------------- 

*/



#terminclear {

    clear:left;

}



#mod_tlh {

   text-align: left;

}



#mod_tlf {

   text-align: left;

}



#mod_tl table {

   width: 600px; 

   background-color: #ffffff;

   border-collapse: collapse;

}



#mod_tl th {

   width: 100%;

   text-align: left;

   vertical-align: top;

   line-height: 200%;

   background-color: #cacaca;

   margin-top: 5px;

   margin-bottom: 5px;

   padding-left: 5px;

}



#mod_tl td {

   text-align: left;

   vertical-align: top;

   line-height: 130%;

}



#mod_tl a .highlight {

   color: red;

}



#mod_tl .border { 

    border-top:1px solid #000000; 

    border-bottom: 1px solid #000000; 

}



#mod_tl .hell { background-color: #ffffff; }

#mod_tl .dunkel { background-color: #dfdfdf; }

#mod_tl .sp0 { width: 60px; }

#mod_tl .sp1 { width: 85px; }

#mod_tl .sp2 { width: 90px; }

#mod_tl .sp3 { width: 300px; }

#mod_tl .sp4 { width: 100px; }

#mod_tl .einrueck { padding-left: 15px; }





#terminlisteLinks {

    width:100%;

    margin:0px;

    padding: 0px;

}

#terminlisteLinks ul {

    margin-top: 0px;

    margin-left: 0px;

    margin-right: 10px;

    margin-bottom: 10px;

    padding: 0px;

    float:left;

}

/* headtext und gesamtcontainer */

#terminlisteLinks ul li {

    margin: 0px;

    padding: 0px;

    display:inline;

    font-size: 12px;

    font-weight: bold;

    letter-spacing: 0px;

    color:#663300;

}

#terminlisteLinks ul li #showhide{

    /*display:none*/

    visibility:hidden;

}

#terminlisteLinks #showhide{

    display:none

    /* visibility:hidden; */

}

/* orangebereich */

#terminlisteLinks ul li #termincontentoutline {

    margin-top: 5px;

    width:306px;

    background-color: #dac14e;

    padding: 0px;

/*  border-top: thin solid #ffffff;

    border-left: thin solid #ffffff;

    border-right: thin solid #996633;

    border-bottom: thin solid #996633; */

}

#terminlisteLinks ul li #termincontentoutline #round_box_tl {background: url(../images/box_corner_tl.gif) 0 0 no-repeat;}

#terminlisteLinks ul li #termincontentoutline #round_box_tr {background: url(../images/box_corner_tr.gif) 100% 0 no-repeat;}

#terminlisteLinks ul li #termincontentoutline #round_box_bl {background: url(../images/box_corner_bl.gif) 0 100% no-repeat;}

#terminlisteLinks ul li #termincontentoutline #round_box_br {background: url(../images/box_corner_br.gif) 100% 100% no-repeat;}



#terminlisteLinks ul li #termincontentoutline #eventcontent {

    padding: 3px;

}

#terminlisteLinks ul li #termincontentoutline #eventcontent #eventcontentPic {

    padding: 0px;

    margin: 0px;

    height:89px;

}

#terminlisteLinks ul li #termincontentoutline #eventcontent #eventcontentPic #innerround_box_tl {background: url(../images/innerbox_corner_tl.gif) 0 0 no-repeat;}

#terminlisteLinks ul li #termincontentoutline #eventcontent #eventcontentPic #innerround_box_tr {background: url(../images/innerbox_corner_tr.gif) 100% 0 no-repeat;}



.shine {

    /* background: url(../images/eventpic_shine.png) 0 0 no-repeat; */

    height:89px;

}

/* textbereich */

#terminlisteLinks ul li #termincontentoutline #eventcontent #termincontent {

    background: url(../images/eventlist_bg.jpg) 60% 0 no-repeat;

    /* background-color: #f1ecd6; */

    text-align:center;

    width:300px;

}

#terminlisteLinks ul li #termincontentoutline #eventcontent #termincontent #innerround_box_bl {background: url(../images/innerbox_corner_bl.gif) 0 100% no-repeat; }

#terminlisteLinks ul li #termincontentoutline #eventcontent #termincontent #innerround_box_br {background: url(../images/innerbox_corner_br.gif) 100% 100% no-repeat;   padding-top: 10px; padding-bottom: 10px;}

/* textlink */

#terminlisteLinks ul li #termincontentoutline #eventcontent #termincontent #termintext {

    height:40px;

}

#terminlisteLinks ul li #termincontentoutline #eventcontent #termincontent a {

    color: #f1ecd6; 

    font-size: 15px;

    font-weight: bold;

    /* text-transform: uppercase; */

}

#terminlisteLinks #terminclear {

    float:left;

    clear: none;

}







#terminlisteLinksMonate {

    width:100%;

    margin:0px;

    padding: 0px;

}

#terminlisteLinksMonate ul {

    margin-top: 0px;

    margin-left: 0px;

    margin-right: 10px;

    margin-bottom: 10px;

    padding: 0px;

    float:left;

}

/* headtext und gesamtcontainer */

#terminlisteLinksMonate ul li {

    margin: 0px;

    padding: 0px;

    display:inline;

    font-size: 12px;

    font-weight: bold;

    letter-spacing: 0px;

    color:#663300;

}

/* orangebereich */

#terminlisteLinksMonate ul li #termincontentoutline {

    margin-top: 5px;

    width:146px;

    background-color: #dac14e;

    padding: 0px;

}

#terminlisteLinksMonate ul li #termincontentoutline #round_box_tl {background: url(../images/box_corner_tl.gif) 0 0 no-repeat;}

#terminlisteLinksMonate ul li #termincontentoutline #round_box_tr {background: url(../images/box_corner_tr.gif) 100% 0 no-repeat;}

#terminlisteLinksMonate ul li #termincontentoutline #round_box_bl {background: url(../images/box_corner_bl.gif) 0 100% no-repeat;}

#terminlisteLinksMonate ul li #termincontentoutline #round_box_br {background: url(../images/box_corner_br.gif) 100% 100% no-repeat;}



#terminlisteLinksMonate ul li #termincontentoutline #eventcontent {

    padding: 3px;

}

#terminlisteLinksMonate ul li #termincontentoutline #eventcontent #eventcontentPic {

    padding: 0px;

    margin: 0px;

    height:89px;

}

#terminlisteLinksMonate ul li #termincontentoutline #eventcontent #eventcontentPic #innerround_box_tl {background: url(../images/innerbox_corner_tl.gif) 0 0 no-repeat;}

#terminlisteLinksMonate ul li #termincontentoutline #eventcontent #eventcontentPic #innerround_box_tr {background: url(../images/innerbox_corner_tr.gif) 100% 0 no-repeat;}



.shine {

    /* background: url(../images/eventpic_shine.png) 0 0 no-repeat; */

    height:89px;

}

/* textbereich */

#terminlisteLinksMonate ul li #termincontentoutline #termincontent {

    background: url(../images/eventlist_bg.jpg) 80% 0 no-repeat;

    text-align:center;

    width:140px;

}

#terminlisteLinksMonate ul li #termincontentoutline #eventcontent #termincontent #innerround_box_bl {background: url(../images/innerbox_corner_bl.gif) 0 100% no-repeat; }

#terminlisteLinksMonate ul li #termincontentoutline #eventcontent #termincontent #innerround_box_br {background: url(../images/innerbox_corner_br.gif) 100% 100% no-repeat; padding-top: 10px; padding-bottom: 10px;}

/* textlink */

#terminlisteLinksMonate ul li #termincontentoutline #eventcontent #termincontent #termintext {

    height:32px;

}

#terminlisteLinksMonate ul li #termincontentoutline #eventcontent #termincontent a {

    color: #f1ecd6; 

    font-size: 12px;

    font-weight: bold;

}







#terminlisteRechts {

    width:100%;

    margin:0px;

    padding: 0px;

}

#terminlisteRechts ul {

    margin-top: 0px;

    margin-left: 0px;

    margin-right: 10px;

    margin-bottom: 10px;

    padding: 0px;

    float:left;

}

/* headtext und gesamtcontainer */

#terminlisteRechts ul li {

    margin: 0px;

    padding: 0px;

    display:inline;

    font-size: 12px;

    font-weight: bold;

    letter-spacing: 0px;

    color:#663300;

}

/* orangebereich */

#terminlisteRechts ul li #termincontentoutline {

    margin-top: 5px;

    width:146px;

    background-color: #dac14e;

    padding: 0px;

}

#terminlisteRechts ul li #termincontentoutline #round_box_tl {background: url(../images/box_r_corner_tl.gif) 0 0 no-repeat;}

#terminlisteRechts ul li #termincontentoutline #round_box_tr {background: url(../images/box_r_corner_tr.gif) 100% 0 no-repeat;}

#terminlisteRechts ul li #termincontentoutline #round_box_bl {background: url(../images/box_r_corner_bl.gif) 0 100% no-repeat;}

#terminlisteRechts ul li #termincontentoutline #round_box_br {background: url(../images/box_r_corner_br.gif) 100% 100% no-repeat;}



#terminlisteRechts ul li #termincontentoutline #eventcontent {

    padding: 3px;

}

#terminlisteRechts ul li #termincontentoutline #eventcontent #eventcontentPic {

    padding: 0px;

    margin: 0px;

    height:89px;

}

#terminlisteRechts ul li #termincontentoutline #eventcontent #eventcontentPic #innerround_box_tl {background: url(../images/innerbox_corner_tl.gif) 0 0 no-repeat;}

#terminlisteRechts ul li #termincontentoutline #eventcontent #eventcontentPic #innerround_box_tr {background: url(../images/innerbox_corner_tr.gif) 100% 0 no-repeat;}



.shine {

    /* background: url(../images/eventpic_shine.png) 0 0 no-repeat; */

    height:89px;

}

/* textbereich */

#terminlisteRechts ul li #termincontentoutline #termincontent {

    background: url(../images/eventlist_bg.jpg) 80% 0 no-repeat;

    text-align:center;

    width:140px;

}

#terminlisteRechts ul li #termincontentoutline #eventcontent #termincontent #innerround_box_bl {background: url(../images/innerbox_corner_bl.gif) 0 100% no-repeat; }

#terminlisteRechts ul li #termincontentoutline #eventcontent #termincontent #innerround_box_br {background: url(../images/innerbox_corner_br.gif) 100% 100% no-repeat;  padding-top: 10px; padding-bottom: 10px;}

/* textlink */

#terminlisteRechts ul li #termincontentoutline #eventcontent #termincontent #termintext {

    height:32px;

}

#terminlisteRechts ul li #termincontentoutline #termincontent a {

    color: #f1ecd6; 

    font-size: 12px;

    font-weight: bold;

}







/*

--------------------------------------------- 

                 Terminteaser                 

--------------------------------------------- 

*/

#mod_ttl table {

   width: 300px; 

   background-color: #ffffff;

   border-collapse: collapse;

}



#mod_ttl th {

   width: 100%;

   border-top: 1px solid #000000;

   border-bottom: 1px solid #000000;

   text-align:  left;

   vertical-align:  top;

   line-height:  200%;

   background-color: #cacaca;

   margin-top: 5px;

   margin-bottom: 5px;

   padding-left: 5px;

}



#mod_ttl td {

   text-align:  left;

   vertical-align: top;

   line-height: 130%;

}



#mod_ttl .hell { background-color: #ffffff; }

#mod_ttl .dunkel { background-color: #dfdfdf; }

#mod_ttl .sp1 { width: 110px; }

#mod_ttl .sp2 { width: 190px; }



/*

--------------------------------------------- 

              Terminliste Select              

--------------------------------------------- 

*/

#mod_ts {

   width: 600px; 

}