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

.mainbot {
	clear				: both;
}

.readmore {
	text-align			: right;
	font-weight			: bold;
}

body {
	background-color	: #008ea5;
	background-image	: url(../images/site/siteContainerBgLoopX.png);
	background-repeat	: repeat-x;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 12px;
	color				: #1a171b;
}

#siteContainer {
	width				: 840px;
	margin				: 0px auto;
}

#outerHeader {
	background-color	: #daf9fe;
	width				: 100%;
	height				: 90px;
	padding-top			: 10px;
}

#logoText {
	float				: left;
	margin-left			: 20px;
	padding-top			: 20px;
}

#logoText h2 {
	color				: #8ba706;
	font-size			: 15px;
}

#mainContainer {
	width				: 100%;
	height				: 480px;
	border				: 1px solid #1a171b;
}

#bilderBanner {
	width				: 840px;
	height				: 150px;
	border-bottom		: 1px solid #1a171b;
	background-image	: url(../images/site/bilderBannerBg.png);
	background-color	: #022b31;
}

#bilderBannerTennis {
	width				: 840px;
	height				: 150px;
	border-bottom		: 1px solid #1a171b;
	background-image	: url(../images/site/bildbanner/tennis.jpg);
	background-color	: #022b31;
}

#bilderBannerBeachvolleyball {
	width				: 840px;
	height				: 150px;
	border-bottom		: 1px solid #1a171b;
	background-image	: url(../images/site/bildbanner/beachvolleyball.jpg);
	background-color	: #022b31;
}

#bilderBannerTennis h1, #bilderBannerBeachvolleyball h1 {
	float				: right;
	margin-top			: 20px;
	margin-right		: 20px;
	color				: #FFFFFF;
	font-size			: 30px;	
}

#bilderBannerTennis h2, #bilderBannerBeachvolleyball h2 {
	float				: right;
	margin-top			: 20px;
	margin-right		: 20px;
	color				: #FFFFFF;
	font-size			: 24px;	
}

#textArea {
	width				: 800px;
	height				: 112px;
	background-color	: #FFFFFF;
	padding				: 20px;
}

#textAreaLarge {
	width				: 800px;
	height				: 247px;
	margin-top			: 5px;
	background-color	: #FFFFFF;
	padding				: 20px;
	overflow			: auto;
	overflow-x			: none;
}

#textAreaLarge h1{
	font-size			: 16px;
	margin-bottom		: 5px;
}

#textAreaLarge h2{
	font-size			: 14px;
	margin-bottom		: 5px;
	text-decoration		: underline;
}

#textAreaLarge h3{
	font-size			: 12px;
	margin-bottom		: 15px;
	font-style			: italic;
	font-weight			: lighter;
}

#textLarge {
	float				: left;
	width				: 620px;
	border-right		: 1px solid #0a8799;
	padding-right		: 20px;
}

#textLarge h1, #textLargeTennisKurse h1{
	font-size			: 16px;
	margin-bottom		: 5px;
}

#textLarge h2, #textLargeTennisKurse h2{
	font-size			: 14px;
	margin-bottom		: 5px;
	text-decoration		: underline;
}

#textLarge h3, #textLargeTennisKurse h3{
	font-size			: 12px;
	margin-bottom		: 15px;
	font-style			: italic;
	font-weight			: lighter;
}

#textLargeTennisKurse {
	float				: left;
	width				: 540px;
	border-right		: 1px solid #0a8799;
	padding-right		: 20px;
}

#textSmallTennisKurse {
	float				: left;
	width				: 200px;
	padding-left		: 20px;
}


#trainer {
	width: 120px;
	float:left;
	margin-right:10px;
	text-align:center;
	border: 1px solid #000;
	height:145px;
}

#trainer img{
	margin-bottom:10px;
}


#bildSlider {
	float				: left;
	width				: 120px;
	padding-left		: 20px;
}

#text {
	float				: left;
	width				: 520px;
	height				: 112px;
	border-right		: 1px solid #0a8799;
	padding-right		: 20px;
}

#text h1, #aktuelles h1 {
	font-size			: 14px;
	margin-bottom		: 10px;
}

#aktuelles {
	float				: left;
	width				: 239px;
	padding-left		: 20px;
}

/* Gästebuch */
#gaestebuch {
	margin-bottom		: 20px;
}

#gaestebuch_header {
	width				: 690px;
	height				: 21px;
	background-repeat	: no-repeat;
	background-color	: #05474f;
	color				: #FFFFFF;
	font-size			: 11px;
	padding-top			: 7px;
	text-align			: left;
	padding-left		: 10px;
	margin				: 0px auto;
	border				: 1px solid #333;
}

#gaestebuch_header a{
	color				: #FFFFFF;
	text-decoration		: none;
}

#gaestebuch_body {
	width				: 680px;
	background-repeat	: repeat-y;
	background-color	: #85c8cf;
	padding				: 10px 10px 10px 10px;
	font-weight			: normal;
	margin				: 0px auto;
	border				: 1px solid #333;
}

/* Galerie */ 
#foto_rahmen {
	padding				: 5px;
	width				: 75px;
	float				: left;
	border				: 1px solid #d0d1d3;
	background			: #FFFFFF;
	margin-right		: 5px;
	margin-bottom		: 5px;
	cursor				: pointer;
	height				: 56px;
}

#foto_rahmen_2 {
	padding				: 5px;
	width				: 75px;
	float				: left;
	border				: 1px solid #d0d1d3;
	background			: #fdefa4;
	margin-right		: 5px;
	margin-bottom		: 5px;
	cursor				: pointer;
	height				: 56px;
}

.foto {
	border				: 1px solid #d0d1d3;
	font-size			: 11px;
}


/* IMAGE STRIP */

#imageStrip {
	width				: 840px;
	height				: 125px;
	margin				: 5px 0px 10px 0px;
	font-size			: 10px;
	color				: #FFFFFF;
}

#imageStripTennis {
	float				: left;
	display				: block;
	width				: 121px;
	height				: 100px;
	border				: 5px solid #FFF;
	background-color	: #4f8390;
	background-image	: url(../images/site/sportarten/tennis.png);
	background-repeat	: no-repeat;
	margin-right		: 6px;
	padding-top			: 20px;
	padding-right		: 20px;
	padding-left		: 125px;
	cursor				: pointer;
}

#imageStripTennis:hover, #imageStripBeachvolleyball:hover, #imageStripStreetball:hover{
	border-color		: #b0dc39;
}

#imageStripBeachvolleyball {
	float				: left;
	display				: block;
	width				: 121px;
	height				: 100px;
	border				: 5px solid #FFF;
	background-color	: #4f8390;
	background-image	: url(../images/site/sportarten/beachvolleyball.png);
	background-repeat	: no-repeat;
	margin-right		: 6px;
	padding-top			: 20px;
	padding-right		: 20px;
	padding-left		: 125px;
	cursor				: pointer;
}

#imageStripStreetball {
	float				: left;
	display				: block;
	width				: 121px;
	height				: 100px;
	border				: 5px solid #FFF;
	background-color	: #4f8390;
	background-image	: url(../images/site/sportarten/streetball.png);
	background-repeat	: no-repeat;
	padding-top			: 20px;
	padding-right		: 20px;
	padding-left		: 125px;
	cursor				: pointer;
}

#imageStripTennis h1, #imageStripBeachvolleyball h1, #imageStripStreetball h1 {
	color				: #FFFFFF;
	font-size			: 14px;
	margin-bottom		: 5px;
}

/* NAVIGATION */

#navi {
	height				: 37px;
	position			: relative;
	z-index				: 999;
}

#navigation {
	margin 				: 0px;
	padding				: 0px;
	z-index				: 999;
}

#navigation li {
	position 			: relative;
	padding				: 0px;
	display				: block;
	float				: left;
	margin				: 0px;
}

#navigation li a {
	color				: #FFFFFF;
	display				: block;
	float				: left;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 13px;
	line-height			: 38px;
	text-decoration		: none;
	text-align			: center;
	background-image	: url(../images/site/navigation/naviButton.png);
	background-repeat	: no-repeat;
	width				: 140px;
	height				: 37px;
	text-transform		: uppercase;
}

#navigation li a.subLink:hover, #navigation li a.subLinka:hover {
	/*background-image	: url(../images/site/navigation/naviButtonHover.png);*/
	background-repeat	: no-repeat;
}

#navigation li a.subLinka:hover, #navigation li a:hover, #navigation li a.aktiv, #navigation li a.subLinka{
	color 				: #b0dc39;
	/*background-image	: url(../images/site/navigation/naviButtonHover.png);*/
}

#navigation div.navibg {
	background-image	: url(../images/site/navigation/nav-sub-bg.png);
	background-repeat	: no-repeat;
	background-position	: bottom;
	padding-top			: 10px;
	padding-bottom		: 10px;
}

#navigation div {	
	position			: absolute;
	top					: 37px;
	left				: 0px;
	visibility			: hidden;
	margin				: 0px;
	padding				: 0px;
	background-image	: url(../images/site/navigation/nav-sub-bg.png);
	background-repeat	: no-repeat;
	background-position	: bottom;
}

#navigation div a {	
	color				: #ffffff;
	font-size			: 11px;
	font-weight			: normal;
	line-height			: 15px;
	width				: 110px;
	text-align			: left;
	background-image	: url(../images/site/navigation/nav-bullets.gif);
	background-repeat	: no-repeat;
	background-position	: 15px -14px;
	padding				: 5px 0px 5px 26px;
	height				: 15px;
}

#navigation div a:hover {	
	width: 114px;
	padding-right:0px;
	background-color	: #0e505c;
	background-image	: none;
	text-decoration		: none;
	background-image	: url(../images/site/navigation/nav-bullets.gif);	
	background-repeat	: no-repeat;
	background-position	: 15px 11px;
	color				: #b0dc39;
}


/* FOOTER */

#footerContainer {
	font-size			: 10px;
	margin-top			: 5px;
}

#footerContainer a, #footerContainer a:visited {
	color				: #1a171b;
}

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