/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}

html {
	margin: 0px auto;
	text-align: center;
	height: 100%;
	background: #8FC4E3 url(../img/hg-neu.png) repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
}
body {
	margin: 0px auto;
	text-align: center;
	height: 100%;
	background: #8FC4E3 url(../img/hg-neu.png) repeat-x top left;
}

div.cleardiv {
	line-height: 0px;
	height: 0px;
	font-size: 0px;
	clear: both;
}

div.dr-gruhl {
	margin: 0px auto;
	text-align: left;
	background: url(../img/hintergrund.jpg) no-repeat top left;
	height: 768px;
	width: 980px;
}
div.kopf {
	height: 138px;
	height: 166px;
}
div.logo {
	float: left;
}
div.logo a img {
	border: none;
}
div.logo img {
	margin: 26px 0px 0px 27px;
}

div.sprachen {
	float: right;
}
div.sprachen ul {
	padding: 56px 275px 0px 0px;
}
div.sprachen ul li {
	list-style-type: none;
}
div.sprachen ul li a {
}
div.linke-spalte { float:left; width:245px; }

div.inhalt div.navigation { width: 245px; }
* html div.navigation { }
div.navigation ul { padding: 0px 0px 0px 16px; }
div.navigation li { list-style-type: none; background: url(../img/linie_07.png) no-repeat bottom left; }
* html div.navigation li { line-height: 22px; }
div.navigation ul li a {
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	display: block;
	line-height: 18px;
	padding: 2px 15px 2px 12px;
}
* html div.navigation ul li a {
	line-height: 21px;
}
div.navigation ul li a:hover {
	background: url(../img/hover.png) repeat-y top left;
}
div.navigation ul li a.aktiv {
	background: url(../img/hover.png) repeat-y top left;
}
div.navigation ul li a.aktiv:hover {
	background: url(../img/hover.png) repeat-y top left;
}
* html div.navigation ul li a:hover {
	background: none;
	text-decoration: underline;
}
* html div.navigation ul li a.aktiv:hover {
	background: none;
	text-decoration: underline;
}

div.navigation ul li.sub a {
	text-transform: none;
	color: #000;
	text-decoration: none;
	display: block;
	line-height: 18px;
	padding: 2px 15px 2px 12px;
}
div.navigation ul li.sub a:hover {
	background: url(../img/hover.png) repeat-y top left;
}
* html div.navigation ul li a.aktiv {
	background: none;
	text-decoration: underline;
}
* html div.navigation ul li.sub a:hover {
	background: none;
	text-decoration: underline;
}
* html div.navigation ul li.sub a.aktiv {
	background: none;
	text-decoration: underline;
}
* html div.navigation ul li.sub a.aktiv:hover {
	background: none;
	text-decoration: underline;
}
* html div.navigation ul li.ifsub a.aktiv {
	background: none;
	text-decoration: underline;
}
* html div.navigation ul li.ifsub a.aktiv:hover {
	background: none;
	text-decoration: underline;
}
.unter-navi { padding-left:16px; padding-top:25px; }
.unter-navi ul { background:url(../img/dr-gruhl-aktuell.png) no-repeat top left; height:80px; }
.unter-navi li { list-style-type:none; background:url(../img/linie_07.png) no-repeat bottom left; padding-top:80px; }
.unter-navi ul li a { text-transform: uppercase; color: #FFF; text-decoration: none; display: block; line-height: 18px; padding: 2px 15px 2px 12px; }
* html .unter-navi ul li a { line-height: 21px; }
.unter-navi ul li a:hover { background: url(../img/hover.png) repeat-y top left; }
.unter-navi ul li a.aktiv { background: url(../img/hover.png) repeat-y top left; }

div.inhalt { padding: 10px 0px 0px 0px; width: 772px; float: left; }
* html div.inhalt { width: 778px; }
div#textbild { float: left; width: 527px; }
* html div#textbild { width: 531px; }
div.inhalt div.kopfbild { width: 527px; height: 434px; }
div.inhalt div.textbild { width: 444px; top: 0px; left: 6px; margin: -100px 0px 0px 0px; padding: 0px 0px 20px 0px; position: relative; z-index: 15; line-height: 17px; }
div.inhalt div#textbild h1 { color: #FFF; font-size: 24px; line-height: 24px; font-weight: normal; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; background: url(../img/linie_07.png) no-repeat bottom left; padding: 0px 0px 3px 0px; margin: 0px 0px 10px 0px; }
div.inhalt div#textbild h2 { color: #FFF; font-size: 14px; line-height: 20px; font-weight: normal; text-transform: uppercase; padding: 0px 0px 3px 0px; margin: 0px 0px 10px 0px; }
div.inhalt div#textbild h3 { color: #FFF; font-size: 12px; line-height: 18px; font-weight: normal; text-transform: none; padding: 0px 0px 3px 0px; margin: 0px 0px 10px 0px; }
div.inhalt div#textbild hr { background: url(../img/linie_07.png) no-repeat center left; margin: 20px 0px; line-height: 1px; height: 1px; font-size: 1px; border: none; }
div.inhalt div#textbild div.textbild a { background: url(../img/link.gif) no-repeat bottom left; text-decoration: underline; padding: 0px 0px 0px 15px; color: #000; }
div.inhalt div#textbild div.textbild a:hover { background: url(../img/link-hover.gif) no-repeat bottom left; color: #FFF; }
div.inhalt div#textbild div.textbild dl.csc-textpic-image a,
div.inhalt div#textbild div.textbild .csc-textpic-imagewrap a { background: none; padding: 0px; }
div.inhalt div#textbild div.textbild dd.csc-textpic-caption { font-size: 10px; }
div.inhalt div#textbild ul { padding: 0px 0px 0px 18px; }
div.inhalt div.fusszeile { padding: 0px 0px 0px 6px; }
div.inhalt div#textbild div.fusszeile ul { padding: 0px 0px 0px 0px; height: 30px; float: left; line-height: 12px; }
div.inhalt div.fusszeile li { list-style-type: none; float: left; border-left: 1px solid #FFF; line-height: 12px; }
div.inhalt div.fusszeile li.druck {
	border-left: none;
}
div.inhalt div.fusszeile ul li a {
	padding: 0px 10px 0px 10px;
	text-decoration: none;
	color: #FFF;
	font-size: 12px;
	line-height: 12px;
}
div.inhalt div.fusszeile ul li.druck a {
	padding: 0px 10px 0px 0px;
}
div.inhalt div.fusszeile ul li a:hover, div.inhalt div.fusszeile ul li a.aktiv {
	text-decoration: underline;
}

.contenttable {
	border-collapse: collapse;
	font-size: 12px;
}
.contenttable tr {
	background: url(../img/linie-tabelle.png) no-repeat bottom left;
}
.contenttable tr td,
.contenttable tr th {
	padding: 2px 10px 2px 5px;
	vertical-align: top;
	text-align: left;
}
.contenttable tr td.td-last {
	text-align: center;
}
