@charset "utf-8";

/*--------------------------------------------------------------------------------------------------
CSS Styles for <dr>.

version:   1.0
--------------------------------------------------------------------------------------------------*/

/* =CSS Reset
--------------------------------------------------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End CSS Reset
--------------------------------------------------------------------------------------------------*/

/* =Toolkit
--------------------------------------------------------------------------------------------------*/

/* Micro Clearfix Hack by Nicholas Gallagher (http://nicolasgallagher.com/micro-clearfix-hack/) */
/* For modern browsers */
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; }

/* general purpose classes */
.nodisplay { display:none; }
.nodisplay_strict { display:none !important; }
.alignleft { float:left; }
.alignright { float:right; }

/* End Toolkit
--------------------------------------------------------------------------------------------------*/

/* =Normalization - mostly derived from normalize.css (https://github.com/necolas/normalize.css/) but without comments and compressed to keep the file small
--------------------------------------------------------------------------------------------------*/

hr { display:block; height:1px; border:0; margin:1em 0; padding:0;
	border-top:1px solid #cccccc; /* change border colour to suit your needs */
}
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, button, input, select, textarea { font-family: sans-serif; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
/* h1 { font-size: 2em; } */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul { margin: 1em 0; }
del { text-decoration: line-through; }
abbr[title] { border-bottom: 1px dotted; cursor:help; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
small { font-size: 75%; }
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; *margin-left: -7px; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
input, select { vertical-align:middle; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }

/* End Normalization
--------------------------------------------------------------------------------------------------*/
html, body {
 height:100%;
}


/* =Typography
--------------------------------------------------------------------------------------------------*/

/* Setting up the fonts */
@font-face {
    font-family: 'allerbold';
    src: url('../fonts/aller_bd-webfont.eot');
    src: url('../fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_bd-webfont.woff') format('woff'),
         url('../fonts/aller_bd-webfont.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'allerregular';
    src: url('../fonts/aller_rg-webfont.eot');
    src: url('../fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_rg-webfont.woff') format('woff'),
         url('../fonts/aller_rg-webfont.svg#allerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
  font-family: 'allerregular';
  font-size: 11px;
  line-height: 1.5em;
  color:#000;
  min-width: 980px;
  overflow-x: hidden;
	background-color: #CCCCCC;
  background-image: url(../img/bgi/hintergrund.png);
  background-position: left bottom;
  background-repeat: repeat-x;
	background-attachment: fixed;
}

b, strong {
	font-family: 'allerbold';
	font-weight: normal;
}

/* End Typography
--------------------------------------------------------------------------------------------------*/


/* =Intro Video
--------------------------------------------------------------------------------------------------*/
#intro {
	position: absolute;
	left: 0;
	top: 0;
	width: 980px;
  height: 579px;
	overflow: hidden;
	z-index: 10000;
	background-color: #333;
	background-image: url(../img/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.flowplayer {
	width: 980px;
  height: 580px;
	overflow: hidden;
}
#repeat {
	position: absolute;
	right: 0;
	top: 0;
}
#repeat a {
	background: url(../img/bgi/nav.png) -384px 0px no-repeat;
	display: block;
	height: 16px;
	width: 16px;
}
#repeat a:hover {
	background: url(../img/bgi/nav.png) -284px -16px no-repeat;
	width: 116px;
}

#play {
 	position: absolute;
	left: 0;
	top: 0;
	z-index: 10002;
	display: none;
}
#play a {
	display: block;
 	width: 980px;
	height: 580px;
	background-image: url(../img/bgi/play.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#play a:hover {
}

#cancel {
 	position: absolute;
	left: 0;
	top: 0;
	z-index: 10001;
	display: none;
}
#cancel a {
 	background: url(skin/img/skip.gif);
	background-position: right top;
	background-repeat: no-repeat;
	display: block;
 	width: 980px;
	height: 580px;
}
.no-touch #cancel a:hover {
	background:url(skin/img/skip_over.gif);
	background-position: right top;
	background-repeat: no-repeat;
}
/* End Intro Video
--------------------------------------------------------------------------------------------------*/


/* =Links
--------------------------------------------------------------------------------------------------*/
a {
	color:#000;
	text-decoration: none;
}
.no-touch a:hover {
	text-decoration: underline;
}
/* End Links
--------------------------------------------------------------------------------------------------*/


/* =Main Nav
--------------------------------------------------------------------------------------------------*/
#nav_header {
	margin: 41px 0 0 21px;
}
#main_nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#main_nav li {
	float: left;
	height: 21px;
	line-height: 20px;
	margin-right: 1px;
}
#main_nav a {
	display: block;
	float: left;
	width: 100%;
	color:#000;
	text-decoration: none;
	text-align: center;
	background: url(../img/bgi/bg_block.png);
}
#main_nav a:hover, #main_nav .active a {
	text-decoration: none;
	background: #43c4b7;
	color:#fff;
	/*font-family: 'allerbold';
	line-height: 17px;
	height: 21px;*/
}
.nav1 {
	width: 69px;
}
.nav2 {
	width: 99px;
}
.nav3 {
	width: 89px;
}
.nav4 {
	width: 69px;
}
.nav5 {
	width: 76px;
}
.nav6 {
	width: 135px;
}
/* End Main Nav
--------------------------------------------------------------------------------------------------*/


/* =Sub Nav
--------------------------------------------------------------------------------------------------*/
#content_nav {
	width: 135px;
	height: 296px;
	margin-left: 1px;
	float: left;
}
#content_nav ul {
	margin: 0;
}
#content_nav li {
	line-height: 14px;
	margin-bottom: 1px;
}
#content_nav li a {
	display: block;
	background: url(../img/bgi/bg_block.png);
	padding: 3px 8px;
}
#content_nav a span {
	background: url(../img/bgi/nav.png) 0 3px no-repeat;
	display: block;
	padding-left: 8px;
	color:#000;
	text-decoration: none;
	cursor: pointer;
}
.no-touch #content_nav a:hover, #content_nav .active a {
	text-decoration: none;
	background: #43c4b7;
}
#content_nav .active span, .no-touch #content_nav a:hover span {
	color:#fff;
	background: url(../img/bgi/nav.png) 0 -40px no-repeat;
}
#content_nav div {
	display: block;
	background: url(../img/bgi/bg_block.png);
	width: 135px;
}
/* End Sub Nav
--------------------------------------------------------------------------------------------------*/


/* =Main Content
--------------------------------------------------------------------------------------------------*/
#container {
	position: absolute;
	width: 980px;
 	left: 50%;
	margin-left: -490px;
	z-index: 100;
}
#content_wrapper {
	background-image: url(../img/bgi/hintergrund.jpg);
	background-repeat: no-repeat;
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.50);
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.50);
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.50);
	height: 579px;
}
#logo {
	float: right;
  height: 170px;
  width: 416px;
	padding-top: 30px;
}
.clear {
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	clear: both;
}

#content {
	margin-left: 21px;
	height: 296px;
	position: relative;
}
.slogan {
	position: absolute;
	right: 43px;
	top: -21px;
	z-index: 200;
}
#foto_wrapper {
	width: 416px;
	float: right;
}
#foto_wrapper img {
	display: block;
}
.band {
	margin-bottom: 1px;
	height: 20px;
	width: 416px;
	overflow: hidden;
	position: relative;
}
.band img {
	position: absolute;
}
.foto {
	position: relative;
}
.video_inhalt,
.video_inhalt .flowplayer
{
	background-color: #000;
	width: 416px;
	height: 275px;
}
		  
#text_wrapper {
	width: 406px;
	height: 296px;
	float: left;
}
.headline {
	background: #fff;
	height: 20px;
	padding-left: 13px;
	margin: 0 0 1px 0;
}
.text {
	padding: 12px 20px 15px 13px;
	background: url(../img/bgi/bg_block.png) repeat;
	height: 248px;
	position: relative;
}
h1 {
	font-weight: normal;
	margin: 0;
	text-transform: uppercase;
 	letter-spacing: 2px;
	font-size: 12px;
}
h2 {
	font-weight: normal;
	margin: 0;
	text-transform: uppercase;
 	letter-spacing: 2px;
	font-size: 12px;
}
.text p {
	padding: 7px 0 0;
	margin: 0;
}
.text ul {
	list-style-type: square;
	padding-left: 20px;
}

/* Navi zwischen Seiten */
.pagenav {
	position: absolute;
	left: 0;
	bottom: 13px;
	width: 380px;
	padding: 0 13px 0 13px;
}
.pagenav a {
}
.pagenav a.zurueck {
	float: left;
}
.pagenav a.weiter {
	float: right;
}
.pagenav a span {
	background-color: #fff;
	background-image: url(../img/bgi/nav.png);
	background-repeat: no-repeat;
	display: block;
	height: 16px;
	width: 16px;
}
.no-touch .pagenav a:hover {
	color: #43C4B7;
	text-decoration: none;
}
.no-touch .pagenav a:hover span {
	background-color: #43C4B7;
}
.pagenav a.zurueck span {
	background-position: -366px -32px;
	margin-right: 5px;
	float: left;
}
.no-touch .pagenav a.zurueck:hover span {
	background-position: -382px -32px;
}
.pagenav a.weiter span {
	background-position: 5px 4px;
	margin-left: 5px;
	float: right;
}
.no-touch .pagenav a.weiter:hover span {
	background-position: 5px -39px;
}



/* =End Main Content
--------------------------------------------------------------------------------------------------*/

#footer {
	color: #fff;
	text-align: right;
	font-size: 11px;
}
#footer a {
	color: #fff;
}
.no-touch #footer a:hover {
	color: #43C4B7;
	text-decoration: none;
}


/* =Forms
--------------------------------------------------------------------------------------------------*/

/* Removing fieldset borders (remove if you want to keep the defaults defined in Normalization) */
fieldset { border: 1px solid transparent; margin: 0; padding: 0; }

/* End Forms
--------------------------------------------------------------------------------------------------*/

/* Vita */  /* vom 12.11.2012 ##############################################################################*/
.btn-kurz-vita {
	z-index: 100;
  width: 150px;
}

.scrollContent {
  height: 248px;
  overflow: auto;
  width: 386px;
}

.vitaheadline {
padding-left: 120px;
}

.vitalist ul {
padding-left: 0;
padding-top:10px;
overflow: hidden;
}

.vitalist li {
float: left;
list-style-type: none;
padding-bottom: 10px;
}

.vitalist .links {
width: 120px; 
font-family: 'allerbold';
font-size: 90%;
}

.vitalist .rechts {
width: 210px;
}

.vitalist p {
display: block;
}

/* Pagenavi zurück, wenn beide gelichzeitig vorhanden sind */

.backBtn {
width: 170px;
z-index: 100;
}


/* Pagenavi oben */
.pagenavoben {
	position: absolute;
	left: 0;
	top: 0;
	width: 120px;
	padding: 0;
}
.pagenavoben a {
}
.pagenavoben a.zurueck {
	float: left;
}
.pagenavoben a span {
	background-color: #fff;
	background-image: url(../img/bgi/nav.png);
	background-repeat: no-repeat;
	display: block;
	height: 16px;
	width: 16px;
}
.no-touch .pagenavoben a:hover {
	color: #43C4B7;
	text-decoration: none;
}
.no-touch .pagenavoben a:hover span {
	background-color: #43C4B7;
}
.pagenavoben a.zurueck span {
	background-position: -366px -32px;
	margin-right: 5px;
	float: left;
}
.no-touch .pagenavoben a.zurueck:hover span {
	background-position: -382px -32px;
}


/* google maps ######################## */

.map {
	background-color: #FFF;
	overflow: hidden;
	width: 416px;
	height: 275px;
}

/* Pagenavi im Content */
.pagenavcontent {
  position: static;
	width: auto;
	padding: 15px 13px 0 0;
}
.pagenavcontent a {
	float: none;
	display: block;
	line-height: 16px;
	margin-bottom: 5px;
}
.pagenavcontent a span {
	background-color: #fff;
	background-image: url(../img/bgi/nav.png);
	background-repeat: no-repeat;
	display: block;
	height: 16px;
	width: 16px;
}
.no-touch .pagenavcontent a:hover,
.pagenavcontent a.aktiv
{
	color: #43C4B7;
	text-decoration: none;
}
.no-touch .pagenavcontent a:hover span,
.pagenavcontent a.aktiv span
{
	background-color: #43C4B7;
}
.pagenavcontent a.tiefer span {
	background-position: 5px 4px;
	margin-right: 5px;
	float: left;
}
.no-touch .pagenavcontent a.tiefer:hover span,
.pagenavcontent a.aktiv span
{
	background-position: 5px -39px;
}


/* Tooltip */

.tooltip{
	display:none;
	position:absolute;
	left:0px;
	background-color:#FFF;
	padding:0 5px 0 5px;
	border-left:5px solid #43C4B7;
	width:auto;
	height: 20px;
	z-index: 200;
	font-size: 11px;
	line-height: 0em;
	color: #000;
	white-space: nowrap;
}

/* Navi von Einzelbildern zurück zur Gruppe */
/*.bildzurueck {
	position: absolute;
	left: 555px;
	margin-top: -40px;
	width: 40px;
  z-index: 200;
  background-color:#FFF;
  padding:0 5px 0 5px;
  border-left:5px solid #43C4B7;
  display: none;
  cursor: pointer;
}*/
.bildzurueck {
	position: absolute;
  z-index: 200;
  background-color:#FFF;
  padding: 0 5px 0 5px;
  border-left: 5px solid #43C4B7;
  display: none;
  cursor: pointer;
	bottom: 20px;
	left: 10px;
}

/* Praxisteam Zusatztexte */
/*.praxisteam_zusatztext {
	position: absolute;
  left: 555px;
  margin-top: -265px;
  z-index: 200;
}*/
.praxisteam_zusatztext {
	position: absolute;
  z-index: 200;
	width: 396px;
	padding: 5px 10px;
	top: 0;
	left: 0;
	display: none;
}
.praxisteam_zusatztext .zusatz_links {
	float: left;
}
.praxisteam_zusatztext .zusatz_rechts {
	float: right;
}

/* Prophylaxe Zusatztexte */
/*.prophylaxe_zusatztext {
  background: url(../img/bgi/bg_block.png) repeat;
	position: absolute;
  height: 37px;
  width: 396px;
  left: 543px;
  margin-top: -42px;
  z-index: 200;
  padding: 5px 10px 0 10px;
  display: block;
}*/
.prophylaxe_zusatztext {
  background: url(../img/bgi/bg_block.png) repeat;
	position: absolute;
  width: 396px;
  z-index: 200;
  padding: 5px 10px 5px 10px;
	bottom: 0;
  display: block;
}

.externe ul{
margin-top:0px;
padding-top:0px;
}