/* CSS Document */
body {
	font-family: Verdana, sans-serif;
	font-size: .7em;
	color: #000;
	background-color: #600001;
}
#noscript {
	text-align: center;
	font-size: .8em;
}
#layer {
	width: 990px;
}

#layKopf {
	position: relative;
	top: 0px;
	left: 97px;
	width: 756px;
	height: 138px;
	
	background-image: url("../media/design.kopf.png");
	background-repeat: no-repeat;
	background-position: center;
}
#layTopMenu {
	
	position: relative;
	top: 108px;
	left: 91px;
	width: 600px;
	height: 25px;
}
#layTopMenu ul {

	padding: 0px;
	margin: 0px;
	position: relative;
	left: 0px;
	top: 2px;
	height: 25px;
	list-style: none inside;
}
#layTopMenu li {
	padding: 2px 0px;
	float: left;
	margin: 0px;
	height: 25px;
	
}

#layTopMenu a{
	margin: 0px;
	padding: 5px 17px 7px 17px;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	font-size: .8em;
}
#layTopMenu a:hover {
	background-color: #3A71AA;
}

#layHaupt {
	position: relative;
	margin: 0px auto;
	top: 0px;
	left: -10px;
	float: left;
	width: 659px;
	z-index: 9;
	
	background-image: url("../media/design.bg.png");
	background-repeat:repeat-y;
}
#layTitel {
	position: relative;
	width:604px;
	
	top: 0px;
	left: 5px;
	
	padding: 20px;
	
	font-weight: bold;
	font-size: 1.4em;
	border-bottom: 4px solid #958551;
}
#layInhalt {
	position: relative;
	width: 610px;
	top: 0px;
	left: 8px;
	padding: 15px 20px;
	line-height: 1.6em;
	z-index: 10;
}

#layFacebook {
	position: fixed;
	bottom: 0px;
	right: 0px;
	width: 220px;
	height: 50px;
	padding: 10px;
	background-image: url("../media/special/facebookBox.gif");
}
#layFacebook #facebookLogo {
	position: absolute;
	border: none;
	top: 10px;
	z-index: 105;
}


#hintergrundlogo {
	position: absolute;
	/*background-image: url("../media/design.hintergrundLogo.png");*/
	background-repeat:no-repeat;
	width: 400px;
	height: 655px;
	left: 270px;
	top: 210px;
	z-index: 0;
}

#layBoxLinks {
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	width: 158px;	
	background-image: url("../media/design.box.links.bg.png");
	background-repeat: repeat-y;
	clear:none;
}
#layBoxLinks #oben, #layBoxLinks #unten {
	background-image: url("../media/design.box.links.oben.png");
	background-repeat: no-repeat;
	background-position: top;
	width: 158px;
	height: 15px;
}
#layBoxLinks #menu {
	width: 158px;
}
#layBoxLinks #unten {
	background-position: bottom;
	background-image: url("../media/design.box.links.unten.png");
}


#layBoxRechtsRETTET, #layBoxRechtsILV, #layBoxRechtsGRUPPEN {
	position: relative;
	top: 0px;
	left: -10px;
	float: left;
	width: 120px;
	height: 136px;
	background-image: url("../media/special/rettet_leben.png");
	z-index:8;
}
#layBoxRechtsILV {
	top: 20px;
	background-image: url("../media/special/ilvesheimde.png");
}
#layBoxRechtsGRUPPEN {
	top: 40px;
	background-image: url("../media/special/gruppenbilder.png");
}

#layBoxRechts img {
	width: 98px;
	margin: 0 0 10px 2px;
}
#layFuss {
	position: relative;
	top: 0px;
	background-image: url("../media/design.fuss.png");
	background-repeat: no-repeat;
	background-position: bottom;
	width: 659px;
	height: 9px;
	float: left;
}
.OberMenu {
	position: relative;
	top: 0px;
	left: 0px;
	width: 127px;
	margin: 1px 0px 1px 10px;
	padding: 2px 5px;
	
	font-size: .8em;

	background-image: url("../media/design.menu.bg.png");
	background-repeat: repeat-y;
	background-position:right; 
	background-color: #3A71AA;
	
	
	text-align: center;
	color: #FFF;
	font-weight: bold;
}
.menu2 {
	font-size: .8em;
	width: 112px;
	list-style: none outside;
	margin: 0px;
	padding: 0px 0px 0px 35px;
	color: #FFF;
}
.menu2 a, .OberMenu a {
	text-decoration: none;
	color: #FFF;
}
.menu2 a:hover , .OberMenu a:hover{
	text-decoration: underline;
}

#layPopup {
	background-color: #222;
	opacity: .9;  
	filter: Alpha(opacity=90);
	width: 100%;
	height: 105%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index: 20;
}
#layPopup2 {
	display: none;
	filter: Alpha(opacity=100);
	opacity: 1.0;
	position: absolute;
	left: 200px;
	top: 150px;
	filter: Alpha(opacity=100);
	opacity: 1.0;
	z-index: 21;
}
#layPopup2 img {
	border: 2px solid #999;
}

.imgLeft {
	float: left;
	margin: 10px 10px 10px 0;
}
.imgRight {
	float: right;
	margin: 10px 0 10px 10px;
}

/*******************
	 SCHRIFTEN
********************/
h1 {
	margin-top: 20px;
	font-size: 1.3em;
	font-weight: bold;
	border-bottom: 1px solid #958551;
}
h2 {
	margin: 30px 0px 3px 0px;
	font-size: 1.1em;
	font-weight: bold;
	z-index: 30;
}
h1 a {
	text-decoration: none
}
a {
	color: #333;
}
a:hover {
	text-decoration: none;
}
.red {
	color: red;
}


/******************
	THEMES
******************/
/** Standards **/
.clear {
	clear: both;
}
.noBorder {
	border: none;
}

hr {
	border: 1px solid #958551;
	width: 66%;
}
img {
	border: 1px solid #333;
}
.left {
	float: left;
	margin-right: 5px;
}
img.left {
	float: left;
	margin: 5px 5px 5px 0;
}

/** INDEX **/

.index .bild {
	text-align: center;
}
.index .infos {
	width: 600px;
	list-style: none outside;
	background-color: #FFF;	
}
.index fieldset{
	font-size: 0.9em;
	border: none;
	border-bottom: 1px solid #AAA;
	padding: 5px 10px;
}

.index .einzug , .index .einzug2{
	margin: 0px;
	padding: 0px 10px;
	float: left;
	font-size: 0.9em;
}
.index .einzug {
	width: 110px;
}
.index #einsatz {
	padding: 10px 20px;
}

/** Wir **/
.wir .center {
	text-align: center;
}

.wir p.center {
	text-align: center;
	width: 340px;
	margin: 0px auto;
}
/** Fahrzeuge **/
.fahrzeuge .thumbnail {
	width: 110px;
	float: left;
	margin: 4px 5px 4px 0;
}
/** Berichte **/
.berichte img.noborder {
	border: none;
}
.berichte li {
	list-style-image: url("../media/berichte/openFolder.png");
	margin: 20px 0px 5px 0px; 
}
.berichte #text {
	margin: 30px 40px;
}
.berichte #name {
	border-top: 1px solid #958551;
	width: 100%;
}


/** Ilvesheim **/
.ilv_bilder img{
	width: 80%;
}
.ilvesheim {
	text-align: center;
}
.ilvesheim .histo {
	border-right: 1px solid #958551;
}

/** ORGANISATION **/
#orga {
	width: 98%;
	text-align: center;
}

#orga div {
	position: relative;
	top: 0px;	
	margin: 0px auto;
	border: 1px solid #000;
	width: 120px;
	padding: 15px 10px;
	text-align: center;
}
#orga .hori {
	padding:0px;
	margin: 0px;
	height: 1px;
	width: 1px;
	border: none;
	/*border-top: 1px solid #00C;*/
}
#orga .vert {
	padding:15px 0px;
	margin: 0px;
	height: 1px;
	width: 1px;
	border: none;
	/*border-left: 1px solid #00C;*/
}

#orga .vert #orga .hori {

}
.center {
	text-align: center;
}

#veranstaltungen div {
	width: 600px;
	margin: 0px auto;
	text-align: center;
	margin-bottom: 50px;
}

/** Einsatz **/
.einsatz table{
	border: 1px solid #333;
}
.einsatz .td {
	border-bottom:1px solid #D0D0D0;
	padding: 3px 10px;
}
.einsatz th {
	background-color: #DDD;
}	

/* unterkreis */

.uk table {
	border: 1px solid #999;
	border-collapse: collapse;
}
.uk table td {
	border: 1px solid #999;
	padding: 3px 5px;
}
.uk table th {
	background-color: #CCC;
}
	
/** Partner **/
.partner .bild {
	margin: 5px 10px;
	width: 250px;
	float: left;
}

/** Kalender **/
.kalender {
	height: 550px;
}
.kalender img, .kontakt img, .gbook img{
	border: none;
}
.kalender table.monat {
	border: 1px solid #333;
}
.kalender table.monat td, .kalender table.monat th{
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

/** GBOOK **/

.gbook .eintrag {
	border-bottom: 1px solid #958551;
	width: 100%;
	margin: 10px;
	padding-bottom: 10px;
}
.gbook .label {
	font-weight: bold;
	font-size: .9em;
	width: 95px;
	float: left;
	margin: 8px 0px;
}
.gbook .text, .gbook .textarea {
	background-color: #efefef;
	padding: 3px;
	margin: 5px 0px;
	border: 1px solid #600001;
	width: 300px;	
}
.gbook .textarea {
	height: 175px;
}
.gbook .hinweis {
	margin: 2px 0px 2px 130px;
	color: #F00;
}
.gbook .height {
	height: 530px;
}
/** Kontakt **/
.kontakt img {
	border: none;
}

/** login **/
.login label {
	margin: 3px;
	padding: 3px;
	float: left;
	width: 120px;
}
.login .input {
	margin: 1px;
	padding: 3px;
	width: 300px;
	color: #999;
	border: 1px solid #595959;
}
.login .input:focus {
	background-color: #CCC;
	color: #000;
	border: 1px solid #333;
}
.login .submit {
	background-color: #fff;
	color: #222;
}

/** intern **/
.intern p.headline {
	border: 1px solid #333;
	background-color: #EFEFEF;
	margin-bottom: 0px;
	padding: 4px;
}

.intern div.bbInvis {
	padding: 4px;
	margin-top: -1px;
	display: none;
	border: 1px solid #333;
	border-top: none;
	background-color: #EFEFEF;
}
.intern span.datum {
	font-size: .8em;
}

/** ADMIN **/
.admin img {
	border: none;
}
.admin th {
	border: 1px solid #CCC;
	border-right: none;
}
.admin td {
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
.admin ul.noSign li {
	list-style: none;
}
.admin ul.noSign li label {
	float: left;
	width: 170px;
}

/** Galerie **/
.imgList {
	margin: 8px 20px;
	
}
.galerie_uebersicht {
	display: block;
	width: 80%;
	border: 1px solid #DDD;
	
}
.galerie_uebersicht img {
	float: left;
	margin: 5px 15px;
}
.galerie_uebersicht span {	
	float: left;
	padding: 15px;
}
.galerie_show {
	width: 180px;
	border: 1px solid #DDD;
	float: left;
	height: 150px;
	text-align: center;
}
/** chronik **/
.chronik p:first-letter {
	text-transform: uppercase;
	font-weight: bold;
}
.chronik div.imgL, .chronik div.imgR {
	margin: 10px 15px 10px 0;
	font-size: .8em;
	float: left;
	border: 1px solid #222;
	text-transform: none;
}
.chronik div.imgR {
	margin: 10px 0 10px 15px;
	float: right;

}
.chronik div.imgR p, .chronik div.imgL p {
	padding: 3px 10px;
	margin: 0;
}
.chronik .spruch{
	text-align: center;
}

.chronik img {
	border: none;
}
.chronik .kasten {
	float: left;
	border: 1px solid #222;
	margin: 15px;
	padding: 10px;
	width: 340px;
}
.kommandanten .center {
width: 100%
	text-align: center;
}
.kommandanten span {
	font-size: 1.4em;
	font-weight: bold;
}
.kommandanten #links {
	float: left;
	width: 50%;
	border-right: 3px solid #222;
}
.kommandanten #rechts {
	float: left;
	width: 48%;
}