/*
WHITEVISION-CMS www.whitevision.de
Template Dr. Thiel
Letzte Aenderung am: 17.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%;}
body {
	font: normal 13px/1.5 Helvetica, Arial, sans-serif; 
	color: #666;
	background: #fff url(/images/theme_drthiel/wrapper_bg.gif) repeat-y center;
	opacity: 0.9999;
	text-shadow: 0 0 0 #fff;
}

a, a:link, a:visited {
	background-color: transparent;
	text-decoration: none;
	color: #858585;
}
a:hover, a:active {color: #048; 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;}

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

h1,h2,h3,h4 {
	font-family: Helvetica, Arial, sans-serif;
	color: #048;
	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;}
#content ul {list-style: none url(/images/theme_drthiel/list_subnav.gif) outside; margin-left: 20px;}

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: 760px; /*925-2x80padding*/
	height: 100%;
	position: relative;
	margin: 0 auto;
	padding: 0 80px;
}
#header {
	height: 165px;
	position: relative;
}
h1 {position: absolute; top: 80px;}
h1 a {
	display: block;
	width: 350px; height: 45px;
	text-indent: -9999px;
	background: transparent url(/images/theme_drthiel/logo.gif) no-repeat;
	outline: none;
}
#main {
	background: #fff url(/images/theme_drthiel/linie_punkte.gif) no-repeat;
	position: relative;
}
#sidebar {
	position: absolute;
	top: 10px; left: 0;
	width: 180px;
}
#content {
	position: static;
	top: 0px; left: 210px;
	width: 520px;
	background-repeat: no-repeat;
	min-height: 250px; 
	margin-left: 210px;
	margin-bottom: 25px;
	padding-top: 245px; /*nur bei BG-wrapperclass*/
}
	.team #content {padding-top: 0;}
	.behandlung #content {min-height: 350px;}
#footer {
	width: 710px;
	background: #fff url(/images/theme_drthiel/linie_punkte.gif) no-repeat;
	padding: 10px 0;
}
#footer span {padding: 0 4px;}
#footer span.markiert {padding: 0;}

/* Festlegung des Hintergrundbildes durch Vergabe des Seitennames, $pagename - 1. Elternelement
****** momentan ueber Inhalt geloest - Bild im Inhalt eingefuegt ****** */
.home #content, .index #content, .impressum #content {background-image: url(/userfiles/image/home.jpg);}
.praxis #content {background-image: url(/userfiles/image/praxis.jpg);}
.zenkner #content {background-image: url(/userfiles/image/drzenkner.jpg);}
.drthiel #content {background-image: url(/userfiles/image/drthiel.jpg);}
	.drthiel #sidebar {height: 450px; background: transparent url(/userfiles/image/DGZMK_Logo.gif) no-repeat bottom right; }
.team #content, .galerie #content {background-image: none;}
.behandlung #content {background-image: url(/userfiles/image/behandlung.jpg);}
.cerec #content {background-image: url(/userfiles/image/cerec.jpg) !important;}
.digiroentgen #content {background-image: url(/userfiles/image/digiroentgen.jpg) !important;}
.preis #content {background-image: url(/userfiles/image/preis.jpg);}
.downloads #content {background-image: url(/userfiles/image/downloads.jpg);}
.kontakt #content {background-image: url(/userfiles/image/kontakt.jpg);}

/* Navigation */
#nav {padding: 15px 0; line-height: 25px;}
#nav a {color: #858585; padding-left: 20px; outline: none;}
#nav a.active {background: url(/images/theme_drthiel/list_aktiv.gif) no-repeat;}
#nav a.active, #nav a:hover, #subnav a:hover, #nav a.active:hover {color: #048;}
#nav a[href="/impressum"] {display: block; line-height: 14px; margin-top: 40px !important; color: #AAA;}
#subnav {padding: 0px; margin-left: 20px; margin-bottom: 10px; line-height: 20px;}
#subnav li {margin-bottom: 5px; background: url(/images/theme_drthiel/list_subnav.gif) no-repeat 0px 3px; padding-left: 15px;}
#subnav a, #subnav a.active {font-size: 12px; color: #48F; background: #fff; padding: 0;}
#subnav a.active {color: #26d; background: transparent;}

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

/* Team */
.team #content {position: relative; margin: 0; height: 500px;}
.team #content #teambild {position: relative; height: 170px;} /* zur einfacheren Positionierung */
#team {position: absolute; top: 0; left: 0; height: 220px;}
#team dt {
	position: absolute; top: 0;
	height: 220px !important; 
	background: transparent url(/images/leer.gif); /* IE-Fix */
    cursor: help;
}
html:first-child #team dt {cursor: pointer;}
#panel1 {left: 0; top: 0; width: 61px;}
#panel2 {left: 61px; top: 0; width: 31px;}
#panel3 {left: 92px; top: 0; width: 29px;}
#panel4 {left: 121px; top: 0px; width: 29px;}
#panel5 {left: 150px; top: 0px; width: 24px;}
#panel6 {left: 174px; top: 0px; width: 26px;}
#panel7 {left: 200px; top: 0px; width: 45px;}

#team dd {visibility: hidden; display: block; position: absolute; bottom: 10px; left: 300px; height: 55px; width: 240px; line-height: 1.7em;}
/* Loesung per JS s.u. #team dt:hover + dd {visibility: visible;} */
.team_description {position: absolute; top: 155px; left: 300px; height: 55px; width: 240px; line-height: 1.7em;}

/* Galerie */
.galerie #content {width: 590px; padding-top: 20px; height: 450px;}
.galerie #content ul {list-style: none; padding: 0; margin: 0;}
.galerie #content ul li {display: inline; padding: 0 10px 0 0; margin: 0;}
.galerie #content ul img {padding-bottom: 10px;}

/* 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_drthiel/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_drthiel/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: transparent;} 
#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;}
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"], #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;
}
.galerie a[href$='.jpg'], .team a[href$='.jpg'] {background: none; padding: 0;}