/*	

	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: 80px; width:100%; border-bottom:4px solid #333333; }
#kopf p { font-size:10px; text-align:right; padding:10px 5px 0 0;}
#rahmen-inhalt { width:100%; }
#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;
	border-top:4px solid #333333;
	}
#fuss p { font-size:10px; margin:0 0 0 120px; font-weight:normal; color:#333333; }
#fuss a { color:#48748d; 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;
}
#info-spalte p {
	font-size: 12px;
	margin:10px 5px 10px 5px;
	line-height:16px;
	font-weight:normal;
	color:#333;
}
#info-spalte h2 { font-size: 12px; line-height:16px; font-weight:bold; }

/* 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:#45606d;
}
#navigation ul {list-style:none; margin:0 0 10px 5px;}
#navigation li {line-height:26px;}
#navigation a {
	font-weight:bold;
	color:#48748d;
	text-decoration:none;
	font-size:10px;
	text-transform:uppercase;
}
#navigation a.current {	color:#993333; }
#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:#45606d;
}
#inhalt h1 a { text-decoration:none; color:#ffffff; }
#inhalt img { margin: 0 10px 10px 5px; border:0; }
#inhalt h2 { font-size: 14px; color:#000000; margin: 15px 0 15px 5px; }
#inhalt h2 a { color:#48748d; text-decoration:none;	}
#inhalt h4 { font-size: 14px; color:#000; margin: 20px 0 4px 5px; }
#inhalt h3 { font-weight:normal; font-size: 12px; color:#545151; margin: 0 0 0 5px; }
#inhalt h6 {
	font-size: 10px;
	height:14px;
	padding:2px 0 0 0;
	font-weight:normal;
	color:#333333;
	border-bottom:1px solid #45606d;
	margin:15px 0 0 0;
}
#inhalt p {
	font-weight:normal;
	font-size: 12px;
	line-height:16px;
	color:#333333;
	margin: 5px 10px 10px 5px;
}
#inhalt a.breadcrump { color:#48748d; }
#inhalt table {margin:0 5px 10px 5px;}
#inhalt td {font:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#inhalt a, a:visited { color:#45606d; text-decoration:none; }
#inhalt a:hover { color:#330000; }

#inhalt ul { margin: 10px 0 10px 25px }
#inhalt li { font-size:12px; color:#333333; line-height:16px; }

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



/* 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:#45606d;
	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 img { width: 180px; border:0; }
#inhalt_detail h2 { font-size: 20px; margin: 10px 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:#48748d; text-decoration:none; }
#inhalt_detail h6 { font-weight:bold; font-size: 12px; color:#45606d; 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:#48748d; text-decoration:none; }
#inhalt_detail a:hover { color:#330000; }
#inhalt_detail a:visited { color:#45606d; }
#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 #45606d;
	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; }



/* 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:#45606d;
}
#info-spalte_detail h2 { font-size: 10px; font-weight:bold; }
#info-spalte_detail h2 a { color:#48748d; 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:#48748d; 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:#48748d; text-decoration:none; }

/* FORMULAR
***********************************************************************************************************************/
label { float: left; width: 136px; text-align:right; font-size: 12px; line-height: 18px; margin: 10px 0 0 0; }
fieldset { margin:10px 2px 10px 0; padding: 20px 5px 5px 5px; border:1px solid #cccccc}
input.submit { 
	margin: 30px 0 10px 146px; 
	background:#45606d; 
	text-transform:uppercase; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
}
input, textarea, select, input.formular-erforderlich { 
	width: 232px; 
	font-size: 12px; 
	line-height: 18px;
	border: 1px solid #45606d;
	background: #fff;
	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; }


/* 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; }