@font-face {font-family: "Lane"; src: url(./misc/fonts/lane/LANENAR_-webfont.eot);}
@font-face {font-family: "Lane"; src: url(./misc/fonts/lane/LANENAR_-webfont.ttf);}

@font-face {font-family: "Honey"; src: url(./misc/fonts/honey/HoneyScript-Light-webfont.eot); }
@font-face {font-family: "Honey"; src: url(./misc/fonts/honey/HoneyScript-Light-webfont.ttf); }

body {
	background:#111 url(./img/bg/1_sw_lq.jpg) repeat center top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
}

a, a:hover, a:visited {
	color:#FFF;
	outline:none;
	text-decoration:none;
}
a:hover, input:hover {
	text-decoration:none;
	/**Leuchten**/ text-shadow: 0 0 0.5em #333, 0 0 0.5em #333;
}

#sitename {
	position: absolute;
	right:10px;
	bottom: 24px;
	text-align:center;	
	color:#CF1A4A;	
}

h1 {
	font-size: 16px;
	font-family:"Lane", Arial, serif; 
	text-transform:uppercase;
}

#logo {
	position: absolute;
	height: 100px;
	width: 600px;
	top: 50%;
	left: 50%;
	margin-top: -220px;
	margin-left: -300px;
	
	font-size: 80px;
	font-family:"Lane", Arial, serif;
	color: #CF1A4A;
	text-align: center;
}

#content {
	position: absolute;
	height: 200px;
	width: 600px;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -300px;
	
	font-size: 18px;
	font-family:"Lane", Arial, serif;
	color: #FFF;
	text-align: center;
}

#saw {
	position: absolute;
	height: 100px;
	width: 500px;
	top: 50%;
	left: 50%;
	margin-top: 150px;
	margin-left: -250px;
	z-index:100;
	
	text-align:center;
	text-transform: lowercase;
	font-size: 35px;
	font-family:"Honey", Arial, serif; 

	color: #333;
}
	#saw .small {
		text-align:right;
		font-size: 25px;
	}

#services {
	display:block; /*Fadeeffekt*/
	position:absolute;
	bottom:28px;
	left: 20px;
	padding: 20px;

	background-color:#CF1A4A;

	/** RUNDE ECKEN **/
		/** Opera (CSS3) **/
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
		/** Mozilla **/
		-moz-border-radius-topright: 20px;
		-moz-border-radius-topleft: 20px;
		/** WebKit **/
		-webkit-border-top-right-radius: 20px;
		-webkit-border-top-left-radius: 20px;
		/** IE 6-8 **/
		behavior: url(misc/PIE/PIE.htc);		
}

#imprint {
		display:block; /*Fadeeffekt*/
	position:absolute;
	top:0px;
	z-index:200;
	right: 20px;
	padding: 10px 20px;
	
	overflow:hidden;
	height: 20px;
	width: 65px;

	background-color:#CF1A4A;
	

	/** RUNDE ECKEN **/
		/** Opera (CSS3) **/
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		/** Mozilla **/
		-moz-border-radius-bottomright: 20px;
		-moz-border-radius-bottomleft: 20px;
		/** WebKit **/
		-webkit-border-bottom-right-radius: 20px;
		-webkit-border-bottom-left-radius: 20px;
		/** IE 6-8 **/
		behavior: url(misc/PIE/PIE.htc);	
}
	#imprint div {
		font-size: 10px;
		text-transform:uppercase;
	}

#footer {
	display:block; /*Fadeeffekt*/
	position:absolute;
	background-color:#333;
	width: 100%;
	bottom:0px;
	text-align: center;
	padding:7px 0px;
	left: 0px;
	height: 14px;
	color: #CF1A4A;
}
	#footer div {
		font-size: 10px;
		text-transform:uppercase;
	}
	
#solution {
	position:absolute;
	display:block;
	left: 10px;
	bottom:7px;
	z-index:101;
}
	#solution a {
		color: #666;
		text-decoration:none;
	}
	#solution a:hover {
		color: #CF1A4A;
		text-decoration:none;
	}
	#solution div {
		/**text-shadow:#000 -1px -1px;**/
		font-size: 7pt;
		text-transform:uppercase;
		text-decoration:none;
	}