﻿@charset "UTF-8";

html, body, div, p, h1, h2, h3, h4, h5, h6 {
	padding:0;
	margin:0;
}

body {
	background:#373c3c;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #a0a0a0;
	line-height:16px;
}

a {
	color: #fff;
	text-decoration:none;
}

a:hover {
	color: #a0a0a0;
	text-decoration:none;
}

#right .copy a, .spalte23 .copy a, .bildtext .copy a, .urteil_list a,  #detail a{
	background: url(link.png) no-repeat top left !important;
	background: url(link.gif) no-repeat top left;
	padding: 0 0 0 17px;
}

#right .copy a:hover, .spalte23 .copy a:hover, .bildtext .copy a:hover, .urteil_list a:hover, #detail a:hover {
	background: url(link_grau.png) no-repeat top left !important;
	background: url(link_grau.gif) no-repeat top left;
}

.copy .csc-sitemap #sitemap a {
	background: none !important;
} 

.copy .csc-sitemap #sitemap a:hover {
	background: none !important;
}

#right p{
	text-indent: -17px;
	padding: 0 0 10px 0;
	margin: 0 0 0 17px;
}

#footer a {
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color: #a0a0a0;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 0 0 10px;
}

#footer a:hover {
	color: #fff;
}

#floatingfooter a {
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color: #a0a0a0;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 0 0 10px;
}

#floatingfooter a:hover {
	color: #fff;
}

h1 {
	color: #fff;
	font: italic  normal 37px Times, serif ;
	padding: 10px 0 20px 0;
}

#archiv h1 {
	float:left;
	padding: 10px 0 0 10px;
}

h2 {
	font: italic normal 24px Times, serif ;
	color: #fff;
	padding: 0 0 6px 0;
	line-height: 25px;
}

h3 {
	color: #fff;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 0 0 9px 0;
}

h4 {
	color: #fff;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

h5 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #00abe5;
}

h6 {
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	line-height: 11px;
	padding: 0 0 2px 0;
}

.haupttext h6 {
	color: #fff;
	padding: 0 0 20px 0;
}

i {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}

a img  {
	border: 0px;
}

blockquote {
	display: none;
}

/*++++++++++++++++++ Navigation +++++++++++++++++++*/

ul.menu {
	position: relative;
	z-index: 50;
	list-style:none; 
	margin:0; 
	padding:0;
	font: normal 13px Verdana, Arial, Helvetica, sans-serif;
}

ul.menu * {
	margin:0; 
	padding:0;
}

ul.menu a {
	display:block; 
	text-decoration:none;
	text-transform: uppercase;
}

ul.menu li {
	position:relative; 
	float:left; 
}

ul.menu ul {
	position:absolute; 
	top:26px; 
	left:0; 
	list-style:none;
	display:none; 
	opacity:0;
}

ul.menu ul li a { 
	color: #ccc;
	display:block; 
	padding:1px 7px; 
}

ul.menu li ul li { 
	background: url(hg_schatten.png) no-repeat top right !important; 
	background:#707173;
}

ul.menu .menulink {
	padding: 4px 10px 6px 5px; 
	width: auto;
	font-weight: bold;
	margin: 0 10px 0 0;
}

/*individuelle Farben der Menüpunkte/Rollover etc.*/

ul.menu .menulink:hover, ul.menu li.m01 .menuhover, ul.menu li.m02 .menuhover, ul.menu li.m03 .menuhover, ul.menu li.m04 .menuhover, ul.menu li.m05 .menuhover, ul.menu li.m06 .menuhover, ul.menu li.m07 .menuhover {
	background: #707173;
	color: #fff;
}

ul.menu li.m01 ul a, ul.menu li.m02 ul a, ul.menu li.m03 ul a, ul.menu li.m04 ul a, ul.menu li.m05 ul a, ul.menu li.m06 ul a, ul.menu li.m07 ul a {
	color:#ccc;
}

ul.menu li.m01 a{
	color:#00abe5;
}

ul.menu li.m02 a{
	color:#b1b3b4;
}

ul.menu li.m03 a{
	color:#ee7f01;
}

ul.menu li.m04 a{
	color:#bf3228;
}

ul.menu li.m05 a{
	color:#eaeaea;
}

ul.menu li.m06 a{
	color:#b1b3b4;
}

ul.menu li.m07 a{
	color:#707173;
}

ul.menu ul li a:hover {
	color: #fff;
}

ul.menu ul li .menuhover {
	color: #fff;
}

ul.menu ul.mm01 li a:hover {
	background: url(blau_schatten.png) no-repeat top right !important; 
	background: #00abe5;
}

ul.menu ul.mm01 li .menuhover {
	background: url(blau_schatten.png) no-repeat top right !important;
	background: #00abe5;
}

ul.menu ul.mm02 li a:hover {
	background: url(hellgrau_schatten.png) no-repeat top right !important;
	background: #b1b3b4;
}

ul.menu ul.mm02 li .menuhover {
	background: url(hellgrau_schatten.png) no-repeat top right !important; 
	background: #b1b3b4;
}

ul.menu ul.mm03 li a:hover {
	background: url(orange_schatten.png) no-repeat top right !important; 
	background: #ee7f01;
}

ul.menu ul.mm03 li .menuhover {
	background: url(orange_schatten.png) no-repeat top right !important; 
	background: #ee7f01;
}

ul.menu ul.mm04 li a:hover {
	background: url(rot_schatten.png) no-repeat top right !important; 
	background: #bf3228;
}

ul.menu ul.mm04 li .menuhover {
	background: url(rot_schatten.png) no-repeat top right !important; 
	background: #bf3228;
}

ul.menu ul.mm06 li a:hover {
	background: url(hellgrau_schatten.png) no-repeat top right !important;
	background: #b1b3b4;
}

ul.menu ul.mm06 li .menuhover {
	background: url(hellgrau_schatten.png) no-repeat top right !important;
	background: #b1b3b4;
}

ul.menu ul.mm07 li a:hover {
	background: url(hellgrau_schatten.png) no-repeat top right !important;
	background: #b1b3b4;
}

ul.menu ul.mm07 li .menuhover {
	background: url(hellgrau_schatten.png) no-repeat top right !important;
	background: #b1b3b4;
}


/*Manuelle Breiten der Listeneinträge*/

ul.menu ul, ul.menu ul li {
	width:235px;
}

ul.menu ul.mm06, ul.menu ul.mm06 li {
	width:330px;
}

ul.menu ul ul {
	left: 228px !important;
	left: 235px;
	top: 0px;
	width: 270px;
	z-index: 100;
}

ul.menu ul ul li {
	width:100%;
}

.grau {
	height: 31px !important;
	height: 24px;
	border-bottom: none !important;
	border-bottom: #333 solid 1px;
}

/*++++++++++++++++++ Struktur +++++++++++++++++++*/

#outbox {
	position: relative;
	width: 960px;
	margin: 35px auto 0 auto;
	padding:0;
	background: url(hg_topnavi_p.gif) repeat-x;
}

#left {
	width: 710px;
	float: left;
	margin: 26px 0 0 0;
}

#right {
	width: 230px;
	float: left;
	background: url(hg_box600.gif) repeat-x;
	margin: 26px 0 0 20px;
}

#footer {
	height: 26px;
	padding-top: 10px;
}

#floatingfooter {
	height: 26px;
	padding-top: 10px;
}

#logo {
	width: 220px;
	height: 160px;
	float: left;
	padding: 0 0 0 10px;
}

#spalte2,.spalte23, #spalte3 {
	position: relative;
	z-index: 10;
	width: 220px !important;
  width: 18.2em;
	height: 160px;
	margin: 0 0 14px 20px;
	float: left;
	background: url(hg_box152.gif) repeat-x;
	overflow: hidden;
}

#slide1, #slide2, #slide3, #slide4 {
	visibility: hidden;
}

.titelbild {
	clear: both;
	width: 710px;
}

.copy {
	padding: 9px 7px 7px 10px;
	clear: both;
}

#right .copy {
	padding: 9px 10px 7px 10px;
}

.haupttext {
	position: relative;
	clear: both;
	background: #373c3c url(hg_box400.gif) repeat-x;
}

.farbcode_txt {
	width: 100%;
	font: normal 8px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #fff;
	padding-bottom: 8px;
}

.img_right {
	padding: 5px 0px 10px 0px;
	text-align: center;
}

.farbcode_teaser {
	position: absolute;
	bottom: 0px;
	width: 100%;
}

.farbcode_teaser hr {
	display: none;
}

.topbildtext {
	position: relative;
	margin:0 0 30px 0;
	clear: both;
}

.bildtext {
	padding:0;
	margin: 30px 0 0 0;
	clear: both;
}

.bild240 {
	position: relative;
	padding:0;
	margin:0;
	float: left;
}

.topbildtext .copy {
	position: relative;
	padding: 17px 7px 7px 17px;
	margin: 0 0 0 240px;
	clear: none;
}

.bildtext .copy {
	padding: 0 7px 7px 17px;
	margin: 0 0 0 240px;
	clear: none;
	min-height: 143px;
}

.urteil_list {
	background: url(dashed_line.gif) bottom left no-repeat;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
}

/*++++++++++++++++++ farben +++++++++++++++++++*/

.farbcode_teaser .blau {
		border-bottom: #00abe5 solid 8px;
}

.farbcode_txt .blau {
		background: #00abe5;
		padding: 1px 0 1px 10px;
}

.farbcode_teaser .hellgrau {
		border-bottom: #b1b3b4 solid 8px;
}

.farbcode_txt .hellgrau {
		background: #b1b3b4;
		padding: 1px 0 1px 10px;
}

.farbcode_teaser .orange {
		border-bottom: #ee7f01 solid 8px;
}

.farbcode_txt .orange {
		background: #ee7f01;
		padding: 1px 0 1px 10px;
}

.farbcode_teaser .rot {
		border-bottom: #bf3228 solid 8px;
}

.farbcode_txt .rot {
		background: #bf3228;
		padding: 1px 0 1px 10px;
}


.farbcode_teaser .dunkelgrau {
		border-bottom: #707173 solid 8px;
}

.farbcode_txt .dunkelgrau {
		background: #707173;
		padding: 1px 0 1px 10px;
}


/*++++++++++++++++++ formulare +++++++++++++++++++*/

#archiv form{
  position: relative;
	margin: 0 0 10px 0;
	padding: 5px 4px;
	background-color: #555958;
	width: 702px;
	height: 120px;
	clear: both;
}

#archiv form input#button {
	position: absolute;
	padding: 0;
	margin: 0;
	right: 7px;
	display: inline;
	background: none;
	border: none;
	color: #373c3c;
	height: auto;
	width: 25px;
	cursor: pointer;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

#archiv form input#suchbegriff {
	position: absolute;
	width: 170px;
	margin: 0;
	border: none;
	background-color: #4d5151;
	padding: 0;
	font: italic 12px Verdana, Arial, Helvetica, sans-serif;
	color: #fefefe;
}

#archiv form select {
	position: absolute;
	bottom: 15px;
	width: 220px;
	margin: 0;
	padding: 0;
}

#berufsbild {
	left: 10px;
}


#rechtsgebiet {
	left: 250px;
}

#head_berufsbild {
	left: 10px;
	position: absolute;
	bottom: 40px;
	width: 200px;
	margin: 0;
	padding: 0;
	color: #fff;
	font-style: italic;
}

#head_rechtsgebiet {
	left: 250px;
	position: absolute;
	bottom: 40px;
	width: 200px;
	margin: 0;
	padding: 0;
	color: #fff;
	font-style: italic;
}

#archivsuche{
		position: absolute;
		width: 207px;
		height: 16px;
		right: 5px;
		background-color: #4d5151;
		padding: 5px 4px;
}

#right form{
  position: relative;
	margin: 5px;
	padding: 5px 4px;
	background-color: #4d5151;
	width: 212px;
	height: 16px;
}


#right form input#button {
	position: absolute;
	padding: 0;
	margin: 0;
	right: 7px;
	display: inline;
	background: none;
	border: none;
	color: #373c3c;
	height: auto;
	width: 25px;
	cursor: pointer;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

#right form input#suchbegriff {
	position: absolute;
	width: 170px;
	margin: 0;
	border: none;
	background-color: #4d5151;
	padding: 0;
	font: italic 12px Verdana, Arial, Helvetica, sans-serif;
	color: #fefefe;
}

