@charset "UTF-8"; /* charset fuer CSS festlegen */

/*
Projektname:   Brigitte Testing Basis
Funktion:      Brigitte Basisvorlage und Testumgebung
Erstellt am:   13.05.2008 von MKue  
Bearbeitet am: 21.07.2008 von KDre 
QS am:         21.07.2008 von MKue     
Freigabe am:   21.07.2008 von MKue    
/*

/* ##################################### */
/* ### HTML Elemente global ### */
/* root */
html, body {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}

/* body */
body {
background: #FFFFFF;
color: #000000;
font: 62.5% Verdana, Arial, sans-serif;
}

/* Container */
div, span, object, iframe,
/* Typo */
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, big, cite,
del, em, img, a img, ins, q,
small, strong, sub, sup,
/* Code */
pre, code, dfn, kbd, samp, tt, var,
/* Listen <ul>, <ol> und Listeneintraege <li> reseten. 
 NICHT <li> in <ol> "global" reseten */
ul, ul li,
/* Definitionslisten */
dl, dt, dd,
/* Formularelemente */
fieldset, form, label, legend,

/* Tabellen */
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
line-height: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
}

/* weitere Formularelemente */
input, select, textarea, button {
font-size: 100%;
font-family: Verdana, Arial, sans-serif;
}

/* Tabelle */
table {
margin-bottom: 20px;
padding: 0;
font-size: 1.1em;
border-collapse: separate;
border-spacing: 0;
}

table thead, table tbody {
margin: 0;
padding: 0;
}

/* Tabelleninhalte */
caption, th, td {
text-align: left;
vertical-align: top;
font-weight: normal;
}

/* Adresse */
address {
font-style: normal;
}

/* Zitate */
blockquote:before, 
blockquote:after,
q:before, 
q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

/* Standard Text-Auszeichnungen */
strong, b { font-weight: bold; }
em, i { font-style: italic; }


/* ### Basis ### */
/* alle Inhalte der Seite (auch ADs) */
#wrapper {
width: 1040px;
margin: 0 auto;
}

/* alle Inhalte ausser ADs */
#contentwrapper {
width: 840px;
float: left;
}

/* Container fuer Logo, Meta 1, Suche, Login, Meta 2, Hauptnavigation */
#header {
min-height: 130px; /* xxwell: früher 110px; */
margin: 8px 0 10px 0;
color: #666666;
}

/* ### Listen in header ### */
#header ul {
list-style: none;
margin: 0;
padding: 0;
}

/* floats nach Listenbereichen aufheben */
#header ul:after {
content: ".";
visibility: hidden;
display: block;
clear: left;
height: 0;
}

/* Trenngrafiken und Abstand fuer "meta"-Bereiche */
#header li {
display: inline;
float: left;
margin: 0 4px 0 0;
padding-right: 4px;
background: url(../img/brigitte/meta-trenner_bg.gif) no-repeat right 3px;
}

/* letzter Menupunkt ohne Trenngrafiken und Abstand */
#header li.startseite,
#header li.last {
padding-right: 0;
margin-right: 0;
background: url(../img/brigitte/0.gif) no-repeat;
}

#header li.startseite {
padding-right: 0;
margin-right: 4px;
}

#header li a {
color: #666666;
text-decoration: none;
}
#header li a:hover {
color: #000000;
}

/* Icon mobile Version */
#header li.mobil a,
#header li.mobil span {
padding-left: 15px;
background: url(../img/brigitte/mobil_bg.gif) no-repeat 0 1px;
}

/* Icon RSS Version */
#header li.rss a,
#header li.rss span {
padding-left: 15px;
background: url(../img/brigitte/rss_bg.gif) no-repeat 0 1px;
}

/* Icon Home - Startseite Version */
#header li.startseite a,
#header li.startseite span {
padding-left: 13px;
background: url(../img/brigitte/startseite_bg.gif) no-repeat 0 1px;
}

#brigitte-logo {
float: left;
margin-top: 1px;
}

#meta-navigation {
float: right;
}

/* Aktive Menuepunkte in "meta-navigation" und "additional-navigation" */
#meta-navigation strong,
#additional-navigation strong {
color: #d70317;
}

#login {
color: #999999;
float: left;
}

#additional-navigation {
float: right;
}

#content,
#content-sonderseite  {
width: 614px;
min-height: 300px;
clear: left;
float: left;
margin-left: 5px;
padding-bottom:10px;
}

/* IE6 */
* html #content,
* html #content-sonderseite {
display: inline;
margin-left: 5px;
}

#content_popup{
width: 510px;
min-height: 300px;
clear: left;
float: left;
margin-left: 5px;
}


#context {
width: 196px;
min-height: 300px;
float: right;
margin-right: 5px;
}
/* IE6 */
* html #context {
display: inline;
margin-right: -2px;
}

/* ### Listen in footer ### */
#footer-navigation {
list-style: none;
margin: 0 5px 22px 0;
padding: 0;
clear: both;
height: 26px;
text-align: right;
background: #d70317 url(../img/brigitte/footer-navigation_bg.gif) no-repeat top right;
font-size: 1.1em;
}
/* IE6 */
* html #footer-navigation {
overflow: hidden;
}

/* floats nach Listenbereichen aufheben */
#footer-navigation:after {
content: ".";
visibility: hidden;
display: block;
clear: left;
height: 0;
}

#footer-navigation li {
display: inline;
float: right;
margin: 3px 10px 0 0;
padding: 0;
}

/* Brigitte.de Logo im Footer */
#footer-navigation li#footer-logo {
float: left;
margin: 0;
display: block;
}

#footer-navigation li a {
color: #FFFFFF;
text-decoration: none;
}
#footer-navigation li a:hover {
color: #FFFFFF;
text-decoration: underline;
}

/* Copyright hinweis */
#copy {
clear: both;
text-align: center;
color: #333333;
background: #FFFFFF;
font-size: 0.9em;
line-height: 1.5;
}
/* IE6 */
* html #copy {
position: relative;
}

#copy span {
display: block;
}
/* ENDE Basis */


/* ### Helfer ### */
/* umfluss aufheben */
.clear {
clear: both;
}
br.clear {
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}

/* nicht sichtbare - versteckt Inhalte */
.invisible {
display: block;
height: 0; 
width: 0; 
overflow: hidden;
font-size: 0; 
line-height: 0; 
position: absolute;
left: -4000px;
top: -4000px;
}

/* Textteile in Uppercase/Grossbuchstaben */
.gbs {
text-transform: uppercase;
}

/* generelle floats */
.left {
float: left;
}

.right {
float: right;
}

/* Floats ohne zusaetzliches Element aufheben */
.clearfix:after {
content: ".";
visibility: hidden;
display: block;
clear: both;
height: 0;
}
.clearfix { 
display: inline-block; 
}
/* Hides from IE-mac \*/
* html .clearfix { 
height: 1%; 
}
.clearfix { 
display: block; 
}
/* End hide from IE-mac */

/* display bei listen auf std.-wert */
ol li.clearfix,
ul li.clearfix { 
display: list-item; 
}

/* Outline wieder aktiviert */
#contentwrapper a:focus {
outline: 1px dotted;
}

/* Schrift skalieren */
.zoomstufe-1 {
font-size: 116.6667%;
}

.zoomstufe-2 {
font-size: 133.3334%;
}

/* Links */
/* URLs im Fliesstext */
.url {
color: #666666;
/* + pfeilicon */
}

a {
color: #666;
text-decoration: none;
}

a:hover {
text-decoration: none;
}

p a,
ul.artikel-liste li a {
padding-left: 8px;
color: #009099; /*xx-well geändert, früher:#d70317 */
background: url(../img/brigitte/pfeil-grau_bg.gif) no-repeat 0 3px;
text-decoration: none; 
}

p a:hover,
ul.artikel-liste li a:hover {
text-decoration: underline;
}

.link-ohne-pfeil {
margin-left: 0;
padding-left: 0;
background: none;
}

/* Pfad - Breadcrumb */
#pfad {
background: #FFFFFF;
color: #999999;
list-style: none;
line-height: 1.4;
margin: 0 5px 12px 5px; /* xxw: früher unten 22px; */
}

#pfad li {
background: url(../img/brigitte/pfad-trenner_bg.gif) no-repeat 0 4px;
float: left;
margin-right: 10px;
padding-left: 9px;
}

#pfad a {
color: #999999;
text-decoration: none;
}
#pfad a:hover {
color: #999999;
text-decoration: underline;
}

#pfad li.rss {
padding: 0;
background: url(../img/brigitte/0.gif);
}

#pfad li.rss a {
background: url(../img/brigitte/rss-pfad_bg.gif) no-repeat right 0;
padding-right: 15px;
}