/* 	===============================================================================================
	STYLESHEET FÜR STARTSEITE WWW.ISAGEART.AT
	===============================================================================================
	Date: 	© 2014 - 2016
	Author:	ISAGEart Webdesign & Werbegrafik, Kirchgasse 29, 6020 Innsbruck, Austria
			Gerhard Stummvoll
	=============================================================================================== */

* { 
	margin: 0; 
	padding: 0; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }

body {
	margin: 2px auto;
	max-width: 100%;
	background: url('background.png') #333;
	vertical-align: center;
	font-family: Candara, Tahoma;
	color: #fff;
	font-size: 62.5%;
}
div, ul, p, address {
		background-color: #000000;
		text-align: center;
		}
div#head {
		font-size: 3em; 
		padding: 10px 0;		
		border-bottom: 1px solid #333333;
		border-top-left-radius: 12%;
		border-top-right-radius: 12%;
		}
	
div#core {
		font-size:8em;
		padding: 12px 0 4px;	
		border-bottom: 1px solid #333333;
		text-shadow: 2px 2px 6px #3570FE;	
		}
		img.logo { width: 40%; max-width: 120px;}
div#down {
		font-size:2.5em;
		padding: 18px 0;	
		border-bottom: 1px solid #333333;
		}
		img.mini { width: 22px; height: auto; margin-right: 0.6em;}
		img.mini2 { width: 22px; height: auto; margin-left: 0.6em;}
div#down p:nth-child(5) {margin-bottom: 0.32em; }
	div#foot {
		border-bottom-left-radius: 12%;
		border-bottom-right-radius: 12%;
		}
	
address {
	text-align: center; 	
	font-size: 90%;			
	font-style: normal;		
	letter-spacing: 2px;	
	line-height: 1.5;	
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-left-radius: 12%;
	border-bottom-right-radius: 12%;
	}	
address p:first-child {
	font-size: 2em;
}
	a, a:link, a:hover {
		text-decoration:none;
		padding: 12px;
		}	
	a:link { color:#cccccc;}
	a:hover { 
			color:#ffff00; 
			text-shadow: 0px 2px 2px #ffff00, 0px -2px 2px #ffff00;
	}

	span.stil1, 
	span.stil1 a { 
		font-size: 0.75em;
		margin: 5em 0;
				}
	.gelb { color: yellow; }
	
	img {
		border-top-left-radius: 25%;
		border-bottom-left-radius: 25%;
	}
	li { 	
		text-shadow: 0px 4px 5px #d6d6d6, 0px 8px 8px #6f6f6f, 0px 12px 11px #494949, 0px 16px 14px #272727;
		}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media screen and (min-width: 801px) {
	body { max-width: 960px; margin: 12px auto; font-size: 75%;}
	div#head {
		font-size:3em; 
		padding-top: 10px;
		padding-bottom: 10px;		
		border-bottom: 1px solid #333333;
		border-top-left-radius: 12%;
		border-top-right-radius: 12%;
		}
	
	div#core {
		font-size:16em;
		padding: 20px 0px 10px 50px;	
		border-bottom: 1px solid #333333;
		vertical-align: center;
		text-shadow: 2px 2px 12px silver;
		}
	div#core p { max-width: 80%; float: left; }
	div#core img { max-width: 120px; padding-top: 32px;}

	div#down {
		font-size:2.5em;
		padding: 16px 0;		
		border-bottom: 1px solid #333333;
		}
	div#down a:hover { border: dotted 1px silver; }
	div#foot {
		border-bottom-left-radius: 12%;
		border-bottom-right-radius: 12%;
		}
	
address {
	text-align: center;
	font-size: 80%;
	font-style: normal;
	letter-spacing: 2px;
	line-height: 1.5;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-left-radius: 12%;
	border-bottom-right-radius: 12%;
	}	
	
	a, a:link, a:hover {
		font-family:Candara,Tahoma;
		text-decoration:none;
		}
	
	a:link { color:#cccccc;}
	a:hover { 
			color:#ffff00; 
			text-shadow: 0px 2px 2px #ffff00, 0px -2px 2px #ffff00;
	}
	
	span.stil1, 
	span.stil1 a { font-size: 0.65em;
				}
	.gelb { color: yellow; }
	
	img {
		border-top-left-radius: 25%;
		border-bottom-left-radius: 25%;
	}
	li { 	
		text-shadow: 0px 4px 5px #d6d6d6, 0px 8px 8px #6f6f6f, 0px 12px 11px #494949, 0px 16px 14px #272727;
		}
}