html { margin: 0; padding: 0; height:100%; }
body { margin: 0; padding: 0; font-family:Verdana, Arial, Helvetica, Geneva, Swiss, sans-serif;  font-size:100%;  color:#000000; background-color:#CAE1FF; }

ul { padding-left: 5px; vertical-align: middle; }
* html ul {margin-right: 0px; margin-left: 5px; padding-left: 0em; }

li { padding-left: 0px; }



/* --------------------------------------------- */
/* -----------        Links           ---------- */
/* --------------------------------------------- */
A, A:link, A:visited { font-weight:bold; text-decoration: none; color: #191970; display:inline; background: none; border: none; padding: 0px;}
A:focus, A:active { font-weight: bold; text-decoration:none; color:#8B0000}
A:hover {color:#8B0000}

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

.fliesstext { font-size: 95%; text-align: justify }
.text {   font-size: 100%; font-family:Verdana, Arial, Helvetica, Geneva, Swiss, sans-serif;}
.text1  {  font-size: 80%; }
.text2  {  font-size: 90%; }
.text3  {  font-size: 100%; }
.text4  {  font-size: 110%; }
.text5, h5  {  font-size: 90%; }
.text6, h4  {  font-size: 100%; margin:3px}
.text7, h3  {  font-size: 110%; }
.text8, h2  {  font-size: 120%; }
.text9, h1  {  font-size: 130%; }
/*h1, h2, h3, h4, h5 {display: inline;}*/

/* --------------------------------------------- */
/* -------------- 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, .form_ft, .form_nft { font-size:70%;}
.sfm, .sres, .detail, .ztx, .baf_ftx, .baf_fdo { font-size: 80%; }
.titles { color: black ; font-size: 80%; }
.form_nft { width:15em; }


/* Modul Bürgeranliegen */
input.ibal, .headbal, textarea.tbal, select.sbal {font-size:5em; }
.headbal {font-weight:bold}

/* ----------- Pressemodul-Einbindung ------- */
.pr_lk, .pr_da, .pr_tx { font-size: 80%; }
.pr_lk { text-decoration: none; }

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

.clear_both {
  clear:both;
}

/* -----------Text und Bildunterschriften----------- */
.mt_ac  { border:0px solid #000000; background-color: #ffffff; color:#000000;  }
.mc1_ac  { background-color: #ffffff; color:#000000; }
.mc2_ac  { font-size: 70%; }
.tt_ac { border:0px solid #000000; }
.tc1_ac  { }
.tc2_ac  { font-size: 70%; }


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

/* Listen */

/*ul { padding-left: 1.5em; }
* html ul {margin-right:0; margin-left:1.5em; padding-left: 0em;  }*/

/* ---------------------------------------  */
/* Layout Elemente                          */
/* ---------------------------------------  */

#kopfbereich {
	z-index: 1;
	width: 100%;
	height: 110px;
	background-color: #CAE1FF;
	text-align: right;
	float: none;
	background-position: 15.25em 10px;
	background-image: url(/media/bildleiste.jpg);
	background-repeat: no-repeat;
}
#logo_ikiss { position:absolute; top:1em; left:1em; width:15em; height:7.5em; text-align:center;}
#kopfbild {
	/*position: absolute;
	top: 10px;
	left: 15em;
	height: 100px;
	width:100%;*/
}
#quicknav { padding-left:17em; text-align: left; font-size:90%; padding-top: 0.5em; background-color:#CAE1FF;  padding-bottom: 10px;}
/*#suchfeld { display:none; position:absolute; top:50px; left:400px; width:120px; height:18px; text-align:center;}*/
/*#sucheingabe { display:none; width:120px; left:400px; height:16px; border:none; }*/

#contentblock {
  background-color:#FFFFFF;
  position: absolute;
  left: 16em;
  margin-top:0px;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:10px;
  font-size: 95%;
}

#path {
	margin-left:25em;
	font-size:60%;
	padding-bottom:5px;
}
div#path a {
	color: #006400;
}

#block_links {
  display: block;
  padding-left:0.3em;
  padding-bottom:5px;
  width:15em;
  float:left;
  overflow: visible;
  background-color: #CAE1FF;
  }

div.quicknav_content {
  position:relative;
  padding-top: 4px;
  padding-bottom: 4px;
  top: 3px;
  left: 0px;
  width: 15em;
  font-size: 70%
}



/* ---------------------------------------  */
/* Navigation                               */
/* ---------------------------------------  */



/* --------------- */
/* Hauptnavigation */
/* --------------- */


  #menuBox ul{ margin:0px; padding:0px; }

  ul.ul_level0 {
    color:#191970;
    font-size:90%;
    list-style-type: none;
  }
  ul.ul_level1 {
    color:#191970;
    font-size:90%;
    list-style-type: none;
  }
  ul.ul_level2 {
    color:#191970;
    font-size:90%;
    list-style-type: none;
  }

  ul.ul_level0 li.li_level,
  ul.ul_level0 li.li_level_ac {
    color:#191970; 
    margin-left:5px;
    padding-left:2px;
  }

  ul.ul_level1 li.li_level,
  ul.ul_level1 li.li_level_ac {
    color:#191970; 
    margin-left:5px;
    padding-left:2px;
  }

  ul.ul_level0 li.li_level a:active,
  ul.ul_level0 li.li_level a:hover {
	width: 100%;
	display: block;
	color: #8B0000;
	font-weight: bold;
	font-size: 100%;
}

  ul.ul_level1 li.li_level a:active,
  ul.ul_level1 li.li_level a:hover snav_lk {
	width: 100%;
	display: block;
	color: #8B0000;
	font-weight: bold;
	font-size: 100%;
}

  ul.ul_level1 li a,
  ul.ul_level1 li a:link,
  ul.ul_level1 li a:visited {
    font-size: 100%;
  }

/* --------------- */
/* Quicknavigation */
/* --------------- */

 ul.ul_quick {
    list-style-type:none;
    margin-left:0em;
  }

  ul.ul_quick li a,
  ul.ul_quick li a:link,
  ul.ul_quick li a:visited {
    display:block;
    width:100%;
    padding-left: 0.5em;
    color:#191970;
    font-weight: bold;
    text-decoration: underline;
  }


  ul.ul_quick li a:focus,
  ul.ul_quick li a:hover,
  ul.ul_quick li a:active {
    display:block;
    width:100%;
    text-decoration: none;
    font-weight: bold;
    color:#8B0000;
    white-space: nowrap;
  }



/* ---------------------------------------  */
/* Kopfbereich                              */
/* ---------------------------------------  */



.sprungziele {
  position:absolute;
  top:-5000px;
  left:0px;
  z-index:5;
  width: 100%;
}

div.sprungziele li a:focus,
div.sprungziele li a:hover,
div.sprungziele li a:active {
  position: absolute;
  top: 5020px; left: 50px;
  white-space: nowrap;
  display:block;
  padding-left:22px;
  padding-right:0.2em;
  text-decoration: none;
  font-weight: bold;
  color:#000000; /*hier Farbe geändert  */
  white-space: nowrap;
  background-color:yellow;
  border-left:1px solid #888888;
  border-top:1px solid #888888;
  border-right:1px solid #FFFFFF;
  border-bottom:1px solid #FFFFFF;
}


/* Contentelelemente */
.headline_blue {
  width: auto;
  height: 1em;
  border: 1px solid #0b4e79;
  font-weight: bold;
  padding: 5px;
  color: #fff;
  vertical-align: middle;
  background-color: #003366;
}

.content_block_left {
  display: block;
  float: left;
  width: 28em;
  border: 1px solid #0b4e79;
}

.content_block_right {
  display: block;
  margin-left: 10px;
  float: left;
  width: 10em;
  border: 1px solid #0b4e79;
}

/* Modulausgabe */

.searchform {
  display: block;
  float: left;
  width: 10em;
  padding: 0.5em;
  background-color:#E6F1F8;
}

.searchresult {
  float: left;
  display: block;
  width: 29.5em;
  margin-left: 1em;
}

/* Suchergebnisanzeige Übersichtsliste*/

.field_number {
  display: block;
  float:left;
  width: 2em;
}

.field_title {
  display: block;
  float:left;
  width: 19.5em;
}

.headline_light_blue {
  display: block;
  width: 29.5em;
  background-color: #E6F1F8;
}

.field_title_detail {
  float:left;
  width: 17.5em;
}


.field_date {
  display: block;
  float:left;
  width: 10em;
  text-align: right;
}

.field_text {
  display: block;
  width: 29.5em;
}


.weiss {
        color:#FFFFFF
}

/* -----------Modul Newsletter----------- */
.news_searchwidth { width:140px; padding:4px; }

/* -----------Modul Terminbuchung----------- */
.sps_searchwidth { width:160px; padding:2px; }

/* Nav-Links */
.qnav_lk {
/*        color: #191970;*/
        }
.snav_lk {
/*        color: #191970;*/
}
.snav_ac {
        color: #8B0000;
/*        text-decoration:underline; */
}

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

/* Modul - Kopfzeile Suchergebnis & Detailansicht */
.mtp_header { background-color: #cae1ff;  padding: 5px; margin-bottom:10px; font-size: 90%; }

/* Modul - Fußzeile Suchergebnis & Detailansicht */
.mtp_footer { background-color: #cae1ff;  padding: 5px; font-size: 90%; }

/* Suchformular Spaltendefinition */
/*.mtp_fl { float: left; margin-right: 1em; width: auto; background-color: #ffffff; }*/

/* Suchformular Formularelement */
/*.mtp_fel { font-size: 90%; width: 14em; }*/

/* Kontaktformular Formularelemente */
.mtp_kel { font-size: 100%; width: 30em; }
.mtp_kta { font-size: 100%; width: 30em; height: 5em; }

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

.mtp_nel { font-size: 100%; width: 100% }
.mtp_nta { font-size: 100%; width: 100%; height: 5em; }
.mtp_now { font-size: 100%; }


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

/* Standard-Textblock */
.mtp_dr { float: left; }

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

/* Titelzeile mit Datum rechts */
.mtp_ti_text { float: left; width: 75%;}
.mtp_ti_date { float: right; width: 20%; text-align: right; }

/* Zusatztexte bei Adr / BIS / WIS / Tourismus */
.mtp_ztx { font-size:100%; }

/* Fliesstext */
.mtp_f_text { font-size:100%; }

/* Modulabhängige Styles */

/* Adresseinbindung, relative Breite */
.mtp_adr_sd  { float: left; width: 45%; font-size: 80%; margin-top: 10px; }
.mtp_adr_cd  { float: left; width: 45%; font-size: 80%; margin-top: 10px; }
.mtp_adr_cdl { float: left; width: 30%; font-size: 80%; }
.mtp_adr_cdr { float: left; width: auto; font-size: 80%; }
.mtp_adr_im  { float: left; width: auto; font-size: 80%; margin-top: 10px; }

/* Adressmodul Suchergebnis */
.mtp_adr_srr { float: left; width: 60%; }
.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 #CAE1FF;
	padding-right:10px;
	}
.sidebar{
	width:27%;
	float:left;
	margin-left:10px;
	}
/* Formatierungen für Adressen in der Sidebar */
.sidebar .adrausgabe {
	color:		#000000;
	font-size:	80%;
	padding:	1em 0.1em 0 0.90909em;
}
.sidebar .adrausgabe img {
	border-left:	none;
	border-right:	none;
	width:			25px;
	height:			20px;
}

.sidebar .text2{
	font-size:	85%;
	
}
.sidebar h4{
	background-color:#CAE1FF;
	color:#000000;
	padding:2px;
}
.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:			#191970;
	display:		inline;
	font-size:		90%;
	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:80%;
}


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

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

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

.mainContent .mtp_footer{
	background-color:#CAE1FF;
	padding:3px;
	padding-bottom:8px;
	height:1.2em;
}

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

.mtp_adrbox{
	width:48%; 
	height:12em;
	border: 1px solid #CAE1FF; 
	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:#CAE1FF; 
	background-color:#CAE1FF; 
	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 { /*float: left;*/ width: 15em; /*margin: 5px;*/ position: absolute; top: 5px; left: 5px; padding: 5px; background-color: #CAE1FF; }
#igm_searchform div.mtp_fl { border: 1px solid #FFFFFF; padding: 4px; margin-bottom: 1em; background: #CAE1FF; width: 14.25em; }
#igm_searchform div.mtp_fl div { border: none; padding: 0; margin: 0; height: auto; background: #CAE1FF; }
#igm_kartenanzeige { margin-top: 5px; /*float: left;*/ padding-left: 16.5em; }
#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 #CAE1FF; background: #FFFFFF; margin-left: 0.25em; font-size:0.85em;
	    width: 200px; height: 50px; position: absolute; top:0px; left: 507px; padding: 2px; overflow:auto; }



/*Elemente bei Druck ausblenden */
@media print {
 #kopfbereich, #logo_ikiss,#kopfbild, #quicknav, #block_links {display:none}
 #contentblock {left: 1cm; padding-right:1cm}
 body {background-color: white}	
}