/* Basic Styles, Farbaenderungen in jeweiligem farb.css */

* {
	border: none;
	margin: 0;
	padding: 0;
}

body {
	width:900px;
	height:100.1%;
	background-color: #fff;
	color:#000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 69%;
	line-height:155%;
	
}

#top {
	margin-left: 230px;
	width:539px;
	height:77px;
	background: url(../img/deco/top-blau.gif);
}

/* Topmenue */

#topmenu {
	background: url(../img/nav/menu-blau.gif) repeat-x left;
	height:97px;
	border-right:10px solid #82AADB;
	width:890px;
}
/* fuer IE 5 

* html #topmenu {
	width:900px;
}*/

#topmenu ul {
	margin:0 0 0 236px;
	list-style: none;
	padding-top:20px;
	font-size:0.8em;
}

#topmenu ul li {
 	display:inline;
	border-right: 1px solid #82AADB;
	height:77px;
	float:left;
	color:#003980;
	background-color:#003980;
	overflow:hidden;
	white-space:nowrap;
	
 }
 
#topmenu ul li a {
	display:block;
	color:#003980;
	background-color:#003980;
	height:77px;
	overflow:hidden;
	white-space:nowrap;
}

#topmenu ul li a:hover,
#topmenu ul li a:focus,
#topmenu ul li a:active {
	display:block;
	color:#E5222E;
	background-color:#E5222E;
	height:77px;
	overflow:hidden;
	white-space:nowrap;
}

/* Topmenue Listenpunkte */

#topmenu ul li#menuteam {
	background: url(../img/nav/team-hover.gif) no-repeat;
	width:70px;
}

#topmenu ul li#menuaktuell {
	background: url(../img/nav/aktuell-hover.gif) no-repeat;
	width:105px;
}

#topmenu ul li#menuuntersuch {
	background: url(../img/nav/untersuch-hover.gif) no-repeat;
	width:140px;
}

#topmenu ul li#menuhomoeopath {
	background: url(../img/nav/homoeopath-hover.gif) no-repeat;
	width:125px;
}

#topmenu ul li#menuerstehilfe {
	background: url(../img/nav/erstehilfe-hover.gif) no-repeat;
	width:105px;
}

#topmenu ul li#menuimpfung {
	background: url(../img/nav/impfung-hover.gif) no-repeat;
	width:104px;
	border-right: none !important;
}

/* Topmenue Links */

#topmenu ul li a#a-menuteam {
	background: url(../img/nav/team-blau.gif)  no-repeat left top;
	width:105px;
}

#topmenu ul li a#a-menuaktuell {
	background: url(../img/nav/aktuell-blau.gif)  no-repeat left top;
	width:105px;
}

#topmenu ul li a#a-menuuntersuch {
	background: url(../img/nav/untersuch-blau.gif)  no-repeat left top;
	width:140px;
}

#topmenu ul li a#a-menuhomoeopath {
	background: url(../img/nav/homoeopath-blau.gif) no-repeat left top;
	width:125px;
}

#topmenu ul li a#a-menuerstehilfe {
	background: url(../img/nav/erstehilfe-blau.gif)  no-repeat left top;
	width:105px;
}

#topmenu ul li a#a-menuimpfung {
	background: url(../img/nav/impfung-blau.gif) no-repeat left top;
	width:104px;
}

/* Topmenue Links hover */

#topmenu ul li a#a-menuteam:hover,
#topmenu ul li a#a-menuteam:focus,
#topmenu ul li a#a-menuteam:active {
	background: url(../img/nav/team-hover.gif)  no-repeat left top;
	width:105px;
}

#topmenu ul li a#a-menuaktuell:hover,
#topmenu ul li a#a-menuaktuell:focus,
#topmenu ul li a#a-menuaktuell:active {
	background: url(../img/nav/aktuell-hover.gif)  no-repeat left top;
	width:105px;
}

#topmenu ul li a#a-menuuntersuch:hover,
#topmenu ul li a#a-menuuntersuch:focus,
#topmenu ul li a#a-menuuntersuch:active {
	background: url(../img/nav/untersuch-hover.gif)  no-repeat left top;
	width:140px;
}

#topmenu ul li a#a-menuhomoeopath:hover,
#topmenu ul li a#a-menuhomoeopath:focus,
#topmenu ul li a#a-menuhomoeopath:active {
	background: url(../img/nav/homoeopath-hover.gif) no-repeat left top;
	width:125px;
}

#topmenu ul li a#a-menuerstehilfe:hover,
#topmenu ul li a#a-menuerstehilfe:focus,
#topmenu ul li a#a-menuerstehilfe:active {
	background: url(../img/nav/erstehilfe-hover.gif)  no-repeat left top;
	width:105px;
}

#topmenu ul li a#a-menuimpfung:hover,
#topmenu ul li a#a-menuimpfung:focus,
#topmenu ul li a#a-menuimpfung:active {
	background: url(../img/nav/impfung-hover.gif) no-repeat left top;
	width:104px;
}


/* Logo */

#logo {
	position:absolute;
	left:100px;
	top:13px;
}

/* Menu  left */

#menuleftbox {
	margin-top:43px;
}

#contactbox {
	margin-left:53px;
	border: 1px solid #82AADB;
	width:212px;
}

#contact {
	width:212px;
	border-bottom:6px solid #ADC7E8;
	background-color: #C0D4ED;
	color:#000;
	overflow:hidden;
}

#contact h1 {
	background-color: #ADC7E8;
	color:#000;
	padding: 10px 18px 6px 0;
	text-align:right;
	font-size:1.0em;
}

#contact a {
	color: #E5222E;
	background-color:transparent;
	text-decoration: none;
	font-weight:bold;
}

#contact a:hover,
#contact a:focus,
#contact a:active  {
	color: #666;
	background-color:transparent;
}

#contact a.plain {
	color: #000;
	background-color:transparent;
	text-decoration: underline;
	font-weight:normal;
}

.capital {
	text-transform: uppercase;
}

#contact p {
	text-align:right;
	font-size:1.0em;
	padding: 10px 18px 13px 0;
}

#menuleft {
	margin:43px 0 0 0;
	text-align:right;
	width:248px;
}

#menuleft ul {
	list-style: none;
	font-size:1.0em;
	font-weight:bold;	
	line-height:140%;
}

#menuleft ul li a {
	color: #E5222E;
	background-color:transparent;
	text-decoration: none;
}

#menuleft ul li a:hover,
#menuleft ul li a:focus,
#menuleft ul li a:active,
#menuleft ul li.active {
	color: #666;
}

/* Menu right */

#menuright {
	position:absolute;
	top:-10px;
	left:375px;
	width:210px;
	text-align:right;
}

#menuright ul {
	list-style: none !important;
	font-size:1.0em;
	font-weight:bold;	
	line-height:140%;
}

#menuright ul li a {
	color: #E5222E;
	background-color:transparent;
	text-decoration: none;
}

#menuright ul li a:hover,
#menuright ul li a:focus,
#menuright ul li a:active,
#menuright ul li.active {
	color: #666;
	background-color:transparent;
}

/* Content */

#contentbox {
	position:absolute;
	left:305px;
	top:217px;
	width:585px;
	padding-bottom:10px;
}

#contentboxterminvereinbarung {
	position:absolute;
	left:55px;
	top:175px;
	width:800px;
	padding-bottom:10px;
}

#contentboxtop {
	background: url(../img/deco/linien-blau.gif) repeat-y left;
	width:585px;
}

/* Startseite 3 Linien oben */
#contentboxtop1 {
	background: url(../img/deco/linien-blau3.gif) repeat-y left;
	width:585px;
	min-height:219px;
}

#contentboxtop2 {
	background: url(../img/deco/linien-blau3.gif) repeat-y left;
	width:585px;	
}


/* Content Schriftformatierung */

#contentbox h1 {
	color: #003980;
	font-size:1.3em;
	padding:10px 10px 0 10px;
}

#contentbox h1.abstand {
	font-size:1.3em;
	padding:20px 10px 10px 10px;
}

#contentbox h1.keintopabstand {
	padding:0 10px 15px 10px;
}

#contentbox h1.keinabstand {
	padding:0 10px 0 10px;
}


#contentbox h1.schwarz {
	color: #000;
	padding:0 10px 15px 10px;
	font-size:1.0em;
}

#contentbox h2 {
	font-size:1.0em;
	padding:0 10px 0 10px;
}

#contentbox h2.rot {
	font-size:1.0em;
	padding:0px 10px 15px 10px;
	color:#E5222E;
}

#contentbox p {
	font-size:1.0em;
	padding:0 10px 13px 10px;
}

#contentbox p.abstand {
	padding:10px 10px 13px 10px;
}

#contentbox p.keinabstand {
	padding:0 10px 0 10px;
}

#contentbox ul {
	font-size:1.0em;
	padding:5px 10px 15px 10px;
	list-style: disc;
	margin-left:20px;
}

#contentbox ul.keinabstand {
	padding:0 10px 0 10px;
	list-style: disc;
	margin-left:20px;
}


#contentbox ul.nobullets {
	padding:5px 10px 10px 10px;
	list-style: none;
	margin-left:0;
}

#contentbox ul.nobulletskeinabstand {
	padding:5px 10px 0 10px;
	list-style: none;
	margin-left:0;
}

#contentbox ul.nobulletskeintopabstand {
	padding:0 10px 10px 10px;
	list-style: none;
	margin-left:0;
}


#contentbox a {
	color: #E5222E;
	background-color:transparent;
	text-decoration: none;
	font-weight:bold;
}

#contentbox a:hover,
#contentbox a:focus,
#contentbox a:active  {
	color: #666;
	background-color:transparent;
}

#contentbox a.plain {
	color: #000;
	background-color:transparent;
	text-decoration: underline;
	font-weight:normal;
}


#contentboxterminvereinbarung {
	margin:43px 0 0 0;
 }


/* Linien */

.strichliert {
	background: url(../img/deco/strichliert-blau.gif) repeat-x center;
	width:100%;
	height:21px;
	clear:left;
}

.striche {
	background: url(../img/deco/strichliert-blau.gif) repeat-x top right;
	width:302px;
	height:11px;
	float:right;
}

.space {
	height:31px;
}	

.largespace {
	margin-top:30px;
}	
	
/* Unsichtbare Elemente */

a#skiplink   {
	position:absolute;
	left:-1000px;
	top:135px;
	overflow:hidden;
	z-index: 2;
	background-color: transparent;
	color: #fff;
	text-decoration: none;
	display:block;
}

a#skiplink:focus,
a#skiplink:active {
	position:absolute;
	left:0px;
	top:135px;
	background-color: transparent;
	color:#fff;
	font-weight:bold;
	padding: 10px 20px 10px 20px;
	font-size:1.0em;
}

.skip {
	position:absolute;
	left:-1000px;
	top: -1000px;
	width:0;
	height:0;
	overflow:hidden;
	display:inline;
}

/* Tabelle */

table {
	border: 1px solid #003980;
	border-collapse: collapse;
	width:563px;
	margin:0 0 0 11px;
	font-size:1.0em;
}

tr.mittel {
	background-color: #ADC7E8;
	color:#000;
}

tr.hell {
	background-color: #C0D4ED;
	color:#000;
}

tr.dunkel {
	background-color: #82AADB;
	color:#000;
}

th {	
	border: 1px solid #003980;
	padding:4px 10px;
	text-align: left;
	vertical-align:top;
}

td {
	border: 1px solid #003980;
	padding:4px 10px;
}

/* Bilder */

img.topleft {
	float:left;
	margin:0 21px 0 11px;
}

div.left {
	float:left;
	padding:0 0 0 11px;
	width:276px;
}

div.left p {
	padding:5px 10px 0 0 !important;
}

img.leftplustext {
	float:left;
	margin:0 20px 0 11px;
}


/* Startseite Infoboxen */

.infoboxen {
	margin-left:11px;
	clear:left;
}

.infobox {
	width:270px;
	margin:0 0 35px 0;
	background: transparent url(../img/icons/icon-uhr.gif) no-repeat top left;
	float:left;
	overflow:hidden;
}

.infobox1 {
	
	width:270px;
	background: transparent url(../img/icons/icon-telefon.gif) no-repeat top left;
	overflow:hidden;
}

.infobox2 {

	float:left;
	width:270px;
	background: transparent url(../img/icons/icon-fragezeichen.gif) no-repeat top left;
	overflow:hidden;
}

.infobox3 {
	
	width:270px;
	background: transparent url(../img/icons/icon-haekchen.gif) no-repeat top left;
	overflow:hidden;
}

.info {
	margin-left:56px;
}

.info h1 {
	text-transform: uppercase;
	font-size:1.0em !important;
	padding:0 !important;
	color:#000 !important;
}

.info p {
	padding:0 !important;
}

.krankheitenbox {
	width:376px;
}





