/*	
 *	######## Main Stylesheet ###############
 *
 *	Projekt: 	Feuerwehr Gödenstorf-Oelstorf
 *	Internetseite:	www.ff-goe-oe.de
 *
 *	Copyright: 	Name:	iNet innovative Internetmarkeing GbR Kilian Krys & Philip Hellmig
 *				Web:	www.inet-innovative.com
 *
 *	Date: 		31.12.2010
 *
 */
 

html, body	{margin: 0px; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height: 1.5}

h2 {font-size:14px; font-weight:bold; background:#e9e9e9; height:20px; margin: 1px 1px 10px 1px; padding:5px; color:#333;}
h3 {font-size: 12px; font-weight: bold;}
h4 {color: red; font-weight: bold; display: inline;}

a { color: blue; }

#body_div			{ width: 1040px; height: auto; margin-top: 20px; }
	
#header_div			{ height: 50px; background: url(../images/header.jpg) no-repeat; padding: 180px 0px 0px 625px; }
#header_div_jugend	{ height: 50px; background: url(../images/header-jugend.jpg) no-repeat; padding: 180px 0px 0px 625px; }
#header_div_verein	{ height: 50px; background: url(../images/header-foerderverein.jpg) no-repeat; padding: 180px 0px 0px 625px; }


#back_bottom 	{ }
#footerJugend	{ background: url(../images/footer-jugend.jpg) no-repeat; height: 41px; }
#footerVerein	{ background: url(../images/footer-fv.jpg) no-repeat; height: 39px; }

#naviBottom		{ width: 850px; margin-left: 45px; font-size: 11px; padding-top: 7px; }
#naviBottom a	{ color: black; }

/* ########## N A V I G A T I O N ########*/
	
#navi_top_div				{ height: 20px; }
#navi_top_div a				{ text-decoration: none; color: #FFF; display: block; }	
#navi_top_div ul 			{ padding: 0px;	margin: 0px; }
#navi_top_div ul li 		{ text-align: center; height: 18px; padding: 2px 10px 0px 10px; float: left; list-style: none; }
#navi_top_div ul li a:hover	{ color: #000; }
#navi_top_div ul li:hover 	{ background: url(../images/karteikarte.gif) no-repeat; text-decoration: underline; color: black; }
#navi_top_div ul li:hover a { color: black; }

.aktivTop					{ background: url(../images/karteikarte.gif) no-repeat; }
.aktivTop a					{ color: black !important; }


#navi_left_div 							{ padding: 0px 0px 0px 0px; margin-top: -10px; width: 130px; float: left; }
#navi_left_div ul 						{ padding: 0px; margin: 0px; }
#navi_left_div ul a 					{ text-decoration: none; color: #000; padding: 5px 10px 5px 25px; background: url(../images/navi_back.gif) 12px 10px no-repeat; }
#navi_left_div ul li					{ text-align: left; float: left; width: 135px; list-style: none; border-bottom:1px #333 dotted; }
#navi_left_div ul li:hover a.linkMain 	{ font-weight: bold; background: url(../images/navi_back.gif) 12px 10px no-repeat #2f2f2f; color: white; }
#navi_left_div ul li span ul li			{ background-color: #2f2f2f !important; }
#navi_left_div ul li span ul li a:hover	{ font-weight: bold; }
#navi_left_div ul li:hover .naviDrop	{ display: block; }
#navi_left_div a						{ padding: 5px 2px 5px 0px; width: 100px; display: block; }

.aktiv a 			{ color: black; }
.aktiv a.linkMain 	{ background-color: #2f2f2f !important; color: white !important; }

.naviDrop			{ position: absolute; top: inherit; left: inherit; margin: -29px 0px 0px 134px; width: 135px; display: none; border: 1px #333 dotted; border-left: none; border-bottom: none; }
.naviDrop a			{ color: white !important; }
.naviDrop ul li 	{ float: none !important; margin-bottom: 0px !important; border: none !important; }


.clear { clear: both; height: 0px; margin: 0px; padding: 0px;}
	
#content {margin-left:160px; margin-top:-10px; width:760px;}
	
.contentBox {border: 1px #D0D0D0 solid;	background:#fafafa;}



.li {padding-top: 6px;}
.text1 {text-align: left; padding:5px; color:#444;}

.bildBoxLinks { float: left; width: 200px; border: 1px solid #C0C0C0; margin: 5px 10px 5px 0px; text-align: center; font-size: 10px; padding: 5px;}
.bildBoxRechts { float: right; width: 200px; border: 1px solid #C0C0C0; margin: 5px 10px 5px 0px; text-align: center; font-size: 10px; padding: 5px;}

.tabellenHeading1	{ background: #575757; font-weight: bold; padding: 5px; height:20px; color: white;}
.tabellenText 		{ padding: 5px; background: #EBEBEB;}
.tabellenText2  	{ background:#CCC; font-size: 10px;}
.tabellenBild 		{ border: double #D5D5D5; width: 150px;}
.tabellen	 		{ background: #EAEAEA; border: double;}

.startActive		{ background: green !important; font-weight: bold !important; color: white; }
.lineHeightMod		{ line-height: 2; }

/*================= DIENSTPLAN====================================*/

.dienstplan_heading1 { height: 20px; background: url(../images/bg_hell.gif) repeat; border: 1px solid #575757; font-size: 14px; }
.dienstplan_heading2 { height: 20px; background: url(../images/bg_rot.gif) repeat; border: 1px solid #575757; font-size: 14px; }

/* ================= EINSÄTZE =====================*/

#einsaetzeList			{ padding: 20px; }
#einsaetzeList h2 a		{ display: block; }
.einsaetzeListCont		{ padding: 0px 20px 20px 20px; }

.einsaetzeTitelbild		{ float: right; width: 275px; border: 1px solid #C0C0C0; padding: 10px; height: auto; margin: 5px;}
.einsaetzeDetails 		{ float: right; width: 415px; padding: 10px; border: 1px solid #C0C0C0; margin: 5px;}
.einsaetzeBericht 		{ border: 1px solid #C0C0C0; padding: 10px; margin: 5px; }
.einsaetzeBilder 		{ border: 1px solid #C0C0C0; margin: 5px;}


.bilderTitel 		{ font-weight: bold; font-size: 13px; color: blue; }
.gallerieAlbum 		{ float: left; margin: 10px 14px; width: 210px; padding: 5px; text-align: center; border: 1px solid #EEE; height: 210px; }