/*Stylesheet für die Positionierung der Elemente (für alle Seitentypen)*/

/*Farben
	Außen:#D8EFF2
	Außen_hell: #F8FCFD
	Background_navi: #D8EFF2
	Background_navi_hover (Kosmetik und Wellnes): #A0D8E0
	Background_subnavi: #008698
	Background_Angebote: B2D6DB
	Linien:  #BFE5EA


	Font_Navi: #008698 Verdana 12pt bold
	Font_Navi_Trenner: #A0D8E0
	Font_Subnavi: #FFFFFF Verdana 11pt bold
	Font_Text: #787878 Arial 14pt
	Font_H1: #005A66 Verdana 16pt bold
	Font_Angebote: #008698 Verdana 11pt (header: bold)
	*/

html, body, div, p, ul, ol,
span, table, tr, td, form, li {
   font-family: Arial, Verdana, Helvetica;
   line-height: 1.5;
   font-size: 13px;
   color:#666666;
}

html, body {
	margin: 0px;
	font-size: 13px;
	text-align: center;
}

/*Container Elemente*/
#bg_header {
	position:absolute;
	left:0px;
	width:100%;
    	top:0px;
	height:221px;
	z-index:1;
}

#bg_nav {
	position:absolute;
	left:0px;
	width:100%;
    	top:221px;
	height:28px;
	z-index:1;
}

#bg_subNav {
	position:absolute;
	right:0px;
	width:50%;
    	top:250px;
	height:27px;
	z-index:1;
}

#container {
	position:relative;
	width: 712px;
    	margin: 0px auto;
	text-align:left;
	top:0px;
	height:100%;
	z-index:3;
}

#header{
	position:absolute;
	top:0px;
	left:0px;
	height:221px;
	width:712px;
}

#navcontainer{

	position:absolute;
    	top:  221px;
	left: 0px;
	height: 28px;
	width:712px;

}

#content {
	position:absolute;
	top:  250px;
	left: 0px;
	height: 340px;
	width:712px;
}

#content table{
	vertical-align:top;
	border-collapse:collapse;
	border-spacing:0px;
	overflow:hidden;
}

td.content_left{
	vertical-align:top;
	width:491px;
	padding:0px;
	margin: 0px;
	overflow:hidden;
}
td.content_right{
	padding:0px;
	padding-right: 20px;
	padding-top: 20px;
	margin: 0px;
	width:200px;
	vertical-align:top;
	text-align:center;
	overflow:hidden;
}

td.footer{
	bottom:10px;
}



.mehrspalt{

	background: #ffffff;
	text-align:right;
	width:420px;
	border: 1px solid #B2D6DB;
}

/*Text Elemente*/
td.content_left p, td.content_left li{
	line-height: 1.5;
	font-family: Arial,Verdana;
	font-size: 14px;
	margin:0;
	margin-left:50px;
	text-align:left;
	margin-right:21px;
	color:#666666;
}
td.content_left ul{
	margin: 0;
	/*padding:top,right,bottom,left*/
	padding: .7em 0em 1em 3em;
}
td.content_left p.small{
	font-size: 11px;
}
td.content_left table.test{
	border: 1px solid #B2D6DB;
	width:420px;
	height:20px;
}
td.tabelle{
	margin-left:50px;
	margin-right:30px;
	font-family: Arial,Verdana;
	font-size: 14px;
	background: #ffffff;
	border: 1px solid #B2D6DB;
}
td.b2{
	text-align:right;
	background: #ffffff;
	border: 1px solid #B2D6DB;
}
td.name{
	font-family: Arial,Verdana;
	font-size: 14px;
	background: #ffffff;
	border: 1px solid #B2D6DB;
	width:260px;
}

td.formular{
	margin-left:50px;
	margin-right:30px;
	font-family: Arial,Verdana;
	font-size: 14px;
	background: #ffffff;
	color:#666666;
}
table.kontaktform{
	width:200px;
	background: #ffffff;
}
input,textarea {
	font-family: Arial,Verdana;
	font-size: 14px;
	background: #ffffff;
	color:#666666;
	border: 1px solid #B2D6DB;
	width:250px;
}
.check{
	border: none;
	width:20px;
}

.button{
	width:85px;
	padding:1px;
	font-family: Arial,Verdana;
	font-size: 14px;
	background:#008698;
	border: 1px solid #B2D6DB;
	cursor: pointer;
	color:#ffffff;
}

#header img {
	margin-left:21px;
}

h1 {
	margin-top: 30px;
	margin-bottom: 20px;
	margin-left:40px;
	font-family: Arial,Verdana;
	font-size: 16px;
	font-weight: bold;
}

h2 {
	padding: 0px;
	margin: 0px;
	font-family: Arial,Verdana;
	font-size: 14px;
	font-weight: bold;
}
em {
	font-weight: normal;
	font-style: normal;
}
a{
	text-decoration : none;
}
a:hover{
	text-decoration : underline;
}

td.content_left a:hover{
	text-decoration : underline;
}
#navcontainer ul{
	border: 0;
	margin: 0;
	padding: 0;
	padding-left:20px;
	list-style-type: none;
	text-align: center;
}

#navcontainer ul li{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#navcontainer ul li a, ul li p{
	width: 75px;
	height: 29px;
	padding: 0;
	padding-top: 5;
	text-decoration: none;
	display: block;
	text-align: center;
	vertical-align: center;
	font-family: Verdana,Arial;
	font-size: 12px;
	font-weight: bold;
}
/*for ie
* html body #navcontainer ul li a, ul li p {
    width: 71px;
}*/
#navcontainer li#activeMen p{
	margin:0px;
	border-left: 1px solid #A0D8E0;
}
#subNav p{
	padding-left : 20;
	margin-top : 4;
	margin-bottom : 2;
	color: #FFFFFF;
	font-size: 11px;
	vertical-align:center;
}

.subnavActive{
	font-family: Verdana,Arial;
	font-size: 11px;
	font-weight: bold;
	/*text-decoration : underline;*/
}

a.subNav:link, a.subNav:visited{
	font-family: Verdana,Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

a.subNav:hover{
	text-decoration : underline;
}

td.footer p{
	padding: 0;
	margin:0 40px;
	text-align:right;
}

a.footerLink:link, a.footerLink:visited{
	font-family: Verdana,Arial;
	font-size: 12px;
	font-weight: bold;
}

a.footerLink:hover{
	text-decoration : underline;
}

dl.angebot {
	position:absolute;
	right:20px;
	margin: 0;
	padding: 0;
	width: 210px;
	text-align:left;

}

dl.angebot dt {
	font-family: Verdana,Arial;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding-bottom: 0;
}

dl.angebot dt a {
	display: block;
	margin: 0;
	padding: .7em 1.5em .7em 1.5em;
}

dl.angebot dt a:hover{
	text-decoration : none;
}

dl.angebot p{
	margin: 0;
	padding: .7em 1.5em 1.2em 1.5em;
	font-family: Verdana,Arial;
	font-size: 11px;
	font-weight: normal;
}

dl.angebot ul{
	margin: 0;
	padding: .7em 0em 1.2em 3em;
}

dl.angebot ul li{
	font-family: Verdana,Arial;
	font-size: 11px;
	font-weight: normal;
}

dl.angebot p.bild{
	text-align:center;
}