@charset "utf-8"; /* CSS Document *****************************************
*       _________________   ______  __           ________________         *           
*       ___  __ \_  ____/   ___  / / /__________ ___  /_  /___  /_        *
*       __  /_/ /  / _________  /_/ /_  _ \  __ `/_  /_  __/_  __ \       *
*       _  ____// /___/_____/  __  / /  __/ /_/ /_  / / /_ _  / / /       *
*       /_/     \____/      /_/ /_/  \___/\__,_/ /_/  \__/ /_/ /_/        *
*                                                                         *
***************************************************************************            
*        Copyright: PC-Health | www.pc-health.ch | Wolfgang Wahl          *
***************************************************************************

***************************************************************************
*        CSS - Stylesheet: www.naturevit.ch                               *
***************************************************************************		 
		 
/*#########################################################################
---- Slider - Startseite --------------------------------------------------
#########################################################################*/

body#startseite .slider {
	height: 350px;
	position: relative;
	top: 0;
	width: 645px;
	z-index: 1;
}

body#startseite .items {
	display: none;	
}

body#startseite .pagination {
	bottom: 10px;
	position: absolute;
	left: 50%;
	margin-left: -250px;
	z-index: 999;
	display: none;
}

body#startseite .pagination li {
	float: left;	
}

body#startseite .pagination li+li {
	margin-left: 15px;
}

body#startseite .pagination  li a{
	width: 24px;
	display: block;
	transition: 0s ease;
	-o-transition: 0s ease;
	-webkit-transition: 0s ease;
	height: 23px;
	background: url( ../images/misc/pagination.png) right 0 no-repeat;
}

body#startseite .pagination li a:hover, body#startseite .pagination li.current a {
	background-position: 0 0;
}

body#startseite .banner {
	position:absolute;
	width:645px;
	bottom: 0;	
	left: 0;	
	overflow:hidden;
	z-index:15;
}

body#startseite .banner span {
	display: block;
	padding: 20px;
	margin: 20px;
	font-size: 2.8em;
	text-align: center;	
	background:url( ../images/misc/png.png);
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color:#fff;		
}
body#startseite .banner span.endbild {
	font-size: 1.5em;
	margin: 0;
	margin-bottom: 155px;
	text-align: left;
	padding: 10px;
	padding-left: 15px;	
}

/*#########################################################################
---- Slider - Naturevit GmbH ----------------------------------------------
#########################################################################*/

body#naturevit-gmbh .slider {
	height: 250px;
	position: relative;
	top: 0;
	width: 645px;
	z-index: 1;
}

body#naturevit-gmbh .items {
	display: none;	
}

body#naturevit-gmbh .pagination {
	bottom: 10px;
	position: absolute;
	left: 50%;
	margin-left: -312px;
	z-index: 999;

}

body#naturevit-gmbh .pagination li {
	float: left;	
}

body#naturevit-gmbh .pagination li+li {
	margin-left: 15px;
}

body#naturevit-gmbh .pagination  li a{
	width: 24px;
	display: block;
	transition: 0s ease;
	-o-transition: 0s ease;
	-webkit-transition: 0s ease;
	height: 23px;
	background: url( ../images/misc/pagination.png) right 0 no-repeat;
}

body#naturevit-gmbh .pagination li a:hover, body#naturevit-gmbh .pagination li.current a {
	background-position: 0 0;
}

body#naturevit-gmbh .banner {
	position:absolute;
	width:645px;
	bottom: 0;	
	left: 0;	
	overflow:hidden;
	z-index: 15;
}

body#naturevit-gmbh .banner span {
	display: block;
	padding: 20px;
	margin: 20px;
	font-size: 2.8em;
	text-align: center;	
	background:url( ../images/misc/png.png);
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color:#fff;		
}

body#naturevit-gmbh .banner span.endbild {
	font-size: 1.5em;
	margin: 0;
	margin-bottom: 155px;
	text-align: left;
	padding: 10px;
	padding-left: 15px;	
}

/*#########################################################################
---- Slider - Praxen ------------------------------------------------------
#########################################################################*/

body.praxen .slider {
	height: 180px;
	width: 650px;	
	position: relative;
	top: 0;
	z-index: 1;
}

body.praxen .items {
	display: none;	
}

body.praxen .pagination {
	bottom: 0;
	position: absolute;
	left: 50%;
	margin-left: -312px;
	z-index: 10000;

}

body.praxen .pagination li {
	float: left;	
}

body.praxen .pagination li+li {
	margin-left: 15px;
}

body.praxen .pagination  li a{
	width: 24px;
	display: block;
	transition: 0s ease;
	-o-transition: 0s ease;
	-webkit-transition: 0s ease;
	height: 23px;
	background: url( ../images/misc/pagination.png) right 0 no-repeat;
}

body.praxen .pagination li a:hover, body.praxen .pagination li.current a {
	background-position: 0 0;
}

body.praxen a.banner {
	position: absolute;
	display: block;	
	width: 650px;
	width: 150px;	
	top: 0!important;	
	left: 0;	
	z-index: 15;
}

body.praxen a.banner span {
	display: block;
	width: 650px;
	height: 150px;
}

/*#########################################################################
---- Slider - Header Praxen -----------------------------------------------
#########################################################################*/

#praxen-header {
	position: absolute;
	width: 920px;
	height: 285px;
}

div.navBulletsWrapper {
	display: none;
}