/*
Website: ponstein-welsch.de
Author: Thorsten Schönbrunn
Author URI: http://it-schoenbrunn.de/
Description: Responsive Website der Kanzlei Ponstein-Welsch
Date: 12/29/2014
*/

/* Reset
-------------------------------------------------------------- */
*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body{
	font-size: 16px;
	font-family: "AGaramondPro-Regular", Helvetica, Arial, sans-serif;
	line-height: 1.2rem;
	text-rendering: optimizeLegibility;
	color: #444;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}


/* PIWIK iFrame */
iframe > html > body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8rem;
}

/* -------------------------------------------------------------------- */
/* Schriftarten ------------------------------------------------------- */
@font-face {
	font-family: 'AGaramondPro-SemiboldItalic';
	src: 	url('../fonts/AGaramondPro-SemiboldItalic.eot');
	src: 	url('../fonts/AGaramondPro-SemiboldItalic.woff') format('woff'),
			url('../fonts/AGaramondPro-SemiboldItalic.ttf') format('truetype'),
			url('../fonts/AGaramondPro-SemiboldItalic.svg') format('svg');
	font-weight:700;
	font-style: italic;
}
@font-face {
	font-family: 'AGaramondPro-Italic';
	src: 	url('../fonts/AGaramondPro-Italic.eot');
	src: 	url('../fonts/AGaramondPro-Italic.woff') format('woff'),
			url('../fonts/AGaramondPro-Italic.ttf') format('truetype'),
			url('../fonts/AGaramondPro-Italic.svg') format('svg');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'AGaramondPro-BoldItalic';
	src: 	url('../fonts/AGaramondPro-BoldItalic.eot');
	src: 	url('../fonts/AGaramondPro-BoldItalic.woff') format('woff'),
			url('../fonts/AGaramondPro-BoldItalic.ttf') format('truetype'),
			url('../fonts/AGaramondPro-BoldItalic.svg') format('svg');
	font-weight: 600;
	font-style: italic;
}
@font-face {
	font-family: 'AGaramondPro-Regular';
	src: 	url('../fonts/AGaramondPro-Regular.eot');
	src: 	url('../fonts/AGaramondPro-Regular.woff') format('woff'),
			url('../fonts/AGaramondPro-Regular.ttf') format('truetype'),
			url('../fonts/AGaramondPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{ 
	font-family: 'Futura-Book'; 
	src: 	url('../fonts/Futura-Book.eot'), 
	 		url('../fonts/Futura-Book.eot?#iefix') format('embedded-opentype'),
			url('../fonts/Futura-Book.woff') format('woff'),
			url('../fonts/Futura-Book.ttf') format('truetype'),
			url('../fonts/Futura-Book.svg#webfont') format('svg');
}

/* Allgemeines --------------------------------------------------------*/
body{
	background:#CACACA;
	color:#858790;
}
#wrapper{
	margin:0 auto;
}
header[role=banner],
section.sitebody,
footer{
	position:relative;
	width:100%;
}
.inner{
	border-left:2px solid rgb(202,202,202);
	border-right:2px solid rgb(202,202,202);
	float:left;
}
section.left{
	float:left;
}
section.right{
	float:right;
}
.nls{
	letter-spacing:normal;
}
/* Header ------------------------------------------------------------*/
header[role=banner]{
	background:#989aa3;
	border-bottom:3px solid #006638;
}
header[role=banner],
header[role=banner] > .inner{
	height:190px;
	height:11.875rem;
}
header[role=banner] > .inner{
	background:url('../img/logo.png') no-repeat center -26px;
	color:#fff;
	text-align:center;
}
header[role=banner] > .inner h1{
	font-family:"Futura-Book", Arial, Times, serif; 
	font-size:1.9rem;
	font-weight:normal;
	letter-spacing:0.22em;
	line-height:2.3rem;
}
header[role=banner] > .inner h2{
	font-family:"Futura-Book", Arial, Times, serif; 
	font-size:1rem;
	font-weight:normal;
	letter-spacing:0.41rem;
	line-height:1.3rem;
	margin:0.7rem 0 0.5rem;
}
/* Content --------------------------------------------------------------*/
section.sitebody{
	background:rgb(255,255,255);
	border-bottom:3px solid #006638;
}
section.sitebody,
section.sitebody > .inner{
	height:426px;
	height:26.625rem;
}
section.sitebody > .inner{
	background:url('../img/logo.png') no-repeat center -217px;
}
section.sitebody > .inner.welcome img{
	height:auto;
	max-width:868px;
	width:100%;
}
.column{
	float:left;
	width:50%;
}
.column3{
	float:left;
	width:33%;
}
.column img{
	height:auto;
	max-width:434px;
	width:100%;
}
.fullsize{
	width:100%;
}
.inner ul{
	margin-left:0.8rem;
}
.paddingtbl{
	padding:3.5rem 1.5rem 1.5rem 3rem;
}
.paddingtrb{
	padding:3.5rem 3rem 1.5rem 1.5rem;
}
.padding{
	padding:3.5rem 3rem 1.5rem 3rem;
}
.paddinglr{
	padding:0 3rem;
}
.paddinglrl{
	padding:0 1.5rem 0 3rem;
}
.paddinglrr{
	padding:0 3rem 0 1.5rem;
}
.paddingtlr{
	padding:3.5rem 3rem 0;
}
.standard{
	font-size:1rem;
	line-height:1.65rem;
}
.small{
	font-size:0.8rem;
	line-height:1rem;
}
.italic{
	font-style:italic;
}
h3.bi{
	color:#616c76;
	font-family:'AGaramondPro-BoldItalic',Arial, Helvetica, sans-serif;
	font-size:1.4rem;
	margin:0 0 0.5rem;
}
h3.biu{
	color:#616c76;
	font-family:'AGaramondPro-BoldItalic',Arial, Helvetica, sans-serif;
	font-size:1.4rem;
	margin:0 0 0.5rem;
	text-decoration:underline;
}
.tdleft{
	width:8rem;
}
img.small{
	float:right;
	margin:0 0 0.8rem 1rem;
	height:auto;
	max-width:165px;
}
p.margintop{
	margin-top:3.8rem;
}
.green{
	color:#549271;
}
.big{
	font-size:1.4rem;
}
/* Footer ---------------------------------------------------------------*/
footer.pagefooter{
	background:#989aa3;
}
footer.pagefooter > .inner{
	text-align:center;
}
footer.pagefooter > .inner p{
	color:#dedde1;
	font-family:"Futura-Book", Arial, Times, serif; 
	font-size:0.9rem;
	line-height:1.4rem;
	letter-spacing:0.08rem;
	margin:1.3rem auto 0.5rem;
}
footer.pagefooter .right{
	text-align:center;
}
footer.pagefooter p.copy{
	color:#515151;
	font-family:"Futura-Book", Arial, Times, serif; 
	font-size:0.45rem;
	letter-spacing:0.09rem;
	line-height:1rem;
	margin:0.3rem 0 0 0.1rem;
}
/* Navigation --------------------------------------------------------*/
nav[role=navigation] > ul{
	margin:1.5rem 0 0 1.3rem;
}
nav[role=navigation] > ul > li > ul{
	margin:1rem 0 0 0;
}
nav[role=navigation] ul li{
	color:#858790;
	font-family:"Futura-Book", Arial, Times, serif; 
	font-size:0.9rem;
	letter-spacing:0.20rem;
	line-height:1.4rem;
	margin:0 0 1rem;
}
nav[role=navigation] ul li ul li{
	font-size:0.6rem;
	letter-spacing:0.10rem;
	line-height:1rem;
	margin:0 0 0.6rem;
}
nav[role=navigation] ul li a,
nav[role=sidenav] ul li a{
	color:#858790;
	text-decoration:none;
}
nav[role=navigation] > ul > li.active > a,
nav[role=sidenav] > ul > li.active > a,
nav[role=navigation] ul li.active ul li.active a{
	color:#006638;
	text-decoration:underline;
}
.mitarbeiter{
	margin:1rem 0 0 1.3rem;
	visibility:hidden;
}
.mitarbeiter a{
	color:#858790;
	font-family:"Futura-Book", Arial, Times, serif; 
	font-size:0.6rem;
	letter-spacing:0.20rem;
	line-height:1rem;
	text-decoration:none;
}
.mitarbeiter.visible{
	visibility:visible;
}
body.stellenanzeige .stellenanzeige{
	margin: 0 0 127px 0;
}
body.stellenanzeige nav[role=sidenav]{
	margin:12rem 0 0 1.3rem;
}
nav[role=sidenav]{
	margin:19rem 0 0 1.3rem;
}
nav[role=sidenav] ul li{
	color:#858790;
	font-family:"Futura-Book", Arial, Times, serif; 
	font-size:0.6rem;
	letter-spacing:0.20rem;
	line-height:1.4rem;
	margin:0 0 1rem;
}
/* auflösungsabhängige Anpassungen -----------------------------------*/
@media screen and (min-width:960px){
	#wrapper{
		margin:0;
		width:960px;
		width:60rem;
	}
	.inner{
		width:672px;
		width:42rem;
	}
	section.left,
	section.right{
		width:144px;
		width:9rem;
	}
	footer.pagefooter,
	footer.pagefooter > .inner{
		height:65px;
		height:4.0625rem;
	}
}
@media screen and (min-width:976px){
	#wrapper{
		border:16px solid #fff;
		border:1rem solid #fff;
		margin:1rem auto;
	}
}
@media screen and (min-width:1280px){
	#wrapper{
		width:1280px;
		width:80rem;
	}
	.inner{
		width:872px;
		width:54.5rem;
	}
	section.left,
	section.right{
		width:188px;
		width:11.75rem;
	}	
}