html {
    min-height: 100%;
    position: relative;
}


body{
	font-family: Arial, sans-serif;
	font-size: 16px;
	line-height: 1.6em;
	color: #1f286d;
    margin-bottom: 60px;
}


.container{
	max-width: 750px;
}

.row{
	
}


header h2{
	text-align: center;
	font-weight: normal;
	font-size: 24px;
	border-bottom: 2px #878786 solid;
	text-transform: uppercase;
}
header h3{
	text-align: center;
	font-weight: normal;
	font-size: 18px;
	margin-top: 5px;
}

#main-menu{
	background-color: #1f286d;
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 20px;
}
	#main-menu a{
		color: #ffffff;
		white-space: nowrap;
	}
	#main-menu a:hover,
	#main-menu a:active
	{
	 background-color: #292929;
	}
	#home #main-menu .home a,
	#steuerrecht #main-menu .steuerrecht a,
	#trouble-shooting #main-menu .trouble-shooting a,
	#erbrecht #main-menu .erbrecht a,
	#kanzlei #main-menu .kanzlei a,
	#vita #main-menu .vita a{
		color: #8988b5;
	}
p{
	margin: 0.5em 1em;
}


article{
	padding: 10px;
	color: #000000;
}
	article a{
		text-decoration: underline;
		color: #000000;
	}
	article a:hover{
		color: #1f286d;
	}
	
	article ul{
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}
	article ul li{
		margin-right: 1em;
	}
	#kanzlei article ul li{
		margin: 0.5em 1em 0.5em 0;
		}
	article em{
		color: #1f286d;
		font-style: normal;
	}

.footer {
	    background-color: #dadada;
	    bottom: 0;
	    height: 40px;
	    position: absolute;
	    width: 100%;
	    margin-top: 30px;
	}
	
	.footer .container {
	    padding: 0;
	    width: auto;
	}
	.footer p{
		padding: 0;
		margin: 5px 15px;
	}
	.footer a{
		text-decoration: none;
		color: #000000;
	}
	.footer a:hover,
	#kontakt a.kontakt,
	#impressum a.impressum{
		text-decoration: underline;
		color: #000000;
	}
.footer .navbar {
    border: none;
    min-height: 40px;
    background-color: #dadada;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
	body{
		background: 0 173px repeat-x url('../img/bg-stripe.png');
		
	}
	header{
		padding-top: 30px;
	}
	header h2{
		font-size: 34px;
		padding-bottom: 5px;
		margin-bottom: 6px;
		white-space: nowrap;
	}
	header h3{
		font-size: 22px;
		margin-top: 5px;
		margin-bottom: 50px;
	}
	#main-menu{
		margin-bottom: 35px;
	}
	article{
		padding: 20px 10px 9px 320px;
		min-height: 500px;
	}
	#impressum article p{
		margin: 0.5em 1em;
		font-size: 14px;
		line-height: 1.4em;
		}
		
	#kontakt article,
	#impressum article{
		margin-left: 319px;
		border-left: 1px solid #1f286d;
		padding: 0 10px 0 0;
		min-height: auto;
	}
	#home article{
		background-image: url('../img/home.png');
		background-repeat: no-repeat;
	}
	#home article{
		background-image: url('../img/home.png');
		background-repeat: no-repeat;
	}
	#kontakt article p{
		margin: 1em;
	}
	#erbrecht article{
		background-image: url('../img/erbrecht.png');
		background-repeat: no-repeat;
	}
	#trouble-shooting article{
		background-image: url('../img/troubleshooting.png');
		background-repeat: no-repeat;
	}
	#steuerrecht article{
		background-image: url('../img/steuerrecht.png');
		background-repeat: no-repeat;
	}
	#kanzlei article{
		background-image: url('../img/kanzlei.png');
		background-repeat: no-repeat;
	}
	#vita article{
		background-image: url('../img/vita.png');
		background-repeat: no-repeat;
	}
	
}