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


body {
	padding: 0px;
	margin: 0px;
	
	background-color: #CCC;
}


/* Positionierung der Contentbox in der Fenstermitte mit Außenrand */
#position {
/* Breite des Content-Divs (unabhängig vom Padding) */
	width: 984px;

/* Abstand des Fensterrands zur Contentbox */
	padding: 16px 8px 16px 8px;

/* Zentrierung */
	margin: 0px auto 0px auto;
}


#content {
/* Hintergrundfarbe im Contentbereich */
	background-color: #E3E3E3;
}




/**** Banner ****/

#content div.page_top {
/* Schriftfortmatierung */
	color: #CCC;
	font: Arial, Helvetica, sans-serif 13px;
	
/* linke obere Ecke mit Hintergrundfarbe */
	background: #841218 url(images/RoundedDarkRed10.gif) top left no-repeat;
	
/* bei nachfolgenden Div's mit Float-verhalten BREITE setzen, sonst IE6 überzeichnet diesen Div */
	width: 984px;
}

#content div.page_top div { 
/* rechte obere Ecke */
	background: url(images/RoundedDarkRed10.gif) top right no-repeat;
	
	line-height: 150px;
}	

/* oberer Bildteil des Retten-Löschen-Bergen-Schützen-Logos mit Schrift in der rechten oberen Ecke */
#content div.page_top div  div.rightbanner {
	background: url(images/rightBannerTop.gif) bottom right no-repeat;
	margin-right: 10px;
}

/* oberer Bildteil des linken Banners */
#content div.page_top div  div.leftbanner {
	background: url(images/leftBannerTop.gif) top left no-repeat;
	margin-left: 13px;
}

/*### Ende Banner */




/**** Schatten unterhalb des Banners ****/

#content div.page_topshadow {
	background: url(images/topshadow.gif) repeat-x;
	
/* bei nachfolgenden Div's mit Float-verhalten BREITE setzen, sonst IE6 überzeichnet diesen Div */
	width: 984px;
}

/* unterer Bildteil des Retten-Löschen-Bergen-Schützen-Logos mit Schrift in der rechten oberen Ecke */
#content div.page_topshadow div.rightbanner {
	background: url(images/rightBannerShadow.gif) top right no-repeat;
	margin-right: 10px;
}

/* mittlerer Bildteil des linken Banners */
#content div.page_topshadow div.leftbanner {
	background: url(images/leftBannerMiddle.gif) top left no-repeat;
	margin-left: 13px;
}

/* Anzeige der aktuellen Location unterhalb des Banners im Schattenbereich */
#content div.page_topshadow div.location {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	padding-left: 226px;
	padding-top: 4px;
	height: 16px;
}

#content div.page_topshadow div.location a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	text-decoration: none;
}

#content div.page_topshadow div.location a:hover {
	text-decoration: underline;
}

#content div.page_topshadow div.location img {
	padding-bottom: 1px;
}

/*### Ende Bannerschatten */




/**** Fußzeile ****/

#content div.page_bottom { 
/* untere linke Ecke mit Hintergrundfarbe */
	background: #841218 url(images/RoundedDarkRed10.gif) left bottom no-repeat; 
}

#content div.page_bottom div {
/* im Firefix und IE7 unnötig */
	/*padding:0; */
	
/* Höhe der Fußzeile */
	line-height: 30px; 
	
/* untere rechte Ecke */
	background: url(images/RoundedDarkRed10.gif) right bottom no-repeat;
}

/* linke Seite der Fußzeile */
#content div.page_bottom div div.left {
	background: none;
	float: left;
	padding-left: 20px;
	
	color: #a16265;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* rechte Seite der Fußzeile */
#content div.page_bottom div div.right {
	background: none;
	padding-right: 20px;
	
	font-family: "Arial Rounded MT Bold", Arial, sans-serif;
	font-size: 14px;
	color: #FFF;
	text-align: right;
}

#content div.page_bottom div div.right a {
	color: #FFF;
	text-decoration: none;
}

/* Abstand des Inhalstbereichs zur Fußzeile */
#content div.page_spacetobottom {
	line-height: 20px;

/* für das Spaltenlayout */
	clear: both;
}

/*### Ende Fußzeile */





/*##*** Bereich für den Inhalt ***##*/


/**** linke Spalte für die Navigation ***/

#columns div.leftmain {
	width: 226px;
	float: left;
}

/* unterer Bildteil des linken Banners */
#columns div.leftmain div.leftbanner {
	background: url(images/leftBannerBottom.gif) top left no-repeat;
	margin-left: 13px;
	line-height: 50px;
}


/** Navigation **/

#columns div.leftmain div#navigation {
	margin: 0px 13px 0px 13px;
}

/* mittlere Navigationszeilen */

#navigation div.middle {
	line-height: 20px;

/* linker Außenrand */
	padding-left: 2px; 
	background: #FFF url(images/dotLightRed.gif) top left repeat-y;
}

#navigation div.middle div { 
/* rechter Außenrand */
	background: #FFF url(images/dotLightRed.gif) top right repeat-y; 
}

#navigation div.middle div div { 
/* Abstend des Textes zur Box */
	padding:1px 2px 1px 1px; 
}

#navigation div.middle div div div {
/* im Firefix und IE7 unnötig */
	/*padding: 2;*/

	
/* Hintergrundfarbe zum Text */
	background-image: none; 
	background-color: #f0f0f0;
}

/* Sublinks */
#navigation div.middle div.sub {
/* nur vorrübergehend, bis passende Icons gefunden sind */
	color: #666;
	
	line-height: 15px;
}


/* Abschlussrand der Navigation */

#navigation div.bottom { 
/* untere linke Ecke mit Hintergrundfarbe */
	background: #BD3232 url(images/RoundedLightRed2.gif) left bottom no-repeat; 
}

#navigation div.bottom div {
/* im Firefix und IE7 unnötig */
	/*padding:0; */
	
/* Randstärkenbegrenzung */
	line-height: 2px; 
	
/* untere rechte Ecke */
	background: url(images/RoundedLightRed2.gif) right bottom no-repeat;
}


/* Formatierung der Navgationlinks */

#navigation div.middle a {
/* Schriftformatierung */
	font-family: "Arial Rounded MT Bold", Arial, sans-serif;
	font-size: 14px;
	color: #841218;
	
	text-decoration: none;
	display: block;
	padding-left: 14px;
}

#navigation div.middle a:hover {
	color: #844549;
	background-color: #e3e3e3;
}
#navigation div.middle a.active {
	background-color: #e3e3e3;
}

#navigation div.middle a.sub {
	font-size: 12px;
	color: #666;
	
	text-decoration: none;
	padding-left: 18px;
}

#navigation div.middle a.sub:hover {
	color: #333;
	background-color: #e3e3e3;
}
#navigation div.middle a.sub .active {
	background-color: #e3e3e3;
}

/*### Ende Navigation */




/**** Rechte Spalte für die Hauptbox und die Flashboxen ****/

/* Abstand zum Schatten des Banners */
#columns div.spacetotop {
	line-height: 20px;
}

/* Hauptcontainer für die linke und rechte Subspalte. */
/* Beim Weglassen der Subspalten muss die Breite von #columns div.rightmain div.leftsub angepasst werden. */
#columns div.rightmain {
	width: 758px;
	float: left;
}



/**** linke Spalte für die Hauptbox ****/

#columns div.rightmain div.leftsub {
	width: 556px;
	margin: 0px 13px 0px 13px;
	float: left;
}

/* Anpassung der Margin für den IE6 */
* html #columns div.rightmain div.leftsub {
	margin: 0px 13px 0px 8px;
}


/* Topbereich Hauptbox */

#maincontent div.top {
/* Schriftfortmatierung */
	font-family: "Arial Rounded MT Bold", Arial, sans-serif;
	font-size: 18px;
	color: #eee;
	
/* linke obere Ecke mit Hintergrundfarbe */
	background: #841218 url(images/RoundedDarkRed2.gif) top left no-repeat;
}

#maincontent div.top div { 
/* Abstand der Überschrift zum Rand */
	padding: 8px 10px;

/* da im #content div.top div die line-height überschrieben werden muss */
	line-height: 25px;
	
/* rechte obere Ecke */
	background: url(images/RoundedDarkRed2.gif) top right no-repeat;
}	


/* Mittelteil Hauptbox */

#maincontent div.middle {
/* Schriftformatierung */

/* linker Außenrand */
	padding-left: 2px;
	background: #FFF url(images/dotDarkRed.gif) top left repeat-y;
}

#maincontent div.middle div { 
/* rechter Außenrand */
	padding-right: 2px;
	background: #FFF url(images/dotDarkRed.gif) top right repeat-y; 
}

#maincontent div.middle div div { 
	background-image: none; 
	background-color: #f0f0f0;
}


/* unterer Bereich Hauptbox */

#maincontent div.bottom { 
/* untere linke Ecke mit Hintergrundfarbe */
	background: #841218 url(images/RoundedDarkRed2.gif) left bottom no-repeat; 
}

#maincontent div.bottom div {
/* im Firefix und IE7 unnötig */
	/*padding:0; */
	
/* Randstärkenbegrenzung */
	line-height: 2px; 
	
/* untere rechte Ecke */
	background: url(images/RoundedDarkRed2.gif) right bottom no-repeat;
}

/*### Ende linke Spalte für die Hauptbox */




/**** rechte Spalte für die Flashboxen ****/

#columns div.rightmain div.rightsub {
	width: 150px;
	margin: 0px 13px 0px 13px;
	float: left;
}

/* Anpassung der Margin für den IE6 */
* html #columns div.rightmain div.rightsub {
	margin: 0px 10px 0px 8px;
}

/*### Ende rechte Spalte für die Flashboxen */


/*##*** Edne Bereich für den Inhalt */