* {margin: ; padding: ;}

body {
        background: #685c60 url(img/bg1.png);
        background-repeat:repeat-x;
        color: #222;
        font: normal 5% sans-serif;
        padding: 2% 0;
}


/*die div codes*/


#suche {
position: absolute;
z-index: 3;
top:37px;
left:790px;
}


#header {
position: absolute;
z-index: 1;
top:30px;
left:90px;
}


#menuh {
position: absolute;
z-index: 6;
top:30px;
left:300px;
}

#linksheader {
position: absolute;
z-index: 4;
top:75px;
left:70px;
}

#video {
position: absolute;
z-index: 5;
top:110px;
left:122px;
}

#tabelleoben {
position: absolute;
z-index: 7;
top:424px;
left:107px;
}

#tabelle {
position: absolute;
z-index: 8;
top:465px;
left:94px;
font-size: medium;
}

#tabelleunten {
position: absolute;
z-index: 7;
top:600px;
left:103px;
}

#headerbild {
position: absolute;
z-index: 9;
top:90px;
left:330px;
}

#headertext {
position: absolute;
z-index: 10;
top:270px;
left:755px;
}

#buy {
position: absolute;
z-index: 11;
top:100px;
left:705px;
}

/*kursiv*/

i, em {
color: #5a4949;
}

/*unterstrichen*/

u {
color: #5a4949;
}

/*durchgestrichen*/

s, stroke {
color: #5a4949;
}

/*fett*/

b, strong {
color: #5a4949;
}

/*Überschrift*/


klein {
font-size: small;

}

gros {
font-size: medium;

}


scha {
display:block;
font-size: 12px;
font-weight: normal;
color: #000000;
text-shadow: #FFFFFF 0.1em 0.1em 0.2em;
text-transform:normal;
}

nav {
display:block;
font-size: 12px;
font-weight: normal;
color: #000000;
text-shadow: #FFFFFF 0.1em 0.1em 0.2em;
text-transform:normal;
text-align: center;
}

h1 {
display:block;
font-size: 12px;
font-weight: bold;
line-height: 20px;
color: #000000;
text-shadow: #FFFFFF 0.1em 0.1em 0.2em;
text-transform:uppercase;
text-align: center;
border-bottom: 1px dotted #FFFFFF;
}

h2 {
display:block;
font-size: 12px;
font-weight: bold;
line-height: 20px;
color: #000000;
text-shadow: #FFFFFF 0.1em 0.1em 0.2em;
text-transform:uppercase;
text-align: center;
border-bottom: 1px dotted #FFFFFF;
}

h3 {
font-size:11px;
line-height: 20px;
color: #000000;
text-shadow: #FFFFFF 0.1em 0.1em 0.2em;
border-bottom: 1px dotted #d7d7d7;
text-transform:uppercase;
text-align: center;
margin: 1px 2px 1px 2px;
padding:3px;
}



/*Trennlinie*/

hr {
background-color: #ffffff;
border-bottom: 0;
border-left: 0;
border-right: 0;
border-top: 1px solid #454545;
height: 2px;
}


/*Zitat*/

blockquote {
background: url(img/zitat.png) no-repeat left top;
background-position: -3px 2px left top;
padding-left: 37px;
color: #5a4949;
}


/*border*/

.caption {
border: 1px solid #791A24;
background: #E1D6E9;
padding: 3px;
margin: 10px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
        -webkit-border-top-right-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
}

.caption:hover {
border: 1px solid #725b5b;
background: #E1D6E9;
padding: 3px;
margin: 10px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomleft: 4px;
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
}


/*Äufzählung*/

ul {padding: 0 2em 1.2em;}

/*Links*/

a:link, a:visited, a:active {
COLOR: #791A24;
TEXT-DECORATION: none;
}

a:hover {
COLOR: #725b5b;
TEXT-DECORATION: none;
}


/*Links-Navigation*/

a.navi:link, a.navi:visited, a.navi:active {
display:block;
padding: 3px 3px 3px 3px;
margin: 0 0 3px 0;
color: #000000 ;
background: #827079;
text-decoration : none;
font-weight :normal;
text-transform: none;
width: 200px;
-moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
}

a.navi:hover {
display:block;
padding: 3px 3px 3px 3px;
margin: 0 0 3px 0;
color: #FFFFF;
background: #b8a0ac;
text-decoration : none;
font-weight :normal;
text-transform: none;
width: 200px;
-moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
}

input {
FONT-SIZE: 12px;
font-family: Tahoma;
BORDER: #a69696 1px solid;
color: #000000;
background-color: #9a878f;
text-transform: none;
margin-bottom: 2px;
        border: 1px solid #a69696;
        -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
}

option{
FONT-SIZE: 12px;
font-family: Tahoma;
BORDER: #a69696 1px solid;
color: #000000;
background-color: #bdacac;
text-transform: none;
margin-bottom: 2px;
        border: 1px solid #a69696;
        -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
}

select {
FONT-SIZE: 12px;
font-family: Tahoma;
BORDER: #beb69d 1px solid;
color: #000000;
background-color: #bdacac;
text-transform: none;
margin-bottom: 2px;
        border: 1px solid #a69696;
        -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
}


input[type=text]:hover, [type=text]:focus{
        Color: #616060;
        margin-bottom: 2px;
        background-color: #bdacac;
        border: 1px solid #a69696;
        -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
}
input[type=submit]{
        Color: #FFFFFF;
        margin-bottom: 2px;
        background-color: #8c5e72;
        border: 1.5px solid #a69696;
        -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
}

input[type=submit]:hover{
        Color: #FFFFFF;
        margin-bottom: 2px;
        background-color: #725b5b;
        border: 1.5px solid #a69696;
        -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
}

input[type=reset]{
        Color: #FFFFFF;
        margin-bottom: 2px;
        background-color: #8c5e72;
        border: 1.5px solid #a69696;
        -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
}

input[type=reset]:hover{
        Color: #FFFFFF;
        margin-bottom: 2px;
        background-color: #725b5b;
        border: 1.5px solid #a69696;
        -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
}

textarea{
        width: 350px;
        height: 100px;
        Color: #000000;
        background-color: #9a878f;
        font-family: arial;
        font-size: 12px;
        margin-bottom: 2px;
        border: 1px solid #a69696;
        -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
}
textarea:hover, textarea:focus{
        width: 350px;
        height: 100px;
        Color: #616060;
        font-family: arial;
        font-size: 12px;
        margin-bottom: 2px;
        background-color: #bdacac;
        border: 1px solid #a69696;
        -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
}

.thumb {
        font-size: 12px;
        margin-bottom: 2px;
        background-color: #bdacac;
        border: 1px solid #a69696;
        -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
}

.thumb:hover{
       font-size: 12px;
        margin-bottom: 2px;
        background-color: #a29191;
        border: 1px solid #a69696;
        -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
}


.back-forward a {
border: 1px solid #987486;
            margin: 0 1px;
            padding: 4px 7px;
            color: #baadb4;
            background: #78666f;
            font-weight: bold;
            text-decoration: none;
        }

.back-forward a:active {
border: 1px solid #987486;
            margin: 0 1px;
            padding: 4px 7px;
            color: #baadb4;
            background: #78666f;
            font-weight: bold;
            text-decoration: none;
        }

.back-forward a:hover {
border: 1px solid #987486;
        background: #9a8a92;
        color: #baadb4;
        text-decoration: none;
}


/*dropdownmenü*/

 #dropmenudiv{
position:absolute;
border:0px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
filter: alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 0px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #706067;
filter: alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;
}



.border, .gfx{
         padding: 5px;
         margin: 8px;
         font-size:small;
        background-color: #baadb4;
        border: 1px solid #827079;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
}


.fault{
        color: #FF0000;
        padding: 4px;
        background-color: #F5F5F5;
        border: 1px solid #D2D2D2;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
}
.ok{
        color: #088A08;
        padding: 4px;
        background-color: #F5F5F5;
        border: 1px solid #D2D2D2;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
}
.datum{
        margin-top: -10px;
        text-align: right;
}
.updates{
         padding: 6px 0px 6px 6px;
        background-color: #E6E6E6;
        border: 1px solid #D2D2D2;
    -moz-border-radius-bottomright: 16px;
    -moz-border-radius-topleft: 16px;
        filter:Alpha(opacity=150, finishopacity=0, style=1, startx=50, starty=50, finishx=150, finishy=100);
}
.commentinputs{
         padding: 4px;
        margin: 4px;
        font-size:small;
        text-align: left;
        background-color: #a5969f;
        border: 1px solid #a5969f;
    -moz-border-radius-topright: 16px;
    -moz-border-radius-bottomleft: 16px;

}
.commenttext{
        text-align: center;
        padding:6px 4px 10px 6px;
        background-color: #827079;
        border: 1px solid #827079;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
}


/* ################### Tabellen ################### */
.tableinborder {
        background-color:#a5969f;
}
th{
        color:#6a6060;
        font-size:small;
        background-color:#9a878f;
}
.tableinborder td{
        font-size:11px;
        font-family:Verdana;
        color:#000000;
        background-color:#a5969f;
        border:1px solid #bfb3ba;


}

.categories, .categories a {
        background: #b0a2aa;
        color: #6c6c6c;
        margin: 1px;
        padding: 2px 8px 2px 8px;
        -moz-border-radius: 12px;
        border: 1px solid #8A8A8A;
}
.categories:hover, .categories a:hover {
        color: #4a4a4a;
}