/*
	=====================================
	project: Distinctive
	author:  Luka Cvrk (www.solucija.com)
	-------------------------------------
	2009. Solucija
	=====================================
*/

*{margin:0;padding:0}:focus,:active {outline:0}img{border: 0}
body { font: .8em Arial, Tahoma, Verdana; background: #fff url(../images/bg.gif) repeat-x; color: #777; margin: 0px; padding: 0px; overflow-y: scroll; }
a { text-decoration: none; color: #000000; }
h1 { font-size: 1.4em; font-weight: normal; }
	h1 a { color: #fff; font-size: 1.6em; }
h2 { font-size: 1.2em; }
h3 {
	font-size: 1.5em;
	color: #002755;
	font-weight: normal;
	float: none;
	background-color: #FFF;
	background-image: none;
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 6px;
	padding-right: 7px;
	padding-bottom: 6px;
	padding-left: 0px;
}
h4 { margin: 0 0 15px; color: #555; font-weight: normal; font-size: 1.6em; font-weight: normal; }
ul { clear: both; line-height: 1.64em; margin: 0 0 15px; }
p { clear: both; line-height: 1.64em; margin: 0 0 15px; }
.line {
	clear: both;
	border-bottom: 1px solid #ddd;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	position: static;
}
.clear { clear: both; }
#content { width: 970px; margin: 0 auto; }
	#top { background:#808080; color:#fff; padding:6px 20px 0; font-size: 1em; text-align: right; }
	#logo {
	float: left;
	background-repeat: no-repeat;
	margin-top: -40px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 60px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
		#logo h1 {
	text-shadow: 1px 1px 1px #7E0E0E;
	background-color: #FFF;
	height: 150px;
	width: 300px;
}
	#menu { float: right; margin: 63px 10px 0; }
		#menu li { display: inline; font-size: 1.1em; }
			#menu li a { float: left; color: #909090; padding: 0 0 5px; margin: 0 0 0 25px; }
			#menu li a:hover, #menu li.current a, #menu li a:focus { color: #002755; border-bottom: 1px solid #ddd; }
	#pitch {
	background: url(../images/monitor.gif) no-repeat right top;
	border-bottom: 1px solid #ddd;
	height: 230px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 35px;
	margin-left: 0;
	padding-top: 30px;
	padding-right: 350px;
	padding-bottom: 0;
	padding-left: 0;
}
		#pitch h1 { font-size: 2.6em; color: #000; margin: 0 0 20px; }
		#pitch h2 { line-height: 1.5em; }
	.left { float: left; width: 250px; }	
	.right { float: right; width: 630px; margin: 0 0 20px; }
		.right h3 { background: #808080; font-size: .84em; }
	.third { float: left; width: 296px; margin: 0 40px 20px 0; }
		.last { margin-right: 0; }
	#footer { clear: both; font-size: .84em; border-top: 1px solid #ddd; padding: 20px 0 0; }
	#homefoto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	height: 300px;
	width: 233px;
}
#pitch-home {
	background-repeat: no-repeat;
	height: 300px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	text-align: left;
}
#pitch_kontakt {
	height: 220px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 35px;
	margin-left: 0px;
	padding-top: 30px;
	padding-right: 350px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
}
@keyframes fader1 {
        0% {
            opacity:1;
        }
        100% {
            opacity:0;
        }
}
@keyframes fader2 {
        0% {
            opacity:0;
        }
        100% {
            opacity:1;
        }
}
@keyframes fader3 {
        0% {
			bottom:-100px;
        }
        100% {
			bottom:0px;
        }
}
.fade1 {
animation-name:fader1;
animation-delay:3s;
animation-duration:8s;
animation-iteration-count:1;
animation-fill-mode:forwards;
background:#ffffff;
}
.fade2 {
animation-name:fader2;
animation-delay:3s;
animation-duration:8s;
animation-iteration-count:1;
animation-fill-mode:forwards;
background:#ffffff;
}
.fade3 {
animation-name:fader3;
animation-delay:0s;
animation-duration:4s;
animation-iteration-count:1;
animation-fill-mode:forwards;
background:#ffffff;
font-size:1.1em;
}