/*
Stadt Herne CSS
created :08-03-2006
modified :17-09-2008
*/


/*  Überschriften für Seitenunterteilung */

h2.h-wichtig{
             font-size: 1.2em;
             font-weight:bold;
             }

h2.h-wichtig2{
             font-size: 1.4em;
             font-weight: bold;
             }

h3.h-wichtig3{
             font-size: 1.2em;
             font-weight:bold;
             }

h4.h-wichtig4{
             font-size: 1em;
             font-weight:bold;
             }

h2.h-wichtigzm{
             font-size: 1.2em;
             font-weight:bold;
	     margin-bottom:0em;
	     padding-bottom:0em;
             }

h3.h-wichtig{
             font-size: 1em;
             font-weight:bold;
             }

.h-eingerueckt {margin-left: 2em;}

.h-eingerueckt2 {margin-left: 4em;}

.h-eingerueckt3 {margin-left: 6em;}

.h-eingerueckt4 {margin-left: 8em;}

.h-abstando1 {margin-top: 1em;}

.h-abstando2 {margin-top: 1.5em;}

.h-abstandu5 {margin-bottom: 0.5em;}

.h-abstandu1 {margin-bottom: 1em;}

.h-abstandu2 {margin-bottom: 2em;}


/*  Datentabellen */

div.h-tabellencontainer{
           width:auto;
           text-align:center;
           margin-left:auto;
           margin-right:auto;
           }


table.h-tabelle{
           margin-left:auto;
           margin-right:auto;
           }

caption.h-ueberschrift{
           font-size: 1em;
           font-weight:bold;
           margin-left:auto;
           margin-right:auto;
           text-align:center;
           border:1px solid #000000;
           padding:5px;
           background-color:#e3e3e3;
           }

tr.h-reihe{}

td.h-zelle{
           border:1px solid #000000;
           border-collapse:collapse;
           text-align:right;
           padding:5px;
           }

td.h-zelle_l{
           border:1px solid #000000;
           border-collapse:collapse;
           text-align:left;
           padding:5px;
           }


th.h-kopf{
           border:1px solid #000000;
           border-collapse:collapse;
           padding:5px;
           text-align:center;
           background-color:#e3e3e3;
           }

.h-header {
	background-image: url(/kommunen/herne/ttw.nsf/files/jquery/$file/header_1.gif);
	background-position:right;
	background-repeat: no-repeat;
}
.h-headerSortUp {
	background-image: url(/kommunen/herne/ttw.nsf/files/jquery/$file/header_2.gif);
	background-position:right;
	background-repeat: no-repeat;
}
.h-headerSortDown {
	background-image: url(/kommunen/herne/ttw.nsf/files/jquery/$file/header_3.gif);
	background-position:right;
	background-repeat: no-repeat;
}




/*  Zebratabellen */

caption.h-zebra{
           font-size: 1em;
           font-weight:bold;
           margin-left:auto;
           margin-right:auto;
           border:1px solid #000000;
           padding:5px;
           background-color:#cccccc;
           }

tr.h-reihe-g{background-color:#e3e3e3;}

tr.h-reihe-u{background-color:#ffffff;}

a:link.h-style {
        background-color:transparent;
        color:#000000;
        }

/*  5-Spalten-Container */

div.h-container{
           position: relative;
           top: 0px;
           left: 0px;
           width: auto;
           height: 700px;
           border: none;
           }

div.h-erste-spalte{
           position: absolute;
           top: 40px;
           left: 10px;
           width: 140px;
           padding: 5px;
           height: auto;
           border: none;
           }

div.h-zweite-spalte{
           position: absolute;
           top: 40px;
           left: 170px;
           width: 140px;
           padding: 5px;
           height: auto;
           border: none;
           }

div.h-dritte-spalte{
           position: absolute;
           top: 40px;
           left: 330px;
           width: 140px;
           padding: 5px;
           height: auto;
           border: none;
           }

div.h-vierte-spalte{
           position: absolute;
           top: 40px;
           left: 490px;
           width: 140px;
           padding: 5px;
           height: auto;
           border: none;
           }

div.h-fuenfte-spalte{
           position: absolute;
           top: 40px;
           left: 650px;
           width: 140px;
           padding: 5px;
           height: auto;
           border: none;
           }

div.h-bild{
           margin-left:auto;
           margin-right:auto;
           text-align:center;
           padding: 5px;
           }


/*  3-Spalten-Container */

div.h-container3{
           position: relative;
           top: 0px;
           left: 0px;
           width: 584px;
           height: 700px;
           border: none;
           }

div.h-erste-spalte3{
           position: absolute;
           top: 40px;
           left: 10px;
           width: 188px;
           padding: 0px;
           height: auto;
           border: none;
           }

div.h-zweite-spalte3{
           position: absolute;
           top: 40px;
           left: 198px;
           width: 188px;
           padding: 0px;
           height: auto;
           border: none;
           }

div.h-dritte-spalte3{
           position: absolute;
           top: 40px;
           left: 386px;
           width: 188px;
           padding: 0px;
           height: auto;
           border: none;
           }

div.h-bild3{
           margin-left:auto;
           margin-right:auto;
           text-align:center;
           padding: 0px;
           }


/*  Info-Box */

.h-box a:hover {
           background-position: right;
           }

.h-box a span {
           display: none;
           }

.h-box a:hover span {
           display: block;
           position: absolute;
           width: auto;
           background: #ffffff;
           border: 1px solid #000000;
           width: 200px;
           padding: 4px;
           color: #000000;
           }

.h-box a:focus span {
           display: block;
           position: absolute;
           width: auto;
           background: #ffffff;
           border: 1px solid #000000;
           width: 200px;
           padding: 4px;
           color: #000000;
           }

/*  Horizontale Listen */

.h-navlist
{
           display: inline;
           text-indent: 0px;
           list-style-type: none;
           padding-right: 10px;
}


/*  Abstand für Listenpunkte */

.h-listenpunkt {
           margin-top: 10px;
           margin-bottom: 10px;
           }

/*  Bildunterschrift linksbündig */

.h-picdescr{
            text-align:left;
            font-size:0.75em;
            color:#555555;
            }


/*  Hilfe-Cursor für Abkürzungen */

abbr[title]:focus {cursor:help;}
abbr[title]:hover {cursor:help;}


/* Photo Zoom */

.h-Zright a { float:right; margin:5px 0px 2px 10px; }
.h-Zleft  a { float: left; margin:5px 10px 1px 0px; }

.h-Zoom img { border: 1px solid #369; }

.h-Zoom.h-t123 img  { width:123px; }

.h-Zoom.h-t278 img  { width:278px; }

.h-Zoom .h-caption { display:none; }

.h-Zoom a { padding:0px; text-decoration:none;}
.h-Zoom a:hover { padding:0px; /* IE needs */
      border:none;  /* override page a:hover */
      background:transparent; } /* override page a:hover */
.h-Zoom a:visited { text-decoration:none; /* override page a:visited */
      padding:0px; }

.h-w278 a:hover img,.h-w278 a:hover .h-caption         {width:278px}
.h-w564 a:hover img,.h-w564 a:hover .h-caption         {width:564px}

.h-Zoom a:hover img { margin-bottom:5px; }

.h-Zoom a:hover .h-caption {
        display:block;
        background:#eef;
        border:1px solid #369;
        font-family:verdana,sans-serif;
        text-decoration:none;
        text-align:left;
        font-size:10pt;
        color:#339; }

.h-Zoom a:hover .h-inner {
        display:block;
        padding:5px 8px; }  /* no IEboxModelHack */


/* Focus */
a:focus {
        background-color:transparent;
        color:#000000;
        }

/* Bildergalerie */

.h-galerie a:link, .h-galerie a:hover, .h-galerie a:focus {
	text-decoration:none;
	background-color:transparent;
	}

div.h-galerie  {
	text-align:center; 
	width: 564px; 
	height:auto; 
	margin 0px;
	}

div.h-galeriereihe  {
	text-align:center; 
	width: 564px; 
	height:120px; 
	margin 0px; 
	padding-bottom: 15px;
	}

.h-galeriebild {
	float: left; 
	width: 80px; 
	height: 100px; 
	margin: 5px 5px 5px 5px; 
	padding: 10px;
	}

.h-img80 {
	width: 80px; 
	height: 80px;
	}

.h-galerietext {
	text-align:center; 
	width:auto; 
	height:auto; 
	margin-left:auto; 
	margin-right:auto; 
	}

.h-schmucklos a:link, .h-schmucklos a:hover, .h-schmucklos a:focus, .h-schmucklos a:active, .h-schmucklos a:visited {
	text-decoration:none;
	background-color:transparent;
	}


/* Grundstücksverkauf */

.h-verkauft {
        background-color: transparent;
	background-image:url(/kommunen/herne/ttw.nsf/res/verkauft.jpg/$file/verkauft.jpg);
        background-repeat:no-repeat;
	background-position: 10px;
        }

.h-reserviert {
        background-color: transparent;
	background-image:url(/kommunen/herne/ttw.nsf/res/reserviert.jpg/$file/reserviert.jpg);
        background-repeat:no-repeat;
	background-position: 10px;
        }

/* Kulturhauptstadt-Logo */

.h-klogo a:link,
.h-klogo a:focus,
.h-klogo a:hover,
.h-klogo a:active {
        background-color: transparent;
	text-decoration: none;
	background-image: none;
}

/* niedrige Boxen */

.h-modules {
	height: 80px; 
	min-height: 80px;
	background-color: #ffffff;
	background-image: url(../../theme_verwaltung/$file/bg_modules.gif) repeat-x left top;
	margin-bottom:1.25em;
 	z-index:999 !important;
}


/* Tag-Cloud */

.h-schmucklos2 a:link, .h-schmucklos2 a:hover, .h-schmucklos2 a:focus, .h-schmucklos2 a:active, .h-schmucklos2 a:visited {
	text-decoration: none;
	background-color: transparent;
	background-image: none;
	}

.h-tagcloud1 { font-size: 0.8em;}
.h-tagcloud2 { font-size: 0.8em;}
.h-tagcloud3 { font-size: 0.9em;}
.h-tagcloud4 { font-size: 1.0em;}
.h-tagcloud5 { font-size: 1.1em;}
.h-tagcloud6 { font-size: 1.2em;}
.h-tagcloud7 { font-size: 1.3em;}
.h-tagcloud8 { font-size: 1.4em;}
.h-tagcloud9 { font-size: 1.5em;}
.h-tagcloud10 { font-size: 1.6em;}
.h-tagcloud11 { font-size: 1.7em;}
.h-tagcloud12 { font-size: 1.8em;}

.h-right_box_tagcloud2{
	margin-right: auto;
	margin-left: auto;
	width: auto;
	background-color:#cccccc;
	border-style: solid;
	border-width: 3px;
	font-size:1em;
	padding:5px;
	overflow: hidden;
	text-align:center;
}


/* Veranstaltungskalender */

.h-schmucklos3 a:hover, .h-schmucklos3 a:focus, .h-schmucklos3 a:active {
	text-decoration: none;
	background-color: transparent;
	background-image: none;
	}

.h-schmucklos4 a:link a:hover, .h-schmucklos4 a:focus, .h-schmucklos3 a:active {
	text-decoration: none;
	background-color: transparent;
	background-image: none;
	}


/* Link ohne weissen Hintergrund für Aktuelles-Box */

.h-fixedstyle a:link,
.h-fixedstyle a:visited{
        color:#00692F;
        background-color: transparent;
        background-image:url(../../theme_main/$file/icon_more_no.gif);
        background-repeat:no-repeat;
        background-position:right;
	font-weight: bold;
    	padding: 0 0.5em 0 0;
}
.h-fixedstyle a:hover,
.h-fixedstyle a:focus,
.h-fixedstyle a:active{
        color:#FFFFFF;
        background-color:#00692F;
        background-image:url(../../layout/$file/icon_more_ro.gif);
        background-position:right;
        background-repeat:no-repeat;
	font-weight: bold;
    	padding: 0 0.5em 0 0;
}


/* Suchhilfe */

@font-face {
    font-family: 'DejaVuSansMonoBook';
    src: url('/kommunen/herne/ttw.nsf/files/webfonts/$file/dejavusansmono-webfont.eot');
    src: url('/kommunen/herne/ttw.nsf/files/webfonts/$file/dejavusansmono-webfont.eot?#iefix') format('embedded-opentype'),
         url('/kommunen/herne/ttw.nsf/files/webfonts/$file/dejavusansmono-webfont.woff') format('woff'),
         url('/kommunen/herne/ttw.nsf/files/webfonts/$file/dejavusansmono-webfont.ttf') format('truetype'),
         url('/kommunen/herne/ttw.nsf/files/webfonts/$file/dejavusansmono-webfont.svg#DejaVuSansMonoBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

span.h-suchhilfe {
	text-decoration:none; 
	background-color:#ffffff; 
	font-family:DejaVuSansMonoBook, Courier, Courier New, Lucida, Bitstream Vera;
}

div.h-suchhilfe2 {
	text-align:center; 
	font-weight:bold; 
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 8, 2011 */


/* Stile für MouseOver-Effekt bei Grundstücksangeboten*/

/* set up the font to be used for the page 
body {font-family: tahoma; arial, sans-serif;} */

/* set the size of the definition list <dl> and add the background image */
#h-imap {display:block; width:564px; height:509px; font-weight:normal; background:url(/kommunen/herne/ttw.nsf/files/grunstuecksangebote/$file/gartenstrasse_plaene_b_plan_564.jpg) no-repeat; position:relative;}

/* set up the definition list <dt><a> to hold the background image for the hover state */
#h-imap a#title {display:block; width:564px; height:0; padding-top:509px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(/kommunen/herne/ttw.nsf/files/grunstuecksangebote/$file/gartenstrasse_plaene_b_plan_564_hover.jpg) no-repeat 564px 509px; cursor:default;}
/* the hack for IE pre IE6 */
* html #h-imap a#title {height:509px; he\ight:0;}

/* the <dt><a> hover style to move the background image to position 0 0*/
#h-imap a#title:hover {background-position: 0 0; z-index:10;}

/* place the <dd>s in the correct absolute position */
#h-imap dd {position:absolute; padding:0; margin:0;}
#h-imap #h-picg1 {left:196px; top:346px; z-index:20;}
#h-imap #h-picg2 {left:225px; top:318px; z-index:20;}
#h-imap #h-picg3 {left:253px; top:294px; z-index:20;}
#h-imap #h-picg4 {left:305px; top:289px; z-index:20;}
#h-imap #h-picg5 {left:285px; top:249px; z-index:20;}
#h-imap #h-picg6 {left:241px; top:202px; z-index:20;}
#h-imap #h-picg7 {left:267px; top:180px; z-index:20;}
#h-imap #h-picg8 {left:266px; top:96px; z-index:20;}
#h-imap #h-picg9 {left:238px; top:122px; z-index:20;}
#h-imap #h-picg10 {left:208px; top:150px; z-index:20;}
#h-imap #h-picg11 {left:178px; top:178px; z-index:20;}
#h-imap #h-picg12 {left:148px; top:204px; z-index:20;}
#h-imap #h-picg13 {left:171px; top:249px; z-index:20;}
#h-imap #h-picg14 {left:197px; top:277px; z-index:20;}

/* style the <dd><a> links physical size and the background image for the hover */
#h-imap a#g1, #h-imap a#g2, #h-imap a#g3, #h-imap a#g4, #h-imap a#g5, #h-imap a#g6, #h-imap a#g7, #h-imap a#g8, #h-imap a#g9, #h-imap a#g10, #h-imap a#g11, #h-imap a#g12, #h-imap a#g13, #h-imap a#g14 {display:block; width:32px; height:32px; background:transparent url(/kommunen/herne/ttw.nsf/files/grunstuecksangebote/$file/x.gif) -100px -100px no-repeat; text-decoration:none; z-index:20;}

/* style the span text so that it is not initially displayed */
#h-imap a span, #h-imap a:visited span {display:none;}

#h-imap a {font-weight:normal;}

/* move the link background image to position 0 0 when hovered */
#h-imap a#g1:hover, #h-imap a#g1:focus, #h-imap a#g2:hover, #h-imap a#g2:focus, #h-imap a#g3:hover, #h-imap a#g3:focus, #h-imap a#g4:hover, #h-imap a#g4:focus, #h-imap a#g5:hover, #h-imap a#g5:focus, #h-imap a#g6:hover, #h-imap a#g6:focus, #h-imap a#g7:hover, #h-imap a#g7:focus, #h-imap a#g8:hover, #h-imap a#g8:focus, #h-imap a#g9:hover, #h-imap a#g9:focus, #h-imap a#g10:hover, #h-imap a#g10:focus, #h-imap a#g11:hover, #h-imap a#g11:focus, #h-imap a#g12:hover, #h-imap a#g12:focus, #h-imap a#g13:hover, #h-imap a#g13:focus, #h-imap a#g14:hover, #h-imap a#g14:focus {background-position:0 0;}

/* define the common styling for the span text */
#h-imap a:hover span, #h-imap a:focus span {position:absolute;  width:388px; display:block; font-family:arial; font-size:12px; background:#fff; color:#000; border:1px solid #000; padding:5px;}
/* the hack for IE pre IE6 */
* html #h-imap a:hover span {width:400px; w\idth:388px;}

/* move the span text to a common position at the bottom of the image map */
#h-imap a#g1:hover span, #h-imap a#g1:focus span {left:-36px; top:50px;}
#h-imap a#g2:hover span, #h-imap a#g2:focus span {left:-36px; top:50px;}
#h-imap a#g3:hover span, #h-imap a#g3:focus span {left:-36px; top:50px;}
#h-imap a#g4:hover span, #h-imap a#g4:focus span {left:-36px; top:50px;}
#h-imap a#g5:hover span, #h-imap a#g5:focus span {left:-36px; top:50px;}
#h-imap a#g6:hover span, #h-imap a#g6:focus span {left:-36px; top:50px;}
#h-imap a#g7:hover span, #h-imap a#g7:focus span {left:-36px; top:50px;}
#h-imap a#g8:hover span, #h-imap a#g8:focus span {left:-36px; top:50px;}
#h-imap a#g9:hover span, #h-imap a#g9:focus span {left:-36px; top:50px;}
#h-imap a#g10:hover span, #h-imap a#g10:focus span {left:-36px; top:50px;}
#h-imap a#g11:hover span, #h-imap a#g11:focus span {left:-36px; top:50px;}
#h-imap a#g12:hover span, #h-imap a#g12:focus span {left:-36px; top:50px;}
#h-imap a#g13:hover span, #h-imap a#g13:focus span {left:-36px; top:50px;}
#h-imap a#g14:hover span, #h-imap a#g14:focus span {left:-36px; top:50px;}

/* add the style for the link span text - first line */
#h-imap a span:first-line {font-weight:bold; font-style:italic;}
#h-imap a#g1 span:first-line {color: #ff0000;}
#h-imap a#g2 span:first-line {color: #ff0000;}
#h-imap a#g3 span:first-line {color: #ff0000;}
#h-imap a#g4 span:first-line {color: #ff0000;}
#h-imap a#g5 span:first-line {color: #ff0000;}
#h-imap a#g9 span:first-line {color: #ff0000;}
#h-imap a#g11 span:first-line {color: #ff0000;}


/* Listenformate */


ul.h-einge {
	list-style-position:outside;
	padding-left: 50px;
	margin-top: 5px;
		}

ol.h-buchstaben {
	list-style-type:lower-alpha;
	list-style-position:outside;
	padding-left: 50px;
	margin-top: 0px;
		}

ul.h-unter {
	list-style-type: disc;
	list-style-position:outside;
	padding-left: 20px;
	margin-top: 5px;
		}