/* Layout-CSS für www.wappen-studio.de */

/* Wichtige Farben
Seitenhintergrund = #ffffff
Studio M.-Blau = #0076C0
*/

/* Abstände aller Elemente werden auf Null gesetzt -> mehr Übersicht beim Positionieren */
html, body, div, p, h1, h2, h3, ul, ol,
span, a, table, td, form, img, li {
    margin: 0;
    padding: 0;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}


/* Grundlegenes Aussehen der Seite */
body {
    font-size:0.95em;
    line-height:1.4em;
    padding:5px 0 25px 0; /* Seitenabstand oben und unten */
    text-align:center; /* IE: Seite mittig */
    /*background-color:#ffffff;*/
    background-image:url('../img/layout/body_bg.gif');
    background-repeat:repeat-x;
}


/* Links */
a:link {
    color: #0076C0;
    text-decoration: underline;
}

a:visited {
    color: #0076C0;
    text-decoration: underline;
}

a:hover {
    color: #0076C0;
    text-decoration: none;
}

a:active {
    color: #0076C0;
    text-decoration: none;
}


/* Äußerer Container der die Seite zentriert und die Breite festlegt */
#outer_container {
    text-align:left;
    margin:0 auto;
    width:880px;
}


/* Elemente unsichtbar machen -> für Screenreader & Suchmaschinen trotzdem sichtbar */
.skip, .none, .print {
    display:none;
}

/* Header */
#header {
    text-align:center;
    padding:20px 0 10px 0;
}


/* Container für den Rahmen und Inhalthintergrund */
#inner_container {
    border:0px solid #FFFFFF;
    background-color:#FFFFFF;
    padding:0;
    margin:0;
}


/* Navigation */
#navigation{
    margin-bottom:55px;
}

#navigation li{
    float:left;
    list-style-type:none;
    white-space:nowrap;
    padding:10px 6px 0 6px;
}

#navigation li a{
    display:block;
    padding:0 8px 17px 8px;
    font-size:1.2em;
    font-weight:normal;
    text-transform:lowercase;
    text-decoration:none;
    color: #FFFFFF;
}

* html #navigation a {width:1%;} /* hack */

/* Pfeil einblenden */
#navigation a:hover{
    background:url('../img/layout/nav_arrow.gif') no-repeat;
    background-position:center 27px;
}

/* Wenn Eintrag ausgewählt Pfeil anders positionieren */
#navigation .selected a {
    padding-bottom:19px;
    background:url('../img/layout/nav_arrow.gif') no-repeat;
    background-position:center 27px;
}



/* Inhaltslayer bei einer Spalte (Startseite) */
#one_col_lay {
    padding:10px;
    background-color:#ffffff;
    color:#333333;
}


/* Zwei-Spalter */
/* Linke Spalte (Bild & Titel) */
#two_col_left {
    float:left;
    padding:10px;
    padding-top:30px;
    color:#333333;
    width:330px;
}

html>body #two_col_left {
    width:310px;
}


/* Rechte Spalte (Inhalt) */
#two_col_right {
    color:#444444;
    padding:10px;
    margin-left:330px;
}


/* Links die rechts "schweben" sollen */
#two_col_right p.top,
#two_col_right p.noprint {
  float:right;
  margin:0;
}