/*
########## Praxis f?r Augenheilkunde Heilbronn ##########

#### created by Florian Ziegler, March 2006 ###
*/

* {
	margin:0px;
	padding:0px;
}

img {
	border:0px;
}

body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, p{
	font-size:15px;
}


#navwrap {
	margin:0 auto;
	height:20px;
	padding:8px 0 7px 0;
	text-align:center;
}

#nav {
	margin:0 auto;
	width:800px;
	height:20px;
}

#nav ul {
	margin:0 auto;
	width:720px;
	margin:0 auto;
	list-style:none;
	padding-left:4px;
	float:left;
}

#nav li {
	display:inline;
	font-size:14px;
	float:left;
	margin-left:10px;
}

#nav a {
	font-weight:bold;
	
	height:20px;
	padding:2px 8px 0 8px;
	display:block;
	float:left;
}


#skip {
	margin:0 auto;
	height:18px;
	display:inline;
}

#skip #skiptosubnav {
	text-indent:-9999px;
	width:5px;
	height:20px;
	display:block;
	float:left;
}


#skip #skiptocontent {
	text-indent:-9999px;
	width:8px;
	height:20px;
	display:block;
	float:left;
}


#skip #normalfont {
	text-indent:-9999px;
	width:1px;
	height:20px;
	display:block;
	float:left;
}


#skip #mediumfont {
	text-indent:-9999px;
	width:2px;
	height:20px;
	display:block;
	float:left;
}

#skip #largefont {
	text-indent:-9999px;
	width:2px;
	height:20px;
	display:block;
	float:left;
}


#skip #contrasttoblack {
	text-indent:-9999px;
	width:5px;
	margin-left:2px;
	height:20px;
	display:block;
	float:left;
}


a#help {
	text-indent:-9999px;
	width:5px;
	margin:0 0 0 0px;
	height:20px;
	display:block;
	float:right;
}


/* Hintergrundbilder f?r das Header-Bild, also der farbige Streifen rechts und links vom Header-Bild je nach Rubrik */

#home_head {
	height:104px;
}

#augenpraxis_head {
	height:104px;
}

#operation_head {
	height:104px;
}

#team_head {
	height:104px;
}

#aktuell_head {
	height:104px;
}

#kontakt_head {
	height:104px;
}

#hinweise_head {
	height:104px;
}

/* Hintergrundbilder f?r den Locator, also der farbige Streifen rechts und links vom Locator je nach Rubrik */

#home_locator {
	height:45px;
}

#augenpraxis_locator {
	height:45px;
}

#operation_locator {
	height:45px;
}

#team_locator {
	height:45px;
}

#aktuell_locator {
	height:45px;
}

#kontakt_locator {
	height:45px;
}

#hinweise_locator {
	height:45px;
}

/* page setzt den wrapper in die Mitte des Fensters */

#page {
	margin:0 auto;
	width:800px;
}

/* Der Wrapper enth?lt Sidebar (mit eventueller Sub-Navigation) auf der linken Seite und den eigentlich Seiteninhalt auf der rechten Seite */

#wrapper {
	margin:0 0 50px 0;
	width:800px;
	float:left;
	text-align:left;
}


/* Formatierung f?r "Rechtliche Hinweise" und "Impressum" im Sidebar*/

#wrapper ul {
	list-style:none;
	float:left;
	margin:20px 20px 0 20px;
	padding-bottom:25px;
}

#wrapper li {
	margin-top:2px;
}

#wrapper a {
	font-weight:normal;
	font-size:15px;
}

/* Formatierung f?r den Sidebar */

#sidebar {
	width:178px;
	float:left;
	padding:35px 26px 16px 22px;
	text-align:left;
	font-size:15px;
}

#sidebar h1  { 
	font-size: 16px
}

#sidebar p  { 
	font-size:14px;
	margin:0 10px 15px 20px
}

#sidebar ul {
	margin:0;
}

#sidebar li {
	margin:0 0 11px 0;
}

#sidebar li.subsub {
	margin:0 0 3px 0;
}

#sidebar a {
	font-weight:normal;
	font-size:15px;
}

#sidebar a.active {
	font-weight:bold;
}

#sidebar a.subactive {
	text-decoration:underline;
}

/* Hier folgen die Formatierungen f?r den eigentlichen Seiteninhalt */

#content {
	width:533px;
	padding:35px 0 0 26px;
	text-align:left;
	float:left;
	border:0px solid #00f;
}

#content img.right {
	float:right;
	margin:0 0 10px 10px;
}

#content img.left {
	float:left;
	margin:0 5px 10px 0;
}

#content img.rightspace  { 
	float:right;
	margin:10px 0 30px 0;
	max-width:548px;
}

#content h1 {
	font-size:30px;
	margin:0 120px 10px 0;
	font-weight:normal;
}

#content h2 {
	font-size:28px;
	margin:15px 120px 10px 0;
	font-weight:bold;
}

#content p {
	margin:0 120px 10px 0;
	line-height:30px;
	font-size:24px;
	line-height:30px;
}

#content a {
	font-weight:bold;
	font-size:24px;
}

#content ol  { font-size: 24px; line-height: 30px; margin: 0 120px 10px 20px }
#content li { font-size: 24px; line-height: 30px; margin: 0 0 10px 20px }
/* Noch bissl Kram...  */

.strong {
	font-weight:bold;
}

.jump {
	float:right;
	margin:0 0 20px 0;
}

.jumptotop {
	float:right;
	margin:32px 20px 0 0;
}

.rundgang {
	float:right;
	margin: -210px 0 0 0;
}

#zentrumlogo { 
	float:left;
	width:700px;
	margin: 0 0 -10px 0;
}

#tuevlogo { 
	margin: 260px 0 0 0;
}


/* Kontaktformular */


form {
	width:500px;
	border:0px solid #f00;
	float:left;
}

label {
	line-height:35px;
}

#name, #vorname, #email, #strasse, #plz, #ort, #tel, #nachricht {
	margin-top:5px;
	float:left;
}

#kontakt_telefon, #kontakt_email {
	float:left;
	margin:2px 0 0 0;
}

#name, #vorname, #email, #strasse, #tel {
	width:200px;
	height:24px;
}

#plz {
	width:46px;
	height:24px;
}

#ort {
	width:152px;
	height:24px;
}

#nachricht {
	width:200px;
	float:left;
}

#name.flagged, #vorname.flagged, #email.flagged, #strasse.flagged, #plz.flagged, #ort.flagged, #tel.flagged, #nachricht.flagged {
	background:#ebf5df;
	color:#fff;
}

label {
	display:block;
	width:150px;
	float:left;
	clear:both;
	text-align:right;
	padding-right:10px;
}

#senden { 
	margin:10px 0 0 160px; 
	float:left;
	clear:both;
}

#zentrumlogo { 
	float:left;
	width:700px;
	margin:0 0 -10px 20px;
}