@charset "UTF-8";
/* CSS Document */


@media all {
html, body {
	height: 100%;
	font-family:"Fira Sans", "Lucida Grande", sans-serif;
	color: #333;
}


::selection {
    background: #C30;
    color: #FFF ;
}

::-moz-selection {
    background:  #C30;
    color: #FFF;
}

section {
	width: 1024px;
	height: 768px;
	margin: auto;
}
#start {
}
#logo {
	width: 30%;
	margin-left: 650px;
	margin-top: 350px;
}
#leben {
}
#leben article {
	width: 360px;
	margin-top: 200px;
	margin-right: 50px;
	float: right;
}
#navi {
	float: left;
	margin-top: 220px;
	margin-left: 510px;
	width: 80px;
	height: 60px;
}
#navis {
	width: 320px;
	margin-left: 635px;
}
#navip {
	padding-top: 100px;
	margin-left: 470px;
}
#k, #a, #l {
	display: inline;
}
.kontaktn, .arbeitenn, .lebenn {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}
.kontaktn {
	background-image: url(../navi/PiktoKontakt2.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
.kontaktn:hover {
	background-image: url(../navi/PiktoKontakt.gif);
}
.arbeitenn {
	background-image: url(../navi/PiktoArbeiten2.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.arbeitenn:hover {
	background-image: url(../navi/PiktoArbeiten.gif);
}
.lebenn {
	background-image: url(../navi/PiktoLeben2.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.lebenn:hover {
	background-image: url(../navi/PiktoLeben.gif);
}
.kontaktns, .arbeitenns, .lebenns {
	margin-left: 5%;
	margin-right: 2%;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}
.kontaktns {
	background-image: url(../navi/PiktoKontakt.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
.kontaktns:hover {
	background-image: url(../navi/PiktoKontakt2.gif);
}
.arbeitenns {
	background-image: url(../navi/PiktoArbeiten.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.arbeitenns:hover {
	background-image: url(../navi/PiktoArbeiten2.gif);
}
.lebenns {
	background-image: url(../navi/PiktoLeben.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.lebenns:hover {
	background-image: url(../navi/PiktoLeben2.gif);
}
#arbeit {
}
#navia {
	width: 1000px;
	margin-top: 30px;
	margin-left: 170px;
}
#kontakt {
}
#telefon:hover {
	color: #C30;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.mail a {
	text-decoration: underline;
	color: #333;
}
#mail a:hover {
	color: #C30;
}
a {
	color: #333;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
a:hover {
	color: #C30;
}
footer {
	margin-left:160px;
	font-size: 0.6em;
	color: #ABABAB;
	padding-bottom: 30px;
	width: 500px;
}
footer h1 {
	color: #ABABAB;
}
footer h4 {
	display: inline;
}
 //*@media screen and (max-width: 1000px) {
#start {
	background-size:70%;
	background-repeat:no-repeat;}	
	
	



}