/* ***********************************
     Tennis-Jugend-Stiftung 2005
     TYPE	: Stylesheet
     TITLE	: Tennis-Jugend-Stiftung Basic Style
     DESC	: Main Stylesheet for Tennis-Jugend-Stiftung
     AUTHOR	: Renate Prinzing // www.sevenpixels.de

   *********************************** */
body {
  background-color: #FFF;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 1em;
  color: #2424B5;
  margin: 0;
  padding: 0;
  background-image:url(/images/layout/back.gif);
  background-repeat: repeat-y;
  width: 100%;
}
br {
  letter-spacing: 0;
}
table {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 1em;
  border-collapse: collapse;
  line-height: 1.28em; /*14px*/
  letter-spacing: 0.1em;
}
h1 {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 1em; /* 16px */
  color: #2424B5;
  font-weight: bold;
  padding: 0;
  margin: 0 0 0.625em 0 ; /* 10px */
  letter-spacing: 0.05em;
  width: 40em;
}
h2 {
  font-family: Verdana, Helvetica, sans-serif;
  color: #2424B5;
  font-weight: bold;
  font-size: 1em;
  margin: 0;
  padding: 0;
}
img {border: 0;}

p { 
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

a:link {
  color: #CC6633;
  font-weight: bold;
  text-decoration: none;
}

a:visited {
  color: #CC6633;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  color: #CC6633;
  font-weight: bold;
  text-decoration: none;
}
a:active {
  color: #CC6633;
  font-weight: bold;
  text-decoration: none;
}

/* ---------- RAHMEN ----------  */ 
#wrap {
  width: 100%;
}
/* ---------- /RAHMEN ----------  */ 

/* ---------- HEADER ----------  */ 
#headerWrap {
  width: 100%;
  background-color: #CC6633;
}
#headerStripe {
  width: 100%;
  height: 0.3125em /*5px*/;
  background: #FFF;
}
#headerStripe img {
  width: 100%;
  height: 0.9375em; /*15px*/
}
#header {
  width: 60.875em; /*974px*/
}
.headerBild {
  width: 14.375em; /*230px*/
  height: 9.375em; /*150px*/
}
#Logo {
  width: 25em; /*400px*/
  height: 9.375em; /*150px*/
}
#headerBild02 {
  width: 7.125em; /*114px*/
  height: 9.375em; /*150px*/
}
#corner {
  position: absolute;
  top: 9.375em; /*151px*/
  left: 14.375em; /*230px*/
}
#corner img {
  width: 0.9375em; /*15px*/
  height: 0.9375em; /*15px*/
}
/* ---------- /HEADER ----------  */ 

/* ---------- NAVIGATION ----------  */ 
#navi {
  position: absolute;
  left: 0;
  top: 9.4375em; /*151px*/
  margin: 0; 
  padding: 0;
  background: #FFF;
  width: 14.375em; /*230px*/
}
#navi li{
  background: #2424B5;
  margin: 0;
  padding: 0;
  list-style-type: none;  
  text-align: right;
  line-height: 1.1875em; /* 19px*/
  margin-bottom: 0.0625em;
  font-weight: bold;
}
#navi li a {
 display: block;
 padding-right: 1.8em; /*20px*/
 margin: 0;
 color: #FFFFFF;
 font-size: 0.6875em; /* 11px */
 text-decoration: none;
 letter-spacing: 0.2em;
}
#navi li a:hover {
 background: #9191DA;
}
#naviActive {
 background: #9191DA;
}
/* ---------- /NAVIGATION  ----------  */ 

/* ---------- CONTENT  ----------  */ 
#content {
  margin: 2em 0 0 17em; 
}
#contentText {
  font-size: 0.6875em; /* 11px */
  line-height: 1.3em; /*14px*/
  letter-spacing: 0.1em;
  width: 46em;
}

#contentText img {
  border: 0.18em solid #9191DA; /*2px*/
}

#contentTextBild {
  font-size: 0.6875em; /* 11px */
  line-height: 1.3em; /*14px*/
  letter-spacing: 0.1em;
  width: 53.5em;
}
#text {
  width: 35em;
  float: left;
}
#contentBild {
  float: right;
}
#contentBild img {
  border: 0.18em solid #9191DA; /*2px*/
}
#textSmall {
  width: 30em;
  float: left;
}
.bildRahmen {
  border: 0.18em solid #9191DA; /*2px*/
}
/* ---------- /CONTENT  ----------  */ 

/* ---------- GÄSTEBUCH ---------- */
#contentGaestebuch {
  font-size: 0.6875em; /* 11px */
  line-height: 1.3em; /*14px*/
  letter-spacing: 0.1em;
  width: 65em;
}
#gaestebuchEintraege {
  width: 39em;
  float: left;
}
#gaestebuchEintrag {
  float: left;
  margin-left: 4em;
  width: 21em;
}
.gaestebuchEintragSmall {
  font-size: 0.9em;
  line-height: 1.2em;
  margin-bottom: 2em;
}
.gaestebuchForm {
  width: 22em;
}
.gaestebuchForm label {
  clear: both;
  float: left;
  cursor: pointer;
  width: 4.5em;
}
#name, #email, #city, #message  {
  float: left;
  font-size: 1em;
  background: #FFFF99;
  border-left: 0.0625em solid #848484;
  border-top: 0.0625em solid #848484;
  border-right: 0.0625em solid #FAFAFA;
  border-bottom: 0.0625em solid #FAFAFA;
  color: #2424B5;
  width: 16em;
  margin-bottom: 0.5em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
#message {
  height: 10em;
}
.gaestebuchSubmit {
  margin-left: 4.3em;
  background: #FFFF99;
  border-left: 0.0625em solid #FAFAFA;
  border-top: 0.0625em solid #FAFAFA;
  border-right: 0.0625em solid #848484;
  border-bottom: 0.0625em solid #848484;
  color: #2424B5;
  padding-top: 0.1em;
  font-size:  1.1em;
  font-weight: bold;
 }
body>#wrap>#content>#contentTextBild>#gaestebuchEintrag>.gaestebuchForm>.gaestebuchSubmit {
  margin-left: 4em;
}
#listHeader {
  border-top: 0.075em solid #FFF;
  border-bottom: 0.075em solid #2424B5;
  padding-bottom: 0.25em;
  margin-bottom: 1em;
}
#listFooter {
  border-top: 0.075em solid #2424B5;
  padding-top: 0.25em;
  margin-top: 1em;
  clear: both;
}
.listPage {
  float: left;
  width: 27em;
}
.listNavi {
  float: right;
  text-align: right;
  width: 11em;
}
.gaesteBuchSmall {
  margin-top: 1em;
  font-size: 0.85em;
  line-height: 1.2em;
  border: 0;
  padding: 0;
}
.gaesteBuchSmall  td{
  padding: 0;
  padding-right: 0.25em;
  vertical-align: top;
  white-space:nowrap;
}
.gaesteBuchSmall th{
  padding: 0;
  padding-right: 0.75em;
  height: 1.5em;
  vertical-align: top;
  white-space:nowrap;
  font-weight: normal;
  text-align: left;
}
.gaesteBuchSmall a:link, .gaesteBuchSmall a:visited, .gaesteBuchSmall a:hover, .gaesteBuchSmall a:active {
  color: #2424B5;
  font-weight: normal;
}
hr {
  border: solid #2424B5 0.035em;
  height: 0.035em;
}
.invisible {  
  display: none;
}
.message {
  margin-bottom: 1em;
}
/* ---------- /GÄSTEBUCH---------- */

/* ---------- EDIT ----------  */ 
.info {
  font-size: 12px;
  color: #FF0000;
  font-weight: bold;
}
/* ---------- /EDIT ----------  */ 
