@import url("http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,400italic,700,700italic%7CRoboto+Condensed:400,300,300italic,400italic,700,700italic")




#topNavBack {
	height: 24px;
	line-height: 24px;
	width: 100%;
	min-width:1160px;
	background: rgb(64,64,64); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(64,64,64,1) 0%, rgba(63,63,63,1) 17%, rgba(57,57,57,1) 30%, rgba(42,42,42,1) 52%, rgba(25,25,25,1) 70%, rgba(15,15,15,1) 83%, rgba(6,6,6,1) 96%, rgba(5,5,5,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,64,64,1)), color-stop(17%,rgba(63,63,63,1)), color-stop(30%,rgba(57,57,57,1)), color-stop(52%,rgba(42,42,42,1)), color-stop(70%,rgba(25,25,25,1)), color-stop(83%,rgba(15,15,15,1)), color-stop(96%,rgba(6,6,6,1)), color-stop(100%,rgba(5,5,5,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(64,64,64,1) 0%,rgba(63,63,63,1) 17%,rgba(57,57,57,1) 30%,rgba(42,42,42,1) 52%,rgba(25,25,25,1) 70%,rgba(15,15,15,1) 83%,rgba(6,6,6,1) 96%,rgba(5,5,5,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(64,64,64,1) 0%,rgba(63,63,63,1) 17%,rgba(57,57,57,1) 30%,rgba(42,42,42,1) 52%,rgba(25,25,25,1) 70%,rgba(15,15,15,1) 83%,rgba(6,6,6,1) 96%,rgba(5,5,5,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(64,64,64,1) 0%,rgba(63,63,63,1) 17%,rgba(57,57,57,1) 30%,rgba(42,42,42,1) 52%,rgba(25,25,25,1) 70%,rgba(15,15,15,1) 83%,rgba(6,6,6,1) 96%,rgba(5,5,5,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#050505',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(64,64,64,1) 0%,rgba(63,63,63,1) 17%,rgba(57,57,57,1) 30%,rgba(42,42,42,1) 52%,rgba(25,25,25,1) 70%,rgba(15,15,15,1) 83%,rgba(6,6,6,1) 96%,rgba(5,5,5,1) 100%); /* W3C */
	font-size:10px;
}
#fachnavi,#shopnavi {
	position: absolute;
	bottom: 0px;
	font-size:13px;
	background:#e9e9e9;
	width:100%;
}
#topNav ul, #topicNav ul, .fachnavi ul, #mainNav-l1 ul, #mainNav-l2 ul {
	margin: 0 10px;
	padding: 0;
}
#topNav li, #topicNav li, #mainNav-l1 li, #mainNav-l2 li, .horizontal-list li {
	display: inline;
	background-image: none;
}
.fachnavi>ul{
	border-left:1px solid #b7b7b7;
	border-right:1px solid #b7b7b7;
	display:inline-block;
}
.fachnavi>ul>li{
	display: inline-block;
	padding:0px 10px;
	border-left:1px solid #b7b7b7;
	line-height:32px;
}
#topicNav ul, .metanavi>ul{
	padding-top:10px;
	color:#fff;
	line-height: 100%;
}
#topicNav li, .metanavi li{
	padding:0px 6px 3px;
	border-left:1px solid #fff;
}
#topNav a, #topicNav a, .metanavi a{
	color: #fff;
	font-weight: normal;
}
#topicNav a, .metanavi a{
	font-size:13px;
}
#topNav .active{
	background: rgb(31,31,31); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(31,31,31,1) 0%, rgba(23,23,23,1) 4%, rgba(28,28,28,1) 33%, rgba(31,31,31,1) 38%, rgba(36,36,36,1) 63%, rgba(40,40,40,1) 71%, rgba(45,45,45,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(31,31,31,1)), color-stop(4%,rgba(23,23,23,1)), color-stop(33%,rgba(28,28,28,1)), color-stop(38%,rgba(31,31,31,1)), color-stop(63%,rgba(36,36,36,1)), color-stop(71%,rgba(40,40,40,1)), color-stop(100%,rgba(45,45,45,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(31,31,31,1) 0%,rgba(23,23,23,1) 4%,rgba(28,28,28,1) 33%,rgba(31,31,31,1) 38%,rgba(36,36,36,1) 63%,rgba(40,40,40,1) 71%,rgba(45,45,45,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(31,31,31,1) 0%,rgba(23,23,23,1) 4%,rgba(28,28,28,1) 33%,rgba(31,31,31,1) 38%,rgba(36,36,36,1) 63%,rgba(40,40,40,1) 71%,rgba(45,45,45,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(31,31,31,1) 0%,rgba(23,23,23,1) 4%,rgba(28,28,28,1) 33%,rgba(31,31,31,1) 38%,rgba(36,36,36,1) 63%,rgba(40,40,40,1) 71%,rgba(45,45,45,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#2d2d2d',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(31,31,31,1) 0%,rgba(23,23,23,1) 4%,rgba(28,28,28,1) 33%,rgba(31,31,31,1) 38%,rgba(36,36,36,1) 63%,rgba(40,40,40,1) 71%,rgba(45,45,45,1) 100%); /* W3C */
}
.metanavi>ul>li {
	float: left;
}
.lidiv {
	float:left;
	border-left:1px solid #929292;
	padding: 0 10px;
	line-height: 24px;
}
li.lifirst {
	border-left: 0 none !important;
}
/** Dropdownnavi **/
nav.dropdownnavi ul li{
	position:relative;
}
nav.dropdownnavi ul ul{
	display:none;
}
nav.dropdownnavi ul ul li{
	background-image: url('/pix/sdwv/2011/line_h.png');
  background-repeat: no-repeat;
  background-position: right bottom;
  padding:6px 10px 8px;
}
nav.dropdownnavi ul ul li:last-child {
	background-image: none;
}

nav.dropdownnavi ul ul li:before{
	content:"\203A";
	color:#c4c4c4;
	font-size:13px;
	vertical-align:2px;
	margin-right:6px;
}
nav.dropdownnavi>ul>li:hover>ul{
	display:block;
	position:absolute;
	z-index:1000;
	top:17px;
	left:6px;
	min-width:195px;
	background:#fff;
	color:#444;
	margin:0;
	border:1px solid #c4c4c4;
	line-height:1em;
	box-shadow: 3px 4px 8px rgba(80,80,80,0.3);
	-moz-box-shadow: 3px 4px 8px rgba(80,80,80,0.3);
	-webkit-box-shadow: 3px 4px 8px rgba(80,80,80,0.3);
}
nav.dropdownnavi.fachnavi>ul>li:hover>ul{
	top:32px;
	left:0px;
	list-style-type:none;
}
.fachnavi>ul>li:nth-child(n+10)>ul{
	left:auto !important;
	right:0;
}
nav.dropdownnavi>ul>li:hover>ul a{
	color:#444;
	display: block;
	margin: -15px 0px 0px 10px;
}
.fachnavi a{
	color:#444;
}
nav.dropdownnavi ul ul li:hover{
	background:#e9e9e9;
}
.fachnavi>ul>li:hover{
	background:#535353;
}
nav.dropdownnavi ul ul li:hover a{
	color:#4d86a4;
	text-decoration:none;
}
.fachnavi li:hover a{
	color:#fff;
	text-decoration:none;
}
.breadcrumb{
	margin-bottom: 6px;
	padding-bottom:23px;
	font-size:11px;
}
.breadcrumb h1{
	font-size:11px;
	font-weight: normal;
	display:inline;
	text-transform: none;
	color: inherit;
	font-family: inherit;
	margin: 0;
}
#navarrow {
	position:absolute;
	bottom:14px;
	left:33px;
}
#mobileform button{
	display:block;
	text-align:center;
  cursor: pointer;
  height: 35px;
  width: 100%;
  font-weight:bold;
  background: linear-gradient(#F9F9F9, #EEEEEE) repeat scroll 0 0 #F9F9F9;
  border-left:0 none;
  border-right:0 none;
  border-top:0 none;
  border-bottom: 1px solid #AAAAAA;
  color: #000;
  text-shadow: 0 1px 0 #FFFFFF;
}
nav.dropdownnavi > ul > li:hover > ul.nav-teaser a{
	margin:-6px 0 0;
}
.nav-teaser-title,.nav-teaser-dachzeile{
	margin-left:100px;
}
.nav-teaser-dachzeile{text-transform:uppercase;font-size:11px;}
/* Alternative Footer-Navi */
.footer-navi{
	text-align: center;
	margin-top:20px;
}
.footer-navi li{
	margin-right:20px;
}
.footer-navi li:last-child{
	margin-right:0;
}
body, input, textarea {
font-size: 12px;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #333333;
}

td, p, body, div {
line-height: 150%;
}

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, fieldset {
border: solid;
border-color : #c5c5c5;
border-width : 0 0 0 0;
}
fieldset {
border-width: 1px;
}

td, th, table {
margin: 0;
padding: 0;
}

p {
margin: 0 0 12px 0;
padding: 0;
}

td {
vertical-align : top;
}

table {
border-spacing: 0;
border-collapse: collapse;
}

form td {
  padding: 2px 6px 2px 0;
}

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.sitemapUL {
margin-left: 20px;
}


li {
margin: 6px 0;
}

ul li {
background-image: url(/pix/sdwv/li_grau_3.gif);
background-repeat: no-repeat;
background-position: 0px 7px;
padding-left: 8px;
}

ul.ohne li, ul.link li {
background-image: none;
padding-left: 0px;
}

ul.link li {
text-indent: -13px;
margin-left: 13px;
}

ul .alleKlappe a {
text-decoration:underline;
}

object {
position: relative;
/* z-index: -1; */
}

h1, h2, h3, h4, h5, h6 {
font-weight : bold;
line-height : 120%;
padding: 0px;
margin: 0 0 6px 0;
}
blockquote {
margin-left:0px;
margin-right:0px;
padding-left:32px;
background:url('/pix/sdwv/quote.png') no-repeat;
}
.titel {
line-height : 120%;
}

#inhalt .textbereich h3 {
margin: 24px 0 18px 0;
}

.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: #c5c5c5;
}

.normal,
#inhalt, #inhalt td,
h4, h5, h6 {
font-size: 12px;
}

.sehrklein {
font-size: 10px;
line-height: 120%;
}

.klein, small,
.bildEingebettet .bildunterschrift,
#rechtespalte, #fuss,
table.klein td {
font-size: 11px !important;
}

.gross, h3 {
font-size: 14px;
}

.sehrgross, h2, .rubrik {
font-size: 18px;
}

h1 {
font-size: 22px;
}

.riesig {
font-size: 26px;
}

h2.schick {
font-family: 'Impact', 'Arial Narrow', 'Arial';
font-size: 24px;
color: #333333;
font-weight: normal;
line-height: 100%;
}
.sIFR-active h2.schick {
line-height: 1em;
padding: 0;
margin: 0;
}
.sIFR-active h2.schick .sIFR-flash {
padding: 0;
margin: 0;
position: relative;
top: 5px;
}

.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.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 {
color: #8F1540;
text-decoration : underline;
}

.farbig, .rubrik {
color : #CB0B00;
}

.hg {
background-color: #f5f5f5;
padding: 5px;
}

.rahmen {
border-width: 1px;
}

.jumplist {
margin: 12px 0;
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;
}

.plusminusImg {
vertical-align: middle;
}
.plusminusDiv {
margin-left: 17px;
}

.clear { clear: both; }

.mittig { text-align: center; }


/* ----- Hauptbereiche ----- */

body.iframe, body.popup {
background: none;
text-align: left;
margin: 5px;
}

body.iframe a {
    color: #1f85a0;
    text-decoration: none;
}

#bereich {
position: relative;
width: 800px;
border-width: 1px;
margin-bottom: 12px;
background: #ffffff url('/pix/sdwv/hg_bereich.jpg') repeat-x left 68px;
z-index: 1;
}

#bannerHorizontal{
z-index: 100;
}

#bannerVertikal{
position: absolute;
top: 0px;
left: 802px;
z-index: 100;
}

.bannerbox {
padding: 2px 6px 6px 6px;
border-width: 1px;
margin: 8px 0;
text-align: center;
}

#kopf {
background:  url(/pix/sdwv/hg_header_.jpg) no-repeat;
position: relative;
top: 0px;
left: 0px;
width: 800px;
height: 129px;
z-index: 10;
}


#inhalt {
float: left;
padding-left: 12px;
width: 456px;
margin-top: 50px;
}
#inhaltVolleBreite #inhalt {
/* nur #inhaltVolleBreite ist unpraktisch, da auch an andere stellen geht man davon aus, dass #inhalt existiert */
float: none;
width: 770px;
}

#rechtespalte {
float: right;
padding-right: 12px;
width: 300px;
margin-top: 50px;
}

#inhalt, #rechtespalte {
padding-bottom: 24px;
padding-top: 0px;
}

#fuss {
position: relative;
clear: both;
padding: 12px;
width: 776px; /* 800 - 2x12 */
}


/* ----- warenkorb ----- */

#warenkorb div.spektrumshop {
  display: block !important;
}
#warenkorb span.spektrumshop {
  display: inline !important;
}


/* ----- trefferseiten / teaser ----- */

.boxtreffer {
padding: 6px 0;
border-top-width:1px;
}
.boxtreffer .boxtreffer {
padding: 0;
border-top-width: 0;
}

table.teaserGross {
width: 100%;
}
table.teaserGross td.teaserBild {
width: 135px;
padding-top:3px;
}
table.teaserGross h3,
#dossiersDyn h3 {
font-size: 17px;
}
table.teaserGross .teaserUntertitel,
.teaserGross .teaserUntertitel,
#dossiersDyn .teaserUntertitel {
font-weight: bold;
position: relative;
top: -5px;
}

.teaserGross h3 {
font-size: 17px;
}

/* temp: */
table.mitte {background-color: #ffdddd;}

/* ----- uebersichtseiten ----- */

.gruppe {
margin-bottom: 50px;
position: relative;
width: 100%;
z-index: 1;
}
.gruppeKopf {
position: relative;
border-bottom-width: 1px;
margin-bottom: 16px;
width: 100%;
border-bottom-color: #666666;
z-index: 0;
}
.gruppe h2 {
width: 90%;
margin-bottom: 2px;
}
.gruppe .mehrGruppe {
position: absolute;
right: 0px;
bottom: 2px;
font-size: 10px;
}
.gruppe .mehrGruppe a {
color: #000;
}

.gruppe h3.gruppeWeitere {
font-size: 14px;
font-weight: bold;
width: 100%;
margin-top: 18px;
padding-bottom: 2px;
border-bottom-width: 1px;
border-bottom-color: #666666;
margin-bottom: 2px;
}
.gruppe h3.gruppeWeitere a {
/* color: #333333; Thilo Feb. 2010 */
}
.gruppe h3.gruppeWeitere a:hover {
text-decoration: none;
/* color: #CB0B00; Thilo Feb. 2010 */
cursor: pointer;
}

.scilogsGruppe .gruppeInnen {
padding: 5px 10px 10px 10px;
background-color: #e1e5ee;
}

.gruppe table.teaserGross {
margin-bottom: 12px;
}

.einzelbox {
margin: 30px 0;
}

table.hinweisBox {
border-color: #7a0000;
border-width: 1px;
}
td.hinweisBoxBanner {
width: 24px;
padding: 13px 0 13px 6px;
background-color: #7a0000;
}
td.hinweisBoxInhalt {
padding: 8px 8px 8px 15px;;
}

/* Bilder-Reiter */

.bilderReiterGruppe .gruppeInnen {
padding: 10px;
background-color: #e9eee1; /* d8e2cb */
}
.bilderReiterGruppe .einBildReiter img {
width: 80px;
height: 80px;
border: 2px solid #fff;
}
.bilderReiterGruppe .einBildReiter {
float: left;
border: 5px solid #ccc;
margin: 0 14px 10px 0;
}
.bilderReiterGruppe .einBildReiterAktiv {
border-color: #293043; /* wie pfeil */
}
.bilderReiterGruppe .einBildReiterAktiv293043 {
border-color: #293043; /* wie pfeil */
}
.bilderReiterGruppe .einBildReiterAktiv7a0000 {
border-color: #7a0000; /* wie pfeil */
}
.bilderReiterGruppe .reiterLeiste {
position: relative;
margin-bottom: 6px;
}
.bilderReiterPfeil {
position: absolute;
top: 93px;
left: 36px;
}

.querBilderReiterGruppe .querBilder {
background-color: #333;
padding: 8px;
}
.querBilderReiterGruppe .querBild img {
width: 437px;
border: solid 1px #fff;
}
.querBilderReiterGruppe .reiterLeiste {
	overflow:	hidden;
	overflow-x:	hidden;
	width:		16000px;
}
.querBilderReiterGruppe .einQuerThumbReiter {
width: 146px;
float: left;
/*
margin-right: 8px;
*/
}
.querBilderReiterGruppe .einQuerThumbReiter img {
width: 110px;
border: solid 1px #fff;
margin-left: 18px;
}
.querBilderReiterGruppe .querThumbUntertitel {
color: #fff;
font-size: 9px;
line-height: 105%;
margin: 5px 0 1px 0;
white-space: normal;
text-align: center;
}
.querBilderReiterGruppe .bilderReiterPfeil {
width: 20px;
position: relative;
top: -1px;
left: 50px;
}
.querBilderReiterGruppe .teaserGross {
margin-top: 15px;
}
.querBilderReiterGruppe .scrollFeld {
	white-space: nowrap;
	width:       437px;
	position:    relative;
	overflow:    hidden; /* clip via prototype */
	overflow-x:  hidden;
}

.querBilderReiterGruppe .scrollMenue {
	margin: auto 0;
	padding: 8px 0 4px 0;
	text-align: center;
}
.sd_weitere h3	 { margin: -1px 0 1px 0; }
.sd_weitere h3 a {
	font-size: 14px;
	line-height: 120%;
}
.sd_weitere .archiv {
line-height: 16px;
vertical-align: middle;
font-weight: bold;
border-bottom: 1px solid #404040;
padding-bottom: 4px;
}
/* ------- artikel detailseiten ------- */

.artikelInfoLeiste {
position: relative;
border-width: 1px;
margin-bottom: 12px;
margin-top: 1px; /* IE */
padding: 3px 5px;
}

.artikelTools {
position: absolute;
right: 5px;
top: 2px;
}

.artikelSeiteNr {
font-weight: bold;
}
.artikelSeiteNrAktiv {
color: #000;
}

#inhalt .untertitel {
font-weight: bold;
position: relative;
top: -6px;
}

.autoren {
margin: 4px 0;
}

.dachzeile, .teaserDachzeile  {
margin: 2px 0;
font-size: 10px;
font-weight: bold;
color: #666;
}

.vorspann {
margin: 12px 0;
font-weight: bold;
}

.haupttext {
margin: 18px 0;
}

.infopopup {
position: absolute;
border-width: 1px;
padding: 3px;
background-color: #FFFCEB;
text-align: left;
}

#artImKontextBox {
font-size: 12px;
/* s.a. css rechte spalte */
}
#artImKontextBox .boxTitel {
margin-bottom: 6px;
}

/* -- zumArtikelBox ist die Box bei HEFTartikel -- */

.zumArtikelBox * {
border-color: #c5c5c5;
}
.zumArtikelBox .reiter {
float: left;
border-top-width: 1px;
font-weight: bold;
height: 26px;
line-height: 25px;
cursor: pointer;
}
.zumArtikelBox .boxInhalt {
clear: both;
border-width: 1px;
}
.zumArtikelBox .abstand {
padding: 10px;
}
#zumArtikelBoxInhaltThema .boxGruppeTitel {
font-weight: bold;
}
.zumArtikelBox .boxFuss {
border-top-width: 1px;
}

.zumArtikelSubreiter {
background-color: #f5f5f5;
border-bottom-width: 1px;
height: 20px;
}
.zumArtikelSubreiter a {
display: block;
float: left; /* IE */
height: 20px;
padding: 0 4px;
color: #000;
line-height: 18px;
}
.zumArtikelSubreiter a:hover {
text-decoration: none;
}
.zumArtikelSubreiter .boxGruppeTitel {
float: left;
height: 20px;
border-right-width: 1px;
}
.zumArtikelSubreiterOffen {
background-color: #e7eff6;
}
.zumArtikelBox .boxGruppe {
clear: both;
}


/* -- zumThemaBox steht bei SD, Nachrichten, usw. -- */

.zumThemaBoxEingebettet {
width: 230px;
float: right;
margin: 0 0 6px 12px;
}

#zumThemaBox {
margin-top: 1px; /* IE */
}

#zumThemaBox .boxInhalt {
border-width: 1px;
position: relative;
}

#zumThemaBoxReiter {
background: url('/pix/sdwv/hg_zum_thema_reiter.gif') repeat-x;
}
#zumThemaBoxReiter a {
display: block;
float: left; /* IE */
height: 22px;
padding: 0 5px;
color: #000;
line-height: 20px;
}
#zumThemaBoxReiter a:hover {
text-decoration: none;
color: #000;
}
#zumThemaBoxReiter .boxGruppeTitel {
float: left;
height: 23px;
border-right-width: 1px;
}
#zumThemaBox .zumThemaReiterOffen {
background: #73a4cd url('/pix/sdwv/hg_zum_thema_reiter_offen.gif') repeat-x;
}
#zumThemaBox .boxGruppe {
clear: both;
}
#zumThemaBox .boxGruppeInhalt {
padding: 8px;
}

/* -- Box-Titel allemein (zumThema, Leserbriefe) -- */

.boxTitel {
font-size: 14px;
font-weight: bold;
margin-bottom: 1px;
}


/* -- Block/Box unterhalb des Artikels -- */

.boxUnterArtikel {
margin: 18px 0;
}

.boxUnterArtikel .boxInhalt {
border-width: 1px;
padding: 8px;
}


/* -- Dossiers -- */

#dossiersDyn {
position: relative;
}
#dossiersDyn .dossierBild {
background: url('/pix/sdwv/dossier_leiste.gif') no-repeat;
padding-left: 32px;
}
#dossiersDyn .dossierText {
font-size: 11px;
}
#rechtespalte #dossiersDyn .dossierText {
margin-top: 10px;
}
#rechtespalte #dossiersDynReiter {
position: absolute;
left: 237px; /* 227 + 10 */
top: 0;
}
#rechtespalte #dossiersDyn .dossierReiter {
margin-bottom: 10px;
}

#inhalt #dossiersDyn {
width: 100%;
height: 282px;
background-color: #7a0000;
margin-bottom: 73px; /* 10 + 45 + 18 */
margin-top: 35px;
}
#inhalt #dossiersDyn .dossierText {
position: absolute;
left: 227px;
top: 0;
background-color: #f5f5f5;
width: 220px;
height: 282px;
overflow: hidden;
}
#inhalt #dossiersDyn .dossierText .innen {
padding: 8px;
padding-left: 15px;
}
#inhalt #dossiersDynReiter {
position: absolute;
left: 0;
top: 292px; /* 282 + 10 */
}
#inhalt #dossiersDyn .dossierReiter {
float: left;
margin-right: 10px;
}


/* -- eingebettete Elemente innerhalb eines Artikels -- */

.bildEingebettetKlein, .bildEingebettetGross,
.dateiEingebettet, .zumThemaBoxEingebettet,
.seitenoben, .artikelSeite {
clear: both;
}


/* -- dateien -- */
.dateiEingebettet {
border-width: 1px;
margin: 10px 0;
padding: 8px;
}

/* -- bilder -- */

.bildEingebettetKlein {
float: left;
margin: 4px 12px 6px 0;
}
.bildEingebettetGross {
text-align: center;
width: 95%;
margin: 12px 0px;
position: relative;
top: -12px; /* im text sollten davor 2 br stehen, damit umstellung auf float oder ignorieren der platzhalter(zB export, CD) auch gut aussieht */
}

p + .bildEingebettetGross, p > .bildEingebettetGross {
top: 0px; /* reset */
}

.bildEingebettetBox {
background-color: #f5f5f5;
border-width: 1px;
padding: 10px;
}
.bildEingebettetGross .bildEingebettetBox {
margin: auto;
padding: 15px;
}

.bildEingebettetBox .bildunterschrift {
text-align: left;
margin-top: 3px;
}

.dateiEingebettet .bildEingebettetBox { /* sonderfall serienkapitel */
border-width: 0;
background: none;
margin: auto;
padding: 0;
}

.leserbild {
float: left;
width: 200px;
margin: 15px 30px 15px 0;
}
.leserbildRechts {
margin-right: 0;
}

.werbebildBeimArtikel .bildunterschrift {
display: none;
}

.copyrightOverlay {
position:absolute;
width:180px;
padding:4px;
z-index:9999;
text-align: left;
background:#fff;
border:1px solid #C5C5C5;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
-moz-box-shadow: 3px 3px 4px rgba(197, 197, 197, 0.5);
-webkit-box-shadow: 3px 3px 4px rgba(197, 197, 197, 0.5);
box-shadow: 3px 3px 4px rgba(197, 197, 197, 0.5);
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c5c5c5')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c5c5c5');
}
/* --- Button --- */
.button-grey{
    display:inline-block;
    white-space: nowrap;
    margin:4px 0px;
    padding: 4px 8px;
    border:1px solid #c4c4c4;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-transform:uppercase;
    text-shadow: 1px 1px 0 #FFFFFF;
    font-family: Ubuntu,Verdana,Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:normal;
    background: rgb(254,254,254); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(253,253,253,1) 8%, rgba(214,214,214,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(8%,rgba(253,253,253,1)), color-stop(100%,rgba(214,214,214,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(253,253,253,1) 8%,rgba(214,214,214,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(253,253,253,1) 8%,rgba(214,214,214,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(253,253,253,1) 8%,rgba(214,214,214,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(254,254,254,1) 0%,rgba(253,253,253,1) 8%,rgba(214,214,214,1) 100%); /* W3C */
    color: #8C8C8C;
}
.button-grey:hover{
    text-decoration:none;
    color:#444444;
}
/* --- inhaltsverzeichnis --- */

.neueIVgruppe {
border-top-style:double;
border-top-width:3px;
margin-bottom:6px;
margin-top:16px;
}

.IVgruppe {
font-weight:bold;
padding-top:3px;
}

/* --- besucherbewertungen --- */

.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;
}


/* --- pageflip --- */

#pflip {
position: absolute;
background-color: transparent;
top: 115px;
left: 50px;
width: 1px;
height: 1px;
z-index: -5;
}

#pflipschliessen {
position: relative;
background-image: url(/pageflip/assets/images/schliessen.gif);
width: 96px;
}

/* --- ivw --- */

#ivw {
position: absolute;
top:0;
left:0;
z-index:-5;
}


/* --- kleinanzeigen --- */

.kleinanzeigen label {
 	display: inline-block;
	width: 110px;
	width: 22%;
	font-weight: bold;
	vertical-align: middle;
	line-height: 2em;
}


.kleinanzeigen input.text {
	width: 70%;
	border-style: none;
	padding: 2px;
	border-bottom: 1px solid #050607;
}

.kleinanzeigen input.text:active,
.kleinanzeigen input.text:focus {
	background-color: #fcf8ca;
}


.kleinanzeigen input.senden {
	width: auto;
}

.kleinanzeigen input.klein {
	width: 20px;
}

.kleinanzeigen textarea {
    font-family: 'Courier New',Courier,monospace;
    font-size: 20px;
	letter-spacing: 4px;
	min-height: 180px;
	width: 405px;
	max-width: 405px;
	overflow: hidden;
	border: 0;
	padding: 0px;
	padding-left: 2px;
	background-image: url(/pix/sdwv/hg_anzeigentext_25z.gif);
        background-repeat: repeat-y;
}

.iframe-register input[type=text],
.iframe-register textarea {
    width: 500px;
    background-color: #fcfcfc;
    border: 1px solid #c4c4c4;
    margin: 5px 0;
    padding: 12px;
    font-family: Roboto Condensed,Verdana,Helvetica,Arial,sans-serif;
    font-size: 16px;
}

.iframe-register {
    background-color: #F5F6F7;
    padding: 12px 14px 8px 14px;
    margin-bottom: 20px;
}

.iframe-register .strong {
    font-weight: 700;
}

.iframe-register .strong sup {
    font-weight: 300;
}

.legend {
    margin-top: 20px;
}

.legend img {
    vertical-align: top;
}

.registration-help {
    margin-top: 20px;
    font-size: 12px;
}

.registration-help .arrlist {
    list-style-type: none;
    padding: 0 0 0 0.8em;
    margin-bottom: 20px;
}

.registration-help .arrlist li {
    background-image: none;
    padding-left: 0;
}

.registration-help .arrlist li:before {
    content: "\203A";
    margin: 0 .5em 0 -0.8em;
}
.registration.success {
    margin-bottom: 40px;
}

.registration.success h1 {
    color: #7b7b7b;
    text-transform: uppercase;
}

.registration.success p {
    font-size: 14px;
    line-height: 22px;
}