/*
www.pkdesign.de | Template f�r Website Baker 2.8
CSS f�r Website Baker Tennisclub Rot-Weiss Lauterbach e.V.
Alle box sind mit float ausgerichtet
Boxen welche beim Druck nicht dargestellt werden sollen 
mit -> display: none; kommentieren
*/


/****************************************/
/* Seite                                */
/****************************************/	
html, body {
	margin: 0px;
	padding: 0px;
	height:100%;
	background-color: #d9d9d7;
	background-image: url(images/hg_body.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

/* Schrift allgemein */
body,div,table,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}

/* Aussenbox */
#container-page {
	width: 100%;
	background: transparent;
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

/* box aussen */
#container-content {
	float: left;
	width: 100%;
	padding-top: 20px; /* abstand page zum oberen browserrand */
	padding-bottom: 120px; /* hoehe des footer */
}

/* Tabellen */
table, td, th {
	border: none;
	padding: 3px;
}

/* 11er Schrift allgemein */
.txt11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
}

/* Bilder */
img{ border: 0px;}

/* Standardlinks */
a:link, a:visited, a:active {
	color: #b22222;
	text-decoration: none;
}
a:hover {
	color: black;
	text-decoration: none;
}

/* Links in der Fusszeile */
a.footerlink:link { font-size:9px; color: #696969; text-decoration: none;}
a.footerlink:visited{font-size:9px; color: #696969; text-decoration: none;}
a.footerlink:hover {font-size:9px; color: #f5f5f5; text-decoration: none;}

/* Kein gestrichelter Rand um Links */
a:focus {
	outline: none;
	-moz-outline: none; /* damit verstehen es alle Gecko-Browser */
}

/* �berschriften */
h1, h2, h3, h4, h5 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
}

/* Hervorhebung nach suchen */
.highlight {
	border-bottom: 1px double #cd5c5c;
}

.clear {
	clear: both;
}

/****************************************/
/* KOPF Container                       */
/****************************************/
/* box aussen fuer logo, menue und titel */
#kopf {
	margin: auto;
   padding-top: 10px;
   width: 910px;
	height: 270px; 
	background-color: white;
	display: none;
}
/* box aussen fuer logo */
#kopf-bild {
	margin: auto;
   padding: 0px;
   width: 900px;
	height: 228px;
	background-image: url(images/kopf.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

/* Titel der Seite */
#title {
	float: left;
	width: 90%;
	margin: 160px 0 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	color: #b22222;
}


/****************************************/
/* Container Inhalt                     */
/****************************************/	
/* uebercontainer f�r Inhalt links und rechts */
#content-aussen{
	margin: auto;
   padding: 0px;
   width: 910px;
	background-image: url(images/hg_content.gif);
	background-repeat: repeat-y;
}

/* linke spalte mit menue vertikal */
#content-left {
	float: left;
	margin: 0px 0px 0px 8px;
	padding: 0px;
	width: 200px;
	display: none;	
}

/* linke spalte besucherzaehler */
#content-zaehler {
	float: left;
	margin: 0px 0px 0px 8px;
	padding: 0px;
	width: 200px;
	display: none;	
}

/* mittlere spalte mit inhalt/text */
#content-mitte {
	float: left;
	margin: 0 0 0 20px;
	width: 495px;
}
/* text innen */
#content {
	float: left;
	padding: 15px 10px 20px 0;
	line-height: 16px;
	font-size: 12px;
}

/* rechte spalte mit bloecken */
#content-right {
	float: right;
	margin: 0 5px 0 0;
	padding: 0px;
	width: 180px;
	display: none;	
}

/* grauer kopfbalken vom block */
#block-kopf {
	margin: auto;
	padding: 4px 10px 1px 5px;
	width: 165px;
	height: 17px;
	font-size: 10px;
	text-align: right;
	text-transform: uppercase;
	background-color: #d9d9d7;
}
/* block mit inhalt */
#block {
	margin: auto;
	padding: 0px;
	width: 170px;
	font-size: 10px;
	background-color: transparent;
}


/****************************************/
/* FOOTER unter Text                    */
/****************************************/	
/* Container Footer */
#footer {
	margin: auto;
   width: 910px;
	height: 55px;
	padding: 0px;
	background-image: url(images/hg_footer.gif);
	background-position: top;
	background-repeat: no-repeat;
	display: none;	
}
/* footer innen mit text */
#footer-innen {
	float: right;
	width: 650px;
	margin: 13px 10px 0 0;
	text-align: center;
	font-size: 10px;
	color: #696969;
}
/* box fuer abstand zw. text und werbung */
#footer-abstand {
	float: left;
	width: 100%;
	margin: 20px 0 0 0;
	background-color: transparent;
}


/****************************************/
/* FOOTER WERBUNG                       */
/****************************************/	
/* Container Footer aussen seitenende */
#footer-werbung {
	position: absolute;
	bottom: 0 !important;
	bottom: -1px;
   width: 100%;
   height: 120px;
   background-color: #eaeaea;
   border-top: 1px solid #a9a9a9;
	display: none;
}
/* footer innen mit werbung seitenende */
#werbung {
	margin: auto;
	margin: 13px 10px 0 0;
	text-align: center;
	font-size: 10px;
	color: #708090;
}


/****************************************/
/* Menue horizontal oben                */
/****************************************/	
/* Menue-box horizontal Definition */
#menue-horizontal {
	width: 900px;
	height: 32px;
	margin: auto;
	background-image: url(images/hover_m_left.gif);
	background-repeat: repeat-x;
	display: none;
}
#menue-horizontal ul{
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#menue-horizontal li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#menue-horizontal a {
	float: left;
	height: 25px;
	margin: 0px;
	padding: 8px 10px 0px 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	font-weight: bolder;
 
}
#menue-horizontal a:hover{
	float: left	height: 25px;
	margin: 0px;
	padding: 8px 10px 0px 10px;
	background-image: url(images/hover.gif);
	background-repeat: repeat-x;
}
#menue-horizontal .menu_current {
	font-weight: bolder; 
	color: white;
	background-image: url(images/hover.gif);
	background-repeat: repeat-x;
}


/****************************************/
/* Menue vertikal links neben Ihnhalt   */
/****************************************/	
/* grafik mit rundung rechts oben */
#box-kopf {
	float: left;
	width: 210px;
	height: 50px;
	background-color: white;
	background-image: url(images/ecke_menue_left.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
/* box fuer menueaufnahme aussen */
#box-menue {
	float: left;
	margin: 0px;
	padding: 0;
}

/* box fuer menueaufnahme innen */
#box-menue-innen {
	float: left;
	margin: 0 0 0 8px;
	padding: 0;
	width: 185px;
	background-color: transparent;
}
/* Ebene */
#box-menue ul { 
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
/* Ebene */
#box-menue ul li {
	width: 100%; 
}
/* Links erste Ebene */
#box-menue li a:link, 
#box-menue li a:visited, 
#box-menue li a:hover {
	display: block;
	color: black;	
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	padding: 8px 8px 8px 5px;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #c7c7c7;	
}

/* Links zweite Ebene */
#box-menue li li a:link, 
#box-menue li li a:visited, 
#box-menue li li a:hover {
	padding: 5px 5px 5px 15px;
	background-color: transparent;
}

/* Links 1 u. 2. Ebenen hover und aktiv */
#box-menue li a:hover,
#box-menue li a.menu-current,
#box-menue li li a:hover,
#box-menue li li a.menu-current {
	font-weight: bolder;
	color: white;
	background-image: url(images/hover_m_left.gif);
	background-repeat: repeat-x;
	background-position: center;
}

/* Grafik fuer Oberkategorie */
#box-menue li a.menu-parent, 
#box-menue li a.menu-expand:hover {
	color: white;
	background-image: url(images/hover_m_left.gif);
	background-repeat: repeat-x;
	background-position: center;
}


/****************************************/
/* SUCHEN                               */
/****************************************/	
/* Container Suchen */
#suchen {
	float: left;
	width: 175px;
	height: 23px;
	background-color: transparent;
}

/* Suchformular Eingabefeld*/
#suchen input {
	float: left;
	width: 175px;
	padding: 2px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #b22222;
	font-weight: normal;
	border: 1px solid #000000;
	background-color: transparent;  
}


/****************************************/
/* Login                                */
/****************************************/	
/* box login */
#login {
	float: left;
	margin: 15px 0px 15px 8px;
	width: 180px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	border: 3px solid #f2f2ee;
	background-color: #e5e5e3;
	text-align: center;
}
#login input{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3a6465;
	width: 170px;
}
#login .formbutton {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#login a{
	color: #596673;
}



/* ##### ENDE ##### */