@charset "UTF-8";
body, html {margin:0; padding:0; background:#e9e9ea; font-family: Arial, sans-serif;font-size:10pt;color:#000000;}
img {border:0;padding:0;}
a {color:#707173;font-weight:bold;text-decoration:none;}
h3{font-size:11pt;color:#9f003b; text-align:center;}
h4{font-size:8pt;color:#707173;}

#head{width:810px;height:79px;background:#ffffff;color:#005aa1;padding-top:15px;}
#head #top{height:15px;margin:0 auto;text-align:right;padding:20px 16px 0 0;background:url(/images/logo_hhtf.gif) no-repeat;border-top:1px solid #005aa1;border-bottom:1px solid #005aa1;}

#head #top a {font-size: 11px;font-weight:normal;padding:0 0 0 3px;color:#005aa1;text-decoration:none;}
#head #top a:hover{color:#707173;text-decoration:none;}
#head #top a.aktiv{color:#707173;text-decoration:none;}


#head #bottom{height:44px; margin:0 auto; text-align: right;padding:0;background: url(/images/logo_sub.gif) no-repeat;}

/*-------------------------------------------------------------*/
#container {width:810px; margin:0 auto; text-align: left; background:#9c9e9f url(/images/back_grey.png) repeat scroll 0 0;}
#content {float:right;width:640px;padding:0;background: #ffffff no-repeat scroll 0 0; }
#content img.inline_bild {padding-bottom:15px;}

#content div#starter {height:385px;background: #ffffff url(../images/pic_casanova.jpg) no-repeat scroll 0 0;}
#content div#starter div.starter a {display:block;position:relative;left:485px;top:216px;width:150px;height:150px;margin:0; padding:0;background: #ffffff url(../images/start-button.jpg) no-repeat scroll 0 0;}
/* Basisseiten
-------------------------------------------------------------*/
#content #quer h2 {font-size:12pt;color:#9f003b;padding:15px 30px 5px;}
#content #quer ul.head {list-style:none;list-style-position:outside;margin:0;padding:0;}
#content #quer ul.head li {margin:0;padding:0;}
/*#content #quer ul.head span {position:relative;top:19px;left:15px;font-size:12pt;color:#9f003b;font-weight:bold;}*/
/*#content #quer ul.head h2 {padding:0 15px 0 60px;}*/
#content #quer p {font-size:10pt;padding:15px 30px 15px 60px;}
#content #quer ul.liste {list-style-type:disc;list-style-position:outside;padding:0 30px 15px 75px;}


#content #kasten h2 {padding:20px 5px 0;font-size:9pt;color:#9f003b;}
#content #kasten ul.download {padding:5px;font-size:8pt;list-style:none outside;}
#content #kasten ul.download li {padding:0 0 0 20px;background: url(../images/arrow.png) 0 2px no-repeat;}
#content #kasten ul.download li a.verlink {color:#707173;font-weight:bold;text-decoration:none;}
#content #kasten ul.download li a.verlink:hover {color:#9f003b;text-decoration:underline;}

/* Realisierung von Spalten
-------------------------------------------------------------*/
#content #spalten {clear:both;width:640px;}
#content #spalten #spalte1 {float: left;display: inline;width:400px;}
#content #spalten #spalte2 {float: left;display: inline;width:240px;}
/* Navigation
-------------------------------------------------------------*/
#content #nav_imp {height:15px;text-align:right;padding:0 16px 0 0;color:#005aa1;}
#content #nav_imp a {font-size: 11px;font-weight:normal;padding:0 0 0 3px;color:#005aa1;text-decoration:none;}
#content #nav_imp a:hover{color:#707173;text-decoration:none;}
#content #nav_imp a.aktiv{color:#707173;text-decoration:none;}

/* Menu
-------------------------------------------------------------*/
#sidebar {float:left;background:#9c9e9f url(/images/back_grey.png) repeat scroll 0 0;width:170px;padding:20px 0 0 0;margin:0;}
#sidebar img.logo {padding:0;margin:0;}
#sidebar ul {list-style: none;padding:0;margin:0;}
#sidebar ul a {display: block; font-size: 11px;font-weight:normal; color: #ffffff; height: 20px; line-height: 20px; text-decoration: none; background:#9c9e9f url(/images/back_grey.png) repeat scroll 0 0;padding:0 16px;border-bottom:1px solid #ffffff;}
#sidebar ul a:hover {background: #87888a;}
#sidebar ul a.aktiv {background: #87888a;}

#sidebar ul ul a {padding-left:32px;display:block;font-size:11px;color:#ffffff;text-decoration:none;background:#9c9e9f url(/images/back_grey.png) repeat scroll 0 0;}
#sidebar ul ul a:hover {color:#d9dadb;}
#sidebar ul ul a.aktiv {color:#d9dadb;}

/* allgemein
-------------------------------------------------------------*/
a.verlink {color:#707173;font-weight:bold;text-decoration:none;}
a.verlink:hover {color:#9f003b;text-decoration:underline;}


.bildleiste {float:left;margin-bottom:20px;}
.bildleiste img {border:1px solid #707173;border-color: #707173 #d9dadb #d9dadb #707173;margin:19px;padding:0;background:#ffffff scroll 0 0;}
.bildleiste a.thickbox {float:left;background: transparent url(/images/pic_schatten.png) no-repeat scroll center 0;margin-bottom:30px;}
.bildleiste a.thickbox:hover img {background:#ffffff;border:1px solid #d9dadb;border-color: #d9dadb #707173 #707173 #d9dadb;}

p.bildvorschau IMG {margin:20px 15px 0 5px;}

.text_small {font-size:8pt;}
.text_bold {font-size:10pt;color:#707173;font-weight:bold;}
 

li {color:#9c9e9f;}
li span {color:#000000;}

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}