/* --------------------------------
   Ueberschriften - Texte
----------------------------------- */

.h1 {font: normal 2em Georgia, Times New Roman, Times, serif;}
.h2 {font: normal 1.6em Georgia, Times New Roman, Times, serif;}
.h3 {font: normal 1.4em Georgia, Times New Roman, Times, serif;}
.h4 {font: bold 1em Georgia, Times New Roman, Times, serif;}
.text {font: normal 1em Georgia, Times New Roman, Times, serif;}

h1, h2, h3, h4 {margin-bottom: 5px;}

/* --------------------------------
   Basics
----------------------------------- */

html {
    font-size: 62.5%; /* reset 1em to 10px */
    height: 100%;
}

body {
    margin-top: 2px;  
    margin-left: 0px; 
    margin-right: 0px;
    margin-bottom: 2px; 
    background-color: #b0a891; 
    padding:10px;
/*    background-image:url(../images/hg-verlauf.gif); */
    background-repeat:repeat-x;
    background-position:50% 0%;
    font: normal 1.2em Verdana,Arial,sans-serif;
    padding-bottom: 1px; 
}

small,.small {font-size: 0.9em;}

a {
    color: #545432;
    text-decoration: none;
    font: bold;
}
a:hover {
    color: #7d726c;
    text-decoration: underline;
    font: bold;
}

p {padding: 0.2em 0 1.2em;}

blockquote, code {
    background: #4A4A4A;
    border: 1px solid #333;
    color: #BBB;
    display: block;
    margin-bottom: 12px;
}
code {
    font: normal 0.9em Georgia, Times New Roman, Times, serif;
    line-height: 1.5em;
    padding: 8px 14px;
}


/* --------------------------------
   Anzeige Layout
----------------------------------- */

#layout_aussen {
/*    background: #50504A url('../images/rauschen.jpg');*/
    margin: 0 auto;
    width: 850px;
}
#layout_felder {padding: 8px;}
#layout_inhalt {border: 1px solid #e1d8be;}

#header_image {
    height: 120px;
    background: #222 url('../images/header_rosi.jpg') no-repeat;
    border-bottom: 3px solid #534b42;
    border-top: 1px solid #5d5948;
}


/* --------------------------------
   Site title
----------------------------------- */

#site_title {
    background: #222;
    padding: 12px 20px;
}
#site_title h1  {
   /* color: #2B477F; */
    font: normal 2em Georgia, Times New Roman, Times, serif;
    margin: 0 0 5px;
}
#site_title h2 {
    color: #2B477F;
    font: normal 1.1em sans-serif;
    margin: 0;
}


/* --------------------------------
   Navigation
----------------------------------- */

.navigation {
    background: url('../images/navi.jpg') repeat-x;
    font: normal 1em Georgia, Times New Roman, Times, serif;
/*        background: #353535 url('images/navi.jpg') repeat-x;
    
    border-bottom: 1px solid #222;
    border-top: 1px solid #555; */
}
.navigation ul {display: inline; margin: 0;}
.navigation ul li {
    border-right: 1px solid #1f1c03;
    float: left;
    list-style: none;
}
.navigation a {
    color: #eeecde;
    display: block;
    font: 0.8em Georgia, Times New Roman, Times, serif;
    padding: 10px 10px;
    text-decoration: none;
}
.navigation a:hover {
    background: #444;
    color: #2B477F;
    text-decoration: none;
}
.navigation li.current_page_item a {
    background: none;
    color: #EEE;
}

/* Sub navigation */
#subnav a {
    padding: 10px;
    font-size: 0.9em;
}


/* --------------------------------
   Main
----------------------------------- */

#main {
    background: #333125;
/*    color: #CCC; */
}

/* --------------------------------
   Tabellen
----------------------------------- */

.tab1 {
background-color: #2f2f29;
color: #dbdbcc;
font: normal 1em Georgia, Times New Roman, Times, serif;
color: 3a3a30;
a: color: #2f2f29;
text-decoration: none;
}
.tab2 {
background-color: #d2d2c6;
font: normal 1em Georgia, Times New Roman, Times, serif;
color: 3a3a30;
a: color: #2f2f29;
text-decoration: none;
}
.tab3 {
background-color: #babaae;
font: normal 1em Georgia, Times New Roman, Times, serif;
color: 3a3a30;
a: color: #2f2f29;
text-decoration: none;
}
.tab4 {
background-color: #a8c0d8;
font: normal 1em Georgia, Times New Roman, Times, serif;
color: 3a3a30;
a: color: #2f2f29;
text-decoration: none;
}





/* --------------------------------
   Bottom
----------------------------------- */

#bottom {
    background: #e5e3d5;
    border-bottom: 1px solid #2f2f29;
    border-top: 1px solid #2f2f29;
    color: #5e594f;
    padding: 16px;
}
#ul li {
    border-bottom: 1px solid #2B477F;
}
#bottom ul li a {
    color: #777;
    display: block;
    padding: 4px 6px;
}
#bottom ul li a:hover {
    background: #f6f4e6;
    color: #3f3e32;
    text-decoration: none;
}


/* --------------------------------
   Footer
----------------------------------- */

#footer {
    background: #3c3a26;
    border-bottom: 1px solid #1A1A1A;
    border-top: 1px solid #333;
    color: #d4d2c3;
    font-size: 0.9em;
    padding: 10px 12px;
}
#footer a {color: #AAA;}
#footer .right,#footer .right a {color: #555;}
#footer a:hover {color: #BBB;}


/* --------------------------------
   Floats
----------------------------------- */

.left {float: left;}
.right {float: right;}
.clear,.clearer {clear: both;}
.clearer,.block {
    display: block;
    line-height: 0;
    font-size: 0;
}
.clearer {height: 0;}


/* --------------------------------
   Misc
----------------------------------- */

/*  width: 200px;  
font-weight: bold;*/
li, ul {
 margin: 0;
 padding: 0;
 list-style-type: none;

}

li a,
ul a {
 display: block;
}


/* Columns */
.col3, .col3last {width: 15%; margin-right: 1%;}
.col3last {margin-right: 0;}

.col2, .col2last {width: 80%; margin-right: 2%;}
.col2last {margin-right: 0;}


/* Images */
img.bordered {padding: 3px; background: #666;}

/* Text */
.tleft {text-align: left;}
.tcenter {text-align: center;}
.tright {text-align: right;}
.vtop {vertical-align: top;}

/* ----------------------------------------
   Pagination
------------------------------------------- */

.pagenavigation {
    background: #6f747f;
    border-top: 1px solid #7d7e71;
    font-size: 0.9em;
    padding: 7px 8px 9px;
}
.pagenavigation a {
    color: #CCC;
    text-decoration: none;
}
.pagenavigation a:hover {
    color: #FFF;
    text-decoration: underline;
}