/* ***** png fix für IE5.5+ ***** */
img, div { behavior: url(iepngfix.htc) }


/****************************************************************  all  */

html, body, span, a, table, td, th, form, textarea, input, h1, h2, h3, h4, p, ul, ol, li, label, select {
	margin: 0;
	padding: 0;
	font: 11px arial, helvetica, sans-serif;
	color: #1a171b;
	line-height:15px;
}

html, body {
	width: 100%;
	background: #fdfdfc url(img/bg.jpg) left top repeat-y; 
	text-align: left;
}

#main {
	width: 100%;
	margin: 0;
	text-align: left;
	float: left;
}

#header {
	margin: 0;
	text-align: left;
	height: 364px;
	background: url(img/bg_header.jpg) left top no-repeat; 
}

#abstract {
	padding-top: 200px;
	padding-left: 277px;
	padding-right: 275px;
}

#logo {
	left: 42px;
	top: 27px;
	position:absolute;
	width: 124px;
	height: 65px;
}

#hessenkarte {
	left: 716px;
	top: 28px;
	position:absolute;
	width: 204px;
	height: 284px;
}

#content {
	background: url(img/bg_content.jpg) left top no-repeat;
	padding-top: 11px;
	height:417px; /* Mindesthoehe fuer den Verlauf im Content */
}


#left {
	/* background-color: #333333; */
	width: 226px;
	margin-right: 46px;
	text-align: right;
	float: left;
}

#plz-form {
	/* background-color: #ffffff; */
	margin-left: 58px;
	text-align: left;
	
}


#left .separator {
	background: url(img/trennlinie.gif) left top repeat-x;
	font-size: 0px;
	width: 226px;
	height: 1px;
	padding: 0;
	margin: 10px 0;
	clear: both;
}

#right {
	float: left;
	width: 600px;
}

#right h2 {
	margin-top: 2px;
}

#right .bodytext {
	float: left;
	margin-left: 29px;
	width: 440px;
}

#right .bodytextfolgeseite {
	float: left;
	margin-left: 29px;
	width: 440px;
}

#subnav-content {
	float: left;
	width:121px;
	clear:both;
}

.teaserbild {
	border:#FFFFFF 6px solid;
	margin-left:4px;
}

.teaserbildrahmen-oben {
	padding-top: 4px;
	background: url(img/bildrahmen-oben.png) top left no-repeat;
}

.teaserbildrahmen-unten {
	padding-bottom: 4px;
	background: url(img/bildrahmen-unten.png) bottom left no-repeat;
}

.teaserbildrahmen-rechts-links {
	padding-right: 4px;
	padding-left: 0px;
	background: url(img/bildrahmen-rechts-links.png) top left repeat-y;
}

/****************************************************************  neu  */

.teaserbild2 {
	border:#FFFFFF 6px solid;
}

.teaserbildrahmen-oben2 {
	height: 4px;
    width: 120px;
	background: url(img/bildrahmen-oben.png) top left no-repeat;
    font-size: 0;
    line-height: 0;
}

.teaserbildrahmen-rechts-links2 {
	background: url(img/bildrahmen-rechts-links2.png) top left;
    padding: 0 4px 0 4px;
    width: 112px;
}

.teaserbildrahmen-unten2 {
	height: 4px;
    width: 120px;
	background: url(img/bildrahmen-unten.png) top left no-repeat;
}

/****************************************************************  classes  */

#footer {
	clear: both;
	padding-top: 10px;
	margin-left: 272px;
	padding-bottom: 10px;
	padding-bottom: 50px;
	width: 595px;
	
}

#footer .separator {
	background: url(img/trennlinie.gif) left top repeat-x;
	font-size:0px;
	height:1px;
	margin: 10px 0;
	clear:both;
}


img {
	border: 0;
}

a, img {
	outline: none;
}

/****************************************************************  classes  */

.hidden {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
}

.float {
    float: left;
}

.clearit {
	clear: both;
}

.foto {
	margin: 2px 10px 2px 0;
	float: left;
}

.p {
	margin: 10px 0;
}

.bildersatz-startseite {
	width:120px;
	float:left;
}

.content-spalte1 {
	float: left;
	width: 235px;
	margin: 0 0 0 10px;
}

.content-spalte2 {
	float: left;
	width: 180px;
	margin: 0 0 0 0;
}

.separator {
	background: url(img/trennlinie_rot.gif) left top repeat-x;
	font-size:0px;
	height:1px;
	margin: 15px 0 15px 0;
	clear: both;
}

.aktuell .bodytext {
	margin-bottom: 18px;
}

.aktuell-oben {
	height: 25px;
}

.aktuell-unten {
	margin: 0 0 20px 0;
}

.fliesstext {
	margin: 10px 0 0 0;

}

/****************************************************************  typo  */

h1, h2, h3, h4 {
    font-weight: bold;
}

h1 {
	font-size: 32px;
	line-height: 30px;
	padding: 0 0 6px 0;
	color: #e41b14;
	width: 400px;
	font-weight: normal;
}

h2 {
	font-size: 14px;
	line-height: 16px;
	padding: 0 0 6px 0;
}

h2.plz-suchergebnis {
	font-size: 14px;
	line-height: 16px;
	padding: 0;
}

h3 {
	font-size: 13px;
	line-height: 16px;
	padding: 0 0 4px 0;
	color: #e41b14;
}

h3.plz-suchergebnis {
	font-size: 13px;
	line-height: 16px;
	padding: 4px 6px;
	margin: 10px 0 10px 0;
	background-color: #e41b14;
	color: #fff;
}

h4 {
	font-size: 11px;
	line-height: 14px;
	padding: 0 0 2px 0;
}

p {
	line-height: 18px;
	padding: 0 0 15px 0;
}

#abstract div {
	line-height: 18px;
	padding: 0 0 15px 0;
	color: #ffffff;
	font-weight: bold;
	width: 400px;
}

#left a:link { text-decoration: underline; padding-left: 0px; background: none }
#left a:hover { text-decoration: underline; color: #e41b14; background: none }

.bodytext a:link { text-decoration: underline; padding-left: 0px; background: none }
.bodytext a:hover { text-decoration: underline; color: #e41b14; background: none }

a.link-fliesstext:link { text-decoration: underline; background: url(img/arrow_links_general.gif) left top no-repeat; padding-left:12px;}
a.link-fliesstext:active { text-decoration: underline; background: url(img/arrow_links_general.gif) left top no-repeat; padding-left:12px;}
a.link-fliesstext:visited { text-decoration: underline; background: url(img/arrow_links_general.gif) left top no-repeat; padding-left:12px;}
a.link-fliesstext:hover { text-decoration: underline; color: #e41b14;background: url(img/arrow_links_general.gif) left top no-repeat; padding-left:12px;}

/****************************************************************  lists  */

#content ul {
	list-style: none;
	list-style-position: outside;
	padding: 0 0 0 13px;
}

#content ul li {
	padding: 0 0 5px 17px;
	line-height: 18px;
}

#content ol {
	padding: 0 0 0px 30px;
}

#content ol li {
	padding: 0 0 5px 4;
	margin: 0 0 0 4px;
	line-height: 18px;
}

.bodytext ul li {
	background: url(img/bullet.gif) no-repeat 3px 7px;
}


/****************************************************************  forms  */

form {
    padding: 0 0 15px 0;
}


form div {
    margin: 0 0 10px 0;
}

label {
	padding: 0 0 4px 0;
	width: auto;
    /*
	width: 80px;
	display: block;
	float: left;
	font-weight: bold;
	padding: 0 10px 0 0;
	*/
}

label.secondary {
    float: none;
	width: auto;
	font-weight: normal;
	margin: 10px 0 0 80px;
	padding: 0 0 0 10px;
}

form div.actions {
	margin: 0 0 0 80px;
	padding: 0 0 0 10px;
}

form input.textinput {
	width: 166px;
	background-color: #d2cec7;
	border: 1px solid #ae9f86;
	margin: 8px 0;
}

form input.checkbox {
	margin: 8px 6px 0 0;
	
}

form textarea {
	width: 200px;
}

form input.submitbutton {
	width: 56px;
	margin: 12px 0 0 0;
}

form select {
	width: 150px;
}

form .submit-img {
    border: 0;
	width: auto;
}

/****************************************************************  tables  */

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 15px 0;
}

th, td {
	padding: 6px;
	vertical-align: top;
	text-align: left;
	border: 1px solid #c3c3c3;
}

th {
	font-weight: bold;
}

td {
	font-size: 10px;
}

/****************************************************************  nav  */



/* grafische nav horizontal */

ul#nav-img-horizontal {
	left: 167px;
	top: 122px;
	position:absolute;
	background: url(img/bg-nav.gif) no-repeat;
	width: 492px;
	height: 42px;
	list-style: none;
}

ul#nav-img-horizontal li {
	float: left;
	display: block;
	height: 42px;
	
}

ul#nav-img-horizontal li a {
	float: left;
	height: 42px;
	display: block;
	text-decoration: none;
	text-indent: -10000px;
	padding:0;
}

a#startseite { background: url(img/nav-startseite.gif) no-repeat; width: 108px; }
a#navi1 { background: url(img/nav-verband.gif) no-repeat; width: 125px; }
a#navi2 { background: url(img/nav-angebote.gif) no-repeat; width: 157px; }
a#navi3 { background: url(img/nav-fachinfo.gif) no-repeat; width: 100px; }

ul#nav-img-horizontal li a:hover, ul#nav-img-horizontal li a.act {
	background-image: none;
}

/* subnav text  */

ul#subnav1{
	visibility: hidden;
	position:absolute;
	top: -115px;
	left: 109px;
	background: #deeaf0 url(img/bg-subnav.gif) left top repeat-x;
	list-style: none;
	border-left: #5290b4 1px solid;
	border-right: #5290b4 1px solid;
	border-top: #5290b4 1px solid;
	padding: 13px 0 12px 12px;	
}

ul#subnav2{
	visibility: hidden;
	position:absolute;
	top: -115px;
	left: 234px;
	background: #deeaf0 url(img/bg-subnav.gif) left top repeat-x;
	list-style: none;
	border-left: #5290b4 1px solid;
	border-right: #5290b4 1px solid;
	border-top: #5290b4 1px solid;
	padding: 13px 0 12px 12px;	
}

ul#subnav3{
	visibility: hidden;
	position:absolute;
	top: -115px;
	left: 391px;
	background: #deeaf0 url(img/bg-subnav.gif) left top repeat-x;
	list-style: none;
	border-left: #5290b4 1px solid;
	border-right: #5290b4 1px solid;
	border-top: #5290b4 1px solid;
	padding: 13px 0 12px 12px;
	height: 90px;
}


/* boxmodel hack breite */
ul#subnav1 {
	\width: 80px;
	w\idth: 111px;
}

ul#subnav2 {
	\width: 112px;
	w\idth: 143px;
}

ul#subnav3 {
	\width: 113px;
	w\idth: 144px;
}

/* boxmodel hack hoehe */

ul#subnav1 li {
  background: url(img/arrow_links_subnav_highlight.gif) left top no-repeat; 
  height: 15px;
  voice-family: "\"}\"";
  voice-family:inherit;
  height: 5px;
  width: 111px;
}

ul#subnav2 li{
  background: url(img/arrow_links_subnav_highlight.gif) left top no-repeat; 
  height: 15px;
  voice-family: "\"}\"";
  voice-family:inherit;
  height: 5px;
  width: 143px;
}

ul#subnav3 li{
  background: url(img/arrow_links_subnav_highlight.gif) left top no-repeat; 
  height: 15px;
  voice-family: "\"}\"";
  voice-family:inherit;
  height: 5px;
  width: 144px;
}



html>body #nav-img-horizontal ul#subnav1 li, html>body #nav-img-horizontal ul#subnav2 li , html>body #nav-img-horizontal ul#subnav3 li {
  height: 15px;
  
}

ul#subnav1 li a, ul#subnav2 li a, ul#subnav3 li a {
	text-indent:0px;
	height:15px;
}

#subnav1 a:link, #subnav2 a:link, #subnav3 a:link { text-decoration: none; background: url(img/arrow_links_subnav.gif) left top no-repeat; padding-left:12px; color: #5290b4; }
#subnav1 a:visited, #subnav2 a:visited, #subnav3 a:visited { text-decoration: none; background: url(img/arrow_links_subnav.gif) left top no-repeat; padding-left:12px; color: #5290b4; }
#subnav1 a:active, #subnav2 a:active, #subnav3 a:active { text-decoration: none; background: url(img/arrow_links_subnav.gif) left top no-repeat; padding-left:12px; color: #5290b4; }
#subnav1 a:hover, #subnav2 a:hover, #subnav3 a:hover { text-decoration: none; left top no-repeat; padding-left:12px; color: #0c5076; }
#subnav1 li .act, #subnav2 li .act, #subnav3 li .act { color: #0c5076; }


/* textnav vertikal */


ul#nav-text-vertical {
	list-style: none;
	list-style-position:outside;
	padding:0;
	margin: 12px 0;
	width: 130px;
	text-align:left;
}

ul#nav-text-vertical a {
	display: block;
	height: 33px;
	text-decoration: none;
	padding: 0 10px 0 0;
	text-align:right;
	background: url(img/bg-nav-text-vertical.gif) top left no-repeat;
}

ul#nav-text-vertical li {
	padding: 0 0 0 4px;
	width:109px;
}

/* boxmodel hack hoehe */

ul#nav-text-vertical li a {
  height: 33px;
  voice-family: "\"}\"";
  voice-family:inherit;
  height: 24px;
}

html>body ul#nav-text-vertical li a {
  height: 24px;
}

/* hacks ende */

ul#nav-text-vertical a:hover {
	background:none;
	color: #e41b14;
	background: url(img/bg-nav-text-vertical.gif) top left no-repeat;
}

ul#nav-text-vertical a.act  {
	padding: 0;
	background:none;
	font-weight: bold;
	color: #1a171b;
	background: url(img/bg-nav-text-vertical-act.gif) top left no-repeat;
}


/****************************************************************  footernav  */

#footer ul {
	list-style: none;
	list-style-position: outside;
	margin:0;
	padding:0;
}

#footer ul li {
	float: left;
	padding: 0 10px 0 0;
}

#footer ul li a {
}

#footer .left {
	float:left;
	text-align:left;
	width:480px;
}

#footer .right {
	text-align:right;
	
	
}

/****************************************************************  tooltip  */

.hotspot {color:#1a171b; text-decoration: underline; cursor:pointer}

#tt {position:absolute; display:block; background:url(img/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(img/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(img/tt_bottom.gif) top right no-repeat; overflow:hidden}