
/*
######################################################################
 CSS basiertes 2/3-spaltiges Grundlayout
 Vorlage erstellt von Christian Sommer geändert von Rolf Schmidt
 für KSG-Tischtennis
######################################################################
*/
/* -------------------- */

html,body {
background-color:#678;
border:0;
color:#000;
height:101%;
margin:0;
padding:0;
text-align:center;
font-family:verdana, arial, helvetica, geneva, sans-serif;
font-size:small;

}

* {
color:#000;
margin:0;
padding:0;
}

p {
line-height:1.5em;
padding:5px 15px;
}

h1,h2,h3,h4 {
color:#1030A0;
font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight:400;
}

h1 {
font-size:160%;
margin:0;
padding:0;
}

h2 {
font-size:140%;
margin:0 0 0.25em;
padding-left:15px;
padding-top:1em;
}

h3 {
font-size:110%;
font-weight:700;
margin:0 0 0.25em;
padding-left:15px;
padding-top:1.5em;
}
ul {
padding-left:35px;
}

li {
line-height:1.5em;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

blockquote {
background:#FFFBEA;
border:1px #ffb400 solid;
border-left:8px #ffb400 solid;
color:#444;
margin:15px;
padding:0.6em;
width:92%;
}

table.blank {
border:0;
width:95%;
}

th.blank,tr.blank,td.blank {
background-color:#FFFFE0;
border:solid 1px #000;
border-style:none;
margin:0;
padding:5px;
}

img.left {
float:left;
padding:3px 10px 3px 1px;
}

img.right {
float:right;
padding:3px 5px 3px 10px;
}

/*
 * Untermenü und Nachrichtenspalte
 */
#subnav {
  background-color:#FFDD2F;
  float:left;
  overflow:hidden;
  width:160px;
  margin-top: 0px
}

#subnav li {
   margin:0;
  height: 100%
}

#subnav a {
background-color:#FFDD2F;
border-bottom:1px solid #D7B100; /*   CC9933 FFB400 */
border-left:8px solid #D7B100;   /* FFB400 */
color:#FF0000;
display:block;
font-size:85%;
font-weight:700;
line-height:2em;
padding:3px 12px 3px 8px;
text-decoration:none;
width:132px;
}

#subnav li li a {
background-color:#FFDD2F;
border:0;
color:#03c;
display:block;
font-size:85%;
font-weight:400;
margin-left:10px;
padding:3px 2px 3px 8px;
text-decoration:none;
}

#subnav li li a:hover {
border-left: 4px solid #D7B100;/*ff7d00  */
}

#subnav ul,#topbar ul {
list-style-type:none;
margin:0;
padding:0;
}

#subnav a:hover,#subnav li.aktiv {
   border-color:#BF9131;
   color:#0066aa;
   background-color: #FFD784
}
#subnav a.menu_current {
   border-color:#BF9131;
   color:#0066aa;
  background-color: #FFE7B3
}
/*
 *    Layout
 */

#container {
background:#FFFFE0 url(../images/background.jpg) repeat-y 0 0;
border:1px solid #000;
color:#000;
margin:15px auto;
text-align:left;
width:938px;
}

#header {
background:#06A url(../images/TTHeader_4.jpg);
height:120px;
position:relative;
text-align:left;
width:100%;
}

#header h1 {
color:#FFDD2F;
font:bold 120%/1.6em Arial, sans-serif;
height:70px;
overflow:hidden;
padding:0;
position:relative;
width:315px;
}

#header h1 em {
background:url(../images/header_logo.gif) no-repeat;
display:block;
height:70px;
left:0;
position:absolute;
top:0;
width:315px;
z-index:1;
}

#topbar {
  background-color:#000;
  height:26px;
  width:938px;
  color: #FFFFFF;
  padding          : 0;
  margin           : 0;
  font-size        : 1.2em;


}
#topbar ul li{
   float:   left;
   list-style-type: none;
   border-right: 1px solid #FFFFFF;
   white-space: nowrap;

}
#topbar ul li a {
  display: block;
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;
  /*
   color: #FFCC00;
  */
  color: #CCCCCC;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 9px;
  padding-top: 1px;
}

#topbar a:hover {
  text-decoration: none;
  background-color: #625C65;
  color: #FFCC00;
  display: block
}

#topbar a.menu_current {
  text-decoration: none;
  background-color: #47424A;
  color: #FFCC00;
  display: block
}

#content {
margin-left:180px;
margin-right:10px;
Margin-top:10px;
width:auto;
}

#content2 {
margin-left:180px;
margin-right:180px;
Margin-top:10px;
width:auto;
}

#content a, #content2 a {
color:#0000bb;
font-weight:700;
}

#content a:hover, #content2 a:hover {
color:#ff0000;
font-weight:700;
}
	table.aktuell td.titel {
		padding: 3px 6px;
		background-color: #666666;
		font-family: Arial, sans-serif;
		color: white;
		font-size: 11px;
		text-align: center;
	}
	table.aktuell td.titelmf {
		padding: 3px 6px;
		background-color: #666666;
		font-family: Arial, sans-serif;
		color: yellow;
		font-size: 11px;
		font-weight: bold;
		text-align: center;
	}
	table.aktuell td.titel a, table.thema td.titel a { color: white; }
	table.thema td.titel {
		padding: 3px 1px;
		color: white;
		background-color: #0077BD;
		font-size: 10px;
		font-weight: bold;
	}
	span.bild {
		float: right;
		padding: 0px 0px 10px 10px;
	}
	table.anordnung td.themen {
		clear: both;
		padding: 0px 0px 0px 10px;
	}
	td.themen span {
		float: left;
		padding: 0px 5px 5px 0px;
	}

	span.bild table, table.aktuell, table.thema { width: 40px; }
	span.bild table { border: 1px solid gray; }
	table.aktuell { border: 1px solid #666666; }
	table.thema { border: 1px solid #0077BD; }
	table.grau { border: 1px solid grey; }
	span.bild table td, table.aktuell td, table.thema td, table.grau td { padding: 6px; }



#spalterechts {
background-color:#FFFFCC;
float: right;
overflow:hidden;
width:164px;
  border-left: 1px solid #B7B489;
  border-bottom: 1px solid #B7B489;
  height: 100%;
}
#alg_tab {
   border: 1px solid #000;
   margin-bottom: 10px;
   background-color: #a4c5ee;
   margin-left: 15px
}

#spons_tab_glob {
  border: 0px;
  margin-top: 12px
}

#spons_tab {
   border: 1px solid #000;
   margin-bottom: 10px;
   margin-left: 12px;
   margin-top: 5px
}

#spons_header {
   background-color:#FFDD2F;
   border-bottom:1px solid #000;
   font-weight:700;
   text-align: center;
}
#spons_body {
   background-color:#FFFEDF;
   font-weight:700;
   text-align: center;
}
/*
 *  Termine Box
 */
#news_start {
 	line-height: 18px;
   background-color:#FFFFCC;     /* blue A7B8F6        braun CC9933   FFCC66 FFFFCC*/
   font-weight: 700;
   text-align: left;
   font-size: 12px;
   color: #000000;
  padding-left: 14px;
  border: 1px solid #D7B100;
}

#news_tab {
     border: 1px solid #996633;
     margin-bottom: 5px;
  margin-top: 10px
}

#news_header {
 	line-height: 14px;
   background-color:#D7B100;     /* blue A7B8F6        braun CC9933 */
   border-bottom:1px solid #996633;
   font-weight:700;
   text-align: left;
   font-size: 10px;
   color: #000000;
  padding-left: 4px
}
#news_header_norm {
 	line-height: 14px;
   background-color:#D7B100;     /* blue A7B8F6        braun CC9933 */
   border-bottom:1px solid #996633;
   font-weight:700;
   text-align: left;
   font-size: 10px;
   color: #000000;
   padding-left: 4px
}
#news_header_red {
 	line-height: 14px;
   background-color:#FF9999;     /* blue A7B8F6        braun CC9933 */
   border:1px solid #996633;
   font-weight:700;
   text-align: left;
   font-size: 10px;
   color: #000000;
   padding-left: 4px
}
#news_header_blue {
 	line-height: 14px;
   background-color:#99CCFF;     /* blue A7B8F6        braun CC9933 */
   border-bottom:1px solid #996633;
   font-weight:700;
   text-align: left;
   font-size: 10px;
   color: #000000;
   padding-left: 4px
}

#news_body {
 	 line-height: 12px;
  	 padding-top: 4px;
  	 padding-left: 2px;
  	 padding-right: 2px;
  	 padding-bottom: 8px;
  	 background-color: #FFFEDF;   /* #A7B8F6*/
   color: #000000;
   font-size: 10px
}
	p.haftung {
		PADDING-RIGHT: 5px;
		PADDING-LEFT: 1px;
		PADDING-BOTTOM: 5px;
		PADDING-TOP: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: normal;
		line-height: 12px;
		color: #3F0CC5;
	}

	td.txt1 {
		PADDING-RIGHT: 5px;
		PADDING-LEFT: 5px;
		PADDING-BOTTOM: 5px;
		PADDING-TOP: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		line-height: 18px;
		color: #000000;
	}

#footer {
background-color:#0066aa;
clear:both;
height:1%;
margin-top:15px;
min-height:1.8em;
width:100%;
}

#footer p {
color:#FEDD30;
font-size:85%;
font-weight:700;
margin:0;
padding:2px 0;
text-align:center;
}

	/*
	 *	Blockanzeige
	 */
	TABLE.std {
		BORDER-RIGHT: #996600 1px solid;
		BORDER-TOP: #996600 1px solid;
		BORDER-LEFT: #996600 1px solid;
		BORDER-BOTTOM: #996600 1px solid;
		border-spacing: 0px;
}

	TH.std {
		PADDING-RIGHT: 2px;
		PADDING-LEFT: 2px;
		PADDING-BOTTOM: 2px;
		PADDING-TOP: 2px;
		height: 24px;
		BORDER-BOTTOM: #CC9900 1px solid;
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #000000;
		background-color: #FFDD2F;
		TEXT-ALIGN: center
	}
	TD.std {
		PADDING-RIGHT: 2px;
		PADDING-LEFT: 0px;
		PADDING-BOTTOM: 5px;
		PADDING-TOP: 4px;
		FONT-FAMILY:  Verdana, Arial, Helvetica, sans-serif;
      font-size: 0.90em;
		COLOR: #0931FB;
		BACKGROUND-COLOR: #FFFFCC;
		TEXT-ALIGN: left
	}
	TD.std_weiter {
		PADDING-RIGHT: 0px;
		PADDING-LEFT: 0px;
		PADDING-BOTTOM: 0px;
		PADDING-TOP: 0px;
		FONT-FAMILY:  Verdana, Arial, Helvetica, sans-serif;
		FONT-SIZE: 10px;
		COLOR: #0931FB;
		BACKGROUND-COLOR: #FFDD2F;
		TEXT-ALIGN: left;
      border-top-width: thin;
      border-top-style: solid;
      border-top-color: #DFBF7D;
}
	img.anbild {
		border-color:#996600;
		color:#996600;
		margin-left:4px;
      margin-bottom: 4px;
      margin-right: 10px
   }
	/*
	 *	Veranstaltungen
	 */
	TABLE.std_v {
		BORDER-RIGHT: #996600 1px solid;
		BORDER-TOP: #996600 1px solid;
		BORDER-LEFT: #996600 1px solid;
		BORDER-BOTTOM: #996600 1px solid;
		border-spacing: 0px;
}

	TH.std_v {
		PADDING-RIGHT: 2px;
		PADDING-LEFT: 8px;
		PADDING-BOTTOM: 1px;
		PADDING-TOP: 1px;
		height: 14px;
		BORDER-BOTTOM: #CC9900 1px solid;
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #663300;
		background-color: #FFDD2F;
		TEXT-ALIGN: center
	}
	TH.std_frei {
		PADDING-RIGHT: 2px;
		PADDING-LEFT: 8px;
		PADDING-BOTTOM: 1px;
		PADDING-TOP: 1px;
		height: 14px;
		BORDER-BOTTOM: #CC9900 1px solid;
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #663300;
		background-color: #CCFF99;
		TEXT-ALIGN: center
	}

	TD.std_v {
		PADDING-RIGHT: 4px;
		PADDING-LEFT: 4px;
		PADDING-BOTTOM: 2px;
		PADDING-TOP: 4px;
		FONT-FAMILY:  Verdana, Arial, Helvetica, sans-serif;
      font-size: 0.80em;
		COLOR: #0931FB;
		BACKGROUND-COLOR: #FFFFCC;
		TEXT-ALIGN: left;
      line-height: 1,2%
}
	TD.Bildunterschrift {
		float:left;
		font-size:10px;
		color:#1030A0;
		margin:5px 0px 0px 3px;
		padding:4px;
		background-color: #FFFFCC;
	}

.last_mod {
	color:#1030A0;
	font-size:75%;
	font-weight:400;
	margin:0;
	padding:2px 0;
	text-align:center;
}
