/* ===== 0. Basisauszeichnungen ===== */


	body {
		background: #d3dce8 url("pics/body_hint.jpg") top center no-repeat ;
		margin: 0px;
		padding: 0px;
		text-align: center;
		font: normal normal normal 100%/130% Arial, Helvetica, sans serif;
	}

/* ===== 0.1 Ueberschriften ===== */
	
	h2 {
		font: normal normal bold 120%/140% Arial, Helvetica, sans serif;
		border: 1px solid #FFFFFF;
		padding: 4px 15px 4px 6px;
		margin: 3px 0px 0px 0px;
		color: #FFFFFF;
		text-transform: lowercase;
		}
	
	h3 {
		font: normal normal bold 100%/140% Arial, Helvetica, sans serif;
		padding: 4px 15px 4px 6px;
		margin: 0;
		color: #FFFFFF;
		text-transform: lowercase;
		}
	h4 {
		font: normal normal bold 90%/140% Arial, Helvetica, sans serif;
		padding: 4px 15px 4px 6px;
		margin: 0;
		color: #FFFFFF;
		text-transform: lowercase;
		}
/* ===== 0.2 Hyperlinks ===== */
	
	a:link {
		text-decoration:none;
		color:#003399;
		padding:0px;
		
	}
	a:visited {
		text-decoration:none;
		color:#003399;
		padding:0px;
		
	}
	a:active {
		color:#CC0000;
		
	}
	a:hover {
		color:#CC0000;
	}
	
	a:focus {
		color:#CC0000;
		background-color:#FFFFFF;
		}
		
	
	#kopflinks a:link {
		text-decoration:none;
		color:#000000;
		font-size: 80%;
	}
	#kopflinks a:visited {
		text-decoration:none;
		color:#000000;
		font-size: 80%;
	}
	#kopflinks a:active, #kopflinks a:focus {
		color:#CC0000;
		background-color:#FFFFFF;
		font-size: 80%;
	}
	#kopflinks a:hover {
		color:#CC0000;
		font-size: 80%;
		text-decoration:underline;
	}
	
	
	#footer a:link {
		text-decoration:none;
		color:#000000;
	}
	#footer a:visited {
		text-decoration:none;
		color:#000000;
	}
	#footer a:hover {
		color:#CC0000;
		text-decoration:underline;
	}
	#footer a:active, #footer a:focus {
		color:#CC0000;
		background-color:#FFFFFF;
	}
	
	.rot a:link, .rot a:visited,
	.dunkelrot a:link, .dunkelrot a:visited,
	.braun a:link, .braun a:visited,
	.blau a:link, .blau a:visited, 
	.blau03 a:link, .blau03 a:visited, 
	.gruen a:link, .gruen a:visited, 
	.wellnessgruen a:link, .wellnessgruen a:visited, 
	.orange a:link, .orange a:visited {
		text-decoration:none;
		color:#FFFFFF;
		font-size: 80%;
		font-weight: bold;
	}

	.rot a:active, .rot a:focus, .rot a:hover, 
	.dunkelrot a:active, .dunkelrot a:focus, .dunkelrot a:hover, 
	.braun a:active, .braun a:focus, .braun a:hover, 
	.blau a:active, .blau a:focus, .blau a:hover,
	.blau03 a:active, .blau03 a:focus, .blau03 a:hover,
	.gruen a:active, .gruen a:focus, .gruen a:hover,
	.wellnessgruen a:active, .wellnessgruen a:focus, .wellnessgruen a:hover,
	.orange a:active, .orange a:focus, .orange a:hover {
		text-decoration:underline;
		color:#FFFFFF;
		font-size: 80%;
		font-weight: bold;
		background-color: transparent;
	}

		
/* ===== 1. Seitenstruktur ===== */
	#sprungmenue {
		z-index: 30;
		position:absolute;
		top:-400px;
		left:0px;
		text-align: left;
		}

	#sprungmenue a:focus,
	#sprungmenue a:hover,
	#sprungmenue a:active {
		position: absolute;
		top: 479px; 
		left: 4px; 	
		display:block;
		width:250px;
		font: normal normal bold 70%/140% Verdana, Arial, Helvetica;
		color:#CC0000;
		text-decoration: underline;
		background-color:#FFFFFF;	
		padding-left: 10px;
		text-align: left;
		}

	#container {
		position: relative;
		top: 0px;
		margin: 0px auto auto auto;
		padding: 0px;
		width: 760px;
		text-align: left;
		}

	#kopf {
		position:relative;
		top: 0px;
		left: 0px;
		width:760px;
		height: 155px;
		background: transparent url("pics/top_hint02.jpg") top right no-repeat ;
		margin: 0px;
		padding: 0px;
		text-align: right;
		}

	#kopfzwei #kopf {
		background: transparent url("pics/top_hint02.jpg") top right no-repeat ;
		}
			
	#links {
		position: relative;
		top: 0px;
		width: 167px;
		margin: 0px;
		padding: 0px;
		float: left;
		}
		
	#rechts {
		position: relative;
		top: 0px;
		width: 590px;
		margin: 0px;
		padding: 0px;
		float: right;
		}
		
	#pfad {
		position: relative;
		font: normal normal normal 70%/140% Arial, Helvetica, sans serif;
		margin: 0px;	
		padding-bottom: 10px;
		}		
		
	.ende {
		clear:both;
		}

	#footer {
		position:relative;
		top: 0px;
		width: 590px;
		text-align: center;
		clear: both;
		background: transparent url("pics/footer_hint.jpg") top right no-repeat ;
		height: 80px;
		padding-top: 15px;
		}
		
	.footertext {

		text-align: center;
		padding: 5px;
		margin: 0px;
		font: normal normal normal 80%/140% Arial, Helvetica, sans serif;
		/*border: 1px solid #FFFFFF;
		background: transparent url("pics/transparent02.gif") repeat;*/
		}
		
/* ===== 1.1 Kopf ===== */

	#logo01 {
		position: absolute;
		left: 5px;
		height: 51px;
		width: 274px;
		margin: 0px 30px 0px 0px;
		}
		
	#kopflinks {
		position: absolute;
		top: 120px;
		left: 49px;
		text-align: left;
		width: 500px;
		}

	#kopfnavi {
		padding-left: 4px;
		}

	#seitenfunktion {
		position: absolute;
		top: 113px;
		right: 5px;
		text-align: left;
		width: 140px;
		z-index:20;
		}

	#seitenfunktion dl {
		position: relative;
		top: 0px;
		padding: 0px; 
		float: left; 
		margin: 0px;
		width: 140px;
		list-style-type: none; 
		height: 23px; 
		}
	#seitenfunktion dd {
		padding: 0px; 
		float: left; 
		margin: 0px; 
		height: 23px;
		padding: 0px;
		}
	#seitenfunktion dd a, 
	#seitenfunktion dd a:link, 
	#seitenfunktion dd a:hover, 
	#seitenfunktion dd a:active, 
	#seitenfunktion dd a:visited {
		height: 23px;
		text-decoration: none;
		border-bottom: 0px;
		}
		
	#kopflinks form {
		float:left;
		position: relative;
	}
	
	input.suchfeld{
		height: 20px;
		width: 114px;
		margin-right: 3px;
	}
	
/* ===== 1.2 Links ===== */
		
	ul#mainnav {
		position: relative;
		display: block;
		list-style: none;
		font: normal 80%/100% arial, sans-serif;
		background: transparent url("pics/nav_hint2.gif") top center repeat-y ;
		padding-bottom: 0px;
		padding-left: 4px;
		padding-right: 4px;
		padding-top: 0px;
		margin-bottom: 0px;		
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 4px;
	}

ul#mainnav li {
		position: relative;
		display: block; 
		/*margin-top: 2px;
		margin-bottom: 2px;
		margin: 2px;
		background: #FFFFFF url("pics/navbut_hint2.png") left center no-repeat ;
		border: 1px solid #5174a3;*/
	}
	
ul#mainnav li a, ul#mainnav li a:visited {
		display: block; 
		margin-top: 2px;
		margin-bottom: 0px;
		background: #FFFFFF url("pics/navbut_hint2.png") left center no-repeat ;
		border: 1px solid #5174a3;
		padding-top: 5px;
		padding-bottom: 5px;
		width: 100%; 
		color: #516889; 
		text-decoration: none;
	}

ul#mainnav li a:hover, ul#mainnav li a:active, ul#mainnav li a:focus {
		display: block; 
		margin-top: 2px;
		margin-bottom: 0px;
		background: #5174a3 url("pics/navbut_hint2over.gif") left center no-repeat ;
		border: 1px solid #5174a3;
		padding-top: 5px;
		padding-bottom: 5px;
		width: 100%; 
		color: #FFFFFF; 
		text-decoration: none;
	}
		
ul#mainnav li.aktiv a, ul#mainnav li.aktiv a:visited {
		display: block; 
		margin-top: 2px;
		margin-bottom: 0px;
		background: #5174a3 url("pics/navbut_hint2aktiv.gif") left center no-repeat ;
		border: 1px solid #5174a3;
		padding-top: 5px;
		padding-bottom: 5px;
		width: 100%; 
		color: #FFFFFF; 
		text-decoration: none;
	}

ul#mainnav ul.subnav01 {
		position: relative;
		display: block;
		margin: 1px 0px 0px 0px;
		padding: 0px;
		text-align:left;
		list-style: none;
		background: #d3dce8 url("pics/nav_bot_hint.gif") top right no-repeat ;
		border: none;
}

ul#mainnav ul.subnav01 li a, ul#mainnav ul.subnav01 li a:visited {
		margin: 0px;
		color: #516889;
		width: 100%;
		background: #e0e7ef url("pics/snavbut_hint2over.gif") left center no-repeat ;
		border: none;
}

ul#mainnav ul.subnav01 li a:hover, ul#mainnav ul.subnav01 li a:active, ul#mainnav ul.subnav01 li a:focus {
		margin: 0px;
		color: #CC0000; 
		text-decoration: none;
		width: 100%;
		background: #d3dce8 url("pics/snavbut_hint.gif") left center no-repeat ;
		border: none;
}

ul#mainnav ul.subnav01 li a.aktiv {
		color: #F28506; 
		}
		
#subnav02 {
		font: normal normal normal 80%/140% Arial, Helvetica, sans serif;
		border: 1px solid #9fb3cc;
		padding: 4px 15px 4px 6px;
		margin: 3px 0px 0px 0px;
		color: #000000;
		background-color: #e5eaf0;
		}

#subnav02 a:link, #subnav02 a:visited {
		padding: 2px;
		color: #000000; 
		text-decoration: underline;
}

#subnav02 a:hover, #subnav02 a:active, #subnav02 a:focus {
		padding: 2px;
		color: #CC0000; 
		text-decoration: none;
}

#subnav02 a:active, #subnav02 a:focus {
		padding: 2px;
		color: #CC0000; 
		text-decoration: none;
		background-color: #FFFFFF;
}

.normal {
	margin-left: 8px;
	}

.abstand {
		margin-left: 20px;
		}
.abstand2 {
		margin-left: 33px;
		/*border-bottom: 1px solid #5174a3;*/
		}		
	
/*  rechts */

.boxlinks {
	width: 320px;
	border: 1px solid #999999;
	float: left;
	background-color: #FFFFFF;
	margin: 4px 3px 4px 0px;
	padding: 0;
	}	
	
.boxrechts {
	width: 260px;
	border: 1px solid #999999;
	float: right;
	background-color: #FFFFFF;
	margin: 4px 0px 4px 3px;
	}
		
.boxgross {
	width: 588px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	margin: 4px 0 0 0;
	padding: 1px;
	clear: both;
	}
	
.boxgross2 {
	position: relative;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	margin: 4px 0 0 0;
	padding: 1px;
	clear: both;
	}
	
.boxteaser {
	position: relative;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	margin: 4px 0 0 0;
	padding: 1px;
	clear: both;
	}
	
.boxrechtstext {
	position: relative;
	width: 260px;
	border: 1px solid #999999;
	float: right;
	background-color: #FFFFFF;
	margin: 4px 0px 0px 0px;
	}
	
/*  sonstiges */

#mainnavtop {
		position: absolute;
		top: 0px;
		left: 0px;
		background: transparent url("pics/nav_top_hint.gif") top right no-repeat ;
		height: 4px;
		width: 167px;
		margin: 0px;
		padding: 0px;
		}
#mainnavbottom {
		background: transparent url("pics/nav_bot_hint.gif") top right no-repeat ;
		height: 4px;
		width: 167px;
		margin: -1px 0px 0px 0px;
		padding: 0px;
		}
		
#logo02 {
		height: 135px;
		width: 167px;
		margin: 0px;
		padding-top: 10px;
		background: transparent url("pics/logo.gif") top center no-repeat ;
		}

.unsichtbar {
		display: none;
		}
		
.blau {
		background-color: #224f8b;
		}
		
.blau02 {
		background-color: #7794bc;
		}

.blau03 {
		background-color: #a1b7d5;
		}
		
.rot {
		background-color: #cc0000;
		}
		
.dunkelrot {
		background-color: #990000;
		}		
		
.gruen {
		background-color: #669900;
		}
		
.orange {
		background-color: #ff9c00;
		}
		
.braun {
		background-color: #e3a75b;
		}

.wellnessgruen {
		background-color: #a7cb67;
		}
		
.text01 {
		font-size: 80%;
		padding: 4px 10px;
		margin: 0;
		}
		
.text02 {
		font-size: 80%;
		padding: 4px 10px 8px 10px;
		margin: 0;
		}
		
.bildmitte  {
	margin-top: 1px;
	text-align: center;
	}
	
.bildlinks  {
	margin-top: 1px;
	float: left;
	margin-right: 8px;
	position: relative;
	}
	
.bildrechts  {
	margin-top: 1px;
	float: right;
	position: relative;
	}
	
.inforechts {
	position: relative;
	float: right;
	border-left: 1px solid #FFFFFF;
	width:260px;
	margin: 0px 0px 0px 4px;
	background-color: #FFFFFF;
	z-index: 5;
}

table {
        clear:both;  
	font-size: 100%;
      }

caption{
      display: none;
}

.tab_hblau {
	background-color: #e0e7ef;
	font-size: 90%;
	text-align: center;
	}
.tab_dblau {
	background-color: #ffffff;
	font-size: 90%;
	text-align: center;
	}
.tab_top {
	padding: 3px;
	}

 ul.heilanz {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
	clear: both;
	}
	
 ul.heilanz li {
	list-style: none;
	padding: 0 5px;
	margin: 0;
	width: 98%;
	border-top: 1px solid #ffffff;
	}
	
 ul.heilanz li a,  ul.heilanz li a:visited {
	display: block;
	background-color: #e0e7ef;
	padding: 0 5px;
	margin: 0;
	text-decoration: underline;
	list-style: none;
	color: #516889;
	width: 98%;
	border-top: 1px solid #ffffff;
	}
 ul.heilanz li a:hover,  ul.heilanz li a:active,  ul.heilanz li a:focus {
	display: block;
	background-color: #f3f5f9;
	padding: 0 5px;
	margin: 0;
	text-decoration: none;
	list-style: none;
	color: #CC0000;
	width: 98%;
	border-top: 1px solid #ffffff;
	}
	
.boxteaser img {
	float: left;
	position: relative;
	margin: 1px 4px 1px -10px;
	}
	
.boxrechts .text01 img {
	float: left;
	position: relative;
	margin: 1px 4px 1px -10px;
	}	

.layerbox {
    height: 226px;    
}

.form01 {
	float: left;
	width: 140px;
	margin-bottom: 5px;
}

/* ===== 7. Icons ===== */

	#schrift_gr { background: transparent url(pics/schrift_gr.gif) center left no-repeat; }
	#schrift_kl { background: transparent url(pics/schrift_kl.gif) center left no-repeat; }
	#schrift_no { background: transparent url(pics/schrift_no.gif) center left no-repeat; }
	#schrift_einst { background: transparent url(pics/schrift_einst.gif) center left no-repeat; }
	#schrift_hilfe { background: transparent url(pics/schrift_hilfe.gif) center left no-repeat; }