/* Tennis HP
Start 01.12.2006
Last update: 01.12.06
*/

/* Used Colours (Colourages):
Rot: #EA1911
Weinrot: #9C0001
Logo Grün: #72E100
Dunkel Grün: #67C100
orange-gelb: #D5AD00
Gelb: #ffd602
Goldgelb: #F2BB00
*/

*{
padding: 0;
margin: 0;
}

body{
/*background: #1D6E3C url(medien/bg.jpg) top left repeat-x; */
text-align: center; /* Zentrierung des Layouts im IE 5 */
font-size: 75%;
/*line-height: 1.4em; */
color: #333;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

h1{
float: left;
width: 100%;  
margin: 0 0 25px 0;
padding: 0;
color: #9C0001;
background: #fff;
font-size: 1.3em;
font-weight: bold;
line-height: 1.0em; 
position: relative;
text-align: center;
display: inline; /*  Doubled float-margin bug Win IE, http://www.positioniseverything.net/explorer/doubled-margin.html */
}

h2{
font-size: 1.0em;
font-weight: bold;
font-style: italic;
line-height: 1.2em;
margin: 10px 80px 10px 0;
color: #9C0001;
padding: 4px;
border-bottom: 1px solid #67C100;
}

h3{
font-size: 1.1em;
color: #222;
margin: 18px 10px 4px 0px;
padding: 0 0 0 4px;
line-height: 1.2em;
font-weight: bold;
border-left: 12px solid #67C100;
}

h4{
margin: 10px 0 5px 12px;
padding: 0px;
font-size: 1.0em;
color: #222;
}

a:link{
color: #F2BB00;
text-decoration: underline;
}

a:visited, a:active{
color: #67C100;
text-decoration: none;
}

#inhalt a:visited, a:active{
padding-left: 11px;
background: url(visited.gif) no-repeat 0 50%;
}

#inhalt p{
margin-top: 20px;
}

a:hover{
background: #F2BB00;
color: #fff;
text-decoration: none;
}

.clear {
clear: both;
}

img{
border: 0;
}

a img {
border: 0;
margin: 0;
}

.imgmargin{
margin: 10px;
}

ul,li{
margin: 0;
list-style-type: none;
}

#inhalt li{
background: url(li.gif) no-repeat 0 50%;
padding: 3px 0 3px 12px; 
}

/*
.list li {
border-left: 3px solid #1D6E3C;
padding: 0 0 0 5px;
margin: 3px 0 0 15px;
}

.horizontal li {
display: inline;
margin: 0 0 0 5px;
padding: 0;
}

ul.horizontal li {
margin: 0;
padding: 0;
clear: both;
}
*/

.none {
display: none;
}

.left{
float: left;
}

.right{
float: right;
}

.leftpic{
float: left;
border: 0;
margin: 8px;
}

.rightpic{
float: right;
border: 0;
margin: 8px;
}

/*
#dllist{
border: 1px solid #ccc;
}

#dllist dl{
border: 1px solid #ccc;
}

#dllist dt{
display: inline;
float: left;
width: 200px
padding: 0;
margin: 0;
border: 1px solid #ccc;
}

#dllist dd{
width: 400px;
float: left;
border: 1px solid #ccc;
}
*/
.tablist{
width: 100%;
font-size: 95%;
padding: 0;
border: 0px;
border-spacing: 8px;
}

.tablist td{
padding: 2px 8px;
}

.tablist th{
padding: 2px 20px 2px 0;
margin: 0px;
color: #9C0001;
font-style: italic;
border-right: 1px solid #67C100;
}

#gallery{
padding: 0;
margin: 5px 0 20px 0;
float: left;
width: 100%;
}

#gallery dl{
padding: 0;
margin: 0;
float: left;
width: 200px;
}

#gallery img{
padding: 8px;
width: 184px;
}

#gallery dd{
font-size: 85%;
font-style: italic;
vertical-align: bottom;
}

/* Wrapsection */
#wrap {
margin: 0 auto;
padding: 0;
width: 800px;
text-align: left;
height: 100%;
}

/* Header und Footersection */
.links {
float: left;
width: 800px;
margin: 5px auto;
font-size: 95%;
text-align: center; /* m*/
color: #9C0001;
}

/* Bannersection */
#banner {
width: 799px;
height: 104px;
background: #D5AD00 url(bannerpic.jpg) bottom left no-repeat;
float: left;
margin: 0;
text-align: left;
padding: 0 0 0 0;
border-right: 1px solid #72E100;
}

#bannertext{
margin: 0;
padding: 28px 0 0 680px;
font-size: 9px !important;
font-style: italic;
color: #fff;
}

#bannertext em{
margin: 0;
padding: 0;
display: block;
font-size: 9px !important;
color: #9C0001;
background: transparent;
text-align: left;
font-weight: bold;
}

#bannertext a{
color: #9C0001;
}

#main {
clear:both;
background: url(navi-bg-bar.jpg) top left repeat-y;
}

/* menu */
#menu {
width: 170px;
float: left;
background: #67C100 url(navi-bg-bar.jpg) top left repeat-y;
padding: 0;
margin: 0;
}

#menu img {
margin: 0;
clear: both;
}
	
#menu ul{
clear: both;
margin: 30px 0;
width: 156px;
list-style-type: none;
}

#menu li{
height: 100%;
}
	
#menu li a:link, #menu li a:visited{
background: #72E100 url(navi-li-bg.jpg) bottom left no-repeat;
display: block;
font-size: 105%;
font-weight: bold;
text-decoration: none;
color: #fff;
padding: 7px 0 7px 12px;
}

#menu li a:focus, #menu li a:hover{
background: #72E100 url(navi-li-bg.jpg) bottom right no-repeat;
text-decoration: underline;
}

#menu ul ul {
clear: left;
font-size: 80%;
margin: 0 0 3px 5px;
padding: 0;
width: 134px;
}

#menu li li a:link, #menu li li a:visited{
background: none;
margin: 0;
padding: 2px 0 2px 12px;
text-decoration: none;
border-left: 0px;
border-top: 0px;
border-bottom: 1px solid #72E100;
border-right: 1px solid #72E100;
}

#menu li li a:focus, #menu li li a:hover {
background: none;
color: #9C0001;
text-decoration: underline;
}

.active{
background: #72E100 url(navi-li-bg.jpg) bottom right no-repeat !important;
color: #9C0001 !important;
}

.activesubnavi{
color: #9C0001 !important;
text-decoration: none !important;
border-bottom: 1px solid #9C0001 !important;
border-right: 1px solid #9C0001 !important;
}

/* Leere Markierungsid für JS Navigation. */
#activeid{
}

	
/* Inhalt: nicht gefloatet. Mit margin zum letzten float. */
#inhalt{
/*width: 608px; */ /* Kein width, da Probleme mit IE (box-model bug). */
background: transparent url(bg-unten.jpg) bottom right no-repeat;
margin: 0px 0px 0px 170px;
padding: 30px 10px 20px 10px;
}

#spalte1{
float: left;
margin: 0;
width: 290px;
background: transparent;
padding: 0 0 5px 0;
}

#spalte2{
float: left;
margin: 0;
background: transparent;
width: 290px;
padding: 0 0 5px 30px;
}

#spalte1 dl, #spalte2 dl{
padding: 0 0 0 15px;
}

.links a:link, .links a:visited, .links a:active{
margin: 0;
padding: 0 3px 0 3px;
text-decoration: none;
color: #9C0001;
}

.links a:hover{
background: #9C0001;
color: #fff;
text-decoration: none;
}

#inhalt dt{
display: block;
font-weight: bold;
font-size: 100%;
margin-top: 20px;
}

#inhalt dd{
display: inline;
margin-left: 50px;
margin-top: 5px;
}

form{
width: 480px;
margin: 10px 0 10px 20px;
}
fieldset{
padding: 8px 0 6px 0;
border: 1px solid #67C100;
background: #eee;
}
fieldset label{
margin: 0 0 0 10px;
display: block;
}
fieldset legend{
margin: 0 0 0 10px;
font-weight: bold;
font-size: 110%;
color: #9C0001;
}
textarea {
width: 460px;
height: 140px;
}
input, textarea {
border: 1px solid #67C100;
margin: 1px 0 8px 10px;
}
label,
input[type=checkbox],
input[type=radio] {
cursor: pointer;
}
input:focus, textarea:focus {
border: 1px solid #9C0001;
background: #67C100;
color: #fff;
}

.message{
margin: 30px 0 30px 20px;
font-weight: bold;
}

.error{
margin: 30px 0 30px 20px;
font-weight: bold;
border: 1px;
border-color: #ccc;
}

#sitemap{
margin: 0;
padding: 0;
}

#sitemap ul{
margin: 5px 0;
}

#sitemap li{
margin: 0;
list-style-type: none;
background: none;
color: #9C0001;
font-weight: bold;
}

#sitemap li li{
margin: 0 0 0 15px;
background: url(li.gif) no-repeat 0 50%;
padding: 3px 0 3px 12px; 
font-weight: bold;
color: #9C0001;
}

#navipointer{
margin: 10px 0 0 20px;
padding: 2px 0 3px 0;
color: #9C0001;
font-style: italic;
border-bottom: 1px solid #72E100;
}

#navipointer a{
color: #666;
}

/*
.error p ul li{
font-weight: bold;
}

.error h2{
font-weight: bold;
font-size: 110%;
color: #EA1911;
}
*/

.adresse{
margin: 10px 50px;
}

.copyr {
clear: both;
position: relative;
margin-left: 9px;
width: 160px;
font-style: italic;
font-size: 0.8em;
bottom: 0px;
}

.cleaner {
clear:both;
height:1px;
font-size:1px;
border:0px none;
background: transparent;
visibility: hidden;
}