/************************************************
* Stylesheetangaben Orthopädie und Unfallchirugie
* bytepark GmbH, April 2009
/************************************************

/* ---------- Allgemeine Styles ---------- */

* {	
	margin:0;
	padding:0;
	text-align:left;
}

body {
	text-align:center;
	background-color:#F0F0F0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* ---------- Allgemeine Styles ---------- */

p {
	font-size:11px;
	line-height:18px;
	padding:0 0 12px 0;
}

h1, h2, h3, h4, h5, h6, p {
	color:#555555;
}

h1 {
	font-size: 16px;
	font-weight:bold;
	margin:0 0 14px 0;
}

h2 {
	font-size : 14px;
	font-weight : bold;
	margin : 0 0 9px 0;
}

h3 {
	font-size:13px;
	font-weight:bold;
	margin:0 0 8px 0;
}

h4 {
	font-size:12px;
	font-weight:bold;
	margin:0 0 8px 0;
}

h5 {
	font-size:11px;
	font-weight:bold;
	margin:0 0 8px 0;
}

li {
	list-style-type:none;
}

img {
	border:0;
}

/* ---------- Globale Klassen ---------- */

.no_indent {
	text-indent:0;
}

.fl_left {
	float:left;
}

.fl_right {
	float:right;
}

txt_center {
	text-align:center;
}

/* ---------- Layout ---------- */

/* Header */
#top {
	margin : 0 auto;
	text-align : left;
	height : auto;
	width : 897px;
}

#logo_head { 
	margin : 29px 8px 0 0;
	width : 181px;
	height : 120px;
	float : left;
}

#header_outer {
	width:100%;
	height:180px;
	float:left;
	background-color:#ffffff;
	background-image:url(../images/bg_body.gif);
	background-repeat:repeat-x;
}

#header { 
	background-image : url(../images/bg_head.gif);
	background-repeat : no-repeat;
	margin : 9px 0 30px 0;
	padding : 114px 0 0 20px;
	width : 650px;
	height : 28px;
	float : left;
}

#header h1 {
	font-size : 15px;
	color : #353535;
	font-weight : normal;
}

#header a {
	text-decoration:none;
	color:#000000;
}

/* Container, der Navi und Content umschließt */

#main_outer {
	width:100%;
	height:auto;
	background-color:#FFFFFF;
	float:left;
}

#wrapper {
	width:897px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	background:url(../images/bg_wrapper.gif) repeat-y;
}

/* Navigation */
#left {
	width:179px;
	height:auto;
	text-align:left;
	float:left;
}

#navi {
	height:auto;
	background-color:#a4cbe6;
	border-top:solid 10px #A4CBE6;
	border-bottom:solid 3px #84afcc;
	padding-bottom:10px;
}

.navi_link {
	text-decoration:none;
	font-size:13px;
	letter-spacing:-1px;
	color:#5588AF;
	display:block;
	height:auto;
	padding:6px 0 7px 20px;
	background-color:#ACD6DF;
	border-bottom:solid 1px #FFFFFF;
}

.navi_link:hover {
	color:#FFFFFF;
	background:#89B4D1 url(../images/pfeil_big.gif) no-repeat 165px 50%;
	border-bottom:solid 1px #FFFFFF;
}

.active {
	text-decoration:none;
	font-size:13px;
	letter-spacing:-1px;
	color:#FFFFFF;
	display:block;
	height:auto;
	padding:6px 0 7px 20px;
	background:#89B4D1 url(../images/pfeil_big.gif) no-repeat 165px 50%;
	border-bottom:solid 1px #FFFFFF;
}

.subnavi_inactive {
	display:none;
	visibility:hidden;
}

.subnavi_active {
	visibility:visible;
}

.subnavi ul li {
	margin:0 0 0 30px;
}

.navi_sublink {
	height:100%;
	text-decoration:none;
	font-size:11px;
	color:#FFFFFF;
	display:block;
	padding:6px 0 6px 30px;
}

.navi_sublink:hover, .sub_active {
	text-decoration:none;
	font-size:11px;
	color:#FFFFFF;
	background:#89B4D1 url(../images/pfeil.gif) no-repeat 165px 50%;
}

.sub_last {
	border-bottom:solid 1px #FFFFFF;
}

.download {
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	background:url(../images/btn_pdf.gif) no-repeat;
	border-bottom:solid 3px #84afcc;
	padding:7px 0 5px 28px;
	margin:20px 0 20px 0;
}

.first_link {
	border-top:solid 1px #FFFFFF;
	border-bottom:solid 1px #FFFFFF;
}

.last_link {
	margin:0 0 30px 0;
}
/* Content */
#content {
	border-top:1px solid #cccccc;
	height:auto;
	width:668px;
	padding : 18px;
	float:right;
}

#content a {
	color:#5588AF;
}

#content ul {
	padding:15px 20px 15px 31px;
}

#content ul li {
	font-size:11px;
	color:#555555;
	line-height:21px;
	list-style-image:url(../images/bullet.gif);
}

.icon_print {
	margin:0;
}

.content_img {
	margin:0 0 5px 15px;
}

.contentline {
	width:100%;
	height:3px;
	background:url(../images/trennlinie2.gif) repeat-x;
	margin:0 0 6px 0;
}

.contentline2 {
	width:100%;
	height:6px;
	background:url(../images/trennlinie.gif) repeat-x;
	margin:0 0 6px 0;
}

/* Footer */
#footer_outer { 
	border-top : 4px solid #d4d4d4;
	width:100%;
	height:auto;
	float:left;
}

#footer_outer a {
	color:#AAAAAA;
}

#footer_outer p {
	color:#AAAAAA;
}

#navi_footer {
	width:897px;
	height:100%;
	margin:0 auto;
}

.copy {
	width:179px;
}

.copy p {
	text-align:center;
}

.navi2 {
	width:704px;
}

.navi2 p {
	text-align:center;
}

.navi2 a {
	text-decoration:none;
	padding:0 3px 0 3px;
}

/* ----- Table ----- */

.table td {
	font-size:11px;
	color:#555555;
	line-height:18px;
	padding : 0 15px 8px 0;
}	

/* ----- Form ----- */

.contact input {
	margin:0 0 10px 0;
}

.contact textarea {
	margin:0 0 5px 0;
}

.contact p {
	padding:0;
	margin:0 0 2px 0;
}

.form_btn {
}
