/*                                                                            */
/* style_screen.css                                                           */
/* Definition der einzelnen Abschnitte und Elemente auf der Homepage          */
/* Freiwillige Feuerwehr Gersthofen                                           */
/*                                                                            */
/* Schematische Uebersicht der Homepage                                       */
/*                                                                            */
/* +------------------------------------------------------------------------+ */
/* |                                                                        | */
/* | #SeiteTop#                    Logo                                     | */
/* |                                                                        | */
/* +------------------------------------------------------------------------+ */
/* | #AnzeigePfad#    Anzeige der aktuellen Position innerhalb der HP       | */
/* +-------------+--------------------------------------------+-------------+ */
/* |#Navigation# |             #BereichInhalt#                |   #Info#    | */
/* |             |                                            |             | */
/* |             |                                            |             | */
/* |             |                                            |             | */
/* | Hauptmenue  |               Seiteninhalt                 | Infobereich | */
/* |             |                                            |             | */
/* |             |                                            |             | */
/* |             |                                            |             | */
/* +-------------+--------------------------------------------+-------------+ */
/* | #Fusszeile#     mit     Impressum, Kontakt, Links, Gaestebuch          | */
/* +------------------------------------------------------------------------+ */
/*                                                                            */


/* Allgemeine Einstellungen; keinen direkten Einfluss auf das Design der Seite. 
   KEINE Veraenderungen vornehmen!!! */
html {
	height: 100.1%;
	font-size: 100.01%;  /* Font-Size-Bug in Safari, aelteren Operas und IE umgehen */
}

body {
	/* text-align: center; */
	font: 1.0em/1.5em Verdana, Arial, sans-serif;
	background: url(images/startseite/hintergrund.gif) #FFFFFF;
}

/* Alle browserspezifischen Einstellungen ausschalten! */
* {margin: 0px; padding: 0px; border: 0px;}



/*	Allgemeine Spezifikation der Ueberschriften 
	Für ALLE Überschriften gueltig               */
h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, sans-serif; 
}

/*	Größte Ueberschrift wird mit h1 bezeichnet 
	Alle weiteren Ueberschriften werden der Reihe nach immer kleiner  
	
	Ueberschrift h1:  Hauptueberschrift                                */
h1 {
	font-size: 1.4em;
	font-weight: bold;
	color: #870010;
    padding: 0.3em 0.3em 0.3em 0.5em;
    /*background-color: #870010;*/    			/* Hintergrundfarbe Dunkelrot #870010; oder #a5404c; */
	
}
/*	h2: Ueberschrift die der Hauptueberschrift folgt
	h3: Ueberschrift der einzelnen Nachrichten
	h4: Ueberschrift Hauptmenue
	h5:
	h6:
*/
h2 {font-size: 1.0em; font-weight: bold; margin-bottom: 10px; margin-top: 5px;}
h3 {font-size: 1.0em; font-weight: bold; padding-left: 0.3em; color: #870010;}
h4 {font-size: 0.8em; padding-left: 0.3em; background: #870010; color: white;}
h5 {font-size: 0.8em; font-weight: normal;}
h6 {}


/* Aussehen der Links definieren */
a {
    text-decoration: none;
}
a:link {}
a:visited {}
a:hover {}
a:active {}

a.ext {	
	background: url(images/link_ext.png) no-repeat left bottom; 
	padding-left: 16px;
	color: #870010;
}

div#Aktuelles p.boxtext a:link {
    color: #870010;
}

div#Aktuelles p.boxtext a:hover {
    color: white;
	background: #870010;
}

/*	Beginn div#wrapper
	
	Dieser Container umschliesst die gesamte Seite.
	Es werden Einstellungen vorgenommen, die die gesamte Seite betreffen:
	Seitenabstaende zum Browserfenster	
*/
div#wrapper {
	width: 989px;
	background: url(images/startseite/hintergrund.gif) #cccccc;
	margin: 10px 10px;
}


/*	Beginn div#SeiteTop

    Logo ganz oben quer ueber die Seite 
*/
div#SeiteTop {
	/* Sollte Image kleiner sein als die Seitenbreite, dann sollte das Logo 
	   zentriert dargestellt werden  */
	text-align: center;
	/* und in den verbleibenden Freiraeumen ebenfalls das Hintergrund der Seite
	   dargestellt werden.  */
	background: url(images/startseite/hintergrund.gif) #cccccc;
}


/*	Beginn div#AnzeigePfad

	Hier wird dem Benutzer der Seite die aktuelle Position innerhalb der
	Homepage angezeigt
*/
div#AnzeigePfad {
	background: #cccccc;		/* Hintergrundfarbe Grau */
	color: white;				/* Schriftfarbe weiss */
	padding: 0px 5px;			/* Abstand der Schrift zum grauen Rahmen */
}


/*	Beginn div#wrap_Navigation

	...und weils so schoen ist, nochmal ein Container
*/
div#wrap_Navigation {
	float: left;
	width: 160px;
	background: #cccccc;
	margin: 10px 0px;
}

div#wrap_Navigation img {
	width: 160px;
	margin-top:20px;
}

/*	Beginn div#Navigation

	Einstellungen, die das Aussehen des Navigationsmenues am linken Rand der
	Homepage betreffen
*/

ul#Navigation {
    margin: 0; 
	padding: 2px 5px;
    border: 1px solid #870010;
}

* html ul#Navigation {  /* Korrekturen fuer IE 5.x */
    width: 11.6em;
    w\idth: 10em;
    padding-left: 0;
    padd\ing-left: 0.8em;
}

ul#Navigation li {
    list-style: none;
    margin: 10px 5px; 
	padding: 0px;
	font-size: 0.8em;
}

ul#Navigation li.hauptpunkt {
    list-style: none;
	background: white;
	margin: 10px 5px 5px 5px;
	padding: 0px 0px 0px 5px;
}

ul#Navigation li.submenu {
    list-style: none;
	background: white;
	margin: 0px 5px 5px 15px;;
}

#Navigation li a {
	display: block;
    text-decoration:none;
	color: black;
	background: white;
	padding-left: 8px;
}

#Navigation li a:hover{
    padding-left: 3px;
	border-left: 5px solid #870010;
}

#Navigation li a.active_link {
    /*color: white; background: #870010;*/
	color: #870010;
    /*border-left: 5px solid #870010;*/
}



/*	Beginn div#wrap_content

	Nochmal ein allgemeiner Container. Dieser umschliesst den Inhalt der Seite;
	ohne Seitenkopf (Logo), AnzeigePfad und Navigation
*/
div#wrap_content { margin: 10px 0px; }



/*	Beginn div#BereichInhalt	

*/
div#BereichInhalt {
	background: #cccccc;
	margin-left: 180px;			/* BereichInhalt nach rechts verschieben */
	border: 1px solid #870010;	/* Rahmen um den Seiteninhalt */
}


/*	Beginn div#Inhalt_Startseite 			
	Definitionen, die NUR die Startseite (index.html) betreffen!
*/
div#Inhalt_Startseite {
	float: left;
	width: 540px;
	background: #ffffff;
	margin: 10px 10px;
	padding: 10px 10px;	
}

div#Inhalt_Startseite img {
	/*width: 520px;*/
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #cccccc;
}

div#Inhalt_Startseite p.info_on_top {
    text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	color: #870010;
	margin-top: 15px;
	margin-bottom: 25px;
}



/*	Beginn div#Inhalt 			
	Definitionen, die fuer ALLE anderen Seiten gueltig sind
*/
div#Inhalt {
	background: #ffffff;
	margin: 10px 10px;
	padding: 10px 10px;	
}

div#Akt_Einsaetze {
	width: 215px;
	margin-top: 25px;
	margin-left: 580px;
}

/*	Beginn div#Aktuelles

*/
div#Aktuelles {
	width: 195px;
	background: #ffffff;
	margin: 10px 10px;
	margin-left: 580px;
	padding: 10px 10px;
	border: 1px solid #870010;
}

div#Aktuelles img {
	float: left;
	width: 70px;
	margin: 8px 8px 0px 0px;
	border: 1px solid #cccccc;
}

#Aktuelles p.boxtext {
	padding: 0px;
	margin: 5px 0px 0px 0px;
	font-size: 0.7em; 
	line-height: 1.4em;
	background: white;
}

/*	Liste Aktuelles/Informationen auf der Startseite	*/
#Aktuelles ul {
	font-size: 0.7em;
	list-style-position: inside;
	list-style-image: url(images/startseite/pfeil_klein.png);
}

/*	Beginn img
	Einstellungen zur Darstellung eingebundener Bilder	
*/
img.klein {
	float: left;
	width: 300px;
	vertical-align: top;
	margin: 5px 35px 10px 0px;
	border: 2px solid #cccccc;
}

img.kfz {
	float: left;
	width: 390px;
	vertical-align: top;
	border: 2px solid #cccccc;
}

img.origin {
	float: left;
	vertical-align: top;
	margin: 5px 35px 0px 0px;
	border: 2px solid #cccccc;
}

img.mitte {
	display: block;
	margin-left: auto;
	margin-right: auto;
	/*margin: 5px 35px 0px 0px;*/
	border: 2px solid #cccccc;
}

div#Inhalt p {
	padding: 10px;
	margin: 0px 0px;
	font-size: 1.0em; 
	line-height: 1.4em;
}

div#Inhalt p .boxtext {
	padding: 10px;
	margin: 0px 0px;
	font-size: 1.0em; 
	line-height: 1.4em;
	background: white;
}


/* Definitionen fuer die Tabelle auf der Seite Einsaetze */
body#ortsteile table, body#verein table {width: 767px;}

body#einsaetze table, body#uebungsplan table {width: 767px; border: 1px solid #870010;}

#table_fahrzeuge table {width: 767px;}

tbody tr.odd td {background: transparent url(images/table_transp.png);}

/*col#colcity {background: transparent url(images/table_transp.png);}*/

thead tr {background: transparent url(images/table_transp.png);}

#table_einsaetze th, #table_einsaetze td {
	padding: 0.5em;
 	border-bottom: 1px dotted #870010;
 	text-align: left;
}

#table_fahrzeuge th, #table_verein {
	padding-top: 20px;
	padding-left: 10px;
 	text-align: left;
	vertical-align: top;
}

#table_verein td ul, td.vereins_funktion{
	font-weight: normal;
	padding-left: 15px;
}

#table_fahrzeuge td {
 	text-align: left;
	vertical-align: top;
}

* html tbody tr.odd td {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/table_transp.png', sizingMethod='scale');
}

* html col#colcity {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/table_transp.png', sizingMethod='scale');
}


/*	Liste auf der Seite Fahrzeuge	*/
#table_fahrzeuge td ul {
	list-style-position:inside;
	list-style-type:circle;
}


/*	Beginn div#Fusszeile

*/
div#Fusszeile {
	background: #870010;
	color: white;
	padding: 5px 50px;
}

div#Fusszeile a {
	background: #870010;
	font-weight: normal; 
	color: white
}

.defloat {clear: both;}
/*---------- End of File ----------*/