/*dermat css*/

* {
	margin:0;
	padding:0;
}
html, body {
	background-color: #c3c3c3; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
	overflow: hidden;
}
body {
	text-align:center; /*braucht der Explodierer!!!*/
}
a {
	text-decoration: none;
}
li {
	list-style:circle outside;
	margin-left: 32px;
	padding-right: 290px;
	padding-bottom: 9px;
}
table {
	padding-left: 15px;
}
.td {
	border-bottom: 1px solid;
}
#distance { 
	margin: 0 auto;
	width:1px;
	height:50%;
	margin-bottom:-290px; /* Halbe Container Hoehe, groessere Zahl schiebt Container nach oben */
}
#inner_body {
	margin:0 auto;
	position: relative;
	text-align: left;
	width: 773px;
	height: 527px; 
	clear: left;
	top: 20px;
	z-index: 2;
	background-image: url(../pics/hg.gif);
}
#content {
	position: absolute;
	top: 106px;
	left: 17px;
	width: 678px;
	height: 240px;
	z-index: 3;
	border-right: #a9a09a 1px solid;
	scroll-vertical: none;
}
#top {
	position:absolute;	
	top: 0px;
	height: 90px;
	width: 678px;
	left: 17px;
	border-bottom: 1px #a9a09a solid;
	border-right: 1px #a9a09a solid;
	color: #c1d4e2;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:28px;
	padding-top: 15px;
	font-weight: lighter;
}
#text {
	position: absolute;
	left: 20px;
	top: 340px;
	height: 300px;
	width: 100%;
	overflow:auto;
	float:left;
	font-size: 14px;
}
#text a {
	color: #CC071E;
}
#pic_scheidung{
	position: absolute;
	right: 20px;
	top: 100px;
}
#bilder {
	position: absolute;
	top: 110px;
	left: 20px;
	width: 737px;
	height: 340px;
	overflow: auto;
}
.gallery {
	width: 240px;
	height: 160px;
	padding-right: 5px;
	padding-bottom: 5px;
	float: left;
}
.gallery a img {
	border: none;
}
#back {
	position: absolute;
	right: 20px;
	bottom: 25px;
	z-index: 120;
}
.highlight{
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 30px;
	padding-bottom: 20px;
	color: #CC071E;
}
#logo {
	position: relative;
	left: 20px;
	top: 20px;
	z-index: 4;
	width: 225px;
	text-align:center;
}
#logo a img, logo a:link img {
	border: 0;
}
#logo a {
	color: #ffffff;
	font-weight: bold;
	margin: auto;
}
#logo_oben {
	position:absolute;	
	right: 17px;
	height: 70px;
	width: 190px;
	top: 5px;
	z-index: 4;
	text-align:center;
	padding-top: 15px;
}
#logo_oben a img, logo_oben a:link img {
	border: 0;
}
#links {
	position: absolute;
	top: 280px;
	left: 20px;
	text-align: center;
	z-index: 100;
}
#links a {
	padding-right: 10px;
}
.nav_pic img {
	border: 5px solid #FFFFFF;
	width: 50px;
	height: 50px;
}
.nav_pic a {
	color:#000000;
}	
#subnav {
	position: absolute;
	top: 190px;
	left: 20px;
	width: 190px;
}
#mini_pic {
	position:absolute;
	left: 260px;
	width: 190px;
	bottom: 70px;
	overflow: hidden;
	text-align: right;
}
#nav {
	position: absolute;
	top: 240px;
	width: 100%;
	background-color: #c7d6e3;
	height: 60px;
	border-top: 1px solid #a9a09a;
	border-right: #a9a09a 1px solid; 
	padding-top: 10px;
}
#nav_bottom {
	position: absolute;
	bottom: 30px;
	height: 60px;
	left: 17px; 
	width: 841px;
	background-image: url(../pics/background_dermat_nav_u.jpg);
	text-align: left;
	padding-top: 20px;
	float: left;
	padding-right: 25px;
	font-size: 11px;
	border-top: 1px solid #a9a09a;
	z-index: 101;
}
#nav_bottom a {
	padding-top: 15px;
	padding-left: 15px;
	color: #92a5ba;	
}
#nav_bottom a:hover {
	color: #000000;	
}
#nav_bottom_re {
	position: absolute;
	bottom: 15px;
	height: 75px;
	right: 15px;
	text-align: right;
	padding-top: 20px;
	padding-right: 25px;
	padding-left: 10px;
	font-size: 11px;
	float: right;
	z-index: 102;
}
#nav_bottom_re a {
	padding-top: 15px;
	padding-left: 15px;
	color: #92a5ba;	
}
#nav_bottom_re a:hover {
	color: #000000;	
}
#termine {
	position: absolute;
	bottom: 31px;
	height: 23px;
	left: 260px;
}
#bottom {
	position:absolute;
	bottom: 0px;
	height: 25px;
	width: 100%;
	color: #000000;
	font-size: 10px;
	text-align: center;
	z-index: 105;
}
#bottom a {
	color:#000000;
	font-weight: bold;
}
#impressum {
	position: absolute;
	bottom: -20px;
	right: 2px;
	font-size: 11px;
	color: #a9a09a;
}

.nav_sub {
	font-size: 12px;
	float: left;
	margin-left: 15px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	float: right;
	width: 100%;
	padding-bottom: 10px;
}	
.nav_sub a {
	text-decoration: none;
	color: #24130C;
}
.nav_sub a:hover {
	text-decoration: underline;
}
.nav_bottom {
	font-size: 12px;
	float: left;
	margin-left: 15px;
}	
.nav_bottom a {
	text-decoration: none;
	color: #ffffff;
}
.nav_bottom a:hover {
	text-decoration: none;
	color: #a9a09a;
}
.bottom {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}
.bottom a {
	text-decoration: none;
	color: #ffffff;
}
#aktiv {
	font-weight: bold;
	color: #ffffff;
}
#aktiv1 {
	color: #faf6f3;
}
#aktiv2 {
	font-weight: bold;
	color: #a9a09a;
}
.news {
	border-top: 1px solid #a5a6cf;
	width: 400px;
	padding-left: 15px;
	height: 130px;
	padding-bottom: 5px;
}
.news_bild {
	position: relative;
	clear: left;
	top: 15px;
	float: left;
}
.news_text {
	top: 10px;
	width: 200px;
	text-align: left;
	padding-top: 50px;
	padding-right: 0px;
	float: left;
}
.news_download {
	padding-top: 40px;
	float:right;
	text-align: center;
	width: 80px;
	padding-bottom: 10px;
}
.news_download img {
	height: 30px;
	width: 30px;
	border: 0px;
}
.news_download p {
	line-height: 15px;
	padding-right: 0px;
}
.news_download a {
	color: #000000;
}
.links {
	/*margin-left: 15px;*/
	margin-right: -1px;
	margin-bottom: 15px;
	float: left;
	width: 170px;
	height: 70px;
	/*border: 1px solid #a5a6cf;*/
}
.links img{
	border: none;
}