html { min-height: 100%; height:100%; min-width:100%;}
body { min-height: 100%; min-width:100%; height:100%;  margin:0px; padding:0px; font-family: Trebuchet MS, Verdana, Arial, Helvetica, Geneva, Swiss, sans-serif; font-size: 100%; color: #404040; background-color:#FFFFFF; }

.hidden { position: absolute; display: block;  top:-3500px; left: 20px; width: 0px; z-index:2; }

a:link      { text-decoration: underline;color: #000080; } /*Linkdarstellung wie im alten Auftritt */
a:visited{ text-decoration: underline;color: #000080; }
a:active  { text-decoration: underline;color: #FF0000; }
a:hover    { text-decoration: underline;color: #0000FF; }
a.anker    { position: absolute; }


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

.fliesstext, .cms_fliesstext { font-size: 1.2em; text-align: justify; } 
.text  { font-size: 1.2em; } 
.text1 { font-size: 0.65em; } 
.text2 { font-size: 0.8em; } 
.text3 { font-size: 1em; } 
.text4 { font-size: 1.1em; } 
.text5, h5 { font-size: 1em; font-weight: bold; padding:0; margin:0; color: #427730}
.text6, h4 { font-size: 1.1em; font-weight: bold;padding:0; margin:0; color: #404040  } 
.text7, h3 { font-size: 1.2em; font-weight: bold; padding:0; margin:0; color: #427730}
.text8, h2 { font-size: 130%; font-weight: bold;padding:0; margin:0;  } 
.text9, h1 { font-size: 150%; font-weight: bold;padding:0; margin:0;  }
th { font-weight: bold;  text-align: left; }
* html th,
* html td { font-size: 1em; }

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

/* 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; }
.Aohne { text-decoration: none; }

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

/* -----------Text und Bildunterschriften----------- */
.mt_ac   { border: 0px solid #003366; background-color: #eeeeee; color: #404040;  }
.mc1_ac  { background-color: #eeeeee; color: #003366; }
.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%; }


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

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

.clear {
  float: none;
  clear: both;  
}

/* Anzeigebereich in der Breite begrenzen und zentrieren */
body#ausgabe {
	text-align:left;
	color: #404040; 
	background-color:#FFFFFF;
	min-height:100%;
}
#sitewrapper {
	position: relative;
	min-height: 100%;
	/*min-width:100%;*/
	/*width:100%;*/
	
}

* html #sitewrapper {
	height: 100%;
	
}

/* Kopfbereich */
#header {
	position:relative;
	min-width:100%;
	margin:0;
	padding:0;
	background-color:#E17000;
	/*height:10em;*/
	min-height:7em;
	border-bottom: 0.5em solid #FFFFFF;
	

}
* html #header{
	height:7em;
	}

#schriftzug{
	text-align:center;
}


#balken_gruen{
	margin:0;
	padding:0;
	position:relative;
	/*min-width:100%;*/
	margin-left:13em;
	/*background-position:13em;*/
	background-color:#7AB800;
	height:3em;
	border-bottom: 0.5em solid #FFFFFF;
	/*z-index:-1;*/
}
* html #balken_gruen{
	z-index:-1;
}
#logo {
	position:relative;
/*	margin-right:11em;	*/
	margin-right: 13%;
	margin-left:1em;
	float:right;
	top:1em;
	z-index:10;
}
* html #logo{
	top:1.5em;
/*	margin-right:5.5em;	*/
margin-right: 7%;
	}
* + html #logo {
margin-right: 15%;
}

#logo img {
	width:6.3755em;
	height:7.875em;
	border-style:none;
}
#motto {
	text-align:center;
	font-size:1.5em;
	padding-top:1.5em;
}


/* HAUPT- bzw. MAIN-NAVIGATION */
#MNav {
	position:absolute;
	margin-left:14em;
	/*top:5.9em;*/
	bottom:0;
	font-size:1em;
	font-weight:bold;
	/*width:46em;*/
	color:#427730;
	background-color:#FFFFFF;
	padding-left:0.5em;
	padding-right:0.5em;
	margin-right:18.1em;
	
	
}

* html #MNav {
	position: relative;
	top: 6.5em;
	margin-left:13em;
	margin-right:18.6em;
	/*width:60%;*/
	
	
}
	
#MNav a  {
	font-size:1.1em;
	text-decoration: none;
	color:#427730;
	padding-left:0.15em;
	background-color:#FFFFFF;
}
#MNav a:active,
#MNav a:hover,
#MNav a:focus {
	color: #F24C00;
	text-decoration:none;
}
#MNav .mnav_ac {
	color: #F24C00;
}


	
.presign_mnav{
	width:auto;
	margin-right:0.5em;
	padding-left:0.5em;
	background-image:url(media/knopf.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
	background-color:#FFFFFF;
	
	}
	

/* BREADCRUMB */
#pfad {
	padding-top:0.25em;
	padding-left:2em;
	margin-bottom:0.25em;
	/*padding-left:205px;*/
	color: #FFFFFF;
	font-size: 0.7em;
	/*margin-left:10px;*/
}

* html #pfad{
	padding-left:3.5em;
}
#pfad a{
	color:#FFFFFF;
	text-decoration:none;}

/* SUBNAVIGATIONSBLOCK */

#block_links{
	/*float:left;*/
	position:absolute;
	left:0;
	width:13.0em;
	border-right:0.5em #FFFFFF solid;
	margin:0px;
	padding-top:5.0em;
	/*padding-bottom:2.0em;*/
	padding-left:0.5em;
	background-color:#427730;
	min-height:100%;
	z-index:100;
}
* html #block_links{
	height:100%;
	
}
#SNav {
	font-size:1em;
	line-height:20pt;
	/*line-height:1.395em;*/
	background-color:#FFFFFF;
	color:#427730;
	margin-left:0.5em;
	
}
#SNav a {
	display:block;
	width:100%;
	margin-bottom:0px;
	color:#427730;
	text-decoration:none;
}
#SNav a:active,
#SNav a:hover,
#SNav a:focus {
	color: #F24C00;
	text-decoration:none;
}
#SNav ul {
	margin:0;
	padding:0;
}
#SNav ul li {
	padding-left:0.5em;
}
#SNav ul.ul_level_0{
	display:none;
}
	
#SNav ul.ul_level_1 {
	list-style-type:none;
	padding:0
}
#SNav ul.ul_level_2 {
	list-style-type:none;
}
#SNav ul.ul_level_2 li {
	/*padding-bottom:0.25em;*/
}
#SNav ul.ul_level_3 {
	list-style-type:none;
	padding-left:0;
}
#SNav ul.ul_level_3 li {
	list-style-type:none;
	padding-left:0;
}
/*#SNav ul.ul_level_3 li a {
	list-style-type:none;
	padding-left:9px;
	
}*/
#SNav ul.ul_level_4 {
	list-style-type:none;
	padding-left:0.75em;
}
#SNav ul.ul_level_5 {
	list-style-type:none;
	padding-left:0.75em;
}

#SNav .snav_ac {
	color: #F24C00;
}

#suchformular {
	margin-top:20pt;
	position:relative;
	font-size:1em;
	line-height:20pt;
	background-color:#FFFFFF;
	margin-left:0.5em;
	padding-left:0.5em;
	display:block;
	}
.suchelinks{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Geneva, Swiss, sans-serif; 
	font-size: 1em; 
	color: #427730; 
	border:none;
	vertical-align:middle;
	
	
	}	

.suchbutton {
	/*width:1.25em;*/
	height:1.25em;
	background-color:#FFFFFF;
	color:#427730;
	font-weight:bold;
	
}

/*Quicknavigation */
#QNav {
	padding-top:1.3em;
	color:#FFFFFF;
	/*background-color:#427730;*/
	font-size:1em;
	line-height:18pt;
	font-weight:normal;
	padding-left:1.5em;
	z-index:10;
}
* html #Qnav{
	padding-left:1em;
	padding-top:1.8em;

	}

#QNav a {
	color:#FFFFFF;
	text-decoration:none;
	margin-right:1em;
	/*font-weight:normal;*/
}
#QNav a:active,
#QNav a:hover,
#QNav a:focus {
	color:  #F24C00;
}

/* Inhaltsbereich mit Sidebar */
#contentblock {
	font-size:1em;
	position:relative;					/* wichtig für die Positionierung der Sidebar */
/*	border-right:16em #FFFFFF solid;*/	/* Bereich für die Sidebar - damit sich der Hintergrund der Sidebar der Höhe des Inhalts anpasst */
	/*margin-left:13.0em;*/
	border-left: 13.5em #427730 solid;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-bottom: 5px;
	padding-top: 0px;
	
}

* html #contentblock {
	border-left-width:12.5em;
/*	border-right-width:18em;*/
}

.geschichtsseite {	/* diese Klasse wird nur auf der Seite "Die Geschichte der Stadt Espelkamp" verwendet, da diese Probleme in den IEs verursacht */
	float: left;
}


#mainContent{
	float:left;
	
	/*width:46.5em;/
	padding-left:0.2em;
	/*padding-right:17em;*/
	/*border-right: 1px solid #7AB800;*/
	}
* html #mainContent{	
	padding-right:0;
	}
#inhalt #mainContent {
 width: 72%;
}
* html #inhalt #mainContent{
  width:72%
}
#sidebar {
	/*position:relative;*/
	float:right;
/*	position:absolute;	*/
/*float: left;*/
	/*font-size:0.9em;*/
	margin:0px;
margin-left: 0.5em;
	/*margin-right:-17em;*/
	padding:0px;
	top:0px;
	right: 0;
	width:17em;
/*	width:17em;	*/
	/*right:0em;*/
	/*background-color:#FFFFFF;*/
}

* html #sidebar{
	margin-right:0;
	right:0;
	width:17em;
}
* + html #sidebar{
	right:0;
	width:17em;
}

#sidebar h4, 
#sidebarstartseite h4{
	color: #427730;
	}
#sidebar h5, 
#sidebarstartseite h5{
	color: #404040;
	font-weight:normal;
	font-size:0.8em;
	}	



.sidebarblock {
	display:block;
	margin-bottom:1em;
	padding:0.5em;
	border-bottom:2px #FFFFFF solid;
	color:#003366;
}
.sidebarblock h3 {
	font-size:1em;
	margin-top:0px;
	margin-bottom:0px;
}
.sidebarblock p {
	margin-top:0px;
	margin-bottom:0px;
}
.presign_nav {
  width: 0.5em;
  height: 0.5em;
  margin-bottom:0.1em;
  /*margin-right:0.3em;*/
  margin-left:0.2em;
}




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

/* Modul - Kopfzeile Suchergebnis & Detailansicht */
.mtp_header { background-color: #427730; color:#FFFFFF; padding: 5px; margin-bottom: 5px;  }
.mtp_header h3,
.mtp_header h4,
.mtp_header h5 { padding:0px; margin:0px; }

/* Modul - Fußzeile Suchergebnis & Detailansicht */
.mtp_footer { background-color: #7AB800; color:#FFFFFF; padding: 5px; }
/* Suchformular Spaltendefinition */
.mtp_fl {
	float:left;
	font-size:0.9em; 
	margin-right:0.3em;
}

/* Suchformular Formularelement */
.mtp_fel { font-size: 0.9em; width: 14em; margin-bottom:0.25em;} /* px = % --> % */
td.mtp_fel { font-size:0.7em; }

/* Suchformular im Vordergrund (ebenentechnisch höher) platzieren */
#mtp_searchform {
/*	z-index:100;
	position:absolute;
	font-size:0.9em;
	width:17.5em;
	width:18.5em;
	right:-18.5em;
	margin-bottom:1em;
	padding:0.5em;
	border-bottom:2px #FFFFFF solid;
	color:#003366;*/
}

/* Suchformular Anzeigebutton */
#anzeigebutton {
	text-align:left;
	font-size:1em;
	width:14.0em;
	color:#FFFFFF;
	background-color:#003366;
	border-color:#003366;
	margin-top:0.25em;
	cursor:pointer;
}

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

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

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


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

/* Standard-Textblock */
.mtp_dr {/* padding-left:10em; */}

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

/* Titelzeile mit Datum rechts */
.mtp_ti_text { float: left; width: 75%;font-size:1em;} /* 14px = 88% --> 110% */
.mtp_ti_date { float: right; width: 23%; color:#000080;font-size: 80%; text-align:right;} /* 14px = 88% --> 110% */

/*.mtp_header .mtp_ti_text { float:none; width:81%; }*/

.bis_ergebnisliste p { margin-top:0.25em; margin-bottom:0.25em; }

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

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

/* Modulabhängige Styles */

/* Adresseinbindung, relative Breite */
.mtp_adr_schmal{
/*	float: left;*/
	display:block;
	width:100%;
	padding-left:3px;
	font-size:85%;
	}
.mtp_adr_schmal_titel{
	font-weight:bold;
/*	float:left;*/
	display:block;
	width:100%;
	padding-left:3px;
	font-size:85%;
}	
.mtp_adr_sd{ float: left; width: 40%; }
.mtp_adr_cd { float:left; width: 85%;font-size:80%; }
.mtp_adr_cdl { float: left; width: 35%; text-align:left;margin-right:0.5em; clear:left; }
.mtp_adr_cdr {width: 60%;float:left; }
.mtp_adr_im { float:right; width: auto; }

/* Adressmodul Suchergebnis */
/* Adressmodul Suchergebnis */
.mtp_adr_srr { float: left; width: 75%; }
.mtp_adr_srl { float: right; width: 10%; }

iframe {border: 1px solid gray; }


 @media print {

  body {width: 17cm; }
  #navigationsbereich, #MNav, #SNav , #qnav { display: none; }
  #contentblock  { margin-left: 1.5cm; width:17cm; text-align: left; padding-right:50px}

  }