body {
	margin: 0 10px 0 10px;
	padding: 0;
	color: #000;
	background: #eee;
	font-size:12px;
	font-family:'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, Sans-Serif;
}

/* a-ha */

a:link {
	text-decoration: underline;
	color: #333366;
	background: transparent;
}
a:hover {
	text-decoration: underline;
	color: #db001b;
}
a:visited {
	text-decoration: underline;
	color: #666;
	background: transparent;
}

/* Zugangsstyles dank custom_field zugang */
.jeder{}
.abo{pading-left:20px;background:url(themes/site_themes/ff/lock.gif) no-repeat;}

/* formular required fields etc. */
.red, span.searchword{color:#db001b;}

#content #main .untertitel p {color:#333; font-weight:bold;}

.date {
        padding-left:20px;
        height: 16px;
        background: url(/bilder/design/kalender.png) no-repeat; 0 0;
        font-weight: bold;
        margin-left:-20px;
}

/* Startseite Einzelartikel 300px (?) breit und gefloated */
.entry {
        width:280px;
        height:185px;
        float:left;
        margin:0 30px 0 0;   
}

.entry p{
        text-align:justify;
	font-size:11px;
}

.entry img, .singleEntry img {
	float:left;
	margin-right:3px;
	border:0;
	margin-bottom:20px;
}

/* einzelne Artikeldarstellung */
.singleEntry p{
	font-size:12px;
        text-align:justify;
}

.singleEntry, .singleEntry_abo{ 
        width:380px;
        float:left;
        margin:0 0 20px 0;
        border-bottom:1px solid #000;
}

.singleEntry{
	min-height:160px;
	height:auto;
}

* html .singleEntry {
	height:160px;
}

.singleEntryBox {
        width:200px;
        _width:180px;
        margin:30px 20px 10px 0; 
        float:left;
        color:#aaa;
	font-size:11px;
}
.singleEntryBox a, .singleEntryBox a:hover, .singleEntryBox a:visited {color:#666;}

/* div für Artikel auf ff Seiten */
.formEntry, .ffEntry{width:280px;float:left;margin-right:30px;}
.ffEntry h2 {margin-top:20px;}
.ffEntry p {margin:2px;}

/* titelblatt der aktuellen Ausgabe rechts neben den Schlagzeilen */
#aktuelleAusgabe{
        float: right;
        width:180px;
	color: #333;
	text-align: center;
}

#aktuelleAusgabe a{
	font: 10px  'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#aktuelleAusgabe img {
        width: 170px;
        height:140px;
	border:0;
}

/* Umfrage id für lg_poll im sidebar */

.sideBorder {	
        border:1px solid #db001b;
	width:186px;
        padding-bottom:5px;
        margin-bottom:20px;
}

.sideBorder_no_padding {	
        border:1px solid #db001b;
	width:186px;
        margin-bottom:20px;
}

.sideBorder a img{
	border:0;
}

#umfrage{
      padding:3px;
}

#umfrage_container img {
	margin:0 auto 16px auto;
}

#umfrage_container div.lg-polls-answers {
       margin: 5px 0 0 0;
       font-size: 9px;
}

/* headlines DIV für Überschriften auf Startseite, class für h3, headlineImg für bild und headlineSummary für evtl Untertitel*/

#headlines {
	width:825px;
	height:220px;
	border-bottom:1px solid #db001b;
        margin: 0;
}

.headlineImg {
	width:185px;
	height:188px;
	float: left;
}

#headlines h3.headline {
        margin:10px 0 0 0;
}
#headlines a {
        color: #000;
        text-decoration:none;
}
#headlines a:hover {
        color: #000;
        text-decoration: underline;
        color: #db001b;
}
#headlines h3.headline a{
        font-size:12px;
        padding-left: 12px;
	font-weight: bold;
}
#headlines h3.headline a:hover { 
        background: url(/bilder/design/headline_arrow.png) no-repeat 0 -3px;
}

#headlines p {
        margin:0 0 10px 0;
        padding-left: 12px;
        display:inline;
	font-size:11px;
}

#main h2.title{
       color:#db001b;
       margin-bottom:20px;
}

#main h2 a{
       color:#db001b;
       text-decoration: none;
}
#header h1 a:hover, #main h2 a:hover {
       text-decoration: underline;
}
#header h1 a{color:#fff;text-decoration:none;}

/* der wrapper holds hält alles zusamen */

#wrapper {
	padding:10px;
	width: 825px;
	background: #FFF;
	color: #333;
	text-align: left;
}

/* header mit logo u titel h1 */

#header {
	margin: 0 0 0 0;
        padding: 0 0 0 90px;
	color: #fff;
	height: 100px;
	width: 733px;
        border-top:1px solid #663;
        border-left:1px solid #663;
        border-right:1px solid #663;
	background: url(/bilder/design/ff-logo.png) #db001b no-repeat;
}

/* für die zwei inhaltsspalten mit etwas rand*/

#content {
	margin: 10px 0;
}

/* main, die linke inhaltsspalte */

#main {
        clear:left;
	float: left;
	width: 620px;
	margin: 0;
	color: #000;
	text-align: left;
	padding: 0;
	font-size: 12px;
	line-height: 165%;
	padding-bottom:30px;
}

/* sidebar, hm was könnte das sein */

#sidebar {
	float: right;
        width:186px;
	color: #333;
	text-align: left;
	font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	margin-left: 10px;
        margin-top:10px;
	margin-bottom:15px;
}

/* the footer, doppel-hmm */

#footer {
	margin: 10px 0 0 0;
	padding: 0 15px;
	background: #db001b;
	color: #fff;
	letter-spacing: 0.09em;
        line-height:
}

/* tricky stuff, noch nicht ganz zufrieden, muss aufgeräumt werden */

h1 {
	font-family: Helvetica, 'Helvetica Neue', Arial, Sans-Serif;
	font-size:  14px;
	margin: 38px 0 0 20px;
}
h3 {
	font-family: Helvetica, 'Helvetica Neue', Arial, Sans-Serif;
}
h2 {
	font-family: Helvetica, 'Helvetica Neue', Arial, Sans-Serif;
        font-size:14px;
	letter-spacing: 0.02em;
	font-weight: bold;
	margin-top: 6px;
	margin-bottom: 6px;
	line-height: 120%;
}
h4 {
	margin-bottom: 4px;
	font: 11px Helvetica, 'Helvetica Neue', Arial, Sans-Serif;
	font-weight: bold;
}
h5 {
	margin-bottom: 4px;
	font: 11px Helvetica, 'Helvetica Neue', Arial, Sans-Serif;
	font-weight: bold;
	line-height: 165%;
}

#online_leserbrief_box{
	position:absolute;
	border:1px solid #db001b;
	width:186px;
	margin-top:10px;
	top:159px;
	left:20px;
}

#sidebar h3, #online_leserbrief_box h3 {
	width: 182px;
	margin: 0;
	background-color: #db001b;
        color:#fff;
	text-decoration: none;
	display: block;
	text-align: left;
	font: bold 12px Helvetica, 'Helvetica Neue', Arial, Sans-Serif;
	line-height:19px;
        padding: 0 0 0 4px;
}

#online_leserbrief_box p{
	padding:10px 5px;
	margin:0;
}

#online_leserbrief_box a:hover{
	text-decoration:none;
}

#sidebar h4 {margin:0;}

#sidebar input {
        margin:5px 0 0 5px;
}
#sidebar p{
       margin: 5px inherit;
}
.capitalize {
        text-transform:uppercase;
}

.center {
	text-align: center;
}

.nomargin {margin:0;}
/* Dont ask. Just don't delete this spacer class */

.spacer {
	clear: both;
}

/* nur mit acronym plugin. ?, italic text und */
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

/* Zwei p, bitte */

p {
        text-align:justify;
        line-height: 125%;
}
#footer p {
	margin: 0;
        font-size: 11px;
        line-height: 14px;
}
#footer a, #footer a:link, #footer a:visited {color:#fff;text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/* Ok, wieder tricky, hintergrund-bild und mindesthöhe @p sowie auto-höhe für IE */

blockquote {
        width:260px;
        background: url(/bilder/design/blockquote.png) no-repeat -20px center;
	padding-left: 80px;
	padding-right: 4px;
	line-height: 165%;
        margin:20px 0 0 0;
}
#main blockquote p {
	color: #000;
	font: bold 12px 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, Sans-Serif;
        text-align:left;
	vertical-align: middle;
        height:auto;
        min-height:80px;
}
/* Genrelle listen, sidebar kommt noch */

ul {
	list-style-type: none;
	margin-top: 3px;
	margin-bottom: 2px;
	margin-left: 0;
	padding-left: 0;
}
li {
	border-bottom: 0 solid #CCC;
	padding-bottom: 2px;
}

.singleEntry ul {
	margin:0;
	list-style-type:disc;
}

.singleEntry li {
	font: 12px Helvetica, 'Helvetica Neue', Arial, Sans-Serif;
	padding-bottom:0;
	margin-left:15px;
}

/* Kommentare müssen noch überarbeitet werden */

.comments {
	font-size: 120%;
	font-weight: bold;
	background: transparent;
	color: #E78818;
}
.commbox {
	background: #EDEAEB;
	border: 1px solid #ddd;
	padding-left: 7px;
	padding-right: 7px;
	margin-bottom: 7px;
}
.commboxalt {
	background: #FAF6F7;
	border: 1px solid #ddd;
	padding-left: 7px;
	padding-right: 7px;
	margin-bottom: 7px;
}

/* Ebenso bearbeitungswürdig die formulare */

checkbox {
padding:1px;
color: #333333;
font-size: 11px;
font-family: Helvetica, 'Helvetica Neue', Arial, Sans-Serif;
}
textarea {
padding:1px;
color: #333333;
font-size: 11px;
font-family: Helvetica, 'Helvetica Neue', Arial, Sans-Serif;
}
input {
padding:1px;
color: #333333;
font-size: 11px;
margin-top:2px;
font-family: Helvetica, 'Helvetica Neue', Arial, Sans-Serif;
}
input.submit
{
padding: 1px;
color: #000;
font-size: 11px;
font-family: Helvetica, 'Helvetica Neue', Arial, Sans-Serif;
}

#abo_ausgabe{
	float:left;
	margin-right:10px;
}

#anfrage {
	clear:both;
	padding-top:10px;
/*	width:60%;*/
}

#sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 3px 5px;
	border: 0 solid #000;
	color: #000;
}
#sidebar li {
	border-bottom: 1px solid #CCC;
}
#sidebar li a:link {
	color: #333366;
	line-height: 150%;
	text-decoration: none;
	display: block;
	width: 175px;
        font-size:10px;
}
#sidebar li a:visited {
	color: #333366;
	text-decoration: none;
	line-height: 150%;
	display: block;
	width: 175px;
}
#sidebar li a:hover {
	color: #db001b;
	line-height: 150%;
	text-decoration: none;
	display: block;
	width: 175px;
}
#sidebar li a:active {
	color: #333366;
	line-height: 150%;
	text-decoration: none;
	display: block;
	width: 175px;
}


#nav_wrapper {
	padding: 10px 0 0;
        border-left:1px solid #663;
        border-right:1px solid #663;
	font: bold 10px Helvetica, 'Helvetica Neue', Arial, Sans-Serif;
	background-color: #db001b;
        margin: 0 0 20px 0;
}
#nav_header {
	position: relative;
	top: 0;
	left: 0;
	width: 825px;
        _width: 823px;
	height: 18px;
}
#nav_header ul#primary {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
	left: 4px;
}
#nav_header ul#primary li {
	display: inline;
	list-style: none;
}
#nav_header ul#primary a, #nav_header ul#primary span, #nav_header ul#primary a.current {
	width: 80px;
	display: block;
	float: left;
	padding: 2px 4px;
	margin-top: 1px;
	margin-right: 3px;
	margin-bottom: 0;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font: 100% Helvetica, 'Helvetica Neue', Arial, Sans-Serif;
        text-transform: uppercase;
}
#nav_header ul#primary #aboMenu a, #nav_header ul#primary span #aboMenu, #nav_header ul#primary #aboMenu a.current {width:60px;}

#nav_header ul#primary span, #nav_header ul#primary a.current, #nav_header ul#primary a.current:hover {
	border-bottom: none;
	background-color: #fff;
	padding-bottom: 6px;
	margin-top: 0;
	font-weight: bold;
	color: #db001b;
}
#nav_header ul#primary a {
	background-color:#db001b);
	border-left: 2px solid #FFF;
	border-bottom: 0 solid #336;
	font-weight: bold;
	padding-bottom: 5px;
	color: #fff;
}
#nav_header ul#primary a:hover {
	margin-top: 0;
	border-left: 2px solid #FFF;
	border-bottom: 0 solid #336;
	background-color:#fff;
	font-weight: bold;
	padding-bottom: 5px;
	color: #db001b;
}
/* zusätzliche styles für menü mediadaten,über uns etc. negativ-margin für schnelles positionieren */
#about {
        float:right;
        margin:-101px 0 0 0
}
#about li {
        display: inline;
	list-style: none;
}
#about a {
	margin-right: 3px;
	padding: 2px;
	border-left: 2px solid #FFF;
	width: 80px;
	display: block;
	float: left;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font: bold 10px Helvetica, 'Helvetica Neue', Arial, Sans-Serif;
        text-transform: uppercase;
}
#about a:hover {
	margin-top: 0;
	border-left: 2px solid #FFF;
	border-bottom: 0 solid #336;
	background-color:#fff;
	font-weight: bold;
	padding: 2px;
	color: #db001b;
}

#login_container dl, #passwort_aendern_container dl, #passwort_neu_container dl{
	margin-bottom:15px;
}

#login_container dt, #passwort_aendern_container dt, #passwort_neu_container dt{
	width:110px;
	float:left;
	text-align:right;
	margin-bottom:3px;
	margin-right:10px;
	padding-top:2px;
	clear:both;
	height:20px;
}

#passwort_aendern_container dt{
	width:180px;
}

#login_container dd, #passwort_aendern_container dd, #passwort_neu_container dd{
	margin-bottom:3px;
}

#anfrage textarea{
	width:300px;
	height:80px;
}

#anfrage th{
	width:90px;
}

#anfrage tr.abstand td, #anfrage tr.abstand th{
	padding-top:15px;
}

#anfrage th{
	font-weight:normal;
	text-align:left;
	padding-right:10px;
}

.error, .pflichtfeld{
	color:#db001b;
}

#anfrage label span{
	position:absolute;
	margin-top:1px;
}

#anfrage label{
	display:block;
}

.radio, .checkbox{
	text-indent:0;
	border:none;
}

#abo_aktion{
	width:34%;
	float:right;
	margin-left:6px;
	text-align:center;
}

#abo_aktion a{
	display:block;
	margin:10px 0;
}

#abo_aktion a:hover{
	text-decoration:none;
}

#anfrage table, #anfrage div{
	margin:0 0 20px 0;
}

#ausgaben_suche{
	margin-bottom:30px;
}

.kleingedrucktes{
	font-size:11px;
}

#banner{
	width:100%;
	text-align:center;
}

#banner img{
	margin:0 16px;
	border:0;
}

#layer{
	position:absolute;
	z-index:100;
	left:190px;
	top:180px;
	padding:5px;
        border:1px solid #db001b;
	background-color:#fff;
}

#layer img.close{
	position:absolute;
	top:0;
	right:0;
	margin:-10px -10px 0 0;
	cursor:pointer;
}