/***********************************************/
/* CSS Dokument für www.feuerwehr-rems-murr.de */
/*            Kategorie: Design                */
/*         (C) 2007 Patrick Bellon             */
/***********************************************/

* { /* gilt für alle Tags! */
	margin:0;
	padding:0;
	font-weight:normal;
}

html { /* bg immer auf 100% */
	height:100%;
}

body {
	background:#bf0e13;
	font:62.5% Tahoma, Arial, sans-serif;
	color:#1a1a1a;
	line-height:1.6em;
	text-align:center; /* IE Hack */
	height:100%;
}

#wrap { /* Haupt DIV-Tag */
	width:830px;
	margin:0 auto; /* normaler Weg */
	text-align:left; /* wegen dem IE Hack oben */
	background:url("../img/aufbau/body_bg.gif") repeat-y;
	padding-left:15px;
	min-height: 100%;
  	height:auto !important; /* moderne Browser */
  	height:100%; /* IE */
	position:relative;
}

p {
	font-size:1.2em;
	margin:0 15px 10px 15px;
}

strong {
	font-weight:bold;
}


/***********************************************************/
/* Hyperlinks                                              */
/***********************************************************/
#content p a {
	color:#bf0e13;
	text-decoration:none;
}
#content p a:hover {
	text-decoration:underline;
}


/***********************************************************/
/* Header                                                  */
/***********************************************************/
#header {
	display:block;
	background:url("../img/aufbau/header.png");
	height:150px;
	width:800px;
}



/***********************************************************/
/* Balken                                                  */
/***********************************************************/
#balken {
	background:url("../img/aufbau/balken_bg.png") repeat-x;
	text-align:right;
	padding:7px 10px 7px 0;;
	color:#FFFFFF;
	margin-right:30px;
}
#balken a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:1.2em;
	margin:0 5px;
}
#balken a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}


/***********************************************************/
/* Navigation                                              */
/***********************************************************/
#navigation {
	width:200px;
	float:left;
	margin-top:15px;
}
/* Hauptnavigation */
ul#hauptnavigation {
	list-style-type:none;
}
ul#hauptnavigation li a {
	background:url("../img/aufbau/nav_hover.gif") no-repeat;
	display:block;
	padding:7px 15px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:1.2em;
	margin-bottom:10px;
}
ul#hauptnavigation li a:hover {
	background:url("../img/aufbau/nav2_bg.png") no-repeat;
	color:#000000;
}
/* Unternavigation */
ul#subnavigation {
	list-style-type:none;
	margin-bottom:10px;
}
ul#subnavigation li a {
	display:block;
	padding:3px 0 3px 15px;
	text-decoration:none;
	color:#bf0e13;
	font-size:1.2em;
}
ul#subnavigation li a:hover {
	color:#000000;
}




/***********************************************************/
/* Content                                                 */
/***********************************************************/
#content {
	width:600px;
	float:right;
	margin-right:30px;
	margin-top:15px;
}
/* Topnews */
#topnews img {
	margin:0 15px 15px 15px;
	float:left;
}
#topnews .info {
	color:#595959;
	margin-bottom:5px;
	font-size:1.1em;
}
#topnews .headline {
	color:#bf0e13;
	font-size:1.4em;
	margin-bottom:5px;
	margin-top:-2px;
}
#topnews .content {
	font-size:1.2em;
	text-align:justify;
	margin-right:15px;
}
#topnews .content a {
	color:#bf0e13;
	text-decoration:none;
}
#topnews .content a:hover {
	text-decoration:underline;
}
/* Schlagzeilen - Tabelle */
#schlagzeilen {
	margin-top:15px;
}
#schlagzeilen .headline {
	background:url("../img/aufbau/table_head_bg.png") repeat-x;
	font-size:1.2em;
	color:#FFFFFF;
	margin:0 15px;
	padding:7px 0 7px 15px;
}
#schlagzeilen table {
	font-size:1.1em;
	margin:0 15px;
	width:570px;
}
#schlagzeilen table caption {
	text-align:left;
	padding:4px 0 4px 15px;
	font-size:1.2em;
	color:#FFFFFF;
	background:url("../img/aufbau/table_head_bg.png") repeat-x;
}
#schlagzeilen table td {
	padding:2px 0;
}
#schlagzeilen table tr.header {
	font-weight:bolder;
	color:#800000;
}
#schlagzeilen table tr.row0 {
	background:url("../img/aufbau/table_cell_bg.png") repeat-x;
}
#schlagzeilen table tr.row1 {
}
#schlagzeilen table tr.row0 .date, #schlagzeilen table tr.row1 .date {
	padding-left:15px;
}
#schlagzeilen table tr.row0 .category, #schlagzeilen table tr.row1 .category {
	color:#595959;
}
#schlagzeilen table tr.row0 .content a, #schlagzeilen table tr.row1 .content a {
	color:#bf0e13;
	text-decoration:none;
}
#schlagzeilen table tr.row0 .content a:hover, #schlagzeilen table tr.row1 .content a:hover {
	text-decoration:underline;
}



/***********************************************************/
/* Artikel                                                 */
/***********************************************************/
ul.related_topics { /* Mehr zum Thema - Box */
	background:url("../img/aufbau/related_topics_bg_content.gif") repeat-y;
	float:right;
	width:213px;
	list-style-type:none;
	margin:0 11px;
}
ul.related_topics li.top {
	background:url("../img/aufbau/related_topics_bg_top.gif") repeat-y;
	display:block;
	height:7px;
}
ul.related_topics li.bottom {
	background:url("../img/aufbau/related_topics_bg_bottom.gif") repeat-y;
	display:block;
	height:7px;
}
ul.related_topics li a {
	color:#1a1a1a;
	text-decoration:none;
	display:block;
	padding:2px 0;
	padding-left:18px;
	margin:0 15px;
	font-size:1.1em;
	background:url("../img/aufbau/related_topics_a_arrow.gif") no-repeat;
	background-position:left;
}
ul.related_topics li a:hover {
	color:#bf0e13;
	text-decoration:none;
}

/***********************************************************/
/* Footer                                                  */
/***********************************************************/
#footer {
	position:absolute;
	background:url("../img/aufbau/balken_bg.png") repeat-x;
	margin:0 auto;
	width:785px;
	clear:both;
	padding:7px 15px 7px 0;
	color:#FFFFFF;
	text-align:right;
	font-size:1.2em;
	bottom: -1px; /* important for I.E. */
	bottom: 0 !important;
}


/***********************************************************/
/* Bilder                                                  */
/***********************************************************/
img.floatl {
	margin:5px 11px;
	margin-bottom:10px;
	float:left;
}
img.floatr {
	margin:0 11px;
	float:right;
}



/***********************************************************/
/* Überschriften                                           */
/***********************************************************/
h1 { /* Hauptüberschriften - bei Artikeln und statischen Seiten */
	color:#bf0e13;
	font-size:2.8em;
	margin:2px 15px 25px 15px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
h2 { /* alle Unterueberschriften */
	margin:0 15px 7px 15px;
	color:#bf0e13;
	font-size:1.6em;
	border-bottom:1px solid #CCCCCC;
	padding-bottom:2px;
}
h3 {
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 5px 15px;
}
h6 { /* Kategorie und Datum bei Artikel */
	color:#595959;
	margin:0 15px 5px 15px;
	font-size:1.1em;	
}
h7 { /* Verwandte Themen */
	color:#bf0e13;
	font-size:1.2em;
	margin:0 14px;
	margin-bottom:3px;
	padding-bottom:5px;
	padding-top:5px;
	border-bottom:1px solid #999999;
	display:block;
}



ul.list {
	font-size:1.2em;
	margin:0 15px 10px 30px;
}
ul.list li {
	margin-bottom:5px;
}