/*
WHITEVISION-CMS www.whitevision.de
Template Zorn de Bulach
Letzte Aenderung am: 16.04.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;
}
body {
	font: normal 11px/1.5 Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #666;
	background: #fff url(/images/theme_zorndebulach/body_bg.png) repeat-x left 1px;
}
/*Kinder-ZHK*/
body.kinderzahnheilkunde {background: #fff url(/images/theme_zorndebulach/kinder_body_bg.png) repeat-x left 1px;}

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

/* 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;}

.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;}

h1,h2,h3,h4 {
	font-family: Georgia, "Times new Roman", Times, serif;
	color: #039;
	font-weight: normal;
	margin: 0 0 1.2em 0;
	letter-spacing: 0.05em;
}

dl {}
ol {list-style: decimal outside; padding-left: 25px;}
ul, #content ul.simple {list-style: none;}

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 nuetig, in Mozilla fuer die einheitliche Hoehe */
}
/* Layout */
#wrapper {
	width: 1042px;
	min-height: 600px;
	margin: 0;
	padding: 0;
	position: relative;
}
#claim {display: none;}


#header {
	padding: 0;
	padding: 0 0;
	background-color: transparent;
	position: relative;
	height: 120px;
}
h1 {margin: 0; padding: 0;}
h1 a {
	background: transparent url(/images/theme_zorndebulach/logo.png) no-repeat;
	display: block;
	width: 212px;
	height: 75px;
	text-indent: -9999px;
	outline: none;
	position: absolute;
	top: 25px; left: 40px;
}
.kinderzahnheilkunde h1 a {
	background: #fff url(/images/theme_zorndebulach/logo_kinder.gif) no-repeat left 50%;
	width: 475px;
}

#main {
	background: transparent !important;
	margin: 0; padding: 0;
}
#sidebar {
	width: 178px;
	float: left; display: inline;
	padding: 10px;
	background: transparent;
}
#flash {
	width: 803px; height: 275px;
	margin: 1px 0 0 201px;
	background: #1080CB url(/userfiles/image/zdb-_start.gif) no-repeat;
	z-index: 100;
	
}
/* #flash object {height: 275px; width: 783px;} */
.kinderzahnheilkunde #flash, .kinderzahnheilkunde #flash object {background-color: #F6C400;}
.behandlung #flash object {display: none;}

/* Festlegung des Hintergrundbildes durch Vergabe des Seitennames, $pagename - 1. Elternelement */
	.start #flash {background-image: url(/userfiles/image/wrapperclass/zdb_start.jpg);}
	.kinderzahnheilkunde #flash {background-image: url(/userfiles/image/zdb_kinderzahnheilkunde.jpg);}
	.service #flash {}
	.service #flash {background-image: url(/userfiles/image/wrapperclass/zdb_service.jpg);}
	.behandlung #flash {background-image: url(/userfiles/image/wrapperclass/zdb_behandlung.jpg);}
	.praxis #flash {background-image: url(/userfiles/image/wrapperclass/zdb_praxis.jpg);}
	.philosophie #flash {background-image: url(/userfiles/image/zdb_philosophie.jpg);}
	.kontakt #flash object {display: none !important;}
	.kontakt #flash {background-image: url(/userfiles/image/wrapperclass/zdb_kontakt.jpg); background-color: #1080CB;}
	.kontakt_anfahrt #flash {background: transparent url(/userfiles/image/Anfahrtskizze_neu.jpg) no-repeat;}
	.news #flash {background-image: url(/userfiles/image/zdb_news.jpg);}
	
	/* Unterseiten Behandlung */
	.hypnose #flash {background-image: url(/userfiles/image/wrapperclass/beh_hypnose.jpg);}
	.narkose #flash {background-image: url(/userfiles/image/wrapperclass/beh_narkose.jpg);}
	.prophylaxe #flash {background-image: url(/userfiles/image/wrapperclass/beh_proph.jpg);}
	.parodontologie #flash {background-image: url(/userfiles/image/wrapperclass/beh_parod.jpg);}
	.endontologie #flash {background-image: url(/userfiles/image/wrapperclass/beh_endont.jpg);}
	.prothetik #flash {background-image: url(/userfiles/image/wrapperclass/beh_proth.jpg);}
	.funktionsanalyse #flash {background-image: url(/userfiles/image/wrapperclass/beh_funkt.jpg);}
	.implantologie #flash {background-image: url(/userfiles/image/wrapperclass/beh_impl.jpg);}
	
	/* Unterseiten kinderzahnheilkunde */
	.kzhk_start #flash {background-image: url(/userfiles/image/wrapperclass/kzhk_start.jpg);}
	.kzhk_ernaehr #flash {background-image: url(/userfiles/image/wrapperclass/kzhk_ernaehr.jpg);}
	.kzhk_fuellung #flash {background-image: url(/userfiles/image/wrapperclass/kzhk_fuellung.jpg);}
	.kzhk_hypnose #flash {background-image: url(/userfiles/image/wrapperclass/kzhk_hypnose.jpg);}
	.kzhk_lokal #flash {background-image: url(/userfiles/image/wrapperclass/kzhk_lokal.jpg);}
	.kzhk_milchz #flash {background-image: url(/userfiles/image/wrapperclass/kzhk_milchz.jpg);}
	.kzhk_milchzk #flash {background-image: url(/userfiles/image/wrapperclass/kzhk_milchzk.jpg);}
	.kzhk_narkose #flash {background-image: url(/userfiles/image/wrapperclass/kzhk_narkose.jpg);}
	.kzhk_proth #flash {background-image: url(/userfiles/image/wrapperclass/kzhk_proth.jpg);}
	.kzhk_versieg #flash {background-image: url(/userfiles/image/wrapperclass/kzhk_versieg.jpg);}
	.kzhk_vorsorge #flash {background-image: url(/userfiles/image/wrapperclass/kzhk_vorsorge.jpg);}


#content {
	width: 450px;
	min-height: 225px;
	height:auto !important;
	height:225px;
	position: static;
	padding: 0;
	margin: 20px 0 0 201px;
	background: transparent;
	overflow: auto;
}
#content p {font: 11px/1.5 Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #666;}

#footer {margin: 5px 0 0 201px; width: auto; color: #999; font-size: 10px; border-top: 1px solid #9FCBE9; padding: 5px 0 0;}
#footer a {color: #999;}

#deco {display: block; position: absolute; top: 725px; left: 0; width: 200px; height: 5px; background: #fff;}

/* Navigation */
ul#nav {
	font: 1.1em/1 Arial, Geneva, Helvetica, sans-serif;
	width: 140px;
	margin: 0px 30px 0 25px;
	line-height: 25px;
}
#nav li {padding: 0; margin: 0; padding-left: 20px; line-height: 25px;}
#nav a {color: #fff; display: block; padding: 1px 2px 0; border-bottom: 1px solid #3c8fc3;}
#nav a:hover, #nav a:focus {text-decoration: none; color: #9cf;}
#nav li.active a {border-bottom: 1px solid #9fccea;}
	.kinderzahnheilkunde #nav a {border-bottom: 1px solid #f9d44d;}
	.kinderzahnheilkunde #nav a:hover, .kinderzahnheilkunde #nav a:focus {color: #fff6d7;}
	.kinderzahnheilkunde #nav li.active a {border-bottom: 1px solid #f8a10b;}

#nav .subnav {
	font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 0.95em;
	position: relative; left: -20px;
	margin: 2px 0; padding: 0;
	width: 140px;
}

*+html #nav .subnav {font-size: 11px;}
#nav .subnav li {line-height: 25px; padding: 0; margin: 0;padding-left: 20px; }
#nav .subnav li a {color: #9cf;  border-bottom: 1px solid #3c8fc3;}
#nav li.active {color: #fff; background: transparent url(/images/theme_zorndebulach/list.png) no-repeat left 3px;}
	.start #nav .active {background-image: none;}
	.start #nav .active a { border-bottom-color: #3c8fc3;}
	.kinderzahnheilkunde #nav li.active {background: transparent url(/images/theme_zorndebulach/kinder_list.png) no-repeat left 3px;}
#nav .subnav li.active {color: #fff; background: transparent;}
	.kinderzahnheilkunde #nav li.active .subnav a {color: #fffebd; border-bottom: 1px solid #F8D00B;}

#nav li a {opacity: 0.9999;}

/*Spezialnav unter Behandlung*/
.behandlung #nav .subnav {
	position: absolute;
	top: 410px; left: 650px;
	z-index: 100;
	width: 200px;
}
.behandlung #nav .subnav li {border-bottom: 0; line-height: 22px;}
.behandlung #nav .subnav a {display: inline; color: #39c !important; }
.behandlung #nav .subnav .active, .behandlung #nav .subnav .active a {background: #FFF; color: #16b !important;}

/*Spezialnav unter Kinderzhk */
.kinderzahnheilkunde #nav .subnav {
	position: absolute;
	top: 410px; left: 650px;
	z-index: 100;
	width: 250px;
}
.kinderzahnheilkunde #nav .subnav li {border-bottom: 0; line-height: 22px;}
.kinderzahnheilkunde #nav li.active .subnav a {display: inline; color: #F7A10A; border-bottom-color: #F8D00B /*#fffebd*/;}
.kinderzahnheilkunde #nav .subnav .active, .kinderzahnheilkunde #nav .subnav .active a {background: #FFF; color: #C68006/*#F8D00B*/ !important; border-bottom-color: #C68006 !important;}

/* Private Seiten kennzeichnen */
#nav a.private img, .subnav .private {font-style: italic;}

/* Teamdarstellung .team */
.team #flash {display: none;}
.team #content {
	padding: 0;
	margin: 0;
	width: 840px;
	height: 525px !important;  /*275px fuer Galerie plus 250px Mindesthoehe*/
	position: relative;
	top: 0; left: 1px;
	overflow: hidden;
}
/* Galeriedarstellung .galerie */
.galerie #flash {display: none;}
.galerie #content {
	padding: 0;
	margin: 0;
	width: 840px;
	height: 525px !important;  /*275px fuer Galerie plus 250px Mindesthoehe*/
	position: relative;
	top: 0; left: 1px;
	overflow: hidden;
	background: url(/userfiles/image/galerie/1.jpg) 0 1px no-repeat;
}


/* Bildergalerie ohne Javascript */
.gallery span {
    display:none;
}
#gallery_description {
    height: 240px;
    padding: 10px 0 5px;
    margin-top: 276px;
    overflow: auto;
}
.gallery {
	position: absolute;
	top: 21px; left: 250px;
	width: auto;
	list-style-type:none;
	padding: 0;
}
.gallery img {
	border:0;
}
.gallery li {
	float:left;
}
.gallery li a, .gallery li a:visited {
	float:left;
	margin:0 10px 5px 0;
	outline: none;
}
.gallery li a img.view {
	position:absolute;
	left:-250px;
	top:-20px;
	visibility:hidden;
	border:0;
}
.gallery li a:active, .gallery li a:focus {
	border: 1px;
}
/* Bilder visible bei active/focus, hover fuer Safari */
.gallery li a.active img.view {visibility: visible;}
.gallery li a:hover img.view {visibility: visible;z-index: 10 !important;}
.gallery li a:active img.view, .gallery li a:focus img.view {
	/*visibility:visible;
	/*z-index: 10 !important;*/
}
.gallery li img.view:after {
	content:" ("attr(alt)")";
	font-size:2em; color: red;
}
.gallery img[alt]:after { content:" ("attr(alt)")"; color:#080; }
/* Bildergalerie ohne Javascript - hier Seite Galerie */
.gallery2 {
	position: absolute;
	top: 21px; left: 465px;
	width: auto;
	list-style-type:none;
	padding: 0;
}
.gallery2 img {
	border:0;
}
.gallery2 li {
	float:left;
}
.gallery2 li a, .gallery2 li a:visited {
	float:left;
/* 	margin:0 10px 5px 0; */
	margin: 0;
	padding: 0 10px 5px 0 !important;
	background-color: transparent;
	overflow: hidden;
	outline: none;
}
.gallery2 li a img.view {
	position:absolute;
	left:-465px;
	top:-20px;
	display: none;
	border:0;
}
.gallery2 li a:active, .gallery2 li a:focus {
	border: 1px;
}
/* Bilder visible bei active/focus, hover fuer Safari */
.gallery2 li a:hover img.view {display: block;}
.gallery2 li a:active img.view, .gallery2 li a:focus img.view {
	left:-465px;
	top:-20px;
	display: block;
	z-index: 10 !important;
}

/* Kontakt Anfahrt */
.kontakt_anfahrt #content img.anfahrt {display: none;} /* Bild im Inhalt wird nur als Hintergrund angezeigt */

/* Seitenbild */
.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_zorndebulach/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 */
.kontakt #content {width: auto;}
#kontaktform {width: auto; position: relative;}
#kontaktform fieldset {border: none; border-top: 1px solid #eee; width: auto; padding: 0; margin: 0 0 1em;
	background: #FFF url(/images/theme_zorndebulach/linie.gif) no-repeat top left;}
#kontaktform fieldset.rechts {position: absolute; left: 425px; top: 0px;}
#kontaktform fieldset legend {font-weight: bold; padding: .5em .5em .5em 0; background: #FFF;}
#kontaktform fieldset .controlset label,
#kontaktform fieldset span.label {
	clear: left;
	display: block;
	float: left;
	width: 100px;
}
#kontaktform fieldset .controlset label.wide {width: 100%;}
#kontaktform fieldset .controlset input.wide {margin-left: 100px;}
#kontaktform label em { font-size: 120%; font-style: normal; color: #9cf; }
#kontaktform div { padding: 2px 0;}
#kontaktform input, #kontaktform textarea {padding: 0.1em;}
#kontaktform select {padding: 0.1em;}
#kontaktform input[type="radio"] {border: 0px;}
#kontaktform input[type="submit"] {}
#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$='.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;
}