html, body { height:100%; }

body {
    padding: 0;
    margin: 0;
        text-align: center;  /* Zentrierung im IE */ 
    min-width: 782px;
        max-width: 80em
         /* background-color:rgb(255,239,214); beige */
        font-size: 100%;
    font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
    color:rgb(0,0,0);
}

td {
    font-size: 100%;
    font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
    color:rgb(45,45,45); /* scharz/grau */
    margin-bottom: 8px;
}

.input {
    font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
    color:rgb(0,0,0);
    width: 240px;
    margin-bottom: 8px;
    border: 1px solid silver;
    font-size: 100%;
}

/* Hintergrund: Dunkelgrau - Schrift: weiß     */ 
.label {
    font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
    color:rgb(0,0,0);
    font-size: 100%;
}

.small {
    font-size: 100%;
}

#outer{
    height:100,01%;
    min-height:100,01%;
    width:780px;
    color:#000000;
    text-align:left;
    margin: 0 auto;  /* horizontale Zentrierung */

}
 
html>body #outer{ height:auto; } 

#innerwrap {
        
        float:left;
        width:780px; /* 605px; */
        background-color:rgb(249,249,249); /* helles grau */
        border-left: 1px solid silver;
        border-bottom: 1px solid silver;
}

#header{
    position:relative;
    top:0;
    left:0;
    width:780px;
    height:90px;
    color:#000000;
    background-color:#ffffff;
    /* background:url("../images/tbside-200606.jpg"); */
    z-index:6;
        
}

#headerfoot{
    position:relative;
    top:0;
    left:0;
    width:780px;
    height:32px;
    color:#000000;
    background:url("../images/hilfsnavi4.gif");
    z-index:7;
        
}


    img {
        border: 0;
    }
    
/*---------------------------------------------*/ 
/*             Sreen / Print - Umschaltung     */ 
/*                                             */ 
/*             .hiscn -> class=                */
/*             #hiscn -> id=                   */
/*---------------------------------------------*/ 

.hiscn{
    display:none;
}

.hiprn{
}

#hiscn{
    display:none;
}

#hiprn{
}

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

td.navipath { font-size: 90%; color: rgb(99,99,99); } 


#left {
    position:relative;
    width:180px;
    float:left;
         padding-top:20px;
    padding-bottom:20px;
         border-bottom: 1px solid silver;
}

#left p { padding-left:3px;padding-right:2px }

#right p { padding-left:4px;padding-right:2px }

/* taeser rechts */

#right_mgm {
    position:relative;
    width:170px;
    float:right;
        min-height: 500px;
        background-color:rgb(249,249,249); /* helles grau */
        background:url("../images/bgtaeser.jpg");
    background-repeat:repeat-y;
    padding-top:0px;
    padding-bottom:0px;
        border-right: 1px solid silver;
        border-bottom: 1px solid silver;
}

#imagecolumn {
    
        float:left;
        text-align: left; 
        width: 166px;
        margin-left: 0px;
        padding-left:4px;
        padding-right: 0px;
    display:block;
}

#imagecolumn a {
    padding:0;
        font-weight:normal;
    font-size: 100%;
    color:rgb(195,37,66); /* kaminrot */
    margin: 0;
}

#imagecolumn h1 {
    padding:0;
        font-weight:normal;
    font-size: 100%;
    color:rgb(0,0,0); /* schwarz */
    margin: 0;
}

div,p  { margin-top:0; }

#centrecontent {
    width:578px; /* 408px; */
         /* background-image:url('../images/bock_sw.gif'); */
         /* background-repeat: no-repeat;                  */
         /* background-attachment: fixed;                  */
         /* background-position: center; middle;           */
    float:right;
    padding-left:0px;
    padding-right:5px;
    padding-top:10px;
    padding-bottom:20px;
    color:rgb(45,45,45); /* schwarz/grau */
}

#centrecontent p { padding-left:3px:color:rgb(45,45,45); }

#clearfooter { width:100%;height:52px;clear:both; }

#bottomnavi {
    text-align:center;
    color:rgb(210,210,210);
}

#additionalnavi { /* Textfarbe Hauptnavi unausgewählt */
    float:right;
    margin-top:3px;
    padding-bottom:3px;
    padding-top:3px;
    text-align:center;
    width:170px;
    color: rgb(67,77,116); /* dunkelblau */
}

#logo {
    width:780px;
    margin-top:18px;
}

#navipath {
    padding:0;
    padding-bottom:10px;
         color:rgb(99,99,99);
    width:570px; /* orginal: 388px; */
}

.navi{
    width:180px;
    border-bottom:1px solid silver;
        background-color:rgb(171,198,234); /* hellblau */
}

h1 {
    padding-left:2px;
    font-weight:bold;
    font-size: 120%;
    color:rgb(45,45,45); /* schwarz/grau */
    margin:0;
}

h1.content {
    margin-bottom:12px;
    padding:0;
}

hr { color:rgb(160,160,160); } /* grau */

a { font-size: 100%; color:#0000C0; text-decoration:none; } /* Linkfarbe dunkelbalu */
a:hover { text-decoration:underline;}

a.newsheadline { font-weight:bold; } 

a.bottomnavi { color:rgb(160,160,160); font-size: 90%; } 

a.additionalnavi { font-size: 80%; color:#2C3D94; }

a.navipath { font-size: 80%; color:#000088} /* dunkelblau */

/*---------------------------------------------*/ 
/*             Navigationsdarstellung          */ 
/*---------------------------------------------*/ 

a.navileft_passive {
    display:block;
    background-color:#00008C;
    padding-top:3px;
    padding-bottom:3px;
    font-weight: bold; /* Text in fett */
    color: rgb(255,255,255); /* weiß */
} 

a.navileft_passive_sub {
    display:block;
    background:url("../images/navi_pfeil_blank1.gif") no-repeat;
    background-position:left;
    background-color:#000ACA; / * #0004D6; */
    padding-top:3px;
    padding-bottom:3px;
    font-weight: bold; /* Text in fett */
    color: rgb(255,255,255); /* weiß */
} 

a.navileft_passive_sub2 {
    display:block;
    background:url("../images/navi_pfeil_blank2.gif") no-repeat;
    background-position:left;
    background-color: #0008CE; / *  #0004D6; */
    padding-top:3px;
    padding-bottom:3px;
    font-weight: bold; /* Text in fett */
    color: rgb(255,255,255);  /* weiß */
} 

a.navileft_passive_sub3 {
    display:block;
    background:url("../images/navi_pfeil_blank3.gif") no-repeat;
    background-position:left;
    background-color:#1824FF;
    padding-top:3px;
    padding-bottom:3px;
    font-weight: bold; /* Text in fett */
    color: rgb(255,255,255); /* weiß */
} 

a.navileft_passive_sub4 {
    display:block;
    background:url("../images/navi_pfeil_blank4.gif") no-repeat;
    background-position:left;
    background-color:#6875FF; /* #5F65FF; */
    padding-top:3px;
    padding-bottom:3px;
    font-weight: bold; /* Text in fett */
    color: rgb(255,255,255); /* weiß */
} 

a.navileft_passive_sub5 {
    display:block;
    background:url("../images/navi_pfeil_blank4.gif") no-repeat;
    background-position:left;
    background-color:#D7DAFF; /* #A5A9FF; */
    padding-top:3px;
    padding-bottom:3px;
    font-weight: bold; /* Text in fett */
    color: rgb(255,255,255); /* weiß */
} 

a.navileft_active {
    display:block;
    background:url("../images/navi_pfeil1.gif") no-repeat;
    background-position:left;
    /* background-color:#CFDFFF;  blau hell */
    background-color:#FAFAFA; /* grau hell */
    padding-top:3px;
    padding-bottom:3px;
    font-weight: bold; /* Text in fett */
    color:#000088; /* dunkelblau*/
} 
a.navileft_active2 {
    display:block;
    background:url("../images/navi_pfeil2.gif") no-repeat;
    background-position:left;
    /* background-color:#CFDFFF;  blau hell */
    background-color:#FAFAFA; /* grau hell */
    padding-top:3px;
    padding-bottom:3px;
    font-weight: bold; /* Text in fett */
    color:#000088; /* dunkelblau*/
} 
a.navileft_active3 {
    display:block;
    background:url("../images/navi_pfeil3.gif") no-repeat;
    background-position:left;
    /* background-color:#CFDFFF;  blau hell */
    background-color:#FAFAFA; /* grau hell */
    padding-top:3px;
    padding-bottom:3px;
    font-weight: bold; /* Text in fett */
    color:#000088; /* dunkelblau*/
} 
a.navileft_active4 {
    display:block;
    background:url("../images/navi_pfeil4.gif") no-repeat;
    background-position:left;
    /* background-color:#CFDFFF;  blau hell */
    background-color:#FAFAFA; /* grau hell */
    padding-top:3px;
    padding-bottom:3px;
    font-weight: bold; /* Text in fett */
    color:#000088; /* dunkelblau*/
} 

a.navileft_active5 {
    display:block;
    background:url("../images/navi_pfeil5.gif") no-repeat;
    background-position:left;
    /* background-color:#CFDFFF;  blau hell */
    background-color:#FAFAFA; /* grau hell */
    padding-top:3px;
    padding-bottom:3px;
    font-weight: bold; /* Text in fett */
    color:#000088; /* dunkelblau*/
} 

a.navileft_open {
    padding-left:10px;
    display:block;
    background:url("../images/navi_pfeil1.gif") no-repeat;
    background-position:left;
    background-color:#0008CE; / * #0004D6; */
    padding-top:3px;
    padding-bottom:3px;
    font-weight: bold; /* Text in fett */
    color: rgb(255,255,255); /* weiß */
} 

.navileft_open_sub2 {
    padding-left:10px;
    display:block;
    background:url("../images/navi_pfeil2.gif") no-repeat;
    background-position:left;
    background-color:#1824FF;
    padding-top:3px;
    padding-bottom:3px;
    font-weight: bold; /* Text in fett */
    color: rgb(255,255,255); /* weiß */
} 

.navileft_open_sub3 {
    padding-left:10px;
    display:block;
    background:url("../images/navi_pfeil3.gif") no-repeat;
    background-position:left;
    background-color:#6875FF; /* #5F65FF; */
    padding-top:3px;
    padding-bottom:3px;
    font-weight: bold; /* Text in fett */
    color: rgb(255,255,255); /* weiß */
} 

.navileft_open_sub4 {
    padding-left:10px;
    display:block;
    background:url("../images/navi_pfeil4.gif") no-repeat;
    background-position:left;
    background-color:#D7DAFF; /* #A5A9FF; */
    padding-top:3px;
    padding-bottom:3px;
    font-weight: bold; /* Text in fett */
    color: rgb(255,255,255); /* weiß */
} 

.navileft_open_sub5 {
    padding-left:10px;
    display:block;
    background:url("../images/navi_pfeil5.gif") no-repeat;
    background-position:left;
    background-color:#D7DAFF; /* #A5A9FF; */
    padding-top:3px;
    padding-bottom:3px;
    font-weight: bold; /* Text in fett */
    color: rgb(255,255,255); /* weiß */
} 

a.sitemap_level1 {
    display:block;
    border-bottom:1px solid silver;
    color:rgb(195,37,66); /* kaminrot */
    font-weight:normal;
    padding-bottom:.4em;
    background:url("../images/navi_pfeil_rechts.gif") no-repeat;
    background-position:right;
}

a.sitemap_level2 {
    color:rgb(62,77,116); /* dunkelblau ins schwarz ziehend */
    background:url("../images/navi_pfeil_rechts.gif") no-repeat;
    background-position:170px 4px;
    display:block;
}

a.sitemap_level3 {
    color:rgb(190,190,190);
}

.sitemap_level2_container {
    float:left;
    width:50%;
    padding-top:.3em;
}

.sitemap_level3_container {
    float:right;
    width:50%;
    padding-top:.3em;
}

.input_searchbox {
    width:85px;
    vertical-align:middle;
    font-size: 100%;
    color:rgb(62,77,116); /* dunkelblau ins schwarz ziehend */
}

.input_newsletterselect {
    width:80px;
    vertical-align:middle;
    font-size: 100%;
    margin-right: 8px;
    color: rgb(62,77,116);
}

.label_searchbox {
    vertical-align:middle;
    color:rgb(67,77,116); /* dunkelblau ins schwarz ziehend /*
    position:relative;
         padding-left: 10px;
    font-size: 100%;
}

#loginbox {
    background-color:rgb(255,255,255); /* weiß */
    border-top:1px solid silver;
    border-bottom:1px solid silver; 
    padding-bottom:.6em;
    padding-top:.6em;
    padding-left:0em;
    padding-right:0em;
    margin-top:1.5em;
    margin-bottom:1.5em;
}

.searchbox {
        float: left;
        padding-left: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
        font-size: 80%;
}

#searchbox {
        float: left;
        padding-left: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
        font-size: 80%;
}

#newsletterbox {
   background-color:rgb(255,255,255); /* weiß */
   border-top:1px solid silver;
   border-bottom:1px solid silver;
   padding-bottom:.6em;
   padding-top:.6em;
   padding-left:.5em;
   padding-right:.5em;
   margin-top:1.5em;
   margin-bottom:1.5em;
}

.hidden {
    display:none;
}

/*---------------------------------------------*/ 
/*---         Eigene für PHP-Module         ---*/ 
/*---------------------------------------------*/ 
/*---------------------------------------------*/ 

/*---------------------------------------------*/ 
/*          Tabelle-Veranstaltungen 12Monate   */ 
/*---------------------------------------------*/ 


td.mg_v_ko {
background-color: #DDDDDD;
text-align: center;
vertical-align: middle;
font-weight: bold;
}

a.mg_v_ko {
text-align: center;
vertical-align: middle;
font-weight: bold;
}

td.mg_v_we_ot {
text-align: center;
vertical-align: middle;
color: #FF0000;
}

td.mg_v_wk_ot {
text-align: center;
vertical-align: middle;
color: #000000;
}

td.mg_v_we_oth {
background-color: #FFA943;
text-align: center;
vertical-align: middle;
font-weight: bold;
color: #FF0000;
}

td.mg_v_wk_oth {
background-color: #FFA943;
text-align: center;
vertical-align: middle;
font-weight: bold;
color: #000000;
}

td.mg_v_we_mt {
background-color: #8BF8FF;
text-align: center;
vertical-align: middle;
color: #FF0000;
}

a.mg_v_we_mt {
text-align: center;
vertical-align: middle;
color: #FF0000;
}

td.mg_v_wk_mt {
background-color: #8BF8FF;
text-align: center;
vertical-align: middle;
color: #000000;
}

a.mg_v_wk_mt {
text-align: center;
vertical-align: middle;
color: #000000;
}

td.mg_v_we_mth {
background-color: #8BA9FF;
text-align: center;
vertical-align: middle;
font-weight: bold;
color: #FF0000;
}

a.mg_v_we_mth {
text-align: center;
vertical-align: middle;
font-weight: bold;
color: #FF0000;
}

td.mg_v_wk_mth {
background-color: #8BA9FF;
text-align: center;
vertical-align: middle;
font-weight: bold;
color: #000000;
}

a.mg_v_wk_mth {
text-align: center;
vertical-align: middle;
font-weight: bold;
color: #000000;
}


/*---------------------------------------------*/ 
/*             Tabelle-Kontakt                 */ 
/*---------------------------------------------*/ 

td.mg_kont_da {
background-color: #E5E2F6; /* #D0D0D0; */ 
vertical-align: middle;
font-weight: bold;
font-size: 100%;
}

/*---------------------------------------------*/ 
/*             Tabelle-Gewerbe                 */ 
/*---------------------------------------------*/ 

td.mg_gewe_ti {
background-color: #FFFFFF; /* #999999; */
vertical-align: middle;
color: #000000;
font-weight: bold;
font-size: 110%;
}

td.mg_gewe_t2 {
background-color: #FFFFFF; /* #C0C0C0; */
vertical-align: middle;
font-weight: bold;
font-size: 100%;
}

td.mg_gewe_da {
background-color: #FFFFFF; /* #EEEEEE; */
vertical-align: top;
font-size: 100%;
}

/*---------------------------------------------*/ 
/*             Tabelle-Straßen                 */ 
/*---------------------------------------------*/ 

td.mg_stra_ti {
background-color: #64709C; /* #0033FF; */
vertical-align: middle;
color: #FFFFFF;
font-weight: bold;
font-size: 110%;
}

td.mg_stra_t2 {
background-color: #DEDEEA; /* #C8C8FF; */
vertical-align: middle;
font-weight: bold;
font-size: 100%;
}

td.mg_stra_da {
background-color: #F4F4F8; /* #EDEDFF; */
vertical-align: top;
font-size: 100%;
}

/*---------------------------------------------*/ 
/*             Tabelle-Visitenkarte            */ 
/*---------------------------------------------*/ 

td.mg_visi_ti {
background-color: #999999; /* #0033FF; */
vertical-align: middle;
color: #FFFFFF;
font-weight: bold;
font-size: 110%;
}

td.mg_visi_t2 {
background-color: #C0C0C0; /* #C8C8FF; */
vertical-align: middle;
font-weight: bold;
font-size: 100%;
}

td.mg_visi_da {
background-color: #EEEEEE; /* #EDEDFF; */
vertical-align: top;
font-size: 100%;
}

/*---------------------------------------------*/ 
/*             Tabelle-Visitenkarte - Fremd    */ 
/*---------------------------------------------*/ 

td.mg_visi_Fremd_ti {
background-color: #FFFFFF;  /* #999999; */ 
vertical-align: middle;
color: #000000;
font-weight: bold;
font-size: 110%;
}

td.mg_visi_Fremd_t2 {
background-color: #FFFFFF; /* #C0C0C0; */
vertical-align: middle;
font-weight: bold;
font-size: 100%;
}

td.mg_visi_Fremd_da {
background-color: #FFFFFF; /* #EEEEEE; */
vertical-align: top;
font-size: 100%;
}

/*---------------------------------------------*/ 
/*             Tabelle-Beherbergung            */ 
/*---------------------------------------------*/ 

td.mg_behe_ti {
background-color: #D87F28; /* #FF7F01; */
vertical-align: middle;
color: #FFFFFF;
font-weight: bold;
font-size: 110%;
}

td.mg_behe_t2 {
background-color: #E6AD76; /* #FFAD5D; */
vertical-align: middle;
font-weight: bold;
font-size: 100%;
}

td.mg_behe_da {
background-color: #F5DDC5; /* #FFDDBB; */
vertical-align: top;
font-size: 100%;
}

/*---------------------------------------------*/ 
/*             Tabelle-Mitarbeiter             */ 
/*---------------------------------------------*/ 

td.mg_mita_ti {
background-color: #0033FF;
vertical-align: middle;
color: #FFFFFF;
font-weight: bold;
font-size: 110%;
}

td.mg_mita_t2 {
background-color: #A0BDF8; /* 25.08.09 #C8C8FF; */
vertical-align: middle;
font-weight: bold;
font-size: 100%;
}

td.mg_mita_da {
background-color: #EBF2FF; /* 25.08.09 #EDEDFF; */
vertical-align: top;
font-size: 100%;
}

/*---------------------------------------------*/ 
/*             Tabelle-Veranstaltungen         */ 
/*---------------------------------------------*/ 

td.mg_vera_ti {
background-color: #0033FF; /* 29.01.2010 #56A056; */
vertical-align: middle;
color: #FFFFFF;
font-weight: bold;
font-size: 110%;
}

td.mg_vera_da {
background-color: #EFF4FF; /*29.01.2010  #EDFFED; */
vertical-align: top;
font-size: 100%;
}

/*---------------------------------------------*/ 
/*             Tabelle-Vereine                 */ 
/*---------------------------------------------*/ 

td.mg_vein_ti {
background-color: #003366;
vertical-align: middle;
color: #FFFFFF;
font-weight: bold;
font-size: 110%;
}

td.mg_vein_da {
background-color: #66CCFF;
vertical-align: top;
font-size: 100%;
}

/*---------------------------------------------*/ 
/*             Tabelle-Parteien                */ 
/*---------------------------------------------*/ 

td.mg_part_ti {
background-color: #336699;
vertical-align: middle;
color: #FFFFFF;
font-weight: bold;
font-size: 110%;
}

td.mg_part_da {
background-color: #EEEEEE;
vertical-align: top;
font-size: 100%;
}

/*---------------------------------------------*/ 
/*             Tabelle-Einrichtungen           */ 
/*---------------------------------------------*/ 

td.mg_einr_ti {
background-color: #8080FF;
vertical-align: middle;
color: #FFFFFF;
font-weight: bold;
font-size: 110%;
}

td.mg_einr_t2 {
background-color: #8080FF;
vertical-align: middle;
font-weight: bold;
font-size: 100%;
}

td.mg_einr_da {
background-color: #EBEBFF;
vertical-align: top;
font-size: 100%;
}

/*---------------------------------------------*/ 
/*             Tabelle-Grau                    */ 
/*---------------------------------------------*/ 

td.mg_grau_ti {
background-color:rgb(249,249,249); /* helles grau */
vertical-align: middle;
color: #000000;
font-weight: bold;
font-size: 110%;
}

td.mg_grau_t2 {
/* background-color: #FFFFFF;  */
background-color:rgb(249,249,249); /* helles grau */
ertical-align: middle;
font-weight: bold;
font-size: 100%;
}

td.mg_grau_da {
/* background-color: #FFFFFF; */
background-color:rgb(249,249,249); /* helles grau */
vertical-align: top;
font-size: 100%;
}

/*---------------------------------------------*/ 
/*             Tabelle-Normal                  */ 
/*---------------------------------------------*/ 

/* Hintergrund: Dunkelgrau - Schrift: weiß     */ 
td.mg_gr3 {
background-color: #999999;
vertical-align: middle;
color: #FFFFFF;
font-weight: bold;
font-size: 110%;
}

/* Hintergrund: Mittelgrau - Schrift: schwarz   */ 
td.mg_gr2 {
background-color: #C0C0C0;
vertical-align: middle;
font-weight: bold;
font-size: 100%;
}

/* Hintergrund: Hellgrau - Schrift: schwarz     */ 
td.mg_gr1 {
background-color: #EEEEEE;
vertical-align: top;
font-size: 100%;
}

/* Lightbox */
    #lightbox {
        position: absolute;
        top: 40px;
        left: 0;
        width: 100%;
        /*z-index: 100;*/
        z-index: 990;
        text-align: center;
        line-height: 0;
    }
    #lightbox a img { border: none; }
    #outerImageContainer {
        position: relative;
        background-color: #fff;
        width: 250px;
        height: 250px;
        margin: 0 auto;
    }
    #imageContainer {
        padding: 10px;
    }
    #loading {
        position: absolute;
        top: 40%;
        left: 0%;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0;
    }
    #hoverNav {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        /*z-index: 10;*/
        z-index: 970;
    }
    #imageContainer>#hoverNav { left: 0;}
    #hoverNav a { outline: none;}
    #prevLink, #nextLink {
        width: 49%;
        height: 100%;
        background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
        display: block;
    }
    #prevLink { left: 0; float: left;}
    #nextLink { right: 0; float: right;}
    #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
    #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
    #imageDataContainer {
        font: 10px Verdana, Helvetica, sans-serif;
        background-color: #fff;
        margin: 0 auto;
        line-height: 1.4em;
    }
    #imageData {
        padding:0 10px;
    }
    #imageData #imageDetails{ width: 70%; float: left; text-align: left; }  
    #imageData #caption{ font-weight: bold; }
    #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }           
    #imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;  }   
    #overlay {
        position: absolute;
        top: 0;
        left: 0;
        /*z-index: 90;*/
        z-index: 980;
        width: 100%;
        height: 500px;
        background-color: #000;
        filter:alpha(opacity=60);
        -moz-opacity: 0.6;
        opacity: 0.6;
    }
    .clearfix:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
    }
    * html>body .clearfix {
        display: inline-block; 
        width: 100%;
    }
    * html .clearfix {
        /* Hides from IE-mac \*/
        height: 1%;
        /* End hide from IE-mac */
    }
/* << */