/* ******************* html, body **************************** */
html {
   margin: 0;
   padding: 0;
   background-color: white;
   color: black;
}
body {
margin:  0px;
padding: 0px;
font-family: verdana, arial, helvetica; 
font-size: 88%; 
/*background-image: url(bluebox.jpg);  
background-repeat: no-repeat;
background-position:  10px  10px; */
background-color: white;
color: black;
 }

/* ******************* Seitenaufteilung **************************** */
#kopf{
background-color: navy;
color: white;
height: 85px;
padding-top: 6px;
padding-bottom: 12px; 
padding-left: 5px;
margin-top: 0px;
} 

#kopfrechts{
float: right; 
width: 60px;
background-color: navy;
margin-top: 10px;
margin-right: 15px;
}

#mainnav{
background-color: white;  
color: navy;
float: left;
width: 150px;
padding: 0;
margin-top: 20px;
border: 0;
font-weight: bold;

}

#main{
margin-top: 0px;
/* background-color: white; */ /* test gg Bug */
color: black;
padding-left: 150px;
padding-right: 50px;
padding-top: 20px;

}

/* **************** Hauptüberschrift *************************************** */
.jkah{
margin-left: 120px;
color: white;
padding-top: 25px; 
margin-top: 0px;
font-size: x-large;


}

/* *************** Abstände ******************************************* */
.mali10px{
margin-left: 10px;
}

.patop40{
padding-top: 40px;

}
.patop20{
padding-top: 20px;

}




/* ************** Menü links ****************************************** */
#mainnav a {
color:navy;

font: bold 12px; verdana, arial, helvetica, sans-serif;
margin:20px 0 10px 0;
padding:1px 3px 1px 4px;
text-decoration:none;
background:transparent;
display:block;
width:100px;
}

#mainnav a:hover {
text-decoration:underline;
color: red;
}

.liste{
	list-style-type: none;
	margin-left: 5px;
	padding: 0px;
}

.liste li{
padding: -3px;
}

.aktivliste{
color: red;
/* margin: 7px 0px 20px 0px; */
/* letter-spacing: 1px; */
}
/* -------------------------- untermenue -------------------------------------- */
ul#untermenue{
list-style: none;
font-size:13px;
margin:10px 0px 30px 0px;
padding: 0px;
}
#untermenue li{
float:left; 
width: 100px;
display:inline;
text-align:center;
/* background-color: silver; */
padding: 1px 1px;
margin-right: 6px;
margin-top: 10px;
border-color: navy;
border-style: solid; 
border-width: 1px;
}

#untermenue a, a:visited {
margin-left: 0px;
color: navy;
text-decoration:none;
}

#untermenue a:hover {
/* border-left-style:solid; */
border-left-width: 6px;
padding-left:5px;
text-decoration: underline;
color:red;
}
.aktiv {
color: red;
/* background-color:silver !important; */
}
.redspan {
color: red;
}

/* ******************************* Überschriften ****************************** */
h2{
font-size: medium;
color: navy;
}

h3{
color: navy;
}

/* ******************************* diverse *********************************** */
.hoch{
text-align: left; 
padding-top: 60px;
/*padding-left: 600px; */
}
.hoch a{
color: navy;
}

.lihoch{
text-align: left; 
padding-top: 30px;
padding-left: 500px;

}
.lihoch a{
color: navy;
}

.footer{
background-color: white;
padding-left: 150px;
padding-top: 40px;

}

#bildanzeige{
margin-left: 100px;
margin-top: 0px;
}

#bildanzeige h2 {
margin-top: 20px;

}


#kopfrechts a{
color: white; 
/* text-decoration: none; */
}

/* RAUSNEHMEN FALLS DIE BREITE GENERELL BESCHRÄNKT WIRD - VERWENDUNG Zur Zeit in trainer.htm */
.p600{
width: 600px;
padding: 5px;
}

.unten30px{
margin-bottom: 30px;
}

p{
line-height: 1.5;
}

.topmarginminus10{
margin-top: -10px;
}

/*
.aktuell{
margin-bottom: 30px; 
border-color: navy;
border-width: 1px;
border-left-style: solid;
}

*/

.imgli{
margin-right: 10px;

}

a{
color: navy;
text-decoration: underline;
}

a:visited {
color: navy; 
text-decoration: underline;
}

.trainer{
padding-bottom: 50px;
}

.siebzigprozent{
width: 70%;

}

th{
color: white;
background-color: darkgrey;
letter-spacing: 2px;
}
.fett{
	font-weight: bold;
}
/* *************************************** Bilderausrichtung usw. ********************************* */
.left{
float: left;
padding-right: 10px;
}

.right{
float: right;
padding-left: 10px;
}

.clear{
clear: both;
height: 1px;
font-size: 1px;
border: 0px none;
margin: 0;
padding: 0;
background: transparent;
}

/* ***************************************** Schrift ********************************************** */
.bold{
font-weight: bold;
}

/* -------------------------------------- Erfolge ------------------------------ */
.erfolge{
list-style:none;
margin-left: -0px;
padding-left: 0px;
padding-top:  5px; 
}
.erf{
padding-top: 3px;
padding-left: 10px;
}
.erfunten{
padding: 3px 0px 10px 10px;
}

.erfolge a{
color: black;
background-color: lightgrey;
padding-right: 10px;
padding-left: 10px;
text-decoration: none;
}


.jahr{

letter-spacing: 2px;
font-size: small;
margin-top: 4px;
font-weight: 700;
padding-bottom: 10px;
}

.ort{
padding-bottom: 1px;
font-weight: 600;
color: dimgrey;

}

/* *********************** Farben ****************************** */
/* siehe Zeiten                    */
.tabletop{
background-color: gray;
}

.row1{
background-color: silver;
}

.row2{
background-color: ghostwhite;
}

.fotoliste{
list-style-type: circle;

}

.fotoliste li{
margin-bottom: 10px;

}
/* *********************************************** Termine ***************************** */
#termine h1 {
	color:red;
	background-color: transparent;
	margin-left: 50px;
	text-align: center;
}

#termine ul{ 
	list-style: none;
}

#termine li{
	background-color: transparent;
	color: black;
}

#termine li a{
	font-size: x-small;
	text-align: right;
	}


.monat{
	background-color: transparent; 	
	color: dimgrey;
	/* width: 100%; */
	padding: 20px 0px 0px 0px;
	margin-left: 10px;
	font-weight: 800;
	text-transform: uppercase;
}

.datum{
	font-weight: 600;
	margin-bottom: 20px;
	
}


.eintermin{
        border-color: gainsboro;
	border-width: 1px;
	border-style: solid; 
	width: 50%;
	padding: 10px 0px 10px 10px;
	margin: 5px 0px 12px 10px;
	background-color: white;

}

.inhalt{
	color: black;
	padding-top: 0px;
	background-color: transparent;
	margin-bottom: 0px;
	font-size: small;
}

/*-------------------------------- sitemap --------------------------------------------- */
.noliststyle{
    list-style: none;
}