/* SVN FILE:   $Id: magazin.css 2964 2010-08-31 16:24:54Z b.beckmann $ 
 * SVN HEADER: 1.0
 ***
 * $title           DFG Layout Magazinbereich
 *
 * $description
 *   Test
 *   Text
 *
 * $author          j.mueller
 * $copyright       babiel GmbH
 * $version         $Revision: 2964 $
 * $lastrevision    $Date: 2010-08-31 18:24:54 +0200 (Di, 31 Aug 2010) $
 * $modifiedby      $LastChangedBy: b.beckmann $
 * $lastmodified    $LastChangedDate: 2010-08-31 18:24:54 +0200 (Di, 31 Aug 2010) $
 * $filesource      $HeadURL: http://svn.babiel.com/DFG/trunk/Projekte/Relaunch2009/HTML-Prototyp/includes/css/magazin.css $
 * $keywords        Layout, Style
 * $require         -
 *
 */
 
.identity .naviWrap {
    background-image:url(../images/fibonacci_magazin.gif);
}

.searchBox {
    width:960px;
    background-color:#FFFFFF;
    border-right: none;
    border-left: none;
}

.searchBox form .input {
    border:1px solid #abb2b6;
    height:14px;
    margin:0 0 0 10px;
    padding-bottom: 0.1em;
}

.searchBox .extSearch:link, .searchBox .extSearch:visited {
    background-color: #FFFFFF;
    background-image:url(../images/extSearch_mgzn.gif);
}

.searchBox .extSearch:hover, .searchBox .extSearch:focus, .searchBox .extSearch:active {
    background-image:url(../images/extSearchHover_mgzn.gif);
}

.breadcrumb {
    float:left;
    margin:0.2em 0 1em 29px;
    min-height:1.55em;
    width:697px;
}

.magazinTitel {
    float:left;
    font-size:1em;
    margin:0 0 0 29px;
    font-weight: bold;
    color: #464748;
}

.content h1 {
    font-size: 1.815em;
    padding: 1.1em 0 0 0;
    margin-left: -0.1em;
}
 
#hauptNavigation {
    background-color:#8f989d;
}
 
#hauptNavigation .navigation div {
    background-color:#8f989d;
}

.hauptnaviLine {
    background-color:#abb2b6;
}

#hauptNavigation .navigation div.aktiv {
    background-color:#abb2b6;
    border-bottom:1px solid #abb2b6;
}

#hauptNavigation .navigation li:hover a, #hauptNavigation .navigation li:focus a, #hauptNavigation .navigation li:active a {
    background-image:url(../images/hauptnavigation_liste_icon_magazin.gif);
    position:relative;
}

#hauptNavigation .navigation ul li a:hover, #hauptNavigation .navigation ul li a:focus, #hauptNavigation .navigation ul li a:active {
    background-color:#abb2b6;
}

.contentWrap {
    width:940px;
}

.bereichsnavigation {
    margin:0;
}

.bereichsnavigation h2 {
    font-size:1em;
    font-weight:bold;
    margin:0.1em 0 2em;
}

.context {
    margin-top: -2em !important;
    margin-left: 33px !important;
}

.kategorieHead {
    float: left;
    min-height: 1em;
    margin-top:1.3em;
}

.kategorie {
    float: left;
    display: block;
    padding: 0 0.2em 0.1em 0.4em;
    margin: 0.2em 0.9em 0 0;
    background-color: #3f85c1;
    color: #FFFFFF;
    min-height: 1.35em;
    height: auto;
    line-height: 1.35em;
    vertical-align: middle;
    text-align: center;
    font-size: 0.85em;
    text-transform: uppercase;
}

.context .kategorie {
    margin: 0.3em 0 0 0;
}

.kategorieHead .text {
    font-weight: bolder;
}


.content .microTextBild {
width:460px;
}

.content .microTextBild p {
    /*margin-top: 1.6em;*/
}


.microTextBild .bildSmall {
    border:1px solid #abb2b6;
    padding:0.45em 0 0;
    text-align:center;
    width:192px;
}

.microTextBild .bildSmall img {
    margin-left: 6px;
}


.content .microTextBild .bildBeschriftung,
.content .microTextBild .bildSize,
.content .microTextBild .bildSize a {
    background-color:#FFFFFF;
}

.microTextBild .bildSize {
    margin: 0.3em 0 0 0;
}
.content p {
    margin-top: 0.9em;
}

.microTextBild .bildBeschriftung {
    margin:0.1em 0 0.75em 0;
    padding:0 0 0.3em;
}

.microTextBild .bildSmall .bildBeschriftung .text {
    margin:0 0 0 1em;
    text-align: left;
    line-height: 1.3em;
}

.content .microPdfVorschau {
    /*margin:0 0 1em;*/
    margin: 0;
}

.artikelNavi {
    float: left;
    background-image: url(../images/line_bottom.gif);
    background-position: bottom;
    background-repeat: repeat-x;
    margin-bottom:1.8em;
}

.artikelNavi h2 {
    background-color: #3f85c1;
    color: #FFFFFF;
    margin-top:2.15em;
    margin-bottom:1px;
}

.dossier h2 {
    background-color: #e3e5e6;
    color: #464748;
}

h2.trenner {
    float: left;
    width: 460px;
    margin: 0 0 0 0; 
    padding: 0 0 10px 0;
    background-image: url(../images/line_bottom.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}


.artikelNavi h3 {
    clear: both;
    font-size: 0.9em;
    font-weight: bold;
    margin: 0.25em 0 0 0;
}

.artikelNavi .artikel {
    float: left;
    width: 205px;
    margin: 0;
    padding: 2px 0 0 0;
    background-image: url(../images/line_bottom.gif);
    background-position: top;
    background-repeat: repeat-x;
}

.artikelNavi .artikel .content {
    float: left;
    width: 180px;
    margin: 0 0 2px 0;
    padding: 0 0 0.5em 25px;
}

.artikelNavi .artikel .aktiv {
    background-image: url(../images/magazinArtikelNaviBG.gif);
    background-repeat: no-repeat;
    background-position: left;
    background-color: #e2edf6;
}

.dossier .artikel .aktiv {
    background-color: #f8f8f7;
    background-image: url(../images/magazinDossierNaviBG.gif);
}

.artikelNavi .artikel .content .bild {
    float: left;
    width: 36px;
    height: 34px;
    border: 1px solid #abb2b6;
    background-color: #FFFFFF;
    margin: 0.4em 7px 0 0;
    padding: 0;
    text-align: center;
}

.artikelNavi .artikel .content .bild img {
    margin: 2px 0 0 0;
}

/*.artikelNavi .artikel .content .text {
    display:block;
    float:left;
    margin:0;
    width:135px;
}*/

/*.artikelNavi .artikel .content .text p {
    margin: 0.3em 0 0 0;
    font-size: 0.9em;
    line-height: 120%;
}*/

.artikelNavi .artikel .content p {
    margin: 0.3em 0 0 0;
    font-size: 0.9em;
    line-height: 120%;
}


/* Ohne Marginalspalte */
#magazinNomargin .content {
    width: 680px;
    float: left;
}

#magazinNomargin .topNavi {
    float: left;
    width: 680px;
    height:28.4em;
    background-color: #e3e5e6;
    /*margin: 0.6em 0 1em 0;*/
    margin: 0.6em 0 1em 0;
    display: inline;
}

#magazinNomargin .topNavi .bigPic {
    float: left;
    height: 28.4em;
    width: 458px;
    display: inline;
}

#magazinNomargin .topNavi .navi {
    float: right;
    width: 222px;
    height: 28.4em;
    display: inline;
}

#magazinNomargin .topNavi .navi ul {
    margin: 0;
    padding: 0;
    display: inline;
}

#magazinNomargin .topNavi .navi ul li {
    float: left;
    display: block;
    width: 214px;
    height: 65px;
    margin: 3.5px 0 0 4px;
    padding: 0;
    background-color: #FFFFFF;
    display: inline;
}

#magazinNomargin .topNavi .navi ul li span,
#magazinNomargin .topNavi .navi ul li a{
    float: left;
    width: 110px;
    font-size: 1.155em;
    margin: 0.75em 0 0 10px;
    display: inline;
}



#magazinNomargin .topNavi .navi ul li .bild {
    float: right;
}

.microPdfVorschau {
    float: left;
    margin-top: 4em;
}

#magazinNomargin .topNavi .navi ul .aktiv {
    background-color: #8f989d;
    width: 214px;
    height: 65px;
}

#magazinNomargin .topNavi .navi ul .aktiv span {
    color: #FFFFFF;
}

#magazinNomargin .magazinStartTeaser {
    float: left;
    margin: -2.1em 0 0 0;
}

#magazinNomargin .magazinStartTeaser h2 {
    font-size:1.815em;
    margin-left:-0.1em;
    padding:1em 0 0.6em;
    margin: 0;
    padding-bottom: 0.3em;
}

#magazinNomargin .magazinStartTeaser p {
    margin: 0 0 0 0;
}

#magazinNomargin .magazinStartTeaser .fett {
    font-weight: bold;
    color: #525353;
}

.solidLine {
    float: left;
    width: 100%;
    height: 10px;
    margin-top: 30px;
    border-top: 1px solid #c7cbce;
    padding-bottom: 14px;
}

#magazinNomargin .magazinTwoCol {
    float: left;
    width: 680px;
}

#magazinNomargin .magazinTwoCol h2 {
    padding-top: 0;
    margin-top: 0.2em;
}

#magazinNomargin .magazinTwoCol .magazinLeftCol,
#magazinNomargin .magazinTwoCol .magazinRightCol
{
    float: left;
    width: 326px;
}

#magazinNomargin .magazinTwoCol .magazinLeftCol {
    padding-right: 10px;
}

#magazinNomargin .magazinTwoCol .magazinRightCol {
    padding-left: 15px;
}

/* TeaserListe einspaltig */
h2.teaserListe {
    font-size:1.32em;
    margin:1.9em 0 1.3em !important;
    padding-bottom:0.5em;
    background-image: url(../images/line_bottom.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

.teaserListe {
    float: left;
    width: 460px;    
    margin: 0 0 0 0 !important;
    padding: 0;
}

.teaserListe li {
    float: left;
    clear: both;
    width: 460px;
    margin:0 0 0.2em;
    padding: 0 0 1em 0;
    display: block;
    background-image: url(../images/line_bottom.gif);
    background-repeat: repeat-x;
    background-position: top;
}

.teaserListe .first {
    background-image: none;
    margin-top: -0.7em;
}

.teaserListe li li {
    margin-bottom: 0;
}

.teaserListe div.teaserWrap h3 {
    width: 460px;    
    font-size: 1.3em;
    padding-bottom: 0.6em;
    font-weight: normal;
}

.teaserListe div.teaserWrap .bild {
    float: left;
    border: 1px solid #abb2b6;
    padding: 5px 5px 20px 5px;
    
}

.teaserListeArtikel .teaserListe div.teaserWrap  .bild {
    margin-top: 1.6em;
}

.teaserListeArtikel .teaserListe div.teaserWrap h3 {
    font-size: 1em;
    font-weight: bold;
    margin: 1.4em 0 0.5em 0;
    padding: 0;
}


.teaserListe div.teaserWrap .text {
    float:left;
    width:448px;
}

.teaserListe div.teaserWrap .schmal {
    width:330px;
    margin:0 0 0 10px;
}

.teaserListe div.teaserWrap .text p {
    margin:-0.3em 0 1em 0;
}

.teaserListe div.teaserWrap .text .linkListe {
    margin:0 0 0 0;
    float: left;
}

.teaserListe div.teaserWrap .text .linkListe ul {
    margin:0 0 0 0;
    float: left;
}

/* TeaserListe einspaltig Ende */

/* TeaserListe zweispaltig (neben Editorial */
#magazinNomargin .magazinTwoCol .teaserListe {
    width: 330px;
    margin: -1.2em 0 0 0 !important;   
}

#magazinNomargin .magazinTwoCol .teaserListe li {
    width: 330px;
    background-image: none; 
    padding: 0 0 3em 0;
}

#magazinNomargin .magazinTwoCol .teaserListe li li {
    padding-bottom: 0;
    width: 200px;
}

#magazinNomargin .magazinTwoCol .klapptext {
    margin: 0;
}

#magazinNomargin .magazinTwoCol .klapptextContent {
    /*float: left;*/
    margin: 0 0 0 1.1em;
    width: 190px;
}

.klapptextContent p {
    margin-top: 0;
}


#magazinNomargin .magazinTwoCol .teaserListe div h3 {
    background-image:url(../images/line_bottom.gif);
    background-position:center bottom;
    background-repeat:repeat-x;
    font-size:1.32em;
    font-weight:normal;
    padding-bottom:10px;
    width:330px; 
    margin-bottom: 0.8em;
}

#magazinNomargin .magazinTwoCol .teaserListe div .bild {
}

#magazinNomargin .magazinTwoCol .teaserListe div .text {
    width:320px;
    float: left;
}

#magazinNomargin .magazinTwoCol .teaserListe div .schmal{
    width:210px;
    margin:0 0 0 10px;
}

#magazinNomargin .magazinTwoCol .teaserListe div.teaserWrap .text {
    width:320px;
    float: left;
    margin: 0;
}

#magazinNomargin .magazinTwoCol .teaserListe div.teaserWrap .schmal{
    width:210px;
    margin:0 0 0 10px;
}



/* TeaserListe zweispaltig (neben Editorial Ende */

/* TeaserListe breit (ohne Editorial */
#magazinNomargin .magazinOneCol .teaserListe {
    width: 680px;
    margin: -1.1em 0 2em 0 !important;
}



#magazinNomargin .magazinOneCol .teaserListe li {
    width: 680px;
    background-image: none;
    padding: 0 0 0.6em 0;
}

#magazinNomargin .magazinOneCol .teaserListe li .themes {
    float: left;
    width: 330px;
    margin: -5px 0 0 20px;
}

#magazinNomargin .magazinOneCol .teaserListe li .themes .klapptext {
    margin: 0;
}

#magazinNomargin .magazinOneCol .teaserListe li .themes .klapptextContent {
    margin: 0 0 0 12px;
    width:320px;
}

#magazinNomargin .magazinOneCol .teaserListe li .themes h4 {
    margin: 0;
    padding: 0;
    color: #00519e;
    font-weight: bolder;
    font-size: 1em;
}

#magazinNomargin .magazinOneCol .teaserListe li li {
    padding-bottom: 0;
}

#magazinNomargin .magazinOneCol .klapptextContent {
    margin-top: 0;
}


#magazinNomargin .magazinOneCol .teaserListe div h3 {
    width: 680px;
    background-image: url(../images/line_bottom.gif);
    background-repeat: repeat-x;
    background-position: bottom;    
}

#magazinNomargin .magazinOneCol .teaserListe div.teaserWrap .text {
    float:left;
    width:330px;
}

#magazinNomargin .magazinOneCol .teaserListe div.teaserWrap .schmal {
    width:210px;
    margin:0 0 0 10px;
}




/* TeaserListe breit (ohne Editorial) Ende */

#magazinNomargin .magazinTwoCol .teaserListe div.teaserWrap .text p a {
    font-weight: bold;
    margin: 0.1em;
}

#magazinNomargin .magazinTwoCol .klapptextContent .teaserListe div.teaserWrap .text {
    margin:0;
    width:210px;
}

#magazinNomargin .magazinTwoCol .klapptextContent ul.linkListe li {
    margin-top: 0.3em;
    float: left;
}

#magazinNomargin .magazinTwoCol .klapptextContent ul.linkListe li a.linkIntern {
    /*width:180px !important;*/
    width: 170px !important;
    float: left;
}


#magazinNomargin .magazinTwoCol .editorial {
    float: left;
    width: 330px;
    margin-top:0.7em;
}

#magazinNomargin .magazinTwoCol .editorial h3 {
    float: left;
    display: block;
    width: 310px;
    background-color: #e6e5e1;
    padding: 0.1em 7px 0.1em 13px;
    margin: 0;
    border-bottom: 1px solid #FFFFFF;
    font-weight: bold;
}

#magazinNomargin .magazinTwoCol .editorial h4 {
    font-weight: bold;
    padding-top: 0.5em;
    margin-top: 0;
}

 
#magazinNomargin .magazinTwoCol .editorial .content {
    float: left;
    display: block;
    width: 310px;
    background-color: #f1f2f2;
    padding: 10px 7px 1em 13px;
    margin: 0 0 0 0;
}

#magazinNomargin .magazinTwoCol .editorial .content .bild img {
    float: left;
    padding: 10px 10px 5px 0;
}

#magazinNomargin .twoColumns {
    width: 680px;
    background-image: url(../images/line_bottom.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom: 1em;
}

#magazinNomargin .twoColumns .colLinks,
#magazinNomargin .twoColumns .colRechts
{
    width: 325px;
    min-height: 15em;
}

.threeColumns h2, .oneColumn h2, .twoColumns h2 {
    font-weight:normal;
    margin:0 0 0.7em 0;
    padding-top:0;
}