/* =================================
Stylesheet für Website Arztpraxis Danner, Donaueschingen
Datei: arztpraxis_danner_neu.css
Autor: Anita Pankratz, agentur für praxismarketing
Datum: 2011 
=============================*/

/*========================
 Normalisierung von Styles
 ==========================*/
* {padding: 0; margin: 0; font-size: 62,5%; }
ol, ul {list-style-type: none; }

body {
	font-family: Verdana,geneva,arial,sans-serif;
 	font-size: 62.5%;
 	line-height: 120%;
 	color: #000066;
 	background-color: #ddd;
 }
span {font-weight: bold; }
p {margin-top: 10px; }
h1 {font-size: 1.5em; margin-top: 20px; line-height: 150%; }
h2 {font-size: 1.2em; margin-top: 20px; }
h3 {font-size: 1em; margin-top: 20px; }
h4 {font-size: 0.9em; }
#header { 
	height: 150px; background: url(images/danner_header.png) no-repeat top right; background-color: white;
	font-size: 1em; color: #000066;	text-align: left; }
#header img { position: absolute; left: 0; top: 0;}
#content {
	padding: 30px;
	margin-left: 200px;
	font-size: 1.2em;
	line-height: 160%;
	min-height: 300px;
}

#content a { color: #006; }
#content ul {list-style-type: square; list-style-position: outside; margin: 8px auto 8px 20px; }
.breadcrumb {float: left; margin-top: 120px; margin-left: 230px; width: auto; color: #000066; font-weight: bold; font-size: 1em; z-index: 2000; }
.breadcrumb a { color: #006; font-weight: bold; }
.breadcrumb a:visited {font-style: italic; }
.breadcrumb a:hover, a:active, a:focus { background-color: #006; color: #fff; text-decoration: none; }
.breadcrumb a strong {color: green; }

#sub_navi {float:right; background-color: #ddd; width: auto; height: 30px; }
#sub_navi ul { background-color: #ddd; height: auto; }
#sub_navi li { display: inline; }
#sub_navi li a { display: block; background-color: #ffe400; 
	text-decoration: none; color: #00168c; font-weight: bold; height: 20px; border-left: 4px solid #fff;
	padding: 5px 10px; font-size: 1em; }
#sub_navi li a:hover, li a:active, li a:focus, li a:visited { background-color: #fff;  }
#sub_navi li strong {display: block; background-color: #fff; height: 20px; color: #00168c; font-weight: bold; border-left: 4px solid #fff;
	padding: 5px 10px; font-size: 1em; font-style: italic; }

#main_navi{
	clear: both; position: absolute;
	margin-top: 0;
	width: 200px;
	left:0;
	background-color: #000066;
	padding-top: 20px;
	color: white;
	font-size: 1.2em;
	min-height: 300px;
	}
#main_navi ul { 
	padding-left: 10px;
	margin-left: 0;
	padding-bottom: 10px; 
	}
#main_navi ul li {
	list-style-type: none; padding-bottom: 2px; display: block; }
#main_navi ul li img {position: static; margin-left: 2px; margin-bottom: -2px; margin-top: 0; }
#main_navi ul li:hover ul, li:focus ul, li:active ul {visibility: visible; display: block; }
#main_navi a {display: block; border: 1px dotted white; padding: 5px; color: white; text-decoration: none; margin: 5px; }
#main_navi a:visited {background-color: #006; color: #fff; font-style: italic; }
#main_navi a:hover, a:active, a:focus {color: #000066; background-color: white;}
#main_navi ul ul {visibility: hidden; display: none; }
#main_navi ul ul li {padding-left: 5px; margin-bottom: 5px; }
#main_navi ul li strong { padding: 3px; margin-left: 10px; font-size: 1em; background-color: #fff; color: #006; line-height: 200%; }
.skiplink {position: absolute; top: -9999px; left: -9999px;}

table {background-color: #fff; margin-top: 10px; }
th {font-weight: bold; font-size: 1em; text-align: left; background-color: #ffe400; padding: 4px; }
td {padding: 5px; font-size: 1em; border: 1px solid #006 }
.galerie {
	list-style-type: none;
	}
.galerie li {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 200px;
	background-color: #fff;
	}

img.galerie {
	border: 5px solid #000066;
	padding: 2px;
	height: 100px;
	position: relative;
	display: block;
	}
.bildimtextrechts {
	position: relative;
	float: right;
	border: 3px solid #000066;
	margin-top: -10px;
	margin-right: -10px;
	}


#footer {
	clear: both;
	height: auto;
	background-color: #ffe400;
	padding: 15px;
	text-align: center;
	font-weight: bold;
	line-height: 150%;
	margin-bottom: 30px; 
	}
	
form { 
	background-color: #ddd; 
	padding:10px; 
	border:1px solid #000066; 
	}
td, input, select, textarea { 
	font-size:12px; 
	font-family:Verdana,sans-serif; 
	}
input, select, textarea { 
	color: #000066; 
	}
.Bereich, .Feld, .Auswahl, .Check, .Radio { 
	background-color: #fff; 
	border:1px solid #000066; 
	}
.Button { background-color:#000066; color: white; width:150px; border:1px solid #000066; }