
* { padding: 0px; margin: 0px; border: medium none; }
html {width: 1000px; margin: 0px auto; }
body { background: url('bg-body.jpg') no-repeat scroll center top rgb(45, 45, 45); font-family: "Lucida Grande","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 13px; font-weight: normal; line-height: 1.66; letter-spacing: 0.055em; color: rgb(192, 203, 217); }
a:link, a:visited { color: rgb(255, 255, 255); text-decoration: none; }
a:hover, a:active { outline: medium none; }
.the-content p a:hover, #metanavigation a:hover { text-decoration: underline; }
h1, h2, h3, ul, ol, p { margin-bottom: 1em; }
h1 { font-family: "Lucida Grande","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 18px; font-weight: normal; text-transform: none; color: rgb(255, 255, 255); margin: 1% 8% 3%; }
h2, h3, #navigation, .boldlinklist, .yearlist strong, legend { font-family: "Lucida Grande","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 18px;  font-weight: normal; text-transform: uppercase; color: rgb(255, 255, 255); }
#main :first-child {  }
h3 { text-transform: none; }
ul, ol { margin-left: 20px; }
strong { color: rgb(255, 255, 255); font-weight: normal; }
img.alignleft { float: left; margin-top: 7px; margin-right: 5%; margin-bottom: 3%; }
a.fwd { padding-right: 18px; background: url('arrows.png') no-repeat scroll right -106px transparent; }
.hidden { display: none; }
#page { margin: auto; max-width: 1000px; min-width: 1000px; }
.inner { clear: both; background: url('bg-main.png') repeat-x scroll left top transparent; margin: 0px 10px; padding-top: 8%; padding-bottom: 10%; width: auto; overflow: hidden; }
#page #main { width: 50%; float: left; margin-left: 8%; }
#page #aside { float: right; margin-right: 8%; width: 25%; }
#header { width: 100%; overflow: hidden; margin-top: 10px; margin-bottom:-60px; line-height: 1.4em; }
#header a#logo { float: left; margin-left: 10px; }
#header h3 { font-size: 22px; margin-bottom: 0.25em; }
#header .box1, #header .box2 { margin-top: 18px; width: 300px; float: left; }
#header .box2 { padding-top: 23px; float: right; }
#footer { clear: left; }
#footer .box1, #footer .box2, #footer .box3 { font-size: 13px; margin-bottom: 5em; padding-bottom: 5em; }
#footer .box1 { margin-left: 8%; float: left; }
#footer .box2 { margin-left: 8%; float: left; }
#footer .box3 { margin-left: 8%; float: right; opacity: 0.2; font-size: 13px; padding-top: 5em; color: rgb(0, 0, 0); }
#footer .box3:after { content: "."; clear: both; opacity: 0.1; }
#visual { background: url('bg-visual.png') no-repeat scroll center top transparent; padding: 10px 10px 0px; width: auto; margin: auto; }
#visual .inner { background: none repeat scroll 0% 0% rgb(45, 45, 45); padding: 0px; margin: 0px; line-height: 0; text-align: center; overflow: hidden; }
#visual img { position: relative; left: -640px; margin-left: 50%; }
#navigation { position: relative; list-style-type: none; margin: -40px 10px -40px 8%; height: 40px; }
#navigation li { padding: 0px; margin: 0px; display: block; float: left; }
#navigation a { display: block; float: left; line-height: 40px; padding: 0px 15px; margin-right: 2px; background-color: rgba(255, 255, 255, 0.13); text-transform: uppercase; font-size: 15px; }
.uebersicht #navigation .item1, .praxis #navigation .item2, .orthopaedie #navigation .item3, .handchirurgie #navigation .item4, .vita #navigation .item5, .kontakt #navigation .item6 { background-color: rgba(255, 255, 255, 0.5) ! important; }
#navigation a:hover { background-color: rgba(190, 214, 255, 0.6) ! important; }
#footer { margin: 0px 5px; }
#metanavigation { list-style-type: none; padding: 2% 8%; margin: 0px 0px 4%; border-top: 1px solid rgb(40, 40, 40); border-bottom: 1px solid rgb(40, 40, 40); }
#metanavigation li { display: inline; margin-right: 4%; }
#aside .box h2 { background-color: rgb(62, 62, 62); margin: -20px -20px 20px; padding: 15px 20px; line-height: 1em; }
#aside .box { background-color: rgb(78, 78, 78); padding: 20px;margin-top:-111px; }
#aside div { overflow: hidden; margin-bottom: 2em; }
.button, a.button { display: inline-block; background: url('bg-button.png') repeat scroll right center transparent; padding: 5px 30px 5px 20px; color: rgb(51, 51, 51); font-weight: bold; font-size: 13px; }

#impel {
	float:right; margin-right :-4px; margin-top :3px;
	}
	
	#impel a {
	display:block;
	width:65px;
	height:20px;
	text-indent:-9999px;
	color:#222426;
	background: transparent url(impel_logo.png) top left no-repeat;
	margin-top:-3px;
	}
	
	#impel a:hover {
	color:#222426;
	background: transparent url(impel_logo.png) top right no-repeat;
	
	}
	
	.center-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
