@charset "utf-8";
/* CSS Document */

/* hide hack from Mac-IE5 \*/
* html .box_content { height: 1%; }
/* end hiding */

body {
    margin: 0;
	background-color: #eae7e7;
	background: url(../images/layout/background.jpg) no-repeat top center;
	font-family: Verdana, Georgia, "Times New Roman", Times, serif;
	font-size: small;
}

img {
	border: none;
}

p {
	line-height: 1.5em;
	font-size: 88%;
	text-align: justify;
}

/* CONTAINER DIE GESAMTE SEITE AUFNIMMT */
#main_container {
	width: 980px;
	margin: auto;
}

/* KOPF DER WEBSITE */
#header {
	margin: 0;
}

#space_box {
	background-color: #FF0000;
	height: 20px;
	margin-top: 1px;
}

/* EINFÜGEN DER SUBNAVIGATION */
#subnav {
	float: right;
	margin-top: 1px;
	padding: 0;
	background-color: #FF0000;
	list-style: none;
}

#wrap {
    width: 980px;
	margin-top: 1px;
	background-image: url(../images/layout/bg_main.jpg);
	background-repeat: repeat-y;
}

#box_1 {
	float: left;
	width: 180px;
}

#box_2 {
	float: left;
	width: 590px;
	padding: 20px 15px 20px 15px;
	background-color: #eae7e7;
	color: #444;
}

#box_3 {
	float: left;
	width: 180px;
	background-color:#FF0000;
}

#space {
	font-size: 80%;
	color: #fff;
	padding: 20px 10px 0 10px;
	height: 300px;
	text-align: center;
}

#space a {
	color: #fff;
	font-size: 95%;
}

.clearer {
	clear: both;
}

#footer{
	margin-top: 1px;
	background-color: #FF0000;
	text-align: center;
	padding: 4px 0 4px 0;
	color: #FFF;
	font-size: 80%;
}

#footer a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

#navigation {
	list-style: none;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	margin: auto;
}

#navigation a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 1px 5px 1px 5px;
	height: 1%;
}

/* NAVIGATION */
#navigation a:hover, body#home #t-home a {background-image:url(../images/layout/bg_navigation.jpg);color: #ff0000;}
#navigation a:hover, body#chronik #t-chronik a {background-image:url(../images/layout/bg_navigation.jpg); color: #ff0000;}
#navigation a:hover, body#ueberuns #t-ueberuns a{background-image:url(../images/layout/bg_navigation.jpg);color: #ff0000;}
	#navigation a:hover, body#kommando #t-kommando a {background-image:url(../images/layout/bg_navigation.jpg); background-position: right; color: #ff0000;}
	#navigation a:hover, body#wehrausschuss #t-wehrausschuss a {background-image:url(../images/layout/bg_navigation.jpg); background-position: right; color: #ff0000;}
#navigation a:hover, body#ausruestung #t-ausruestung a {background-image:url(../images/layout/bg_navigation.jpg);color: #ff0000;}
	#navigation a:hover, body#mtf #t-mtf a {background-image:url(../images/layout/bg_navigation.jpg); background-position: right;  color: #ff0000;}
	#navigation a:hover, body#tlf #t-tlf a {background-image:url(../images/layout/bg_navigation.jpg); background-position: right;  color: #ff0000;}
	#navigation a:hover, body#ruesthaus #t-ruesthaus a {background-image:url(../images/layout/bg_navigation.jpg); background-position: right;  color: #ff0000;}
#navigation a:hover, body#einsaetze #t-einsaetze a {background-image:url(../images/layout/bg_navigation.jpg);color: #ff0000;}
	#navigation a:hover, body#s2008 #t-s2008 a {background-image:url(../images/layout/bg_navigation.jpg); background-position: right;  color: #ff0000;}
	#navigation a:hover, body#s2009 #t-s2009 a {background-image:url(../images/layout/bg_navigation.jpg); background-position: right;  color: #ff0000;}
#navigation a:hover, body#s2010 #t-s2010 a {background-image:url(../images/layout/bg_navigation.jpg); background-position: right;  color: #ff0000;}
#navigation a:hover, body#s2011 #t-s2011 a {
	background-image:url(../images/layout/bg_navigation.jpg);
	background-position: right;
	color: #ff0000;
}
#navigation a:hover, body#s2012 #t-s2012 a {
	background-image:url(../images/layout/bg_navigation.jpg);
	background-position: right;
	color: #ff0000;
}

#navigation a:hover, body#diesdas #t-diesdas a {background-image:url(../images/layout/bg_navigation.jpg); background-position: right;  color: #ff0000;}
	#navigation a:hover, body#backdraft #t-backdraft a {background-image:url(../images/layout/bg_navigation.jpg); background-position: right;  color: #ff0000;}
	#navigation a:hover, body#flashover #t-flashover a {background-image:url(../images/layout/bg_navigation.jpg); background-position: right;  color: #ff0000;}
	#navigation a:hover, body#kaminbrand #t-kaminbrand a {background-image:url(../images/layout/bg_navigation.jpg); background-position: right;  color: #ff0000;}
	
	#navigation a:hover, body#zivilschutz #t-zivilschutz a {background-image:url(../images/layout/bg_navigation.jpg); background-position: right;  color: #ff0000;}
	#navigation a:hover, body#brand #t-brand a {background-image:url(../images/layout/bg_navigation.jpg); background-position: right;  color: #ff0000;}
#navigation a:hover, body#termine #t-termine a {background-image:url(../images/layout/bg_navigation.jpg);color: #ff0000;}
	#navigation a:hover, body#suetermine #t-suetermine a {background-image:url(../images/layout/bg_navigation.jpg); background-position: right; color: #ff0000;}
	#navigation a:hover, body#sveranstaltungen #t-sveranstaltungen a {background-image:url(../images/layout/bg_navigation.jpg); background-position: right;  color: #ff0000;}
	#navigation a:hover, body#ssonstige #t-ssonstige a {background-image:url(../images/layout/bg_navigation.jpg); background-position: right;  color: #ff0000;}
#navigation a:hover, body#photos #t-photos a {background-image:url(../images/layout/bg_navigation.jpg);color: #ff0000;}
	#navigation a:hover, body#fdepotzubau #t-fdepotzubau a {background-image:url(../images/layout/bg_navigation.jpg); background-position: right;  color: #ff0000;}
#navigation a:hover, body#fveranstaltungen #t-fveranstaltungen a {background-image:url(../images/layout/bg_navigation.jpg); background-position: right;  color: #ff0000;}
#navigation a:hover, body#feinsaetze #t-feinsaetze a {background-image:url(../images/layout/bg_navigation.jpg); background-position: right;  color: #ff0000;}
#navigation a:hover, body#fuebungen #t-fuebungen a {background-image:url(../images/layout/bg_navigation.jpg); background-position: right;  color: #ff0000;}
#navigation a:hover, body#downloads #t-downloads a {background-image:url(../images/layout/bg_navigation.jpg); color: #ff0000;}
#navigation a:hover, body#kontakt #t-kontakt a {background-image:url(../images/layout/bg_navigation.jpg); background-position: right;  color: #ff0000;}
	#navigation a:hover, body#kontakt_kommando #t-kontakt_kommando a {background-image:url(../images/layout/bg_navigation.jpg); background-position: right;  color: #ff0000;}
	#navigation a:hover, body#kontakt_webmaster #t-kontakt_webmaster a {background-image:url(../images/layout/bg_navigation.jpg); background-position: right;  color: #ff0000;}
#navigation a:hover, body#links #t-links a {background-image:url(../images/layout/bg_navigation.jpg); background-position: right;  color: #ff0000;}
	#navigation a:hover, body#abschnittirdning #t-abschnittirdning a {background-image:url(../images/layout/bg_navigation.jpg); background-position: right; color: #ff0000;}
	#navigation a:hover, body#wissenswertes #t-wissenswertes a {background-image:url(../images/layout/bg_navigation.jpg); background-position: right;  color: #ff0000;}
	#navigation a:hover, body#sonstiges #t-sonstiges a {background-image:url(../images/layout/bg_navigation.jpg); background-position: right; color: #ff0000;}
	#navigation a:hover, body#berichte #t-berichte a {background-image:url(../images/layout/bg_navigation.jpg); background-position: right; color: #ff0000;}
#t-mtf, #t-tlf, #t-ruesthaus, #t-kommando, #t-wehrausschuss, #t-suetermine, #t-sveranstaltungen,
#t-ssonstige, #t-fuebungen, #t-fveranstaltungen, #t-feinsaetze, #t-fdepotzubau, #t-wissenswertes, #t-irdning, #t-sonstiges, 
#t-sponsoren, #t-abschnittirdning, #t-wissenswertes, #t-kontakt_kommando, #t-kontakt_webmaster, #t-backdraft, #t-flashover, #t-kaminbrand, #t-brand, #t-s2008, #t-s2009, #t-s2010, #t-s2011, #t-s2012, #t-zivilschutz , #t-berichte{
	color: #ff0000;
	padding: 0 0 0 20px;
	font-size: 70%;
}

/* ALLGEMEINE STYLES */
a {
	text-decoration: none;
	color: #ff0000;
}

a:active, a:focus {
	outline: none;
}

a:hover {
	text-decoration: none;
	color: #ff0000;
	font-weight: bold;
}

.to_top a{
	font-size: 70%;
}

.to_top a:hover {
	font-weight: bold;
}

.fright {
	float:right;
	padding: 5px 0 5px 8px;
}

.fleft {
	float:left;
	padding: 15px 8px 5px 0;
}

/* ÜBERSCHRIFTEN*/
h1 {
	font-size: 130%;
	color:#666;
}

h3 {
	font-size: 120%;
	color: #666;
	border-bottom: 1px dotted #666
}

h4 {
	font-size: 120%;
	color: #FF0000;
}

h5 {
	font-size: 110%;
	color: #666;
	margin: 0;
	border-bottom: 1px dotted #666;
}

/* TABELLEN */
#table_downloads {
	width: 80%;
	margin-top: 30px;
}

.table_termine {
	width: 90%;
	margin: auto;
	margin-top: 50px;
}

#table_sponsoren {
	width: 500px;
	margin: auto;
	margin-top: 20px;
}

.bg_sponsoren_1 {
	background-color: #ddd;
	padding: 10px;
}

.bg_sponsoren_2 {
	background-color: #b5b4b4;
	padding: 10px;
}

.table_termine_head {
	background-color:#ff0000;
	color: #FFF;
}

.bg_1 {
	background-color: #ddd;
	padding: 4px 8px;
}

.bg_2 {
	background-color: #b5b4b4;
	padding: 4px 8px;
}

.bg_1c {
	background-color: #ddd;
	text-align: center;
	padding: 4px 0;
}

.bg_2c {
	background-color: #b5b4b4;
	text-align: center;
	padding: 4px 0;
}

/* Conatainer für die Ausrüstung */
#beschreibung {
	padding: 10px 0;
	width: 590px;
	margin: auto;
	float: left;
}

#beschreibung dl{
	margin: 10px 0;
	padding: 0;	
	float: left;
	width: 590px;
	display: inline;
}

#beschreibung dt{
	float: right;
	margin: 0;
	padding: 0;
	width: 272px;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ff0000;
}

#beschreibung dd{
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-size: 88%;
	text-align: justify;
}

#beschreibung dd.img_beschreibung img {
	float: left;
	margin: 0 8px 0 0;
	padding: 4px;
	border: 1px solid #D9e0e6;
	border-bottom-color: #c8cdd2;
	border-right-color: #c8cdd2;
	background: #fff;
}

/* Umgekehrter Float */
#beschreibung .alt dt {
	float: left;	
}

#beschreibung .alt dd.img_beschreibung img {
	float: right;
	margin: 0 0 0 8px;	
}

#box_einsaetze {
	float: left;
	width: 590px;
	padding: 10px 0;
}

#box_einsaetze dl{
	float: left;
	width: 550px;
	margin: 10px 20px;
	padding: 0;	
	display: inline; /*fixt den Bug der Randverdoppelung im IE/WIN */
}

/* verhindert das umfließen des Textes um das Bild */
#box_einsaetze dl dd.img {
	margin: 0;
}

#box_einsaetze dt{
	float: right;
	width: 422px;
	margin: 0;
	padding: 0;
	font-size: 110%;
	font-weight: normal;
	letter-spacing: 1px;
	color: #ff0000;
}

#box_einsaetze dd {
	margin: 0 0 0 128px;
	padding: 0;
	font-size: 85%;
	line-height: 1.5em;
	text-align: justify;
	color: #666;
}

#box_einsaetze dd.img img {
	float: left;
	margin: 0 8px 0 0;
	padding: 4px;
	border: 1px solid #D9e0e6;
	border-bottom-color: #c8cdd2;
	border-right-color: #c8cdd2;
	background: #fff;
}

#box_einsaetze dd.text p {
	font-size: 100%;
}

.box_container {
	margin: 0 0 0 16px;
	width: 557px;
}
.box_top {
	background: url(../images/layout/box_top.jpg) no-repeat;
	height: 37px;
	padding: 20px 0 0 85px;
	color: #fff;
	font-size: 120%;
}

.box_content {
	background: url(../images/layout/box_content.jpg) repeat-y;
	padding: 5px 15px 5px 15px;
}

.box_bottom {
	background: url(../images/layout/box_bottom.jpg) no-repeat;
	height: 4px;
}
#navigation a:hover, body#zivilschutz #t-zivilschutz a {
	background-image:url(../images/layout/bg_navigation.jpg);
	background-position: right;
	color: #ff0000;
}