pinion.de.tl

the finest page

firerescuesquad

Design "firerescuesquad"

Das ist ein feuerwehr design.
Viel Spass!

Allgemeine Daten

Designname:	firerescuesquad
Kategorie:	CSS Profi / HPBK
Aktuelle Version:	3.0
Erscheinung:	23.1.2010

Getestet auf:	»Firefox

text über dem design:

text unter dem design:

</div>
		<div id="right">
			<div id="headlines">
			
				<span class="heading1">LIST OF EVENTS</span>
				
				<p class="date">Events Scheduled</p>

<p>Tue Dec 2 04:00 PM <br />
				- KIVFD Advisory Council Monthly Meeting of Advisory Council regarding the Capital Compaign.</p>
				
				<p class="date">Events Scheduled</p>
				
				<p>Tue Dec 2 04:00 PM <br />
				- KIVFD Advisory Council Monthly Meeting of Advisory Council regarding the Capital Compaign.</p>
				
				<span class="flt-rgt"><a href="http://www.pinion.de.tl">MORE</a></span>
				
			</div>
			<div id="stats">
				
				<span class="heading2">Top Firefighters 2006</span>
				
				<table>
					<tr>
						<td>Firefighter</td>
						<td colspan="2">Number Of Calls</td>
					</tr>
					<tr>
						<td>Mike Evans</td>
						<td>326</td>
						<td>69%</td>
					</tr>
					<tr>
						<td>Dave Evans Jr</td>
						<td>300</td>
						<td>65%</td>
					</tr>
					<tr>
						<td>Brian Harris Jr</td>
						<td>268</td>
						<td>57%</td>
					</tr>
					<tr>
						<td>Pat Byrne</td>
						<td>260</td>
						<td>55%</td>
					</tr>
					<tr>
						<td>Cordon Pippin</td>
						<td>259</td>
						<td>49%</td>
					</tr>
					<tr>
						<td>Loreen Zoffinger</td>
						<td>233</td>
						<td>66%</td>
					</tr>
					<tr>
						<td>Jim Ayers Sr</td>
						<td>218</td>
						<td>64%</td>
					</tr>
				</table> 
				
			</div>
		</div>
		<div style="clear:both"></div>
	</div>
	<div id="footer">
		<a href="#">Home</a>  |  
		<a href="#">Archives</a>  |  
		<a href="#">Apparatus</a>  |  
		<a href="#">Members </a> |  
		<a href="#">Gallery</a>  |  
		<a href="#">Training</a>  |  
		<a href="#">Store</a>   |  
		<a href="#">Links</a><br /><br />
		
		<p>© dein name. All rights reserved.</p>
	</div>
</div>

css code:

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

body {
	background: #000000 url(http://nndesigner.nn.funpic.de/designs/fertig_firerescuesquad/main-bg.gif) repeat-x;
	color: #7F7F7F;
	font-family: tahoma, arial;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

* html body {
}

img {
	border: 0px;
}

a:link { 
	color: #9D9D9B;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}
	
a:visited { 
	color: #9D9D9B;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;	
}
	
a:hover, a:active { 
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

#footer a:link { 
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
	text-decoration: none;
}
	
#footer a:visited { 
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
	text-decoration: none;	
}
	
#footer a:hover, #footer a:active { 
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
	text-decoration: underline;
}

#banner {
	clear: both;
	height: 326px;
	width: 776px;
}

#conntainer {
	margin: 0px auto;
	text-align: left;
	width: 776px;
}

#conntent {
	clear: both;
	width: 776px;
	background-image: url(http://nndesigner.nn.funpic.de/designs/fertig_firerescuesquad/content-bg.gif);
	background-repeat: repeat;
}

#footer {
	background: url(http://nndesigner.nn.funpic.de/designs/fertig_firerescuesquad/footer-bg.gif) no-repeat;
	clear: both;
	color: #FFFFFF;
	display: block;
	font-size: 11px;
	height: 108px;
	padding-top: 20px;
	text-align: center;
	width: 776px;
}

#headlines {
	background: #1F1F1F;
	height: 199px;
	padding: 10px;
	width: 254px;
}

#left {
	background: #333333 url(http://nndesigner.nn.funpic.de/designs/fertig_firerescuesquad/content-top-bg.gif) no-repeat 0% 0%;
	float: left;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 80px;
	width: 462px;
}

#logo {
	height: 72px;
	width: 776px;
}

#naw {
	clear: both;
	display: block;
	height: 43px;
	width: 776px;
	background-image: url(http://nndesigner.nn.funpic.de/designs/fertig_firerescuesquad/nav-bg.gif);
	background-repeat: repeat-x;
}
#naw ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;	
}
#naw ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align:center;
}

.nlink, .nlinkend {
	float:left;
	width:auto;
	list-style: none;
	display:inline;
	text-align:center;
	padding-top: 15px;
	padding-left: 17px;
	padding-right: 17px;
	height:28px;
}
.nlink{
	background-image: url(http://nndesigner.nn.funpic.de/designs/fertig_firerescuesquad/nav-line.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.nlinkend {
	background-image: none;
}
#right {
	float: left;
	width: 274px;
}

#right p {
	margin-top: 0px;
}

* html #right p {
	margin-top: -5px;
}

#stats {
	background: #494949;
	padding: 10px;
	width: 254px;
}

* html #stats {
	height: 170px;
}

.date {
	color: #827961;
	font-weight: bold;
}

.flt-lft {
	float: left;
	margin-right: 20px;
}

.flt-rgt {
	float: right;
}

.heading1 {
	background: url(http://nndesigner.nn.funpic.de/designs/fertig_firerescuesquad/heading-bg-1.gif) no-repeat;
	color: #909090;
	display: block;
	font-family: arial, tahoma;
	font-size: 14px;
	font-weight: bold;
	height: 21px;
	margin-bottom: 12px;
	padding-left: 40px;
	padding-top: 4px;
	width: 181px;
}

* html .heading1 {
	margin-bottom: 5px;
}

.heading2 {
	background: url(http://nndesigner.nn.funpic.de/designs/fertig_firerescuesquad/heading-bg-2.gif) no-repeat;
	color: #909090;
	display: block;
	font-family: arial, tahoma;
	font-size: 14px;
	font-weight: bold;
	height: 21px;
	margin-bottom: 5px;
	padding-left: 38px;
	padding-top: 4px;
	width: 161px;
}

wir haben ein neues design

pinion