/* ============================================================
   Zahnarztpraxis Dr. Roth - Stylesheet
   erstellt mit Microsoft FrontPage 5.0
   (c) 2005 - Layout 760px, zwei Spalten
   ============================================================ */

body {
	background: #dfe7ec;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.6;
	color: #333333;
	margin: 12px 0;
}

a        { color: #1a5a8a; text-decoration: none; }
a:hover  { text-decoration: underline; }
img      { border: 0; }
p        { margin: 0 0 10px 0; }
ul       { margin: 6px 0 10px 20px; }
li       { margin: 3px 0; }

.frame {
	background: #ffffff;
	border: 1px solid #9fb4c2;
}

/* ---- header banner ---- */
.banner {
	padding: 12px 14px;
	background: #2a7ab0;
	background: -webkit-linear-gradient(top, #3a9db0, #24628f);
	background: linear-gradient(to bottom, #3a9db0, #24628f);
}
.banner-t {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: 0.5px;
}
.banner-s { font-size: 11px; color: #cfe6ef; }
.rule { height: 3px; background: #f2b134; font-size: 0; line-height: 0; }

/* ---- sidebar (left nav column) ---- */
.sidebar {
	width: 170px;
	background: #eef3f7;
	border-right: 1px solid #cdd9e2;
	padding: 12px 10px;
}
.nav { margin-bottom: 16px; }
.nav-a {
	display: block;
	padding: 7px 10px;
	margin-bottom: 2px;
	font-weight: bold;
	color: #24628f;
	background: #ffffff;
	border: 1px solid #cdd9e2;
	border-left: 4px solid #3a9db0;
}
.nav-a:hover { background: #dcebf3; text-decoration: none; }
.nav-a.active {
	background: #24628f;
	color: #ffffff;
	border-left-color: #f2b134;
}

/* ---- sidebar boxes ---- */
.box { margin-bottom: 14px; border: 1px solid #cdd9e2; }
.box-h {
	padding: 5px 9px;
	background: #dcebf3;
	font-weight: bold;
	color: #24628f;
	border-bottom: 1px solid #cdd9e2;
}
.box-b { padding: 8px 9px; background: #ffffff; }
.notfall .nf-h { background: #f5dede; color: #a5342a; border-bottom-color: #e3b7b7; }

/* ---- content ---- */
.content { padding: 6px 18px 18px 18px; }
.crumb {
	font-size: 10px;
	color: #7a8b98;
	padding: 6px 0 10px 0;
	border-bottom: 1px solid #e2e9ee;
	margin-bottom: 12px;
}
.crumb a { color: #7a8b98; }

h1 {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 19px;
	font-weight: bold;
	color: #24628f;
	margin: 4px 0 10px 0;
}
h2 {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 14px;
	color: #3a9188;
	margin: 16px 0 6px 0;
	padding-bottom: 3px;
	border-bottom: 1px solid #e2e9ee;
}

.imgright { float: right; margin: 2px 0 8px 14px; border: 1px solid #9fb4c2; padding: 3px; background: #fff; }
.framed   { border: 1px solid #9fb4c2; padding: 3px; background: #fff; }
.small    { font-size: 10px; color: #7a8b98; }

/* ---- service table ---- */
table.svc { border-collapse: collapse; width: 100%; margin: 8px 0; }
table.svc th { background: #dcebf3; text-align: left; padding: 6px 9px; border: 1px solid #cdd9e2; color: #24628f; }
table.svc td { padding: 6px 9px; border: 1px solid #e2e9ee; vertical-align: top; }
table.svc tr.alt td { background: #f5f9fb; }

/* ---- team ---- */
table.team td { border-bottom: 1px solid #e2e9ee; padding: 8px 6px; }
table.team img { border: 1px solid #9fb4c2; padding: 2px; background: #fff; }

/* ---- forms ---- */
label { font-weight: bold; color: #24628f; }
input, textarea {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	border: 1px solid #9fb4c2;
	background: #fdfefe;
	padding: 2px;
}
.btn {
	font-weight: bold;
	color: #ffffff;
	background: #3a9db0;
	background: linear-gradient(to bottom, #4bb0c2, #2f8496);
	border: 1px solid #24628f;
	padding: 4px 14px;
	cursor: pointer;
}
.btn:hover { background: #2f8496; }

/* ---- footer ---- */
.footer {
	background: #24628f;
	color: #cfe0ec;
	font-size: 10px;
	padding: 10px 14px;
	line-height: 1.5;
}
.footer a { color: #ffd98a; }
.foot-l { color: #cfe0ec; }