/* @override 
	http://zafriedenau.de/files/praxis_cs/css/praxis.css
	http://neu.zafriedenau.de/files/praxis_cs/css/praxis.css
	http://zahnschirm.de/files/praxis_cs/css/praxis.css
	http://en.zahnschirm.de/files/praxis_cs/css/praxis.css
	http://www.zahnschirm.de/files/praxis_cs/css/praxis.css */

@font-face {
  font-family: 'Metrophobic';
  font-style: normal;
  font-weight: 400;
  src: local('Metrophobic Regular'), local('Metrophobic-Regular'),
  url("/files/praxis_cs/fonts/Metrophobic-Regular.ttf" );
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Metrophobic", Arial, Verdana, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #396292;
	background-color: #cbe7f2;
	background: url('/files/praxis_cs/resources/body-bg-shadow.png'),url('/files/praxis_cs/resources/holz-bg.jpg'),url('/files/praxis_cs/resources/body-bg.gif');
	background-position: left 440px, center -250px, left top;
	background-repeat: repeat-x, no-repeat, repeat;
}

#wrapper {
	z-index: 2;
	width: 960px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 35px;
}

#header {
	height: 194px;
}

#logo {
	position: absolute;
	left: 50%;
	top: 10px;
	margin-left: -350px;
}
#hotline {
	position: absolute;
	right: -250px;
	top: 260px;
}

#container {
	background: #dfecf2;
}
#main {
	position: relative;
	padding: 0px;
	background: #fff;
	min-height: 370px;
}
.home #main, .home #container {
	background: rgba(255,255,255,.45);
}
.kontakt #main {
	background: #deeafa;
}
.intro {
	padding: 45px 60px;
	background-color: #deeafa;
}

#footer {
	height: 30px;
	padding-top: 6px;
	width: 100%;
	text-align: right;
	position: fixed;
	bottom: 0;
	left: 50%;
	margin-left: -50%;
}

#teasernav {
	font-size: 0;
}

#teasernav li {
	width: 316px;
	height: 210px;
	display: inline-block;
	background-color: #ccc;
	margin: 2px;
	font-size: 18px;
	position: relative;
	overflow: hidden;
	word-spacing: 0;
	letter-spacing: 0;
	line-height: 0;
	cursor: pointer;
}
#teasernav a, #teasernav span {
	display: block;
	padding: 4px 10px;
	color: #fff;
	background-color: rgb(187,197, 60);
	line-height: 20px;
	width: 150px;
	text-align: center;
	z-index: 5;
	position: relative;
}
#teasernav a:after {
	content: " ›";
}

#teasernav span.more {
	position: absolute;
	top: 0;
	left: 0;
	width: 316px;
	padding: 0;
	height: 130px;
	background-color: rgba(255, 255, 255, .85);
	text-align: center;
	color: rgb(187,197, 60);
	display: block;
	padding-top: 80px;
	font-size: 24px;
	display: none;
	z-index: 1 !important;
	
}

#teasernav li.active {
	opacity: 0.4;
}
#teasernav li.active span {
	background-color: rgb(90, 150, 230);
}

/* Home */



#teaser {
	height: 160px;
	padding: 20px 0;
	position: absolute;
	top: 470px;
	width: 960px;
	background: rgba(255,255,255,.7);
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

#teaser .ce_text {
	border: 1px dashed #98c2d6;
	width: 200px;
	height: 150px;
	float: left;
	margin-left: 15px;
	padding: 0 10px;
	background: rgb(187,197, 60);
	color: #fff;
	border-radius: 15px;

}
#teaser a {
	color: #fff;
}

.willkommen {
	padding: 20px;
	height: 60px;
}


/* Allgemein */


.spalte1, .spalte2 {
	display: table-cell;
	vertical-align: top;
	width: 480px;
	background-color: #deeafa;
}

.spalte1 .ce_image {
	width: 480px;
	overflow: hidden;
}

.spalte2 {
	padding: 20px 20px 10px 20px;
	background: #deeafa;
}

.spalte1 .ce_image {
	padding-bottom: 6px;
} 
.spalte1 .ce_image.last {
	padding-bottom: 0;
}

h1 {
	margin-top: 0;
}

h2 {
	font-size: 20px;
	line-height: 24px;
	font-weight: normal;
	margin-top: .5em;
	color: rgb(70, 110, 190);
}

a {
	text-decoration: none;
	color: rgb(90, 150, 230);
}


#teamfotos .image_container {
	width: 477px;
	margin-right: 6px;
	height: 373px;
	position: relative;
}
#teamfotos .col_last .image_container {
	margin-right: 0px;
}
#teamfotos .row_last .image_container {
	height: 367px;
}
.caption {
	background: #deeafa;
	display: block;
	width: 457px !important;
	font-size: 14px;
	height: 45px;
	padding: 2px 10px;
}
.invisible {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	text-indent: -30000px;
}

.clear {
	padding-top: 8px;
	clear: both;
}

img {
	display: block;
}
.invisible {
	display: none !important;
}
/* Navigation */




#nav {
	position: absolute;
	left: 0;
	top: 160px;
	width: 960px;
	height: 30px;
}
#nav li {
	list-style: none;
	float: left;
	color: #fff;
	text-transform: uppercase;
	width: 146px;
	background: rgb(90, 150, 230);
	text-align: center;
	padding: 7px 0 4px 0px;
	height: 22px;
	margin-right: 1px;
	line-height: 20px;
	
}
#nav li.active, #nav li.trail {
	background: rgb(187,197, 60);
}
#nav li.home {
	width: 75px;
}
#nav li.last {
	margin-right: 0px;
}

#nav a, #nav span {
	color: #fff;
	text-decoration: none;
}

#subnav {
	margin-right: 40px;
}
#subnav li {
	display: inline;
	padding-right: 5px;
	margin-right: 5px;
	border-right: 1px solid #fff;
        background-color: #deeafa
}
#subnav li.last {
	border-right: none;
}
#subnav a {
	text-decoration: none;
	color: #468edb ;
}

#nav ul.level_2 {
	position: absolute;
	left: 0;
	top: 34px;
	width: 960px;
	background: #fff;
}

/* Formular */
	
label {
	padding-right: 20px;
}

input {
	margin-bottom: 5px;
	width: 300px;
	border: 1px solid #ccc;
	padding: 2px 5px;
}
input[type='checkbox'], input[type='radio'] {
	width: auto;
}
input[type='submit'] {
	width: auto;
	background: rgb(90, 150, 230);
	border: none;
	padding: 4px 10px;
	color: #fff;
	text-transform: uppercase;
	margin: 10px 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	cursor: pointer;
}
fieldset span {
	display: block;
}
legend {
	font-weight: bold;
}
form, table {
	margin: 0;
}
/* easy slider*/




	div.slider {
		height: 370px !important;
		overflow: hidden;	}

	.slider ul, .slider li,
	.slider2 ul, .slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	.slider2{margin-top:1em;}
	.slider li, .slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:960px;
		height:370px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:44px;
		height:74px;
		position:absolute;
		left:10px;
		top:150px;
		z-index:1000;
		text-indent: -3000px;
		}	
	#nextBtn, #slider1next{ 
		left:910px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:44px;
		height:74px;
		background:url(/files/praxis_cs/resources/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(/files/praxis_cs/resources/btn_next.png) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;
		position: absolute;
		top: 0px;
		right: 6px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:14px;
		width: 14px;
		background: url(/files/praxis_cs/resources/slider-button.png) center no-repeat;
		color:#555;
		text-indent: -3000px;
		}
	ol#controls li.current a{
		background: url(/files/praxis_cs/resources/slider-button-active.png) center no-repeat;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}