* {
	margin: 0;
	padding: 0;
}

html, body {
	background: #fff;
	font: 12px Verdana, Tahoma, sans-serif;
	color: #363636;
}

/* Allg. Einstellungen */

ul {
	list-style: none;
}

#wrap-content ul {
	list-style: disc;
	margin-bottom: 30px;
}
#wrap-content ul li {
	margin-left: 17px;
	margin-top: 3px;
}

#wrap-content ul li {
  margin-bottom: 15px;
}

h1, h2, h3 {
	color: #242424;
	margin-bottom: 15px;
}	

h3 {
	font-size: 13px;
	margin-bottom: 8px;
}

p {
	margin-bottom: 30px;
	font: 12px/18px Verdana, Tahoma, sans-serif;
}
#wrap-content p {
	text-align: justify;
}
a {
	text-decoration: none;
	color: #242424;
}
#wrap-content a, #wrap-sidebar a {
	text-decoration: underline;
}
/* Layout */
#wrap-site {
	width: 1024px;
  margin: auto;
  margin-top: 50px;
  padding: 50px;
}

th {
	text-align: left;
}


#wrap-top {
	height: 188px;
	background: #fff url(/images/bgr-header.gif) 0 0 repeat-x;
	width: 1024px;
}

#wrap-top h1 {
	background: url(/images/header/standard.jpg) center right no-repeat;
	display: block;
	width: 1024px;
	height: 188px;
}

#wrap-top h1 a {
	display: block;
	width: 300px;
	padding: 60px 694px 70px 30px;
	color: #444444;
	
} 

body.onka #wrap-top {
	background: #fff url(/images/bgr-header-red.gif) 0 0 repeat-x;
}
body.elke #wrap-top {
  background: #fff url(/images/bgr-header-yellow.gif) 0 0 repeat-x;
}
body.angela #wrap-top {
  background: #fff url(/images/bgr-header-blue.gif) 0 0 repeat-x;
}
#wrap-main {
	margin-top: 45px;
	width: 1024px;
}
#wrap-navi {
	width: 200px;
	float: left;
	padding-bottom: 45px;
}
#wrap-content {
	width: 599px;
	float: left;
	padding-left: 25px;
	padding-bottom: 45px;
}

#wrap-sidebar {
	width: 180px;
	padding-left: 20px;
	float: left;
}

#wrap-bottom {
	clear: both;
	height: 20px;
	width: 100%;
	background: #89f07a;
}
body.angela #wrap-bottom { background: #7886e4; }
body.onka #wrap-bottom { background: #ff8172; }
body.elke #wrap-bottom { background: #f7e465; }





/* Navi */

ul#ul-navi li a {
	display: block;
	background: url(/images/bgr-navi-item.gif) 0 0 repeat-x;
	width: 185px;
	font: 14px/16px Verdana, Tahoma, sans-serif;
	padding: 5px 0 5px 15px;
	border-bottom: 2px #fff solid;
}

ul#ul-navi li a:hover,
ul#ul-navi li ul#ul-subnavi li:hover {
	background: url(/images/bgr-navi-item-hover.gif) 0 0 repeat-x;
}

ul#ul-navi li ul#ul-subnavi li {
  display: block;
  background: url(/images/bgr-navi-item.gif) 0 0 repeat-x;
  border-bottom: 2px #fff solid; 
}
ul#ul-navi li ul#ul-subnavi li a {
	background: none;
	padding-left: 30px;
	white-space: pre;
  font: 12px/14px Verdana, Tahoma, sans-serif;
	border: 0;
}
ul#ul-navi li ul#ul-subnavi li a:hover {
  background: url(/images/bgr-subnavi-item.gif) 15px center no-repeat;
}

ul#ul-navi li ul#ul-subnavi li#li-subnavi-onka {
  background: url(/images/bgr-navi-item-red.gif) 0 0 repeat-x;
}

ul#ul-navi li ul#ul-subnavi li#li-subnavi-onka:hover {
  background: url(/images/bgr-navi-item-red-hover.gif) 0 0 repeat-x;
}
ul#ul-navi li ul#ul-subnavi li#li-subnavi-elke {
  background: url(/images/bgr-navi-item-yellow.gif) 0 0 repeat-x;
}

ul#ul-navi li ul#ul-subnavi li#li-subnavi-elke:hover {
  background: url(/images/bgr-navi-item-yellow-hover.gif) 0 0 repeat-x;
}
ul#ul-navi li ul#ul-subnavi li#li-subnavi-angela {
  background: url(/images/bgr-navi-item-blue.gif) 0 0 repeat-x;
}

ul#ul-navi li ul#ul-subnavi li#li-subnavi-angela:hover {
  background: url(/images/bgr-navi-item-blue-hover.gif) 0 0 repeat-x;
}

body.start #li-navi-start a,
body.homoeopathie #li-navi-homoeopathie a,
body.information #li-subnavi-information a,
body.kosten #li-subnavi-kosten a,
body.buecher #li-subnavi-buecher a,
body.anfahrt #li-navi-anfahrt a,
body.kontakt #li-navi-kontakt a,
body.impressum #li-navi-impressum a,
body.praxis #li-navi-praxis a,
body.elke #li-subnavi-elke a,
body.onka #li-subnavi-onka a,
body.angela #li-subnavi-angela a
{
	font-weight: bold !important;
}
body.information ul#ul-navi li ul#ul-subnavi li#li-subnavi-information a,
body.kosten ul#ul-navi li ul#ul-subnavi li#li-subnavi-kosten a,
body.buecher ul#ul-navi li ul#ul-subnavi li#li-subnavi-buecher a,
body.elke ul#ul-navi li ul#ul-subnavi li#li-subnavi-elke a,
body.onka ul#ul-navi li ul#ul-subnavi li#li-subnavi-onka a,
body.angela ul#ul-navi li ul#ul-subnavi li#li-subnavi-angela a
{
  background: url(/images/bgr-subnavi-item.gif) 15px center no-repeat;
}

/* Box mit Link, Text und Bild */
div.mdl-box-img-txt-lnk { 
	clear: both;
  margin-bottom: 25px;
  border: 1px #000 solid;
  height: 159px;
}

div.mdl-box-img-txt-lnk-imgwrap {
  float: left;
  height: 159px;
  width: 108px;
  border-right: 1px solid #000;
}
div.mdl-box-img-txt-lnk-imgwrap img {
	/*margin: auto;
	margin-top: 3px;*/
}
div.mdl-box-img-txt-lnk-txtwrap {
	padding: 5px 120px;
	height: 160px;
	width: 450px;
}
div.mdl-box-img-txt-lnk-txtwrap p {
	margin-bottom: 10px;
}

/* Tabelle verlinkte Bilder */

table.tbl-imagelist tr th,
table.tbl-imagelist tr td {
	width: 266px;
	text-align: center;
	padding-bottom: 5px;
}

/* Box Sidebar */
div.wrap-box-sidebar {
	border: 2px solid #89f07a;
	padding: 10px;
	padding-bottom: 0;
}
body.angela div.wrap-box-sidebar {
	border-color: #5163d3;
}
body.onka div.wrap-box-sidebar {
  border-color: #ffc78a;
}
body.elke div.wrap-box-sidebar {
  border-color: #ffdf00;
}
div.wrap-box-sidebar table {
	margin-bottom: 25px;
}
div.wrap-box-sidebar table th {
	text-align: left;
	padding-right: 5px;
}


/* Forms */

div#kontakt div {
	margin-bottom: 1em;
}
input, select, textarea, button {
	padding: 2px 3px;
}
textarea {
	width: 350px;
	min-height: 200px;
}
input {
	width: 348px;
}
select {
	width: 358px;
}
label {
	width: 200px;
	display: inline-block;
	height: 100%;
}

/*
  Bilder
*/
img.imgPerson {
  float: right;
  margin-left: 25px;
}

/*
  Header
*/

body.praxis #wrap-top h1 {
  background: url(/images/header/blumen.jpg) center right no-repeat;
}
body.kontakt #wrap-top h1 {
	background: url(/images/header/kontakt.jpg) center right no-repeat;
}
body.anfahrt #wrap-top h1 {
  background: url(/images/header/anfahrt.jpg) center right no-repeat;
}
body.homoeopathie #wrap-top h1 {
  background: url(/images/header/homoeo.jpg) center right no-repeat;
}
body.kosten #wrap-top h1 {
  background: url(/images/header/kosten.jpg) center right no-repeat;
}
body.elke #wrap-top h1 {
  background: url(/images/header/flower-6.jpg) center right no-repeat;
}
body.angela #wrap-top h1 {
  background: url(/images/header/flower-5.jpg) center right no-repeat;
}
body.onka #wrap-top h1 {
  background: url(/images/header/blume-1.jpg) center right no-repeat;
}
body.impressum #wrap-top h1 {
  background: url(/images/header/waldwiese.jpg) center right no-repeat;
}
body.buecher #wrap-top h1 {
  background: url(/images/header/buecher.jpg) center right no-repeat;
}
body.start #wrap-top h1 {
  background: url(/images/header/start.jpg) center right no-repeat;
}