html{
height : 101%;
}
*{
margin: 0;
padding: 0;
}
body {
background: #fff;
font: 96% Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000;
border-top: 3px solid #745148;
}
p {
font-size: 0.8em;
line-height : 1.5;
}
a{
color : #EA0000;
text-decoration : none;
}
a:hover{
text-decoration : underline;
}
ul {
font-size : 0.8em;
}
address {
font-size: 0.8em;
line-height: 1.6;
font-weight: normal;
font-style: normal;
margin : 0 0 10px 0;
}

/*---------------------------h1-5---------------------------------*/
h1, h2, h3, h4, h5{
font-family: Arial, Helvetica, sans-serif;
color: #007993;
background: transparent;
}
h2 {
font-size: 1.25em;
font-style: normal;
margin: 0 0 30px 0;
}
.index{
margin: 0 0 10px 0;
}
h3 {
font-size: 1.1em;
margin : 30px 0 15px 0;
}
h4 {
font-size: 1em;
margin : 0 0 15px 0;
}
h5 {
font-size: 0.85em;
margin : 5px 0 0 0;
padding : 0;
}

/*---------------------branding-----------------------------------*/
#branding{
position: relative;
width: 940px;
height: 103px;
margin: 30px auto 0 auto;
}
#logo{
position: absolute;
top: 0;
left: 0;
width: 140px;
height: 103px;
background: url(images/logo-branding.png) no-repeat 0 0;
text-indent: -9999px;
}
#branding-nav{
position: absolute;
top: 75px;
right: 0;
width: 400px;
list-style: none;
margin: 0;
padding: 0;
}
#branding-nav li{
display: inline;
}
#branding-nav a{
display: block;
float: right;
padding: 5px 0 5px 20px;
font-size: 95%;
}
#schmuckbild img{
border: 8px solid #F0E8E5;
}
#schmuckbild{
margin: 0 auto;
width: 940px;
height: 290px;
background: #F0E8E5;
}
/*----------------------------------------------------------------*/

/*---------------------------------content------------------------*/
#content{
width: 940px;
margin: 0 auto;
padding: 35px 0 0 0;
overflow: hidden;
}
#content-nav{
width: 940px;
margin: 20px auto 0 auto;
}
#content-nav ul{
margin: 0 ;
padding: 0;
list-style: none;
}
#content-nav li{
display: inline;
}
#content-nav a{
display: block;
float: left;
color: #000;
background: transparent;
padding: 2px 25px 2px 0;
}
#content-nav a:hover{
color: #EA0000;
}
#content_main{
float: left;
width: 520px;
}
.shop{
width: 504px;
height: 336px;
padding: 10px;
border: 1px solid #F0E8E5;
margin-bottom: 15px;
}
/*----------------------------------------------------------------*/

/*---------------------seitenleiste-------------------------------*/
#content-sub{
float: right;
width: 340px;
}
#content-sub h2{
font-size: 1.15em;
color:#007993;
margin: 0 0 0 20px;
}
#content-sub h3{
font-size: 1em;
color:#000;
font-weight: bold;
margin: 0 0 15px 20px;
}
.angebote{
width: 340px;
position: relative;
margin-bottom: 15px;
padding: 15px 0 0 0;
/*background-color: #F5EFEE;*/
border-bottom: 1px dotted #CBB5AF;
min-height : 16em;
clear: left;
}
.klein{
min-height: 12em;
}
.angebote img{
float: left;
padding: 5px;
border: 1px solid #F0E8E5;
margin: 0 0 0 20px;
}
.angebote p{
margin: 0 20px 0 180px;
}
/*----------------------------------------------------------------*/

/*-----------------------siteinfo---------------------------------*/
#container-siteinfo{
margin: 100px 0 0 0;
width: 100%;
background-color: #F5EFEE;
border-top : 1px solid #CBB5AF;
min-height : 16em;
}
#siteinfo{
position: relative;
width: 940px;
margin: 0 auto;
background: transparent;
text-align: center;
}
#siteinfo:after{
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
#siteinfo p{
margin: 10px 0 10px 0;
color: #745148;
}
#siteinfo a{
color : #745148;
}
#siteinfo ul{
margin: 0 0 20px 0;
padding: 0;
list-style: none;
}
#siteinfo ul.vcard li.org{
color: #745148;
}
#siteinfo-wittenberge{
position: relative;
width: 440px;
float: left;
color: #745148;
background: transparent;
margin: 0;
padding: 0;
text-align: right;
}
#siteinfo-wittenberge img{
position: absolute;
top: 0;
left: 0;
}
#siteinfo-perleberg{
width: 440px;
float: right;
color: #745148;
text-align: left;
}
#siteinfo-perleberg a{
color : #745148;
background : transparent;
padding : 2px 0 2px 0;
}
/*----------------------------------------------------------------*/

/*----------v-card------------------------------------------------*/
ul.vcard{
list-style: none;
margin: 0;
padding: 0;
}

ul.vcard li{
padding: 0 0 3px 0;
}

ul.vcard li.adr{
padding-bottom : 5px;
}

ul.vcard li.funk{
padding-bottom : 5px;
}

ul.vcard li.org{
font-weight : bold;
color : #000;
}
/*----------------------------------------------------------------*/

/*--------------dienstleistungen----------------------------------*/
.dienstleistungen{
position: relative;
width: 510px;
overflow: hidden;
margin: 0 0 30px 0;
}
.dienstleistungen img{
padding: 10px;
border: 1px solid #F0E8E5;
float : left;
margin : 0 30px 0 0;
}

/*----------------------------------------------------------------*/

/*-----------------------service----------------------------------*/
ul.service{
list-style-type : square;
line-height : 160%;
margin-right : 0;
margin-left : 20px;
}
ul.service li{
margin : 10px 0 20px 0
}
ul.service span{
color : #EA0000;
font-weight : bold
}
/*----------------------------------------------------------------*/

/*------------------------kontaktformular-------------------------*/
form{

}

fieldset{
border: 1px solid #CBB5AF;
}
legend{
color: #007993;
font-size: 90%;
font-weight : bold;
margin: 0 0 0 10px;
padding: 0 5px;
}
table#kontaktformular td{
padding : 10px;
}
table#kontaktformular{
border: 0;
}
table#kontaktformular p{
}
/*----------------------------------------------------------------*/

/*----------------klassen-----------------------------------------*/
.fett{
color:#007993;
font-weight : bold;
margin: 0 0 20px 0;
}
.absatz3{
margin-bottom : 20px;
}
.absatz7unten30{
margin-bottom: 30px;
}
.pfeil{
background-image : url( "images/pfeil.gif" );
background-repeat : no-repeat;
display : block;
padding : 0 0 0 30px;
font-size : 120%;
font-weight : bold;
background-position : 0% 50%;
}
.pfeiltext{
margin-top : 10px
}
hr{
display: none;
}
.fieldset{
width: 510px;
}