html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-height: 120%;
}

table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
form legend {display: none;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
ol, ul {list-style: none;}
hr {display: none; visibility: hidden;}

:focus {outline: 0;}

hr.floatclear {
background: none;
border: 0;
clear: both;
display: block;
float: none;
font-size: 0;
margin: 0;
padding: 0;
overflow: hidden;
visibility: hidden;
width: 0px;
height: 0px;
  }


/* Layout */


body {text-align: center; font-family: "Century Gothic", CenturyGothic, AppleGothic, Arial, sans-serif; font-size: 16px; background-image: none;}
/*body.home {background: url(../images/bg_header_home.gif) 0 130px repeat-x;}*/
#site {width: 100%; margin: 0 auto; border-top: 5px solid #fff; text-align: left; min-height: 300px; position: relative; z-index: 10;}	
#header {width: 100%; max-width: 1057px; margin: 0 auto; position: relative;}
#headerbild {background: url("../images/groeninger-anwaltskanzlei.jpg") 50% 0  no-repeat; background-size: contain; height: 200px; margin: 40px auto;}
.home #header {font-family: "Belleza", sans-serif; text-align: center; margin-top: 122px;}
.home .branding {font-size: 56px; color: #868889;}
.home .branding img {vertical-align: middle; padding-bottom: 12px;}
.home .description {font-size: 26px; color: #0065a7; margin-top: 21px;}

#container {width: 100%; max-width: 1400px; margin: 0 auto;}	
#site-header {width: 100%; }
a#logolinkhome {display: block; width: calc(100% - 40px); height: 200px; background: url("../images/groeninger-anwaltskanzlei.jpg") 50% 0 no-repeat; background-size: contain; margin: 40px auto; }
a#logolinkhome span {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}

#headerimg img {width: calc(100% - 40px); height: auto; margin: 0 0 40px 0;}

/* ------- Mobile Navigation Toggle ------- */
.off-canvas-nav ul {list-style: none; z-index: 10000; width: 100%; text-align: center; margin: 0 0 30px 0; border-top: solid 1px #0a205c; border-bottom: solid 1px #0a205c; }
.off-canvas-nav ul li a {display: inline-block; font-size: 26px; color: #0a205c; padding: 10px 10px 10px 40px; margin: 0; background: url(../images/icon_accordion_closed.png) 5px 12px no-repeat transparent; text-decoration: none; font-weight: bold;}
.off-canvas-nav ul li a:hover {text-decoration: none;}
.menu {display: none;}
.active-nav .menu {display: block; width: 100%; margin-bottom: 40px;}


#content {width: 100%; max-width: 940px; margin: 0 auto; min-height: 200px; position: relative; top: 30px; }
.home #content {max-width:1000px; padding-bottom: 50px;}
#content-left {padding: 0 20px;}
#content-right {font-size: 13px; padding: 0 20px; }
.content {color: #777;}
.content h1 {font-size: 20px; color: #092566; left 3px no-repeat;}
.content h2 {font-size: 16px; color: #092566; padding-bottom: 10px;}
.content h3 {font-size: 14px; color: #092566; padding-bottom: 10px;}
.content h4 {font-size: 13px; color: #092566; padding-bottom: 10px;}
.content p {text-align: left; padding-bottom: 15px;}
.content a {color: #092566; text-decoration: none;}
.content a:hover {text-decoration: underline;}
.content ul {padding-bottom: 15px; padding-left: 20px; list-style-type: disc;}
.content img {display: block; margin: 0 15px 15px 0;}
.content .floatleft { width: 45%; float: left;}
.content .floatright {width: 50%; float: right;}
address {font-style:normal; clear: both; padding: 20px 0 10px 0; border-left: 1px solid #fff; border-right: 1px solid #fff; margin-bottom: 50px; }
address span {color: #e42322;}
address a {color: #000; font-weight: bold; text-decoration: none;}
address a:hover {text-decoration: underline;}
address strong {color: #092566;}

#site-content {width: calc(100% - 40px); margin: 0 auto;}

#site-content p {font-size: 18px; line-height: 130%; margin: 0 0 18px 0;}
#site-content h1 {font-size: 28px; color: #0165a5; margin: 20px 0 24px 0;}#site-content small {font-size: 15px;}

#site-content a.newslink {color: #000; text-decoration: none;}
#site-content a.newslink:hover {color: #0165a5; text-decoration: none;}

#site-content button {display: block; border: solid 1px #0165a5; background-color: #0165a5; padding: 7px 20px 9px 20px; margin: 25px auto 36px auto; color: #fff; text-decoration: none; font-size: 14px; font-weight: bold; cursor: pointer;}
#site-content button:hover {background-color: #fff; color: #0165a5; }

.home .cols {text-align: center; margin-top: 3px;}
.home .cols img {display: block; margin: 0 auto;}
.home .cols p {font-size: 15px; color:#868889; }
.home .cols p.opening {color: #707173; margin-bottom: 11px;}
.home .cols p.telefon {display: inline-block; width: 300px; background-color: #0065a5; font-size: 12px; font-weight: bold; color: #fff; margin: 34px 0 8px 0; padding: 7px 0 6px 0;}
.home .cols .right p.telefon {margin-top: 15px;}
.home .cols p.info {font-size: 12px; text-align: justify;}
.home .cols a {text-decoration: none; color:#fff; }
.home .cols p.bu {display: inline-block; width: auto; font-family: "Belleza", sans-serif; text-transform: uppercase; font-size: 42px; color: #868889; border-bottom: solid 2px #0165a7; letter-spacing: 7px; margin-top: 30px; padding-bottom: 6px;}
.home .right p.bu {margin-right:4px;}
.home button {display: block;border: none; background-color: #0065a6; padding: 5px 20px 9px 20px; margin: 25px auto 36px auto; color: #fff; text-decoration: none; font-size: 14px; font-weight: bold; cursor: pointer;}

#footer {width: 100%; background: url(../images/bg_footer.jpg) center bottom repeat-x; height: 119px; clear: both; position: relative; z-index: 5; }
#footer-inside {margin: 0 auto; width: 100%; max-width:1057px; height: 119px; position: relative;}
#footer-inside p#sp1 {font-size: 11px; color: #fff; padding-top: 70px;}	
#footer-inside p#sp2 {font-size: 11px;color: #fff; padding-top: 10px;}
#footer p a {color: #fff; text-decoration: underline;}
#footer p a:hover {color: #ccc;}
#servicemenu {}
#servicemenu li {}
#servicemenu li a {display: block; color: #666; padding: 8px 5px; text-align: left; text-decoration: none; border-bottom: 1px solid #ccc;}
#servicemenu li a:hover {color: #092566;}
#servicemenu a.last {border-bottom: none;}
	


.archiv-accordion dt {
	clear:both;
	font-weight:bold;
	float:left;
	width:60px;
	cursor:pointer;
}

.archiv-accordion dd { 
	display:none;
	float:left;
	width:100%;
}
.archiv-accordion dd.initial-open {display:block;}
a.acc-butt {
	float:right;
	display:block;
	height:18px;
	width:17px;
	text-indent:-9999px;
	cursor:pointer;
}
a.closed {
	background: url(../images/pfeil.png) 0 3px no-repeat ;
}
a.open {
	background: url(../images/pfeil-runter.png) 0 3px no-repeat ;
}
.Stil1 {color: #092566}
.Stil3 {font-size: 7pt; color: #777;}

@media screen and (max-width: 1023px) {
	body {font-size: 16px; }
	#content-right {font-size: 15px; }
	.content h1 {font-size: 22px;}
	.content h2 {font-size: 18px;}
	.content h3 {font-size: 16px;}
	.content h4 {font-size: 15px;}
	#servicemenu {text-align: center; margin-bottom: 20px; margin-top: 20px;}
	#servicemenu li {display: inline;}
	#servicemenu li a {display: inline-block; border: none; margin: 0 10px;}
	#footer-inside p#sp1 {font-size: 13px; }	
	#footer-inside p#sp2 {font-size: 13px;}
	.map {position: relative; padding-bottom: 56%; height: 0; overflow: hidden;}
	.map iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	.Stil3 {font-size: 9pt;}

}
@media screen and (max-width: 799px) {
	.home .cols {width: 320px; margin: 30px auto 60px auto;}
	.home .cols p.info {width: 300px; margin: 0 0 0 10px;}

}
@media screen and (max-width: 767px) {
	body.home {background-position: 0 50px;}
	.home #header {margin-top: 42px;}
	.home .cols p {font-size: 17px; }
	.home .cols p.telefon {font-size: 18px;}
	.home .cols p.info {font-size: 13px;}
	.home button {font-size: 16px;}
}
@media screen and (max-width: 567px) {
	.home #header {margin-top: 58px;}
	.home .branding {font-size: 32px; }
	.home .branding img {width: 50px; height: auto;}
	.home .description {font-size: 20px;}
}
@media screen and (max-width: 530px) {
	.content .floatleft { width: 100%; float: none;}
	.content .floatright {width: 100%; float: none;}
	.content .floatleft img {margin: 0 auto 15px auto;}
	.map {position: relative; padding-bottom: 100%; height: 0; overflow: hidden;}
	#footer-inside p#sp1 {padding-top: 60px;}	
	#footer-inside p#sp2 {padding-top: 0;}	

}
@media screen and (max-width: 450px) {
}
@media screen and (max-width: 430px) {
}
@media screen and (min-width: 768px) {
	#logolinkhome,
	#headerbild img {max-width: 709px; }
}
@media screen and (min-width: 800px) {
	.home .cols .left {float: left; margin-left: 80px; width: 300px;}
	.home .cols .right {float: right; width: 370px; margin-right: 40px;}

}
@media screen and (min-width: 1024px) {
	.off-canvas-nav {display: none;}
	.menu {display: block; width: 175px; float: left;}
	#content {top:50px;}
	#content-left {width: 460px; float: left; padding-left: 40px; padding-right: 40px; border-right: 1px dotted #ccc;}
	#content-right {width: 210px; margin-bottom: 100px; float: right; font-size: 13px; padding: 0;}
	address {text-align: right;}
	.home .cols {width: 50%; float: left; }

	.home .cols .left {float: left; margin-left: 80px; width: 300px;}
	.home .cols .right {float: right; width: 370px; margin-right: 40px;}
	.home .cols a {cursor: auto;}
	#footer-inside {	background: url(../images/footer.jpg) center bottom no-repeat;}
	#footer-inside p#sp1 {width: 600px; float: left; text-align: left; position: absolute; left: 70px; bottom: 20px; padding: 0;}	
	#footer-inside p#sp2 {width: 300px; text-align: right; float: right; position: absolute; right: 70px; bottom: 20px; padding: 0;}
	#servicemenu {width: 190px; position: absolute; right: 0px; bottom: 0px; text-align: left;}
	#servicemenu li {width: 190px;}
	
		#headerimg img {margin: 0 0 40px 0;}
	#site-content {max-width: 900px;}
}