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

/*======================================== 
Stylesheed der "feuerwehr assmannshausen 2.0"

Datei: ffwa_style2.css
Datum: 01.10.2008
Autor: Christopher Petry

Aufbau: 1. Algemein

        2. Head
		
        3. Wrapper
        	3.1 menue
			3.2 inhalt
				3.2.1 Normale Textbox
				3.2.2 Textbox mit Rahmen
			3.3 gestaltung
			
		4. Seitengestaltung
			4.1 kontakt
			4.2 history
================================================= algemein =======================================*/

body {
	background-color:#000000;
	font-family:Helvetica, Arial, sans-serif;
	}

a:link, a:visited { color:#ff3300;}
a:hover {color:#000000;}
	
h2 {
	font-size:18px;
	z-index:2;
	color:#333333;
	margin:0px;
	
	position:relative;
	left:10px;
	top:5px;
	}
	
p {
	color:#969696;
	padding:0px 10px;
	
	font-size:14px;
	line-height:20px;	
	}

img {
	border:0px;
	}
	
/*================================================= head ============================================*/

#head {
	width:840px;
	position:absolute;
	top:20px;
	right:auto;
	left:80px;
	}

#navibereich {
	position:absolute;
	top:110px;
	left:15px;	
	}
	
#navibereich img {
	border-right:1px solid #666666;
	}

/*============================================= wrapper =================================================*/

#wrapper {
	width:820px;
	margin:0px 10px 25px 10px;
	background-color:#FFFFFF;
	position:absolute;
	top:180px;
	left:80px;
	right:auto;
	}
	
/*=============== menue ===================*/

#submenue {
	width:210px;
	position:absolute;
	top:15px;
	left:20px;
	}

	.submenuepunkt {
		height:25px;
		font-size:16px;
		padding:5px 3px 2px 10px;
		border-bottom:1px solid #dcdcdc;
		}

.submenuepunkt a:link, .submenuepunkt a:visited  { color:#969696; text-decoration:none;}
.submenuepunkt a:hover {color:#ff3300; font-weight:bold;}
	
/*==================== Inhalt ======================*/

#inhalt {
	width:550px;
	padding-bottom:20px;
	position:relative;
	left:250px;
	top:10px;
	
	min-height:550px;
	}

/*=== NORMALE TEXTBOX ===*/

.textbox {
	width:550px;
	margin:5px 0px 25px 0px;
	position:relative;
	}

	.textboxbild {
		margin:5px 15px 5px 0px;
		}
		
	.artikeldatum {
		font-size:12px;
		color:#CCCCCC;
		}

/*=== TEXTBOX MIT RAHMEN ===*/

	.headimage {
		position:absolute;
		z-index:1;
		}
		
	.rahmen {
		border:1px solid #e4e4e4;
		padding-bottom:10px;		
		}
		
	.kleinerrahmen {
		border:1px solid #e4e4e4;
		width:270px;
		padding-bottom:10px;
		
		min-height:200px;			
		}

.textbox table {
	width:550px;
	margin:0px 0px 0px -5px;
	padding:0px;
	border:none;
}
		
.textbox table td {
	vertical-align:top;
	}		

.textboxheader {
position:relative;
top:30px;
}		

/*======================================= gestaltung ============================================*/

#backgroundimage1{
	position:fixed;
	top:0px;
	right:0px;
	}

#backgroundimage2{
	position:fixed;
	top:0px;
	left:0px;
	}

#zierbild {
	position:fixed;
	bottom:0px;
	left:55px;
	}
	
#chronik span {
	color:#ff3300; 
	font-weight:bold;
	}

#banner-links {
	padding:10px 0px;
	}
	
#einsatz-counter {
	padding:20px 0px;
	}

/*======================================= fuss ============================================*/

#fussbereich {
	position:relative;
	text-align:center;
	padding-top:5px;
	width:820px;
	background-color:#ffffff;
	color:#999999;
	font-size:small;
	}

#abschluss {
	width:840px;
	height:30px;
	position:absolute;
	top:auto;
	left:-10px;
	}

#up {
	position:absolute;
	top:6px;
	right:20px;
	border:none;
	}

/*========================================= Seitengestaltung ======================================*/

/*=== kontakt ===*/
form {
	border:1px solid #e4e4e4;
	color:#000000;
	margin-top:0px;
	padding:20px;
	
	font-size:14px;
	line-height:20px;
	
	height:280px;
	}

#email {
	margin-bottom:20px;
	}

#spaltemail {
	width:360px;
	border:1px solid #e4e4e4;
	position:absolute;
	left:160px;
	}

#comment {
	width:360px;
	height:150px;
	border:1px solid #e4e4e4;
	position:absolute;
	left:160px;
	}
	
#ok {
	background-color:#0000FF;
	position:relative;
	top:110px;
	}

table {
	color:#969696;
	
	font-size:14px;
	line-height:18px;
	}
	
.td_left {
	padding-left:12px;
	}
	
/*=== history ===*/

#Gruppenbild1929 {
	position:absolute;
	top:223px;
	right:571px;
}

#festschrift100 {
	position:absolute;
	top:700px;
	right:580px;
}

#Gruppenbild50JahreFFWA {
	position:absolute;
	top:1151px;
	right:573px;
}

#jugendfeuerwehr {
	position:absolute;
	top:1351px;
	right:573px;
}

#Abschlussuebung {
	position:absolute;
	top:1645px;
	right:566px;
}

#Abschlussuebung_2 {
	position:absolute;
	top:1812px;
	right:588px;
}

#Festumzug {
	position:absolute;
	top:2100px;
	right:580px;
}

/*=== termine ===*/

table#uebungsplan { 
	width: 520px;
	margin-left:8px;
}

table#uebungsplan td { 
	padding: 2px 0px 2px 5px;
	background-color: #EAEAEA;
	color: #000000;
}

table#uebungsplan td#dunkel {
	background-color:#CBCBCB;
}

/*=== bilder ===*/

iframe {
	margin:10px 0px;
	}