/*
WHITEVISION-CMS www.whitevision.de
Template Dr. Kuebler
Letzte Aenderung am: 29.09.2008
Alle Rechte vorbehalten.
*/



/* Allgemeine Formatierung */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
img, fieldset {
	border: 0;
}
div.fieldset {
	border: solid 1px #999;
	padding: 1em;
	margin: 1em 0;
}
legend span {
	display: block;
	font-weight: bold;
	font-size: 1.4em;
	color: #000;
}
html, body {height: 100%; background: #eaeaea url(../images/theme_drkuebler/bg.png) repeat-y left;}
body {
	font: normal 11px/1.63 Verdana, Helvetica, Arial, sans-serif; 
	color: #666;
	background: transparent url(../images/theme_drkuebler/body_bg.png) no-repeat 975px 0;
}

a, a:link, a:visited {
	background-color: transparent;
	text-decoration: none;
	color: #3C3C3D;
}
a:hover, a:active {color: #3C3C3D; background-color: transparent;}
a img, img {border: none;}


/* KLassen */
.clear {clear: both;}
.right, .alignright {float: right; margin: 0 0 0 0.5em;}
.left, .alignleft {float: left;	margin: 0 0.5em 0 0;}
form .button.right {margin: 0 .5em 0 .5em;}
form .button { font-size:10px;padding:0; margin:0;}
.markiert {color: #048;}

.hide {display: none;}
.skiplink {display: none;}
.meta {
	color: #666;
	display: block;
	padding: 0 0 10px 0; 
 	font-size: 0.85em;
}
.tags {
	color: #666;
	display: block;
	background: transparent url(../images/admin/tag.png) 0% 10px no-repeat;
	padding: 10px 0 10px 20px; 
	margin-top: 1em;
	font-size: 0.85em;
}
#todo {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 130px; height: 120px;
	padding: 20px 10px 10px;
	background: transparent url(../images/admin/postit.gif) no-repeat;
	font: normal 1em/1.2 monospace;
}

/* Typographie */
p {margin: 0 0 .75em 0;}

h2,h3,h4 {
	font-family: "trebuchet MS", Helvetica, Arial, sans-serif;
	color: #999;
	margin: 0 0 30px 0; padding: 30px 15px 0 0; 
	width: 300px;
	letter-spacing: 0.05em;
	font-weight: normal; text-transform: uppercase;
}

dl {}
ol {list-style: decimal outside; padding-left: 25px;}
ul {}

blockquote,form,fieldset {margin: 0 0 1em 0;}
blockquote {
	background: #fff url(../images/admin/blockquote.gif) no-repeat 5px 5px;
	padding: 0 0 0 35px;
}
blockquote[cite]:after {
	content: "Quelle: " attr(cite);
	border-top:1px dotted #999;
	padding-top:0.25em;
	display:block;
	color:#000;
}

q {quotes:"\201C" "\201D" "\2018" "\2019";}
q:before {content:open-quote;}
q:after {content:close-quote;}
/* Hide from IE5-mac \*/
* html q {font-style:italic;}
/* End hiding from IE5-Mac */


abbr, acronym { border-bottom: 1px dotted #636363; cursor: help;}
code {
	width: 100%;
	background: #FFFFCC;
	color: #000;
}
pre, kbd {
	font-family: monospace;
	font-size: 1.1em;
	background: #FFFFCC;
	padding: 5px 10px;
	margin: 10px 0;
	color: #000;
	white-space:pre;
}
hr{
	background-color:#999; /* Mozilla 1.4 */
	color:#999; /* IE 6 */
	border: #999; /* Opera 7.11 */
	height: 1px; /* in Opera fuer die Anzeige noetig, in Mozilla fuer die einheitliche Hoehe */
}
/* Layout */
#wrapper { 
	width: 885px; /* 950-65 Padding */
	min-height: 100%;
	position: relative;
	background: #fff url(../images/theme_drkuebler/wrapper_bg.png) no-repeat left top;
	margin: 0;
	padding: 0 0 0 90px;
}
#header {
	height: 170px;
	text-align: center;
}
h1 {position: absolute; top: 30px; left: 390px;}
h1 a {
	display: block;
	width: 123px; height: 113px;
	text-indent: -9999px;
	background: transparent url(../images/theme_drkuebler/logo.png) no-repeat;
	outline: none;
}
#main {
	background: transparent url(../images/theme_drkuebler/wrapperclass/home.png) no-repeat;
	background-position: 240px 0;
	position: relative;
	min-height: 520px;
	z-index: 1;
}
/* Festlegung des Hintergrundbildes durch Vergabe des Seitennames */
.index #main, .home #main {background-image: url(../images/theme_drkuebler/wrapperclass/home.jpg);}
.fachbereiche #main {background-image: url(../images/theme_drkuebler/wrapperclass/fachbereiche.jpg);}
.fachbereiche.zahnheilkunde #main {background-image: url(../images/theme_drkuebler/wrapperclass/zahnheilkunde.jpg);}
.fachbereiche.zhk_aesthetik #main {background-image: url(../images/theme_drkuebler/wrapperclass/zhk_aesthetik.jpg);}
.fachbereiche.zhk_implantologie #main {background-image: url(../images/theme_drkuebler/wrapperclass/zhk_implantologie.jpg);}
.fachbereiche.zhk_kieferorthfrueh #main {background-image: url(../images/theme_drkuebler/wrapperclass/zhk_kieferorthfrueh.jpg);}
.fachbereiche.zhk_metallfreiefuell #main {background-image: url(../images/theme_drkuebler/wrapperclass/zhk_metallfreiefuell.jpg);}
.fachbereiche.zhk_metallfrzahn #main {background-image: url(../images/theme_drkuebler/wrapperclass/zhk_metallfrzahn.jpg);}
.fachbereiche.zhk_prophylaxe #main {background-image: url(../images/theme_drkuebler/wrapperclass/zhk_prophylaxe.jpg);}

.fachbereiche.kompl #main {background-image: url(../images/theme_drkuebler/wrapperclass/komplementaer.jpg);}
.fachbereiche.physio #main {background-image: url(../images/theme_drkuebler/wrapperclass/physiotherapie.jpg);}
.fachbereiche.orale_medizin #main {background-image: url(../images/theme_drkuebler/wrapperclass/oralemedizin.jpg);}
.fachbereiche.om_ganzheitsmedcheck #main {background-image: url(../images/theme_drkuebler/wrapperclass/om_ganzheitsmedcheck.jpg);}
.fachbereiche.om_mikrobiocheck #main {background-image: url(../images/theme_drkuebler/wrapperclass/om_mikrobiocheck.jpg);}

.das_zentrum #main {background-image: url(../images/theme_drkuebler/wrapperclass/zentrum.jpg);}
.das_zentrum.galerie #main {background-image: url(../images/theme_drkuebler/wrapperclass/galerie_bg.jpg);}
.das_zentrum.behandler #main {background-image: url(../images/theme_drkuebler/wrapperclass/behandler.jpg);}
.das_zentrum.team #main {background-image: url(../images/theme_drkuebler/wrapperclass/team.jpg);}
.das_zentrum.ausstattung #main {background-image: url(../images/theme_drkuebler/wrapperclass/ausstattung.jpg);}

.ganzheitl #main {background-image: url(../images/theme_drkuebler/wrapperclass/ganzhtlzhk.jpg);}
.service #main {background-image: url(../images/theme_drkuebler/wrapperclass/service.jpg); background-position: 0 0;}
.kontakt #main {background-image: url(../images/theme_drkuebler/wrapperclass/kontakt.jpg); background-position: 0 0;}
.impressum #main {background-image: url(../images/theme_drkuebler/wrapperclass/impressum.jpg); background-position: 0 0;}

/* Bei Unterpunkten weniger Abstand nach oben */
.zhk_aesthetik #content, .zhk_implantologie #content,
.zhk_kieferorthfrueh #content, .zhk_metallfreiefuell #content,
.zhk_metallfrzahn #content, .zhk_prophylaxe #content,
.om_ganzheitsmedcheck #content, .om_mikrobiocheck #content
	{top: 110px;}

#content {
	position: relative;
	top: 200px; left: 240px;
	width: 550px;
	background-repeat: no-repeat;
	min-height: 350px; 
	margin-bottom: 25px;
}
#footer {
	position: absolute;
	bottom: 0px; left: 450px;
	height: 20px; width: 465px;
	background: #fff url(../images/theme_drkuebler/footer_bg.gif) no-repeat left;
}
#footer span {padding: 0 10px;}
#footer span.markiert {padding: 0;}

/* Navigation */
#navbox {position: relative;}
#nav {
	font-family: "FuturaBT-Light", Futura, Helvetica, sans-serif;
	font-weight: 100 !important;
	font-size: 12px;
	border-bottom: 1px solid #ececec;
	width: 575px;
	padding: 0px 0;
}
#nav li {display: inline; padding: 0; margin: 0;list-style: none;}
#nav a {
	color: #959595; 
	text-transform: uppercase; 
	font-weight: 100 !important;
	border: 1px solid #fff; 
	background: transparent;
	padding: 1px 12px 1px 15px;
	margin: 0;
	border-bottom: none; 
}
#nav a[href="/"] {padding-left: 0; border-left: #fff;}
#nav li.active a {
	color: #0071b9; 
	border-right-color: #ececec; 
	border-left-color: #ececec; 
	border-bottom: 1px solid white;	
	background: #fff url(../images/theme_drkuebler/list_active.png) no-repeat left;
	padding-bottom: 2px;
}

#nav a:hover, #subnav a:hover, #nav a.active:hover {color: #0071b9;}
#nav a[href="/"], #nav a[href="/index.php/"], .index #nav li a.active, .home #nav li a.active {background-image: none; padding-left: 0; border-left: 0;}
#nav li.first a { padding-left:0px; background:none !important; border-left:none !important;}
#subnav a {text-transform: uppercase; color: #959595;}
.subnav_1 a {text-transform: none !important;}
.subnav_1 li {line-height: 16px; margin-bottom: 5px;}

/* Subnavigation */
#subnav {
	position: absolute;
	top: 40px; left: 0px;
	width: 220px;
	border-bottom: 1px solid #ececec;
	padding-bottom: 25px;
	list-style: none outside !important;
	z-index: 3;
	line-height: 22px;
}
#subnav li {display: block; list-style: none !important;}
#subnav li a {
	padding: 0 0 0 20px; 
	text-decoration: none; 
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-size: 11px;
	border: 0;
	background: transparent url(../images/theme_drkuebler/list_image.png) no-repeat left;
}
#subnav a.active {color: #0071b9;}
.fachbereiche #subnav li a {color: #959595;}

/* Subnavigation 2. Ebene */
.subnav_1 {padding-bottom: 10px;}
.subnav_1 li {padding-left: 20px;}
#subnav li .subnav_1 a {
	background: #fff none !important;
	padding: 0 !important;
}
#subnav .subnav_1 a.active {text-decoration: underline;}


/* Service-Navigation */
#servicenav {position: absolute; top: 0px; left: 560px; border-bottom: 1px solid #ececec; width: 230px; height: 20px;}
#servicenav li {display: inline;}
#servicenav li a {padding: 2px 15px 2px 0; color: #aaa;}
#servicenav li.active a {color: #0071b9;}

/* Private Seiten kennzeichnen */
#nav .private, #subnav .private {font-style: italic;}
#nav .private:after {content: " (privater Link)"; color: #999;}

	/* Darstellung der Startseite Home, Service, Kontakt, Impressum, Ganzheitl. Zahnheilkunde */
	.home #main, .index #main, .ganzheitl #main {background-position: 0 0;}
	.home #content, .index #content, .service #content, .ganzheitl #content,
	.kontakt #content, .impressum #content {left: 0px;}
		/*.kontakt #content {top: 0;}*/
	
	/* Downloads unter Kontakt */
	#download {position: absolute; top: -100px; right: -205px; width: 180px;}
	#download a {color: #6d94cf; text-decoration: underline;}
	.service #download {top: 0px; right: -205px; width: 180px;}
	.service #download a {padding-bottom: 3px; padding-top: 3px;}
	
	/* Callback-Formular */
	#callback {
		position: absolute;
		top: -195px; right: -220px; width: 200px;
	}
	#callback h3, #download h3 {margin: 0 0 0.5em; padding: 0;}

	.home .pagetitle, .index .pagetitle {display: block; position: static; width: 330px; color: #999;}
	.service .pagetitle, .kontakt .pagetitle, .impressum .pagetitle {display: none; position: static; width: 450px; color: #999;}
	
	/* Seiten Fachbereiche */
	.fachbereiche #subnav a:hover, .fachbereiche #subnav a.active {background: url(../images/theme_drkuebler/list_bereiche.png) no-repeat top left; padding: 3px 0 3px 20px;}
	.fachbereiche #subnav a.c1 {}
	.fachbereiche #subnav a.c2 {}
	.fachbereiche #subnav a.c3 {}
	.fachbereiche #subnav a.c4 {}
	.fachbereiche #subnav a.c1:hover, .fachbereiche #subnav a.c1.active {color: #00BCB5; background-position: 0 2px !important;}
	.fachbereiche #subnav a.c2:hover, .fachbereiche #subnav a.c2.active {color: #4AAF00; background-position: 0 -20px !important;}
	.fachbereiche #subnav a.c3:hover, .fachbereiche #subnav a.c3.active {color: #FF5700; background-position: 0 -42px !important;}
	.fachbereiche #subnav a.c4:hover, .fachbereiche #subnav a.c4.active {color: #FFB200; background-position: 0 -64px !important;}
 	
 	/* Darstellung Subnav_1 Fachbereiche */
 	a.c1 + .subnav_1 a.active, a.c1 + .subnav_1 a:hover {color: #00BCB5 !important;}
 	a.c2 + .subnav_1 a.active, a.c2 + .subnav_1 a:hover {color: #4AAF00 !important;}
 	a.c3 + .subnav_1 a.active, a.c3 + .subnav_1 a:hover {color: #FF5700 !important;}
 	a.c4 + .subnav_1 a.active, a.c4 + .subnav_1 a:hover {color: #FFB200 !important;}
 	
	/* Behandler */
	.behandler #content {padding-top: 15px;}
	.behandler #content #behandlerbild {display: none;}
	dl#behandler {
		width: 550px; height: 208px;
		max-height: 210px !important;
		margin: 0; padding: 0;
		position: absolute;
		top: -200px; left: 0;
	}
	#behandler dt {
		margin: 0; padding: 0; list-style: none;
		position: absolute; top: 0;
		height: 207px !important;
		background: transparent url(../images/leer.gif);
		cursor: pointer;
	}
		html:first-child #behandler dt {cursor: pointer;}
		
	#behandler #panel1 {left: 0; top: 0; width: 151px;}
	#behandler #panel2 {left: 151px; top: 0; width: 167px;}
	#behandler #panel3 {left: 318px; top: 0; width: 116px;}
	#behandler #panel4 {left: 434px; top: 0; width: 116px;}

	#behandler dt img {}
	#behandler dd {
		visibility: hidden;
		position: absolute;
	}
	#behandler #dd1 {left: 0px; width: 151px;}
	#behandler #dd2 {left: 151px; width: 167px;}
	#behandler #dd3 {left: 318px; width: 116px;}
	#behandler #dd4 {left: 434px; width: 116px;}
	
	#behandler dd.active {
		visibility: visible !important; 
		width: inherit; text-align: center;
		display: inline; 
		color: #fff; 
		position: absolute; z-index: 10;
		left: 0; bottom: 0; padding: 0; margin: 0;
		text-transform: uppercase;
		font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
		font-size: 12px;
	}
	#behandler dd span {margin: 0 auto;	padding: 3px 5px; width: auto;background: #4588e3; }
	/* Loesung per JS #behandler dt:hover + dd, #behandler dt img:hover + dd {visibility: visible;} */
	.behandler .team_vita {position: absolute; top: 20px; left: 0; width: auto; padding-bottom: 25px;}

 	/* Team */
	.team #content #teambild {display: none; }
	dl#team {
		width: 550px; height: 200px;
		margin: 0; padding: 0;
		position: absolute;
		top: -200px; left: 0;
	}
	#team dt {
		margin: 0; padding: 0; list-style: none;
		position: absolute; top: 0;
		height: 200px !important;
		background: transparent url(../images/leer.gif);
		cursor: pointer;
	}
		html:first-child #team dt {cursor: pointer;}
		
	#team #panel1 {left: 0; top: 0; width: 78px;}
	#team #panel2 {left: 78px; top: 0; width: 105px;}
	#team #panel3 {left: 183px; top: 0; width: 92px;}
	#team #panel4 {left: 275px; top: 0; width: 97px;}
	#team #panel5 {left: 372px; top: 0; width: 86px;}
	#team #panel6 {left: 458px; top: 0; width: 92px;}
	
	#team dt img {}
	#team dd {
		visibility: hidden;
	}
	/* Loesung per JS s.u. #team dt:hover + dd, #team dt img:hover + dd {visibility: visible;} */
	.team .team_description {position: absolute; top: 20px; left: 0; height: 50px; width: 400px;}
	
	/* Galerie ueber imageswitcher.js */
	.imgsw, #imgsw0_viewport {
		position: absolute; top: -199px;
	}
	.imgsw_list_thumbnails {
		position: absolute; top: -198px; left: 433px;
		width: 130px;
	}
	.imgsw_list_thumbnails a {padding: 0 8px 0 0;}
	.imgsw_list_thumbnails a img {padding: 0 0 4px 0;}
	
	.imgsw_prevnext {position: absolute; top: 95px; right: 0;}
	.imgsw_prevnext a {color: #999; font-size: 10px; outline: none;}
	.imgsw_prevnext .imgsw_prev {width: 55px; border-right: 1px solid #999; margin-right: 3px;}
	.imgsw_prevnext .imgsw_next {width: 55px; margin-right: 8px;}

/* Seitenbild und Designelemente */
.headdoc {font-size: 14px; color: #0071b9; text-transform: uppercase;}
#adr {display: none;} /* Bildeinblendung */
.pagetitle {display: none; padding: 10px 0 0; margin: 0 0 20px 0;} /* Bildeinblendung */
.page-img {margin: 10px 50px 10px 0;}
img.page-img {margin: 0 50px 0 0;}
.img-title {
	text-transform: uppercase;
	font-family: Arial, Geneva, Helvetica, sans-serif; /**/
	font-size: 19px;
	font-weight: normal;
	padding: 0;
}
.img-title img.replacement {margin-bottom: -3px;}
.img-desc {}


/* Popup-Fenster */
.popup {background: #000;}
.popup #wrapper {width: 340px !important;; height: 420px; padding: 0 40px; background: #000; color: #FFF !important;}
.popup #header {height: 100px; padding: 25px 0; margin: 0;}
.popup h1 a {background: transparent url(../images/theme_drkuebler/logo_schwarz.png) no-repeat 0 0; margin: 0 auto;}
.popup #sidebar, .popup #deco {display: none;}
.popup #content {width: auto; height: auto; padding: 0; margin: 0; background: #000; color: #FFF !important; 
	line-height: 1.1em;
}


/* Kontaktformular */
#kontaktform {width: auto; position: relative;}
#kontaktform fieldset {border: none; width: auto; padding: 0; margin: 0 0 1em;
	background: transparent url(../images/theme_drkuebler/linie.gif) no-repeat top left;}
#kontaktform fieldset legend {font-weight: bold; padding: .5em .5em .5em 0; background: transparent; display: none;} 
#kontaktform fieldset .controlset label, 
#kontaktform fieldset span.label { 
	clear: left;
	display: block; 
	float: left;
	width: 60px;
}
#kontaktform fieldset .controlset label.wide {width: 100%;}
#kontaktform fieldset .controlset input.wide {margin-left: 90px;}
#kontaktform label em { font-size: 100%; font-style: normal; color: #9cf;}
#kontaktform div { padding: 2px 0;}
#kontaktform input, #kontaktform textarea {padding: 0.1em;}
#kontaktform textarea {width: 240px;}
input[type=text], input[type=password], textarea {padding: 0.1em; border: 1px solid #717174; border-bottom-color: #ccc; border-right-color: #ccc;}
#kontaktform select {padding: 0.1em;}
#kontaktform input[type="radio"] {border: 0px;}
#kontaktform input[type="submit"] {}
#kontaktform input[type="text"] {width: 120px;}
#kontaktform input[type="text"], #kontaktform textarea {border: 1px solid #666; border-bottom-color: silver; border-right-color: silver;}
#kontaktform input.error, #kontaktform textarea.error {border-color: #C00; background-color: #FAF7EB;}

/* Adminbereich unter Seite */
#loginform table {width: auto;}
div.adminfooterbar {
	position: fixed;
	bottom: 0; left: 0; 
	display: block; width: 100%;
	background: #F3F2F1 url(../images/admin/adminbar-bg.gif) no-repeat left;
	border-top: 1px dotted #8A8075;
	padding: 1em 2em 1em 4em;
	z-index: 20 !important;
	/*clear: left;
	text-align:right;
	font-size: 80%; font-style: normal; color: #aaa;*/
	font-family: Helvetica, Geneva, Arial, sans-serif;
}
div.adminfooterbar a {color: blue !important;}
div.adminfooterbar:before {
	content: "Aktionen: ";
	font-weight: bold;
}
hr.adminfooterbar {
	clear: left;
	display: none;
	/*width: 68%;
	text-align: right; /* rechts ausgerichtet im IE 
	margin: 25px 0 0 auto; /* rechts ausgerichtet im Mozilla */
}

/* Fehlermeldungen */
div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

/* Dateiendungen */
/*
a[href$='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_pdf.gif) no-repeat center right;
}
*/
a[href$='.pdf'] { 
	padding: 5px 0px 5px 25px;
	background: transparent url(../images/icons/icon_pdf.gif) no-repeat 0 7px;
	display: block;
}

a[href$='.doc'], a[href$='.rtf'] {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_doc.gif) no-repeat center right;
}

a[href$='.txt'] {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_txt.gif) no-repeat center right;
}

a[href$='.xls'] {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_xls.gif) no-repeat center right;
}
a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_archive.gif) no-repeat center right;
}
a[href$='.jpg'], a[href$='.gif'], a[href$='.png'], a[href$='.bmp'], a[href$='.jpeg'], a[href$='.svg'], a[href$='.eps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icons/icon_pic.gif) no-repeat center right;
}
.galerie a[href$='.jpg'] {background: none; padding: 0;}