/* CSS Grundstyles für eGovernment-Anwendung Stufe 1: Bekanntmachungen suchen */

/* v kd 2.2.10 */

/* =ALLGEMEINE STYLES
------------------------------------------------------------------------------*/


/* Ränder entfernen                                                           */
* 		{
   margin: 0;
   padding: 0;
}

/* Für Impressum ganz unten                                                   */
body, html  {
   height: 100%;
}

/* Seitenfarben                                                               */
body	{
	background-color: #fff;
	color: #3f3f3f;
}

/* Seitenhintergrund und Seitengröße                                         */
#page {
	background: url(../pix/head/bg_page.gif) right repeat-y;
	min-height: 100%;
	padding-right: 10px;
	position: relative;
   width: 990px;
}

/* Font-Familie                                                               */
body, h1, h2, h3, h4, h5, p, ul, dl, td, th	{
	font-family: Arial, Helvetica, sans-serif;
}

/* font-Größe                                                                 */
body  {
	font-size: 76%;
}

div   {
   font-size: 1em;
}

div.kasten  {
   margin: 10px 0;
   padding-right: 7px;
}

em {
   font-style: normal;
   font-weight: bold;
}

img.pfeil   {
   margin-right: .5em;
}

p.text   {
   font-size: 1em;
   line-height: 1.4em;
}



/* =BOX
------------------------------------------------------------------------------*/

#box {
   clear: both;
   margin: 0 7px 0 0;
   padding-top: 1em;
}



/*  =CONTAINER
------------------------------------------------------------------------------*/

#container  {
   padding-bottom: 85px;
}



/*  =CONTENT
------------------------------------------------------------------------------*/

#content {
   margin-left: 170px;
   width: 689px;
}

/* Verbergen IE5-Mac \*/
* html #content   {
   height: 1%;
   margin-left: 0;
}
/* Verbergen Ende */




/* =ERROR
------------------------------------------------------------------------------*/


#error	{
   background: #eef2fb;
   border: 1px solid #bbd3ef;
	float: left;
   padding: 10px 0;
   width: 680px;
}

#error .errorheader  {
   font-size: 115%;
   font-weight: bold;
   padding: 0 5px 5px 5px;
}

#error .errortext {
   padding: 0 5px 10px 5px;
}

#error .errorid   {
   padding: 0 5px;
}

#error .errorfooter  {
   padding: 0 5px;
}




/*  =FORMULAR
------------------------------------------------------------------------------*/

input, select, textarea {
   border: 1px solid #2c5a93;
   font-size: 1em;
   padding: 1px;
}

input.submit, input.noborder   {
   border: none;
}

form input.submitbutton {
	border: 1px solid #bbd3ef;
	font-weight: bold;
	font-size: 1.05em;
	color: #2c5a93;
	background: url(../pix/bg_submit.gif) no-repeat #bdd4ef;
	padding: 0 6px 0 16px;
	overflow: visible;
	cursor: pointer;
}




/*  =HAUPTNAVIGATION
------------------------------------------------------------------------------*/

body#ssanz #m_ssanz a, body#csanz #m_csanz a, body#mhelp #m_help a, body#mresult #m_result a   {
   font-weight: bold;
}

#menue   {
   float: left;
   margin-right: 7px;
   width: 160px;
}

#menue li a {
   background: #eef2fb;
   border-bottom: 1px solid #fff;
   display: block;
   font-size: 0.9em;
   padding: 5px 5px 4px 20px;
   overflow: hidden;
}

* html #menue li a   {
   width: 160px; /* Der IE 5.5 braucht die width */
   w\idth: 135px; /* Andere IEs auch, aber richtig */
}

#menue li a.hide  {
   display: none;
}

#menue li.top   {
   display: list-item;
}

#menue li.top p a {
   background: #2c5a93 url(../pix/arrow_down.gif) no-repeat 5px center;
   border-bottom: 1px solid #fff;
   color: #fff;
   font-size: 1em;
   padding: 4px 5px 4px 20px;
}

* html #menue li.top p a   {
   width: 160px;
   w\idth: 135px;
}

#menue ul   {
   list-style: none;
}

#login   {
   margin: 1em 0 0 0;
}

#login li.user {
   background: #2c5a93;
   border-bottom: 1px solid #fff;
   color: #fff;
   font-size: 93%;
   padding: 4px 0 4px 20px;
}

#login li.logoff a:link, #menue li.logoff a:visited {
   background: #eef2fb url(../pix/arrow.gif) no-repeat 5px center;
}




/*  =HEADER Kopf-Init
------------------------------------------------------------------------------*/

#header {
	width:100%;
}

#header h1  {
   display: none;
}

#logo {
	width:320px;
	float:right;
	padding:10px 0 0 0;
}

#keyvisualsmall {
	width:100%;
	height:78px;
	float:left;
	background:url(../pix/head/kv_small.jpg) no-repeat;
}

#quicksearchsmall {
	background-color:#fff;
	float: right;
	margin: 31px 138px 0 0;
	padding: 6px 0 0 6px;
	text-align: right;
	display: inline;
	width: 185px;
}

#quicksearchsmall img   {
   padding-right: 30px;
}

#quicksearchsmall input.submit {
	border: none;
	vertical-align: middle;
}

#quicksearchsmall form input.text {
	border: 1px solid #2c5a93;
   padding: 2px 1px 3px 1px;
	vertical-align: middle;
	width: 148px;
}



/** header **/

	/** Servicenavigation **/
	#serviceNavigation {
		background-color:#2c5a93;
      width:650px;
      float:left;
	}
	#serviceNavigation ul {
		text-align:right;
		margin:2px 0 3px 0;
		padding:0;
	}
	#serviceNavigation ul li {
		display:inline;
		background:url(../pix/head/border_servicenavi.gif) left repeat-y;
		margin:0;
		padding:0 6px 0 8px;
	}
	
	#serviceNavigation ul li.hide  {
      display: none;
   }
	
	#serviceNavigation ul li a {
		vertical-align:middle;
	}
	#serviceNavigation ul li a img {
		margin:2px 0 -2px 6px;
	}
	#serviceNavigation ul li a, #serviceNavigation ul li span {
		color:#fff;
	}
	
	/** Hauptnavigation **/
	#mainNavigation {
      float:left;
	   margin-bottom:10px;
	   width:650px;
      z-index:900;
	}
	#mainNavigation ul {
		background:url(../pix/head/border_mainnavi.gif) left 3px no-repeat;
		margin:30px 0 0 40px;
		padding:0;
		float:left;
	}
	
	#mainNavigation ul li {
		display:inline;
		background:url(../pix/head/border_mainnavi.gif) right 3px no-repeat;
		margin:0;
		padding:0;
		float:left;
		position:relative;
	}
	
	#mainNavigation ul li a {
		text-transform:uppercase;
		letter-spacing:0.05em;
		font-size:105%;
		font-weight:bold;
		display:block;
		min-height:1.6em;
		padding:0 8px 0 10px;
      border: 1px solid transparent;
	}
	
	#mainNavigation ul li:hover a {
		margin-left:-1px;
		padding-left:11px;
		text-decoration:none;
		background-color:#eef3fb;
		border:1px solid #bbd3ef;
	}
	
	#mainNavigation ul ul {
		padding:0;
		margin:0;
		display: none;
	}

	#mainNavigation ul li:hover ul {
		display:block;
		position:absolute;
		top:1.6em;
		left:0;
		width:200px;
		border-bottom:1px solid #bbd3ef;
	}
	#mainNavigation ul li:hover ul li {
		width:100%;
	}
	#mainNavigation ul li:hover ul li a {
		display:block;
		background:url(../pix/head/bg_link.gif) 9px 4px no-repeat #eef3fb;
		padding:0 8px 0 22px;
		border-bottom:none;
		letter-spacing:normal;
		text-transform:none;
		font-weight:normal;
	}
	#mainNavigation ul li:hover ul li a:hover {
		background:url(../pix/head/bg_link_w.gif) 9px 4px no-repeat #2c5a93;
		color:#fff;
	}
	#mainNavigation ul li:hover ul li:hover ul {
		display:block;
		position:absolute;
		left:105px;
		top:0;
	}
	#mainNavigation ul li:hover ul li:hover ul.left {
		left:-105px;
	}

   /** ende header **/

   /** breadcrumbs **/
   #breadcrumbs   {
      width: 100%;
   }
   
   #breadcrumbs ul {
   	margin:6px 0 6px 0;
   }
   #breadcrumbs ul li {
   	display:inline;
   	background:url(../pix/head/bg_link.gif) no-repeat 4px center;
   	margin:0;
   	padding:0 0 0 18px;
   }
   /** ende breadcrumbs **/




/* =HILFE
------------------------------------------------------------------------------*/

#hilfe {
   line-height: 1.3em;
   margin-top: 1em;
   width: 859px;
}

#hilfe h2   {
   margin-top: 2em;
}

#hilfe h3	{
   color: #3f3f3f;
   font-weight: bold;
   font-size: 117%;
   padding-top: 20px;
}

#hilfe h4	{
   font-weight: bold;
   font-size: 100%;
   padding-top: 5px;
}

#hilfe p {
   padding: 10px 0 10px 0;
}

#hilfe .icon {
   background:  url(../pix/arrow.gif) no-repeat center right;
   padding-right: 1em;
}

#hilfe #htext   {
   margin-left: 1em;
}




/*  =IMPRESSUM
------------------------------------------------------------------------------*/

#impressum  {
   bottom: 0;
   clear: both;
   height: 65px;
   left: 0;
   position: absolute;
}

#impressum img.line {
   display: block;
   margin: 10px 0;
}

#impressum img.dividerpointed  {
   margin: 0 .5em;
   vertical-align: middle;
}

#impressum p   {
   margin-left: 35px;
}


/* Anbieterkennzeichnungsseite                                                */

#anbieter {
   background-image: url(../pix/rauten.jpg);
   clear: both;
   margin: 0;
   padding-bottom: 1em;
   width: 600px;
}

#anbieter div.img {
   margin: 0 10px 10px 10px;
}

#anbieter h2 {
   color: #006699;
   margin: 0 0 0 10px;
   padding: 20px 10px 1em 3px;
}

#anbieter table  {
   background: #f3f3f3;
   margin: 0 10px 1em 10px;
}

#anbieter table span {
   color: #006699;
}

#anbieter td   {
   background: #f3f3f3;
   border: none;
   color: black;
}

#anbieter th  {
	background: #f3f3f3;
	background-image: none;
	border: none;
	color: black;
	font-weight: normal;
   padding: 7px 5px 7px 5px;
   text-align: left;
   vertical-align: top;
}



/* =INTERIM
------------------------------------------------------------------------------*/

#interim_textbody	{
   background: #eef2fb;
   border: 1px solid #bbd3ef;
   margin: 1em 7px 1em 0;
   padding: 20px 10px 0 10px;
}


#interim_textbody p	{
   margin-bottom: 20px;
}




/*  =LINKS
------------------------------------------------------------------------------*/

a img {
   border: none;
}

a:link, a:visited  {
   color: #2c5a93;
   text-decoration: none;
}

a:hover, a:focus, a:active   {
   text-decoration: underline;
}

a.bold   {
   font-weight: bold;
}


/* =STARTSEITE
------------------------------------------------------------------------------*/

div.inner div {
   background: #eef2fb;
   float: left; /* für IE/Mac */
   padding-bottom: 8px;
   width: 682px;
}

div.inner div p   {
   margin-top: 10px;
}

div.start   {
   background: url(../pix/shadow.gif) no-repeat right bottom;
   clear: both;
   float: left;
   margin: 10px 0;
   width: 689px;
}

div.start img.teaser   {
   float: left;
   margin: 0 25px 0 10px;
}

div.start h3   {
   border-bottom: 1px solid #bbd3ef;
   margin: 0 10px 10px 10px;
   padding: 5px 0 8px 160px;
}

div.inner  {
   background: url(../pix/mask.png) no-repeat left top !important;
   background: url(../pix/mask.gif) no-repeat left top;
   float: left; /* für IE/Mac */
   padding: 0 7px 7px 0;
}


/* div #extern                                                                */

#extern  {
   border: 1px solid #bbd3ef;
   float: right;
   font-size: 0.9em;
   margin: 0 0 0 35px;
   width: 160px;
}

#extern a:hover   {
   font-weight: normal;
}

#extern p   {
   padding: 12px 8px;
}

#extern div {
   background: #eef2fb;
   font-size: 105%;
   font-weight: 600;
   letter-spacing: .1em;
   padding: 8px;
   text-transform: uppercase;
}



/* =SUCHE
------------------------------------------------------------------------------*/


/* Karteireiter                                                               */

#kartei  {
   background: url(../pix/karteirahmen.gif) repeat-x bottom left;
   float: left;
   list-style: none;
   width: 682px;
}

* html #kartei {
   width: 680px; /* Der IE 5.5 braucht die width */
   w\idth: 682px; /* Andere IEs auch, aber richtig */
}

#kartei li  {
   float: left;
   margin-right: 5px;
}

#kartei li a, #kartei li span   {
   border: 1px solid #bbd3ef;
   border-bottom: none;
   display: block;
   font-weight: bold;
   font-size: 108%;
   letter-spacing: .11em;
   padding: 9px 6px 7px 6px;
   text-transform: uppercase;
}

#kartei li span   {
   background: #eef2fb;
	color: #3f3f3f;
}

/* Suchmaske  (Erweiterte Suche)                                              */

#suchmaske  {
   background: #eef2fb;
   border: 1px solid #bbd3ef;
   border-top: none;
   float: left;
   font-size: 1em;
   margin-bottom: 20px;
   /*position: relative;*/
   width: 680px;
}

#suchmaske fieldset  {
   border: solid 0 transparent;
   margin: 10px 12px;
}

#suchmaske h3  {
   font-size: 97%;
   padding-bottom: 3px;
}

#suchmaske input  {
   margin-bottom: 4px;
   width: 342px;
}

* html #suchmaske input  {
   width: 334px;
   w\idth: 334px;
}

#suchmaske input.button {
   border: none;
   display: inline;
   vertical-align: middle;
   width: auto;
}

#suchmaske input.checkbox, #suchmaske input.submitbutton {
   vertical-align: middle;
   width: auto;
}

#suchmaske input.submit {
   margin-left: 310px;
}

#suchmaske label  {
   float: left;
   width: 310px;
   text-indent: 5px;
}

* html #suchmaske label {
   width: 306px;
   w\idth: 310px;
}

#suchmaske label.checkbox  {
   float: none;
   margin-right: 10px;
   vertical-align: middle;
   width: auto;
}

#suchmaske label em  {
   font-size: 80%;
}

#suchmaske #line   {
   background: url(../pix/line.gif) no-repeat center left;
   height: 20px;
}

#suchmaske p   {
   clear: both;
}

#suchmaske p.buttons {
   text-align: right;
}

#suchmaske p.buttons input, #suchmaske p.buttons img {
   vertical-align: top;
}

#suchmaske p.buttons img  {
   margin-top: 1px;
}

* html #suchmaske p.buttons img   {
   margin-top: 0;
   ma\rgin-top: 1px;
}


/* Einfache Suche                                                             */
#ss_suche   {
   background: #eef2fb;
   border: 1px solid #bbd3ef;
   border-top: none;
   float: left;
   margin-bottom: 20px;
   width: 680px;
}

#ss_suche fieldset {
   border: none;
   padding: 1px;
   margin: 10px 5px;
}

#ss_suche input  {
   vertical-align: middle;
}

#ss_suche input.submitbutton  {
   margin-left: 1em;
}




/*  =TABELLEN
------------------------------------------------------------------------------*/

table {
   border-collapse: collapse;
}

td	{
	background-color: #fff;
	border: 1px solid #fff;
	border-left: none;
	border-right: none;
	color: #3f3f3f;
	padding: 7px 5px 7px 5px;
}

th	{
	background: #eef2fb url(../pix/th_bg.gif) repeat-x left bottom;
	border-bottom: 2px solid #fff;
	color: #3f3f3f;
	padding: 5px 5px 11px 5px;
	text-align: left;
}




/* =TEXT
------------------------------------------------------------------------------*/

#text {
   margin-top: .5em;
   overflow: auto;
	width: 682px;
}

#text pre   {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1.1em;
   margin-top: .5em;
   padding-left: 5px;
}

#text #head	{
   background: #fff;
   border: 1px solid #bbd3ef;
	margin-bottom: .5em;
   width: 680px;
}

#text #head table {
   margin: 5px 8px;
   width: 664px;
   font-size: 1em;
}




/* =TREFFERLISTE
------------------------------------------------------------------------------*/
#trefferliste  {
   border: 1px solid #bbd3ef;
   float: left;
   padding: 10px 0;
   width: 680px;
}

#trefferliste a.detail:link, #trefferliste a.detail:visited  {
   background: url(../pix/arrowbluewhite.gif) no-repeat center top;
   border: 1px solid #bbd3ef;
   display: block;
   height: 16px;
   width: 100%;
}

#trefferliste a.detail:hover, #trefferliste a.detail:focus, #trefferliste a.detail:active   {
   background: #2c5a93 url(../pix/arrowbluewhite.gif) no-repeat center bottom;
   border: 1px solid #bbd3ef;
   font-weight: normal;
}

#trefferliste a.detail span {
   visibility: hidden;
}

#trefferliste a.sort {
   background: #eef2fb url(../pix/th_sort.gif) no-repeat right center ;
   color: #3f3f3f;
   padding-right: 15px;
}

#trefferliste div.anzahl  {
   line-height: 2em;
}

#trefferliste div.blaettern   {
   float: right;
}

#trefferliste a.arrow:hover,#trefferliste a.arrow.focus, #trefferliste a.arrow:active  {
   background: #fff;
}

#trefferliste div.blaettern a, #trefferliste div.blaettern span {
   display: block;
   float: left;
   padding: .1em .5em;
}

#trefferliste div.blaettern img  {
   float: left;
   padding-top: 3px;
}

#trefferliste div.blaettern img.divider   {
   height: 1em;
}

#trefferliste div.blaettern span {
   font-size: 1.1em;
   font-weight: bold;
}

#trefferliste div.info   {
   margin: 0 8px;
   position: relative;
   width: 664px;
}

#trefferliste table  {
   margin: 10px 8px;
   width: 664px;
}

* html #trefferliste table th, * html #trefferliste table td  {
   font-size: 0.75em;
   f\ont-size: 1em;
}

#trefferliste td.anmeldepflichtig {
   background: #eef2fb;
   color: #3f3f3f;
}




/* =TOOLS
------------------------------------------------------------------------------*/

.clear   {
   clear: both;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;

}

/* Workaround for different IE-Versions */
/*
** IE5.x/Mac - x
** IE7 - x
*/
.clearfix {
	display:inline-block;
}
/*
** IE5.x/Win - x
** IE6 - x
*/

/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */

/* end clearing */

/* Uniclearign                                                                */
.clearing   {
   clear: both;
   height: 0;
   padding: 0;
   border: 0;
   margin: 0;
   font-size: 0;
   line-height: 0;
}

/*  Klassen zum verstecken und wieder anzeigen                                */

.display {
   display: block;
}

.displayInline {
   display: inline;
}

.hide {
	display: none;
}




/*  =ÜBERSCHRIFTEN
------------------------------------------------------------------------------*/

h1	{
   border-top: 1px solid #bbd3ef;
   border-bottom: 1px solid #bbd3ef;
	font-size: 1.5em;
	font-weight: 600;
	margin-bottom: 15px;
	margin-right: 7px;
	padding: .25em 0;
	text-indent: .1em;
}

h2	{
	font-size: 1.4em;
	margin-bottom: 10px;
}

h3	{
	font-size: 1.5em;
}