/*
AustrAlco Global Stylesheet
2007-2009,2011 Volker E. (temporaer.co.at) 

$Revision: 139 $
Last modified $Date: 2011-12-03 22:07:48 +0100 (Sa, 03 Dez 2011) $
*/

/* ||| GLOBAL RESET ||| */
* {
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0; 
	padding: 0; 
	vertical-align: baseline;
}

textarea, input, button, select { 
	margin: 0;
	vertical-align: baseline;
}

article, aside, canvas, figcaption, figure, figure img,
footer, header, hgroup, menu, nav, section, audio, video {
	display: block;
}


/* ||| HTML ELEMENTS ||| */
body {
	background: #DDD;
	margin: 10px;
	text-align: center;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}
body, td, p { 
	color: #000; 
	font-size: 12px;
	line-height: 18px;
}
a:link    { color: #000; }
a:visited { color: #444; }
a:hover   { color: #C30; } /* background-color: #C30; color:#FFF; padding:3px; */
a:active  { color: #FFF; }

a img { border: none; }

abbr {
	cursor: help;
}

address { 
	display: inline;
	font-style: normal;
}

br.clear {
	clear: both;
}

h1, h2 { /* SEO h2 is better than h1 */
	color: #707072; 
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 12px;
}

h3 {
	clear: both;
	margin: 15px 0 0 0;
}

h4 { /* for "stronger" body text */
	margin: 20px 0 10px 0;
}

hr {
	width: 160px;
	height: 1px;
	color: #333;
	border-top: 1px solid #333;
	border-width: 1px 0 0 0;
	margin-top: 20px;
}

p {
	margin-bottom: 6px;
}

ul.nav,
ul.nav li,
ul.cert,
ul.cert li {
	list-style: none;
	list-style-type: none;
	list-style-position: outside;
}


/* ||| COMMOM CLASSES ('Superklassen') ||| */
.n     { font-weight: normal; text-decoration: none; }
.ta-c  { text-align: center; }
.ta-r  { text-align: right; }
.zzz   { display: none !important; }

.clear {
	clear: both;
}

.even {
	background: #EFEFEF url(images/bg-even.gif) repeat-x left top;
}

.help {
	cursor: help;
}

.icon {
	width: 16px;
	height: 16px;
}

/* ... HCard/VCard ... */
.photo {
	clear: both;
	float: left;
	width: 93px;
	height: 126px;
	border: 1px solid #CCC;
	margin-right: 15px;
	margin-bottom: 15px;
}
.title {
	display: block;
}

.note {
	color: #333;
	font-size: 95%;
}
.meta {
	margin-top: 20px;
	font-size: 85%;
}

.padded td {
	padding: 6px 4px;
}
.padded-big td {
	padding: 6px;
}

.subline {
	text-decoration: underline;
}

/* ... Zertifikate ... */
ul.cert {
	margin-left: 75px;
}

ul.cert li {
	display: inline;
	float: left;
}


/* ::: IDs ::: */
#content-box {
	width: 774px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#header {
	background-image: url(images/b_kopfleiste_firma.jpg);
	width: 774px;
	height: 131px;
}
	#pg-aa-partners #header {
		background-image: url(images/b_kopfleiste_partner.jpg);
	}
	#pg-order #header,
	#pg-order-terms #header,
	#pg-order-thanks #header {
		background-image: url(images/b_kopfleiste_bestellung.jpg);
	}
	#pg-products #header,
	#pg-products-barrels #header {
		 background-image: url(images/b_kopfleiste_produkte.jpg);
	}
	#pg-qm #header,
	#pg-certificates #header {
		background-image: url(images/b_kopfleiste_qm.jpg);
	}

#content {
	background: #FFF url(images/bg-content.gif) repeat-y;
	position: relative;
	width: 774px;
	padding: 37px 91px 50px 203px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 480px;
	border-top: 0;
	border-bottom: 1px solid #FFF;
}

	h1.logo {
		position: relative;
		width: 299px; 
		height: 65px;
		margin-left: -50px;
		margin-bottom: 8px;
		overflow: hidden;
	}
	h1.logo span {
		position: absolute;
		display: block;
		width: 299px; 
		height: 65px;
		background: url(images/logo-australco-big.gif) top left no-repeat;
		top: 0;
		left: 0;
		z-index: 1;
	}

	#content .nav {
		position: absolute;
		top: 37px;
		left: 1px;
	 	width: 129px;
		height: 100%;
	}
	#content .nav .link {
		display: block;
		color: #FFF;
		width: 129px;
		height: 38px;
		border-bottom: 1px solid #FFF;
		margin-top: 1px;
		padding: 22px 0 0 4px;
		font: bold 13px Arial;
		text-decoration: none;
		voice-family: "\"}\""; 
		voice-family: inherit;
		width: 125px;
		height: 16px;
	}

	#content .nav .current,
	#content .nav a.link:hover {
		background: #FFF;
		color: #C30;
		border-bottom: 1px dotted #FDD0CC;
	}

/* ::: Main Navigation ::: */
#main-nav {
	height: 39px;
	padding-top: 92px;
}

#main-nav li, 
#main-nav li a {
    cursor: pointer;
    display: block;
    float: left;
    width: 129px;
    height: 39px;
    overflow: hidden;
    z-index: 1;
	font-size: 12px;
}

#main-nav li a {
	color: #C30;
    position: relative;
	font-size: 1.2em;
    letter-spacing: -500em; 
    text-decoration: none;
}
	#main-nav li a:hover {
		color: #C30;
		text-decoration: none;
        background-image: none;
	}

	#main-nav li a span {
		display: block;
		background-image: url(images/nav.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		position: absolute;
		left: 0;
		top: 0;
		width: 129px;
		height: 39px;
}

	/* Home/Firma */
	#main-nav #home,
	#main-nav #home a,
	#main-nav #home a span { background-position: 0 0; }
		#main-nav #home a:hover span,
		#main-nav #home.current a span { background-position: 0 -40px; }
	/* Produkte */
	#main-nav #prod,
	#main-nav #prod a,
	#main-nav #prod a span { background-position: -129px 0; }
		#main-nav #prod a:hover span,
		#main-nav #prod.current a span { background-position: -129px -40px; }
	/* Bestellung */
	#main-nav #ordr,
	#main-nav #ordr a,
	#main-nav #ordr a span { background-position: -258px 0; }
		#main-nav #ordr a:hover span,
		#main-nav #ordr.current a span { background-position: -258px -40px; }
	/* QM */
	#main-nav #qual,
	#main-nav #qual a,
	#main-nav #qual a span { background-position: -387px 0; }
		#main-nav #qual a:hover span,
		#main-nav #qual.current a span { background-position: -387px -40px; }
	/* Kontakt */
	#main-nav #ctct,
	#main-nav #ctct a,
	#main-nav #ctct a span { background-position: -516px 0; }
		#main-nav #ctct a:hover span,
		#main-nav #ctct.current a span { background-position: -516px -40px; }


	#home-prod { /* #content ul#home-prod */
		padding-left: 25px;
	}
		#home-prod li {
			list-style-type: square;
		}
		#home-prod strong,
		#home-prod a {
			color: #555;
		}
		#home-prod a:link {
			color: #555;
			text-decoration: none;
		}
		#home-prod a:visited {
			color: #555;
			text-decoration: none;
		}
		#home-prod a:hover {
			color: #C30;
			text-decoration: underline;
		}
		
	
	#certificates {
		color: #FFF;
		position: absolute;
		bottom: 22px;
		left: 1px;
		width: 128px;
		font: bold 13px Arial;
		text-align: center;
	}
#footer {
	padding-top: 5px;
	padding-left: 165px;
	font-size: 10px;
	text-align: center;
}
	#footer a {
		color: #000;
	}

#meta { /* Links put from footer to header */
	/*position: absolute;
	top: 15px;
	right: 15px;
	width: 100px;
	text-align: right;*/
}
	#meta li {
		display: inline;
		font-size: 10px;
		line-height: 10px;
	}

/* ... Special Pages ... */
#produkte {
	overflow-y: scroll;
}
#sitemap a {
	color: #000;
}