/* CSS Document */

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #4b4b4b;
margin: 0;
padding: 0;
}

a:link,
a:visited,
a:active {
color: #283583;
text-decoration: none;
}

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

strong {
color: #283583;
}

.fontblue {
color: #004293;
}

h1 {
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
}

h2 {
font-size: 16px;
font-weight: bold;
color: #004293;
margin: 10px 0 10px 0;
}

#shoplink a {
width: 154px;
padding: 3px 0 0 6px;
display: block;
color: #fff;
background: #283583;
height: 22px;
font-weight: bold;
margin: 5px auto 0 auto;
}

#background {
width: 100%;
height: auto;
margin: 0;
padding: 0;
background: url(../images/background.jpg) no-repeat #fff;
}

#rahmen {
width: 1000px;
margin: 0 auto 0 auto;
background: url(../images/background-navi.gif) repeat-y #e0e0e0;
}

#links {
width: 212px;
height: auto;
background: url(../images/background-links.jpg) no-repeat #ffffff;
float: left;
}

#rechts {
width: 788px;
height: auto;
background: url(../images/background-rechts.jpg) no-repeat #e0e0e0;
float: left;
}

#rechts-wimper {
width: 788px;
height: auto;
background: url(../images/background-rechts-wimper.jpg) no-repeat #e0e0e0;
float: left;
}

#rechts-header {
width: 315px;
height: 21px;
color: #4f4f4f;
padding: 56px 0 0 473px;
}

#content {
width: 585px;
height: auto;
margin: 25px 0 0 0;
padding: 35px 35px 35px 50px;
line-height: 18px;
font-size: 12px;
float: left;
}

#bilderleiste {
width: 118px;
height: 459px;
margin: 25px 0 0 0;
float: left;
}

#navi-links {
width: 109px;
height: 315px;
margin: 42px 0 0 0;
float: left;
}

#navi-rechts {
width: 100px;
height: 315px;
margin: 42px 0 0 0;
float: left;
}

#footer {
width: 100%;
height: 114px;
background: url(../images/background-footer.gif) no-repeat;
}

#footer-middle {
width: 973px;
height: 114px;
margin: 0 auto 0 auto;
padding: 0 27px 0 0;
background: url(../images/background-footer-middle.gif) no-repeat;
overflow: hidden;
}

#footer-text {
float: right;
margin: 30px 30px 0 0;
}

#footer-links {
margin: 20px 0 0 0;
float: right;
}

#footer-links a {
color: #b1b1b1;
}

.logo-footer {
float: right;
margin: 17px 0 0 0;
border: 0;
}

.blau-bold-kursiv {
font-family: Arial, Helvetica, sans-serif;
color: #283583;
font-size: 14px;
font-weight: bold;
}

.bild-bildleiste {
border: 2px solid #fff;
margin: 0 0 8px 0;
}

.grau-versal {
font-size: 14px;
font-weight: bold;
color: #7c7c7c;
text-transform: uppercase;
line-height: 21px;
}

.navilinks a {
width: 101px;
padding: 4px 8px 4px 0;
border-top: 1px solid #f0f0f0; 
border-bottom: 1px solid #f0f0f0;
text-align: right;
display: block;
}

.navilinks-a a {
width: 101px;
border-top: 1px solid #CCCCCC; 
border-bottom: 1px solid #CCCCCC;
padding: 4px 8px 4px 0;
text-align: right;
display: block;
background: #ececec;
}

.navilinks2 {
line-height: 18px;
width: 101px;
padding: 2px 8px 2px 0;
text-align: right;
display: block;
float: left;
}

.navilinks3 {
line-height: 18px;
width: 92px;
padding: 2px 0 2px 8px;
text-align: left;
display: block;
float: left;
}

#onlineshop a {
color: #354290;
text-align: center;
text-decoration: underline;
background: #ededed;
font-size: 14px;
display: block;
border: 1px solid #cacaca;
width: 250px;
padding: 6px 0 6px 0;
}

#onlineshop a:hover {
background: #e7effb;
}

.inputtext {
padding: 2px;
background: #eeeeee;
border: 1px solid #9d9d9d;
font-family: Arial, Helvetica, sans-serif;
color: #283583;
}

.textarea {
padding: 2px;
background: #eeeeee;
border: 1px solid #9d9d9d;
font-family: Arial, Helvetica, sans-serif;
color: #283583;
}

#auflistung ul {
list-style-type: none;
margin-top: 10px;
}

#auflistung li {
background: url(../images/haken.gif) no-repeat left 0.2em;
padding:5px 0 10px 30px;   
margin:0 0 0 -35px;
}