html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, object {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
table { border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q { quotes: "" "";}


/******************************************************************/

body {
font: 20px/20px Garamond, "Adobe Garamond", Times, serif;
background: #fff url("images/bg.png");
padding: 0;
margin: 0;
}

i {
font-size: 11px;
}

p {
margin: 15px 0; line-height: 20px;
}

a {color: blue;}
a:hover {text-decoration: none;}
ol, ul {
list-style: none;
margin-top: 10px; padding: 0 0 0 20px;
list-style-position: outside;
}
ul li {
padding-left: 10px;
margin-bottom: 10px;
margin-left: 10px;
list-style: square;
}
ol li {
padding-left: 15px;
margin-bottom: 10px;
list-style-type:decimal
}
h1 {
text-transform: uppercase;
color: white;
text-decoration: none;
font-size: 60px;
text-shadow: 1px 1px 5px black;
font-weight: normal;
}
h2 {
font-size: 24px;
color: white;
font-weight: bold;
line-height: 26px;
}
h3 {
font-size: 20px;
color: white;
font-weight: bold;
line-height: 26px;
margin-top: 20px;
}
strong {font-weight: bold;}
p.small {font-size: 11px; line-height: 13px;}

#wrapper {
width: 980px;
height: auto;
margin: 20px auto;
position: relative;
}

#rahmen {
width: 980px;
margin: 0 0 20px 0;
float: left;
text-align: left;
position: relative;
}

.smbuttons {position: absolute; top: 10px; right: 10px;}

.header {
        position: absolute;
        z-index: 1;
        top: 130px;
        left: -20px;
}


.logo {
width: 254px;
height: 254px;
position: absolute;
text-align: center;
left: -20px;
top: 40px;
padding-top: 90px;
background: url("images/logo-bg.png") no-repeat;
z-index: 5;
        }

.logo h1 a {
color: #647c08;
text-decoration: none;
font-size: 30px;
font-weight: bold;
line-height: 40px;
text-shadow: 1px 1px 1px #6e6d29;
}


.content {
width: 900px;
padding: 160px 40px 40px 40px;
float: right;
display: inline;
color: white;
background: #647c08 url("images/klee.png") no-repeat; /* Old browsers */
background-position: bottom right;
border-radius: 0 0 20px 20px;
}

.affiliate {float: left; margin: 0 10px 10px 0;}


.menue {
width: 680px;
height: 60px;
position: relative;
padding: 100px 0 50px 300px;
border-radius: 20px 20px 0 0;
background: #ff8f26; /* Old browsers */
background: linear-gradient(to bottom,  #ff8f26 0%,#ff6f3b 100%); /* W3C */
}

.menue ul, .menue ul li {
margin: 0;
padding: 0;
float: left;
list-style: none;
}

.menue ul li a {
color: #000;
margin-right: 18px;
text-decoration: none;
float: left;
}

.menue ul li a:hover {
color: #fff;
text-decoration: none;
border-bottom: 4px solid #fff;
}

.menue ul li a.aktiv {
color: #fff;
text-decoration: none;
border-bottom: 4px solid #fff;
}

.kontakt {
float: left;
width: 240px;
margin: 20px 0 20px 0px;
color: white;
}
input[type=submit] {
border-radius: 10px;  border: 0; background: #a31082; padding: 10px; font-size: 14px; color: white; cursor: pointer;}
input[type=submit]:hover {
 background: #680a53;}
label {width: 50px; float: left; margin-top: 20px;}

input[type=text] {
        width: 130px;
        border: 0;
        height: 20px;
        margin-bottom: 5px;
        float: left;
        border: 1px solid #a31082;
        }


table { border-collapse: collapse; border-spacing: 0px; margin: 10px 0 20px; }
table td {padding: 7px; width: 380px;}
table, th, td {border: 1px solid #000; background: white; color: black;}