

body, input, textarea {
font-size: 12px;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #333333;
}

td, p, body, div {


}

li, th, form {
line-height: 130%;
}

body, div, form {
margin: 0px;
padding: 0px;
}

div, h1, h2, h3, h4, h5, h6, p, td, li, th, form, ul, ol, table, span, iframe, a {
border: solid;
border-color : #666666;
border-width : 0 0 0 0;
}

td, th, table {
margin: 0;
padding: 0;
}

p {
margin: 0 0 12px 0;
padding: 0;
}

#linkespalte td {
vertical-align : top;
}

table {
border-spacing: 0;
border-collapse: collapse;
}

ol {
list-style-position : outside;
padding: 0;
margin-left: 24px;
list-style-type : decimal;
}

ul {
margin: 0;
padding: 0;
list-style-position : outside;
list-style-type : none;
list-style-image : none;
}


ul li {	
background-image: url(/pix/sdwv/li_grau_3.gif);
background-repeat: no-repeat;
background-position: 0px 7px;
}

ul.ohne li {
background-image: none;
padding-left: 0px;
}

h1, h2, h3, h4, h5, h6 {
font-weight : bold;
line-height : 120%;
padding: 0px;
margin: 0 0 6px 0;
}

.titel {
line-height : 120%;
}

h1 {
font-weight : normal;
margin-bottom: 12px;
}

.bildlinks{
float: left;
padding-right: 12px;
padding-bottom: 1px;
padding-top: 4px;
}

.bildrechts{
float: right;
padding-left: 12px;
padding-bottom: 1px;
padding-top: 4px;
}

.linie {
height: 1px;
width : 100%;
background-color : #666666;
}

.normal, table.bestellmenu td, 
#inhalt, #inhalt td, #inhalt2, #inhalt2 td,
h3, h4, h5, h6 {
font-size: 12px;
}

.sehrklein, #fuss {
font-size: 10px;
line-height: 120%;
}

.klein, .imkontext, .infobox,
#rechtespalte,
.bildEingebetet .bildunterschrift,
table.klein td {
font-size: 11px !important;
}

.gross, h2 {
font-size: 14px;
}

.sehrgross, .rubrik {
font-size: 16px;
}


.riesig, h1 {
font-size: 20px;
}

.fehler{
font-size: 13px;
font-weight : bold;
color : #DD530F;
}

.form01 div{
padding: 3px 0;
}
.form01 td{
padding: 3px 5px 3px 0;
}

input.breit, textarea {
width: 90%;
}

input.suche {
border-style: solid;
border-color : #666666;
border-width : 1px 1px 0 1px;
width: 220px;
padding: 4px 0 0 4px;
margin: 0px;
font-size: 12px;
}

input.wieText {
margin: 0;
padding: 0;
background-color: transparent;
border-width: 0;
color: #CB0B00;
cursor: pointer;
text-align: left;
}

a {
color : #CB0B00;
text-decoration : none;
}

a:hover {
text-decoration : underline;
}

.farbig, .rubrik {
color : #CB0B00;
}

.hg {
background-color : #f5f5f5;
padding:5px;
}

.rahmen {
border-width: 1px;
}

.jumplist {
margin-top:12px;
font-weight: bold;
text-align: center;
}

.seitenoben {
text-align: right;
border-width : 0 0 1px 0;
margin-bottom:12px;
}

.seitenunten {
text-align: right;
border-width : 1px 0 0 0;
margin-top:12px;
}

body {
background-color : #ffffff;
padding: 0px;
text-align: left;
}

#bereich {
text-align: left;
position: relative;
width: 970px;
border-width: 0px;
}

#banner01, #banner02position{
width: 970px;
text-align: left;
}

#banner01{
padding-bottom: 4px;
}

#banner02position{
position: relative;
height: 1px;
}

#banner02{
position: absolute;
top: 0px;
left: 970px;
width: 200px;
z-index: 10;
}

.bannerbox {
padding: 2px 6px 6px 6px; 
border-width: 1px;
margin: 8px 0;
text-align: center;
}

#seitenteilung {
position: relative;
background-color : #ffffff;
width: 970px;
}

#header {
position: relative;
height: 166px;
}

#verlagHeader {
position: relative;
height: 36px;
background-image: url(/pix/sdwv/hg_verlagheader.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}

#headerBild {
position: absolute;
width: 345px;
height: 155px;
}

#headerLogo {
position: absolute;
width: 395px;
left:345px;
}

#schnellsuche {
position: absolute;
left: 20px;
width: 275px;
}

#archivlink{
position: absolute;
left: 310px;
top: 2px;
width: 75px;
}

#archivlink a{
color: #000000;
}

#headerProdukte {
position: absolute;
left:740px;
height: 155px;
width: 230px;
background-color: transparent;
}

#linkespalte {
width : 215px;
}

#shopinhalt {
width:630px;
}

#shopinhalt table {

}

#inhalt2 {
width : 755px;
}

#linkespalte .abstand {
width : 185px;
}

#inhalt .abstand {
padding-right: 20px;
}

#rechtespalte .abstand {
width : 210px;
}

#inhalt2 .abstand {
width : 735px;
}

#linkespalte, #rechtespalte {
padding-bottom: 24px;
padding-top: 0px;
}

#inhalt, #inhalt2 {
padding-bottom: 48px;
padding-top: 12px;
}

#fuss {

}

table.mitte {
}

table.mitte .mittelinks {
width: 120px;
text-align: right;
}

table.mitte .mitterechts {
width : 385px;
}

table.mitte .mitterechts .titelgruppe {
border-left-width:1px;
padding-left: 14px;
margin-bottom: 18px;
margin-left: 10px;
}

table.mitte .mitterechts .textbereich{
padding-left: 25px;
}

.autoren {
margin-top: 4px;
}

.datum {
margin-top: 6px;
margin-bottom: 10px;
}

.bilder {
width:122px;

text-align:left;
}

.imkontext {
border-top-width: 3px;
border-bottom-width: 3px;
border-top-style: double;
border-bottom-style: double;
margin-top: 18px;
}

.imkontext .box {
border-top-width: 1px;
padding-top: 6px;
padding-bottom: 12px;
}

.imkontext .titel{
font-weight: bold;
padding-top: 6px;
padding-bottom: 6px;
}

.infopopup {
position:absolute;
visibility: hidden;
border-width: 1px;
padding: 3px;
background-color: #FFFCEB;
text-align:left;
}

.infobox {
margin: 18px 0px;
border-width: 1px;
padding:3px;
width: 348px;
overflow: hidden;
}

.bildEingebetet .rahmen {
border-width: 1px;
margin: 10px 0px;
}

.bildEingebetet .innen {
background-color: #f2f2f2;
padding:7px;
}

.bildEingebetet .bildunterschrift {
text-align: left;
}

.neueIVgruppe {
border-top-style:double;
border-top-width:3px;
margin-bottom:6px;
margin-top:16px;
}

.IVgruppe {
font-weight:bold;
padding-top:3px;
}

.boxtreffer {
padding: 6px 0; 
border-top-width:1px;
}
.boxtreffer .boxtreffer{
padding: 0; 
border-top-width: 0;
}

.boxgross {
clear: both;
padding: 15px 0; 
border-bottom-width: 1px;
}

.boxklein {
width:250px; 
float:left; 
margin-top:25px;
overflow: auto;
}

.boxkleinAbstand {
padding-right:20px;
}

.boxExtern a {
color: #305978;
}

.boxkleinTitel {
border-left-width:1px;
padding-left:8px;
}

.boxkleinText {
padding-top:12px;
}


.navilinksrootelement {
padding: 5px;
padding-left: 19px;
text-indent: -14px;
border-bottom-width: 1px;
font-weight : bold;
font-size: 12px;
}
.zusatznavi .navilinksrootelement {
font-weight : normal;
border-bottom-width: 0;
font-size: 11px;
margin-top: 25px;
}

.navilinkskindelement {
font-weight : normal;
font-size: 11px;
margin-left: 8px;
text-indent: -12px;
}
.zusatznavi .navilinkskindelement {
font-weight : bold;
margin-left: 0;
font-size: 12px;
}

.zusatznavi a {
color: #305978;
}
.zusatznavi  {
text-align: left;
}

table.bestellmenu {
width:100%;
margin-top: 4px;
}
table.bestellmenu td {
padding-bottom: 10px;
}
table.bestellmenu td a {
color: #000000;
}
table.bestellmenu td .icon {
vertical-align: baseline;
}

.leserbild {
float: left; 
width: 230px;
margin: 15px 15px 15px 0;
}

.denkmalfrage {
margin-bottom: 6px;
font-weight: bold;
}

.denkmalbild {
margin-top: 6px;
}

.denkmalantworten td {
padding: 3px 0;
line-height:110%;
}

.denkmalantworten input {
margin-top:0;
}

.denkmalsenden {
margin-top: 6px;
}

.werbeboxinhalt {
border-width:1px;
margin-top:2px;
}

.boxabstand {
padding: 8px 0;
}

.rbabstand {
padding: 8px;
}


.shTreffer{
border-top-width: 1px;
padding: 6px 0;
}

.shTreffer .bild{
width: 130px;
float:left;
}

.shTreffer .info{
width: 430px;
float:left;
}

.shTreffer .kaufen{
width: 140px;
float: right;
padding: 10px 0 0 10px;
}

.shBox {
padding: 4px;
height: 245px;
}

.shBoxText {
height: 205px;
overflow: hidden;
}

.shBoxPreis {
text-align: right;
}

.shBox1 {
background-color: #f2f2f2;
border-width: 1px;
border-color : #eeeeee #bbbbbb #bbbbbb #eeeeee;
}
.shBox2 {
border-width: 0 1px 1px 0;
border-color : #d8d8d8;
}
.shBox3 {
border-width: 0 1px 1px 0;
border-color : #eeeeee;
width: 225px;
float: left;
margin: 0 15px 15px 0;
}

#pflip {
position: absolute;
background-color: transparent;
top: 150px;
left: 150px;
width: 1px;
height: 1px;
z-index: -5;
}

#pflipschliessen {
position: relative;
background-image: url(/pageflip/assets/images/schliessen.gif);
width: 96px;
}

.bewerten {
background-color: #fbfcfc;
border-color: #BDBDC9;
border-width: 1px;
padding: 4px;
}

.bewerten span {
vertical-align: top;
}

.bewertungLeer, .bewertungVoll {
padding: 1px;
}
.bewertungHalbvoll {
padding-right: 0;
}
.bewertungHalbleer {
padding-left: 0;
}

.bewertungInnen {
border-width: 1px;
}

.bewertungLeer .bewertungInnen, .bewertungHalbleer .bewertungInnen {
background-color: #F1F4F7;
border-color: #E2E7E8;
}

.bewertungVoll .bewertungInnen, .bewertungHalbvoll .bewertungInnen {
background-color: #ce0800;
border-color: #ce0800;
}

#ivw {
position: absolute;
top:0;
left:0;
z-index:-5;
}



