﻿body, html { font-size: 14px; font-family:  'Arial', Helvetica, sans-serif; text-align: left; background: #FFFFFF;
	
}



.layout{
	/*background-image:url(../img/oben.png);*/
	width:902px;
	height:79px;
	position:absolute;
	margin:auto;
	top:18px;
	left:50px;
	z-index: 1;


}
/*.head{
	position:absolute;
	width: 252px;
	height: 80px;
	left:202px;
	top:2px;
	background-repeat: no-repeat;
	background-image: url(../img/head.png);
	z-index: 1;
}*/

.untenrechts{
	/*width: 391px;
	height: 7px;
	left:505px;
	top:545px;
	background-repeat: no-repeat;
	background-image: url(../img/unten-rechts.gif);*/

	position: absolute;
	top:18px;
/*	width: 0px;
	right:279px;	
	text-align: right;
	width: 100px;*/
	left: 200px;
	/*top: 518px;*/
	z-index: 2;}
	
	
	
	
	

.navigationbild {
	background-image: url('../img/navileiste-links-2.png');
	background-color:#ffffff;
	position: absolute;
	height: 504px;
	width: 902px;
	left: 7px;
	top: 0px;
	z-index: 0
}

.navimarkierung{
	background-image: url('../img/markierung.png');
	position: absolute;
	height: 40px;
	width: 14px;
	left: 58px;
/*	top: 158px;*/
	z-index: 9
}
/*
.logo {
	/*background-image:url(../img/logo.png);
	position:absolute;
	width:130px;
	height:130px;
	left:78px;
	top:25px;
	z-index: 1;
}*/



/*<agl.folder "Navigation">*/
.navigation {
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 14px;
	position: absolute;
	height: 397px;
	width: 256px;
	left: 74px;
	top: 147px;
	z-index: 2;
}

	

	.n_offeneberatung{
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 14px;
	position: absolute;
	width: 125px;
	left: 0px;
	top: 10px;
	z-index: 2;
	border-color:#fed852;
	border-top-style:solid;
	border-width:3px;
	padding:10px;
	}
	
	.n_fachberatung{
	font-family: 'Arial', Helvetica, sans-serif;
	border-top-style:solid;
	border-width:3px;
	padding:10px;
	font-size: 14px;
	position: absolute;
	width: 125px;
	left: 0px;
	border-color:#fed852;
	top: 50px;
	z-index: 6;
}
	.n_klub_q{
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 14px;
	position: absolute;
	width: 125px;
	left: 0px;
	top: 90px;
	z-index: 5;
	border-top-style:solid;
	border-width:3px;
	padding:10px;
	border-color:#fed852;
}
	.n_kurse{
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 14px;
	position: absolute;
	width: 125px;
	left: 0px;
	top: 130px;
	z-index: 5;
	border-top-style:solid;
	border-width:3px;
	padding:10px;
	border-color:#fed852;
}
	.n_kurse_unterpunkt{
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 13px;
	color:#fed8d2;
	padding: 10px;
	position: absolute;
	width: 125px;
	left: 0px;
	top: 153px;
	z-index: 6;
	visibility: hidden;
	border-color:#fed852;
	/*background-color: #fedf77;*/
}
	.n_ueber_uns{
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 14px;
	position: absolute;
	width: 125px;
	left: 0px;
	top: 170px;
	z-index: 4;
	border-top-style:solid;
	border-width:3px;
	padding:10px;
	border-color:#fed852;
}
	.n_ueber_uns_unterpunkt{
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 13px;
	color:#fed8d2;
	padding: 10px;
	position: absolute;
	width: 125px;
	left: 0px;
	top: 193px;
	z-index: 6;
	visibility: hidden;
	border-color:#fed852;
	}
	.n_mitmachen{
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 14px;
	position: absolute;
	width: 125px;
	left: 0px;
	top: 210px;
	z-index: 4;
	border-top-style:solid;
	border-width:3px;
	padding:10px;
	border-color:#fed852;
}
	.n_mitmachen_unterpunkt{
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 13px;
	color:#fed8d2;
	padding: 10px;
	position: absolute;
	width: 125px;
	left: 0px;
	top: 233px;
	z-index: 6;
	visibility: hidden;
	border-color:#fed852;
	}
	.n_termine{
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 14px;
	position: absolute;
	width: 125px;
	left: 0px;
	top: 250px;
	z-index: 4;
	border-top-style:solid;
	border-width:3px;
	padding:10px;
	border-color:#fed852;
}
	.n_allesunten{
	position:relative;
	right:-200px;
	width:400px;
	background-color:transparent;
	z-index: 5;
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 14px;
	}
	
	.n_kontakt{
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 14px;
	position: relative;
	width:0px;
	right:-8px;
	/*width: 100px;
	left: 575px;
	top: 518px;*/
	z-index: 3;
}
	.n_impressum{
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 14px;
	position: relative;
	width:0px;
	right:5px;
	z-index: 3;
}
	.n_newsletter{
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 14px;
	position: relative;
	width:0px;
	right:0px;	
	/*width: 100px;
	left: 798px;
	top: 518px;*/
	z-index: 3;}
/*</agl.folder>*/
h1{
font-size:16px;
text-align:center;
font-family:avenir 45;
color: #888888;/*#828d88;*/
}

h5{
color: navy;
font-size:15px;
text-align:center;
font-family:avenir 45;
}

.text {
font-family: 'Arial', Helvetica, sans-serif;
font-size:14px;
position: absolute;
width: 500px;
height: 300px;
left:420px;
top:150px;
}



a:hover{ /*Hover für die Linkliste */
/*font-size:14px;*/
color:#777777;
background-color:#ffffff;
font-family:avenir 45;
}
a.naviunten:hover{/*Hover für den Bereich unten Rechts*/
font-size:14px;
font-variant:small-caps;
background-color:transparent;
text-align:right;
color:black;
font-family:avenir 45,helvetica, arial;}



a{
 text-decoration: none;
 font-weight:bold;
 color: #404040 /*828d88*/
}

#klubqlink{
 text-decoration: none;
 font-weight:normal;
 color: #0066FF  /*#404040 828d88*/
 
}

#klubqlink a:hover {
 text-decoration: none;
 color: #0066FF  /*#404040 828d88*/
}

i

td {
border:2px none;
width:200px
}

.zeiten{
text-align:center;
position: absolute;
width: 350px;
height: 50px;
top:230px;
}


.weiter{
font-family:'Arial', Helvetica, sans-serif;
font-size:16px; 
text-align:center;
position: absolute;
width: 100px;
height: 30px;
left:700px;
top:480px; 
}

.info{
text-align:center;
position: absolute;
width: 350px;
height: 50px;
top:250px; 
}

ul#Navigation {
position:absolute;
top:500;
   width: 10em;
    margin: 0;
	padding: 0.8 em;

z-index:4;
	
  }
.email   {
  color:blue;
  font-weight:normal;   }  

#hmsplogo {float:left; margin:110px;
    border;}
    
#aktuell {
	color:maroon;
	padding-top:50px;
	margin-bottom:-1%;
	text-align:center;
}
#aktuell1 {	
	text-align:center;
	
}
#aktuell2 {
	font-weight: bold;
	margin-top: -0.8em;
	margin-bottom:-0.8em;
	text-align:center;
}
#aktuell3 {
	text-align:center;
}
#aktuell4 {
	text-align:center;
	margin-bottom:3em;
}
 
#seminardatum {
	color:blue;
	font-weight:bold; }
	
#seminardatum1 {
	color:blue;
	font-weight:normal }
	
	
#seminarjung {
	margin: 3px 0 -2px 0;
	font-size:1.1em;
	color:maroon; }

	
#seminartitel {
	margin: -11px 0 -13px 0;
	font-weight:bold;
	font-size:1.2em;} 
	
} 

.klubqthemen li {
margin-left: -25px; 
	
}
#qtermine  {
	width: 100%;
	margin-left: 2px;
	margin-right: 20px;
	border: thin solid gray;
	caption-side: top;
		
}

.vdatum {
	color:#000066 
	
}  	
	
#qtermine td, th  { 
border:thin dottet blue;
padding: 5px;
}

#qtermine th { 
	font-weight: bold;
	letter-spacing:0.2em;
	text-align: left;
	background-color:silver;
	
}

#qtermine td {
	vertical-align:top;
	width:auto;
}
#qtermine caption {
	font-size: 1.2em;
	margin-bottom:10px;
	text-align:left;
	font-weight:bold;
	
}

.style1 {
	border-width:0;
	margin-left:0px;
	margin-right:0px;
	border-collapse:collapse;
	width:120%;
	height:957px;
	padding-bottom:10;
	padding-top:10;
	padding-left:3;
	padding-right:3;

	
}
	
#hauptbox ul {
	list-style:none;
	
}
	
#hauptbox img {
	border-style: solid;
	border-width: 1px;
	float:left;
	margin-right: 10px;
	margin-top: 1px;
	margin-left: 0px;
	text-align: center;
}

/* #hauptbox ul li {
		overflow:hidden;
		padding: 1px 0;
	height: 161px; 
} */

#abstand {
		overflow:hidden;
		padding: 1px 0;
		height: 161px; 

		margin-left:15px;
}
  /*
  * html ul#Navigation {  /* Korrekturen fuer IE 5.x 
    width: 11.6em;
    w\idth: 10em;
    padding-left: 0;
    pad\ding-left: 0.8em;
z-index:5;
  }
  ul#Navigation li {
    list-style: none;
    margin: 0.4em; padding: 0;
z-index:5;
  }

  * html ul#Navigation a {  /* Breitenangaben nur fuer IE 
    width: 100%;
    w\idth: 8.8em;
z-index:5;
  }
  ul#Navigation a:hover {
    border-color: white;
    border-left-color: black;
    color: white; background-color: #b6fbdf;
z-index:5;
  }*/

  
