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

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

* {padding: 0; margin: 0;}
body {
	font: normal 0.85em/1.4 "Avenir Roman", Avenir, Arial, Geneva, Helvetica, sans-serif;
	color: #989898;
	background: #EBEBEB;
	min-height: 101%;
	text-align: left;
}
a, a:link, a:visited {
	background-color: transparent;
	color: #989898;
	text-decoration: none;
	outline: none;
}
a:hover, a:focus, a:active {color: #f5b77b;}
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: #f5b77b !important;}

/****************************
	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;
	margin: 0 0 1.2em 0;
	color: #f5b77b; 
	background-color: transparent;
	font-weight: normal; 
}
h2 {font-size: 1.2em;}
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: #989898;
	background: transparent url(/images/theme_drbamberger/bg.gif) repeat-y center;
	margin: 60px auto 0;
	width: 920px;
	padding: 0 0 45px 0;
}
#header {
	height: 100px;
	padding: 45px 45px 0 45px;
}
h1 {
	padding: 10px 5px;
}
h1 a#title {
	display: block;
	width: 256px; height: 65px;
	background: #fff url(/images/theme_drbamberger/logo.gif) no-repeat bottom;
	text-indent: -9999px;
	text-decoration: none;
}
#claim {display: none;}
#topnav {
	background: #fff url(/images/theme_drbamberger/header_neu/header.jpg) no-repeat right -1px;
	height: 225px;
	width: 837px;
	position: relative; left: 45px;
}
/* Wrapperclass */
.home #topnav, .index #topnav {background-image: url(/images/theme_drbamberger/header_neu/header.jpg);}
.praxis #topnav {background-image: url(/images/theme_drbamberger/header_neu/header_praxis.jpg);}
.team #topnav {background-image: url(/images/theme_drbamberger/header_neu/header_praxis_team.jpg);}

.vita_bamberger #topnav {background-image: url(/images/theme_drbamberger/header_neu/header_team_vita_dr_bamberger.jpg);}
.vita_hinderer #topnav {background-image: url(/images/theme_drbamberger/header_neu/header_team_vita_hinderer.jpg);}

.galerie #topnav {background-image: url(/images/theme_drbamberger/header_neu/header_praxis_galerie.jpg);}

.behandlung #topnav {background-image: url(/images/theme_drbamberger/header_neu/header_behandlung.jpg);}
.prophylaxe #topnav {background-image: url(/images/theme_drbamberger/header_neu/header_prophylaxe.jpg);}
.zahnerhaltung #topnav {background-image: url(/images/theme_drbamberger/header_neu/header_behandlung_zahnerhaltung.jpg);}
.zahnersatz #topnav {background-image: url(/images/theme_drbamberger/header_neu/header_behandlung_individueller_zahnersatz.jpg);}
.aesthetische_zhk #topnav {background-image: url(/images/theme_drbamberger/header_neu/header_behandlung_aesthetische_zhk.jpg);}
.kinderzhk #topnav {background-image: url(/images/theme_drbamberger/header_neu/header_behandlung_kinder_zhk.jpg);}

.service #topnav {background-image: url(/images/theme_drbamberger/header_neu/header_service.jpg);}
.download #topnav {background-image: url(/images/theme_drbamberger/header_neu/header_service_pdf_download.jpg);}

.kontakt #topnav {background-image: url(/images/theme_drbamberger/header_neu/header_kontakt.jpg);}
.anfahrt #topnav {background-image: url(/images/theme_drbamberger/header_neu/header_kontakt_anfahrt.jpg);}
.wichtig #topnav {background-image: url(/images/theme_drbamberger/header_neu/header_kontakt_wichtige_daten.jpg);}
.recall #topnav {background-image: url(/images/theme_drbamberger/header_neu/header_service_recall.jpg);}

#main {
	position: relative; 
	min-height: 265px;
	padding: 0 45px;
}
#mainnav {
	position: relative;
	width: 260px; height: 215px;
	background: #fff url(/images/theme_drbamberger/menu_bg.gif);
}
#content {
	width: 440px;
	margin: 30px 10px 0 20px;
	position: relative;
	left: 250px;
}
#info {display: none;}
.home #info, .index #info {
	display: block;
	width: 220px;
	position: absolute; top: 45px; left: 55px;
	padding: 0 10px 10px;
}
#sidebar {
	display: block;
	width: 230px;
	position: absolute; top: 45px; left: 55px;
	padding: 0 10px 10px;

}

/* Navigation */
#mainnav ul {
	position: absolute;
	bottom: 20px; right: 10px;
	width: 120px;
	text-align: right;
	padding: 0;
	list-style: none;
	line-height: 20px;
}
#mainnav li a {text-transform: uppercase; color: #fff;}
#mainnav a.active {color: #939392;}
#subnav {
	position: absolute;
	top: 0; right: 10px;
	width: 200px;
	text-align: right;
	padding: 0;
	list-style: none;
	line-height: 1em;
}
#subnav li {margin-bottom: 0.5em;}
#subnav a {text-transform: uppercase; color: #f5b77b;}
#subnav a.active {text-decoration: underline;}

#footer {
	clear: both;
	background: transparent url(/images/theme_drbamberger/bg-wrapper.gif) no-repeat bottom center;
	width: 830px;
	margin: -3px auto 60px;
	height: 30px;
	padding: 0 45px;
	text-transform: uppercase;
	font-size: 0.9em;
}

table td {padding-bottom: 0.75em; vertical-align: text-top;}

/* Galerieansicht */
.galerie #content {width: 550px;}
dl#gallery {
    position: relative;
}
#gallery dt {
	float: left; 
	width: 85px; height: 85px;
    margin: 0 0 10px 0 !important; padding: 0 10px 0 0; 
    background: transparent url(/images/leer.gif);
    cursor: help;
}

#gallery dd img {}
#gallery dd {
	position: absolute;
	visibility: hidden;
}
/* Loesung per JS s.u. #gallery dt:hover + dd, #gallery dt img:hover + dd {visibility: visible;} */
.gallery_description {position: absolute; top: -255px; left: -1px; height: 216px; width: 335px;}
.gallery_description img {width: 336px; height: 215px;}

/****************************
	Kontaktformular 
*****************************/
#kontaktform {width: 32em;}
#kontaktform fieldset {border: none; width: auto; padding: 0; margin: 0 0 1em; background: #FFF url(/images/admin/linie.gif) no-repeat 0 -8px; }
#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: #F5B77B; }
#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; margin-right: 3px;}
#kontaktform input[type="checkbox"] {width: auto; background-color: #FFF; border: 0;}
#kontaktform input[type="submit"] {width: auto; background-color: #FFF; color: #989898; padding: 1px 3px; border: 1px solid #ccc; border-radius: 3px; font-size: 100%; 
	cursor: pointer; background-image: linear-gradient(top, rgb(255,255,255) 100%, rgb(238,238,238) 100%);}
#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;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
}
h3.date {}

/****************************
	Adminbereich unter Seite
*****************************/
#loginform table {width: auto;}
div.adminfooterbar {
	position: fixed;
	top: 0; left: 0; 
	display: block; width: 100%;
	background: #F3F2F1 url(/images/admin/adminbar-bg.gif) no-repeat left;
	border-bottom: 1px solid #8A8075;
	padding: 1em 2em 1em 4em;
	z-index: 20 !important;
	/*clear: left;
	text-align:right;
	font-size: 80%; font-style: normal; color: #aaa;*/
}
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; }

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