/*
**  Datei       : drk_grundlayout.css
**  Funktion    : Grundlayout (Hauptcontainer)
**  based on      "Yet Another Multicolumn Layout" v3.0.4 (c) by Dirk Jesse (http://www.yaml.de)
                  $Revision: 134 $ $Date: 2007-10-12 20:31:37 +0200 (Fr, 12 Okt 2007) $
**  modifiziert : DRK-Verbandsversion 2009-10-14 hxb
**                v2.0.7 2009-10-27 hxb/thb
*/

@media all
{

        *{margin:0;padding:0}
        * html body *{overflow:visible}
        * html iframe,* html frame{overflow:auto}
        * html frameset{overflow:hidden}
        html{height:100%;margin-bottom:1px}
        body{font-size:100.01%;color:#000;background:#fff;text-align:left}

        /* Gestaltung des YAML-Basis-Layouts */

        /* Randbereiche & Seitenhintergrund */
        body {background:#8c8c8c url("../img/pagebg.jpg") no-repeat top left fixed; padding:24px 0;}

        /* Layout: Breite, Hintergrund, Rahmen */
        #page {width:80em; margin:0 auto; border:0;}
        #page{background:#fff; border:0; padding:0;}

        /* Zentrierung des Layouts in alten IE-versionen */
        body {text-align:center;}
        #page_margins {text-align:left;}

        /* Gestaltung der Hauptelemente des Layouts */

        #header {height:110px; background: transparent;}
        #header img.headImg1 {position:absolute; top:12px; left:12px;}
        #header h1 span {display:block; height:1px; width:1px; overflow:hidden; line-height:105px;}
        #header div.tx-macinasearchbox-pi1 {position:absolute; bottom:8px; right:10px; font-size:11px;}
        #header div.tx-macinasearchbox-pi1 input {margin-left:0;}
        #header div.tx-macinasearchbox-pi1 form span {display:block; font-weight:bold; color:#aaa;}
        #header div.tx-macinasearchbox-pi1 form input {width:170px; height:13px;}
        #header #banner {position:absolute; top:25px; right:10px; z-index:10;}
        #header #topnav {position:absolute; top:0; right:12px; text-align:right; font-size:0.9em; color:#aaa; background:transparent;}

        #footernav {margin-top: 3em;}
        #footer #footernav {}

        /* (en) adjustment of main navigation */
        /* (de) Anpassung der Hauptnavigation */
        #nav_main {}
        #nav ul {margin-left:0;}

        #main {padding:0 0;}

        #footer {
                color: #666;
                background: transparent;
                padding: 0;
                border: 0;
                }

        #header,#nav,#main,#footer{clear:both;}
        #header,#col1_content,#col2_content,#col3_content{position:relative}


/* +++++++++++++++++++++++++++++++++++ */
        /**
        * (en) Formatting content container
        * (de) Formatierung der Inhalts-Container
        * |-------------------------------|
        * | #header                       |
        * |-------------------------------|
        * | #col1   | #col3     | #col2   |
        * | 16em    | 50em      | 14em    |
        * |-------------------------------|
        * | #footer                       |
        * |-------------------------------|
        */

        #col1 {clear:left; float:left; width:16em; margin:0;}
        #col1_content {padding:0;}

        #col3 {float:left; width:50em; margin:0; padding:0;}
        #col3_content {padding: 0 2em 0 2em;}
	#col3.bigger {width:64em;}

        #col2 {float:right; width:14em; margin:0;}
        #col2_content {padding:0;}
        #col2_content_oben {padding:0;} /* speziell fuer Suche-Container */
        #col2_content_unten {padding:0;}



        /* (en) crumbtrail */
        /* (de) Brotkrumennavigation +++ */
        /*  #teaser missverstaendlich - gemeint ist der Container mit dem Brotkrumenpfad */

        #teaser {margin:0; padding:0; background:#eee; color:#999;}
        #teaser div {float:left; width:auto; font-size:0.85em;}
        #teaser .rootline {height: 1em; margin:0.5em 0;}
        #teaser .rootline a {color:#999; text-decoration:underline;}
        #teaser .rootline a:hover {background:transparent;}

        /* nicht verwendete, verfuegbare Klassen */
        #teaser .langMenu {}
        #teaser .langMenu .tx-srlanguagemenu-pi1 .CUR img {}
        #teaser .langMenu .tx-srlanguagemenu-pi1 .CUR img.tx-srlanguagemenu-pi1-flag {}
        #teaser .langMenu .tx-srlanguagemenu-pi1 form#sr_language_menu_form fieldset legend {}
        #teaser .langMenu .tx-srlanguagemenu-pi1 form#sr_language_menu_form fieldset label {}
        #teaser .selectFontSize {}
        #teaser .aktDatum {}


        .hideboth #col3{margin-left:0;margin-right:0}
        .hidecol1 #col3{margin-left:0;margin-right:14em}
        .hidecol2 #col3{margin-left:16em;margin-right:0}
        .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
        .clearfix{display:block}
        .floatbox{overflow:hidden}

        .subcolumns,.subcolumns_oldgecko{width:100%;overflow:hidden}
        .c50r,.c25r,.c33r,.c38r,.c66r,.c75r,.c62r{float:right;}
        .c25l,.c25r{width:25%}
        .c33l,.c33r{width:33.334%}
        .c50l,.c50r{width:50%}
        .c66l,.c66r{width:66.667%}
        .c75l,.c75r{width:75%}
        .subc{}
        .subcl{}
        .subcr{}

        .skip,.hideme,.print{position:absolute;top:-1000em;left:-1000em;height:1px;width:1px}
        .skip:focus,.skip:active{position:static;top:0;left:0;height:auto;width:auto}

        .hideboth #col1,.hideboth #col2,.hidecol1 #col1,.hidecol2 #col2,#ie_clearing{display:none}
        .subcolumns_oldgecko,.c50l,.c25l,.c33l,.c66l,.c75l{float:left}


}