/* generell */
body {
	font-family:		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			13px;
	color:				#333333;
	margin:				0px;
	padding:				0px;
	background: 		#FFF9ED url(background.gif) top left repeat-x;
	text-align:			left; /* For IE */
	/* overflow-x:		auto;*/
	scrollbar-base-color: #CCCCCC; 
   	scrollbar-track-color: #CCCCCC; 
  	 scrollbar-face-color: #CCCCCC; 
   	scrollbar-highlight-color: #fff; 
   	scrollbar-3d-light-color: #CCCCCC; 
   	scrollbar-darkshadow-color: #000; 
   	scrollbar-shadow-color: #CCCCCC; 
   	scrollbar-arrow-color: #373737;
	}


/* Text oben rechts */
#global .bodytext{
	font-size: 11px;
	color: #CCCCCC;
	margin:	0 5px 0 0;
	padding:	0px;
	/*margin-top:0px;
        margin-right:5px;*/
}
div.obenrechts{
	margin: 0px;
	padding: 0px;
	height:	20px;
}

.bodytext {
}





/* Container Styles */

*html #container {
	position:		relative;
	width:			985px !important;
	width /**/:		985px;
	height:			600px;
	min-height:		600px;
	margin:			0 auto;
	padding:			0px 0 0 20px;
	text-align:		left; /* For IE, see above */
	}



#container {
	position:		relative;
	width:			985px !important;
	width /**/:		985px;
	height:			600px;
	min-height:		600px;
	margin:			0 auto;
	padding:			0px 0 0 0px;
	text-align:		left; /* For IE, see above */
	}

#intro {
	margin: 			0;
}


#global{								/* Schwarzer Top-Balken */
	height: 			23px;
	width: 			980px;
	padding: 		0px 0 0 15px;
	margin: 			0 0 0 0px;
	font-size: 		12px;
	color:			#B6B6B6;
}

#global a{
	font-size: 		11px;
	color:			#B6B6B6;
	text-decoration: none;
}

#global a:hover{
	font-size: 		11px;
	color:			#75C530;
	text-decoration: none;
}

#global form{
	margin-left: 10px;
	width: 120px;
	height: 			20px;
}

#global .dropdown{
	width: 80px;
	font-size: 10px;
	text-decoration: none;
	background: #373737;
	color: #CCCCCC;
	float: left;
	border: 1px solid white;
}

#global .img{
	float: left;
}
#global table{
	height: 			20px;
}

#global td{
	font-size: 11px;
	color: #CCCCCC;
	margin-top:0px;
      
        padding: 4px 0 0 0;}

#global td.eins{
	font-size: 11px;
	color: #CCCCCC;
	margin-top:0px;
        margin-right:5px;
        padding: 4px 0 0 0;}


/* Content-Bereich*/

#content {
	width: 			985px;
	margin:			2px 0 0 0px;
	padding:			0px;
	
}

#content .links{					/* Linker Block */
	width: 			277px;
	height:			500px;
	margin:			38px 0 0 5px;
	padding:			0px;
	background: url(links-bg.gif) top left no-repeat;
	float:			left;
}

#content .mitte{				/* Mittlerer Block */
	width: 			473px;
	height:			400px;
	margin:			105px 0 0 0;
	padding:			0px;
	float:			left;
}

#content .rechts{				/* Rechter Block */
	width: 			192px;
	height:			590px;
	margin:			38px 0 0 0px;
	padding:			0px;
	background: url(rechts-bg.gif) top left no-repeat;
	float:			left;
}

/* Ab hier linkter Block */

#content .logo{
	height:			130px;
	margin:			15px 0 0 50px;
}

#content .logo img{
	height:			130px;
}

/*#content .logo{
	width:			235px;
	height:			160px;
	margin:			15px 0 0 20px;
}*/

#content .navigation{
	border-top:		solid 1px #333333;
	border-bottom:		solid 1px #333333;
	width:			235px;
	margin:			10px 0 0 20px;
	background: url(navigation-bg.gif) top left no-repeat;
}

#content .navigationvitalan{
	border-top:		solid 1px #333333;
	border-bottom:		solid 1px #333333;
	width:			235px;
	margin:			10px 0 0 20px;
	background: url(navigation_bg-vitalan.gif) top left no-repeat;
}

#content .seknavigation{
	width:			235px;
	margin:			10px 0 0 20px;
}

*html #content .zitat{
	width:			247px;
	height:			152px;
	margin:			20px 0 0 12px;
	padding:			19px 0 0 0;
	background:    url(zitat-bg.gif) no-repeat;
}

#content .zitat{											/*  extrawurst f?r ff  */
	width:			247px;
	height:			152px;
	margin:			20px 0 0 12px;
	padding:			0px 0 0 0;
	background:    url(zitat-bg.gif) no-repeat;
}

*html #content .zitat p{
	font-style: 	italic;
	font-size:			12px;
	text-align: 	right;
	line-height: 	15px;
	padding:			10px 10px 0 10px;
	margin-top:	5px;
	width:		230px;
}


#content .zitat p{
	font-style: 	italic;
	font-size:			13px;
	text-align: 	right;
	line-height: 	15px;
	padding:			10px 10px 0 10px;
	margin-top:	5px;
	width:		220px;
}

#content .zitat img{
	float:			left;
	width:			75px;
	height:			120px;
}

#content ul.nav{
	margin: 			17px 0 0 37px;
	padding: 		0 0 0 0px;
}

#content ul.sek{
	margin: 			17px 0 5px 0;
	padding: 		0 0 0 0px;
}

#content ul.sek li{
	list-style:		none;
	margin:			0 0 5px 0;
}

#content li.nav{
	list-style:		none;
	margin:			0 0 0px 8px;
	padding-left: 8px;
	background: url(sek-pfeil.gif) top left no-repeat;
	line-height: 18px;
	min-height: 44px;
}
*html #content li.nav{
	height: 44px;
}

#content a.pri {
	font-size:		14px;
	font-weight:	bold;
	text-decoration: none;
	color:			#333333;
	}
	
#content a:hover.pri{
	font-size:		14px;
	font-weight:	bold;
	text-decoration: none;
	color: 			#E22816;
	}
	
#content a.priaktiv {
	font-size:		14px;
	font-weight:	bold;
	text-decoration: none;
	color: 			#E22816;
	}
	
#content a.sek {
	font-size:		13px;
	text-decoration: none;
	color: 			#333333;
	background: url(sekpfeil.gif) no-repeat left;
	padding:			0 0 0 8px;
	}	
	
#content a:hover.sek {
	font-size:		13px;
	text-decoration: none;
	color: 			#E22816;
	background: url(sek-pfeil-hover.gif) no-repeat;
	padding:			0 0 0 8px;
	}	
	
#content a.sekaktiv {
	font-size:		13px;
	text-decoration: none;
	color: 			#E22816;
	background: url(sek-pfeil-hover.gif) no-repeat;
	padding:			0 0 0 8px;
	}	

/* Ab hier mittlerer Block */
	
#content .schmuckbild {
	height:			237px; 
	width:			473px;
	padding: 		0px;
	margin:			0px;
}

#content .klickpfad {
	height:			20px; 
	width:			450px;
	padding: 		15px 0 0 25px;
	margin:			0px;
	color:			#999999;
	font-size: 		10px;
}

#content .text {
	width:			400px;
	margin:			25px 0 0 25px;
}

#content h1{
	color:			#679C26;
	font-size: 		18px;
	padding: 		0px;
	margin:			5px 0 20px 0px;
}

#content h2{
	font-size: 		15px;
	padding: 		0px;
	margin:			5px 0 15px 0px;
}

#content h3{
	font-size: 		13px;
	padding:		0px;
	margin:			0px 0px -1em 0px;
}

#content p.medium{
	width:			400px;
	font-size: 		13px;
	line-height:	19px;
	padding: 		0px;
	margin:			0 0 20px 0px;
}

#content .footer {
	width:			440px;
	padding-top:		40px;
	margin:			0px 0 20px 25px;
	color:			#999999;
	font-size: 		10px;
	line-height:	14px;
}

#content a.footlink {
	color:			#999999;
	font-size: 		10px;
	text-decoration: none;
}

#content a:hover.footlink {
	color:			#E22816;
	font-size: 		10px;
	text-decoration: none;
}


/* Erik neu START */
#footerpage a {
	color:			#999999;
	font-size: 		10px;
	text-decoration: none;
}

#footerpage a:hover {
	color:			#E22816;
	font-size: 		10px;
	text-decoration: none;
}

span.csc-sword{
	background:#99ff99;
}

/* a.mail, a.internal-link, a.external-link-new-window { */
#hauptbereich a {
	font-size: 		13px;
	text-decoration:	underline;
	color:			#679C26;
}

#hauptbereich a:hover {
	font-size: 		13px;
	text-decoration:	underline;
	color: 			#E22816;
}

td.kontakt {
	font-size: 		13px;
}


/* Erik neu ENDE */



	
/* Ab hier rechter Block */



*html #content .schrift {
	/* width:			175px; */		
	height:			26px;
	margin:			25px 0 0 8px;
	padding:			0 0 0 90px;
	background: url(schrift-bg.gif) top left no-repeat;
	
}

#content .schrift {
	height:			26px;
	margin:			25px 0 0 8px;
	padding:			0 0 0 90px;
	background: url(schrift-bg.gif) top left no-repeat;
}

*html #content .schriftvitalan {
	/* width:			175px; */		
	height:			26px;
	margin:			25px 0 0 8px;
	padding:			0 0 0 90px;
	background: url(schriftvitalan-bg.gif) top left no-repeat;
	
}

#content .schriftvitalan {
	height:			26px;
	margin:			25px 0 0 8px;
	padding:			0 0 0 90px;
	background: url(schriftvitalan-bg.gif) top left no-repeat;
}

#content a.a1 {
	display:			block;
	height: 			26px;
	width:			26px;
	background:		 url(a1.gif);
	float: 			left;
	margin:			0 2px 0 0;
}

#content a:hover.a1, a.a1aktiv {
	display:			block;
	height: 			26px;
	width:			26px;
	background:		 url(a1-hover.gif);
	float: 			left;
	margin:			0 2px 0 0;
}

#content a.a2 {
	display:			block;
	height: 			26px;
	width:			26px;
	background:		 url(a2.gif);
	float: 			left;
	margin:			0 2px 0 0;
}

#content a:hover.a2, a.a2aktiv {
	display:			block;
	height: 			26px;
	width:			26px;
	background:		 url(a2-hover.gif);
	float: 			left;
	margin:			0 2px 0 0;
}

#content a.a3 {
	display:			block;
	height: 			26px;
	width:			26px;
	background:		 url(a3.gif);
	float: 			left;
	margin:			0 2px 0 0;
}

#content a:hover.a3, a.a3aktiv {
	display:			block;
	height: 			26px;
	width:			26px;
	background:		 url(a3-hover.gif);
	float: 			left;
	margin:			0 2px 0 0;
}

#content .suchfeld {
	width:			150px;
	height:			25px;
	margin:			30px 0 0 20px;
	padding:			0 0 0 0;
	background: url(suche-bg.gif) top left no-repeat;
}

*html #content input.search {
	font-size: 11px;
	color : #333;
	text-align: left;
	border: none;
	padding:	0 0 0 5px;
	margin:	5px 0 0 0px;
	float:	left;
}

/*
*html #content input.los {
	padding:	9px 0 0 0px;
	margin:	7px 0 0 15px;
}
*/

*html #content input.los {
	padding:	9px 0 0 0px;
	margin:	0 0 0 15px;
}


#content input.search {			/*  extrawurst f?r ff  */
	font-size: 11px;
	color : #333;
	text-align: left;
	border: none;
	padding:	0 0 0 25px;
	margin:	5px 0 0 0px;
	float:	left;
}



#content input.los {				/*  extrawurst f?r ff  */
	padding: 0px;
	margin:	7px 0 0 15px;
}

/*
#content img.zumshop {
	width:			154px;
	height:			93px;
	margin:			30px 0 0 20px;
	padding:			0 0 0 0;
}
*/

#content img.vitasan {
	width:			154px;
	margin:			10px 0 0 18px;
	padding:			0 0 0 0;
}

#content img.vitalan {
	width:			154px;
	margin:			3px 0 0 18px;
	padding:			0 0 0 0;
}

#content .navigation2{
	border-top:		solid 1px #333333;
	border-bottom:		solid 1px #333333;
	width:			150px;
	margin:			10px 0 0 20px;
	
}

#content ul.nav2{
	width:			150px;
	margin: 			12px 0 0 0px;
	padding: 		0 0 0 0px;
}

#content li.nav2{
	list-style:		none;
	margin:			0 0 0px 0px;
	padding-left: 8px;
	background: url(sek-pfeil.gif) top left no-repeat;
	line-height: 18px;
	min-height: 44px;
}
*html #content li.nav2{
	height: 44px;
}

*html #content ul.sek2{
	position:			absolute;
	margin: 		10px 0 5px 0;
	padding: 		0px 0 0 0px;
}

#content ul.sek2{
	margin: 		10px 0 5px 0;
	padding: 		0px 0 0 0px;
}

#content ul.sek2 li{
	list-style:		none;
	margin:			0 0 5px 0;
}
#content .seknavigation2{
	width:			180px;
	margin:			5px 0 0 20px;
}

*html #content .servicebox {
	width:			152px;
	height:			155px;
	margin:			15px 0 0 15px;
	padding:			50px 0 0 15px;
	background: url(servicebox-bg.gif) top left no-repeat;
}


#content .servicebox {						/*  extrawurst f?r ff  */
	width:			152px;
	height:			134px;
	margin:			15px 0 0 15px;
	padding:			35px 0 0 15px;
	background: url(servicebox-bg.gif) top left no-repeat;
}


*html #content .serviceboxvitalan {
	width:			152px;
	height:			155px;
	margin:			25px 0 0 15px;
	padding:			50px 0 0 15px;
	background: url(serviceboxvitalan-bg.gif) top left no-repeat;
}



#content .serviceboxvitalan {						/*  extrawurst f?r ff  */
	width:			152px;
	height:			134px;
	margin:			25px 0 0 15px;
	padding:			35px 0 0 15px;
	background: url(serviceboxvitalan-bg.gif) top left no-repeat;
}

#hauptbereich  ul.sitemap {
	margin-bottom:		0px;
	margin-top:		0px;
	}

#hauptbereich ul.sitemap li{
	list-style:	none;
	line-height:		30px;
	margin:		0px 0 10px 0;
	padding:	0px;
	font-weight:	bold;
	}
	
	
#hauptbereich  ul.sitemap2 {
	margin:		5px 0 30px 15px;
	padding:		0px;
	}

	
	/*
*html #hauptbereich ul.sitemap2 li{
	list-style:		none;
	line-height:		20px;
	margin:		0px;
	padding:	0 0 0 10px;
	background:	url(sitemap-pfeil.gif) top left no-repeat;
	font-weight:	normal;
	}
	*/
		
#hauptbereich ul.sitemap2 li{
	list-style:	none;
	height:		20px;
	margin:		0px;
	padding:	0px;
	/*background:	url(sitemap-pfeil2.gif) top left no-repeat;*/
	}
	
/*
*html #hauptbereich ul.csc-bulletlist li{
	list-style:	url(li-pfeil2.gif);
	background:	none;
	font-size:	13px;
	line-height:	17px;
	padding:	0;
	}

#hauptbereich ul.csc-bulletlist li{
	list-style:	none;
	background:	url(li-pfeil.gif) no-repeat left;
	font-size:	13px;
	line-height:	17px;
	padding:	0 0 0 15px;
	}
*/

*html #hauptbereich ul.csc-bulletlist li{
	list-style:	url(li-pfeil2.gif);
	font-size:	13px;
	line-height:	17px;
	}

#hauptbereich ul.csc-bulletlist li{
	list-style:	url(li-pfeil.gif);
	font-size:	13px;
	line-height:	17px;
	}



*html #hauptbereich .text ul li{
	list-style:	url(li-pfeil2.gif);
	font-size:	13px;
	line-height:	17px;
	}

#hauptbereich .text ul li{
	list-style:	url(li-pfeil.gif);
	font-size:	13px;
	line-height:	17px;
	}

/* Styles für Kontaktformular */

#content input.eingabe {	
	width:	150px;		
	font-size:	13px;
	color : #333333;
	text-align: left;
	border: 1px #333333 solid;
}

#content input.pflichteingabe {		
	width:	148px;		
	font-size:	13px;
	color : #333333;
	text-align: left;
	border: 2px #333333 solid;
}

#content textarea.formular {			
	font-size:	13px;
	color : #333333;
	text-align: left;
	border: 1px #333333 solid;
}

#content input.button {			
	font-size:	13px;
	font-weight:	bold;
	color : #333;
	text-align: center;
	border: 1px #333 solid;
	background:	#CCC;
}






#content table.csc-searchform{
	width:	300px;
}



#content table.csc-searchform td{
	width:	150px;
}

#content table.csc-searchform p{
	width:	100px;
	
	 font-size: 13px;
}


 .csc-searchResultInfo{
 width: 400px;
 
 
 }
 
  p.csc-searchResult{
 width: 400px;
 font-size: 13px;
 
 }

.contenttable-0 td, tr{		
	font-size:	13px;
	vertical-align: top;	
	border: 1px #e2e2e2 solid;
	background: white;
	margin: 0px;
	padding: 6px 3px 6px 3px;

}

.tr-0{		
font-weight: bold;
color:			#679C26;
}
.td-0 {		
font-weight: bold;
}
.kontakt td, tr{		
	padding: 0px;
	margin: 0px;
	border: none;
	background: none;
	vertical-align: middle;	
}