/*
		styles.css for http://www.bts-tennis.de/
		Copyright: (c) 2006 Philipp Steiner

		------------------------------------------------
		All rights reserved. Alle Rechte vorbehalten
		------------------------------------------------
*/

/* Global Settings
--------------------------------------------------------*/
html, body, div, table, tr, td, ul, li, form, input, img, p, h1, h2{
	margin:0;
	padding:0;
}

body{
	text-align:center;
	background:white url(img/verlauf_rot.png) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

img{
	border:0px;
}

h1{
	margin-bottom:6px;
	font-size:17px;
	color:#666;
}

h2{
	margin-bottom:6px;
	font-size:10px;
	font-weight:bold;
}

#container{
	margin:0 auto;
	width:890px;
	text-align:left;
	background:white url(img/shadowBottom_weiss.png) repeat-y;
}


/* Header
--------------------------------------------------------*/
#header{
	width:937px;
}

/* Body
--------------------------------------------------------*/
#body{
	margin-top:6px;
}

/* Navigation Left
--------------------------------------------------------*/
#navLeft{
	width:170px;
}

#navLeft ul{
	list-style:none;
	margin-bottom:7px;
	color:#666;
}

#navLeft ul li{
	height:17px;
	padding-left:3px;
	font-size:11px;
	background:url(img/liDottedBackground.gif);
}

#navLeft ul li.liFirst{
	margin-bottom:2px;
	font-size:13px !important;
	font-weight:bold;
	background:#ccc !important;
}

#navLeft ul li a{
	color:#666;
	text-decoration:none;
}

#navLeft ul li a:hover{
	color:black;
}

/* Content
--------------------------------------------------------*/
#content{
	width:587px;
	padding:25px 30px 0px 30px;
	text-align:justify;
	font-size:13px;
}

	/* --- Area: Kontakt --- */
	#kontakt{
		margin-top:30px;
		font-weight:bold;
	}

	#kontakt input, #kontakt textarea{
		width:270px;
		margin-left:70px;
		border:1px solid #999;
	}

	#kontakt textarea{
		height:70px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}

	.verein, .ort, .email{
		padding-bottom:20px;
	}

	.submitReset{
		padding-top:10px;
	}

	.submitReset input{
		width:100px !important;
	}

	/* --- Area: Produkte --- */
	.product{
		width:527px;
		margin-top:10px;
		border:1px solid #999;
		font-size:10px !important;
	}

	.productImg{
		width:150px;
	}

	.productText{
		padding-left:10px;
	}

	.productNrPrice{
		padding:5px 0px 0px 10px;
	}

	.product a{
		color:black;
	}

	.product a:hover{
		text-decoration:none;
	}

	.product span{
		font-weight:bold;
	}

	span.productNr{
		width:230px;
		float:left;
	}

	/* --- Area: Referenzen --- */
	#refSecHeadline{
		margin-top:30px;
		margin-bottom:20px;
	}

	#ref td{
		padding-top:2px;
		padding-bottom:2px;
	}

	.refClient{
		width:170px;
		padding-left:2px;
		border-top:1px dashed #999;
	}

	.refCategorie{
		width:255px;
		padding-left:2px;
		border-top:1px dashed #999;
	}

	.refYear{
		width:76px;
		padding-left:2px;
		border-top:1px dashed #999;
	}

	/* --- Area: Impressum --- */
	#impr{
		margin-top:30px !important;
	}

	#impr td{
		padding-bottom:5px;
	}

	#impr a{
		color:black;
	}

	#impr a:hover{
		text-decoration:none;
	}

	.imprFir{
		width:150px;
	}

	#imprPeo{
		margin-top:40px;
	}

	#imprPeo a{
		color:black;
	}

	#imprPeo a:hover{
		text-decoration:none;
	}

	#imprPeoFir{
		width:200px;
	}

/* Special Offers
--------------------------------------------------------*/
#specialOffers{
	width:150px;
}

#specialOffers table{
	width:150px;
	border:1px solid #999;
}

#offersHeadline{
	height:30px;
	margin-bottom:10px;
	text-align:center;
}

#offersHeadline td{
	font-size:13px;
	font-weight:bold;
	background:url(img/offersHeadline.gif);
}

.offersProducts{
	margin-bottom:10px;
}

.offersProducts td{
	background:url(img/offersBg.gif);
}

.offersProducts div{
	margin:5px;
	font-size:10px;
	font-weight:bold;
}

.offersProducts img{
	width:142px;
	margin-left:1px;
	border:1px solid #999;
}

.offersProducts a{
	color:black;
}

.offersProducts a:hover{
	text-decoration:none;
}

/* Footer
--------------------------------------------------------*/
#footer{
	width:937px;
	height:80px;
	padding:0px 30px 0px 30px;

}

#footer div{
	padding:55px 10px 0px 0px;
	text-align:right;
	font-size:13px;
}

#footer div a{
	color:#666;
	text-decoration:none;
}

#footer div a:hover{
	color:black;
}