﻿




/* reset elements -------------------------------- */
form,fieldset,legend,img,li,ul,h1,h2,h3,h4 {
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
}

fieldset,img,a {
	border: 0;
}

/* styles ---------------------------------------- */
body {
	margin: 0;
	padding: 0;
	font-family: arial, sans-serif;
	/*font-size: 62,5%; TODO: ? */
	color: #000000;
}

a {
	font-family: arial, sans-serif;
/*	font-size: 0.7em;*/
	color: #0000ff;
	text-decoration: underline;
}

a:visited {
	color: #8888FF;
}

a.visited {
	color: #8888FF;
}


a:hover {
	text-decoration: none;
}

a.artikelAttachment {
	background: url(../images/icon_download.gif) no-repeat 0 3px;
	display: block;
	height: 20px;
	padding-left: 20px;
	margin-top: 10px;
	text-decoration: underline;
}

a img {
	text-decoration: none;
}

.clear { clear: both; }

.clearfix {
    display: inline-block;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.hide {display:none; }

ul.horizontal li {
	float: left;
}
ul.horizontal li.text {
	color: #000;
	padding: 10px 0 0 10px;
	font-size: 0.8em;
}

h3,h2 {
	font-family: arial, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	padding: 10px;
	display:inline;
}


legend {
	color: #666666;
	font-size: 0.8em;
	font-weight: bold;
	margin: 0;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 8px;
}

/* ----------------------------------------------- */
	/* MAIN CONTAINER -------------------------------- */
	/* ----------------------------------------------- */
div#container { /* main portal size */
	width: 1000px;
	/* center content   */
	margin: 0px auto;
/*	background: url('../images/header_back.jpg') repeat-x top left #fff;*/
	border-left: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	
}

.subpage div#container {
	/*background: url('../images/header_subpage_back.jpg') repeat-x top left #fff;*/
}

/* header ---------------------------------------- */
div#header {
	height: 126px;
/*	padding: 9px 31px 0 32px;*/
}

div#header img.logo {
	float: left;
}

div#header .headerTools {
	width: 50%;
	color: #aec0cd;
	float: right;
	font-size: 0.8em;
	font-family: arial;
}

div#header .rightEnd {
	background: url(../images/header_nav_back.jpg) no-repeat scroll right top;
	width: 10px;
	height: 27px;
	float: right;
}

div#header .headerTools a {
	font-size: 1em;
	color: #aec0cd;
}

div#header .headerTools ul {
	float: right;
}

div#header .headerTools li {
	display: inline;
}

div#header .language {
	margin: 4px 10px 0 0;
}

div#header .nav {
	font-size: 0.9em;
	background: url(../images/header_nav_back.jpg) no-repeat top left;
	padding: 5px 0 9px 10px;
}

div#databanken {
	background: url(../images/bundesdienste_menutop.jpg) no-repeat top left;
	padding: 5px 0 9px 10px;
	display:none;
}


/* breadcrumb ------------------------------------ */
div#breadcrumb {
	padding-left: 270px;
	padding-top: 10px;
	height: 40px;
}

.subpage div#breadcrumb {
	margin-bottom: 15px;
}

div#breadcrumb ul {
	
}

div#breadcrumb ul li {
	float: left;
}

div#breadcrumb ul li.sep {
	padding: 3px 6px 0 6px;
}

div#breadcrumb a {
	color: #4c81b2;
}

div#breadcrumb a.current {
	text-decoration: none;
	color: #415d77;
}

/* channel menu ---------------------------------- */
div#menutop,div#menutop li {
	
}

div#menutop 
{
	background: url(../images/bundesdienste_menutop.jpg) no-repeat top left;
	margin: 0;
	padding:0;
	height: 45px;
}

div#menutop #login { /*TODO margin-left:195px;*/
	
}

div#menutop #logout {
	margin-left: 35px;
}

div#menutop ul.login_button {
	float: right;
}

/* content colums -------------------------------- */
div#navigation,div#content,div#features {
	float: left;
}

div#navigation {
	width: 227px;
	padding-left: 32px;
	line-height:19px;
	height: 100%;
	background: url('../images/bundesdienste_menuleft.jpg') repeat-y top left #fff;
}

div#content {
	color: #333;
	font-size: 0.8em;
	line-height: 19px;
}
.content_with_nav 
{
	width: 725px;
	margin: 0;
	padding: 0;
	background: none;
}

.content_wide 
{
	/*width:935px;*/
	width: 100%;
	/*margin: 0 18px;
	padding: 9px 9px 9px 20px;*/
	background: #fff;
}

div#logincontent {
	width: 90%;
	margin: 0 40px;
	font-size: 0.8em;
	color: #333;
	line-height: 19px;
}

div#features {
	width: 227px;
	padding-right: 21px;
}

/* navigation menu ------------------------------- */
div#navigation #channelname {
	margin-left: -12px;
	margin-top: 1px;
	margin-bottom: 15px;
}

div#navigation #page_menu {
	padding-right: 20px;
}

div#databanken li a 
{
	text-decoration: none;
	font-size: 0.7em;
}
/*
div#navigation #page_menu li,
div#navigation #page_menu li a {
  text-decoration: none;
  color:#2A547B;
}
div#navigation #page_menu li a:hover {
  text-decoration: underline;
}*/ /* Link-Einstellungen für alle Links im Bereich der page_menu-ID*/
div#navigation li, div#navigation li a {
	text-decoration: none;
	color: #0000FF;
	font-size: 0.82em;
}

div#navigation li a:hover {
	text-decoration: underline;
	color:#bc0000;
}

/* default menu items on 1. level */

div#navigation #page_menu .level1
{
	/*padding-left: 20px;*/
	font-weight: bold;
	display:inline;
	clear:both;
}

div#navigation #page_menu .level1 a
{
	margin-left:18px;
	display:block;
	text-transform:uppercase;
}


div#navigation #page_menu .level1 span 
{
    float:left;
    margin-top:2px;
}


.icon-gdb 
{
	background-image: url('../images/menu_small_gdb.gif') !important;
	background-position: 0 3px;
}

.icon-fdb 
{
	background-image: url('../images/menu_small_fdb.gif') !important;
	background-position: 0 3px;
}
.icon-ugdb 
{
	background-image: url('../images/menu_small_ugdb.gif') !important;
	background-position: 0 3px;
}
.icon-ufdb 
{
	background-image: url('../images/menu_small_ufdb.gif') !important;
	background-position: 0 3px;
}
.icon-de
{
	background-image: url('../images/menu_small_deutschland.gif') !important;
	background-position: 0 3px;
}
.icon-ra
{
	background-image: url('../images/menu_small_ra.gif') !important;
	background-position: 0 3px;
}
.icon-zgr
{
	background-image: url('../images/menu_small_zgr.gif') !important;
	background-position: 0 3px;
}
.icon-zmr
{
	background-image: url('../images/menu_small_zmr.gif') !important;
	background-position: 0 3px;
}
.icon-akt
{
	background-image: url('../images/menu_small_akt.gif') !important;
	background-position: 0 3px;
}
.icon-ris
{
	background-image: url('../images/menu_small_ris.gif') !important;
	background-position: 0 3px;
}
.icon-finon
{
	background-image: url('../images/menu_small_finon.gif') !important;
	background-position: 0 3px;
}
.icon-bundesgesetz
{
	background-image: url('../images/menu_small_bundesgesetz.gif') !important;
	background-position: 0 3px;
}
.icon-edikte
{
	background-image: url('../images/menu_small_edikte.gif') !important;
	background-position: 0 3px;
}



/* level 2 menuitem : other icons and more padding */
div#navigation #page_menu .level2,div#navigation #page_menu .level2.active
	{
	background: url('../images/list_arrow_active.gif') no-repeat 13px 8px
		transparent;
	padding-left: 30px;
}

/* the entry of the current page on level 2 */
div#navigation #page_menu .level2.selected {
	background-image: url('../images/list_arrow_selected.gif');
	background-color: #fff;
}

div#navigation .menuSep {
	background: url('../images/navigation_seperator.jpg') no-repeat 0 0
		transparent;
	margin-top: 25px;
	padding-top: 15px;
}

div#navigation .custom_links li {
	background: url('../images/list_arrow.gif') no-repeat 2px 8px
		transparent;
	padding-left: 20px;
}

/* footer ---------------------------------------- */
div#footer {
	position: relative;
	bottom: 0;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 20px;
	clear: both;
	/*background: url('../images/footer_back.jpg') repeat-x top left #f5f7f7;*/
}

.subpage div#footer {
	/*background-image: url('../images/footer_subpage_back.jpg');*/
}

div#footer ul {
	padding: 5px 0;
	width: 935px;
	margin: 0 0 0 20px;
}

div#footer li.quicknav {
	margin-right: 50px;
}

div#footer li li {
	float: none;
}

div#footer li ul {
	margin: 0 20px;
	width: auto;
}

div#footer a {
	color: #888888;
	text-decoration: none;
}

div#footer a:hover {
	text-decoration: underline;
}

div#footer h3 {
	color: #888888;
	padding-left: 0;
	font-weight: bold;
}

div#footer img {
	margin-top: 10px;
}

/* box elements ---------------------------------- */
div.box {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

/* form elments : -------------------------------- */
input.text {
	font-family: arial, sans-serif;
	font-size: 0.7em;
	color: #666;
	padding: 3px 3px 3px 5px;
	background: url('../images/input_text_back.jpg') no-repeat left top;
	border: 1px solid #cecece;
	border-top: 0;
	border-left: 0;
}

input.focus {
	background: url('../images/input_text_back_focus.jpg') repeat-x top left
		#fff;
}

lang_switch {
	font-family: arial, sans-serif;
	color: #000000;
}

/* box elements : kammern ------------------------ */
div#kammern {
	margin: 0 9px;
	padding-bottom: 13px;
	background: url('../images/kammer_back.jpg') repeat-x #fff left bottom;
	margin-top: 0px;
	padding-top: 10px;
}

div#kammern h3 {
	text-transform: uppercase;
	padding-top: 0px;
	margin-bottom: 10px;
}

div.box#kammern img {
	margin-left: 8px;
}

div.box#kammern ul {
	padding-bottom: 10px;
}

/* box elements : custom menu -------------------- */
div.custommenu {
	background-color: #fff;
	padding: 11px 9px 0 9px;
}

div.custommenu ul {
	margin: 10px 0 10px 20px;
	padding-left: 5px;
	list-style: disc;
}

div.custommenu li a {
	font-family: arial, sans-serif;
	font-size: 0.9em;
	text-decoration: none;
	color: #18446f;
}

div.custommenu a:hover {
	text-decoration: underline;
}

div.custommenu h3 {
	
}

/* box elements : search ------------------------- */
div.box#search {
	background: url('../images/search_back.jpg') repeat-x bottom left #fff;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

div.box#search h3 {
	text-transform: uppercase;
	padding-bottom: 5px;
}

div.box#search form {
	margin-left: 20px;
	margin-bottom: 34px;
}

div.box#search input.text {
	font-size: 0.8em;
	width: 11em;
}

div.box#search .submit {
	position: relative;
	top: 4px;
	margin-left: 9px;
}

div.box#search a {
	display: block;
	margin: 10px 0 10px 100px;
}

div.box li {
	font-size: 0.8em;
	font-family: arial, sans-serif;
}

/* aktuelles ------------------------------------- */
div.aktuelles {
	color: #000;
	padding: 10px;
}

div.aktuelles ul {
	width: 220px;
	float: left;
}

div.aktuelles h2 {
	padding: 0;
	font-size: 1em;
	color: #333333;
}

div.aktuelles h2 {
	font-weight: bold;
	font-size: 1.2em;
	font-family: arial, sans-serif;
	margin-bottom: 5px;
}

div.aktuelles h3 {
	padding: 0;
	font-size: 1em;
	text-transform: uppercase;
	color: #012a54;
}

div.aktuelles li {
	padding: 0px;
	padding-bottom: 10px;
	margin: 10px;
	border-bottom: 1px solid #c9d8e5;
	font-family: arial, sans-serif;
	font-size: 0.9em;
}

div.aktuelles li.toprow {
	border-top: 1px solid #c9d8e5;
	padding-top: 10px;
}

div.aktuelles a {
	display: block;
	font-size: 1.1em;
	width: 100%;
	text-align: right;
	color: #3772aa;
	font-weight: bold;
	margin-top: 5px;
}

/* artikel --------------------------------------- */
div.artikel {
	padding: 13px 9px 9px 20px;
}

div.artikel h1 
{
	color:#AAAAAA;
	font-size: 1.6em;
	font-weight: bold;
	font-family:Verdana,Arial,Helvetica;
	margin-bottom: 35px; /*push down main-text and intro-text*/
}

div.artikel .intro_text {
	font-weight: bold;
	font-family: arial, sans-serif;
	padding: 0 0 15px 0;
	font-size: 1.1em;
	/*color: #415f7f;*/
}

div.artikel .intro_text p {
	margin-bottom: 0;
}

div.artikel .main_text {
	padding-right: 10px;
	padding-top: 20px;
	padding-top: 0px;
}

div.artikel .main_text_after_intro {
	padding-top: 0px;
}

div.artikel a {
	font-size: 1em;
}

/*
div.artikel .highlighted_text {
  background-color:#f6f8fa;
  border:1px solid #e9edee;
  padding:15px;
}*/
div.artikel ul {
	margin-top: 5px;
}

div.artikel ul li {
	padding: 5px 0 5px 15px;
}

div.artikel ol li {
	padding: 5px 0 5px 5px;
}

.highlighted_text {
	background-color: #EFEFEF;
	border: 1px solid #0000ff;
	padding: 10px;
	/*font-size: 0.9em;*/
}

.highlighted_text strong {
	font-family: arial, sans-serif;
	font-size: 1.1em;
}

div.artikel table,div.oenotiAktenSuche table {
	border: 0;
	/*width: 100%;*/
}

div.artikel table td,div.oenotiAktenSuche table td {
	padding: 3px;
	vertical-align: top;
}

div.artikel thead,div.oenotiAktenSuche thead {
	background-color: #F6F8FA;
	font-weight: bold;
	text-align: left;
}

div.artikel tr.ungerade,div.oenotiAktenSuche tr.ungerade {
	background-color: #F6F8FA;
}

.oenotiAktenSuche h3 {
	font-size: 1em;
}

.oenotiAktenSuche .additionalTag {
	color: #aaa;
}

/* folder ---------------------------------------- */
div.box.folder {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/* promotion ------------------------------------- */
div.promotion {
	text-align: right;
}

/* feature --------------------------------------- */
div.servicebox {
	background: url(../images/servicebox_back.gif) bottom right no-repeat
		#fff;
	border: 1px solid #e9edee;
	padding: 10px;
	padding-bottom: 5px;
	margin-top: 10px;
}

div.feature {
	background: url(../images/feature_back.gif) bottom right no-repeat
		#f3f6f9;
	border: 1px solid #e9edee;
	padding: 10px;
	padding-bottom: 5px;
	margin-top: 10px;
}

div.feature h3,div.servicebox h3 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

div.feature ul,div.servicebox ul {
	margin: 10px 0;
}

div.feature li,div.servicebox li {
	padding: 6px 0 6px 25px;
	background-repeat: no-repeat;
	background-position: left center;
	border-top: 1px solid #e9edee;
}

div.feature li {
	border-top: 1px solid #fff;
}

div.feature a,div.servicebox a {
	color: #3772aa;
	font-weight: bold;
	font-size: 0.9em;
	text-decoration: none;
}

div.feature a:hover,div.servicebox a:hover {
	text-decoration: underline;
}

div.feature li.first {
	border-top: 1px solid #fff;
}

div.servicebox li.first {
	border-top: 1px solid #e9edee;
}

div.feature li.last,div.servicebox li.last {
	border-bottom: 0;
}

/* Favouriten */
div.feature a.favorit {
	float: left;
}

div.feature .favorit .action {
	margin-left: 10px;
}

div.feature .sort img {
	position: relative;
	top: -3px;
}

div.feature div.favorit {
	text-align: right;
	padding-right: 10px;
}

div.feature li.favorit {
	padding-left: 0px;
}

/* icons ----------------------------------------- */
.icon_world {
	background-image: url(../images/icon_world.gif);
}

.icon_notarlogo {
	background-image: url(../images/icon_notarlogo.gif);
}

.icon_info {
	background-image: url(../images/icon_info.gif);
}

.icon_notarsheet {
	background-image: url(../images/icon_notarsheet.gif);
}

.icon_paragraph {
	background-image: url(../images/icon_paragraph.gif);
}

.icon_lamp {
	background-image: url(../images/icon_lamp.gif);
}

.icon_download {
	background-image: url(../images/icon_download.gif);
}

.icon_pdf {
	background-image: url(../images/icon_pdf.gif);
}

.icon_movie {
	background-image: url(../images/icon_movie.gif);
}

.icon_board {
	background-image: url(../images/icon_board.gif);
}

.icon_message {
	background-image: url(../images/icon_message.gif);
}

.icon_favorite {
	background-image: url(../images/icon_favorite.gif);
}

/* pagination ------------------------------------- */
ul.pagination {
	text-align: center;
	margin: 10px;
}

ul.pagination li {
	display: inline;
	list-style: none;
	font-size: 1em;
	padding: 3px 6px;
	border-right: solid 1px #CDCDCD;
	margin-right: 2px;
	font-family: arial, sans-serif;
}

ul.pagination a {
	font-size: 1em;
	color: #0000ff;
}

ul.pagination a:hover {
	text-decoration: none;
}

ul.pagination li.last {
	border-right: none;
}

ul.pagination li.active {
	color: #ff6600;
}

ul.pagination li.inactive {
	color: #888888;
}

/* FeatureList */
div.featurelist h2 a {
	color: #3772aa;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
}

div.featurelist .count_options a {
	font-size: 1.2em;
}

div.featureitem {
	background-color: #F6F8FA;
	border: 1px solid #E9EDEE;
	padding: 10px;
}

div.featurelist a:hover {
	text-decoration: underline;
}

/* Picture Album ---------------------------------- */
div.album div.container {
	background-color: #f6f8fa;
	border: 1px solid #e9edee;
	text-align: center;
}

div.album div.small {
	width: 120px;
	height: 110px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	padding-top: 2%;
	overflow: hidden;
}

div.album div.big {
	overflow: hidden;
	padding: 10px;
}

div.album .description {
	margin-top: 10px;
}

a.back {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 1em;
	margin: 5px 0;
}

/* two colors ------------------------------------- */
.style_even {
	background-color: #F5F7F7;
}

.style_box {
	padding-left: 15px;
}

.style_odd {
	background-color: #FCFCFC;
}

/* Archiv ----------------------------------------- */
div.date {
	width: 130px;
	text-align: center;
	float: left;
	padding-top: 10px;
}

div.archiv .right {
	margin-left: 130px;
	padding-top: 10px;
	padding-bottom: 10px;
}

div.archiv h2 {
	padding: 0;
	font-size: 1em;
	color: #000000;
	/*margin-bottom: 7px;*/
}

div.archiv a {
	font-size: 0.9em;
}

div.archiv a.more {
	display: block;
	color: #0000ff;
	font-weight: bold;
	font-size: 1em;
	/*margin-top: 7px;*/
}

/* Count Options */
div.count_options {
	margin-bottom: 10px;
	font-family: arial, sans serif;
	padding: 10px;
}

div.count_options ul {
	display: inline;
}

div.count_options li {
	display: inline;
}

div.count_options li a {
	margin: 5px;
	padding: 5px;
}

div.count_options li.active {
	
}

div.count_options li.active a {
	color: #ff6600;
}

div.count_options a.active:hover {
	text-decoration: none;
}

div.portletSearch {
	background-color: #F6F8FA;
	border: 1px solid #E9EDEE;
	padding: 0 10px;
	margin-bottom: 10px;
	padding: 0px 10px 8px 10px;
}

div.portletSearch label {
	color: #012A54;
	display: block;
	float: left;
	font-family: arial;
	font-weight: bold;
	width: 150px;
	margin-top: 8px;
}

div.portletSearch input.text {
	font-size: 0.9em;
	margin-top: 9px;
	width: 230px;
}

div.portletSearch .submit {
	position: relative;
	top: 7px;
	margin-left: 20px;
}

/* Brochure - Elemente ------------------------------ */
div.brochure {
	background-color: #D8F2FF;
	background-image: url(../images/folder_background.jpg);
	border: 1px solid #D8F2FF;
	border-left: 0;
	padding-left: 5px;
}

div.brochure div {
	font-weight: bold;
	font-family: arial, sans-serif;
	padding: 10px 10px 0 0;
	margin-bottom: 8px;
	font-size: 0.8em;
}

div.brochure img.left {
	float: left;
	margin-right: 15px;
	margin-top: 5px;
	margin-left: 0px;
}

div.brochure img.download {
	margin-left: 20px;
}

div.brochure a.folderDownload {
	background: transparent url(../images/folder_download.jpg) no-repeat
		scroll 170px 0;
	color: #7BACD4;
	display: block;
	height: 25px;
	padding-top: 7px;
	font-family: arial;
	text-decoration: underline;
}

/* Termin - Tabelle --------------------------------- */
div.termine {
	padding-left: 10px;
	padding-right: 10px;
}

div.termine .countResults a {
	font-size: 1.2em;
}

div.main_text table,div.main_text_after_intro table {
	border-collapse: collapse;
}

div.main_text th,div.main_text_after_intro th {
	border-color: #E9EDEE;
	text-align: left;
}

div.main_text table th,div.main_text table td,div.main_text_after_intro table th,div.main_text_after_intro table td
	{
	padding: 6px;
}

div.main_text table,div.main_text_after_intro table,div.termine table,div.oenotiAktenSuche table
	{
	border: 1px;
	/*rules: all;*/
	border-color: #f6f8fa;
	/*cellpadding: 7px;*/
	width: 100%;
	font-family: arial, sans-serif;
}

div.main_text th,div.main_text_after_intro th,div.main_text thead td,div.main_text_after_intro thead td,div.termine th,div.oenotiAktenSuche th
	{
	font-weight: bold;
	font-family: arial, sans-serif;
	/*bgcolor: #f6f8fa;*/
	font-size: 0.9em;
}

div.main_text td,div.main_text_after_intro td,div.termine td,div.oenotiAktenSuche td
	{
	border: 1px solid #e9edee;
}

#rechtsgebiet {
	width: 220px;
}

div.oenotiAktenSuche table td {
	padding: 5px;
}

div.oenotiAktenSuche table td.firstCol {
	width: 225px;
}

input#publishedAtMax {
	width: 98px;
	margin-left: 5px;
}

input#publishedAtMin {
	width: 98px
}

.oenotiAktenSuche .count_options a {
	font-size: 1.2em;
}

/* TerminFeature - Tabelle --------------------------------- */
div.terminefeature {
	overflow: hidden;
}

div.terminefeature li {
	background-image: url(../images/icon_info.gif);
	padding-top: 4px;
	font-family: arial, sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	color: #4C81B2;
	text-decoration: none;
}

/* Services */
div.service img.icon {
	float: left;
	margin-right: 15px;
}

div.service div.text {
	padding-top: 4px;
}

div.service a {
	font-family: arial, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #4C81B2;
	text-decoration: none;
}

/* Header Startpage */
div.headerstartpage {
	background-color: #bfe5ff;
	margin: 10px;
	overflow: hidden;
	padding-left: 10px;
	height: auto;
}

.subpage div.headerstartpage {
	margin-left: 2px;
}

div.withImage {
	height: 163px;
	padding-left: 0px;
}

div.formbase {
	height: 152px;
	padding-left: 0px;
}

div.withImage h3 {
	padding-left: auto;
}

div.headerstartpage h3 {
	color: #012A54;
	font-size: 1.1em;
	padding-left: 0;
}

div.headerstartpage h3 a {
	color: #012A54;
	text-decoration: underline;
}

div.headerstartpage img {
	float: left;
	margin-right: 20px
}

div.headerstartpage div {
	padding-top: 5px;
}

div.headerstartpage a {
	font-size: 1em;
	font-weight: bold;
	color: #3772aa;
}

/* Artikel Liste */
div.artikelliste h2 {
	font-size: 1em;
	padding-left: 0px;
}

/* Mime Type Classes */
div.leftimage {
	background-repeat: no-repeat;
	background-position: left top;
}

div.right {
	margin-left: 30px;
	font-family: arial, sans-serif;
	font-size: 0.9em;
}

div.right h2 {
	padding: 0px;
	font-size: 1em;
}

/* Sitemap */
ul.sitemap {
	list-style-type: none;
	font-weight: bold;
	font-size: 1.2em;
}

ul.sitemap ul.level {
	list-style-type: none;
	font-weight: normal;
	margin-left: 15px;
}

ul.sitemap ul {
	list-style-type: disc;
	margin-left: 30px;
}

ul.sitemap br {
	margin-bottom: 10px;
}

ul.sitemap ul.level .level1 {
	background: url('../images/list_icon.gif') no-repeat 0 3px transparent;
	padding-left: 20px;
}

ul.sitemap ul.level .level2 {
	background: url('../images/list_arrow_active.gif') no-repeat 0 3px
		transparent;
	padding-left: 20px;
}

/*
 a {
	font-family: arial, sans-serif;
	font-size: 0.7em;
	color: #012a54;
	text-decoration: none;
}

a:visited {
	font-family: arial, sans-serif;
	font-size: 0.7em;
	color: #042d59;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
*/

/* Search center*/
div.search form {
	margin-bottom: 10px;
}

div.search .submit {
	position: relative;
	top: 4px;
	margin-left: 9px;
}

/* Notar Suche */
div.notar_search {
	font-family: arial;
}

div.notar_search .highlighted_text {
	padding: 10px;
}

div.notar_search input.text {
	font-size: 1.1em;
	width: 200px;
}

div.notar_search input.text {
	margin-top: 5px;
}

div.notar_search .select {
	width: 208px;
	margin-top: 5px;
}

div.notar_search .left_col {
	width: 45%;
	margin-right: 4%;
	margin-top: 5px;
	margin-bottom: 1.5%;
	float: left;
}

div.notar_search .space {
	margin-bottom: 15px;
}

div.notar_search .form_box {
	width: 45%;
	margin-top: 1.5%;
	margin-bottom: 1.5%;
	margin-right: 1.5%;
}

div.notar_search .buttons {
	text-align: right;
}

div.notar_search input.button {
	margin-left: 20px;
}

div.notar_search .flash {
	margin-bottom: 25px;
}

div.notar_search .info_left {
	float: left;
}

div.notar_search .info_right {
	margin-left: 50%;
}

div.notar_search .info_i {
	text-align: right;
	padding-right: 18px;
}

.notar_search .search_result {
	padding: 10px;
	margin-bottom: 10px;
}

.notar_search .candidate {
	padding-left: 20px;
}

.notar_search .backLink {
	display: block;
	margin-bottom: 15px;
	margin-top: 15px;
}

.messages h3.notar {
	padding: 10px;
	margin-top: 10px;
	border-bottom: 1px solid #012A54;
}

.messages h3.notar a {
	background: url("../images/icon_info.gif") no-repeat top right;
	padding-right: 30px;
	text-decoration: none;
}

.notar_search .zusatz {
	margin-top: 0;
}

.notar_search .infoLeft {
	float: left;
	width: 45%;
}

.notar_search .infoRight {
	float: right;
	width: 55%;
}

.infoLeft p,.infoRight p {
	margin: 5px 0;
}

.highlighted_deep {
	margin-top: 7px;
	background-color: #D8F2FF;
	padding: 5px;
}

.line {
	height: 25px;
}

.float_left {
	float: left;
}

.centered {
	text-align: center;
}

.bold {
	font-weight: bold;
}

div.notar_detail .headline {
	background-color: #012A53;
	height: 25px;
}

div.notar_detail h3 {
	color: white;
	font-weight: bold;
	padding: 5px;
	font-size: 1em;
	margin-left: 25px;
}

div.notar_detail {
	font-size: 0.85em;
	width: 393;
}

div.notar_detail div {
	padding: 5px;
}

div.notar_detail .info_left {
	width: 45%;
	float: left;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

div.notar_detail .info_right {
	margin-left: 50%;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

div.notar_detail .scroller {
	width: 200px;
	height: 389px;
}

div.notar_detail .ruler_light {
	width: 350px;
	height: 15px;
	background-color: #F0F4F7;
}

div.notar_detail .ruler_dark {
	width: 350px;
	height: 15px;
	background-color: #012A53;
}

div.notar_detail .portrait {
	float: left;
	max-width: 45%;
}

div.notar_detail .detail_info {
	padding: 10px 0px 10px 0px;
}

/* Liste mit Bild */
div.listpic img {
	float: left;
}

div.listpic .right {
	margin-left: 90px;
	font-family: arial, sans-serif;
	font-size: 0.9em;
}

div.listpic .intro_text {
	margin-left: 90px;
	font-weight: bold;
	font-family: arial, sans-serif;
	font-size: 0.9em;
	color: #415f7f;
}

div.listpic h1 {
	color: #ff6600;
	font-size: 1.6em;
	font-weight: normal;
	font-family: arial, sans-serif;
	padding-top: 20px;
	padding-bottom: 20px;
}

div.listpic h2 {
	padding: 0;
	font-size: 1em;
	color: #012a54;
	margin-bottom: 7px;
	color: #415f7f;
}

div.listpic a {
	display: block;
	font-size: 0.9em;
	color: #3772aa;
	font-family: arial, sans-serif;
	margin-top: 7px;
}

div.listpic .highlighted_text {
	padding: 15px;
	margin-bottom: 15px;
}

div.listpic header {
	padding: 20px;
}

/* FavoritenIcon */
div.favorit .form_box {
	width: 45%;
	margin-top: 1.5%;
	margin-bottom: 1.5%;
	margin-right: 1.5%;
}

div.favorit .left_col {
	width: 45%;
	margin-right: 4%;
	margin-bottom: 1.5%;
	margin-left: 1%;
	margin-top: 5px;
	float: left;
}

div.favorit .button {
	margin-left: 49%;
}

/* Messages */
div.msg div.header {
	background-color: #415F7F;
	color: #FFFFFF;
	font-family: arial, sans-serif;
}

div.msg div.label {
	float: left;
}

div.msg div.infos {
	margin-left: 63px;
}

div.msg a,div.msg a:hover,div.msg a:active,div.msg a:visited {
	font-size: 0.85em;
}

div.msg div.header a,div.msg div.header a:hover,div.msg div.header a:active,div.msg div.header a:visited
	{
	color: #E6F1F9;
	text-decoration: none;
}

div.msg .container {
	padding: 10px;
}

div.msg div.text {
	background-color: #E6F1F9;
	padding-top: 16px;
}

div.kammernsuche_back {
	background-color: #eaeff4;
}

div.multimedia {
	text-align: center;
}

/* login styles */
.login legend {
	color: #FF6600;
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 10px;
}

.login fieldset {
	padding-left: 20px;
	font-family: arial, sans-serif;
	margin: 10px 5px 20px 10px;
}

.login fieldset div {
	margin-left: 20px;
	font-size: 0.8em;
}

.login label {
	font-size: 1em;
	float: left;
	width: 100px;
	margin-top: 10px;
}

.login input {
	margin-top: 10px;
}

.login input.text {
	width: 150px;
	font-size: 0.9em;
}

.login .sternchen {
	width: 15px;
	float: left;
	margin-top: 10px;
	font-size: 1.2em;
}

.formPortlet {
	font-size: 1.1em;
}

.formPortlet .noCredentials {
	font-size:0.9em;
}

.formPortlet h3 {
	color: #012A54;
	font-size: 1em;
	padding: 5px 0 0 0;
}

div.artikel a.formOpen {
	font-size: 1.1em;
	text-decoration: underline;
}

.messages,.messages table {
	font-family: arial;
}

.messages th {
	font-family: arial;
	background-color: #f6f8fa;
	font-size: 0.9em;
	text-align: left;
}

.messages tr {
	vertical-align: top;
	cursor: pointer;
}

tr.hover {
	background-color: #edf3f9;
}

.messages tr.new {
	font-weight: bold;
}

.messages td {
	text-align: left;
}

.even {
	background-color: #f6f8fa;
}

.messages .label {
	float: left;
	font-weight: bold;
}

.messages .infos {
	margin-left: 63px;
}

.messages a {
	font-size: 1em;
	text-decoration: underline;
}

.messages a:hover {
	text-decoration: underline;
}

.backLink {
	background: url(../images/nav_prev.gif) no-repeat top left;
	padding: 3px 0 5px 30px;
	margin-left: 5px;
	text-decoration: none;
}

.backLink:hover {
	text-decoration: underline;
}

.messages .removeLink {
	background: url(../images/close_panel.gif) no-repeat top left;
	margin-left: 20px;
	padding: 0 0 5px 22px;
	text-decoration: none;
}

.messages .removeLink:hover {
	text-decoration: underline;
}

.messages h3 {
	color: #012A54;
	background-color: #F6F8FA;
	font-size: 1em;
	padding: 10px;
	margin-top: 20px;
}

.messages .sender {
	padding: 5px 5px 5px 10px;
}

.messages .artikel {
	padding-top: 0;
	padding-bottom: 10px;
}

.messages .attachment {
	background: transparent url(../images/attachment.png) no-repeat scroll 0
		0;
	padding: 5px 5px 10px 20px;
}

/* SearchApplication Portlet ------------------------ */
#searchApplication {
	font-family: arial;
}

#searchApplication form {
	margin: 10px 0;
}

#searchApplication label {
	margin-right: 10px;
}

#searchApplication input.text {
	font-size: 1.0em;
	margin-right: 20px;
	width: 21em;
}

#searchApplication input.submit {
	position: relative;
	top: 4px;
}

#searchApplication .highlighted_text {
	padding-bottom: 10px;
}

#searchResults a {
	font-size: 1em;
	font-weight: bold;
}

#searchResults {
	padding: 20px 0;
}

#searchResults .result {
	margin-bottom: 10px;
	padding: 10px;
}

.hitsPerPageText {
	float: left;
	margin-right: 10px;
}

.hitsPerPage {
	margin-left: 20px;
	display: inline;
}

.hitsPerPage li {
	float: left;
	margin-right: 10px;
}

.hitsPerPage li span {
	font-size: 1.3em;
	color: #ff6600;
}

.hitsPerPage a {
	font-size: 1.3em;
	text-decoration: underline;
}

.hitsPerPage a:hover {
	text-decoration: none;
}

/*
.error {
	background: #ee0000;
	clear: none;
	color: yellow;
	margin-bottom: 4px;
	padding: 10px 10px 10px 10px;
	font-weight: bold;
	font-family: arial, sans-serif;
	font-size: large;
}
*/

.error 
{
	padding: 0pt 0.7em;
	margin: 0.5em 0;
}
.error span.ui-icon 
{
	float: left; 
	margin-right: 0.3em;
}

.error div.ui-message 
{
	margin-left: 30px;
}

.smallerror
{
	font-size:x-small;
	font-weight:bold;
	color:Red;
	display:block;
}

.smallblue
{
	color: Blue; 
	font-size: x-small;
}
.hint
{
	color: #888888; 
	font-size: 0.9em;
}
/* ================================== */


.rowPH 
{
	background:#bfe5ff; color:#000000;
}

.rowPN
{
	background: #f6f8fa;
}

.rowPS
{
	background:#FFFFFF;
}

.gray
{
   color: #777777;
}
        
.import
{
    background-color: #DFE8FF !important;
    background-image: none !important;
}

input, select, textarea {
 padding :0.2em;
}

.ui-button 
{
	padding: 0.4em 1em 0.4em 20px; 
	position:relative;
	text-decoration:none;
}
.ui-button span.ui-icon
{
	left:0.2em;
	margin:-8px 5px 0 0; 
	position:absolute;
	top:50%;
}

#menu_items a span.ui-icon
{
	left:-6px;
	margin:-0.8em 0 0 0; 
	position:absolute;
	top:50%;
}

.mitarbeiter 
{
	color:#AAAAAA;
}

.mitarbeiter input 
{
	border-color:#AAAAAA;
}

/*
ul.columns { margin: 0; padding: 0; list-style-type: none; word-spacing: -1ex; }
.columns li { display: -moz-inline-stack; display: inline-block; //display: inline; }
.columns span { display: inline; word-spacing: normal; //display: inline-block; //filter: alpha(opacity=100); }
.columns span, x:-moz-any-link { display:block; }
.columns span, x:-moz-any-link, x:default { display: inline; }
.columns li,  .columns span { vertical-align: top; }

.columns li { margin: 0 10% 0.4em 0; //margin: 0; width: 40%; //width: auto; }
.columns span { //margin: 0 10% 0.4em 0; //width: 40%; }
.columns ul { width: 80%; }
*/


@media print
{
	frame[name="Auswahl"] 
	{
		display:none;
	}
	input[type="submit"] 
	{
		display:none;
	}
	div#container, #content
	{
		width: 100%;
		font-size: 18px;
		padding:0;
		margin:0;
		border:0;
	}
	div#artikel h1 
	{
		line-height: 20px;
	}
	div#header, div#breadcrumb, div#navigation, div#footer, div#menutop, .ui-datepicker-trigger
	{
		display:none;
	}
	div.info 
	{
		display:none;
	}
	
	.dontprint {
	    display:none;
	}

}

div#container .required 
{
	background: #FFFF66;
	background-color: #FFFF66;
}

div.rightbuttons 
{
    margin: 10px 0;
    float: right;
}

.uppercase {
    text-transform: uppercase;
}

div#container .disabled
{
    background: #eee;
    background-color: #eee;
    color: #999;
}

.no-title .ui-dialog-titlebar {
	display: none;
}

#notification {
	background: lightyellow;
}


ul.validation-errors {
	border: 1px solid #cd0a0a;
	background: #e14f1c url("images/ui-bg_gloss-wave_45_e14f1c_500x100.png") 50% top repeat-x;
	color: #ffffff;
	list-style: none; /* Remove default list styles */
	margin-bottom: 4px;
}

ul.validation-errors li.validation-message {
	padding: 5px;
}

input.invalid {
	border: 1px solid #cd0a0a;
}


#progress-container {
	width: 90%;
	margin: 20px auto;
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
}

#progress-bar {
	width: 0;
	height: 30px;
	background-color: #4CAF50;
	text-align: center;
	line-height: 30px;
	color: #000;
}



#blazor-error-ui {
	background: lightyellow;
	bottom: 0;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
	display: none;
	left: 0;
	padding: 0.6rem 1.25rem 0.7rem 1.25rem;
	position: fixed;
	width: 100%;
	z-index: 1000;
}

#blazor-error-ui .dismiss {
	cursor: pointer;
	position: absolute;
	right: 0.75rem;
	top: 0.5rem;
}

.blazor-error-boundary {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
	padding: 1rem 1rem 1rem 3.7rem;
	color: white;
}

.blazor-error-boundary::after {
	content: "An error has occurred."
}