/* CSS Document by tm-webentwicklung @ www.tm-webentwicklung.com */

/*--- RESET ------------------------------------------------------------------------*/

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: 1em;
}

input, textarea {
	font-size: 1em;
	border: none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*--- BASE ------------------------------------------------------------------------*/

	html { 
		overflow: scroll;
		overflow-x: visible;
		height: 100%;
	}

	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 	0.875em; /* default: from 16px to 14px */
		color: #014493;
		background: #fff;
	}
	
	body#home {
		color: #009de0;
	}

	#page {
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}
	
	#header, #nav-level1, .content.typ1, .content-inner, #footer {
		width: 940px;
		margin: 0 auto;
	}
	

/*--- HEADER ------------------------------------------------------------------------*/

	div#header {
		height: 416px;
		width: 940px;
		padding: 0;
		position: relative;
		padding: 0;
	}
	
	#key-visual {
		position: absolute;
		width: 465px;
		height: 366px;
		background: url(../images/header-img.png) left bottom no-repeat;
		right: -52px;
		bottom: 0;
		z-index: 200;
	}

	img#logo {
		position: absolute;
		top: 56px;
	}
	
	img#bubble-kontakt {
		position: absolute;
		right: 10px;
		top: 10px;
		z-index: 100;
	}
	
	img#bubble-termin {
		position: absolute;
		right: -35px;
		top: 125px;
		z-index: 1000;
	}
	
	a#bubble-video {
		position: absolute;
		left: -75px;
		top: 95px;
		z-index: 1000;
	}
	
	div#header h3 {
		font-size: 1.143em; /* 16px */
		color: #009de0;
		border-bottom: 1px solid #4cbae9;	
		width: 535px;
		margin: 213px 0 0 10px;
		display: inline-block;
		padding: 0 20px 12px 0; 
	}
	

/*--- CONTENT ------------------------------------------------------------------------*/

/*----- Structure -----*/

	.content {
		overflow: hidden;
	}
	
	.content.typ1 {
		width: 100%;
		background-color: #e4f4fc;
	}
	
	#home .content.typ1 {
		background-image: none;
	}
	
	 #col-left {
		width: 679px;
		margin: 0 10px 0 10px;
		float: left;
		padding-top: 10px;
	}
	
	#home #col-left {
		width: 449px;
		padding-top: 0;
	}
	
	#col-middle {
		float: left;
		width: 220px;
		margin: 0 0 0 10px;
	}
	
	#col-right {
		float: right;
		width: 220px;
		margin: 0 1px 0 9px;

	}
	
	.content.typ1 .content-inner {
		overflow: hidden;
	}
	
	#home .content.typ1 .content-inner {
		overflow: hidden;
		background-image: url(../images/content-typ1-bg.gif);
		background-repeat: repeat-y;
		background-position: left top;
		margin-bottom: 44px;
		margin-top: 14px;
	}
	
	.content.typ2 {
		margin-top: 34px;
		border-bottom: 10px solid #e4f4fc;
		padding-bottom: 40px;
	}
	
	.content-box {
		padding: 10px;
		background: #e4f4fc;
		overflow: hidden;
	}
	
	.content-box+.content-box {
		margin-top: 20px;
	}
	
	#nav-main+.content {
		background-image: url(../images/nav-sub-bg.gif);
		background-repeat: repeat-x;
		background-position: left top;
		border-top: 38px solid #e4f4fc;
		min-height: 2px;			
	}
	
	#nav-main+.content.typ2 {
		margin-top: 0;
		padding-top: 52px;
	}
	
	.content-box p {
		color: #009DE0
	}
	
/*----- Section-Boxen -----*/

	.section-box {
		overflow: hidden;
	}
	
	.section-1 {
		float: left;
		margin-left: 20px;
		width: 320px;
	}
	
	.section-1:first-child {
		margin-left: 0;
	}
	
	p+.section-box {
		margin-top: -20px;
	}

/*----- Carousel Content Typ1 full-width -----*/

	.jcarousel-skin-steps {
		height: 285px;
	}
	
	.jcarousel-skin-steps li {
		width: 420px;
		overflow: hidden;
		padding: 28px 50px 0 0;
		float: left;
		position: relative;
		margin: 0;
		background: url(../images/carousel-bg.gif) right 79px no-repeat;
	}
	
	.jcarousel-skin-steps li.first {
		background-position: 30px 79px;
	}
	
	.jcarousel-skin-steps li span.count {
			background: none repeat scroll 0 0 #014493;
			border-radius: 12px 12px 12px 12px;
			color: #FFFFFF;
			display: block;
			line-height: 24px;
			text-align: center;
			width: 24px;
			position: absolute;
			left: 30px;
			top: 40px;
	}
	
	.jcarousel-clip {
		overflow: hidden;
	}
	
	.jcarousel-skin-steps li img {
		float: left;
		margin-right: 20px;
	}
	
	.jcarousel-skin-steps li h5 {
		color: #014493;
		margin: 0;
		display: table-cell;
		vertical-align: bottom;
		height: 42px;
		font-size: 1.071em;
	}
	
	.jcarousel-skin-steps li p {
		color: #009de0;
		font-size: 0.857em;
		margin-top: 18px;
	}
	
	.jcarousel-skin-steps li hr {
		width: 500px;
		margin: 8px 0 6px -240px;	
		border-color: #009de0;
		padding: 0;
		display: none;
	}
	
	.jcarousel-skin-steps li.first  hr {
		margin-left: -210px;
	}
	
	.jcarousel-skin-steps .jcarousel-next {
		width: 23px;
		background: #E4F4FC url(../images/slider-btn-next.png) right 66px no-repeat;
		position: absolute;
		top: 1px;
		right: 0;
		height: 284px;
		cursor: pointer;
	}

/*----- Header Text-Fader -----*/	
	
	#header-txt-fader {
		width: 500px;
		overflow: hidden;
		height: 110px;
		margin: 10px 0 0 10px;
		position: relative;
	}
	
	#header-txt-fader ul {
		margin: 0;
	}
	
	#header-txt-fader li {
		width: 475px;
		list-style-type: none;
		margin: 0;
		display: none;
	}
	
	#header-txt-fader li:first-child,
	#header-txt-fader.js li {
		display: block;
	}
	
	#header-txt-fader li h2 {
		color: #014493;
		font-size: 1.857em;
		line-height: 1.2em;
		border: none;
		margin: 0;
		padding: 0;
	}
	
	#slider-nav {
		position: absolute;
		bottom: 0;
	}
	
	#slider-nav a {
		width: 12px;
		height: 12px;
		display: block;
		float: left;
		margin-right: 3px;
		background: #19a7e3;
		color: red/*#19a7e3*/;
		border-radius: 6px;
		overflow: hidden;
		padding: 0;
		text-decoration: none;
		line-height: 100px;
	}
	#slider-nav a:focus,
	#slider-nav a:hover,
	#slider-nav a.activeSlide {
		background: #014493;
		color: #014493;
	}
	
/*----- Header Text-Fader -----*/	
	
	
	 ul.content-txt-fader {
		overflow: hidden;
		margin: 0;
		min-height: 200px; /* löschen wenn js auto-height wieder funzt */
	}
	
	body#home ul.content-txt-fader {
		min-height: 170px !important;
	}
	
	.content-txt-fader li {
		line-height:1.5em;
		margin-bottom: 0 0 10px 0;
	}
	
	.content-txt-fader.js li {
		list-style-type: none;
		margin: 0;
	}
	
	.content-txt-fader-nav {
		overflow: hidden;
		margin: -2px 0 12px;
	}
	
	.content-txt-fader-nav a {
		background: #44b8e8;
		line-height: 24px;
		width: 24px;
		text-align: center;
		color: #fff;
		display: block;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		padding: 0;
		margin: 0;
		float: left;
		text-decoration: none;
		margin-left: 5px;
	}
	
	.content-txt-fader-nav a:first-child {
		margin-left: 0;
	}
	
	.content-txt-fader-nav a:focus, 
	.content-txt-fader-nav a:hover,
	.content-txt-fader-nav a.activeSlide {
		background: #014493;
	}
	
	

/*----- Headings -----*/

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-weight: normal;
		margin:0;
		font-family: 'PT Sans Narrow', sans-serif;
		letter-spacing: 0.025em;
		line-height: 1.1em;
	}

	h1 {
		font-size: 1.5em;
		margin: 0 0 1.333em 0;
		color: #014493;
	}

	h2 {
		font-size: 1.143em; 
		margin: 0 0	0.77em 0;
		color: #009de0;
		border-bottom: 1px solid #4cbae9;
		padding: 0 0 12px 0;	
	}
	
	h3 {
		font-size: 1.286em;
		margin: 1.8em 0 0.833em 0;
		color: #009de0;
	}

	h4 {
		font-size: 1.25em;
		margin: 1.6em 0 0.8em 0;
		color: #009de0;
	}

	h5 {
		font-size: 1.25em;
		margin: 0 0 0 0;
		color:#009de0;
	}

	h6 {
		font-size: 1em; /* 12px */
		margin: 0 0 1em 0;
		color:#009de0;
	}
	
	#col-right h3, #col-middle h3 {
		font-size: 1.5em;
		margin: 0 0 1.333em 0;
		color: #014493;		
	}
	

/*----- Lists -----*/

	ul,
	ol,
	dl {
		font-size:1em;
		line-height:1.5em;
		margin: 0 0 1.5em 1em;
	}

	ul {
		list-style-type:disc;
	}

	ol {
		list-style-type:decimal;
	}

	ul ul {
		list-style-type:circle;
		margin-top:0;
	}

	ol ol {
		list-style-type:lower-latin;
		margin-top:0;
	}

	ol ul {
		list-style-type:circle;
		margin-top:0;
	}

	li {
		font-size:1em;
		line-height:1.3em;
		margin-left:0.8em;
		margin-bottom: 1em;
	}
	
	.content-box li {
		color: #009DE0;
	}

	dt { font-weight:bold; }

	dd { margin:0 0 1.5em 0.8em; }
	
/* <ol> styles with active js */	
	ol.js {
		list-style-type: none;
		margin-left: 0;
	}
	
	ol.js li {
		margin-left: 0;
		overflow: hidden;
	}
	
	span.count {
		background: #014493;
		color: #fff;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		line-height: 24px;
		width: 24px;
		display: block;
		float: left;
		text-align: center;
	}
	
	span.txt {
		float: right;
		display: block;
		width: 165px;
	}

/*----- Text -----*/

	p {
		font-size:1em;
		line-height:1.5em;
		margin: 0 0 1.5em 0;
	}

	strong, b { font-weight:bold; }

	em, i { font-style:italic; }

	hr {
		color:#fff;
		background:transparent;
		margin:0 0 0.75em 0;
		padding:0 0 0.75em 0;
		border:0;
		border-bottom:1px #eee solid;
	}
	
	.klein {
		font-size: 0.714em;
		color: #aaa;
	}
	
	.dunkelblau_009DE0 {
		color: #014493;
	}

/*----- Links -----*/

	a {
		text-decoration: underline;
		outline: 0;
		cursor: pointer;
		color: #014493
	}
	
	a.pfeil {
		background: url(../images/nav-main-arrow-active.png) left 4px no-repeat;
		padding-left: 11px;
	}
	
	a.pfeil#email {
		white-space: nowrap;
	}
	
	
/*----- Images -----*/

	img {
		border: none;
		display: block;
	}
	
	img.links {
		float: left;
		margin: 0;
	}

	img.rechts {
		float: right;
		margin: 0;
	}

/*----- FORMS -----*/

/* Styles für Formularelemente */
form {
	margin:0px;
}

fieldset {
	margin:30px 0px 15px 0px;
	padding:5px 18px 15px 18px;
	border-style: solid;
	border-color:#4CBAE9;
	background-color:#E4F4FC;
	border-width: 1px 0 0 0;
}

legend {
	padding: 2px 8px;
	margin-left: -8px;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 1.286em;
	color:#009DE0;
}

div.floater {
	padding-bottom:7px;
}

label, div.label {
	line-height:1.8em;
	cursor:pointer;
	width:200px;
	float:left;
	clear:left;
}

div.floater label {
	clear:none;
	padding-left:38px;
	width:150px;
}

div.floater label:first-child {
	padding-left:0px;
	width:200px;
}

input {
	border:1px solid #4CBAE9;
	margin-bottom:10px;
	width:420px;
	padding: 4px;
	color: #014493;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

input.check, input.radio {
	border:none;
	margin-bottom:0px;
	width:auto;
	font-size:inherit;
}

div.floater input {
	margin-bottom:0px;
	float:left;
	width:111px;
}

select {
	margin-bottom:13px;
	border: 1px solid #4CBAE9;
	color: #014493;
	font-size: 1em;
	padding: 4px;
}

input.submit {
 	background: url("../images/bg-submit.gif") no-repeat scroll -9px -61px #E4F4FC;
    color: #009DE0;
    cursor: pointer;
    font-size: 1em;
    margin-left: 200px;
    margin-top: 15px;
    overflow: visible;
    padding: 5px 10px 4px 18px;
    width: auto;
}

input.submit:hover, input.submit:focus {
 	background: url("../images/bg-submit.gif") no-repeat scroll -9px -11px #E4F4FC;
	color: #014493;
	border:1px solid #014493;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	color: #014493;
	font-size: 1em;
	border:1px solid #4CBAE9;
	width:420px;
	padding: 4px;
	height:120px;
	resize: vertical;
}

textarea:focus, input:focus, select:focus {
	border:1px solid #014493;
}

input.check:focus, input.radio:focus {
	border:none;
}
	
/*----- Tables -----*/

	table {
		width:100%;
	}
	
	tr {
		
	}
	
	th, td {
		line-height: 1.5em;
		vertical-align: top;
	}
	
	th {
		
	}
	
	td {
		
	}
	
	table td p {
		margin-bottom:0 !important;
	}
	
/*--- FOOTER ------------------------------------------------------------------------*/

	div#footer {
		margin: 32px auto;
		overflow: hidden;		
	}
	
	div#footer #logo-tuev {
		float: left;
	}

/*--- CLEANING ------------------------------------------------------------------------*/

	div.clearer {
		height: 1px;
		clear: both;
		line-height: 1px;
		font-size: 1px;
		overflow: hidden;
	}

/*--- EXTENSIONS ------------------------------------------------------------------------*/	

/* News */
	div.news-latest-item {
		padding:0px 10px 0 0;
		margin-bottom: 20px;
	}
	
	div.news-latest-item h3 {
 		color: #014493;
    font-size: 1.5em;
    margin: 0 0 0.571em;
	}
	
	div.news-latest-item.list {
/*    border-bottom: 1px solid #014493;
		padding-bottom: 20px;*/
	}
	
	div.news-latest-item.list h3 {
		font-size: 1.25em;
		margin: 1.6em 0 0.8em 0;
		color: #009de0;		
	}

	div.news-latest-item.list h3 a {
		color: #4CBAE9;
		text-decoration: none;
	}
	
	div.news-latest-item p {
		color: #014493;
		margin: 0;
	}
	
	div.news-latest-item.list p {
		margin: 0 0 1.5em;
	}
	
	p.news-latest-morelink {
		margin:0px !important;
		padding:0px !important;
	}
	
	p.news-latest-morelink a {
		font-size:1em;
		text-decoration:underline !important;
		background: url(../images/nav-main-arrow-active.png) left 4px no-repeat;
		padding-left: 11px;
	}
	
	p.news-list-morelink {
		border-bottom:1px solid black;
		padding-bottom:15px;
	}
	
	p.news-single-timedata {
		border-bottom:1px solid black;
		padding-bottom:12px;
		font-size:1em !important;
	}
	
	div.news-single-img {
		float:left;
		width:200px;
		margin:4px 15px 8px 0px;
	}
	
	p.news-single-imgcaption {
		margin:5px 0px 0px 0px !important;
		font-size:11px !important;
	}
	
	p.news-single-backlink {
		margin-top:20px;
	}
	
	p.news-single-backlink a { 
		background: url(../images/back-icon.png) left 4px no-repeat;
		padding-left: 11px;
	}
	
	.news-single-item p {

	}
	
	.news-latest-item {
		
	}

	.news-latest-item .seminare-date {
		display: block;
		width: 44px;
		min-height: 41px;
		padding-top: 3px;
		float: left;
		margin-right: 13px;
		background: #014493;
		border-radius: 6px;
		color: #fff;
		text-align: center;
	}
	
	.news-latest-item .date-num {
		border-bottom: 1px solid #b3c7df;
		font-size: 1.1em;
		padding: 0 1px;
	}
	
	.news-latest-item .date-mon {
		font-size: 0.8em;
		display: block;
		margin-top: -2px;
	}
		
	.news-latest-morelink {
		display: inline-block;
	}
	
	.news-latest-item br {
		display: none;
	}
	
	.news-latest-gotoarchive a{
		background: url(../images/nav-main-arrow-active.png) left 4px no-repeat;
		padding-left: 11px;		
	}

/*--- SITEMAP ------------------------------------------------------------------------*/	

	div.csc-sitemap ul {
		margin-top:10px;
		margin-bottom:0px;
	}
	
	div.csc-sitemap ul li a:hover {
		text-decoration:underline !important;
	}
	
	div.csc-sitemap ul li.sitemap-l1, div.csc-sitemap ul li.sitemap-l2 {
		background-image:none;
	}
	
	div.csc-sitemap ul li.sitemap-l1 ul {
		margin:0px;
	}
	
	div.csc-sitemap ul li.sitemap-l1 {
		padding:10px 0px 0px 0px;
	}
	
	div.csc-sitemap ul li.sitemap-l2 {
		padding:5px 0px 0px 0px;
		line-height:1.2em;
	}
	
	div.csc-sitemap ul li.sitemap-l1 a {
		display:block;
		padding:0px 0px 2px 0px;
		text-decoration:none;
		border-bottom:1px dotted #666;
		font-weight:bold;
		color:#000 !important;
	}
	
	div.csc-sitemap ul li.sitemap-l2 a {
		background-image:url(../images/list-arrow.gif);
		background-position:left 50%;
		background-repeat:no-repeat;
		padding:0px 0px 0px 12px;
		border-bottom:none;
		font-weight:normal;
		font-size:0.85em;
	}

/* Stafflist */
	
	.content table.tabelle-zahnaerzte {
		width:auto;
	}
	
	.content table.tabelle-zahnaerzte td {
		padding: 0px 0px 60px 25px;
		font-size:1em;
		width:190px;
	}
	
	.content table.tabelle-zahnaerzte td:first-child {
		padding-left:0px;
	}
	
	.content table.tabelle-zahnaerzte td strong a {
		text-decoration:none;
		font-size: 1.2em;
		color: #009de0;
		font-weight: normal;
		margin:1em 0 0;
		font-family: 'PT Sans Narrow', sans-serif;
		letter-spacing: 0.025em;
		line-height: 1.1em;
		display:block;
		padding-top: 0;
	}
	
	.content table.tabelle-zahnaerzte td br {
		line-height: 0.5em;
	}
	
	.content table.tabelle-zahnaerzte td p {
		font-size: 0.95em;
	}
	
	.content table.tabelle-zahnaerzte td a.pfeil {
		padding-left: 0;
		background-image: none;
		font-size: 0.95em;
	}
	
	.content .container-steckbrief {
		background-color:#E4F4FC;
		overflow:hidden;
		border: 1px solid #E4F4FC;
		padding:10px;
		margin-bottom:1.5em;
		position: relative;
	}
	
	.content .container-steckbrief h2 {
		border-bottom: medium none;
    	font-size: 1.25em;
		line-height:1.2em;
    	margin-bottom: 0;
    	padding-bottom: 0;
	}
	
	.content .container-steckbrief h3 {
		font-weight: normal;
		margin:0;
		padding:0;
		font-size:1.25em;
		line-height:1.2em;
	}
	
	.content .container-steckbrief img {
		float: left;
		padding-right:15px;
	}
	
	.content .steckbrief-links {
		position: absolute;
		bottom:10px;
		left:150px;
	}
	
	.content a.vcard {
		background:transparent url(../images/i_vcard.gif) no-repeat 0% 50%;
		padding:2px 0 2px 37px;
		line-height:24px;
		color:#009DE0;
	}
	
	.content .tabelle-ausbildung td,
	.content .tabelle-ausbildung th{
		text-align: left;
		padding: 0 1em 0.5em 0;
	}
	
	.content .tabelle-ausbildung th{
		text-align: right;
		font-weight: bold;
		white-space:nowrap;
		width:1%;
	}
	
	.content .container-spalten {
   		overflow: hidden;
   		width: 100%;
	}
	
	.content .container-spalten ul {
		margin-left: 0.5em;	
		margin-bottom: 0;
	}
	
	.content .container-spalten li {
		margin-bottom: 0.5em;	
	}
	
	.content .spalte-1-2,
	.content .spalte-2-2 {
    	float: left;
    	width: 47%;
	}
	
	.tx-tmstafflist-pi1 p a {
		padding-top: 2em; /* Back-Link */
		display: block;
	}
	
/* TYPO3 Styles reset */

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {margin-bottom: 20px;}