/* Allgemeine Styles */

body {
  background-image: url(images/center.gif);
  background-repeat:repeat-y;
  font-family: Arial;
  color: white;

  }

p, ul, table {
  font-family: Arial;
  color: white;
  font-size:95%;
  }
  
p.align-center {
  text-align: center;
  }
  
h1 {
  font-family: Arial;
  color: #ffcc00;
  font-size: 150%;
  }
  
h2 {
  font-family: Arial;
  color: white;
  font-size: 125%;
  }  
  
h3 {
  font-family: Arial;
  color: #ffcc00;
  font-size: 120%;
  }

h4 {
  font-family: Arial;
  color: #ffcc00;
  font-size: 100%;
  }
  
h5 {
  font-family: Arial;
  color: white;
  font-size: 100%;
  } 
  
.totop
{
  font-size:70%;
  } 
  



a:link {
	color:white;
	text-decoration: underline;
	}

a:visited {
	color:white;
	text-decoration: underline;
	}
	
a:hover {
  color:#ffcc00;
	/*color:#3366c6;
	font-weight:bold;    */
	}

#top {
  height: 230px;
  }

/* Styles f�r den Seitentitel */

#titel {
  line-height:1.5;
  position: absolute;
  left: 280px;
  top:55px;
  color: #ffcc00; 
  /*font-family: Times New Roman;*/
  font-family:Times New Roman;
  font-size: 28pt;
  width:500px;
}
  

/* Styles f�r den oberen Inhaltsbereich */

#menutop {
  padding: 0px;
  position: absolute; 
  left: 267px;
  top: 187px;
  width: 700px;
  border-left-width:2px;
  border-left-style:solid;
  border-left-color:white;
	}
	
#menutop a   {  
  display:block;
  font-family: Arial;
  font-weight: Bold;
  font-size: 80%;
  color:#000099;  

  text-align:center;
  text-decoration: none;
  
  border-right-width:2px;
  border-right-style:solid;
  border-right-color:white;
  
  
  width: 120px;
  height:40px;
  float:left;
  }

#menutop a div {
  position:relative;
  top:30%;
  } 

#menutop a.active {
  color:white; background-image: url(images/active1.gif); background-repeat:repeat-x; 
  }

#menutop a:hover {
  color:white; background-image: url(images/active1.gif); background-repeat:repeat-x; 
  }
 
/* Styles fuer den Container, der den Inhalt und das linke Menue umschliesst */
#vcenter 
{
   width: 900px;
   margin-left: 30px;
   margin-top: -20px;
}

/* Styles fuer den seitlichen Inhaltsbereich */

/* XX
#menuleft {
	padding: 0px;
	margin: 0px;
	position: relative; 
	left:35px;
	top: 15px;
	float:left;
	width:290px;
	}
XX */

#menuleft 
{
   display: inline;
   float: left;
   margin-left: 7px;
   width: 260px;
}
 

#menuleft a  {  
  text-decoration: none;
  display:block;
  font-family: Arial;
  font-weight: Bold;
  font-size: 80%;
  color:#112244;  
  vertical-align: middle;
  text-align:left;
  border-width:1px;
  border-style:solid;
  border-color:white;
  margin-top:0px;
  width: 200px;
  height:25px;
  padding-top: 8px;
  padding-left: 10px;                                 
  margin-bottom: 5px;
  }

#menuleft a div {
  position:relative;
  top:25%;
 
  } 

#menuleft a.active {
  color:white; 
  background-color:#003399;/*#000099; */
  }

#menuleft a.sub {
	 padding-top: 3px;
	 padding-left: 15px;
	 margin-left: 15px;
	 
	 height: 20px;
	 width: 170px;	
	 font-size: 80%; 
	 border-top-width:1px;
	 border-bottom-width:1px;

  }
  
#menuleft a.sub div {
  position:relative;
  top:5%;
 
  } 
  
#menuleft a.sub.active {
  margin-top:0px;
}

#menuleft a:hover {
  color:white; 
  
  background-color:#003399;
  /*background-color:#000099; 
  -moz-opacity: 0.6;
  _filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  opacity: 0.6;  */
 
  }
  
/* Styles fuer das Contentfenster */

/* XX
#content {
  position: relative;
  left: 0px; 
  top: 0px; 
  width: 650px;
  padding: 0px;
  margin: 0px;
  float:left; 
  }
xx */

#content 
{
   margin-left: 280px;
}
  
#bottom {
  clear: left;
  position: relative;
  left:0px;
  text-align: right;
  width:940px;
  padding-top:10px;;
  }
  
  

/* Kontaktdaten */

.contacts {
  font-size: 95%;
  table-layout:fixed;
  border: 1px solid;
  border-color:#d2ddf2; /*#1e3c74;/*#3366c6; /* #ffcc00; */
  width:100%;
  vertical-align:top;
  background-color:#003388;/*#3366c6;/*#1e3c74;*/
  color:white;/*#112244;*/
  /*border-style:ridge;*/
  border-spacing:0px;
  
  }
  


.contacts tr td {
  border-bottom: 1px solid;
 /* border-bottom-style:ridge;*/
  border-bottom-color:#d2ddf2; /*#3366c6;   */
  padding-bottom:5px;      
  }
  
.contacts tr td b {
  color:#ffcc00;
  }              

.conimg {
  padding-top:5px;
  padding-left:5px;
  width:17%;
  vertical-align:top;              
}
  
.contxt {
  padding-top:10px;
  width:33%;
  vertical-align:top;
  
}

.contxt p {
  font-size:80%;
  }

.border_right {                       
  border-right: 2px solid; 
  border-right-style: ridge;
  border-right-color: #3366c6;
  }  
  
  
/* Trainingstermine */

.termine {
  font-size: 95%;
  table-layout:fixed;
  border: 1px solid;
  border-color:#d2ddf2; /*#84A2DD; */
  width:100%;
  vertical-align:top;
  background-color:#003388; /*#3366c6;/*#1e3c74;*/
  color:white;/*#112244;*/
  /*border-style:ridge; */
  border-spacing:0px;
  align:left;
  margin-left:auto;
  margin-right:auto;
  
  } 
  
.termine tr td {
  vertical-align:top;
  padding-left:3px;
font-size: 90%;
  }
  
.termine .ter_title {
  text-align:center;
  font-size:120%;
  color:#ffcc00;
  font-weight:bold;
  padding-left:0px,
  }
  
.termine .ter_title td {
  background-image: url(images/active1.gif); background-repeat:repeat-x; 
    border-bottom: 1px solid;
  /*border-bottom-style:ridge;*/
  border-bottom-color:#d2ddf2;/*white; /*#1e3c74;*/
}
  
.termine .ter_subtitle {
  text-align:center;
  font-weight:bold;
  color:white;
  font-size:90%;

  
  }
  
.termine .ter_subtitle td {

  }
  
.termine .ter_header {
  font-weight:bold;
  color: #ffcc00;
  }
                         

#thumbs {
  height:590px;
  text-align:center;


  width:510px;


}

/* single thumbnail */
.thumbnail{
  float:left;
  padding:4px;
  border:1px solid #ccc;
  background:#fff;
  }
  
/* Kontaktformular */
.csc-mailform { border:none; }
.csc-mailform-field label {
  display: block;
  margin-top: 15px;
}
  margin:5px;
}