html { min-height: 100%; height:100%; margin:0;padding;0 }
body { min-height: 100%; height:100%;  margin:0px; padding:0px; padding-top:1em; 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: #FF0000; }*/
a.anker  { position: absolute; }

/* --------------------------------------------- */
/* ----------- 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-size: 5em; } /* px = % --> % */
.headbal { font-weight: bold; }

/* ----------- 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: 0px 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:0px; Left:0px; 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: 0px;
  margin: 0px;
}
fieldset {
	border:	none;
	margin:	0;
	padding:0;
	}


#seite {
	position: relative;
	width: 63em;
	margin: 0 auto;
	padding:0;
	/*margin-top:1em;*/
	text-align: left;
	min-height:100%;
	background-color:#FFFFFF;
}

* html #seite {
	height: 100%;
	
}
/** + html #seite {
	height: 100%;
}	*/

#raender {
	position: absolute;
	top: 0;
	left: 0;
	min-height:100%;
	height:100%;
	width: 37.875em;
	border-left-width: 12.5em;
	border-left-style: solid;
/*	border-left-color wird in den Bereichs-CSS-Dateien gesetzt */
	border-right-width: 12.625em;
	border-right-style: solid;
/*	border-right-color wird in den Bereichs-CSS-Dateien gesetzt */
	font-size: 100%;
	z-index: 0;
}
* html #raender {
	width: 63em;
	z-index: 0;

}
	
#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: 0;
}




/* Kopfbereich */
#block_links{
/*	position:relative;
	float:left;*/
	position:absolute;
	left:0;
	top:0;
	width:12.5em;
	height:13.33em;
	z-index:1;
		}
	
#suchbereich{
	height:3.0em;
	font-size:80%;
	/*width:12.5em;*/
	}
	
#slogan {
	position:relative;
	height:9.55em;
	z-index:1;
	background-color:#E0E3ED;
	padding-top:1em;
	text-align:center;

}
* html #slogan{
	height:10.55em;}


#header {
	position:absolute;
	top:0;
	left:12.5em;
	width: 50.5em;
	height:13.33em;
	background-color: #E0E3ED;
	z-index:1;
	
	
}

	
#QNav {
	position:relative;
	height:3.5em;
	font-size: 80%;
	width:46.5em;
	float: left;
	text-align:right;
	
}
#flagge,#schriftaenderung {
	width: auto;
	padding-left: 3.0em;
	padding-top:0.25em;
	float:right;
	
}
#flagge img, #schriftaenderung  img{
	border:none;
}
#bilderleiste {
	clear: left;
	padding: 0;
	
	margin: 0;
}
.leistenbild {
	
	width: 12.55em;
	height:8.4375em;
	/*height: 7.95em; /*7.065em;*/
	float: left;
	margin: 0;
	border-left: 0.1em solid white;
}

* + html .leistenbild{
	width:12.6em;
	}
* html .leistenbild{
	width:12.6em;
}
.leistenbild_breit {
	
	width: 50.5em;
	height:8.4375em;
	/*height: 7.95em; /*7.065em;*/
	float: left;
	margin: 0;
	/*border-left: 0.1em solid white;*/
}

/* * + html .leistenbild_breit{
	width:50em;
	}
* html .leistenbild_breit{
	width:50em;
}
*/	
	
.leistenbild,
.leistenbild_breit img {
	width: 100%;
	height: 100%;
}
#MNav {
/*	font-family: Arial, sans-serif;*/
	line-height: 2.0em;
	font-weight: bold;
	
	}
#MNav ul,
#MNav li {
	margin: 0;
	padding: 0;
	display: inline;
}
#MNav a {
	float: left;
	width: 12.625em;
	color: #000000;
	text-decoration: none;
	text-align: center;
	border-bottom:1px solid black;
		
}


#MNav a:hover.MNavPkt_1 {
	background-color: #AAAAA9;
	color: #FFFFFF;
	}
#MNav a:hover.MNavPkt_2 {
	background-color: #BC5937;
	color: #FFFFFF;
}
#MNav a:hover.MNavPkt_3 {
	background-color: #4B6E58;
	color: #FFFFFF;
}

#MNav a:hover.MNavPkt_4 {
	background-color: #416388;
	color: #FFFFFF;
}
#suchbutton {
	display:none;
	border: none;
	background-color: #FFFFFF; /*wird später in den Bereichs-css geetzt */
	color: #000000;
	font-weight: bold;
	cursor: pointer;
	padding: 0;
	
}
#suche{
	width:12.5em;
}

	
#such{
	margin-left:25px;
	margin-top:10px;
	margin-bottom:12px;
	}
#SNav_Inhalt {
/*	position: absolute;*/
	position:relative;
	padding-top:13.4em;
	min-height:100%;
	
	clear: both;
	width:63em;
	/*background-color:#FFFFFF;*/
	/*padding-top: 0.25em;*/
	/*border-left: 12.5em #C5221D solid;
	border-right: 12.5em #C5221D solid;*/
}
* html #SNav_Inhalt{
	height:auto;
	}
#SNav {
	float: left;
	width: 12.5em;
		/*padding-left: 1.0em;*/
	/*padding-top: 1.0em;*/
	/*background-color: #C5221D; wird in den Bereich-CSS gesetzt */
}



#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%;
	padding-top:0.2em;
}
/* * html #SNav ul.ul_level_1 {
	margin-top:-1em;
	}
* + html #SNav ul.ul_level_1 {
	margin-top:-1em;
	}*/
	
#SNav ul.ul_level_1  a{
	margin-left:1em;
	display:block;
	
}
#SNav ul.ul_level_2 {
	font-size: 60%;	/* 0,589 x 1.7 = 1.0013 */
	padding-top:0.5em;
}
#SNav ul.ul_level_3 {
	font-size: 0.8em;
	margin-top: 1em;
	margin-left: 1em;
	margin-right: 1em;
	padding-top: 0.005em;
	padding-left: 0.5em;
	padding-bottom: 0.5em;
	/*background-color: #BC5937; wird in den Bereich-CSS gesetzt */
}
#SNav ul.ul_level_3 li {
	/*margin-top: 0.5em;*/
}
#SNav ul.ul_level_3 li _level{
	margin-top: 0.5em;
	
}
#SNav ul.ul_level_4 a{
	display: block;
	padding-left:0.75em;
	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 Bereich-CSS gesetzt */
} 

#Schlagworte{
	clear:both;
	font-size:80%;
	margin-top:2em;
	}
/*#Schlagworte a{
	padding-left:1em;}	*/

#Schlagworte ol{
	color: #FFFFFF;
	}		

	#pfad {
	position:relative;
	font-size:65%;
	width:56em;
	margin-left:20em;
	margin-bottom:1em;
	padding-bottom:10px;
/*	color --> Bereichs-CSS-Dateien */
}
#pfad a {
	text-decoration:none;
/*	color --> Bereichs-CSS-Dateien */
}
#pfad a:hover {
	text-decoration:underline;
}


#contentblock {
	position:relative;
	font-size:80%;
	margin:0;
	margin-left:210px;
	padding:0;
	
}
* html #contentblock{
	height:100%;
	margin-left:0;
	padding-left:0.5em;

}
/** + html #contentblock{
	height:100%;
	margin-left:210px;
	}*/
.withSidebar{
	position:relative;
	margin:0;
	padding:0;
}
.mainContent {
	/*position:relative;*/
	float:left;
	width:42.25em;
	padding-right:3em;
	padding-left:0.5em;
	/*margin-left:0.5em;*/
	background-color:#FFFFFF;
}
 *html .mainContent{
	width:46em;
	padding-right:3em;
	}

.sidebar {
	/*position: relative;*/
	float:right;
	/*margin-right: 0;
	padding-right:0;*/
	margin:0;
	padding:0;
	width: 15.775em;
	/*width:15.5em;  nur für Opera passend*/
	min-height:100%;
	color:#FFFFFF;
	/*background-color: #C5221D; wird in den Bereich-CSS gesetzt */
}


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

/* Modul - Kopfzeile Suchergebnis & Detailansicht */
.mtp_header, .cms_mtp_header {/* background-color: gray;*/ /*width: 100%; */ padding: 5px; margin-bottom: 5px; /*font-size:125%; */} /* 16px = 100% --> 125% */

/* Modul - Fußzeile Suchergebnis & Detailansicht */
.mtp_footer, .cms_mtp_footer { /*background-color: gray;*/ /*width: 100%; */ padding: 5px; }

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

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

/* Titelzeile mit Datum rechts */
.mtp_ti_text, .cms_mtp_ti_text { float: left; /*width: 75%;*/ font-size:110%; } /* 14px = 88% --> 110% */
.mtp_ti_date, .cms_mtp_ti_date { float: left; width: 20%; text-align: right; font-size:110%; font-weight:normal} /* 14px = 88% --> 110% */
.mtp_fl h4,
.mtp_fl h5 { margin: 0; display: inline !important; }*/

/* 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: 100%; } /* px = % --> % */

/* Modulabhängige Styles */

/* Adresseinbindung, relative Breite */
.mtp_adr_sd, .cms_mtp_adr_sd { float: left; width: 45%; }
.mtp_adr_cd, .cms_mtp_adr_cd { float: left; width: 45%; }
.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;
	font-size: 95%;
	padding: 1em 0.5em 0.5em 1em;
}
.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;*/
	margin:0;
	/*background-color in den Bereich-CSS */
}
.sidebar p{
	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:			#FFFFFF;
	display:		inline;
	font-size:		95%;
	font-weight:		normal;
	padding:		0em 0em;
	margin-top:		0px;
	text-decoration:	none;
}


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



.mainContent .adrausgabe{
		/*font-size:110%;*/
}


/* 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: 80%;*/ /*width: 10em;*/} /* px = % --> % */
.mtp_felSuche{/*font-size: 80%; */width: 20em;}

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

.mainContent .mtp_footer{
	/*background-color:silver;*/
	padding:3px;
	/*padding-bottom:8px;
	height:1.2em;*/
}
.sidebar .mtp_header{
	padding:0.5em;
	
	}

.bgsuchmaske{
	background-color:#ffffff;
	padding:3px;
	padding-bottom:13px;
}
.bgsuchmaske h4{
	background-color:#FFFFFF;
}

.mtp_adrbox{
	width:48.5%; 
	height:12em;
	border: 1px solid silver; 
	font-size:90%; 
	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: 0px; left: 0px; }
#map { width: 507px; height: 500px; position: absolute; top: 0px; left: 0px; overflow: hidden; }
#igm_adr { border: 1px solid #7694bd; background: #edf1f6; margin-left: 0.25em; 
	width: 150px; height: 50px; position: absolute; top:0px; left: 507px; padding: 2px; overflow:auto;
}

blockquote {
	margin-right: 0;
}


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

  }
