/****************************
WHITEVISION-CMS www.whitevision.de
Template Dr. Isele
Kunde: Dr. Isele 
Letzte Aenderung am: 22.08.2008
Alle Rechte vorbehalten.
****************************/

/****************************
	Allgemeine Formatierung 
****************************/

* {padding: 0; margin: 0;}
body {
	font: normal 100%/1.4 "Times New Roman", Times, serif;
	color: #707173;
	background: #fff;
	min-height: 101%;
	text-align: left;
	text-shadow: 0 0 0 #dfd5d7;
	opacity: 0.9999;
}
a, a:link, a:visited {
	background-color: transparent;
	color: #707173;
	text-decoration: none;
	outline: none;
}
#content a, #content a:hover {/* text-decoration: underline; */}
a:hover, a:focus, a:active {color: #707173;}
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;}
p.left {line-height: 130%;}
.new { background: transparent url(/images/admin/neu1.gif) no-repeat right; padding-right: 30px; }
.hide {display: none;}
.skiplink a {
    position: absolute;
    top: -100px;
    left: 0;
    padding: 0 5px;
    background: white;
    font-size: 1.3em;
    z-index: 10;
}
.skiplink a:focus {top: 0px;}
.akzent {color: #707173 !important;}
.ka {display: none;}

/****************************
	Typographie 
****************************/
p, dl {margin: 0 0 1em 0;}
dl {}
ol {list-style: decimal outside; padding-left: 25px;}
ul {list-style: square outside;  padding-left: 25px; margin: 0 0 1em 0;}

h1,h2,h3,h4 {
	font-weight: normal;
	background-color: transparent;
	font-weight: normal;
}
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:#C8CBD0; /* Mozilla 1.4 */
	color:#C8CBD0; /* IE 6 */
	border: #C8CBD0; /* Opera 7.11 */
	height: 1px; /* in Opera fuer die Anzeige noetig, in Mozilla fuer die einheitliche Hoehe */
}



/****************************
	Layout 
****************************/
#wrapper {
	color: #666;
	background: #fff url(/images/theme_drisele/wrapper_bg.gif) no-repeat;
	margin: 20px auto 0;
	padding-top: 3px;
	width: 901px; height: 666px;
	position: relative;
	font-size: 0.9em;
}
#header {
	width: 248px; height: 658px;
	position: absolute;
	left: 135px; top: 0;
	background: transparent url(/images/theme_drisele/logo_main.gif) no-repeat bottom right;
}
h1 {width: 100%; height: 660px;}
h1 a#title {background: transparent; width: 100%; height: 100%; text-indent: -999em; display: block;}
#claim {display: none;}

#sidebar {
	position: absolute;
	left: 6px; top: 0;
	width: 125px;
	padding: 50px 0 10px 0;
	background: transparent;
}
#main {
	margin: 2px 3px 0 384px;
	padding-top: 260px;
	width: 513px;  /* height 650 - padding-top*/
	background-position: 1px 0;
	background-repeat: no-repeat;
	background-image: url(/images/theme_drisele/wrapperclass/home.jpg);
	position: relative;
}
/* Wrapperclass */
.index #main, .start #main {background-image: url(/images/theme_drisele/wrapperclass/index.jpg);}
.praxis #main {background-image: url(/images/theme_drisele/wrapperclass/praxis.jpg);}
.team #main {background-image: url(/images/theme_drisele/wrapperclass/team/team.jpg);}
.behandlung #main {background-image: url(/images/theme_drisele/wrapperclass/behandlung.jpg);}
.bleaching #main {background-image: url(/images/theme_drisele/wrapperclass/bleaching.jpg);}
.aesthetik #main {background-image: url(/images/theme_drisele/wrapperclass/aesthetik.jpg);}
.parodontologie #main {background-image: url(/images/theme_drisele/wrapperclass/parodontologie.jpg);}
.implantologie #main {background-image: url(/images/theme_drisele/wrapperclass/implantologie.jpg);}
.prophylaxe #main {background-image: url(/images/theme_drisele/wrapperclass/prophylaxe.jpg);}
.implantologie #main {background-image: url(/images/theme_drisele/wrapperclass/implantologie.jpg);}
.service #main {background-image: url(/images/theme_drisele/wrapperclass/service.jpg);}
.kontakt #main {background-image: url(/images/theme_drisele/wrapperclass/kontakt.jpg);}
.anfahrt #main {background-image: url(/images/theme_drisele/wrapperclass/anfahrt.jpg);}
.impressum #main {background-image: url(/images/theme_drisele/wrapperclass/impressum.jpg);}
/* Team */
.team-zahnaerztin #main {background-image: url(/images/theme_drisele/wrapperclass/team/zahnaerztin.jpg);}
.team-prophylaxe #main {background-image: url(/images/theme_drisele/wrapperclass/team/prophylaxe.jpg);}
.team-assistenz #main {background-image: url(/images/theme_drisele/wrapperclass/team/assistenz.jpg);}
.team-verwaltung #main {background-image: url(/images/theme_drisele/wrapperclass/team/verwaltung.jpg);}

.rezeption360 #main, .behandlung360 #main {background-image: url(/images/theme_drisele/wrapperclass/index.jpg);}
.behandlungsfaelle #main {background-image: url(/images/theme_drisele/wrapperclass/behandlungsfaelle.jpg);}

/* Aktionen */
.aktionen #main {background-image: url(/images/theme_drisele/wrapperclass/aktionen/aktionen.jpg)}
.aktionen-fruehling #main {background-image: url(/images/theme_drisele/wrapperclass/aktionen/fruehling.jpg);}
.aktionen-hochzeit #main {background-image: url(/images/theme_drisele/wrapperclass/aktionen/hochzeit.jpg);}
.aktionen-schwangerschaft #main {background-image: url(/images/theme_drisele/wrapperclass/aktionen/schwangerschaft.jpg);}
.aktionen-sommer #main {background-image: url(/images/theme_drisele/wrapperclass/aktionen/sommer.jpg);}

#content {
	top: 0;
	padding: 10px 30px 0px;
	height: 380px; overflow: auto /*hidden*/;
	position: relative;
	text-align: justify;
}
.service #content {overflow: hidden;}

.pagetitle {font-size: 1em; margin: 0.5em 0 1em;}
.pageimg {position: absolute; top: -270px; left: -30px;}

/* Navigation */
#mainnav ul {
	width: 131px;
	padding: 0; margin: 0;
	list-style: none;
	text-align: right;
	background: transparent;
/*  line-height: 28px;*/
}
#mainnav li a {
	display: block; 
	padding: 4px 20px 4px 0;
	color: #666; 
	font-family: "Times New Roman", Times, serif;
}
#mainnav li a:hover, #mainnav #subnav li a:hover {background-color: #fdfdfe;}
#mainnav li a.active {background: #fafafb;}
#mainnav a[href="/impressum"], #mainnav a[href="/index.php/impressum"] {margin-top: 25px !important;}
#mainnav #subnav {
	width: 160px;
	margin: 0 0 40px 0;
	position: absolute; left: 140px; top: 50px;
	text-align: left;
}
#mainnav #subnav a {font-family: "Times New Roman", Times, serif; padding-left: 12px !important; color: #f1f1f1; background-color: transparent;}
#subnav a:hover, #subnav a:hover span, #subnav a.active span {color: #fff !important; background: transparent !important;}
#subnav a:hover span, #subnav a.active span {border-bottom: 0px solid #bfbfbf /*cacaca*/;}


/* Startseite */
body.home {background: #9c9c9c;}
.home #wrapper {background: #9c9c9c; border: 0; height: auto; width: 800px; padding: 0;}
.home #header {display: none; background: transparent; height: auto; width: 100%; margin: 0; position: static;}
.home h1, .home h1 #title,
.home #sidebar, .home .pagetitle, .home .skiplink {display: none;}
.home #main {position: static; margin: 0 auto; padding: 0; background: transparent; width: 100%;}
.home #content {position: static; top: 0; margin: 0; padding: 125px 10px 65px; width: 100%; height: auto; min-height: 0; color: #af95a3; text-align: center;}
.home #content p, .home #content img {text-align: center; margin-right: 15px; margin-top: 30px; font-size: 18px;}
.home #content p a {color: #fff;}

/* Galerie */
.galerie #main {background: transparent; padding: 0;}
.galerie #content {padding: 0; height: 654px; text-align: left !important; overflow: hidden; background: #eee;}
.galerie #content p, .galerie #content h2 {margin: 42px 0 0 0; padding: 0 10px;}
.galerie #content .pageimg {display: none;}
.galerie #content .lightbox {margin: 0; position: relative; left: 1px;}
.galerie #content .lightbox img {
	float: left;
	margin: 0 0 12px 11px; padding: 0 !important;
}

.galerie .imgsw_list_numbers {display: none;}
.galerie .imgsw_prevnext {
	position: absolute; bottom: 10px; left: 10px; width: 500px;
}
.galerie .imgsw_prev {float: left;}
.galerie .imgsw_next {float: right; padding-right: 5px;}

/* Behandlungsfaelle */
.behandlungsfaelle #content .lightbox {padding-left: 0px;}
.behandlungsfaelle #content .lightbox img {
	margin: 0;
}
.behandlungsfaelle img.thumb {display: none;}

/* Anfahrt */
.anfahrt #main {padding-top: 450px;}
.anfahrt #content {height: 160px;}

/* Pagination */
.team-zahnaerztin #pagin, .team-zahnaerztin .imgsw_list_numbers, 
.prophylaxe #pagin, .prophylaxe .imgsw_list_numbers, 
.parodontologie #pagin, .parodontologie .imgsw_list_numbers,
.bleaching #pagin, .bleaching .imgsw_list_numbers,
.implantologie #pagin, .implantologie .imgsw_list_numbers,
.aesthetik #pagin, .aesthetik .imgsw_list_numbers, 
.impressum #pagin, .impressum .imgsw_list_numbers,
.index #pagin, .index .imgsw_list_numbers {
	display: block;
	position: absolute;
	bottom: 0; right: 10px;
	/*background: transparent url(/images/theme_drisele/pagin2.gif) no-repeat;*/
	padding: 2px 20px 2px 15px;
}
#pagin a, .imgsw_list_numbers a {display: inline; width: 20px; height: 20px; padding: 0 4px; margin: 0 2px 1px 0; background: #aaa; color: #FFF; font-size: 0.9em; text-decoration: none  !important;}
.imgsw_list_numbers a span {text-decoration: none !important;}
#pagin a.active, .imgsw_list_numbers a.active {font-weight: bold; background: #a2a2a2;}
.team-zahnaerztin .imgsw_prevnext,
.prophylaxe .imgsw_prevnext,
.parodontologie .imgsw_prevnext,
.bleaching .imgsw_prevnext,
.implantologie .imgsw_prevnext,
.aesthetik .imgsw_prevnext,
.impressum .imgsw_prevnext,
.index .imgsw_prevnext {display: none;}

/****************************
	Kontaktformular 
*****************************/
#kontaktform {width: 32em; margin: 0;}
#kontaktform fieldset {border: none; width: auto; padding: 0; margin: 0 0 1em; background: transparent url(/images/admin/linie_dark.gif) no-repeat 0 -8px; }
#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: #A4A4A6; }
#kontaktform div { padding: 2px 0;}
input[type=text], input[type=password], textarea {padding: 0.1em; width: 250px;border: 1px solid #717174; border-bottom-color: #ccc; border-right-color: #ccc;}
#kontaktform select {padding: 0.1em;}
#kontaktform input[type="radio"] {border: 0px; width: auto; background: transparent;}
#kontaktform input[type="checkbox"] {width: auto; background-color: #FFF; border: 0;}
#kontaktform input[type="submit"] {width: auto; background-color: #FFF;}
#kontaktform input.error, #kontaktform textarea.error {border-color: #C00; background-color: #FAF7EB;}

/****************************
	News
*****************************/
.newslist {padding: 0 2em 0 0;}
.newsbody {margin: 0 0 2em 0;}
.newslist dt {
	font-weight: bold;
	margin: .75em 0 .25em 0;
}
.newslist dd {
	margin: 0 0 1em 0;
	padding: 0;
}
.newslist .date {
	color: #ACB4B9;
	margin: -1em 0 1.5em 0;
	font-weight: normal !important;
	float: right;
}
h3.date {}

/****************************
	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 solid #8A8075;
	padding: 1em 2em 1em 4em;
	z-index: 20 !important;
	color: #717173;
}
div.adminfooterbar a {color: navy;}
div.adminfooterbar:before {
	content: "Aktionen: ";
	font-weight: bold;
}
hr.adminfooterbar {
	clear: left;
	display: none;
}


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

.alert {
	background: #fff6bf url(/images/admin/alert.png) center no-repeat;
	border-top: 1px solid #ffd324;
	border-bottom: 1px solid #ffd324;
	}
.info, .tip {
	background: #f8fafc url(/images/admin/info.png) center no-repeat;
	border-top: 1px solid #b5d4fe;
	border-bottom: 1px solid #b5d4fe
}
.success {
	background: #EFFAEB url(/images/admin/success.png) center no-repeat;
	border-top: 1px solid #BDEEAB;
	border-bottom: 1px solid #BDEEAB
}
.alert, .info, .tip, .success {
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin: .75em 0;
}


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

/* Flash-Panorama */
.rezeption360 #content, .behandlung360 #content {height: auto;}
.rezeption360 #main, .behandlung360 #main {position: relative; padding: 0;}
.rezeption360 object, .behandlung360 object {/* position: absolute; top: 0; left: 2px; */margin-left: 1px;}
.rezeption360 #content p, .behandlung360 #content p {/* position: relative; top: 549px; left: -20px; */ margin-left: -20px; margin-top: 32px;}