/****************************************************************************************************/
/* Zentrale CSS, ggf. auch editor.css nachstellen !                                                 */
/****************************************************************************************************/



/****************************************************************************************************/
/* Grundgerüst */
/****************************************************************************************************/
body {
  font-family: Verdana, Arial;
  font-size: 12px;
  color:#737373;
	background-color:white;
	margin:0;
}

#div_wrapper {
	text-align: left;
	width: 970px;
	margin: 0 auto;
	padding: 0;
	border:0;
	background-color:white;
	position:relative;
}

#div_left { 
	position:relative;
	float:left;
	width:770px;
	margin:0;
	padding:0;
}

#div_head {
  position:relative;
  float:left;
	width:770px;
  height:136px;
	margin:0;
	padding:0;
}

#div_navitop {
	background-image:url(images/main_menu.jpg);
	background-repeat:repeat-x;
	height:28px;
	padding:7px 0 0 0;
}


#div_subnavi_content { 
  position:relative;
  float:left;
	border:solid 1px #dcdee5;
	width:768px; /* insgesamt 770px Breite: 668 + 2 Rand */
	height:auto;
	margin:0;
	padding:0;
}

#div_navisub {
  position:relative;
  float:left;
	width:170px;
	margin:0 0 0 0;
	padding:20px 0 20px 10px;
}

#div_head_print {
	display:none; 
	margin:20px 0 20px 0;
}

#div_content { 
  position:relative;
  float:left;
	width:555px;
	margin:0 0 0 20px;
	padding:20px 0 20px 0;
	font-size: 12px;
	line-height:20px;
}

#div_footer_print {
	display:none; 
	width:600px;
	margin:40px 0 0 0;
	font-size: 10px;
	color: #777777;
}


#div_footer {
	padding:1px 10px 3px 0;
	line-height:15px;
	font-size:10px; 
	color:#737373;
	float:left;
}


#div_right {
  position:relative;
  float:left;
	width:165px; /* Gesamtbreite Linie bis Rand: 175px */
	padding:0 10px 0 0;
	margin:15px 0 0 10px;
	background:white;
}

#div_right_top {
  position:relative;
  float:left;
  height:55px;
  padding:0 0 22px 0;
  text-align:right;
}

#div_contact {
  position:relative;
  float:left;
  width:148px; /* Gesamtbreite Linie bis Rand: 165px */
	height:110px;
	margin:0;
	padding:0 8px 15px 8px;
  vertical-align:top;
  color:#727272;   
	font-size:10px;
	line-height:16pt;
	background-image:url(images/htgd_contact.jpg);
}

#div_news {
  position:relative;
  float:left;
	padding:5px;
	margin-top:10px;
	border:solid 1px #dcdee5;
	font-size:11px;
}



/****************************************************************************************************/
/* Allgemeine Klassen */
/****************************************************************************************************/

a {
	color:#017431;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}



/****************************************************************************************************/
/* Hauptnavigation oben */
/****************************************************************************************************/

#div_navitop ul {
	margin:0;
	padding:0;
}

#div_navitop ul li {
	float:left; 
	height:22px;
	margin:0 0 0 0; 
	padding:0;
	font-size:14px; 
	list-style-type:none;
	background-image:url(images/main_trenn.jpg);
	background-repeat:no-repeat;
}

#div_navitop ul li.first {
	background:none;
}

#div_navitop ul li a {
	padding:3px 18px 5px 18px;
	color:#737373; 
	font-weight:bold;
	font-size:12px;
	text-decoration:none; 
}

#div_navitop ul li a:hover {
	color:#312dc7; 
}

/* Aktiver Menüpunkt */
#div_navitop ul li a.active { 
	color:#312dc7; 
}




/****************************************************************************************************/
/* Unternavigation links neben Content */
/****************************************************************************************************/

#div_navisub ul {
	margin:0 0 40px 0;
	padding:0;
}

#div_navisub ul li {
	margin:0 0 5px 0; 
	padding:0;
	font-size:11px; 
	list-style-type:none;
}


#div_navisub ul li a {
	width:150px;
	padding:3px 10px 5px 10px;
	color:#737373; 
	font-weight:normal;
	font-size:11px;
	text-decoration:none; 
	display:block;
}

#div_navisub ul li a:hover {
	color:#ffffff;
	background-color:#312dc7; 
}

/* Aktiver Menüpunkt */
#div_navisub ul li a.active { 
	color:#ffffff;
	font-weight:normal;
	background-color:#312dc7; 
}



/****************************************************************************************************/
/* Content */
/****************************************************************************************************/

h1 {
		font-size:18px;
		font-weight:normal;
    color:#ff9d00;   
    margin:0 0 15px 0; 
    padding:0;
}

h2 {
		font-size:14px;
		font-weight:normal;
    color:#ff9d00; 
    margin:0 0 10px 0; 
    padding:0;
}


/* News-Archiv-Links */
#div_content ul.news {
	margin:30px 0 0 0;
	padding:0;
	list-style:none;
}
#div_content ul.news li {
	padding:0 20px 0 0;
	float:left;
	padding-bottom:5px;
}

/* Aufzählungslisten */
#div_content ul {
	margin:10px 0 0 0;
	padding:0 0 0 20px;
	list-style-type:square;
}
#div_content ul li {
	padding-bottom:5px;
}

/* Aufzählungslisten, 2. Ebene */
#div_content ul li ul {
	margin:10px 0 0 0;
	padding:0 0 0 20px;
	list-style-type:square;
}
#div_content ul li ul li{
	padding-bottom:5px;
}

/* Bild links */
.bildlinks {
  padding:0 10px 10px 0; 
  float:left; 
  text-align:left;
  font-style:italic;
  font-size:11px;
}

/* Bild Mitte */
.bildmitte {
  padding:0 10px 10px 10px; 
  text-align:center;
  font-style:italic;
  font-size:11px;
}

/* Bild rechts */
.bildrechts {
  padding:0 0 10px 10px; 
  float: right; 
  text-align: left;
  font-style:italic;
  font-size:11px;
}

/* Bild komplette Breite der Seite */
.bildtotal {
  padding:0 0 10px 0; 
  text-align:left;
  font-style:italic;
  font-size:11px;
  float:none;
}


/* Für Suche und News (ohne Aufzählungspunkte) */
#div_content ul.trefferliste {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
}
#div_content ul.trefferliste li {
	padding-bottom:10px;
}


/* Hyperlinks */
#div_content a {
	text-decoration:underline;
	color:#312dc7;
	font-weight:normal;
}
#div_content a:hover {
	color:#ff9d00;
}


a.mehr {
	color:#312dc7;
	font-weight:normal;
	text-decoration:none;
}

.kasten {
	border:0;
	padding:15px 10px 15px 20px;
	WIDTH: 530px; 
  background-color: #B6D9A3;
}

#div_print {
	position:relative;
	width:550px;
}

#div_content a.print {
	font-size:10px;
	text-decoration:none;
}


/* Direktlinks auf Startseite */
#div_content div.directlink {
	position:relative;
	float:left;
	padding:0 20px 10px 0;
	width:161px;
	height:160px;
}
#div_content div.directlink a {
	font-size:10px;
	line-height:12px;
	color:#737373;
	text-decoration:none;
}
#div_content div.directlink a:hover {
	text-decoration:underline;
}



/****************************************************************************************************/
/* Kontaktformular */
/****************************************************************************************************/

.sternchen
{
	color: #ff0000;
	font-size: 12px;
}

.tb_kontakt
{
	font-size: 12px;
}



/****************************************************************************************************/
/* Rechte Leiste */
/****************************************************************************************************/

#div_right_top a {
	color:#737373;
	font-size:10px;
	text-decoration:none; 
	font-weight:normal;
}

#div_right_top a:hover {
	color:#312dc7; 
}

/* Suche */
#div_right_top input {
	width:142px;
	height:12px;
	font-size:11px;
	line-height:11px;
	color:#737373;
}


/* Contacts */
#div_contact h1 {
		font-size:18px;
		font-weight:normal;
    color:#828282;   
    margin:25px 0 10px 0; 
    padding:0;
}

#div_contact a {
	font-size:11px;
	font-weight:normal;
	color:#312dc7;
	text-decoration:none;
}

#div_contact a.hover {
	text-decoration:underline;
}


/* News */
#div_news h1 {
	font-size:18px;
  color:#ff9d00;   
  margin:0px 0 10px 0; 
  padding:0;
}

#div_news ul {
	margin:0 0 0 0;
	padding:1px 5px 0 0;
	list-style-type:none;
}

#div_news ul li {
	padding-bottom:15px;
	line-height:18px;
	color:#737373;
}

#div_news a {
	color:#312dc7;
	text-decoration:none;
	font-size:11px;
}

#div_news a.mehr {
	color:#312dc7;
	font-weight:normal;
	text-decoration:none;
	font-size:11px;
}

#div_news a:hover {
	text-decoration:underline;
}






/****************************************************************************************************/
/* Footer */
/****************************************************************************************************/

#div_footer a {
	color:#737373;
	font-size:10px;
	text-decoration:none; 
	font-weight:normal;
}


#div_footer a:hover {
	color:#312dc7; 
}




/****************************************************************************************************/
/* Beim Drucken Navileisten etc. ausblenden */
/****************************************************************************************************/

@media print 
{
  body         { width:600px; background-color:#FFFFFF; margin:0; padding:0; }
  #div_wrapper { width:600px; margin:0; padding:0; }	
  #div_left    { width:600px; margin:0; padding:0; }	
  #div_head    { display: none; }	
  #div_navitop { display: none; }	
  #div_subnavi_content { width:600px; margin:0; padding:0; border:none; }	
  #div_navisub { display: none; }	
	#div_head_print { display:block; }
  #div_content { width: 600px; padding:0; background:#FFFFFF; font-size: 12px; line-height:20px; }
  #div_print { display: none; }
  #div_footer_print { display:block; }
  #div_right   { display: none; }	
  #div_footer  { display: none; }	
}