@CHARSET "UTF-8";

/** Spezielle Bereiche **/

html {
	height: 100%;
}

body {
	background-color: #ffcc00;
	padding-top: 5px;
	font-size: 8pt;
	font-family: Arial,Helvetica,Verdana;
	height: 100%;
	overflow: hidden;
}

div#wrapper {
	position: absolute;
	left: 50%;
	width: 812px;
	margin-left: -406px;
	background-color: #ffffff;
	border: 6px solid #ffffff; 
}

div#header {
	background-color: #ffcc00;
	border-top: 3px solid #000000;
	padding: 0px 10px 0px 10px;
}

div#sidebar {
	position: absolute;
	right: 20px;
	top: 139px;
	width: 192px;
}

div#sidebar strong {
	display: block;
	width: 170px;
	color: #ffffff;
	background-color: #000000;	
	padding: 2px 0 2px 5px;
	
	font-size: 10pt;
	font-weight:bold;
	height:18px;
}

div#sidebar form {
	displaY: block;
	width: 100%;
	border: 1px solid black;
	padding: 5px;	
	background-color: #FFCC00;
}

div#sidebar p {
	margin-bottom: 0;	
}


div#sidebarunder {
	position: absolute;
	right: 20px;
	top: 276px;
	width: 192px;
}

div#sidebarunder strong {
	display: block;
	width: 170px;
	color: #ffffff;
	background-color: #000000;	
	padding: 2px 0 2px 5px;
	
	font-size:100%;
	font-weight:bold;
}

div#sidebarunder form {
	displaY: block;
	width: 100%;
	border: 1px solid black;
	padding: 5px;	
	background-color: #FFCC00;
}

div#sidebarunder p {
	margin-bottom: 0;	
}



/** Header-Inhalt **/

div#header div#title {
	width: 150px;
	margin-top: 20px;
	padding-bottom: 20px;
	padding-right: 50px;
	line-height: 1.5;
	font-size: 11px;
	background: url('bgr_title.png') right top no-repeat;	
}

div#header div#title div#titleheading {
	margin-bottom: 15px;
}

div#header div#title div#titleheading span#titleheading_bg {
	color: #ffffff;
	margin-right: 2px;
	padding-left: 1.2em;
	padding-right: 0.2em;
	background: url('bgr_titleheading.png') bottom left no-repeat;
}

div#headlink {
	background-color: #6e161a;
	width: 139px;
	height: 13px;
	border-color: #ffcc00;
	border-style: solid;
	border-top-width: 2px;
	border-left-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 3px;
	padding: 9px 7px 9px 7px;
}

div#headlink a {
	color: #ffffff;
	margin-left: 5px;
	padding-left: 15px;
	background: url('bgr_headlink_a.png') center left no-repeat;
}

/** Rubrikennavi **/

div#rubrikennavigation {
	background-color: #000000;
	border-left: 4px solid #ffcc00;
	height: 500px;
	width: 147px;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: auto;
}

div#rubrikennavigation strong {
	font-size: 20px;
	color: #ffffff;
}

div#rubrikennavigation ul {
	margin-top: 20px;
}

div#rubrikennavigation li {
	margin-bottom: 1.2em;
}

div#rubrikennavigation a {
	font-style: italic;
	color: #ffffff;
}

/** Content **/


iframe#content,
div#content {
	position: absolute;
	top: -2px;
	left: 175px;
	height: 551px;
/*	width: 590px;*/
	width: 635px;
	overflow-y: auto;
	overflow-x: hidden;
}

div#content {
	padding-right: 10px;
	width: 625px;
}

div#topcontent {
	margin-bottom: 10px;
	font-size: 8pt;
	font-weight: bold;
}

div#topcontent ul {
	padding: 0;
	margin: 0;
	background-color: #ffcc00;
	margin-top: 10px;
	padding: 6px 0 4px 0;
	overflow: auto;
	height: 16px;
}

div#topcontent ul li {
	float: left;
	list-style-type: none;
	border-left: 2px solid black;
	width: 98px;
	text-align: center;
}

div#topcontent ul li:first-child {
	border: 0;
}

h3#startseite {
	background: url('bgr_h3.png') top left no-repeat;
	font-size: 20px;
	padding: 50px 0 0 10px;
	font-weight: bold;
	height: 30px;
	margin-bottom: 12px !important;
	border: 0;
}

/** Footer **/
div#footer {
	background-color: #ffcc00;
	padding: 10px;
	text-align: center;
	position: relative;
}

div#footer p#link {
	position: absolute;
	top: 15px;
	right: 50px;
}

div#footer a {
	color: #000000;
	text-decoration: underline;
	text-transform: lowercase;
}

/** Allg. Klassen **/

span.leserservice_begin {
	font-style: italic;
	text-transform: uppercase;
	color: #ff0000;
} 

span.leserservice_end {
	font-style: italic;
	text-transform: uppercase;
	color: #000000;
}


/** Typo3 Generierter Content **/

h3 {
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px solid black;
}

div.newline {
	clear: left;
}

div.bigtext {}

div.bigtext h3.startseite {
	background: transparent url(bgr_h3.png) no-repeat scroll left top;
	font-size: 20px;
	font-weight: bold;
	height: 30px;
	margin-bottom: 12px !important;
	padding: 50px 0 0 10px;	
}

div.bigtext p.bodytext {
	width: 390px;
	padding-left: 10px;
}

div.blindbox {
	width: 190px;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	height: 344px;
}


div.infobox {
	width: 190px;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

div.infobox strong {
	width: 145px;
	display: block;
	color: #ffffff;
	background-color: #000000;
	padding: 2px 0 2px 5px;
}

div.infobox div.contenttext {
	border: 1px solid #000000;
	height: 325px;
}

div.infobox div.csc-textpic {
	border: 1px solid #000000;
	height: 325px;
}

div.infobox div.csc-textpic div.contenttext {
	border: 0;
}

div.infobox p.bodytext {
	padding: 5px;
	margin: 0 !important;
}

div.infobox p.bodytext a {
float: right;
background-color: #FFCC00;
font-weight: bold;
}

div.zeitschriften {}

div.zeitschriften div.csc-header {
	color: #ffffff;
	background-color: #000000;
	padding: 2px 0 2px 5px;
	width: 390px;
}

div.zeitschriften ul.csc-menu {
	padding: 0 !important;
	width: 404px;
}

div.zeitschriften ul.csc-menu li {
	list-style-type: none;
	float: left;
	width: 202px;
}

div.zeitschriften ul.csc-menu li span {
	display: block;
	padding: 2px 0 2px 5px;
	background-color: #FFCC00;
	margin: 1px 10px 0 0;
	/*border-left: 2px solid #48A846;*/
	border-left: 2px solid #000000;
}

div.zeitschriften ul.csc-menu li span.dark {}

div.zeitschriften ul.csc-menu li span.light {
	/*background-color: #FFE57F;*/
	background-color: #FFFFFF;
}

div.bestelllink {
	margin-top: 3em;
}

div.bestelllink p.bodytext {
	width: 390px;
	position: relative;
	margin-top: 1em;
}

div.bestelllink a {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #000000;
	color: #ffffff !important;
	border-style: solid;
	border-width: 1px;
	padding: 0 5px 0 15px;
	border-color: #FFFFFF #000000 #000000 #FFFFFF;
	background-image: url('https://www.leserservice-sicherheitsabo.de/leserservice2/gfx/clearbutton_bg_i.gif');
	background-repeat: no-repeat;
}

div.bestelllink a:hover {
	border-color: #000000 #FFFFFF #FFFFFF #000000;
}

img.zeitungsbild {
	float: left;
	padding:0 10px 10px;
}