/* ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** */
/* GENERAL STYLES */
body {
	background:#FFFFFF url(../images/bg_page.gif) repeat-y scroll 982px top;
	color:#3f3f3f;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
}

#page {
	width:982px;
}

#header {
	width:100%;
}

#header #logo {
	float:right;
	height:76px;
	padding:0 15px 0 0;
}
#header #logo span {
    display: none;
}

/* ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** */
/* HEADER SERVICE NAVIGATION */
#header #service_navigation {
	width:852px;
	height:30px; /* 30 px == 2.5 em (bei 1em == 12 px) */
	background:#2c5a93;
	float:left;
	color:#fff;
}
#header #service_navigation ul {
	padding: 5px 0px 5px 0px;
	text-align:right;
	margin:0;
	list-style-type:none;
}
#header #service_navigation ul li {
	display:inline;
	margin:0;
	padding:0 7px 0 11px;
	background:url(../images/border_servicenavi.gif) top left repeat-y;
}
#header #service_navigation ul li a {
	color:#fff;
}
#header #service_navigation ul li img {
	margin:0 0 -4px 5px;
	cursor:pointer;
}

#header #service_navigation ul li input {
  margin:0 0 -4px 5px;
}

#header #service_navigation ul li form, 
#header #service_navigation ul li form div {
	display: inline;
}
#header #service_navigation ul li form select {
    border: 1px solid #2C5A93;
    background-color: #FFFFFF;
}

/* ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** */
/* HEADER MAIN NAVIGATION */
#header #main_navigation {
	z-index:900 !important;
	background:url(../images/border_mainnavi.gif) left 3px no-repeat;
	margin:2.5em 0 0 38px; /* 30px == 2.5 em */
	padding:0;
	float:left;
	height:2.5em; /* 60px - 30px margin;  30 px == 2.5em (bei 1em == 12 px) */
	display:inline; /* avoid ie6 double margin bug */
}
#header #main_navigation ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#header #main_navigation ul li {
	display:inline;
	background:url(../images/border_mainnavi.gif) right 3px no-repeat;
	margin:0;
	padding:0;
	float:left; 
	position:relative;
}
#header #main_navigation ul li a {
	display:block;
	min-height:1.6em;
	padding:0 8px 0 10px;
	border:1px solid transparent;
	text-transform:uppercase;
	letter-spacing:0.05em;
	font-size:1.1em;
	font-weight:bold;
}
#header #main_navigation ul li ul {
	padding:0; 
	margin:0;
	display: none;
}
#header #main_navigation ul li:hover a {
	margin-left:-1px;
	padding-left:11px;
	text-decoration:none;
	background:#eef3fb;
	border:solid 1px #bbd3ef;
}
#header #main_navigation ul li:hover ul {
	display:block; 
	position:absolute;
	top:1.6em; 
	left:0; 
	width:16.6em; /* 200 px == 16.6 em (bei 12px == 1 em) */
	border-bottom:solid 1px #bbd3ef;
}
#header #main_navigation ul li:hover ul li {
	width:100%;
}
#header #main_navigation ul li:hover ul li a {
	display:block; 
	background: #eef3fb url(../images/bg_forward.gif) 9px 4px no-repeat;
	padding:2px 8px 0 22px;
	border-bottom:none;
	letter-spacing:normal;
	text-transform:none;
	font-weight:normal;
}
#header #main_navigation ul li:hover ul li a:hover,
#header #main_navigation ul li:hover ul li a:focus {
	background: #2c5a93 url(../images/bg_forward_w.gif) 9px 4px no-repeat; 
	color:#fff;
}

.persLink {
	font-size: 0.75em;
	font-weight: normal;
}

/* ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** */
/* HEADER KEYVISUAL & QUICKSEARCH */
#header #keyvisual {
	width:852px;
	height:45px; /* 78 - 33 padding */
	padding:33px 0 0 0;
	clear:left;
	background:url(../images/kv_small_de.jpg) no-repeat;
}
#header #keyvisual.de {
    background:url(../images/kv_small_de.jpg) no-repeat;
}
#header #keyvisual.en {
    background:url(../images/kv_small_en.jpg) no-repeat;
}
#header #keyvisual #quicksearch {
	height:45px;
	width:162px; /* 172 - 10 padding */
	background:#fff;
	margin:0 0 0 680px;
	padding:0 0 0 10px;
	/*overflow:show;*/
}
#header #keyvisual #quicksearch form {
	margin:0;
	padding:0;
}
#header #keyvisual #quicksearch form label {
	display:block;
	padding:5px 0 0 0;
	text-transform: uppercase;
	font-weight:bold;
	letter-spacing:1px;
}
#header #keyvisual #quicksearch form label img {
	margin:0 0 -2px 5px;
}
#header #keyvisual #quicksearch form input.text {
	width: 130px;
	border: solid 1px #2c5a93;
	display:block;
	margin:4px 0 0 0;
	float:left;	
	clear:left;
}
#header #keyvisual #quicksearch form input.submit {
	border:0;
	margin:4px 0 0 5px;
	display:block;
	float:left;
}

/* ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** */
/* BREADCRUMB */
#breadcrumb {
	clear:left;	
    padding-bottom:6px;
    width:852px;
}
#breadcrumb ul {
	list-style-type:none;
	padding:6px 0 0 8px;
	margin:0;
}
#breadcrumb ul li {
	display:inline;
	background:url(../images/bg_forward.gif) no-repeat left center;
	padding:0 3px 0 15px;
/* Hack für IE 7: 
   Aktivierung eines Inline-Blocks, damit die Brotkrumen-Elemente zusammen
   mit ihrem Hintergrundbild umgebrochen werden.
   In CSS 3 wäre background-break:continuous möglich. 
*/
  zoom:1;
}

/* ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** */
/* NAVIGATION (on the left) */
#navigation {
	width:164px;
	float: left;
	margin:0 8px 14px 0;
}
#navigation ul {
	list-style-type:none;
	padding:0;
	margin:0 0 14px 0;
}
#navigation ul li {
	margin:0;
	padding:0;
	border-bottom:1px solid #fff;
	overflow: hidden;
}
#navigation ul li a, 
#navigation ul li span {
	display:block;
	margin:0;
	padding:4px 0 4px 23px;
	background:#2c5a93 url(../images/bg_forward_open_w.gif) 10px 6px no-repeat;
	color:#fff;
}
#navigation ul li ul li a,  
#navigation ul li ul li span {
	background:#eef3fb;
	color:#2c5a93;
	font-size:0.916em; /* 11px == 0.916em */
	overflow: hidden;
}
#navigation ul li ul li span {
	color:#3f3f3f;
}
#navigation ul li ul {
	border-top:1px solid #fff;
	margin:0;
}

#navigation ul a.act, 
#navigation ul a.act:link, 
#navigation ul a.act:visited, 
#navigation ul a.act:hover, 
#navigation ul a.act:focus, 
#navigation ul a.act:active {
	font-weight:bold;
}
#navigation ul ul a.act, 
#navigation ul ul a.act:link, 
#navigation ul ul a.act:visited, 
#navigation ul ul a.act:hover, 
#navigation ul ul a.act:focus, 
#navigation ul ul a.act:active {
	font-weight:bold;
	color:#3f3f3f;
}

/* ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** */
/* NAVIGATION MARGINALBOX */
#navigation .marginalbox {
	border:1px solid #BBD3EF;
	margin:0 0 10px 0;
	width:162px; /* 164 px - outline */
	overflow:hidden;
}
#navigation .marginalbox h5 {
	background:#eef3fb;
	text-transform:uppercase;
	margin:0 0 10px 0;
	padding:4px 8px;
	font-size:1em; /* 12 px */
}
#navigation .marginalbox p {
	margin:0 0 10px 0;
	padding:0 8px;	
}
#navigation .marginalbox a {
	/*font-weight:bold;*/
}

/* ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** */
/* FORM within contentbox */
.contentbox form.form {
	margin:0;
	padding:0;
}
.contentbox form.form label {
	display:block;
	margin:0 0 4px 0;
}
.contentbox form.form input.text {
	border: solid 1px #2c5a93;
	display:inline;
	margin:0 4px 0 0;
	width:14em;
}
.contentbox form.form input.radio, .contentbox form.form input.checkbox {
	margin:0;
}
.contentbox form.form label.radio, .contentbox form.form label.checkbox {
	display:inline;
	margin:0;
}
.contentbox form.form textarea {
	border: solid 1px #2c5a93;
}
.contentbox form.form input.button {
	border:solid 1px  #bbd3ef;
	font-weight: bold;
	color: #2c5a93;
	background:#bdd4ef url(../images/bg_submit.gif) no-repeat;
	padding:0 6px 0 16px;
	margin:0 0 0 0px;
	cursor:pointer;
}

/* ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** */
/* KONTAKT-SEITE */
.captcha {
    padding: 5px 0 0 0 ;
    cursor: pointer;
}

.unsichtbar {
    display:none;
    }

/* ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** */
/* PAGINATION */
.pagination {
	padding:8px 0;
	height:1.25em;
}
.pagination p {
	float:left;
	margin:0;
	padding:0 0 0 6px;
}
.pagination ul {
	display:inline;
	margin:0;
	padding:0;
	list-style-type:none;
	float:right;
}
.pagination ul li {
	display:inline;
	margin:0 0 0 4px;
	padding:0 0 0 6px;
	border-left:1px solid #3f3f3f;
}
.pagination ul li.first {
	border:none;
	margin:0;
	padding:0;
}
.pagination ul li a {
	color:#3f3f3f;	
}
.pagination ul li.act {
	font-weight:bold;
}

/* ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** */
/* TABBOX (tabs over contentbox) */
.tabbox {
	letter-spacing:1px;
	height:2.25em;
}
.tabbox ul {
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
}
.tabbox li {
	display:block;
	float:left;
	margin:0 8px 0 0;
	padding:7px 0 6px 0;
}
.tabbox li a {
	padding:6px 8px;
	border-top:1px solid #bbd3ef;
	border-left:1px solid #bbd3ef;
	border-right:1px solid #bbd3ef;
	text-transform:uppercase;
	font-weight:bold;
}
.tabbox li.act {
	padding:7px 4px 6px 0;
	margin:0 4px 0 0;
	background:url(../images/tabbox_act.gif) top right no-repeat;
	padding-bottom: 7px;
	
}
.tabbox li.act a {
	background:#eef2fb;
	color:#3f3f3f;
	padding-bottom: 7px;
}

/* ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** */
/* RESULT_TABLE (for search results) */
table.result_table {
	table-layout:auto;
	empty-cells:show;
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}
table.result_table thead th {
	background:#EEF3FB url(../images/bg_th.gif) repeat-x scroll center bottom;
	padding:4px 6px 12px 6px;
	
	white-space:nowrap;
	text-align:left;
}
table.result_table tbody td {
	padding:4px 6px;
	vertical-align:top;
}
table.result_table tbody tr.odd td {
	background:#EEF3FB;
}
table.result_table tbody tr.even td {
	background:#fff;
}
table.result_table td a {
	font-weight:bold;	
}
table.result_table p a {
	font-weight:normal;
}
table.result_table strong a {
	font-weight:bold;
}


/* Abweichende Tabellen-Styles */

table.verbaende thead th {
    padding:0 2px 10px 0;
}
table.verbaende td a {
    display:block;
}
table.verbaende tbody td {
    padding:0 2px 5px 0;
}

table.result_table table.oeffnungszeiten td {
	padding: 0px;
}

/* ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** */
/* CONTENT with optional main and marginal column */
#content {
	float:left;
	width:680px;
	margin:0 0 10px 0;
}
#content .col_main {
	width:508px;
	float:left;
}
#content .col_marginal {
	width:164px;
	float:right;
}
#content .col_clear {
    clear:both;
}

#content .col_float {
	float:left;	
}
#content .col_float_wide {
	float:left;	
	width:485px;
}
#content .teaserbox .col_float_wide {
	float:left;
	width:508px;
}

#content .teaserbox .description {
    padding: 10px 0px;
}
#content .teaserbox .description ul {
    margin-top: 5px;
    margin-bottom: 5px;
}

/* ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** */
/* MARGINALBOX (within content) */
#content .col_marginal .marginalbox {
	border:1px solid #BBD3EF;
	margin:0 0 10px 0; 
	overflow:hidden;
	width:162px;
}
#content .col_marginal .marginalbox h5 {
	background:#eef3fb;
	text-transform:uppercase;
	margin:0 0 10px 0;
	padding:4px 8px;
	font-size:1em; /* 12 px */
}

/* ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** */
/* INDEX PAGE */
#content .overview-row {
	float:left;
	width:680px;
	margin-bottom:16px;
}
#content .overview-row .col_left {
	width:336px;
	float:left;
	margin-right:8px;
}
#content .overview-row .col_right {
	width:336px;
	float:right;
}
#content .overview-row .col_left .image, #content .overview-row .col_right .image {
	width:164px;
	float:left;
	margin-right:8px;
	text-align:center;
}
#content .overview-row .col_left .text, #content .overview-row .col_right .text {
	width:164px;
	float:right;
}
#content .overview-row .col_left .text p, #content .overview-row .col_right .text p {
	margin:0px;
}
#content .overview-row .col_left .text p.link, #content .overview-row .col_right .text p.link {
	margin-top:8px;
}

/* ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** */
/* TREEVIEW (rest in separate style file) */
ul.treeview a {
	font-weight:bold;
}

/* ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** */
/* SOZIALFIBEL-LEISTUNGSBESCHREIBUNG */

/* Zuständige Behörden in der Sozialfibel */
.zustaendig { margin-top: 1em; margin-bottom: 1em; display:block; }

/* Rechtsvorschriften in der Sozialfibel */
.fundstelle { font-style: italic; }

/* Zwischenüberschriften in der Sozialfibel */
.ueberschrift3 { font-size: 1.2em; font-weight: bold; margin-top: 1em; margin-bottom: 0.5em; display:block; }

/* Externe Links sollen im Langtext unsichtbar sein und keinen Platz verbrauchen */
a.extern { position:absolute; top:-100px; }

/* ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** */
/* FOOTER */
#footer {
	clear:left;
	width:852px;
	margin:10px 0 0 0;
	border-top:1px solid #bbd3ef;
}
#footer ul {
	background:url(../images/border_mainnavi.gif) left no-repeat;
	margin:7px 0 10px 38px;
	padding:0;
}
#footer ul li {
	display:inline;
	background:url(../images/border_mainnavi.gif) right no-repeat;
	margin:0;
	padding:0 10px 0 10px;
}
#footer ul li a {
	padding:0;
}
