/*
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;
             }

.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-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;
           }

/*  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;
	}