/**

 * CSS styles for Contenido sample client.

 * Anpassung für konzertverein kassel: Andreas Sandmann

 * @author Rudi Bieller

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

 * @version 1.0.0

 * 

 * created 2008-03-04

 */


/* -------- webfontclasses   AS ---------- */

.RotisSansSerif { 
    font-family: RotisSansSerif;
    font-weight: normal;
    font-style: normal;
}
.RotisSemiSerif-Bold { 
    font-family: RotisSemiSerif-Bold;
    font-weight: normal;
    font-style: normal;
}
 
/* ----------------- general html structure */

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

    font-family: RotisSansSerif, Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-style:normal;
    color:#404046;
    letter-spacing:0px;

}


html, body {

    margin:0;

    padding:0;

    /*overflow:auto;*/

}

html {

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

    background-position:0 140px;*/

    height:98%;

}

body {

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

    background-repeat: repeat;

    /*background-position:240px 0;*/

    height:98%;

}

form {

    margin:0;

    padding:0;

}



textarea {

    width:418px;

    height:85px;

}



img {

    border:0;

}

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



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

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

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

#head {

    height:178px; /* 155px  150px;*/

    /*background-color:#F1F1F1;*/

    background-image: url(../upload/FJM/FJM-Signet_webblau_asa.gif);    /*  ../images/FJM-Signet_2grViol4_.png  */

    background-repeat: no-repeat;
    background-position:39px 40px;
    background-color:#51658d;        
    /*  meinletztRot 99203e   Viol4 9f3e71    Viol3 903272  Viol2 903272   hellere ViolVers 9e557a    Viol.Dtschl.841c63   justiertes Hellgelb fffade       fdfbe7    */

    /*background-position:0 90px;*/

    padding:0;

    padding-top:0px;

    font-size:11px;

    text-align:right;

}



#head #headBody {

    padding:0;

    margin:0;

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

    /*background-repeat:no-repeat;

    background-position:240px 0;*/

    width:960px;

}



#head a#logoTop {

    display:block;

    float:left;

    padding:0;

    margin:0;

}



#head h1 {

    display:block;

    float:left;

    padding:0 0 0 0px; /*0 0 0 30px;*/

    margin:0;

    width:0px /*690px;*/

    height:0px;/*60px;*/

    line-height:0px;

    font-weight:normal;

    color:#435d06;

    /* transparency */

    background-color:#fff;

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

}



#head h1, #head a#logoTop {

    /*margin:90px 0 0 0;*/

}



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

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

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

#outerContainer {

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

    height:588px;   



    position: relative; /* Durch Hinzufügen von position: relative können Sie die beiden Randleisten im Verhältnis zu diesem Container positionieren. */

    margin: 0px auto; /*Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */

    /*margin-left:auto;

    margin-right:auto;  

    margin-top:0px;*/

    width: 960px;
    margin-top:20px;

    background-color:#fffbeb;             //   fffff4   fcfbf0   FDFCF4
    

}

* html #outerContainer {

    /*height:90%;*/

}

#contentContainer {

    width:960px;

}

#outerContainer, #contentContainer {

    /*margin:0;*/

    padding:0;

}



#whiteBg {

    float:left;

    background-color:#fffbeb;

    padding:0;

    margin:0;

    min-height:637px;

}



#navigation, #content, #teasersRight {

    float:left;

    }

#outerContainer #contentContainer #content {  /**/

    /*padding-top:30px;*/

}



#content, #teasersRight {

    background-color:#fffbeb; /* fcfbf0  #fefdf9*/}



#contentContainer #navigation {

    width:218px; /*240px;*/

    background-color:#fffbeb; /* a31e1e kvk */

    height:400px;

/*  background-image: url(../images/kvk_logo_webweiss.png);*/

    background-repeat:no-repeat;

    background-position:40px 18px;

    padding-top:265px;

    padding-left:40px;

    padding-right:0px;

    margin-right:20px;

}



/*  Navigation für FJM  */

#navig {
    clear:both;
    float:left;
    height:25px;
    width: 600px;
    overflow: inherit;
    margin-top:138px;   /*   115  */
    margin-left:400px;

}

#contentContainer #c_hinweis {

    height:37px; 

    font-size:10px; 

    color:#cbcbcb;

    padding-left:2px;

}

#contentContainer #content {

    width:602px; /*680   */

    padding-left:0px;

    padding-right:80px;

    padding-top:20px;

    margin:0;

    height:418px;

    overflow: hidden;

}

#contenthead {

    width:240px;

    height:120px;

    padding:0px;

    margin:0;

    overflow:hidden;

    background-color:#fcfbf0;

}



#contentscroll {

    position:absolute;

    height:360px;

    width:658px;

    /*float:left;*/

    padding-right: 15px;

    overflow: auto;

    scrollbar-base-color:#FFFFFF;

    scrollbar-3d-light-color:#FFFFFF;

    scrollbar-arrow-color:#FFFFFF;

    scrollbar-darkshadow-color:#FFFFFF;

    scrollbar-face-color:#7c8cbc;

    scrollbar-highlight-color:#FFFFFF;

    scrollbar-shadow-color:#FFFFFF;

    scrollbar-track-color:#f8f8fb;

    left: 250px;

    top: 195px;

}

#scrollbar {

    position:absolute;

    /*height:340px;*/

    height: 85%;

    max-height: 330px;

    width:8px;

    /*float:left;*/

    background-color: #eeeeeb;

    left: 925px;

    top: 195px;

}



#contentContainer #copyright {

    height:30px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px; 
    color:#bcbcbd;
    padding-left:0px;
    margin-top:70px;
    width:300px;
}

#copyright a {
    color:#bcbcbd;
}

#contentContainer #teasersRight {

    width:0px; /*230px;*/

    padding-top: 0px; /*30px;*/



}



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

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

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



/* Navi Universell FJM !  */

#metaNbox {

    clear:both;
}

#metamain {
float:left;
height:20px;
width:;
padding-right:20px;
}



.navi {

    font-family: RotisSemiSerif-Bold, Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-style:normal;
    font-size:15px;
    color:#ffe884;   /*// e0ba00   e7b300 386097   245ba5   395273*/
}

.navi a:hover {
    color:#fff7d4;               /*   466991   */
    text-decoration:none;
}

.subaktiv {
    color:#c9a812;
}

.aktiv {
    color: #fff2ba;    /*//   ffed9e   cca700   b39111   bf8300  0033CC*/
}






/* Level 1 */

#navigation ul {

    width:150px; /*230px;*/

    margin:0;

    padding:0;

    /*background-color:#F2F2F2;*/

    background-color:transparent;

}

#navigation ul li {

    width:140px; /*220px;*/

    margin:0;

    padding:0 0 0 0;

    list-style-type:none;

}

#navigation ul li a {

    display:block;

    width:140px; /*220px;*/

    min-height:10px;

    line-height:15px;

    margin:0;

    padding-top:12px;

    padding-left:9px;

    font-size:12px;

    color:#637387;

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

    background-repeat:no-repeat;

    background-position:0px 3px;*/

    border-bottom:0px solid #ccc;

    text-decoration:none;

}

#navigation ul li a:hover {

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

    background-repeat:no-repeat;

    background-position:0 16px;

    color:#fff;

}

#navigation ul li.active a {

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

    background-repeat:no-repeat;

    background-position:0 16px;

}

#navigation ul li.active a:hover {

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

    background-repeat:no-repeat;

    background-position:0 16px;

}



/* 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:0px dotted #ccc;

    padding-top:4px;

    padding-left:9px;

    color:#ffffff;

    width:130px;

}

#navigation ul li.navmainStandardLevel_2 a:hover{

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

    background-repeat:no-repeat;

    background-position:0 9px;

    color:#fff;

}

#navigation ul li.navmainStandardLevel_2 a.active {

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

    background-repeat:no-repeat;

    background-position:0 9px;

    /*font-weight:bold;*/

}

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

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

    background-repeat:no-repeat;

    background-position:0 9px;

}

/* Level 3 */

#navigation ul li.navmainStandardLevel_3 {

    margin-left:20px;

    font-size:12px;

}

#navigation ul li.navmainStandardLevel_3 a {

    background-image:none;

    border-bottom:0;

    padding-top:1px;

    padding-left:9px;

    color:#ffffff;

    width:120px;

    font-size:12px;

}

#navigation ul li.navmainStandardLevel_3 a:hover {

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

    background-repeat:no-repeat;

    background-position:0 6px;

}

#navigation ul li.navmainStandardLevel_3 a.active {

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

    background-repeat:no-repeat;

    background-position:0 6px;

    font-size:12px;

}

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

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

    background-repeat:no-repeat;

    background-position:0 6px;

}

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

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

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

#search {

    margin:20px 0 0 20px;

    font-size:11px;

    background-color:transparent;

}

#search label {

    font-size:11px;

    display:block;

    float:left;

    width:42px;

    padding:2px 0 0 0;

}

#search input {

    border:1px solid #ccc;

    width:140px;

    height:12px;

    font-size:10px;

}

#search input.sbmt {

    border:0;

    width:5px;

    height:8px;

    margin:0 0 0 10px;

}

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

/* ####################### 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 ################# */

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

#content {

    font-size:17px;

    color:#555556;

    line-height:23px;

}

#biolink {
    float:right;
    width:80px;
    margin-right:20px;
    font-family: RotisSansSerif, Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-style:normal;
    font-size:17px;
    color:#555556;
}

#content h1, #content h2, #content h3, #content h4 {

    margin:0 0 10px 0;
    padding:0;
    font-family: RotisSemiSerif-Bold, Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-style:normal;
    font-size:20px;
    /*color:#9f3e71;      //    55668a  003d75 637387  a31e1e */
    letter-spacing:0px;
}

#content h1 {

    line-height:23px;

    margin-left:0px;

    margin-bottom: 8px;
    
    color:#c3a706;      // gelb1 20K c0a500  meinletztRot 99203e    55668a  003d75 637387  a31e1e

    /*margin-bottom:-3px;*/

}

#content h1.headl {

    line-height:23px;

    margin-left:-1px;

    margin-bottom: 10px;
    
    color:#bd9a00;            /*c3a706*/

}

#content h1 a {
    color:#6d8fab; //0060b1
    text-decoration:none;
}

#content h1 a:hover {
    text-decoration: none;
    color:#c3a706; //a31e1e  e7b300
}
/*#content h1 a:active {
    color:#b09600;
    text-decoration:none;
}

#content h1 a:visited {
    text-decoration: none;
    color:#0060b1; //a31e1e  e7b300
}*/

#content h2 {

    font-size:20px;

    color:#bd9a00;             /*c3a706*/

    letter-spacing:0px;

    margin-bottom: 12px;

}

/* FJM  h3  Überschrift3  –  früher benutztbenutzt für Bildlegenden! */

#content h3 {
    font-size:18px;
    color:#bd9a00;             /*c3a706*/
    letter-spacing:0px;
    margin-bottom: 12px;
    line-height:25px;
}

h3 {
    font-size:18px;
    color:#bd9a00;             /*c3a706*/
    letter-spacing:0px;
    margin-bottom: 12px;
    line-height:25px;
}

/*#content h4 {
    font-size:18px;
    color:#c3a706;
    letter-spacing:0px;
    margin-bottom: 12px;
    line-height:25px;
}*/

#content h4 {
    font-size:18px;
    color:#555556;
    letter-spacing:0px;
    margin-bottom: 12px;
    line-height:25px;
}

#content h4 a {
    color:#555556;
    font-family: RotisSemiSerif-Bold, Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-style:normal;
}

#content h4 a:hover {
    color:#4c75c7;
}
#content h4 a:active {
    color:#555556;
}

.fjm_bildlegende {
    font-family: RotisSemiSerif-Bold, Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-style:normal;
    font-size:14px;
    color:#6f777d;
    letter-spacing:0px;
    margin-bottom: 12px;
    line-height:19px;
}
.fjm_fotograf {
    font-family: RotisSemiSerif-Bold, Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-style:normal;
    font-size:12px;
    color:#6f777d;
    letter-spacing:0px;
    margin-bottom: 12px;
    line-height:19px;
}

.fjm_gelbeHeadl {
    font-family: RotisSemiSerif-Bold, Arial, Helvetica, sans-serif;
    font-size:18px;
    color:#bd9a00;             /*c3a706*/
    letter-spacing:0px;
    margin-bottom: 12px;
    line-height:25px;
}

hr.fjm_linie {
    height: 1px;
    margin-bottom: 50px
}

.fjm_text {
    font-family: RotisSansSerif, Arial, Helvetica, sans-serif;
    font-size:17px;
    color:#555556;
    line-height:23px;
}

.fjm_textklein {
    font-family: RotisSansSerif, Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#555556;
    line-height:20px;
}



.spohrhead {color: #1e9aa3;}



.fliessfettrot {

    color: #a31e1e;

    font-weight: bold;

    font-size:11px;

    line-height:15px;

}

.fliessfettrotbestell {

    color: #a31e1e;

    font-weight: bold;

    font-size:12px;

    line-height:15px;

}



img.hr {

    display:block;

    margin:10px 0;

    padding:0;

}

#content hr {

    size:1px;

    color: #CCCCCC;

}

#content p {    

/*margin-top:-15px;*/

/*white-space:pre;*/

}



.halbezeile {

    font-size:11px;

    line-height:7px;

}



img.rand1999{

border: 1px solid #99999b;
margin-top:6px;
margin-bottom:6px;
margin-left:0px;
}

img.rand1999li{

border: 1px solid #99999b;
margin-top:6px;
margin-bottom:6px;
margin-left:-1px;
}

img.toprechts{
float:right;
margin-top:2px;
}


/*###### Programm MF ######*/



/* Zeittafel MF */

.prgrtag_zt {

    background-color:;

    font-size: 12px;

    line-height:14px;

}

.prgrtag_ztneu {

    background-color:;

    font-size: 12px;

    line-height:15px;

}

.prgr_ztvneu{

    padding-left:6px;

    padding-top:8px;

    padding-bottom:6px;

    line-height:16px;

    color:#000000;

}

.zt_uhr{color:#606060;}

.zt_stueck {

    font-family: "Times New Roman", Times, serif;

    font-size: 14px;

    font-weight: bold;

    color: #a31e1e;

}

/* ausfuehrliches Programm MF */

.prgrtabel_g {

    background-color: #EFEFE5;

    font-size: 12px;

    line-height:18px;

}

.prgrtag_w {

    font-size: 12px;

    line-height:18px;

    background-color:#F7F7Ed;

}

.prgrtabel_k {

    font-size: 12px;

    line-height:18px;

}

.prgrtd_datum {

height:16px;

vertical-align:top;

font-weight:bold;

color:#a31e1e;

padding-left:10px;

padding-bottom:4px;

}

.prgrtd_veranst {

height:16px;

vertical-align:top;

font-weight:normal;

color:#4e4e4c;

padding-left:10px;

padding-bottom:4px;

}

.prgrtd_titel {

height:16px;

vertical-align:top;

font-weight:bold;

color:#a31e1e;

padding-left:10px;

padding-bottom:0px;

}

.prgrtd_vorm {

height:34px;

vertical-align:top;

font-weight:normal;

color:#a31e1e;

line-height:18px;

padding-left:10px;

padding-bottom:0px;

}



.prgrtitel_times {

    font-family: "Times New Roman", Times, serif;

    font-size: 20px;

    font-weight: bold;

    color: #a31e1e;

}

.prgruntertitel_times {

    font-family: "Times New Roman", Times, serif;

    font-size: 16px;

    font-weight: bold;

    color: #a31e1e;

    line-height: 26px;

}



.prgrt_stuecktimes {

    font-family: "Times New Roman", Times, serif;

    font-size: 14px;

    font-weight: normal;

    color: #333333;

    padding-left:10px;

    vertical-align: top;

}

.prgrt_stuecktimesgrau {

    font-family: "Times New Roman", Times, serif;

    font-size: 14px;

    font-weight: normal;

    color: #606060;

}

.prgrtd_text_bottom {

height:15px;

vertical-align:botttom;

padding-left:10px;

padding-bottom:4px;

padding-right:10px;

}

.prgrtd_text_top {

height:16px;

vertical-align:top;

padding-left:10px;

padding-bottom:6px;

padding-right:10px;

}

.prgrtd_bild_text {

vertical-align:top;

padding-left:10px;

padding-bottom:4px;

padding-right:10px;

}



/* ###### newsticker_br"  #####*/



#newsticker_br{

    width:100%;

    height:86px; 

    overflow:hidden;

    margin-top:23px;

    background-color:#FDFCF4;

}





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

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

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

#teasersRight .teaserItem {

    color:#333;

    font-size:11px;

}

#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 {

    width:450px;

    margin:10px 0 0 30px;

    font-size:10px;

    padding-right:10px;

}

* 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;

}



ul#metaNavigation {

    margin:0 0 20px 0;

    padding:0;

}

ul#metaNavigation li {

    margin:0;

    padding:0 1px 0 8px;

    display:inline;

    border-left:1px solid #D7D7D6;

    color:#666666;

}



#logoutText {

    position:relative;

    height:70px;

}

#logoutText a {

    position:absolute;

    right:10px;

    bottom:10px;

    text-decoration:none;

}



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

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

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

a {

    color: #5a779c; //6f4444;

    text-decoration:none;

}

a:hover {

    text-decoration: none;

    color:#e7b300; //a31e1e;

}



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

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

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

#contactForm {

    font-size:12px;

    background-color:#F7F7Ed;

    padding-left:8px;

    padding-bottom:15px;

    padding-top:5px;

}

#contactForm .contactRow {

    margin:4px 0;

    width:330px;

    float:left;

}

#contactForm label {

    display:block;

    float:left;

    width:70px;

}

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

    border:1px solid #ccc;

    width:240px; /*346px;*/

    font-size:11px;

}

input.anzahlk {

    border:1px solid #ccc;

    width:20px; /*346px;*/

    text-align:right;

    height:13px;

}

#contactForm .contactRow select {

    border:1px solid #ccc;

    width:172px;

}

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

    width:240px;

}



#contactForm .contactRow input {

    height:16px;

}



#contactForm .contactRow textarea {

    height:16px;

    font-size:12px;

}



#contactFormSubmit #contactFormSubmitLeft {

    float:right;

    margin:0 0 0 0;

    width:129px;

    padding-left:90px;

}

* html #contactFormSubmit #contactFormSubmitLeft {

    margin:0 0 0 0;

}

#contactFormSubmit #contactFormSubmitRight {

    float:right;

    width:124px;

    padding-right:0px;

    margin-right:25px;

    padding-bottom:3px;



}



#contactFormSubmit #contactFormSubmitLeft input, 

#contactFormSubmit #contactFormSubmitRight input {

    background-color:#f3f3f3;

    border:0;

    color:#a31e1e;

    padding:0 20px 0 0;

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

    background-repeat:no-repeat;

    background-position:118px 4px;

    font-size:11px;

    width:auto;

    height:auto;

    float:right;

    margin:0;

    margin-top:3px;

}

#contactFormSubmit #contactFormSubmitLeft input {

    background-image:none;

    padding:0;

    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;

}