html { min-height: 100%; height:100%; margin:0; padding:0; }
body { min-height: 100%; height:100%;  margin:0; padding:0; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, sans-serif; font-size: 1.0em; color: #000000; background-color:#FFFFFF; text-align: center; }

.hidden, .cms_hidden {
	position: absolute;
	top: -9999.99em;
	left: -9999.99em;
}

a { text-decoration: underline; color: #000080; }
a:active { color: #FF0000; }
a:hover  { color: #0000FF; }
a.anker  { position: absolute; }
a:focus  { color: #ffffff; background-color: #000000; }

/* --------------------------------------------- */
/* ----------- Content Schriftklassen ----------- */
/* --------------------------------------------- */

.fliesstext, .cms_fliesstext { font-size: 94%; text-align: justify; } /* 12px = 75% --> 94% */
.text,  .cms_text  { font-size:  88%; } /* 11px = 70% --> 88% */
.text1, .cms_text1 { font-size:  81%; } /* 10px = 65% --> 81% */
.text2, .cms_text2 { font-size:  88%; } /* 11px = 70% --> 88% */
.text3, .cms_text3 { font-size:  100%; } /* dies ist die Basis: 10pt = 13px = 80% (entsprechen 100%) */
.text4, .cms_text4 { font-size: 125%; } /* 16px = 100% --> 125% */
.text5, h5 { font-size: 95%; font-weight: bold; } /* 15px = 95%  --> 118% */
.text6, h4 { font-size: 100%; font-weight: bold; margin-bottom:0 } /* 18px = 110% --> 138% */
.text7, h3 { font-size: 125%; font-weight: bold; } /* 20px = 125% --> 156% */
.text8, h2 { font-size: 150%; font-weight: bold; } /* 24px = 150% --> 188% */
.text9, h1 { font-size: 175%; font-weight: bold; } /* 28px = 175% --> 219% */
td { font-size:  80%; }

/*.text5, h1 { font-size: 281%; font-weight: bold; color: #333333; } /* 36px = 225% --> 281% */
/*.text6, h2 { font-size: 219%; font-weight: bold; color: #333333; } /* 28px = 175% --> 219% */
/*.text7, h3 { font-size: 188%; font-weight: bold; color: #333333; } /* 24px = 150% --> 188% */
/*.text8, h4 { font-size: 156%; font-weight: bold; color: #333333; } /* 20px = 125% --> 156% */
/*.text9, h5 { font-size: 138%; font-weight: bold; color: #333333; } /* 18px = 110% --> 138% */

/* --------------------------------------------- */
/* -------------- Moduloutput ------------------ */
/* --------------------------------------------- */
/* sfm - Suchmaske || sres - Suchergebnis || titles- Abschnitt-Überschriften || detail - Detailansicht || cadr - Com-Adressen  */
/* ztx - Zusatztexte || baf_ftx - Formulare Beschreibung || baf_fdo - Formulare Download-Link || form_ft - Formularelemente || form_nft - Formularelemente mit fester Breite  */

.cadr, .baf_fdo { font-size: 81%; } /* 10px = 65% --> 81% */
.sfm, .sres, .baf_ftx, .form_ft, .form_nft { font-size: 88%; } /* 8pt = 11px = 70% --> 88% */
.form_nft { width: 100%; font-size: 81%; } /* 10px = 65% --> 81% */
.titles, .detail, .ztx { font-size: 94%; } /* 12px = 75% --> 94% */
.titles { color: #000000; }

/* Modul Bürgeranliegen */
input.ibal, .headbal, textarea.tbal, select.sbal { font-family: Verdana, Arial, Helvetica, Geneva, Swiss, sans-serif; font-size: 1.15em; } /* px = % --> % */
.headbal { font-weight: bold; font-size: 1.25em; }

/* ----------- Pressemodul-Einbindung ------- */
.pr_lk, .pr_da, .pr_tx { font-size: 88%; } /* 11px = 70% --> 88% */
.pr_lk { text-decoration: none; }

/* ----------- Pressemodul Seitenavigation ----------- */
.pnav_link { color: #000000; text-decoration: none; }
.pnav_act  { color: #000000; font-weight: bold; }

/* -----------Text und Bildunterschriften----------- */
.mt_ac   { border: 0 solid #000000; background-color: #eeeeee; color: #000000;  }
.mc1_ac  { background-color: #eeeeee; color: #000000; }
.mc2_ac  { background-color: #eeeeee; font-size: 88%; } /* 8pt = 11px = 70% --> 88% */
.tt_ac   { }
.tc1_ac  { }
.tc2_ac  { background-color: #eeeeee; font-size: 88%; } /* 8pt = 11px = 70% --> 88% */


/* -----------Direct iKISS----------- */
.CMenu    { POSITION: ABSOLUTE; Top:0; Left:0; WIDTH:150px; HEIGHT:100px; BACKGROUND-COLOR: #DDDDDD; }
.CMenuZ   { BACKGROUND-COLOR: #DDDDDD; HEIGHT:20px;  FONT-SIZE:8pt; COLOR:#000000; CURSOR:nw-resize; }
.CMenuZAn { BACKGROUND-COLOR: #000099; HEIGHT:20px;  FONT-SIZE:8pt; COLOR:#FFFFFF; CURSOR:nw-resize; }
.CMenuSep { Color:#121266; border-style: groove; border-width:1px; WIDTH: 97%; }


.snav_lk, .mnav_lk, .qnav_lk { }
.snav_ac, .mnav_ac, .qnav_ac { font-weight: bold; }

textarea.text { font-size: 100%; } /* px = % --> % */

/* --------------------------------------------- */
/* -------------- DESIGNELEMENTE  -------------- */
/* --------------------------------------------- */

form {
  padding: 0;
  margin: 0;
}

#seite {
	position: relative;
	width: 62.5em;
	margin: 0 auto;
	text-align: left;
	min-height: 100%;
}
* html #seite {
	height: 100%;
}
#raender {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 37.5em;
	border-left-width: 12.5em;
	border-left-style: solid;
/*	border-left-color wird in den Bereichs-CSS-Dateien gesetzt */
	border-right-width: 12.5em;
	border-right-style: solid;
/*	border-right-color wird in den Bereichs-CSS-Dateien gesetzt */
	font-size: 100%;
	z-index: 0;
}
* html #raender {
	width: 62.5em;
	z-index: -1;
}
#linker_rand {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	border-left-width: 12.5em;
	border-left-style: solid;
/*	border-left-color wird in den Bereichs-CSS-Dateien gesetzt */
	font-size: 100%;
	z-index: -1;
}

/* Kopfbereich */

#logo {
	position: absolute;
	right: 1.5em;
	bottom: 0.5em;
	width: 9.375em;
	height: 2.065em;
	z-index: 100;
}
#logo img {
	border: none;
	width: 9.375em;
	height: 2.065em;
}
#anzeigebereich_logo {
	position: relative;
	height: 2.75em;
	clear: both;
	z-index: 90;
}
#slogan {
	position: relative;
	width: 6.25em;
	height: 5.3em;
	background-color: #D9DADB;
	font-size: 200%;
	z-index: 1;
}
#slogan a {
	color: #000000;
	text-decoration: none;
}
#slogan a:focus { color: #ffffff; background-color: #000000; }
#slogan p {
	margin-top: 0.25em;
	margin-bottom: 0;
}
.slogan-header {
	font-size: 87.5%;
	padding-left: 0.5em;
	padding-top: 0.5em;
}
.slogan-text {
	font-size: 70.5%;
	padding-left: 1.5em;
}

#header {
	position: absolute;
	top: 0;
	left: 12.5em;
	width: 50.0em;
	height: 10.615em;
	background-color: #D9DADB;
	z-index: 1;
}
#QNav {
	line-height: 194%;
	width: 53em;		/* 46.875 * 0.8 = 37.5 (+ halbe Bildbreite wg. zusätzlichem Navpunkt Sitemap) */
/*	height: 1.94em;
	overflow: hidden; */
	white-space: nowrap;
	font-size: 80%;
	text-align: left;
	float: left;
}
#schriftaenderung {
	width: auto;
	padding-left: 1.5em;
	padding-top: 0.25em;
	float: left;
}
#schriftaenderung img {
	border: none;
}
#bilderleiste {
	clear: left;
	height: 7.065em;
	padding: 0;
	margin: 0;
}
.leistenbild {
	width: 12.5em;
	height: 7.065em;
	float: left;
	margin: 0;
}
* html .leistenbild {
	width: 12.475em;
}
.leistenbild img {
	width: 100%;
	height: 100%;
}
#MNav {
/*	font-family: Arial, sans-serif;*/
	line-height: 200%;
	font-weight: bold;
}
#MNav ul,
#MNav li {
	margin: 0;
	padding: 0;
	display: inline;
}
#MNav a {
	float: left;
	width: 12.5em;
	color: #000000;
	text-decoration: none;
	text-align: center;
}
* html #MNav a {
	width: 12.475em;
}
#MNav a.MNavPkt_1 {		/* Rathaus und Politik */
	background-color: #58585A;
	color: #FFFFFF;
}
#MNav a.MNavPkt_2 {		/* Leben in Herford */
	background-color: #CE2907;
	color: #FFFFFF;
}
#MNav a.MNavPkt_3 {		/* Tourismus und Kultur */
	background-color: #EE7F00;
	color: #FFFFFF;
}
#MNav a.MNavPkt_4 {		/* Wirtschaft */
	background-color: #003882;
	color: #FFFFFF;
}
#MNav a.MNavPkt_1:focus,
#MNav a.MNavPkt_2:focus,
#MNav a.MNavPkt_3:focus,
#MNav a.MNavPkt_4:focus,
#MNav a:focus { color: #000000; background-color: #dddddd; }

#SNav_Inhalt {
	position: relative;
	height: auto;
	padding-top: 0.25em;
	clear: both;
}
#SNav {
	float: left;
	width: 11.5em;
	padding-top: 1.0em;
	padding-left: 1.0em;
/*	background-color wird in den Bereichs-CSS-Dateien gesetzt */
}
* html #SNav {
	width: 12.5em;
}
#suchbutton {
	border: none;
	background: none;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
	padding: 0;
}
#SNav a {
	color: #FFFFFF;
	text-decoration: none;
}
#SNav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#SNav li {
	margin-top: 1.0em;
}
#SNav ul.ul_level_1 {
	font-size: 150%;
}
#SNav ul.ul_level_2 {
	font-size: 60%;	/* 60% x 150% = 90% */
}
#SNav ul.ul_level_3 {
	font-size: 0.8em;
	margin-top: 1.0em;
	margin-left: 1.0em;
	margin-right: 1.0em;
	padding-top: 0.005em;
	padding-left: 0.25em;
	padding-bottom: 0.5em;
/*	background-color wird in den Bereichs-CSS-Dateien gesetzt */
}
#SNav ul.ul_level_3 li {
	margin-top: 0.5em;
}
#SNav ul.ul_level_4 a {
	display: block;
	padding-left: 0.75em;
/*	background-image wird in den Bereichs-CSS-Dateien gesetzt */
	background-repeat: no-repeat;
	background-position: 0 0.25em;
}
* html #SNav ul.ul_level_4 a {
	background-position: 0 0.5em;
}
* html #SNav ul.ul_level_4 li {
	margin: 0;
	border-bottom-width: 1px;
	border-style: solid;
/*	border-color wird in den Bereichs-CSS-Dateien gesetzt */
}
#SNav a:focus { color: #ffffff; background-color: #000000; }

#pfad{
	position: relative;
	font-size: 65%;
	width: 56.0em; 			/* 57.69 * 0.65 = 37.5 */
	margin-left: 20.0em;			/* 20 * 0.65 = 13 */
	margin-bottom: 1.0em;
}

#contentblock {
	position: relative;
	font-size: 80%;
	margin: 0;
	margin-left: 210px;
	padding: 0;
}
* html #contentblock {
	height: 100%;
	margin-left: 0;
}
.withSidebar {
	position: relative;
	margin: 0;
	padding: 0;
}
.mainContent {
	position: relative;
	float: left;
	width: 45.0em;		/* 46.875 * 0.8 = 37.5 */
	margin-left: 0.5em;
	background: #FFFFFF;
}
* html .mainContent {
	margin-left: 0.25em;
}
.sidebar {
	position: relative;
	float: right;
	margin-right: 0;
	padding-right: 0;
	width: 15.625em;	/* 15.625 * 0.8 = 12.5 */
	min-height: 100%;
/*	background-color wird in den Bereichs-CSS-Dateien gesetzt */
}





/*
*        Styledefinitionen für Modultemplates nach BITV
*        Erstellt von Advantic Systemhaus GmbH, Peter Cochius, Dezember 2005
*/


/* Suchformular Spaltendefinition */
.mtp_fl, .cms_mtp_fl  { float: left; margin-right: 0.75em; width: auto; background-color: #FFFFFF; }

/* Suchformular Formularelement */
.mtp_fel, .cms_mtp_fel { font-size: 0.8em; /*width: 18.5em; */ } /* px = % --> % */

/* Kontaktformular Formularelemente */
.mtp_kel, .cms_mtp_kel { font-size: 100%; width: 30em; } /* px = % --> % */
.mtp_kta, .cms_mtp_kta { font-size: 100%; width: 30em; height: 5em; } /* px = % --> % */

/* Neudialog Elemente */
.mtp_nl, .cms_mtp_nl { float: left; width: 12em; }
.mtp_nr, .cms_mtp_nr { float: left; width: 22em; }

.mtp_nel, .cms_mtp_nel { font-size: 100%; width: 100%; } /* px = % --> % */
.mtp_nta, .cms_mtp_nta { font-size: 100%; width: 100%; height: 5em; } /* px = % --> % */
.mtp_now, .cms_mtp_now { font-size: 100%; } /* px = % --> % */


/* BITV-Sprungziele (nicht sichtbar bei aktiviertem CSS) */
.mtp_sprungziel, .cms_mtp_sprungziel { display: none; }

/* Standard-Textblock */
.mtp_dr, .cms_mtp_dr { float: left; width: auto; }

/* Spalte mit fester Breite (Bezeichnungsfelder) */
.mtp_dl, .cms_mtp_dl  { float: left; width: 10em; }

/* Titelzeile mit Datum rechts */
.mtp_ti_text, .cms_mtp_ti_text { float: left; width: 75%; /*font-size:80%; */} /* 14px = 88% --> 110% */
.mtp_ti_date, .cms_mtp_ti_date { float: left; width: 20%; text-align: right; font-size:70%; font-weight:normal} /* 14px = 88% --> 110% */

/* Zusatztexte bei Adr / BIS / WIS / Tourismus */
.mtp_ztx, .cms_mtp_ztx { font-size: 100%; } /* px = % --> % */

/* Fliesstext */
.mtp_f_text, .cms_mtp_f_text {/* font-size: 80%*/} /* px = % --> % */

/* Modulabhängige Styles */

/* Adresseinbindung, relative Breite */
.mtp_adr_sd, .cms_mtp_adr_sd { float: left; width: 75%; }
.mtp_adr_cd, .cms_mtp_adr_cd { float: left; width: 75%; }
.mtp_adr_cdl, .cms_mtp_adr_cdl { float: left; width: 10em; }
.mtp_adr_cdr, .cms_mtp_adr_cdr { float: left; width: auto; }
.mtp_adr_im, .cms_mtp_adr_im { float: left; width: auto; }

/* Adressmodul Suchergebnis */
.mtp_adr_srr, .cms_mtp_adr_srr  { float: left; width: 60%; }
.mtp_adr_srl, .cms_mtp_adr_srl { float: left; width: 10%; text-align: right; }

iframe {border: 1px solid gray; }

/*Anpassungen für Modulausgaben Kreisportal Herford */
/*
.mainContent{
	width:100%;
	float:left;
	}

.withSidebar .mainContent{
	width:67%;
	float:left;
	border-right: 2px solid silver;
	padding-right:10px;
	}
.sidebar{
	width:27%;
	float:left;
	margin-left:10px;
	}
*/
/* Formatierungen für Adressen in der Sidebar */
.sidebar .adrausgabe {
/*	color:		#FFFFFF;		falls überhaupt gesondert zu setzen, dann in den Bereichs-CSS-Dateien */
	font-size:	95%;
	padding:	1em 0.1em 0 0.90909em;
}
.sidebar .adrausgabe img {
	border-left:	none;
	border-right:	none;
	width:			25px;
	height:			20px;
}

.sidebar .text2{
	font-size:	95%;
	padding-left: 0.3em;
	
}
.sidebar h4{
	padding: 2px;
	position: relative;
/*	background-color wird in den Bereichs-CSS-Dateien gesetzt */
}
.sidebar p{
	padding-left:1em;
}
.sidebar ul {
	margin-left: 1em;
	padding-left: 1em;
}
/* Links in Adressen sollen (vor allem in der Sidebar) anders formatiert werden */
.sidebar .adrausgabe a:link,
.sidebar .adrausgabe a:visited,
.sidebar .adrausgabe a:hover,
.sidebar .adrausgabe a:active,
.sidebar .adrausgabe a:focus {
	background:		none;
	border-bottom:	none;
	border-top:		none;
	color:			#191970;
	display:		inline;
	font-size:		95%;
	font-weight:		normal;
	padding:		0 0;
	margin-top:		0;
	text-decoration:	none;
}

.sidebar .adrausgabe a:hover,
.sidebar .adrausgabe a:active,
.sidebar .adrausgabe a:focus {
	/*text-decoration:	underline;*/
	color:#8B0000;
}

.sidebar .csslink_extern{
	color:#FF0000;
}




.mainContent .adrausgabe{
		/*font-size:0.8em;*/
}

/* Suchformular Spaltendefinition */
.mainContent .mtp_fl { float: left; margin-right: 0.5em; width: auto; background-color: #FFFFFF; /*font-size:80%; */}

/* Suchformular Formularelement */
.mainContent .mtp_fel { font-size: 100%; /*width: 10em;*/} /* px = % --> % */
.mtp_felSuche{/*font-size: 80%; */width: 20em;}

.mainContent .mtp_header{
/*	background-color:silver; Bereichs-css */
/*	color:#000000;Bereichs-css */
	padding:2px; 
	margin-bottom:3px;
}


.mainContent .mtp_footer{
/*	background-color:silver; Bereichs-css */
	padding:3px;
	/*padding-bottom:8px;*/
	/*height:1.2em;*/
}
.mainContent .mtp_footer a {
	color: #FFFFFF;
}

.bgsuchmaske{
	/*position:relative;*/
	background-color:#ffffff;
	padding:3px;
	padding-bottom:13px;
}

.bgsuchmaske h4{
	background-color:#FFFFFF;
}

.mtp_adrbox{
	width:48.0%; 
	height:12em;
	border: 1px solid silver; 
	font-size:0.9em;
	margin-top:7px;
	margin-bottom:7px; 
	margin-right:7px;
	float:left;
}
.mtp_adranzeige{
	height:10em; 
	overflow:hidden;
	padding-left:5px;
}

.Trennlinie{
	color:silver; 
	background-color:silver; 
	height:2px;
	border:none;
	margin-top:1px; 
	margin-bottom:1px;
}


/*Ende Formatanpassungen Modulausgaben Portal Kreis Herford */

/* Google-Maps - einige der unten gesetzten Werte werden über die googlemaps.js zur Laufzeit überschrieben */
#igm_searchform  div.mtp_fl  { border: 1px solid #7694bd; padding: 4px; margin-right: 1em; margin-bottom: 1em; background: #edf1f6; height: 8em }
#igm_searchform  div.mtp_fl div  { border: none; padding: 0; margin: 0; height: auto; background: #edf1f6; }
#igm_client { width: 660px; height: 550px; position: relative; top: 0; left: 0; }
#map { width: 507px; height: 500px; position: absolute; top: 0; left: 0; overflow: hidden; }
#igm_adr { border: 1px solid #7694bd; background: #edf1f6; margin-left: 0.25em; 
	width: 150px; height: 50px; position: absolute; top:0; left: 507px; padding: 2px; overflow:auto;
}


 @media print {

  body {width: 100%; }
  #raender, #linker_rand, #header, .slogan-text, #SNav, #logo, #anzeigebereich_logo { display: none; }
  .mtp_footer img { display: none; }
  #slogan { height: auto; }
  .slogan-header { padding-left: 0; padding-top: 0; }
  #pfad { margin-left: 0; font-size: 10pt; }
  #contentblock { text-align: left; width: 17cm; }
  .mainContent, .sidebar { float: none; }

  }