/****************************
WHITEVISION-CMS www.whitevision.de
Template Dr. Bettina v. Salmuth
Kunde: Dr. Bettina v. Salmuth
Letzte Aenderung am: 20.09.2007
Alle Rechte vorbehalten.
****************************/

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

* {padding: 0; margin: 0;}
body {
	font: normal 0.75em/1.3 Helvetica, Arial, sans-serif;
	background: #535353 url(/images/theme_drsalmuth/bg.png) repeat-y top center;
	min-height: 101%;
	text-align: left;
	color: #333;
}
a, a:link, a:visited {
	background-color: transparent;
	color: #535353;
	text-decoration: none;
	outline: none;
}
a:hover, a:focus, a:active {color: #000000; text-decoration: none;}
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: #B72837 !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-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 1em;
	margin: 0 0 1.2em 0;
	color: #555f50; background-color: transparent;
	font-weight: normal; text-transform: uppercase;
}
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 {
	width: 920px;
	margin: 0 auto;
	height: 100%;
	color: #333 /*706f6f 60695b*/;
	background-color: #fff;
}
#header {
	background-color: #535353;
	text-align: center;
	padding: 40px 0 20px;
}
h1 {
	padding: 0;
}
h1 a {
	display: block;
	width: 295px; height: 105px;
	display: block;
	margin: 0 auto;
	background: #B72837 url(/images/theme_drsalmuth/logo.png) no-repeat;
	text-indent: -9999px;
	text-decoration: none;
}
#claim {display: none;}
#main {
	padding: 0;
	background: transparent url(/images/theme_drsalmuth/main_bg.png) no-repeat right -7px;
	position: relative;
}
/* Wrapperclass */
.index #main {background-image: url(/images/theme_drsalmuth/main_bg.png);}
.praxis #main {background-image: url(/images/theme_drsalmuth/praxis_bg.png);}
.diagnostik #main {background-image: url(/images/theme_drsalmuth/diagnostik_bg.png);}
.therapie #main {background-image: url(/images/theme_drsalmuth/therapie_bg.png);}
.sport #main {background-image: url(/images/theme_drsalmuth/sport_bg.png);}
.kompl #main {background-image: url(/images/theme_drsalmuth/kompl_bg.png);}
.programme #main {background-image: url(/images/theme_drsalmuth/programme_bg.png);}
.service #main {background-image: url(/images/theme_drsalmuth/service_bg.png);}
.kontakt #main {background-image: url(/images/theme_drsalmuth/kontakt_bg.png);}
.impressum #main {background-image: url(/images/theme_drsalmuth/impressum_bg.png);}


#content {
	width: 400px;
	position: relative;
	min-height: 325px;
	margin: 5px 0 0 430px;
}
#content #text {margin: 30px 10px 0 20px;}
.pagetitle {display: none;}
.pageimg {
	position: absolute; top: -10px; right: 405px; 
	padding: 0;
}
.page {
	width: 400px;
	margin-left: 430px;
}
.page.left {float: left;}
.pagetitle {
	margin: 10px 0 10px 0;
}
#bottom {
	background-color: #535353;
	color: #c8c8c8;
	min-height: 150px;
	padding-bottom: 2em;
	font-size: 0.95em;
}
ul#nav {
	padding: 0; 
	list-style: none; 
	position: relative; 
	top: 3px; 
	border-left: 1px solid #fff; 
	height: 14px;
}
#nav a {color: #c8c8c8;}
#nav a:hover {color: #fff;}
ul#nav li {float: left; margin-bottom: 1px; padding: 1px 20px 0px; border-right: 1px solid #fff;}
ul#nav li a {text-transform: uppercase; display: block; }
ul#nav li.parent {background: #8e8e8e; position: relative; top: 0;}
ul#nav li.parent a.parent {display: block; color: #c8c8c8;}
ul#nav li.active {color: #fff;}
a.active {color: #fff !important;}

ul#subnav {
	list-style: none;
	position: absolute;
	top: 17px; left: -1px;
	width: 14em /*160px*/; height: 0px;
	margin: 0; padding: 0;
}
ul#subnav li {
	float: none;
	width: inherit; 
	background: #8e8e8e;
	margin-bottom: 1px;
	padding: 0; 
	height: auto;
	border: 0;
	border-left: 1px solid #8e8e8e;
}
ul#subnav li a {
	display: block;
	border: 0;
	padding: 3px 20px 1px;
	color: #535353; 
}
#nav li#aktuelles {
	float: right;
	border-right: 0;
	padding: 2px;
}

/****************************
	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: #ff0000; }
#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;}
#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: 0 0 1.5em 0;
	display: block;
}
.newslist .pagetitle {
	display: block;
	text-transform: none;
	font-weight: bold;
	margin: 0;
}
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;
}