html, body, h1, h2, h3, h4, ul, li {
margin: 0;
padding: 0;
}
h3 {
font: bold 14px "arial narrow", arial, sans-serif;
color: #1B1812;
}
h2 {
font: 18px "arial narrow", arial, sans-serif;
color: #695F4C;
padding-bottom: 10px;
}
h1 img {
display: block;
}
img {
border: 0;
}
a {
text-decoration: none;
color: #067ab4;
}
a:hover {
text-decoration: underline;
color: #a90f12;
}
.left {
float: left;
}
.right {
float: right;
}
.more {
text-align: right;
}
.clear {
clear: both;
}
.current table {
border: solid 0px #000;
width: 100%;
}
.current td {
border: solid 0px #d1d1d1;
padding: 5px;
text-align: justify;
font-size: 11px;
vertical-align: top;
width: 271px;
}
.current td a{
font-weight: bold;
}
.current h1 {
color: #001e5b;
font-weight: bold;
font-size: 16px;
text-align: center;
}
.current h2 {
font-weight: bold;
font-size: 16px;
color: #000000;
}
.current h3 {
text-align: right;
font: bold 11px verdana, "arial narrow", arial, sans-serif;
}
.current img {
float: left;
border: solid 0px #000;
margin-right: 5px;
}
.current_new table {
border: solid 0px #000;
width: 100%;
}
.current_new td {
border: solid 2px #ffffff;
padding: 10px;
text-align: justify;
font-size: 12px;
vertical-align: top;
width: 280px;
background-repeat: no-repeat;
}
.current_new td a{
font-weight: bold;
}
.current_new h1 {
color: #001e5b;
font-weight: bold;
font-size: 16px;
text-align: center;
}
.current_new h4 {
font: bold 16px "arial narrow", arial, sans-serif;
color: #067ab4;
padding: 0px;
text-indent: 90px;
margin-bottom: 5px;
}
.current_new h3 {
text-align: right;
font: bold 11px verdana, "arial narrow", arial, sans-serif;
}
.current_new h5 {
font: 12px "Verdana", arial, sans-serif;
color: #000000;
padding: 0px;
margin-left: 110px;
}
.current_new img {
float: left;
border: solid 0px #000;
margin-right: 0px;
}
body {
background: url(../images/hp_bg.jpg) repeat-x;
text-align: center;
font: 12px verdana, arial, sans-serif;
color: #000000;
padding-bottom: 10px;
}
/** layout **/
#wrapper {
text-align: left;
margin: 37px auto;
width: 800px;
background: #d0d1d3;
position: relative;
}
#header {
background: #ffffff url(../images/header.gif) no-repeat;
height: 200px;
}
#nav {
background: #4B5360;
position: absolute;
top: 34px;
left: 531px;
width: 253px;
padding: 9px 0;
text-align: center;
height: 13px;
}
#nav li {
list-style: none;
display: inline;
color: #fff;
}
#nav a {
text-decoration: none;
color: #fff;
}
.sh9 {
background: #d0d1d3 url(../template/shadow1x9.jpg);
height: 9px;
}
.sh5 {
background: #d0d1d3 url(../template/shadow1x5.jpg);
height: 5px;
}
#body {
padding-top: 0px;
padding-left: 5px;
padding-right: 5px;
background-color:#d0d1d3;
}
#categories {
width: 190px;
background-color: #fff;
}
#categories h2 {
color: #000;
font-weight: bold;
font-size: 20px;
padding: 4px 0px 5px 10px;
background: #fff;
border-bottom: solid 1px #d0d1d3;
}
#categories li {
background: #fff left url(../images/bullet.gif) no-repeat;
border-top: 0px solid #F4EFDF;
border-left: 0px solid #000;
list-style: none;
font-size: 12px;
padding: 7px 0 8px 35px;
}
#categories a {
text-decoration: none;
color: #000000;
}
#categories a:hover {
text-decoration: underline;
}
.subscribe {
width: 190px;
background: #fff;
}
.top {
width: 280px;
background: #fff;
height: 94px;
}
#content {
background: #fff;
width: 571px;
margin-bottom: 0px;
padding: 6px 12px;
}
.pic_left {
margin-left: 20px;
}
.pic_right {
float: right;
margin-right: 20px;
}
.contact {
width: 260px;
height: 90px;
BORDER: #d1d1d1 1px solid;
PADDING: 2px;
TEXT-ALIGN: left;
}
.contact2 {
width: 250px;
BORDER: #d1d1d1 1px solid;
PADDING: 10px;
TEXT-ALIGN: left;
}
.subtitle {
width: 260px;
BORDER: #d1d1d1 1px solid;
PADDING: 5px;
TEXT-ALIGN: left;
font-style:italic;
}
.footer {
background-color: #d0d1d3;
padding: 0px 5px 0px 5px;
}
#copyright {
background-color: #fff;
text-align: center;
font-size: 9px;
padding: 3px;
}
.propic {
BORDER: #d1d1d1 1px solid;
PADDING: 2px;
width: 266px;
height: 200px;
}
.propic2 {
BORDER: #d1d1d1 1px solid;
PADDING: 2px;
}
.propic3 {
BORDER: #d1d1d1 1px solid;
PADDING: 2px;
width: 540px;
height: 175px;
text-align: center;
}
.verticalpic {
BORDER: #d1d1d1 1px solid;
PADDING: 2px;
width: 200px;
height: 266px;
}
#storepic {
BORDER: #d1d1d1 1px solid;
PADDING: 2px;
}
.donate {
width: 500px;
BORDER: black 0px solid;
PADDING: 10px;
TEXT-ALIGN: center;
border-top: 1px solid #000;
}
#donation
{
background-image: url(../donate.jpg);
background-repeat: no-repeat;
height: 291px;
width: 573px;
}
#donation .button
{
margin-top: 49px;
margin-left: 448px;
height: 24px;
width: 98px;
font-size: 13px
}
.button_left {
background: #ffffff url(../images/button.jpg) no-repeat;
height: 66px;
width: 285px;
float: left;
margin-right: 1px;
line-height: 11px;
}
.button_right {
background: #ffffff url(../images/button.jpg) no-repeat;
height: 66px;
width: 285px;
float: right;
}
.button_center {
background: #ffffff url(../images/button.jpg) no-repeat;
height: 66px;
width: 285px;
float: center;
margin-right: 1px;
line-height: 11px;
}
.breakpic {
BORDER: #d1d1d1 1px solid;
PADDING: 2px;
FLOAT: right;
MARGIN-LEFT: 10px;
MARGIN-top: 0px;
}
.breakpicleft {
BORDER: #d1d1d1 1px solid;
PADDING: 2px;
FLOAT: right;
MARGIN-Right: 10px;
MARGIN-top: 0px;
}
.newspic {
BORDER: #d1d1d1 1px solid;
PADDING: 2px;
FLOAT: left;
MARGIN-RIGHT: 10px;
}
#radio_smoleniy {
FLOAT: left;
MARGIN-LEFT: 10px;
}
#radio_lowen {
FLOAT: right;
MARGIN-RIGHT: 10px;
}
.pic2 {
BORDER: #d1d1d1 1px solid;
PADDING: 2px;
FLOAT: left;
}
#form2 {
border: #666666 1px solid;
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
width: 440px;
COLOR: #000000;
FONT-STYLE: normal;
FONT-FAMILY: Verdana;
BACKGROUND-COLOR: #eee;
}
#form3 {
border: #666666 1px solid;
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
width: 160px;
COLOR: #000000;
FONT-STYLE: normal;
FONT-FAMILY: Verdana;
BACKGROUND-COLOR: #eee;
}
#form {
border: #666666 1px solid;
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
width: 450px;
COLOR: #000000;
FONT-STYLE: normal;
FONT-FAMILY: Verdana;
BACKGROUND-COLOR: #eee;
}
#select {
border: #666666 1px solid;
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
width: 162px;
COLOR: #000000;
FONT-STYLE: normal;
FONT-FAMILY: Verdana;
BACKGROUND-COLOR: #eee;
}
#head {
width: 570;
border: solid 1px #d1d1d1;
height: 19px;
}
.ready {
width: 300px;
height: 50px;
BORDER: 2px solid #0b9c00;
PADDING: 20px;
TEXT-ALIGN: center;
}
.error {
width: 300px;
height: 50px;
BORDER: 2px solid #9c0000;
PADDING: 20px;
TEXT-ALIGN: center;
}
/* Layout END */
/*######################################## */
/* Buttons/forms BEGIN*/
#wechsel3 a{
background: url(../images/toppics/newsletterpic2.jpg) no-repeat;
display:block; width:190px; /* Linkbereich begrenzen */
}
#wechsel3 img {
display:block; width:190px; height:119px; border:0;
}
#wechsel3 a:hover img {
visibility: hidden;
}
#wechsel3 a:hover { /* Workaround fuer IE 5.5 und 6 */
border:0;
}
* html #wechsel3 a {
margin-right:1px;
}
* html #wechsel3 a:hover {
width:175px; margin-right:0; /* Workaround fuer IE 5.01 */
}
#wechsel4 a{
background: url(../images/toppics/subscribeme2.jpg) no-repeat;
display:block; width:175px; /* Linkbereich begrenzen */
}
#wechsel4 img {
display:block; width:175px; height:100px; border:0;
}
#wechsel4 a:hover img {
visibility: hidden;
}
#wechsel4 a:hover { /* Workaround fuer IE 5.5 und 6 */
border:0;
}
* html #wechsel4 a {
margin-right:1px;
}
* html #wechsel4 a:hover {
width:175px; margin-right:0; /* Workaround fuer IE 5.01 */
}
/* Buttons/forms END*/
/*
#logo {
position: absolute;
top: 168px;
left: 230px;
width: 570px;
color: #52616E;
height: 45px;
}
#logo h1 {
font: bold 24px "arial narrow", arial, sans-serif;
}
#logo p {
margin: 0;
font-weight: bold;
}
#cart p {
margin: 0;
}
#cart .orange {
color: #FFB400;
font-size: 10px;
}
#cart a {
color: white;
font-size: 10px;
}
#nav2 a {
text-decoration: none;
color: #ffffff;
}
#gallery {
position: absolute;
top: 78px;
left: 340px;
width: 385px;
}
#gallery li {
list-style: none;
text-indent: -999px;
float: left;
overflow: hidden;
height: 111px;
}
.more a {
font-size: 12px;
color: #000;
text-decoration: none;
}
.more a:hover {
text-decoration: underline;
}
#collection .inner {
padding-right: 98px;
}
#minigal {
float: right;
width: 222px;
margin-top: 1em;
margin-bottom: 1em;
}
#minigal div {
float: left;
margin: 6px;
}
#collection ul {
margin-left: 1.5em;
}
#collection li {
margin: 0.2em 0;
color: #463F32;
font-size: 16px;
font-weight: bold;
font-family: "arial narrow", arial, sans-serif;
}
#collection p {
width: 103px;
margin-left: 1.5em;
}
#seas-one, #seas-two, #seas-three {
height: 146px;
}
#seas-one {
float: left;
width: 195px;
margin-right: 3px;
background: url(images/foot_1.jpg) no-repeat;
}
#seas-two {
float: left;
width: 249px;
margin-right: 3px;
background: url(images/foot_2.jpg) no-repeat;
}
#seas-three {
float: left;
width: 222px;
background: url(images/foot_3.jpg) no-repeat;
}
#seas p {
text-align: right;
color: #000;
margin: 80px 15px 0 0;
font-size: 23px;
font-weight: bold;
}
#seas p.date {
margin-top: 0;
font-size: 16px;
}
#form:focus {
BACKGROUND-COLOR: #fff; /* fcf4c4*
}
#form2:focus {
BACKGROUND-COLOR: #fff; /* fcf4c4*
}
#form3:focus {
BACKGROUND-COLOR: #fff; /* fcf4c4*
}
#formline {
PADDING: 1px;
FLOAT: center;
border-top: 1px solid #000;
width: 450px;
}
#button {
height: 20px;
margin: 0px 0px 0px 0px;
border: solid 0px #000;
FONT-SIZE: 10px;
color: #666666;
background-color: #eee;
}
#button:hover {
color: #000;
border: solid 1px #000;
background-color: #eee; /*aaeeee *
}
.pic {
BORDER: #d1d1d1 1px solid;
PADDING: 2px;
FLOAT: left;
MARGIN-RIGHT: 10px;
}
.privacy {
BORDER: black 0px solid;
PADDING: 10px;
FLOAT: left;
MARGIN-RIGHT: 10px;
}
.textfield {
BORDER: black 0px solid;
FLOAT: left;
MARGIN-RIGHT: 10px;
width: 570px;
}
.textfield2 {
BORDER: black 0px solid;
FLOAT: left;
PADDING: 10px;
width: 280px;
}
*/