/*	

	Anzeiger CSS - Relaunch 2007
	Internet Tagblatt Medien -  Stefano Cardinale

*/



/* GLOBAL
***********************************************************************************************************************/

html, body, div, h1, h2, h3, h5, h6, h7, p, a, ol, ul, li, table, caption, tr, th, td, img {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000;
	text-align: left;
	margin: 0;
	padding: 0;
	border: 0;
}

/* LAYOUT
***********************************************************************************************************************/

body { text-align:center; }
#rahmen { width: 822px; margin: 0 auto 0 auto; }
#kopf {	height: 122px; width:100%; background: url(../graph/hg/hg-kopf.jpg) no-repeat; border-bottom:10px solid #cc3333; }
#kopf p { font-size:10px; text-align:right; padding:10px 5px 0 0;}
#rahmen-inhalt { width:100%; background: url(../graph/hg/hg-schraffur.gif); }
#info-spalte { width:234px; float:left; margin: 10px 0 0 0; }
#fuss {
	width:100%;
	height:20px;
	clear: both;
	background:#ffffff;
	padding:5px 0 0 0;
	}
#fuss p { font-size:10px; font-weight:normal; color:#333333; }
#fuss a { color:#cc3333; text-decoration:none; }
#info-spalte h1 {
	font-size: 10px;
	height:14px;
	padding:2px 0 0 5px;
	font-weight:normal;
	text-transform:uppercase;
	color:#ffffff;
	background-color:#86bcd8;
}


/* NAVIGATION HORIZONTAL
***********************************************************************************************************************/
#navigation-horizontal { width:100%; height: 15px; border-bottom: 1px dotted #878889; }
#navigation-horizontal ul { margin:0 0 0 0; list-style:none; height:12px; float:right; }
#navigation-horizontal li { display:inline; color:#cc3333; font-size:10px; }
#navigation-horizontal a { font-weight:bold; color:#cc3333; text-decoration:none; font-size:10px; }
#navigation-horizontal a.current {	color:#660000; }
#navigation-horizontal a:hover { color:#330000; }

/* NAVIGATION VERTIKAL
***********************************************************************************************************************/
#navigation { width:118px; background:#ffffff; float:left; margin: 10px 0 0 0; }
#navigation h1 {
	font-size: 10px;
	height:14px;
	padding:2px 0 0 5px;
	border-right:2px solid #ffffff;
	font-weight:normal;
	text-transform:uppercase;
	color:#ffffff;
	background-color:#cc3333;
}
#navigation ul {list-style:none; margin:0 0 10px 5px;}
#navigation li {line-height:26px; margin: 0px; padding:0px;}
#navigation a {
	font-weight:bold;
	color:#cc3333;
	text-decoration:none;
	font-size:10px;
	text-transform:uppercase;
	margin: 0px;
	padding: 0px;
}
#navigation a.current {	color:#660000; }
#navigation a:hover { color:#330000; }
#navigation p { font-size:10px; color:#333333; margin:2px 0 5px 5px; }

/* INHALT
***********************************************************************************************************************/
#inhalt { width:470px; background:#ffffff; float:left; margin: 10px 0 10px 0; }
#inhalt h1 {
	font-size: 10px;
	height:14px;
	padding:2px 0 0 5px;
	border-right:2px solid #ffffff;
	font-weight:normal;
	text-transform:uppercase;
	color:#ffffff;
	background-color:#cc3333;
}
#inhalt h1 a { text-decoration:none; color:#ffffff; }
#inhalt img { margin: 0 10px 10px 5px; float:left; border:0; }
#inhalt h2 { font-size: 12px; color:#cc3333; margin: 0 0 0 5px; }
#inhalt h2 a { color:#cc3333; text-decoration:none;	}
#inhalt h4 { font-size: 12px; color:#000; margin: 20px 0 4px 5px; }
#inhalt h3 { font-weight:normal; font-size: 10px; color:#545151; margin: 0 0 0 5px; }
#inhalt p {
	font-weight:normal;
	font-size: 10px;
	line-height:14px;
	color:#333333;
	margin: 3px 10px 0 5px;
}
#inhalt a.breadcrump { color:#cc3333; }
#inhalt table {margin:0 5px 10px 5px;}
#inhalt td {font:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#inhalt a:visited { color:#996666; }

#halfbanner img { margin: 10px 0 10px 0; padding:0 0 10px 0; border-bottom:1px dotted #878889; }

.hr { border-top: 1px dotted #9e9e9e; margin: 0 5px 10px 5px; }

/* HOROSKOP
***********************************************************************************************************************/
#horoskop h6 { font-size:12px; margin: 15px 0 0 5px; }
#horoskop h5 { font-size:10px; margin: 2px 0 2px 5px; }
#horoskop h4 { font-size:14px; margin: 20px 10px 20px 5px; }
#horoskop img { margin: 0 0 0 0; padding: 0 0 15px 0; }
#horoskop p { margin: 0 10px 15px 5px; }

/* GLUECKWUENSCHE
***********************************************************************************************************************/
#glueckwuensche h6 { font-size:12px; margin: 15px 0 0 0; }
#glueckwuensche h5 { font-size:10px; margin: 2px 0 2px 0; }
#glueckwuensche h4 { font-size:14px; margin: 20px 10px 20px 5px; }
#glueckwuensche img { margin: 0 0 0 0; padding: 0 0 0 0; float:none; }
#glueckwuensche p { margin: 0 10px 15px 5px; }



/* Breadcrumb-Navigation
************************************************************************************************************************************************/
#inhalt_detail ul.breadcrumbnavigation { border-bottom: 1px dotted #878889; /* untere Linien */ padding: 0 3px 0 3px; }
#inhalt_detail ul.breadcrumbnavigation li { display: inline; line-height: 19px; font-size:10px; }

/* ARTIKEL
***********************************************************************************************************************/
#inhalt_detail { width:470px; background:#ffffff; float:left; margin: 10px 0 10px 0; }
#inhalt_detail h1 {
	font-size: 10px;
	height:14px;
	padding:2px 0 0 5px;
	border-right:2px solid #ffffff;
	font-weight:normal;
	text-transform:uppercase;
	color:#ffffff;
	background-color:#cc3333;
	margin: 0 0 0 0;
}
#inhalt_detail h1 a { text-decoration:none; color:#ffffff; }
/*#inhalt_detail img { margin: 10px 10px 10px 5px; float:right; width: 180px; border:0; }*/
#inhalt_detail_bild { margin: 10px 10px 10px 5px; float:right; width: 180px; border:0; }
#inhalt_detail_bild .leseraktionen { margin: 10px 10px 10px 5px; float:left; width: 180px; border:0; }
#inhalt_detail_bild img { width: 180px; border:0; }

#inhalt_detail h2 { font-size: 20px; margin: 2px 0 4px 5px; }
#inhalt_detail h3 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size: 16px; margin: 2px 0 4px 5px; }
#inhalt_detail h4 {
	font-weight:normal;
	font-style:italic;
	font-size: 12px;
	line-height:16px;
	color:#333333;
	margin: 10px 0 0 5px;
}
#inhalt_detail h5 { font-weight:bold; font-size: 12px; color:#333333; margin: 14px 0 6px 5px; }
#inhalt_detail h5 a { color:#cc3333; text-decoration:none; }
#inhalt_detail h6 { font-weight:bold; font-size: 12px; color:#cc3333; margin: 10px 0 6px 5px; }
#inhalt_detail p {
	font-weight:normal;
	font-size: 12px;
	line-height:16px;
	color:#333333;
	margin: 0 10px 0 5px;
}
#inhalt_detail a { color:#cc3333; text-decoration:none; }
#inhalt_detail a:hover { color:#330000; }
#inhalt_detail a:visited { color:#996666; }
#inhalt_detail p.autor { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin: 5px 10px 10px 5px; }
#inhalt_detail p.hinweis {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border-left: 3px solid #cc3333;
	margin: 10px 10px 10px 5px;
	padding: 0 0 0 10px;
}
#inhalt_detail table {margin:0 5px 10px 5px; width:430px;}
#inhalt_detail td { font-size:12px; line-height:16px; }

#inhalt_detail p.formular-warnung { /* p */
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #9e0b00;
	margin: 5px 0 18px 0;
}

#inhalt_detail ol {
	margin: 0 0 0 30px;
	font-size: 12px;
}

#inhalt_detail li {
	margin: 0 0 5px 0;
}

#inhalt_detail .toggler { /* für Accordion */
	margin: 5px 0 0 5px;
	padding: 6px;
	display: block;
	width: 120px;
	border: 2px solid #cc3333;
	background-color: #eee;
}

/* INFO-SPALTE DETAIL-SEITE
***********************************************************************************************************************/
#info-spalte_detail { width:234px; float:left; margin: 10px 0 0 0; }
#info-spalte_detail h1 {
	font-size: 10px;
	height:14px;
	padding:2px 0 0 5px;
	font-weight:normal;
	text-transform:uppercase;
	color:#ffffff;
	background-color:#cc3333;
}
#info-spalte_detail h2 { font-size: 10px; font-weight:bold; }
#info-spalte_detail h2 a { color:#cc3333; text-decoration:none; }
#info-spalte_detail p { font-size: 10px; font-weight:normal; margin: 0 0 5px 0; color:#333333; }

/* VERANSTALTUNGSKALENDER INFO-SPALTE
***********************************************************************************************************************/
#info-spalte h3.infospalte-untertitel { font-size: 10px; font-weight:bold; margin:5px 5px 0 5px; }
#info-spalte h2.infospalte-titel { font-size: 10px; font-weight:bold; margin:5px 10px 0 5px; text-transform:uppercase; clear:both; }
#info-spalte p.infospalte-grundschrift { font-size: 10px; font-weight:normal; margin: 0 5px 10px 5px; color:#333333; }
#info-spalte a { font-size: 10px; font-weight:normal; color:#cc3333; text-decoration:none; }
.ostevents-bild { float: left; padding: 3px 5px 10px 0; }
#info-spalte_detail h3.infospalte-untertitel { font-size: 10px; font-weight:bold; margin:5px 5px 0 5px; }
#info-spalte_detail h2.infospalte-titel { font-size: 10px; font-weight:bold; margin:5px 10px 0 5px; text-transform:uppercase; clear:both; }
#info-spalte_detail p.infospalte-grundschrift { font-size: 10px; font-weight:normal; margin: 0 5px 10px 5px; color:#333333; }
#info-spalte_detail a { font-size: 10px; font-weight:normal; color:#cc3333; text-decoration:none; }

/* FORMULAR
***********************************************************************************************************************/
label { float: left; width: 136px; font-size: 12px; line-height: 18px; margin: 10px 0 0 0; }
fieldset { margin:10px 5px 10px 5px; padding: 20px 5px 5px 5px; border:1px solid #cccccc}
input.submit, input.formular-schaltflaeche { margin: 30px 0 10px 155px; background:#ffffff; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif }
input, textarea, select, input.formular-erforderlich { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 232px; 
	font-size: 12px; 
	line-height: 18px;
	border: 1px solid #cccccc;
	background: #eeeeee;
	margin: 10px 0 0 8px; /* Textausrichtung gegenüber "label" */
	padding: 2px;
}
legend { font-size:10px; font-weight:bold; color:#333333; padding: 0 5px 0 5px; }

/* Formularliste
************************************************************************************************************************************************/
ul.formular-liste {
	margin: 0 0 18px 30px;
}
ul.formular-liste li {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #9e0b00;
}


/* WETTER
***********************************************************************************************************************/
.artikel-bild-rechts { float: left; width: 190px; padding:12px 0 0 5px; }
.bild-wetter { width:190px; margin:3px 0 0 0;}
.text-links { float:left; width:250px; }

/* BEWERTUNG
***********************************************************************************************************************/
#bewertung {
	width:360px;
	float:left;
	padding:0 0 0 5px;
	margin:0 0 0 5px;
	border-left:3px solid #cc3333;
}
#bewertung h1.bewertung {
	font-size: 10px;
	font-weight:bold;
	background:0;
	border:0;
	margin:0 0 10px 0;
	color:#333333;
}
#bewertung p.bewertung { font-weight:normal; font-size:10px; }
#inhalt_detail input.bewertung {
	width:12px;
	background:#ffffff;
	border:0;
	margin:0 5px 0 0;
	padding:0;
}
.radioabstand { margin:50px 0 0 0;}