@charset "utf-8";
* {	margin: 0px; padding: 0px; font-family: Arial,Helvetica,sans-serif; }
/* General Specifications */
body { font-size: 100%; color: #474444; background: #e8e8e8 url(../images/body-bg.gif) repeat-x; text-align: center;  }

* html * { overflow:visible; }
* html iframe, * html frame { overflow:auto; }
* html frameset { overflow:hidden; }

hr { display: none; }
h2 { font-size: 1.63em; color: #fff; font-weight: normal; }
h2 span { display: block; }
h3 { color: #960301; font-weight: normal; padding: 50px 50px 0px 50px; }
h4 { color: #960301; font-weight: bold;  }
h4 a { color: #960301; }
p,h4 { padding: 18px 50px 0px 50px; line-height: 22px; text-align: justify; }
p.social-media { clear: both; font-size: 0.75em; }
p.error { color: #d80015; }
p.optin { color: #ff6c00; }
p.success { color: #ff6c00; }
p em { font-style: italic; }
p.imagefloat1 { width: 290px; float: left; }
p.imagefloat2 { width: 290px; float: left; padding-left: 0px; }
p.clearfloat { clear: both; }
p.clear { clear: both;  width: 960px; padding: 18px 0px 0px 0px; }
p.flat { padding: 0px; height: 1px; font-size: 1px; line-height: 1px; width: 960px; }
p.bordered { border-top: 1px solid #c9c9c9; padding: 18px 0px 0px 0px; margin: 20px 50px 0px 50px; }
p strong { font-weight: bold; }
p.paging { padding-left: 0px; padding-right: 0px; margin-left: 50px; margin-right: 50px; clear: both; padding-top: 18px; border-top: 1px solid #d3d3d3; margin-top: 24px; }
p.paging a { text-decoration: none; background-color: #fff; color: #333; }
p.paging strong { background-color: #e9e9e9; }
p.paging a.gxpager, p.paging strong {  display: block; float: left; height: 30px; width: 30px; text-align: center; line-height: 30px;  border: 1px solid #d3d3d3; margin-right: 5px }
p.paging a strong {  }
a { color: #474444;  outline: none; }
a.gmaps { text-decoration: none; color: #960301; }
a.gmaps:hover { color: #960301; text-decoration: underline; }
a:hover { color: #960301; }
ul,ol { list-style: none; }
div#maincontent ul li, div#maincontent ol li { font-size: 0.75em; }
ul.textlist { list-style-type: none; line-height: 22px; padding-top: 18px; padding-right: 50px; padding-left: 50px; }
ul.textlist li {  padding: 5px 5px 5px 30px; border-top: 1px solid #fff; background-color: #efefef; background-image: url(../images/arrow1.gif); background-repeat: no-repeat; background-position: 8px 10px; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; border: 0px; }
td,th { line-height: 22px; }
fieldset, img { border: 0; }
img { }
img.alignleft { float: left; margin-right: 20px; margin-top: 5px; }
img.alignright { float: right; margin-left: 20px; margin-top: 5px; }
caption, th { text-align: left; line-height: 20px; }
textarea { height: 100px; }
/* General Container */
div#container { text-align: left; margin: 0px auto; width: 960px; position: relative; background-color: #fff; }

div#branding { position: relative; height: 250px; width: 960px; }
div#branding h1 { display: none; }
div#branding p#logo { padding: 0px; width: 310px; height: 100px; }
div#branding div.claim { background-color: #700200; height: 150px; background-repeat: no-repeat; }
div#branding div.claim h2 { color: #fff; font-weight: normal; position: absolute; top: 160px; left: 50px; }
div#branding div#startseite { background-image: url(../images/infografik1.jpg); }
div#branding div#rechtsanwaelte { background-image: url(../images/infografik4.jpg); }
div#branding div#philosophie { background-image: url(../images/infografik3.jpg); }
div#branding div#arbeitsrecht { background-image: url(../images/infografik2.jpg); }
div#branding div#verguetung { background-image: url(../images/infografik7.jpg); }
div#branding div#links { background-image: url(../images/infografik5.jpg); }
div#branding div#kontakt { background-image: url(../images/infografik6.jpg); }
div#branding div#impressum { background-image: url(../images/infografik8.jpg); }

div#mainnavigation { position: absolute; z-index: 1; height: 110px; width: 600px; top: 0px; left: 310px; }
div#mainnavigation ul { margin-left: 0px; width: 600px; height: 110px; }
div#mainnavigation ul li {  float: left; display: inline; }
div#mainnavigation ul li a {  text-indent: -9999px; display: block; height: 110px; width: 120px; background-repeat: no-repeat; background-position: bottom; }
div#mainnavigation ul li a:hover, div#mainnavigation ul li a.active { background-position: top; }
div#mainnavigation ul li a.rechtsanwaelte { background-image: url(../images/nav-01.gif); text-align: left; }
div#mainnavigation ul li a.arbeitsrecht { background-image: url(../images/nav-02.gif); }
div#mainnavigation ul li a.verguetung { background-image: url(../images/nav-03.gif); }
div#mainnavigation ul li a.infoslinks { background-image: url(../images/nav-04.gif); }
div#mainnavigation ul li a.kontakt { background-image: url(../images/nav-05.gif); }

div#subnavigation { padding-top: 20px; }
div#subnavigation ul { line-height: 22px; }
div#subnavigation ul li { padding-left: 20px; background: transparent url(../images/arrow1.gif) no-repeat 0px 6px;}
div#subnavigation ul li a { text-decoration: none; }
div#subnavigation ul li a:hover,div#subnavigation ul li a.active { color: #960301; text-decoration: underline; }

div#content { width: 960px;  }
div#maincontent { width: 650px; float: right; }
div#maincontent h3 { font-size: 1.50em; }
div#maincontent p,div#maincontent h4 { font-size: 0.75em;  }
div#maincontent p.alignleft { float: left; padding-right: 0px; margin-right: 20px; width: 128px; }
div#maincontent p.alignleft img { margin-top: 8px; padding: 3px; border: 1px solid #c9c9c9; }
div#maincontent p strong.praefix { color: #474444; float: left; display: block; width: 50px; font-weight: normal; }

div#maincontent dl.portrait { float: left; line-height: 24px; padding-top: 18px; width: 400px; }
div#maincontent dl dt { float: left; display: block; width: 80px; }
div#maincontent dl dd { float: left; width: 320px; }
div#maincontent h4.portrait { margin: 27px 50px 0px 50px; padding: 27px 0px 0px 0px; clear: both; border-top: 1px solid #c9c9c9; }

div#maincontent ul#letterset { margin-top: 18px; padding: 0px 50px; list-style-type: none; padding-top: 0px; }
div#maincontent ul#letterset li { border-bottom: none; background-color: #fff; background-image: none; padding: 2px 4px 2px 0px; float: left; }
div#maincontent ul#letterset li a {  padding-left: 0px; background-image:none;  display: block; width: 30px; height: 30px; line-height: 30px; border: 1px solid #d3d3d3; text-decoration: none; text-align: center; color: #333; }
div#maincontent ul#letterset li a span { display: none; }
div#maincontent ul#letterset li a.active{ font-weight: bold; }

div#subcontent { width: 310px; float: right; text-align: left; }
div#subcontent div.box { margin-left: 50px; margin-top: 50px; border: 1px solid #c9c9c9; padding: 20px; background: #e8e8e8 url(../images/box-bg.gif) repeat-x; }
div#subcontent div.box h3 { font-size: 0.75em; line-height: 22px; font-weight: bold; padding: 0px; }
div#subcontent div.box p strong { color: #960301; }
div#subcontent div.box p strong.praefix { color: #474444; float: left; display: block; width: 50px; font-weight: normal; }
div#subcontent div.box h4 { font-size: 0.69em; padding-left: 0px; padding-right: 0px; text-align: left; }
div#subcontent div.box p { font-size: 0.69em; padding-left: 0px; padding-right: 0px; text-align: left; }
div#subcontent div.box p.first { padding-top: 0px; }
div#subcontent div.box ul { line-height: 22px; }
div#subcontent div.box ul li { font-size: 0.69em; padding-left: 20px; background-image: url(../images/arrow1.gif); background-repeat: no-repeat; background-position: 0px 7px; }

div#contactform { padding: 30px 40px 0px 50px; }
div#contactform p { text-align: left; padding: 0px 0px 10px 0px; font-weight: bold; }
div#contactform form legend { display: none; }
div#contactform form fieldset{ border: solid 0px #fff; }
div#contactform form ol { list-style-type: none; padding: 0px; }
div#contactform form ol li{ padding-bottom: 13px; padding-left: 0px; background: none; }
div#contactform form ol li fieldset{ padding-left: 143px; }
div#contactform form ol li fieldset input { width: auto; margin-right: 5px; }
div#contactform form ol li label { vertical-align: top; display: inline-block; width: 170px; }
div#contactform form ol li input,
div#contactform form ol li textarea{ border: 1px solid #bfc3ca; padding: 5px 0px 5px 0px; background-image: url(../images/input_bg.gif); background-repeat: repeat-x; background-position: top; color: #505154; width: 368px; font-size: 12px; }
div#contactform form ol li textarea {  height: 200px; }
div#contactform form ol li input.radio { background: none; border: none; }
div#contactform form ol li select { font-size: 12px; color: #505154; width: 384px; }
div#contactform form ol li input.checkbox { width: auto; }
div#contactform form input.submit { font-size: 12px; margin-left: 173px; width: auto; }

div#gmap { border: 1px #cfcfcf solid; height: 300px; padding: 0; margin: 18px 50px 0px 50px; }
div#gmap h4 { margin: 0; font-size: 12px; font-weight: bold; color: black; letter-spacing: 0; }
div#gmap p { margin: 0; padding-bottom: 0px; font-size: 12px; line-height: 22px; }
div#gmap p img { border: 0; }

div#gmap2 { border: 1px #cfcfcf solid; height: 300px; padding: 0; margin: 18px 50px 0px 50px; }
div#gmap2 h4 { margin: 0; font-size: 12px; font-weight: bold; color: black; letter-spacing: 0; }
div#gmap2 p { margin: 0; padding-bottom: 0px; font-size: 12px; line-height: 22px; }
div#gmap2 p img { border: 0; }

div#pageinformation  { height: 70px; width: 960px; background: #700200 url(../images/pageinformation-bg.gif) no-repeat; }
div#pageinformation p { padding: 0px; padding-top: 14px; color: #fff; font-size: 11px; }
div#pageinformation p a { color: #fff; text-decoration: none; }
div#pageinformation p a:hover,div#pageinformation p a.active { text-decoration: underline; }
div#pageinformation p#copyright { text-align: center; }

div#portrait { padding-left: 50px; }
div#portrait table { width: 550px; }
div#portrait table tr td { padding: 10px; vertical-align: top; background: #efefef; }
div#portrait table tr td p,div#portrait table tr td h4 { padding-left:0px; padding-right: 0px; text-align: left; }
div#portrait table tr td h4 { padding-top: 0px; }
div#portrait table tr td ul li{ padding-left: 20px; background-image: url(../images/arrow1.gif); background-repeat: no-repeat; background-position: 0px 7px;  }
div#portrait table tr td.becker { width: 250px; }
div#portrait table tr td.leupolt { border-left: 1px solid #fff; }

div.news-article h4 { padding-left: 0px; padding-right: 0px; margin-left: 50px; margin-right: 50px; margin-top: 18px; border-top: 1px solid #bfc3ca; }
div.first h4 { margin-top: 0px; border-top: none; }
/* Thickbox Formats */
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #412f1d; }
#TB_secondLine { font: 11px Arial, Helvetica, sans-serif; color:#404040; }
#TB_overlay { position: fixed; z-index:100;	top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack {background: url(../images/transparent.png) repeat;}
.TB_overlayBG {	background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
* html #TB_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_window { position: fixed; background: #ffffff; z-index: 102; color: #412f1d; display:none; border: 4px solid #bfc3ca; text-align:left; top:50%; left:50%; }
* html #TB_window { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border: 1px solid #bfc3ca; padding: 0px; }
#TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow{ height:25px; padding:11px 25px 10px 0;	float:right; }
#TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px;	text-align:right; float:right; }
#TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title{ background-color: #eceff5; height:27px; }
#TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto;	text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal{ padding:15px; }
#TB_ajaxContent p{ padding:5px 0px 5px 0px; }
#TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103;	top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_HideSelect{	z-index:99;	position:fixed;	top: 0;	left: 0; background-color:#fff;	border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0;	height:100%; width:100%; }
* html #TB_HideSelect { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_iframeContent{ clear:both;	border:none; margin-bottom:-1px; margin-top:1px; margin-bottom:1px; }
/* End Thickbox Code */