/* Style Sheet fuer den Internetauftritt der Freiwilligen Feuerwehr Erbach (Donau)
(c) 2006 Michael Seitel, Jochen Sehn
2007-12-28: neue Version für .php Seite
--------------------------------------------------------------------------------*/

/* Schriftart fuer alles ist Verdana*/
h1, h2, h3, h4, p, ul, ol, li, div, td, th, b, i, img {
	font-family:Lucida,Verdana,sans-serif;
}

/* alle Bilder sollen ohne Rahmen sein*/
img {
	border:none;
}

/* Inhalt */
h1 {
	font-size:1.2em;
	margin-left:50px;
	padding-left:5px;
	color:white;
	background-color:#e81400;
	width:66%;
}

h2 {
	font-size:1.1em;
	margin-left:50px;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	color:white;
	background-color:#e81400;
	width:50%;
}

h3 {
	font-size:1em;
	font-weight:normal;
	margin-left:5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	color:black;
	background-color:#e8ab06;
	width:75%;
}

p.inhalt {
	color:black;
	font-size:.9em;
	text-align:justify;
}

a.inhalt {
	color:#e81400;
}

/* Die Bilder im Inhalt stehen normalerweise auf der rechten Seite, es ist aber auch kein Problem, sie auch nach links zu setzen um den Text aufzulockern */
img.inhalt {
	width:450px;
	margin-top:20px;
	margin-left:20px;
	margin-right:10px;
	margin-bottom:0px;
	font-size:.7em;
}

/* Unter die Bilder kommt eine Beschreibung */
p.img_sub {
	width:450px;
	font-size:.7em;
	margin-top:0px;
	margin-right:10px;
	margin-left:20px;
	margin-bottom:20px;
	background-color:#e81400;
	color:white;
	padding-top:2px;
	padding-bottom:2px;
}

/*Bildergalerie: hier sollten die Bilder natürlich größer sein, brauchen auch keine Beschriftung*/
img.galerie {
	width:800px;
	margin-top:20px;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:0px;
    font-size:.7em;
	text-align:center;
}

/* Die Tabellen mit Einsaetzen, Terminen, etc sehen so aus: */
table.tabelle {
	border-color:#e8ab06;
	border-width:2px;
	border-collapse:collapse;
	border-style:solid;
	width:90%;
	margin-left:5%;
	padding-right:5%;
}

th.tabelle {
	background-color:#e8ab06;
	color:black;
	/*font-size:.9em;*/
}

td.tabelle {
	background-color:white;
	color:black;
	border-style:solid;
	border-width:1px;
	border-color:#e8ab06;
	/*font-size:.9em;*/
	text-align:left;
	vertical-align:top;
}

/*Menu*/
table.header1 {
	border:none;
	border-collapse:collapse;
	background-color:#e8ab06;
	width:100%;
}

table.header2 {
        border:none;
        border-collapse:collapse;
        background-color:#e8ab06;
        width:100%;
}

td.header {
	border-style:solid;
	border-width:2px;
	border-color:white;
	text-align:center;
	color:black;
	font-size:.8em;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
	white-space:nowrap;
}

/*NEU NEU NEU*/

/* Menu */
div.menu {
	background-color:#e8ab06;
	color:black;
	font-size:.8em;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
	white-space:nowrap;
	border-style:solid;
	border-width:1.5px;
	border-color:white;
	text-align:center;
	float:left;
}

a.menu {
	text-decoration:none;
	display:block;
	color:black;
}

/* Header */
div.header {
	width:100%;
	height:113px;
	background-color:#e81400;
	color:white;
	background-image:url(../bilder/header.gif);
	background-repeat:no-repeat;
}

/* Footer */
div.footer {
	background-color:#e81400;
    width:90%;
	text-align:center;
    color:white;
	font-size:.6em;
	padding-left:5%;
	padding-right:5%;
    padding-top:2px;
    padding-bottom:2px;
	clear:both;
}

/* 2 col text */

div.contentleft {
	width:43%;
	margin-left:5%;
	color:black;
	background-color:transparent;
	text-align:justify;
	font-size:0.9em;
	float:left;
}

div.contentright {
	width:43%;
	margin-left:52%;
    color:black;
	background-color:transparent;
    text-align:justify;
    font-size:0.9em;
}

div.content {
	width:90%;
	margin-left:5%;
	color:black;
	background-color:transparent;
	font-size:0.9em;
}

div.username {
	margin-left:800px;
	width:200px;
	font-size:.75em;
	color:white;
}

div.news {
	background-color:#f8efcc;/*fadf97;/*f9e7a2;*/
	/*background-color:white;*/
	color:black;
	border-style:dashed;
	border-width:1px;
	border-color:#e8ab06;
	padding:5px;
}

/*als Spam-Schutz*/
div.savearea {
	width:200px;
	visibility:hidden;
}

input.header {
	background-color:#e8ab06;
	color:black;
	border-style:solid;
	border-width:1px;
	border-color:white;
	text-align:center;
	width:75%;
}

input, select, textarea {
	background-color:#e8ab06;
	color:black;
	border-style:solid;
	border-width:1px;
	border-color:black;
}

/* für externe Links */ 
a {
	background: url(../bilder/icons/Icon_External_Link.png) center right no-repeat;
	padding-right: 14px;
}

/* Links auf der eigenen FF Page */
a[href^="http://urpils.local"],
a[href^="http://feuerwehr-erbach-donau.de"],
a[href^="http://www.feuerwehr-erbach-donau.de"],
a[href^="?"],
a[id*="Link"], a[id="bottomNavClose"],
a[href^="bilder/"],
a[href^="javascript:"],
a[href*="w3.org"]
{
	background: url(../bilder/icons/null.png);
	padding-right: 0px;
}

/* PDF Dateien */
a[href*="pdf"],
a[href*="PDF"]
{
	background: url(../bilder/icons/Icon_PDF_File.png) center right no-repeat;
	padding-right: 17px
}