/*
    filename:    /css/chrismon-de_screen.css
    version:    1.0 - 2006-09-01 - mkr
    author:        martin (dot) krause (at) gpm (dot) de 
    validated by W3C CSS Validator // jigsaw.w3.org
*/

/* Table of Contents
-------------------------------------------------------------------------*/
/*
    Basic settings : default font-size, reset margin/padding , etc.
    Schatten: Schlagschatten
    Bühne: #stage enthält die Seite an sich 
    Navigation
        #navSupplementary: 
            Navigation im Header, oben rechts
        #navMain
            linke Spalte des Inhaltsbereiches, enthält die 
            Hauptnavigation und weitere dort angesiedelte Elemente
        #suche
            Suchbox
    
    Icons: Navigationsicons
    
    #branding: Header mit Logo
        
    #ticker: ticker, rss-icon
        
    #content
        #contentMain
            Inhalt der mittleren Spalte, 
            u.a. Teaserboxen aka zweispaltiger Inhalt, 
            verschidene Default- und spezielle Styles
            .cover, imgCaption der Seite Buchbesprechung
        #contentSupplementary
            rechte Spalte, verschidene Default- und spezielle Styles, 
            z.b. #chrismonClun, .docNav
        
    #breadcrumb: Brotkrumenpfad
    
    #metasitemap /#metaelements: footer
    
    #form: Formularelemente
    
    clearing: Markupfreies clearing
    
    misc: 
        diverses, z.B. Abstandhalter, .chrismonRed etc.
        
    #printElements: zusätzliche Elemente für die Druckausgabe
    
    banner: Banner oben und rechts außerhalb der Seite
    
    body selectors:
        #home: Startseite
        #h1colspan: Überschrift erster Ordnung überspannt  mittlere und rechte Spalte
    
*/


/* =basic stuff
-------------------------------------------------------------------------*/
html {
    font-size: 100%; /* for IE*/
}
html > body {
    font-size: 16px; /* for everyone else*/
}
/* that's it. default: 1em = 16px */
/* elements keeping their parents font size */
input, select, th, td, li li, li p, td p, q p {
    font-size: 1em;
}
/* reset margin, padding*/
* { 
    margin:0; 
    padding:0; 
    font-size: 100%; 
} 
    
html { 
    height: 100% 
} 
body {
    font-family: verdana,tahoma,arial,sans-serif;
    /*padding: 80px 0 0 12px;*/
    padding: 12px;  /* ohne Banner kein Freiraum oben */
    background: #D3E0E4;
    text-align: center;
}

/*RedDot*/
.rd, .RedDot {
    color: red !important;
    font-size: 0.7em !important;
}

h6
{
color:#a9a9a9;
text-align:right;
font-size: 12px;
}

/* =shadows
-------------------------------------------------------------------------*/
#shadowRight { background: transparent url(http://www.chrismon.de/images/gen_shadow_right.gif) 786px 0 repeat-y; width: 793px; margin: 0 auto; text-align: left; }
#shadowLeft { background: transparent url(http://www.chrismon.de/images/gen_shadow_left.gif) 0 0 repeat-y; }
#shadowBottom { background: transparent url(http://www.chrismon.de/images/gen_shadow_bottom.gif) 0 100% repeat-x; }
#shadowTop { background: transparent url(http://www.chrismon.de/images/gen_shadow_top.gif) 0 0 repeat-x; }
#shadowTopLeftCorner { background: transparent url(http://www.chrismon.de/images/gen_shadow_topleftcorner.gif) 0 0 no-repeat;}
#shadowTopRightCorner { background: transparent url(http://www.chrismon.de/images/gen_shadow_toprightcorner.gif) 779px 0 no-repeat; }
#shadowBottomLeftCorner { background: transparent url(http://www.chrismon.de/images/gen_shadow_bottomleftcorner.gif) 0 100% no-repeat; }
#shadowBottomRightCorner { background: transparent url(http://www.chrismon.de/images/gen_shadow_bottomrightcorner.gif) 779px 100% no-repeat; }
/* =stage
-------------------------------------------------------------------------*/
#stage {
    margin: 0 0 0 0 ! important;
    padding: 7px;
    width: 779px;
    background: transparent;
}
/* =navigation
-------------------------------------------------------------------------*/
/* = headernavigation, =navSupplementary */
#navSupplementary {
    background:#9F1438;
    border-top: 1px solid white;
    font-size: .656em; /*.6875*/
    line-height: 1.18; 
    padding: 7px 8px 0 30px;;
    text-align: right;
}
#navSupplementary ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#navSupplementary li {
    display: inline;
    margin: 0;
    padding: 0;
    color: #ECD0D7;
}
#navSupplementary li dfn {
    margin: 0;
    padding: 0;
    display: none !important;

}
#navSupplementary li a {
    color: #ECD0D7;
    text-decoration: underline;
}
#navSupplementary li a:link {
    color: #ECD0D7;
    text-decoration: underline;
}
#navSupplementary li a:visited {
    color: #ECD0D7;
    text-decoration: underline;
}
#navSupplementary li a:hover {
    color: #ECD0D7;
    text-decoration: none;
}
#navSupplementary li a:active{
    color: #ECD0D7;
    text-decoration: none;
}

/* = mainnavigation, =navMain*/
#navMain {
    background: #fff;
    /* left col*/
    float: left;
    width: 165px; 
}
/* first level */
#navMain ul {
    list-style: none;
/*    margin: 1px */
    margin: .2em 0 0 0;
    padding: 0;
    background: transparent;
}
#navMain ul li {
    margin: 0;
    padding: 0;
    background: #fff url(http://www.chrismon.de/images/gen_nav-weiche-linie.gif) 0 100% no-repeat;
    width: 100%;/* set hasLayout to fix IE bug due to a{display: block;}*/
/*    display: inline-block;*/ /* set hasLayout to fix IE bug due to a{display: block;}*/
}
#navMain ul li dfn {
    margin: 0;
    padding: 0;
    display: none !important;
}
#navMain ul li a {
    font-size: .656em; /*.6875*/
    line-height: 1.0em; 
    color: #9F1438;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding: .5em 0 .95em 29px;
}
#navMain ul li a:link {
    color: #9F1438;
    text-decoration: none;
}
#navMain ul li a:visited {
    color: #9F1438;
    text-decoration: none;
}
#navMain ul li a:hover {
    color: #000000 ! important;
    text-decoration: underline;
    border-right: 2px solid #fff;
}
#navMain ul li a:active{
    color: #FF3000 ! important;
    text-decoration: underline;
}
/* second level */
#navMain ul ul {
    margin: -4px 0 0px 0;
    padding: 0 0 9px 0;
}
#navMain ul li li {
    font-size: .656em; /*.6875*/
    line-height: 1.2;
    color: #9F1438;
    background: transparent;
    font-weight: normal;
    text-decoration: none;
    padding: 0 0 0 35px;
    margin: 0 0;
    background: #fff;
    display: block;
    width: auto;
}
#navMain ul li li a {
    font-size: 1em;
    line-height: 1.2; 
    color: #9F1438;
    background: #fff;
    font-weight: normal;
    text-decoration: none;
    padding: 0 ;
    margin:0;
    background: #fff;
    display: inline;
    /*border-left: 2px solid #fff;
    padding-left: 2px;*/
}
#navMain ul li li a:link {}
#navMain ul li li a:visited {}
#navMain ul li li a:hover {
    color: #FF3000 ! important;
    padding-right: 4px;
    border-right: 2px solid #fff;
}
#navMain ul li li a:active,
#navMain ul li li.active {
    color: #FF3000 ! important ;
    /*text-indent: -.6725em;*/
}
/* search */
#navMain #suche {
    margin-top: 33px;
}
#navMain #suche form {
    display: block;
    margin: 0 0 0 0px;
}
#navMain #suche label{
    font-size: .656em; /*.6875*/
    line-height: 2em;
    color: #9F1438;
    font-weight: bold;
    text-decoration: none;
    padding: 0 0 0 29px;
    margin: 0 0 0px 0px;
    height: 100%;
    display: block;
    height: 2.25em;
}
#navMain #suche input {
    margin-left: 30px ! important;
}
#navMain #suche .tdSubmit {
    padding: 0 0 0 22px;
    
}
#navMain #suche .inputSubmit {
    width: 6.63em;
    
}
#navMain #suche div.tr label {
    font-size: .625em;;
    color: #000;
    text-decoration: none;
    display: inline;
    font-weight: normal;
    margin: 0 0 0 0 ! important;
    padding: 0 0 0 5px ! important;
    line-height: 1.1em;
    vertical-align: middle;
}
#navMain #suche h2 {
    font-size: .625em;;
    color: #000;
    margin: 10px 0 0 0;
    padding: 0 0 0 29px;
}
#navMain #suche img {
    padding-left: 29px;
}
/* powerede by  */
#navMain #suche p {
    font-size: .625em;
    line-height: 1.2;
    padding-left: 29px;
    margin: 10px 0 0 0;
    letter-spacing:-0.045em;
}
/* top 5 */
#navMain #suche ol {
    list-style: decimal inside ;
}
#navMain #suche ol li {
    font-size: .625em;
    color: #000;
    padding: 0 0 0 29px;
    font-weight: bold;
    margin-top: -1px;
}
#navMain #suche ol li a:link {
    color: #9F1438;
    text-decoration: underline;
    font-weight: normal;
}
#navMain #suche ol li a:visited {
    color: #9F1438;
    text-decoration: underline;
}
#navMain #suche ol li a:hover {
    color: #9F1438;
    text-decoration: none;
}
#navMain #suche ol li a:active,
#navMain #suche ol li.active {
    color: #9F1438;
    text-decoration: none;
}
#bannerLeft {
    padding: 39px 0 0 10px;
}
/* icons in front of text */
.iconLive { background: transparent url(http://www.chrismon.de/images/gen_nav-icon-live.gif) 7px 2px no-repeat ! important; }
.iconMenschen { background: transparent url(http://www.chrismon.de/images/gen_nav-icon-menschen.gif) 7px 2px no-repeat ! important; }
.iconTasche { background: transparent url(http://www.chrismon.de/images/gen_nav-icon-tasche.gif) 7px 2px no-repeat ! important; }
.iconBewegung { background: transparent url(http://www.chrismon.de/images/gen_nav-icon-bewegung.gif) 7px 2px no-repeat ! important; }
.iconClick { background: transparent url(http://www.chrismon.de/images/gen_nav-icon-click.gif) 7px 2px no-repeat ! important; }
.iconLupe { background: transparent url(http://www.chrismon.de/images/gen_nav-icon-lupe.gif) 7px 2px no-repeat ! important; }

/* =branding, =logo
-------------------------------------------------------------------------*/
#branding {
    background: #9F1438; 
    height: 72px;
    padding: 0 0 0 29px;
}
/* =ticker
-------------------------------------------------------------------------*/
#ticker {
    background: #9F1438;
    height: 1.55em ! important;
    padding: 4px 0 0 0px;
    line-height: 1.2em;
    font-size: .6875em;
    position: relative;
    color: #fff;
    border-top: 1px solid  #fff;
}
#ticker p {
    margin: 0;
    padding: 0;
    display: inline;
    vertical-align: text-bottom;
    background: #9F1438;
}
/* rss icon */
#ticker img {
    position:absolute;
    top: 2px;
    right: 2px;
}
/* =content
-------------------------------------------------------------------------*/
#content {
    width: 779px;
    background: #fff url(http://www.chrismon.de/images/gen_faux_col_bg.gif) 100% 0 repeat-y;
}
/* =contentMain, main content */
#contentMain {
    /* middle column */
    float:left; 
    width: 403px; 
    padding: 0 0 45px 9px;
}
/* teaser boxes*/
/* topmost teaser*/
#contentMain .mainTeaser {
    width: auto;
    clear: both;
    padding: 0 0;
    margin: 10px 0 20px 0;
}
#contentMain .mainTeaser img.inline {
    float: left;
    margin: 0 10px 10px 0;
}
/* idicates left box*/
#contentMain .left {
    margin-right: 10px ! important;
}
/* small box, half size */
#contentMain .smallTeaser {
    width: 196px;
    float:left;
    margin: 0 0 25px 0;
}
#contentMain .smallTeaser h2 {
    color: #9F1438;
    font-size: .6875em;
    line-height: 1.5;
    border-bottom: 2px solid #9F1438;
    padding: 2px 0 0 22px ! important;
    margin: 0 ! important;
    background: transparent url(http://www.chrismon.de/images/gen_icon-apfelkreuz.gif) 4px 0px no-repeat;
}
#contentMain .smallTeaser h3 {
    color: #9F1438;
    font-size: .8125em;
    line-height: 1.15;
    font-weight: bold;
    padding: 0 15px ! important;
    margin: 15px 0 5px 0 ! important;
}
/* teaser fullsize*/
#contentMain .wideTeaser {
    width: auto;
    clear: both;
    padding: 0 0 ! important;
    margin: 0 0 15px 0 ! important;
}
#contentMain .wideTeaser h2 {
    color: #9F1438;
    font-size: .6875em;
    line-height: 1.5;
    padding: 2px 0 0 22px ! important;
    margin: 0 ! important;
    background: transparent url(http://www.chrismon.de/images/gen_icon-apfelkreuz.gif) 4px 0px no-repeat;
}
#contentMain .wideTeaser h3 {
    color: #9F1438;
    font-size: .8125em;
    line-height: 1.15;
    font-weight: bold;
    padding: 0 15px ! important;
    margin: 15px 0 5px 0 ! important;
}
/* small box, half size, no decoration */
#contentMain .smallTeaserSimple {
    width: 186px;
    float:left;
    margin: 0 0 25px 0 ! important;
    padding-right: 10px;
}
#contentMain .smallTeaserSimpleRight {
    width: 186px;
    float:left;
    margin: 0 0 25px 0 ! important;
    padding-left: 10px;
}
#contentMain .smallTeaserSimpleRight h2, 
#contentMain .smallTeaserSimple h2 {
    color: #9F1438;
    font-size: .8125em;
    line-height: 1.15;
    padding: 2px 0 0 15px;
    margin: 36px 0 0 0;
    background: transparent url(http://www.chrismon.de/images/gen_icon-apfelkreuz-schwarz.gif) 4px 0px no-repeat;
    text-indent: 7px;
}
/* colored dividers */
#contentMain .hrGrey {
    margin: 30px 15px 15px 15px;
    background: #A9A9A9;
    height: 1px ! important;
    line-height: 1px ! important;
    font-size: 1px ! important;
    display: block;
    padding: 0;
}
#contentMain .hrRed {
    margin: 20px 15px 20px 15px;
    background: #9F1438;
    height: 2px ! important;
    line-height: 2px ! important;
    font-size: 2px ! important;
    display: block;
    padding: 0;
}
#contentMain hr {
    height: 2px;
    border-bottom: 0;
    border-top: 2px solid #9F1438;
}
#contentMain h1 {
    border-bottom: 2px solid #9F1438; 
    font-size: .8125em; 
    margin: 10px 0 13px 0;
    line-height: 1.2; 
    color: #9F1438; 
}
#contentMain h2 {
    color: #9F1438;
    line-height: 1.2;
    font-size: .6875em;
    margin: 5px 15px;
}
#contentMain h3 {
    color: #9F1438;
    font-size: .7125em;
    padding: 0 15px;
    margin: 10px 0 5px 0;
    font-weight: bold;
}
#contentMain p {
    color: #000;
    font-size: .6875em;
    line-height: 1.35;
    padding: 0 15px;
    margin: 0 0 10px 0;
}

#contentMain a {
    color: #9F1438;
    text-decoration: underline;
}
#contentMain a:link {
    color: #9F1438;
    text-decoration: underline;
}
#contentMain a:visited {
    color: #9F1438;
    text-decoration: underline;
}
#contentMain a:hover {
    color: #9F1438;
    text-decoration: none;
}
#contentMain a:active {
    color: #9F1438;
    text-decoration: none;
}
#contentMain ul {
    list-style: disc outside;
    margin: 0 0 0 15px;
}
#contentMain li {
    /*font-size: 0.6875em;*/
    line-height:1.35;
    margin: 0 0 0 12px;
}
#contentMain li a {
    font-size: 0.6875em;
}

#contentMain img {
    /*margin-left: 15px;*/
}
#contentMain address {
    font-style: normal;
    font-size: .6875em;
    line-height: 1.35;
    margin-left: 15px;
}
q:before {
    content: '';
}
q:after {
    content: '';
}
label {
    cursor: pointer;
}
cite {
    font-style: normal;
    font-weight: bold
}

/*classes , used on "buchbesprechung" */
#contentMain h2.cover {
    margin:  0 0 0 0 ! important;
}
#contentMain img.cover {
    margin: 2px 20px 20px 15px;
    float: left;
}
#contentMain h3.cover {
    margin-bottom: 15px ! important; 
}
#contentMain .reference {
    font-size: .5625em;
    line-height: 1.35;
}
#contentMain .copyrightReference {
    font-size: .5625em;
    line-height: 1.35;
    color: #7C7C7C;
}
/* div.imgCaption, img with text inside a small grey box */
#contentMain .imgCaption {
    border: 1px solid #E2E2E2; 
    background: #E2E2E2; 
    width: 131px; 
    margin: 4px 15px 10px 15px; 
    float: left; 
    display: inline; /* fix IE double margin bug */
}
#contentMain .imgCaption img {
    margin-left: 0 ! important;
}
#contentMain .imgCaption p {
    font-size: .5625em;
    color: #545454;
    padding: 0;
    margin:5px 6px 5px 6px;
}
#contentMain .imgCaption cite {
    font-weight: normal;
}
#contentMain .imgCaption a.enlargeImg {
    float: right;
    margin: 5px 3px 4px 3px;
}
/* used on "Anzeige" */ 
#contentMain .advertisement {
    margin-top: 50px;
    margin-bottom: 50px;
}
/* reset default right margin */
#contentMain .mainTeaser img,
#contentMain .smallTeaser img,
#contentMain .wideTeaser img,
#contentMain .smallTeaserSimple img {
    margin-left: 0 ! important;
    padding-left: 0 ! important;
}

#contentMain .kontakt {
    margin-bottom: 30px;
}
#contentMain .kontakt img {
    float: left;
    margin: 0 10px 10px 0;
}
#contentMain .kontaktliste {
    margin-bottom: 10px;
}
#contentMain .kontaktliste a {
    text-decoration: underline;
    padding-left: 10px;
}
#contentMain .kontaktliste a.abteilung {
    padding-left: 0;
    font-weight: bold;
}
#contentMain .imageWrapper {
    float: left;
    margin: 3px 10px 10px 0;
}
#contentMain .imageWrapperRight {
    float: right;
    margin: 3px 0 10px 10px;
}
#contentMain .imageWrapper p {
    margin: 0 !important;
    padding: 0 !important;
}
#contentMain .imageWrapper .copyright, #contentMain .imageWrapperRight .copyright, #contentMain .copyright {
    text-align: right;
    font-size: 9px !important;
}
#contentMain .article a {
    text-decoration: underline !important;
}
#contentMain .article a:hover, #contentMain .article a:active {
    text-decoration: underline !important;
    color: #9F1438 !important;
}
#contentMain .listedTeaser {
    margin-bottom: 10px;
}
#contentMain .listedTeaser h2 {
    text-decoration: none !important;
    margin-left: 0;
    padding-left: 0;
}


/* =contentSupplementary, =rechte Spalte
-------------------------------------------------------------------------*/
#contentSupplementary {
    /* right column */
    float:right;
    width: 185px;
    margin-top: 12px;
}
#contentSupplementary h2 {
    border-top: 1px solid #A9A9A9; 
    font-size: .6875em; 
    line-height: 1.3;
    padding: 4px 11px 5px 11px;
}
/* used on "Anzeige"*/
#contentSupplementary h2.advertisement {
    font-weight: normal;
}
/* used on top 5 */
#contentSupplementary h2.topFive {
    padding-right: 0 ;
}
#contentSupplementary h2.topFive img {
    vertical-align: text-bottom; 
    padding: 0 0 0 4px;
}
#contentSupplementary p {
    font-size: .6875em; 
    padding: 2px 11px 8px 11px;
}
#contentSupplementary a {
    color: #000;
    text-decoration: none;
}
#contentSupplementary a:link {
    color: #000;
    text-decoration: none;
}
#contentSupplementary a:visited {
    color: #000;
    text-decoration: none;
}
#contentSupplementary a:hover {
    color: #000;
    text-decoration: underline;
}
#contentSupplementary a:active {
    color: #000;
    text-decoration: underline;
}
#contentSupplementary .tr {
    padding-left: 11px;
    margin: 0 0 10px 0;
}
#contentSupplementary .td p {
    padding: 9px 0 0 7px;
}
/* chrismon club, placing logo / nav on bg */
#contentSupplementary #chrismonClub {
    background: transparent url(http://www.chrismon.de/images/gen_chrismonclub-bg.gif) 0 0 no-repeat;
    height: 60px;
    margin: 12px 0;
}
#contentSupplementary #chrismonClub img {
    margin: 8px 0 0 59px;
}
#contentSupplementary #chrismonClub ul {
    margin: 1px 0 0 70px;
    list-style: none;
}
#contentSupplementary #chrismonClub li {
    font-size: .6875em;
    line-height: 1.2;
    color: #700A00;
    margin: 0 0 1px 0;
}
#contentSupplementary #chrismonClub li a {
    color: #700A00;
    text-decoration: underline;
}
#contentSupplementary #chrismonClub li a:link {
    color: #700A00;
    text-decoration: underline;
}
#contentSupplementary #chrismonClub li a:visited {
    color: #700A00;
    text-decoration: underline;
}
#contentSupplementary #chrismonClub li a:hover {
    color: #700A00;
    text-decoration: none;
}
#contentSupplementary #chrismonClub li a:active {
    color: #700A00;
    text-decoration: none;
}
/* document relate navigation, print, comment etc. */
#contentSupplementary ul.docNav {
    margin: 15px 11px;
    list-style: none;
}
#contentSupplementary .docNav span {
    float: left;
}
#contentSupplementary .docNav li {
    color: #700A00;
    margin: 0 0 4px 0;
}
#contentSupplementary .docNav li a {
    color: #700A00;
    text-decoration: underline;
    float: left;
    width: 145px;
}
#contentSupplementary .docNav li a:link {
    color: #700A00;
    text-decoration: underline;
}
#contentSupplementary .docNav li a:visited {
    color: #700A00;
    text-decoration: underline;
}
#contentSupplementary .docNav li a:hover {
    color: #700A00;
    text-decoration: none;
}
#contentSupplementary .docNav li a:active {
    color: #700A00;
    text-decoration: none;
}
#contentSupplementary ol {
    padding: 2px 11px 25px 11px;
    list-style: decimal inside;
}
#contentSupplementary li {
    font-size: .6875em;
    line-height: 1.2;
    color: #000;
    margin: 0 0 4px 0;
}
#contentSupplementary .subfeature {
    padding: 0 11px;
}
#contentSupplementary .subfeature img {
    clear: both;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

/* =breadcrumb
-------------------------------------------------------------------------*/
#breadcrumb {
    color: #9F1438;
    font-size: .6875em;
    background: #fff;
    font-weight: bold;
    padding: .70em 0 .8em 0;
    height: 1.09em;
    margin: 0;
}
#breadcrumb #prologue {
    font-weight: normal;
    padding: 0 0 0 7px;
}
#breadcrumb a {
    font-weight: normal;
    color: #9F1438;
}
#breadcrumb a:link {
    color: #9F1438;
}
#breadcrumb a:visited {
    color: #9F1438;
}
#breadcrumb a:hover {
    color: #9F1438;
    text-decoration: none;
}
#breadcrumb a:active {
    color: #9F1438;
}
/* =metasitemap, =metaelements, = footer
-------------------------------------------------------------------------*/
#metaSitemap {
    background: #F0F5F6 url(http://www.chrismon.de/images/gen_meta-sitemap-bg.gif) 0 0 repeat-x; 
    padding: 18px 0 25px 97px;
    clear:both; /* backup */
}
#metaSitemap ul {
    list-style:none;
}
#metaSitemap li {
    display: inline;
}
#metaSitemap dfn {
    display: none !important;
}
#metaSitemap li a {
    font-size: .6875em;
    line-height: 1.0;
    color: #000;
    text-decoration: underline;
    padding: 0;
    margin: 0;
}
#metaSitemap li a:link {
    color: #000;
    text-decoration: underline;
}
#metaSitemap li a:visited {
    color: #000;
    text-decoration: underline;
}
#metaSitemap li a:hover {
    color: #000;
    text-decoration: none;
}
#metaSitemap li a:active {
    color: #000;
    text-decoration: none;
}
#metaSitemap h2 {
    font-size: .6875em;
    color: #000;
}
/* slight variation used on paragraph instead of unordered list */
#metaSitemap h2.forP {
    line-height: 1.3;
}
#metaSitemap p {
    font-size: .6875em;
    line-height: 1.3;
    color: #000;
}
#metaSitemap .tr {
    clear: left;
}
#metaSitemap .td {
    width: 75px;
    text-align:right;
    padding: 4px 11px 0 0;
    float: left;
    margin: 0 0 14px 0;
}
#metaSitemap .td2 {
    float: left;
    width: 550px;
    text-align:left;
    margin: 0 0 14px 0;
}
#metaNav {
    background: #fff url(http://www.chrismon.de/images/gen_meta-nav-bg.gif) 0 0 repeat-x; 
    border-bottom: 6px solid #9F1438; 
    padding: .5em 0 .6em 54px;
    color: #7D3F39;
}
#metaNav img {
    vertical-align: text-bottom;
    margin: 0 0 0 0 ;
}
#metaNav p {
    font-size: .625em;
    vertical-align: -2px;
    line-height: 1.3;
    display: inline;
    
}
#metaNav p .divider {
    margin: 0 8px;
}
#metaNav ul {
    list-style: none;
    display: inline;
    vertical-align: -2px;
}
#metaNav p .copyright,
#metaNav p {
    vertical-align: -1px;
}
#metaNav * {
    vertical-align: baseline ! important;
}
#metaNav img {
    vertical-align: -2px ! important;
}
#metaNav li {
    display: inline;
    vertical-align: text-bottom;
    font-size: .625em;
    line-height: 1.5;
}
#metaNav li dfn {
    display: none !important;
}
#metaNav li a {
    color: #7D3F39;
    text-decoration: none;
}
#metaNav li a:link {
    color: #7D3F39;
    text-decoration: none;
}
#metaNav li a:visited {
    color: #7D3F39;
    text-decoration: none;
}
#metaNav li a:hover {
    color: #7D3F39;
    text-decoration: underline;
}
#metaNav li a:active {
    color: #7D3F39;
    text-decoration: underline;
}
/* =form
-------------------------------------------------------------------------*/
fieldset, 
img { 
    border: 0;
}
    
/* adjust form elements for Safari*/
select, 
input, 
textarea { 
    font-size: 99% 
}
select:focus, 
input:focus, 
textarea:focus { 
    background: #FDFEB3; 
    border: 1px solid red ! important;
}
legend {
    display: none;
}
#contentMain form {
    margin-left: 15px;
}
#contentMain label {
    font-size: .6875em;
    padding-right: 15px;
}
#contentMain label .small{
    display: block;
    font-size: .8181em;
    line-height: 1.35 ! important;
    padding-right: 15px;
}
#contentMain label.labelText {
    display: block;
    font-weight: bold;
    margin-top:3px;
}
.inputRadio {
    display: inline; 
    vertical-align: middle;
    margin: 0 0 0 0 ! important;
    padding: 0 ! important;
}
#contentMain .inputRadio {
    display: inline; 
    vertical-align: middle;
    margin: 0 5px 0 0 ! important;
    padding: 0 ! important;
}
#inputSuche {
    width: 111px;
    font-size: .6875em;
    border: 1px solid #999690;
    padding: 2px;
}
.inputDefault {
    width: 240px;
    font-size: .6875em;
    border: 1px solid #999690;
    padding: 2px;
}
.inputSmall {
    width: 65px;
    font-size: .6875em;
    border: 1px solid #999690;
    padding: 2px;
}
.inputSubmit,
.inputSubmit:focus {
    font-family: verdana, arial, sans-serif;
    font-size: .6875em;
    background: #9F1438;
    padding: 2px 10px;
    margin: 5px 0 0 0 ;
    border: none;
    font-weight: bold;
    color: #fff;
    margin: 5px 0 0 0 ! important;
    border: none;
}
.tdSubmit {
    padding: 15px 0 0 15px;
    
}
.selectDefault {
    width: 246px;
    font-size: .6875em;
    border: 1px solid #999690;
    padding: 2px;
}


/* =clearing
-------------------------------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { display: block; } /* Safari */
.clearfix { display: inline-block; } /* macIE5 , winIE7 : http://www.w3.org/TR/CSS21/visuren.html#display-prop*/
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; } /* winE5 + winIE6 fix*/
.clearfix { display: block; } /* winIE5, winIE6,winIE7 reset mac-fix*/
/* End hide from IE-mac */

.floatEnvironment { overflow:hidden; } /* global float environment */
/* Hides from IE-mac \*/
* html .floatEnvironment { width:100%; } /* winIE */
/* End hide from IE-mac */

/* misc
-------------------------------------------------------------------------*/
a img {
    border: none;
}
.chrismonRed {
    color: #9F1438 ! important;
}
.chrismonBorder {
    border-bottom: 2px solid #700A00 ! important;
    margin-bottom: 15px ! important;
}
/* basic fake table */
.tr {
    clear: left;
}
.td {
    float: left;
}
.floatLeft{
    float: left;
    margin: 0 5px 5px 15px;
}
.margin15px20px {
    margin: 0 15px 20px 15px;
}
.marginBot20 {
    margin-bottom: 20px ! important;
}
.marginBot5 {
    margin-bottom: 5px ! important;
}
.noMarginBot {
    margin-bottom: 0 ! important; 
}
.marginTop20px {
    margin-top: 20px ! important;
}
.marginTop10px {
    margin-top: 10px ! important; 
}
.noPadTop {
    padding-top: 0 ! important;
}
.noPadBot {
    padding-bottom: 0 ! important;
}
.noMargin {
    margin: 0 ! important;
}
.noMarginLeft {
    margin-left: 0 ! important;
}
.spacer10 {
    height: 10px;
    font-size: 10px;
    line-height: 10px;
    clear: both;
}
.spacer20 {
    height: 20px;
    font-size: 20px;
    line-height: 20px;
    clear: both;
}
.skip {
    position: absolute;
    top: 2px;
    left: -3000px;
    z-index: 2;
    text-align: left;
}
#noCss {
    display: none;
}
/* print elements
-------------------------------------------------------------------------*/
#printElements {
    display: none;
}
/* =banner top and right
-------------------------------------------------------------------------*/
#bannerTop{
    position: absolute; 
    top:14px; 
    left: 19px;
}
#bannerRight1 {
    position: absolute; 
    top:190px; 
    left: 808px;
}
#bannerRight2 {
    position: absolute; 
    top:800px; 
    left: 808px;
}
/* =body, =home
-------------------------------------------------------------------------*/
#home #navMain ul li a {
    color: #9F1438;
    font-weight: bold;
    padding: .5em 0 .95em 19px;
}
#home #navMain ul li li {
    padding: 0 0 0 23px ! important; 
    margin: 0 0;
}
#home #navMain ul li li a {
    border-left: 2px solid #fff;
    padding: 0 0 0 2px ! important;
    margin:0;
    display: inline;
    font-weight: normal;
}
#home #contentMain h2 {
    color: #9F1438;
    line-height: 1.2;
    font-size: .8125em;
    padding: 0 15px;
    margin: 5px 0;
}
#home #contentMain p {
    color: #000;
    font-size: .6875em;
    line-height: 1.35;
    padding: 0 15px;
    margin: 0 0 5px 0;
}
#home .iconLive { background: none ! important; }
#home .iconMenschen { background: none ! important; }
#home .iconTasche { background: none ! important; }
#home .iconBewegung { background: none ! important; }
#home .iconClick { background: none ! important; }
/*#home .iconLupe { background: none ! important; }*/

#home #contentMain a {
    color: #000;
    text-decoration: none;
}
#home #contentMain a:link {
    color: #000;
    text-decoration: none;
}
#home #contentMain a:visited {
    color: #000;
    text-decoration: none;
}
#home #contentMain a:hover {
    color: #000;
    text-decoration: underline;
}
#home #contentMain a:active {
    color: #000;
    text-decoration: underline;
}
#home #navMain #suche form {
    display: block;
    margin: 0 0 0 0;
}
#home #navMain #suche input {
    margin-left: 10px ! important;
}
#home #navMain #suche img,
#home #navMain #suche p,
#home #navMain #suche h2, 
#home #navMain #suche ol li 
{
    padding: 0 0 0 10px;
}

/* =h1colspan - headline spanning over middle and right col
-------------------------------------------------------------------------*/
#h1Colspan #content {
    background: #fff url(http://www.chrismon.de/images/gen_faux_col_bg_dark.gif) 100% 0 repeat-y;
}
#h1Colspan #contentMain {
    padding: 13px 0 45px 9px;
}

#h1Colspan h1 {
    border-bottom: 2px solid #9F1438; 
    font-size: .8125em; 
    line-height: 1.2; 
    color: #9F1438; 
    background: #fff;
    display: block;
    padding: 10px 0 0 0;
    margin: 0 0 0 189px;
}
#h1Colspan #contentSupplementary {
    border-top: 1px solid #fff;
}

.clear {clear: both; padding-bottom: 1px; /* for Gecko-based browsers */ margin-bottom: -1px; /* for Gecko-based browsers */}
.hide, .blind {display: none !important;}
.inside { padding: 0 1em;}
.req {color: #C40026;}
label {cursor: pointer;}
#pageWrapper {border-width: 0px; min-width: 40em;width: auto;}

dl#aboform {width: 402px; font-size: .7em !important;}
div#abonnement fieldset {border: 1px solid #CCC; width: 382px; font-size: 100%;}
div#abonnement fieldset.prod label {font-size: 100%; float: left; color: navy; font-weight: bold;}
div#abonnement fieldset label.produkte {width: auto !important; color: navy; float: left; height: auto; text-align: right; padding: 0.1em 1em; margin-bottom: 0.3em;}
div#abonnement fieldset input.produkte {background-color: #F1F5F9; width: 100px; border: 1px solid #333; font-weight: bold; margin-bottom: 0.3em; float: left !important; height: auto; width: auto;}
div#abonnement fieldset legend {font-weight: bold;}
div#abonnement fieldset label {font-size: 100%; width: 150px; float: left; height: auto; display: block; text-align: right; padding-right: 0.5em; margin-bottom: 0.3em;}
div#abonnement fieldset input {background-color: #F7F7F7; border: 1px solid #333; font-weight: bold; width: 200px; margin-bottom: 0.3em; float: none;}
.ueber_label {font-size:100% !important;}