* {
	margin: 0;
	padding: 0
}

body {
	background: #FFF url(../images/header-bg.gif) repeat-x;
	color: #000;
	direction: ltr;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px
}

a {
	color: #2D3075
}

#main-wrapper {
	background: url(../images/col3-bg.gif) repeat-y;
	float: left;
	width: 980px
}

#meta {
	background: url(../images/druckkammer-zentrum.png) no-repeat;
	height: 58px;
	width: 980px
}

#meta-navi ul {
	text-align: right
}

#meta-navi ul li {
	color: #006;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	padding: 0 3px
}

#meta-navi ul li ul { display: none }

#meta-navi p {
	color: #006;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	padding: 0 3px;
	text-align: right
}

#meta-navi a:hover, #meta-navi li.active a {
	color: #006;
	text-decoration: none
}

/* Header-Section */
#header, #hd-content, #hd-content div {
	height: 161px;
	width: 980px
}

#hd-content div {
	overflow: hidden
}

#hd-content div h3 {
	color: #2F5C9D;
	font-size: 17px;
	font-weight: normal
}

#hd-content div li, #hd-content div p {
	font-size: 10px;
	line-height: 12px
}

#hd-content div p {
	padding: 20px 220px 0
}

#hd-content div p em {
	font-size: 11px;
	line-height: 15px;
}

#hd-content div p + p {
	color: #888;
	text-align: right;
	padding: 10px 220px 0
}

.guarantees {
	background: url(../images/workforce.png)
}

.guarantees h3 {
	padding: 3px 412px 0 103px
}

.guarantees ul {
	padding: 0 412px 0 128px
}

.guarantees p {
	padding: 0 412px 0 120px !important
}

.suemmerer {
	background: url(../images/suemmerer.png)
}

.haizmann {
	background: url(../images/haizmann.png)
}

.hemler {
	background: url(../images/hemler.png)
}

.guderian {
	background: url(../images/guderian.png)
}

#content-wrapper {
	background: url(../images/bottom-bg.png) no-repeat 0 bottom;
	float: left;
	width: 980px
}

#content {
	background: url(../images/content-bg.png) no-repeat;
	float: left;
	width: 980px
}

#col-left {
	float: left;
	min-height: 505px;
	padding: 0 0 10px 0;
	width: 200px
}

#col-middle {
	float: left;
	min-height: 505px;
	width: 598px
}

#col-right {
	float: left;
	min-height: 505px;
	width: 182px
}

#footer {
	float: left;
	padding: 0 0 8px;
	width: 980px
}

#footer p {
	color: #006;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 33px 8px 0;
	text-align: right
}

#fooCol {
	float: left;
	height: 75px;
	width: 200px
}

#fooMain {
	float: left;
	width: 780px
}

/* Navigation */
#navigation {
	height: 30px;
	position: absolute;
	padding: 0 4px;
	top: 189px;
	z-index: 10
}

#navigation ul.menu {
	height: 30px;
	width: 972px
}

#navigation ul.menu li {
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright: 9px;
	background: #345B9C;
	color: #FFF;
	display: inline;
	float: left;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 30px;
	list-style: none;
	margin: 0 4px;
	position: relative;
	text-align: center;
	width: 100px
}

#navigation ul.menu li a {
	color: #FFF;
	text-decoration:none
}

#navigation ul.menu li a:hover {
	color: #BED1DB;
	text-decoration: underline
}

#navigation ul.menu li.active a {
	color: #BED1DB;
	text-decoration: none
}

/* Subnavigation */
#navigation ul.menu li ul {
	-moz-border-radius-bottomleft: 9px;
	-moz-border-radius-bottomright: 9px;
	background: url(../images/flyout-bg.gif) repeat-x;
	margin: 0;
	padding: 9px;
	position: absolute;
	top: 30px;
	left: -5px;
	display: none;  /* Unternavigation ausblenden */
}

#navigation ul.menu li:hover ul {
	display: block  /* Unternavigation einblenden */
}

#navigation ul.menu li ul li {
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	float: none;
	display: block;
	line-height: 15px;
	margin: 0;
	padding: 4px 0;
	text-align: left;
	width: 98px
}

#navigation ul.menu li ul li a {
	color: #FFF !important;
	text-decoration:none
}

#navigation ul.menu li ul li a:hover {
	color: #BED1DB !important;
	text-decoration: underline
}

#navigation ul.menu li ul li.active a {
	color: #BED1DB !important;
	text-decoration: none
}

/* Inhalte */
#page,
.blog,
form#ChronoContact_DE_Form_01_Patienten,
form#ChronoContact_DE_Form_02_Aerzte,
form#ChronoContact_DE_Form_03_Kontakt,
form#ChronoContact_EN_Form_01_Patients,
form#ChronoContact_EN_Form_02_Physicians,
form#ChronoContact_EN_Form_03_Contact,
form#ChronoContact_FR_Form_01_Patient,
form#ChronoContact_FR_Form_02_Medecins,
form#ChronoContact_FR_Form_03_Contact {
	padding: 0 20px 20px
}

#content h1 {
	font-size: 23px;
	font-weight: normal
}

#content h2 {
	font-size: 20px;
	font-weight: normal
}

#content h3 {
	font-size: 15px;
	font-weight: normal
}

#content h4 {
	font-size: 11px;
	line-height: 17px
}

#content h5 {
	font-size: 10px;
	line-height: 15px
}

#content p {
	font-size: 11px;
	line-height: 17px
}

#content ul, #content ol {
	margin: 0 0 0 40px
}

#content li {
	font-size: 11px;
	line-height: 17px
}

#col-middle a:hover {
	color: #006;
	text-decoration: none
}

#col-middle table.zebra, #col-middle table.hippo {
	border-collapse: collapse
}

#col-middle table.zebra td {
	padding: 1px;
	border: 1px solid #000;
	font-size: 10px;
	line-height: 14px
}

#col-middle table.hippo td {
	padding: 1px;
	border: 1px solid #fff
}

#col-middle table.hippo p {
	font-size: 10px !important;
	line-height: 14px !important
}

#col-middle .hspace {
	padding: 0 0 10px 10px
}

h2.contentheading {
	color: #036;
	font-family: arial, helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	padding: 10px 50px 10px 0
}

.blog div.start {
	border-top: 1px solid #ececec;
	padding-bottom: 10px
}

.blog div.leading {
	border: none
}

/*.blog h2.start {
	color: #A62D38
}

.blog .start p a, .blog .start p a:hover {
	color: #A62D38 !important;
	font-weight: bold
}*/

h2.contentheading a {
	color: #036;
	text-decoration: none
}

p.buttonheading {
	left: 0px;
	position: relative;
	text-align: right;
	top: -30px
}

p.buttonheading img {
	border: none
}

p.articleinfo, p.iteminfo {
	color: #888;
	font-size: 10px !important;
	line-height: 15px !important;
	padding: 20px 0 0 0
}

p.kwds {
	color: #ddd
}

.img_caption p {
	color: #888;
	font-size: 10px;
	font-weight: normal;
	line-height: 15px
}

.right {
	padding: 0 0 5px 10px
}

.left {
	padding: 0 10px 5px 0
}

/* Der Kern von Clearfix */
.cf:after {
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

/* IE-Patch für IE 7*/
*:first-child+html .cf { min-height: 0; }

/* IE-Patch für IE 6*/
* html .cf { height: 1%; }

/* Breadcrumb */
#breadcrumb {
	/*padding: 0 0 0 200px !important;*/
	padding: 10px 20px;
	text-align: left
}

.breadcrumbs {
	color: #888;
	font-size: 10px;
	line-height: 15px
}

/* Pagebreak */
.contenttoc {
	background: url(../images/vertical-line.png) repeat-y;
	float: right;
	font-size: 11px;
	padding: 0 0 0 20px;
	width: 180px
}

.contenttoc th {
	color: #888;
	padding: 0 0 10px 0;
	text-align: left
}

.contenttoc td {
	padding: 0 0 10px 0
}

.pagenavcounter {
	color: #888;
	font-size: 11px;
	line-height: 17px;
	padding: 0 0 10px 0
}

.pagenavbar {
	color: #888;
	font-size: 11px;
	line-height: 17px;
	padding: 10px 0 0 0
}

/* Left */
.contactbox-outer-wrapper-1 {
	background: url(../images/left-box-bottom.png) no-repeat bottom;
	padding: 20px 0 15px
}

.contactbox-outer-wrapper-2 {
	background: url(../images/left-box-top.png) no-repeat top;
	padding: 30px 0 0
}

.contactbox {
	background: url(../images/left-box-middle.png) repeat-y;
	padding: 0 20px
}

.contactbox a {
	font-weight: bold
}

.contactbox a:hover {
	color: #fff !important
}

#col-left ul {
	list-style: none;
	margin: 0
}

#col-left ul.menu {
	padding: 20px 20px 0
}

#col-left ul.menu li {
	padding: 3px 0
}

#col-left a:hover, #col-left li.active a {
	color: #7F91A3;
	text-decoration: none
}

.iHealthBox {
	padding: 10px 20px 0
}

.infoBox {
	padding: 10px 20px;
	text-align: center
}
.infoBox img {
	padding: 5px 0
}

/* Right */
#col-right div.events, #col-right div.latestnews, #col-right p.pamphlet {
	padding: 20px 10px 0
}

#col-right ul {
	list-style: none;
	margin: 0
}

#col-right ul li {
	border-top: 1px dotted black;
	padding: 3px 0
}

#col-right a:hover {
	color: #7F91A3;
	text-decoration: none
}

/* form styles */
fieldset {
	border: 0;
	width: 360px
}

legend {
	display: none
}

form label {
	display: block;
	width: 310px;
	font-size: 11px;
	line-height: 14px;
	padding: 0 0 12px 0
}

form input {
	display: block;
	margin-top: 3px
}

form select {
	float: left;
	display: block
}

form label.field-first,
form label.field-address,
form label.field-country,
form label.field-email {
	clear: left
}

form label.field-first,
form label.field-last,
form label.field-country,
form label.field-city,
form label.field-email,
form label.field-phone {
	float: left;
	margin: 0 10px 0 0;
	width: 150px
}

form label.field-first input,
form label.field-last input,
form label.field-country input,
form label.field-city input,
form label.field-email input,
form label.field-phone input {
	float: left;
	padding: 0;
	width: 150px
}

form label.field-complaints-since,
form label.field-treating-physicians,
form label.field-pamphlet,
form label.field-address {
	float: left;
	width: 310px;
	margin: 0
}

form label.field-complaints-since input,
form label.field-treating-physicians input,
form label.field-pamphlet input,
form label.field-address input {
	float: left;
	width: 310px;
	padding: 0
}

form label.field-submit {
	width: 65px
}

form input#radiobutton_1,
form input#radiobutton_2,
form input#radiobutton_3 {
	clear: both;
	float: left;
	padding: 0;
	margin: 0
}

form label.radioitem {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px 0
}

textarea {
	display: block
}

form input#checkbox_1,
form input#checkbox_2 {
	clear: both;
	float: left;
	padding: 0;
	margin: 0
}

form label.field-checkbox {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px 0
}

form textarea {
	margin-top: 3px
}

div.chronoform {
	font-size: 10px;
	padding: 0 0 0 20px
}

div.chronoform a {
	color: #ccc;
	text-decoration: none
}

/*SearchBox*/
form.search {
	padding: 20px 10px 0
}

form.search label {
	width: 162px;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	padding: 0
}

/*SearchResult*/
h2.componentheading {
	padding: 0 20px
}

.results, .results h3, .search_result h3 {
	padding: 0 0 10px 0
}

.results ol.list {
	margin: 0 0 10px 30px !important
}

.search_result label {
	width: 162px;
	font-size: 11px;
	line-height: 14px;
	padding: 0
}

.searchintro, .search_result fieldset.phrase {
	padding: 10px 0
}

.search_result .display {
	padding: 10px 0 0 0
}

/* Pagination */
.blog_more {
	color: #888;
	padding: 0 0 10px 0
}

.counter {
	background: url(../images/counter-line.png) no-repeat 0 50%;
	color: #888;
	text-align: center
}

ul.pagination {
	height: 17px;
	list-style: none;
	margin: 0 !important;
	text-align: center;
	width: 100%
}

ul.pagination li {
	float: left;
	color: #888;
	padding: 0 6px 0 0
}