@charset "utf-8";
/* CSS Document */

.clear {
	clear:both;
}

body {
	margin:0;
	padding: 0;
	text-align: center;
	color: #000000;
	background-color:#BBDDFF;
}
#container {
	font: 13px/1.3 Verdana, Arial, Helvetica, sans-serif;
	width:990px;
	margin: 0 auto;
	text-align: left;
}

#header {
	background: url(../images/logo.png);
	overflow:hidden;
	height:195px;
	width:990px;
	position:relative;
}

/* Menu*/
#nav {
position:relative;
width:800px;
height:40px;
top:150px;
left:182px;
	list-style:none;
	margin:0;
	padding:0px;
}
#nav li{
	margin-left:0px;
	float:left;
}
#nav li a{
	height: 40px;
	display:block;
	float:left;
	text-decoration:none;
	text-indent: -900em;
}
#nav #paediatrie a{
	width: 146px;
	background: url(../images/nav/paediatrie.png) no-repeat left top;
}
#nav #paediatrie a:hover{
	background: url(../images/nav/paediatrie.png) no-repeat left bottom;
}
#nav #neurologie a{
	width: 166px;
	background: url(../images/nav/neurologie.png) no-repeat left top;
}
#nav #neurologie a:hover{
	background: url(../images/nav/neurologie.png) no-repeat left bottom;
}
#nav #orthopaedie a{
	width: 168px;
	background: url(../images/nav/orthopaedie.png) no-repeat left top;
}
#nav #orthopaedie a:hover{
	background: url(../images/nav/orthopaedie.png) no-repeat left bottom;
}
#nav #psychiatrie a{
	width: 167px;
	background: url(../images/nav/psychiatrie.png) no-repeat left top;
}
#nav #psychiatrie a:hover{
	background: url(../images/nav/psychiatrie.png) no-repeat left bottom;
}
#nav #paepki a{
	width: 128px;
	background: url(../images/nav/paepki.png) no-repeat left top;
}
#nav #paepki a:hover{
	background: url(../images/nav/paepki.png) no-repeat left bottom;
}

#nav a, #nav  strong a {
	color: #336699;
	text-decoration:none;
	outline: none;
}
#nav  a:visited {
	color: #006600;
}
#nav a:hover {
	text-decoration:underline;
}

#columns {
	clear:both;
	margin:3em 0;
	padding: 0;
}
#left {
	float: left; 
	width: 150px;
}
#left a {
	display:block;
	background:#336699;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.2em;
	text-decoration:none;
	padding:5px;
	text-align:center;
	border:#003366 solid;
	border-width:0 2px;
}
#left a:hover {
	background:#FFFFCC;
	color:#336699;
}
#left a#top {
background:url(../images/nav/leftmenu.gif) top !important;
	border-width:0 !important;
}
#left a:hover#top {
background:url(../images/nav/leftmenu-act.gif) top !important;
}
#left a#bottom {
background:url(../images/nav/leftmenu.gif) bottom !important;
	border-width:0 !important;
}
#left a:hover#bottom {
background:url(../images/nav/leftmenu-act.gif) bottom !important;
}
#left img {margin-top:10px;}

/* Show only to IE PC \*/

#content {
	margin: 0 0 0 182px;
	background: url(../images/round/bright.gif) no-repeat bottom right;
	width:800px;
}
.boxhead {
	background: url(../images/round/tright.gif) no-repeat top right;
	margin: 0;
	padding: 0;
}
.boxhead h1 {
	background:transparent url(../images/round/tleft.gif) no-repeat top left;
	margin: 0;
	padding: 15px 20px 0 20px;
	color: #336699; 
	font-weight: bold;
	font-size:1.5em;
}
.boxbody {
	background: url(../images/round/bleft.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
	color:#003366;
}
.boxbody a, .boxbody  strong a {
	color: #336699;
	text-decoration:none;
	outline: none;
}
.boxbody  a:visited {
	color: #006600;
}
.boxbody a:hover {
	text-decoration:underline;
}
.boxbody h3 {
	font-size:100%;
	padding:0 3px 0 8px;
	margin-bottom:5px;
	background: url(../imgages/upunkt.png) repeat-x;
	line-height:18px;
	color:#fff;
	cursor:pointer;
}
.titel-1 {
	display:none!important;
}
.inhalt, .inhalt-1 {
	margin:0;
	padding:0 0 10px 0;
}
.inhalt p, .inhalt-1 p{
	margin:0;
	padding:0 0 2px 0;
}
.inhalt ul, .inhalt ol, .inhalt-1 ul, .inhalt-1 ol { 
	padding: 0 15px 15px 40px;
}
.csc-textpic img {
	-moz-box-shadow: 0 0 0.75em rgba(51, 102, 153, 0.9);
	-webkit-box-shadow: 0 0 0.75 rgba(51, 102, 153, 0.9);
	box-shadow: 0 0 0.75 rgba(51, 102, 153, 0.9);
	border:solid 1px #669!important;
}
.boxbody .indent{
	margin:2px 0 0 20px;
}
.boxbody ol{
	margin:0 0 4px 15px;
	padding:2px 0 8px 30px;
}
.boxbody ol ol{
	padding:0 0 0 15px;
}
.boxbody ul{
	margin:0 0 0 15px;
	padding:2px 0 8px 30px;
	list-style:url(../img/dot.gif);
}
.boxbody ul ul{
	padding:0 0 0 15px;
	list-style:url(../img/dot1.gif);
}
.boxbody ul ul ul{
	list-style:url(../img/dot2.gif);
}

.boxbody a:link, .inhalte a:visited {
	color:#7070b3;
}
.boxbody a:hover {
	text-decoration:underline;
}
.boxbody a img {
	border:none!important;
}


ul {
margin-bottom:10px;
margin-top:5px;
list-style:disc;
}
p {
margin:5px 0 10px 0;
}

#footer { 
	padding: 0 10px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	border:solid #003300;
} 
#footer p {
	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
}