/*
        Hauptfarben:
        ~~~~~~~~~~~~
        grau, von dunkel nach hell:
                0: #524546; /* grau0
                1: #5C4E4F; /* grau1
                2: #807172; /* grau2
                3: #887879; /* grau3
        rot:
                1:  #911120; /* dunkelrot
*/

/* Formatierung allgemein */
html, body, div, p, h1, h2, h3, ul, ol,
span, a, table, td, form, img, li {
        margin: 0;
        padding: 0;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #000000;
}

html, body {
        text-align:center; /* fuer IE - zentriert das Fenster */
        background-color: #5C4E4F; /* grau 1 */
        background-image: url(../style/TatzeDunkelGrau.png);
}

p, h1, h2, h3, ul, ol, table {
        margin: 10px;
}

p, h1, h2, h3 {
        line-height: 1.6em;
}

h1, h2, h3 {
        color: #000000;
}
h1
{
	font-size: 25px;
	margin: 10px;
}
#wrapper {
        text-align:left;
        margin: 0 auto;
        background-color: #887879; /* grau3 */
        padding: 0;
        width: 800px;
        background-image: url(../style/TatzeGrau.png);
}
#header{
        height: 200px;
        background-color: #911120; /* dunkelrot*/
        background-image: url(../style/banner.png);
        background-repeat: no-repeat;
}
#sidebar{
        float:left;
        width: 180px;
        margin: 0;
        padding-top: 5px;
        /*background-color: #4C4041;*/

}
#content {
        float: right;
        margin: 0px;
        width: 620px;
        overflow:hidden;
}
#footer {
        clear:both;
        background-color: #911120; /* dunkelrot*/
        background-image: url(../style/footerBG.png);
        background-repeat: no-repeat;
        background-position: bottom left;
        height: 70px;
        border: 1px solid #911120; /* dunkelrot*/
        text-align: right;
}

code {
        font: Courier;
        font-size: 14px;
        line-height: 150%
}
th {
        text-align: left;
        font-size: 170%;
        font-weight: bold;
        padding-bottom: 10px;
}
.fett {
        font-weight: bold;
}

.kursiv {
        font-style: italic;
}

.underline {
        text-decoration: underline;
}

.large {
        font-size: 150%;
}

.lila {
        color: #791CBE;
}

.d_rot {
        color: #8E003A;
}

.rot {
        color: #ED1C24;
}
.orange {
        color: #F7941D;
}

.gelb {
        color: #FFF200;
}

.gruen {
        color: #8DC63F;
}

.d_gruen {
        color: #005826;
}
.d_blau {
        color: #0E50A9;
}

.blau {
        color: #6DCFF6;
}

.weiss {
        color: #FFFFFF;
}
a.linkgruen,  a.linkgruen:visited {
        font-size: 125%;
        color: #8DC63F;
}
a.linkgelb, a.linkgelb:visited {
        font-size: 125%;
        color: #FFF200;
}
.fehler {
    background-color: #d40000;
    border: 1px solid #990000;
    color: #000;
    font-size: 13px;
    border-left: 10px solid #990000;
    padding-left: 10px;
}

.meldung {
    background-color: #339900;
    border: 1px solid #005500;
    color: #000;
    font-size: 13px;
    border-left: 10px solid #005500;
    padding-left: 10px;
}

h1.pageheader {
	background: url(IconTatze_50.gif) no-repeat left center;
	padding: 12px 5px 12px 70px;
	font-weight: normal;
	margin: 10px 0 10px 0;
}
h2{
	background: url(Tatze.gif) no-repeat left center;
        	padding: 6px 5px 6px 50px;
	font-weight: bold;
	margin: 10px 0 10px 0;
}
h2.gbtitle a
{
	font-size: inherit;
        text-decoration: underline;
}
h2.weblink {
	background: url(weblink.gif) no-repeat left center;
        padding: 6px 5px 6px 40px;
	font-weight: bold;
	margin: 10px 0 10px 0;
}
a:link {
        color: #524546; /* grau0*/
        text-decoration:none;
        font-weight: bold;
}

a:visited {
        color: #524546; /* grau0*/
        text-decoration:none;
        font-weight: bold;
}

a:hover {
        color: #911120; /* dunkelrot*/
        text-decoration:underline;
        font-weight: bold;
}

#menue {
        list-style: none;
        margin: 0px;
        padding: 0px;
}
#menue li{
       background: url(MenuButton.gif) no-repeat center;
       margin: 0 0 5px 0;
       padding: 0;
}

#menue li a {
        display: block;
        color: #000000;
        height: 35px;
        line-height: 35px;
        text-decoration: none;
        font-size: 12px;
        padding-left: 35px;
}

#menue li a:hover{
        color: #FFFFFF;
}
#menue li.menueselected {
       background: url(MenuButtonSelected.gif) no-repeat center;

}
/*margin:-10px; padding: 2px; background-image: url(../style/GalleryButton.png); list-style: none; display: block; float: left; width: 165px; height: 30px; overflow:hidden;*/

/*display:block; text-decoration: none; text-align: center; font-weight: bold; height: 30px; color: black\" href=\""\"*/
.GalleryButton{
       margin:5px;
       padding: 0px;
       background-image: url(../style/GalleryButton.gif);
       list-style: none;
       display: block;
       float: left;
       width: 165px;
       height: 30px; overflow:hidden;
}

.GalleryButtonSelected{
       margin:5px;
       padding: 0px;
       background-image: url(../style/GalleryButtonSelected.gif);
       list-style: none;
       display: block;
       float: left;
       width: 165px;
       height: 30px; overflow:hidden;
}
.GalleryButton a, .GalleryButtonSelected a {
        height: 30px;
        width: 165px;
        color: #000000;
        text-decoration: none;
        margin: 0;
        padding: 1px 5px;
        font-size: 11px;
        display: block;
        text-align: center;
        overflow: hidden;
}

.GalleryButton a:hover, .GalleryButtonSelected a:hover {
        color: #FFFFFF;
}
#zaehler{
        margin-top: 50px;
        list-style: none;
        margin: 0;
        padding: 10px 0 20px 10px;
}
#zaehler li {
        font-size: 11px;
}

#webmasterlink {
        color: #000000;
}

form {
        margin: 10px;
}
/* graphische Tabellen */
table.graphic {
         width: 550px;
	font:0.7em Arial, Helvetica, sans-serif;
	background-color: #71686a; /*#918388;*/
}



table.graphic tr td {
	background:#c5bcbe url(../style/effect2.png) repeat-x;
	color:#000;
	padding:2px;
	text-align:center;
	border-top:1px solid #d6d0d2;
	border-left:1px solid #d6d0d2;
	border-bottom:1px solid #ac9fa2;
	border-right:1px solid #ac9fa2;
}

table.graphic tr th {
	background:#393031 url(../style/effect.png) repeat-x;
	color:#c5bcbe;
	padding:2px;
	text-align:center;
	border-top:1px solid #504345;
	border-left:1px solid #504345;
	border-bottom:1px solid #2a2424;
	border-right:1px solid #2a2424;
}