/* CSS Document */

html {
	height: 100%;
}
body {
	height: 100%;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 14px;
	margin: 0px;
	line-height: 120%;
	color: #4A4A4A;
	background-color: #D4D5D4;
}
h1 {
	font-size: 13px;
	font-weight: 700;
	margin: 0px 0px 8px 0px;
}
h2 {
	font-size: 12px;
	font-weight: 700;
	color: #642871;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 8px 0px;
	border-bottom: 1px dotted #AAAAAA;
}
h4 {
	font-size: 14px;
	font-weight: 700;
	color: #642871;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 8px 0px;
}
p {
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
a {
	color: #61336E;
	text-decoration: none;
}
a:hover {
	color: #062249;
	text-decoration: underline;
}
img {
	border: none;
	padding: 0px;
	margin: 0px;
}
div.csc-textpic-border img  {
	border: 1px solid #BFBFBF !important;
}
hr{
	border: 0px; /* Für Firefox und Opera */
	border-top: 1px dotted #A1A1A1;
	border-bottom: transparent;
}
#content .contentelement li {
	list-style-image: url(images/li.jpg);
	padding: 0px !important;
	margin: 5px 5px 5px 9px !important;
	text-indent: 0px !important;
}
#content .contentelement ul {
	list-style-image: url(images/li.jpg);
	padding: 0px !important;
	margin: 5px 5px 5px 9px !important;
	text-indent: 0px !important;
}
#left .contentelement li, #right .contentelement li {
	list-style-image: url(images/li.jpg);
	padding: 0px !important;
	margin: 5px 5px 5px 12px !important;
	text-indent: 0px !important;
}
#content .contentelement li a, #left .contentelement li a, #right .contentelement li a {
	margin: 0px 0px 0px -15px !important;
}
#right .contentelement ul, #right .contentelement ul {
	list-style-image: url(images/li.jpg);
	padding: 0px !important;
	margin: 5px 5px 5px 12px !important;
	text-indent: 0px !important;
}
#container {
	display: block;
	width: 932px;
	margin: auto;
	padding: 0px;
}
#header {
	display: block;
	width: 880px;
	height: 71px;
	margin: 0px;
	padding: 0px 32px 33px 20px;
}
#logo {
	display: block;
	float: left;
	margin: 0px;
	padding: 12px 0px 0px 0px;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	background-position: 0px 17px;
}
#logo, #logo img {
	width: 205px;
	height: 52px;
}
#servicemenu {
	display: block;
	float: right;
	width: 200px;
	height: 12px;
	margin: 0px;
	padding: 18px 0px 0px 20px;
	text-align: right;
	text-transform: uppercase;
}
#servicemenu a, #servicemenu a:hover {
	text-decoration: none;
	color: #4B4B4B;
}
#servicemenu ul {
	display: inline;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#servicemenu ul li {
	display: inline;
	padding: 0px 0px 0px 10px;
}
#search {
	display: block;
	float: right;
	width: 200px;
	height: 22px;
	margin: 0px;
	padding: 13px 0px 0px 11px;
}
.searchinput {
	display: block;
	width: 112px;
	height: 12px;
	margin: 0px 4px 0px 0px;
	padding: 4px;
	background-image: url(images/search_input_bg.png);
	background-repeat: no-repeat;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #4A4A4A;
	float: right;
	border: 1px solid #8A8A8A;
}
.searchbutton {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: right;
}
/* style the outer div to give it width */
.menu {
width:927px; 
height:24px;
position:relative;
z-index:100;
padding: 0px 0px 0px 23px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
text-transform: uppercase;
}
.menu ul ul {
width:187px;
margin-left: -7px;
text-transform: none;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:104px;
position:relative;
border-right:1px solid #D4D5D4;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:12px;
font-weight: 500;
text-decoration:none; 
color:#fff; 
width:95px; 
height:22px;
background-image:url(images/menu_bg.jpg);
background-repeat:repeat-x;
padding:2px 0px 0px 8px;
line-height:21px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:106px;
w\idth:95px;
}
 
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#FFFFFF url(images/arrow.gif) no-repeat 187px center;
}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#EFF0F0 url(images/arrow.gif) no-repeat 187px center;}
.menu ul ul :hover > a.drop {background:#EFF0F0 url(images/arrow.gif) no-repeat 187px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#FFFFFF;}
/* style the third level hover */
.menu ul ul ul a:hover, .menu ul ul ul :hover > a {
background:#EFF0F0;
}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:24px;
left:0; 
width:195px;
border-top:10px solid #FFFFFF;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:23px;
t\op:24px;
}
 
/* position the third level flyout menu */
.menu ul ul ul{
left:215px; 
top:0;
width:187px;
border-top: 0px none;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-201px;
}
 
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}
 
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#FFFFFF;
color:#494949;
height:auto;
line-height:1em;
padding:5px 6px;
width:195px !important;
border: 1px solid #B1B1B1;
border-width:1px 1px 0px 1px;
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:195px;
w\idth:174px;
}
 
 
/* style the top level hover */
.menu a:hover {
background:#FFFFFF;
color:#494949;
text-decoration: none;
}
.menu ul ul a:hover {
background:#EFF0F0;
color:#494949;
text-decoration: none;
}
.menu :hover > a {
background:#FFFFFF;
color:#523658;
text-decoration: none;
}
.dropact {
background:#FFFFFF !important;
color:#523658 !important;
text-decoration: none;
}
.menu ul ul :hover > a {
background:#EFF0F0;
color:#494949;
text-decoration: none;
}
ul ul li.last a, ul ul li.last a:hover {
border-bottom: 1px solid #B1B1B1 !important;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}
#maincontainer {
	display: block;
	width: 930px;
	margin: 0px;
	padding: 10px;
	background-color: #FFFFFF;
}
#keyvisual {
	display: block;
	width: 930px;
	margin: 0px 0px 25px 0px;
	padding: 0px;
}
#leftcontainer {
	display: block;
	float: left;
	width: 190px;
	margin: 0px 0px 0px 0px;
	padding: 0px 40px 0px 14px;
}
#left {
	display: block;
	width: 176px;
	margin: 0px;
	padding: 0px;
}
#left .contentelement, #right .contentelement {
	display: block;
	width: 176px;
	margin: 0px 0px 17px 0px;
	border: 1px dotted #A1A1A1;
	line-height: 14px;
}
#left .contentelement h1, #right .contentelement h1 {
	margin: 0px;
	padding: 6px 6px;
	border-bottom: 1px dotted #A1A1A1;
	text-transform: uppercase;
	font-weight: 700;
	background-image: url(images/left_right_h1_bg.jpg);
	background-position: right;
	background-repeat: no-repeat;
}
#left .contentelement h1 a, #left .contentelement h1 a:hover, #right .contentelement h1 a, #right .contentelement h1 a:hover {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
#left .contentelement p, #right .contentelement p {
	margin: 0px;
	padding: 4px 6px;
}
#leftmenu {
	display: block;
	width: 190px;
	margin: 0px;
	padding: 0px;
}
#leftmenu ul li a, #leftmenu ul li a:hover {
	display: block;
	text-decoration: none;
	color: #3E3E3E;
	padding: 3px 4px 3px 4px;
	margin: 0px;
}
#leftmenu li a:hover {
	color: #591E69 !important;
}
#leftmenu ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #D4D4D4;
}
#leftmenu ul li {
	display: block;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#leftmenu ul li.one {
	font-weight: 700;
	border-top: 1px solid #D4D4D4;
	background-image: url(images/leftmenu_one.jpg);
	background-position: right;
	background-repeat: no-repeat;
	padding: 2px 0px;
}
#leftmenu li.two {
	padding: 0px;
	margin: 0px;
}
#leftmenu .active {
	background-image: url(images/leftmenu_active.jpg) !important;
	background-position: right;
	background-repeat: no-repeat;
	margin-bottom: -2px;
}
#leftmenu .activetwo {
	color: #54216D;
	font-weight: 700;
	background-image: url(images/leftmenu_active.jpg) !important;
	background-position: right;
	background-repeat: no-repeat;
}
#leftmenu li.activetoo {
	color: #54216D;
	font-weight: 700;
}
#leftmenu li.active a, #leftmenu li.active a:hover, .purple {
	color: #54216D;
}
#leftmenu li.three {
	padding: 0px 10px;
}
#contentcontainer {
	display: block;
	float: left;
	width: 448px;
	padding: 0px 37px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#breadcrumb {
	display: block;
	width: 448px;
	padding: 0px 0px 6px 0px;
	margin: 0px;
	text-transform: uppercase;
	border-bottom: 1px dotted #A1A1A1;
	color: #62276F;
}
#breadcrumb a, #breadcrumb a:hover {
	color: #6F6F6F;
	text-decoration: none;
}
#content {
	display: block;
	width: 448px;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 15px;
}
#content .contentelement {
	display: block;
	width: 448px;
	padding: 0px 1px 7px 1px;
	margin: 0px 0px 15px 0px;
	border-bottom: 1px dotted #A1A1A1;
	line-height: 16px;
	font-size: 12px;
}
#content .contentelement h1 {
	font-size: 18px;
	margin-bottom: 16px;
	line-height: 20px;
}
#content .contentelement p, #rgaccord2-nest p {
	margin: 0px 0px 10px 0px !important;
	padding: 0px;
}
#contentmenu {
	display: block;
	width: 448px;
	padding: 0px 0px 0px 7px;
	margin: 40px 0px 10px 0px !important;
}
#contentmenu ul {
	display: inline;
	padding: 0px;
	margin: 0px;
}
#contentmenu ul li {
	display: inline;
	padding: 0px 30px 0px 0px;
	margin: 0px;
}
#contentmenu ul li a, #contentmenu ul li a:hover {
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	color: #AAAAAA;
}
#rightcontainer {
	display: block;
	float: right;
	width: 189px;
	padding: 0px 12px 0px 0px;
	margin: 0px;
}
#right {
	display: block;
	width: 189px;
	padding: 0px;
	margin: 0px;
}
#right .contentelement {
	display: block;
	width: 189px;
	padding: 0px;
	border: 1px dotted #A1A1A1;
}
#content .contentelement a, #content .contentelement a:hover, #right .contentelement a, #right .contentelement a:hover {
	padding: 0px 0px 1px 17px;
	margin: 0px 0px 0px 0px;
	background-repeat: no-repeat;
	text-decoration: none;
}
#content .contentelement a, #right .contentelement a {
	background-image: url(images/link_arrow_off.jpg);
}
#content .contentelement a:hover, #right .contentelement a:hover {
	background-image: url(images/link_arrow_on.jpg);
}
#content .csc-textpic-imagewrap a, #content .csc-textpic-imagewrap a:hover, #content .lawyer-latest-container a, #content .lawyer-latest-container a:hover, #content .news-list-browse a, #content .news-list-browse a:hover, #right .csc-textpic-imagewrap a, #right .csc-textpic-imagewrap a:hover {
	padding: 0px;
	margin: 0px;
	background: none !important;
	background-image: none !important;
	background-color: #00FF99;
}
#content .contentelement li, #content .contentelement ul {
	list-style-image: url(images/li.jpg);
}
#footer {
	text-align: center;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%; /* Hides from IE-mac \*/
}
.clearfix {
	display: block; /* End hide from IE-mac */
}

/***************************
 *  Default styles for the
 *    EXT rgaccordion
 * by Ringer Georg (just2b)
 ***************************/  

/* just a little gab */
div.rgaccord2-nest {
  	margin:0px;
}
.rgaccord2-content .rgaccord2-nest {
	padding: 16px 16px 0px 16px !important;
}

/* Toggle default */
h3.rgaccord2-toggle {
  	width: 423px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
  	font-weight:bold;
  	text-transform:uppercase;
  	color:#474747;
  	height: 18px;
  	background: #C6C6C6 url(images/plus.jpg) repeat-x;
/*  	background: #C6C6C6 url(images/plus.jpg) 5px center no-repeat;*/
  	border-top:1px solid #FFFFFF;
  	padding:8px 0px 2px 25px;
  	cursor:pointer;
	margin: 0px;
}

/* Toggle act item */
h3.act {
  	color:#FFFFFF;
  	background:#622970 url(images/minus.jpg) repeat-x;
/*  	background:#622970 url(images/minus.jpg) 5px center no-repeat;*/
}

/* the content */
div.rgaccord2-content {
  	width: 448px;
  	background-color: #EEEEEE;
}

/* the content */
div.rgaccord2-content .contentelement {
  	width: 416px;
	border-bottom: 0px none !important;
}

/* remove margin of a CE */
div.rgaccord2-content .ce {
  	margin-bottom:0;
}

/* remove the header inside the CE, twice is not nice */
div.rgaccord2-content h1 {
  	display:none;
}

/* default styles for extension "tx_rscontentcolumn_pi1" */
        div.tx-rscontentcolumn-pi1 {
        	overflow:hidden;
        }
    div.tx-rscontentcolumn-pi1 div {
    vertical-align:top;
   }
   
div.tx-rscontentcolumn-pi1 h2 {
	font-size: 12px;
	font-weight: 700;
	color: #642871;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: none;
	display: none;
	visibility: hidden;
}
div.tx-rscontentcolumn-pi1 div.leftcol, div.tx-rscontentcolumn-pi1 div.rightcol {
   margin: 0px;
   padding: 0px 10px;
   width:194px;
   white-space:normal;
   float:left;
}

div.tx-rscontentcolumn-pi1 div.rightcol {
   border-left: 1px dotted #A1A1A1;
}
div.tx-rscontentcolumn-pi1 div.threeleftcol, div.tx-rscontentcolumn-pi1 div.threemiddlecol, div.tx-rscontentcolumn-pi1 div.threerightcol {
   margin: 0px;
   padding: 0px 5px;
   width:136px;
   white-space:normal;
   float:left;
}
div.tx-rscontentcolumn-pi1 div.threemiddlecol {
   border-left: 1px dotted #A1A1A1;
   border-right: 1px dotted #A1A1A1;
}

div.tx-rscontentcolumn-pi1 div.leftcol h2, div.tx-rscontentcolumn-pi1 div.rightcol h2, div.tx-rscontentcolumn-pi1 div.threeleftcol h2, div.tx-rscontentcolumn-pi1 div.threemiddlecol h2, div.tx-rscontentcolumn-pi1 div.threerightcol h2 {
	font-size: 12px;
	font-weight: 700;
	color: #642871;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 8px 0px;
	border-bottom: 1px dotted #AAAAAA;
}

/* default styles for extension "tx_cssstyledcontent" */


.zitat {
	color: #62276F;
	font-size: 16px;
	padding: 12px;
	line-height: 20px;
}
.urheber {
	color: #767676;
	font-size: 12px;
	padding: 0px 12px 12px 12px;
}
#nachricht {
	height: 170px;
	width: 250px;
}