body {
	line-height: 18px;
}

a, a.inactive{
	color: #000;
	outline: none;
	text-decoration: none;
}

a:active, a:focus, a:hover, a.active {
	color: #1A6989;
	outline: none;
	text-decoration: none;
}


@media (max-width: 640px) {
	.wrapper {
		box-shadow: 0px 0px 12px #555;
		background-color: #fff;
	}

	.header {
		text-align: center;
		margin: 0;
		padding: 35px 30px 20px 30px;
	}

	.header img {
		width: 290px;
		height: 14px;
	}

	.content {
		margin: 0;
		padding: 15px 30px 0 30px;
	}

	h1 {
		font-size: 18px;
		color: #1A6989;
		padding-bottom: 12px;
	}

	h2 {
		font-size: 13px;
		color: #1A6989;
		padding-bottom: 0px;
	}

	.footer {
		background: #7cb1cc;
		height: 45px;
		margin: 15px 0 0 0;
		padding: 0;
	}

	.competence-navigation
	 {
		margin: 0;
		padding: 0 0 20px 0;
		z-index: 1;
	}

	.competence-navigation hr {
		border-top: 1px solid #000;
		margin: 0;
		padding: 0;
	}

	.competence-navigation a {
		line-height: 25px;
		padding-left: 0px;
	}

	.attorney-navigation
	 {
		margin: 0;
		padding: 0 0 20px 0;
		z-index: 1;
	}

	.attorney-navigation hr {
		border-top: 1px solid #000;
		margin: 0;
		padding: 0;
	}

	.attorney-area a{
		color: #1A6989;
		outline: none;
		text-decoration: none;
	}

	.attorney-navigation a, span {
		line-height: 25px;
		padding-left: 0px;
	}

	.attorney-menu-partner {
		line-height: 25px;
		padding-left: 0px;
		color: #1A6989;
	}

	.attorney-menu-attorney {
		line-height: 25px;
		padding-left: 0px;
		padding-top: 15px;
		color: #1A6989;
	}


	.career-navigation
	 {
		margin: 0;
		padding: 0 0 20px 0;
		z-index: 1;
	}

	.career-navigation hr {
		border-top: 1px solid #000;
		margin: 0;
		padding: 0;
	}

	.career-navigation a {
		line-height: 25px;
		padding-left: 0px;
	}
}

@media (min-width: 640px) {
	
	.wrapper {
		box-shadow: 0px 0px 12px #555;
		background-color: #fff;
		width: 1035px;
		margin-bottom: 75px;
	}

	.header{
		text-align: left;
		margin: 0;
		padding: 35px 30px 20px 30px;
	}

	.header img {
		width: 305px;
		height: 15px;
		margin: 0;
		padding: 0;
	}

	.header ul {
		text-align: right;
		text-transform: uppercase;
		margin: 0;
		padding: 8px 0 0 0;
		
	}

	.header li {
		display: inline-block;
		margin: 0;
		padding: 0 0 0 30px;
	}

	.navigation {
		margin: 0;
		padding: 0 30px 0 30px;
	}

	.content {
		margin: 0;
		padding: 5px 30px 0 30px;
	}

	.footer {
		background: #7cb1cc;
		height: 45px;
		margin: 5px 30px 30px 30px;
		padding: 0;
	}

	.footer-print {
		background: #7cb1cc;
		margin: 0;
		padding: 15px 0 0 15px;
	}

	.profile-de {
		background-image: url('/images/backgrounds/harmsen-utescher-gebaeude-abend.jpg');
		height: 680px;
		margin: 0;
		padding: 0;	
		z-index: -1;	
	}

	.profile-en {
		background-image: url('/images/backgrounds/harmsen-utescher-building-evening.jpg');
		height: 680px;
		margin: 0;
		padding: 0;	
		z-index: -1;	
	}

	.profile-overlay {
		background-image: url('/images/pixel.png');
		width: 313px;
		height: 244px;
		position: absolute;
		margin: 0;
		padding: 0;
		z-index: 2;	
	}

	.profile-content {
		background-image: url('/images/pixel.png');
		width: 492px;
		position: relative;
		top: 78px;
		left: 250px;
		margin: 0;
		padding: 0;
		z-index: 1;
	}

	.profile-area {
		margin: 0 0 0 83px;
		padding: 18px 25px 0 0;	
	}

	.profile-inline {
		width: 100%;
		margin: 0;
		padding: 0;	
	}

	.profile-content h1 {
		font-size: 18px;
		color: #1A6989;
		padding-bottom: 12px;
	}

	.profile-content h2 {
		font-size: 13px;
		color: #1A6989;
		padding-bottom: 0px;
	}

	.philosophy-de {
		background-image: url('/images/backgrounds/harmsen-utescher-innenhof.jpg');
		height: 715px;
		margin: 0;
		padding: 0;	
		z-index: -1;	
	}

	.philosophy-en {
		background-image: url('/images/backgrounds/harmsen-utescher-patio.jpg');
		height: 715px;
		margin: 0;
		padding: 0;	
		z-index: -1;	
	}

	.philosophy-overlay {
		background-image: url('/images/pixel.png');
		width: 313px;
		height: 244px;
		position: absolute;
		margin: 0;
		padding: 0;
		z-index: 2;	
	}

	.philosophy-content {
		background-image: url('/images/pixel.png');
		width: 492px;
		position: relative;
		top: 78px;
		left: 250px;
		margin: 0;
		padding: 0;
		z-index: 1;
	}

	.philosophy-area {
		margin: 0 0 0 83px;
		padding: 18px 25px 0 0;	
	}

	.philosophy-inline {
		width: 100%;
		margin: 0;
		padding: 0;	
	}

	.philosophy-content h1 {
		font-size: 18px;
		color: #1A6989;
		padding-bottom: 12px;
	}

	.philosophy-content h2 {
		font-size: 13px;
		color: #1A6989;
		padding-bottom: 0px;
	}

	.competence-de {
		background-image: url('/images/backgrounds/harmsen-utescher-buero.jpg');
		height: 680px;
		margin: 0;
		padding: 0;	
		z-index: -1;	
	}

	.competence-en {
		background-image: url('/images/backgrounds/harmsen-utescher-office.jpg');
		height: 680px;
		margin: 0;
		padding: 0;	
		z-index: -1;	
	}

	.competence-navigation {
		background-image: url('/images/pixel.png');
		width: 333px;
		position: absolute;
		margin: 0;
		padding: 0 0 20px 0;
		z-index: 1;
	}

	.competence-navigation hr {
		border-top: 1px solid #000;
		margin: 0;
		padding: 0;
		width: 300px;
	}

	.competence-navigation a {
		line-height: 25px;
		padding-left: 10px;
	}

	.competence-overlay {
		background-image: url('/images/pixel.png');
		width: 82px;
		height: 77px;
		position: relative;
		left: 333px;
		margin: 0;
		padding: 0;
		z-index:1 ;		
	}

	.competence-area {
		margin: 0 0 0 83px;
		padding: 18px 25px 0 0;	
	}

	.competence-inline {
		width: 395px;
		margin: 0;
		padding: 0;	
	}

	.competence-content {
		background-image: url('/images/pixel.png');
		width: 645px;
		position: relative;
		top: 0px;
		left: 333px;
		margin: 0;
		padding: 0;
		z-index: 1;
	}

	.competence-content h1 {
		font-size: 18px;
		color: #1A6989;
		padding-bottom: 12px;
	}

	.competence-content h2 {
		font-size: 13px;
		color: #1A6989;
		padding-bottom: 12px;
	}

	.attorney-de-default {
		background-image: url('/images/backgrounds/harmsen-utescher-haupteingang.jpg');
		min-height: 680px;
		margin: 0;
		padding: 0;	
		z-index: -1;	
	}

	.attorney-en-default {
		background-image: url('/images/backgrounds/harmsen-utescher-main-entrance.jpg');
		min-height: 680px;
		margin: 0;
		padding: 0;	
		z-index: -1;	
	}

	.attorney-de {
		background-image: url('/images/backgrounds/harmsen-utescher-haupteingang.jpg');
		min-height: 680px;
		padding-bottom: 10px;
		z-index: -1;	
	}

	.attorney-en {
		background-image: url('/images/backgrounds/harmsen-utescher-main-entrance.jpg');
		min-height: 680px;
		padding-bottom: 10px;
		z-index: -1;	
	}

	.attorney-navigation {
		background-image: url('/images/pixel.png');
		width: 249px;
		position: absolute;
		margin: 0;
		padding: 0 0 20px 0;
		z-index: 1;
	}

	.attorney-navigation hr {
		border-top: 1px solid #000;
		margin: 0;
		padding: 0;
		width: 230px;
	}

	.attorney-navigation a, span {
		line-height: 25px;
		padding-left: 10px;
	}

	.attorney-menu-partner {
		line-height: 25px;
		padding-left: 10px;
		color: #1A6989;
	}

	.attorney-menu-attorney {
		line-height: 25px;
		padding-left: 10px;
		padding-top: 15px;
		color: #1A6989;
	}

	.attorney-picture {
		float: right;
		vertical-align: top;
		margin: 0;
		padding: 6px 6px 0 0;
	}

	.attorney-picture img {
		width: 292px;
		height: 183px;
	}

	.attorney-overlay {
		background-image: url('/images/pixel.png');
		width: 82px;
		height: 77px;
		position: relative;
		left: 249px;
		margin: 0;
		padding: 0;
		z-index: 1;
	}	

	.attorney-area {
		margin: 0 0 0 83px;
		padding: 18px 25px 0 0;	
	}

	.attorney-inline {
		width: 320px;
		margin: 0;
		padding: 0;	
	}

	.attorney-area a{
		color: #1A6989;
		outline: none;
		text-decoration: none;
	}

	.attorney-content {
		background-image: url('/images/pixel.png');
		width: 728px;
		position: relative;
		top: 0px;
		left: 249px;
		margin: 0;
		padding: 0;
		z-index: 1;
	}

	.attorney-content h1 {
		font-size: 18px;
		color: #1A6989;
	}

	.attorney-content h2 {
		font-size: 13px;
		color: #1A6989;
	}

	.attorney-content p {
		margin-bottom: .4em;
	}

	.attorney-space-1 {
		padding: 12px 0 0 0;
	}

	.career-de {
		background-image: url('/images/backgrounds/harmsen-utescher-gebaeude-morgens.jpg');
		height: 680px;
		margin: 0;
		padding: 0;	
		z-index: -1;	
	}

	.career-en {
		background-image: url('/images/backgrounds/harmsen-utescher-building-morning.jpg');
		height: 680px;
		margin: 0;
		padding: 0;	
		z-index: -1;	
	}

	.career-navigation {
		background-image: url('/images/pixel.png');
		width: 249px;
		position: absolute;
		margin: 0;
		padding: 0 0 20px 0;
		z-index: 1;
	}

	.career-navigation hr {
		border-top: 1px solid #000;
		margin: 0;
		padding: 0;
		width: 230px;
	}

	.career-navigation a {
		line-height: 25px;
		padding-left: 10px;
	}

	.career-overlay {
		background-image: url('/images/pixel.png');
		width:82px;
		height:77px;
		position: relative;
		left: 249px;
		margin: 0;
		padding: 0;
		z-index: 1;	
	}

	.career-content {
		background-image: url('/images/pixel.png');
		width: 728px;
		position: relative;
		top:0px;
		left:249px;
		margin: 0;
		padding: 0;
		z-index: 1;	
	}

	.career-area {
		margin: 0 0 0 83px;
		padding: 18px 25px 0 0;	
	}

	.career-inline {
		width: 495px;
		margin: 0;
		padding: 0;	
	}

	.career-content h1 {
		font-size: 18px;
		color: #1A6989;
		padding-bottom: 12px;
	}

	.career-content h2 {
		font-size: 13px;
		color: #1A6989;
		padding-bottom: 0px;
	}

	.contact-de {
		background-image: url('/images/backgrounds/harmsen-utescher-haupteingangshalle.jpg');
		height: 1450px;
		margin: 0;
		padding: 0;	
		z-index: -1;	
	}

	.contact-en {
		background-image: url('/images/backgrounds/harmsen-utescher-main-entrance-hall.jpg');
		height: 1450px;
		margin: 0;
		padding: 0;	
		z-index: -1;	
	}

	.contact-overlay {
		background-image: url('/images/pixel.png');
		width: 312px;
		height: 325px;
		position: absolute;
		margin: 0;
		padding: 0;
		z-index: 2;	
	}

	.contact-overlay-mapbutton  {
		position: absolute;
		border:0;
		margin: 0;
		padding: 54px 0 0 170px;
		padding-top: 54px;
		padding-left: 170px;
		padding-right: 0px;
		padding-bottom: 0px;	
		z-index: 6;
	}

	.contact-content {
		background-image: url('/images/pixel.png');
		width: 667px;
		position:relative;
		top: 78px;
		left: 249px;
		margin: 0;
		padding: 0;
		z-index: 1;
	}

	.contact-area {
		margin: 0 0 0 83px;
		padding: 18px 25px 0 0;	
	}

	.contact-inline {
		width: 100%;
		margin: 0;
		padding: 0;	
	}

	.contact-content h1 {
		font-size: 18px;
		color: #1A6989;
		padding-bottom: 12px;
	}

	.contact-content h2 {
		font-size: 13px;
		color: #1A6989;
		padding-bottom: 0px;
	}

	.otheraboutus-de {
		background-image: url('/images/backgrounds/harmsen-utescher-anmeldung.jpg');
		background-repeat: no-repeat;
		/* height: 680px; */
		margin: 0;
		padding: 0;	
		z-index: -1;	
	}

	.otheraboutus-en {
		background-image: url('/images/backgrounds/harmsen-utescher-reception.jpg');
		background-repeat: no-repeat;
		/* height: 680px; */
		margin: 0;
		padding: 0;	
		z-index: -1;	
	}

	.otheraboutus-overlay {
		background-image: url('/images/pixel.png');
		width: 313px;
		height: 244px;
		position: absolute;
		margin: 0;
		padding: 0;
		z-index: 2;	
	}

	.otheraboutus-content {
		background-image: url('/images/pixel.png');
		width: 592px;
		position: relative;
		top: 78px;
		left: 250px;
		margin: 0;
		margin-bottom: 78px;
		padding: 0;
		z-index: 1;
	}

	.otheraboutus-area {
		margin: 0 0 0 83px;
		padding: 18px 25px 0 0;	
	}

	.otheraboutus-inline {
		width: 100%;
		margin: 0;
		padding: 0;	
	}

	.otheraboutus-content h1 {
		font-size: 18px;
		color: #1A6989;
		padding-bottom: 12px;
	}

	.otheraboutus-content h2 {
		font-size: 13px;
		color: #1A6989;
		padding-bottom: 0px;
	}

	.otheraboutus-content a {
		font-size: 13px;
		color: #1A6989;
		padding-bottom: 12px;
		font-weight: bold;
	}
}