/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/* Kanzlei Volmar Haase Dix -- Stylesheets*/

/* Stylesheets for all screen sizes -- Begin */

/* Box-Sizing Reset -- Begin */
html {
	overflow-y: scroll;
	box-sizing: border-box;
}
*, *:before, *:after {box-sizing: inherit;}
/* Box-Sizing Reset -- End */

/* Clearfix -- Begin */
.clearfix:after,
#main .inside:after {
   content: " ";
   display: block;
   visibility: hidden;
   height: 0;
   clear: both;
}
* + html .clearfix,
* + html #main .inside {display: inline-block;}
* html .clearfix,
* html #main .inside {height: 1%;}
/* Clearfix -- End */

/* Stylesheets for all screen sizes -- End */

/* General Page Items -- Begin */
body {
	border-top: 10px solid #E0E0E0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: #333;
	background-color: #FFF;
}

img {
	padding: 0;
	margin: 0;
	border: 0 none;
} 

a,
a:link,
a:visited {
	text-decoration: none;
	color: #688DA2;
}
a:focus,
a:hover,
a:active {text-decoration: underline;}

h1 {
	font-size: 16px;
	color: #6C6C6C;
}

h2,
h3,
h4,
h5,
h6 {font-size: 12px;}

h1,
h3,
h5 {font-weight: bold;}

h2,
h4,
h6 {font-weight: normal;}

nav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

nav li {
	padding: 8px 0;
	background: transparent url("../../files/kanzlei/layout/trenner.gif") repeat-x scroll left bottom;
}

nav li a,
nav li a:link,
nav li a:visited,
nav li span {
	display: block;
	text-decoration: none;
	color: #6C6C6C;
}

nav li a:focus,
nav li a:hover,
nav li a:active {text-decoration: underline;}

nav li.active a,
nav li.active span {
	text-decoration: underline;
	color: #333;
}

#mobilenav {
	display: none;
	position: absolute;
	width: 100%;
	min-height: 58px;
	height: 810px;
	top: 162px;
	left: 0;
	z-index: 10;
	pointer-events: none;
}
#mobilenav h5 {
	width: 120px;
	padding: 16px 32px;
	margin: 0 0 0 8px;
	border: 1px dotted #6C6C6C;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size: 16px;
	text-transform: uppercase;
	color: #6C6C6C;
	background-color: #FFF;
	cursor: pointer;
	pointer-events: auto;
}
#mobilenav ul {
	display: none;
	position: absolute;
	width: 100%;
	top: 68px;
	left: 0;
	background-color: #6C6C6C;
	z-index: 10;
	pointer-events: auto;
}
#mobilenav li {
	padding: 16px 8px;
	background: transparent url("../../files/kanzlei/layout/trenner.gif") repeat-x scroll left bottom;
}

#mobilenav li a,
#mobilenav li a:link,
#mobilenav li a:visited,
#mobilenav li span {
	display: block;
	text-decoration: none;
	color: #FFF;
}

#mobilenav li a:focus,
#mobilenav li a:hover,
#mobilenav li a:active {text-decoration: underline;}

#mobilenav li.active a,
#mobilenav li.active span {
	font-weight: bold;
	text-decoration: underline;
}

table {
	width: 100%;
	border: 1px solid #E0E0E0;
	border-collapse: collapse;
}
th,
td {
	padding: 6px;
	text-align: left;
	vertical-align : top;
}

figure {margin: 0;}
figure.float_left {margin-right: 32px;}
figure.float_right {margin-left: 32px;}
figure img {
	max-width: 100%;
	height: auto;
}

.ce_text tr:nth-child(even) td {background-color: #E0E0E0;}
.ce_text tr td:last-child {text-align: right;}
/* General Page Items -- End */

header,
#container,
.copyright {
	max-width: 960px;
	padding: 0 2px;
	margin: 0 auto;
}

header {background: transparent url("../../files/kanzlei/layout/header.jpg") no-repeat scroll left bottom;}
#header .inside {height: 228px;}

footer {background-color: #E0E0E0;}

#container {
	padding: 16px 2px;
	max-width: 960px;
	margin: 0 auto;
}
#main {
	padding-bottom: 32px;
	padding-left: 257px;
	background: transparent url("../../files/kanzlei/layout/trenner_content.gif") repeat-y scroll right top;
}

#main .inside .mod_article {padding-right: 16px;}
#main .inside .buerozeiten-rechts {
	float: right;
	width: 210px;
	padding-left: 16px;
}

#left {right: auto;}

.logo {
	display: block;
	width: 261px;
	height: 86px;
	margin: 0 auto;
}

.buerozeiten-links {display: none;}

.adresse-links,
.buerozeiten-links,
.buerozeiten-rechts {color: #688DA2;}

.adresse-links,
.buerozeiten-links {margin-top: 30px;}

.copyright {
	padding: 12px 6px;
	font-size: 10px;
	text-align: right;
}
.footer-info {
	display: none;
	text-align: center;
}
.footer-info h3 {margin-top: 32px;}

.dlh_googlemap {
	width: 100%;
	height: 400px;
	margin-top: 32px;
}
#main .dlh_googlemap p {line-height: 1.2em;}

#kontaktform .widget {padding: 0.3em 0;}
#kontaktform .widget label {
	display: block;
}
#kontaktform .widget select,
#kontaktform .widget input,
#kontaktform .widget textarea {
	display: inline-block;
	width: 100%;
	padding: 3px;
}
#kontaktform .widget .captcha_text {
	display: inline-block;
	width: 100%;
	text-align: right;
}

@media (max-width: 1199px) {
	
}

@media (max-width: 991px) {
	body {font-size: 14px;}
	
	h1 {font-size: 18px;}

	h2,
	h3,
	h4,
	h5,
	h6 {font-size: 14px;}
	
	th,
	td {padding: 8px 6px;}
	
	#main {background-image: none;}
	#main .inside .buerozeiten-rechts {display: none;}
	
	nav li {padding: 16px 8px;}
	
	#main .inside .mod_article {padding-right: 8px;}
	.adresse-links,
	.buerozeiten-links	{padding-left: 8px;}
	.buerozeiten-links {display: block;}
}

@media (max-width: 767px) {
	header {position: relative;}
	#mobilenav {display: block;}
	#left {display: none;}
	#main {padding-left: 8px;}
	#footer {
		height: auto;
		padding: 8px 8px 16px;
	}
	.footer-info {display: block;}
	.copyright {text-align: center;}
}

@media (max-width: 720px) {
	header {background-position: right bottom;}
}