@charset "ISO-8859-1";

html {
	margin:0;
	padding:0;
	border:0;
}
body {
	margin:0;
	padding:0;
	border:0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.9em;
	background:#efefef url(basic/bg_page.jpg) repeat top left;
	text-align:center;
}
div#siteContainer{
	width:770px;
	margin:0 auto;
	text-align:left;

}
div#header{
	position:absolute;
	margin:0 0 0 0;
	padding:0 0 0 0; 
	background-color:white;
	height:120px;
	border-top:1px solid #9C9C9C; 
	border-left:1px solid #9C9C9C; 
	border-right:1px solid #9C9C9C;
	width:758px;
	z-index:99;
}
div#header div#logo {
	position:absolute;
	left:0;
	top:0;
	background:#fff url(basic/aral-logo-screen.gif) no-repeat top left;
	width:758px;
	height:82px;
}
div#header div#logo a {
    height:80px; 
	display:block;
}
div#header div#logo a span {
	display:none;
}
div#stage{
    position:absolute;
    top:120px;
	margin:0;
	border-left:1px solid #9C9C9C; 
	border-right:1px solid #9C9C9C;
	border-bottom:1px solid #9C9C9C; 
	background-color:#fff;
	height:378px;
	width:758px;
}
div#content {
	position:relative;
	margin:9px;
	border:1px solid #9C9C9C;
	width:738px;
	height:358px;
	overflow:hidden;
}
div#state-shadow-bottom {
	margin:0;
	height:10px;
	width:770px;
}
div#footer{
    position:absolute;
    top:502px;
	margin:0;
	background:transparent url(basic/footer-bg.gif) no-repeat top left;
	width:758px;
	height:57px;
	padding:1px;
	position:relative;
}

/* ~~~~~~~~~~~~~~~ styles for the articles ~~~~~~~~~~~~~~~  */
h2 {
	font-size:1em;
	color:#4673b5;
	margin:0 0 1.5em 0;
}
h3 {
    font-weight: normal;
	font-size:1em;
	color:#4673b5;
}

p {
	font-size:0.9em;
	margin:0 0 0.5em 0;
	color:#595959;
	text-align: justify;
	line-height: 130%
}
a {
    color: #4c4c4c;
    text-decoration: none;
}
a:hover {
    color: #990000;
    text-decoration: underline;
}
div#content .article {
	color:#595959;
}
div#content .article h2 {
	font-size:1em;
	margin:0 0 1.5em 0;
}
div#content .article p {
	font-size:0.9em;
	margin:0 0 0.5em 0;
	color:#595959;
}
/* ~~~~~~~~~~~~~~~ define the background-images for the content-area ~~~~~~~~~~~~~~~ */
body#language div#content { background:#fff url(/images/content/language/language-bg.jpg) center 110px no-repeat; }
body#wer-wir-sind div#content { background:#fff url(/images/content/wer-wir-sind-bg.jpg) 0 0 no-repeat; }
body#gesellschafterstruktur div#content { background:#fff url(/images/content/gesellschafterstruktur.jpg) 0 0 no-repeat; }
body#was-produziert-wird div#content { background:#fff url(/images/content/benzolbaum-bg.jpg) 0 0 no-repeat; }
body#portrait div#content { background:#fff url(/images/content/portrait-bg.jpg) 0 0 no-repeat; }
body#wie-es-bei-uns-aussieht div#content { background:#fff url(/images/content/wieesbeiunsaussieht-bg.jpg) 0 0 no-repeat; }
body#kontaktformular div#content { background:#4c7dc0 url(/images/content/kontaktformular-bg.jpg) 0 0 no-repeat;}
body#unfallfreie-tage div#content { background:#fff url(/images/content/unfallfreie-tage-bg.jpg) right top no-repeat; }
body#wertemanagement div#content { background:#fff url(/images/content/wertemanagement-bg.jpg) right top no-repeat; }
body#qualitaetsmanagement div#content { background:#fff url(/images/content/qualitaetsmanagement-bg.jpg) left top no-repeat; }
body#pressearchiv div#content { background:#fff url(/images/content/pressearchiv-bg.jpg) 420px -100px no-repeat; }
body#aktuelles div#content { background:#fff url(/images/content/aktuelles-bg.jpg) left top no-repeat; }
body#herkunft-der-rohstoffe div#content { background:#fff url(/images/content/herkunft-rohstoffe-bg.jpg) left top no-repeat; }
body#risikomanagement div#content { background:#fff url(/images/content/risikomanagement-bg.jpg) left top no-repeat; }
body#faltblatt-fuer-nachbarn div#content { background:#fff url(/images/content/faltblatt-bg.jpg) left top no-repeat; }


body#hoehenrettung div#content .article p { color:black; }
body#portrait div#content .article h2 { color:black; }
body#portrait div#content .article p { color:black; }


body#kontaktformular div#content div#headline { position:absolute; top:20px; left:20px; }
body#kontaktformular div#content div#addresse { position:absolute; bottom:20px; left:20px; font-size:0.86em; line-height:1.5em; }
body#kontaktformular div#content div#addresse table#fonfax th { font-weight: normal; text-align: right; }
body#kontaktformular div#content div#addresse table#fonfax td { padding-left: 5px; }
body#kontaktformular #kontaktformular { position:absolute; top:20px; left:320px; color:#fff; }
body#kontaktformular span.reqField { color:#bfdff0; }
#kontaktformular #message { position: relative; left: 100px; width: 260px;}
#kontaktformular #message h1 { font-size: 1em; }
#kontaktformular #message p { color: white; }
#kontaktformular div.l { margin:1px 0; padding:2px 0; white-space:nowrap; }
#kontaktformular label { width:135px; display:block; float:left; text-align:right; padding:0 10px 0 0; font-size: 12px;}
#kontaktformular input.text { margin:0 2px 0 0; background-color:#e6f3f9; border:0; font-size: 12px;}
#kontaktformular input.text:focus { background-color:#b7e3f7; }
#kontaktformular select { background-color:#e6f3f9; font-size: 12px; }
#kontaktformular select option { background-color:#e6f3f9; padding: 0px 8px;}
#kontaktformular input#kf-vorname { width:118px; }
#kontaktformular input#kf-nachname { width:116px !important; width:114px; }
#kontaktformular input#kf-firma { width:236px; }
#kontaktformular input#kf-strasse { width:236px; }
#kontaktformular input#kf-plz { width:59px; }
#kontaktformular input#kf-ort { width:175px !important; width:173px; }
#kontaktformular input#kf-land { width:236px; }
#kontaktformular input#kf-email { width:236px; }
#kontaktformular input#kf-fon { width:118px; }
#kontaktformular input#kf-fax { width:116px !important; width:114px; }
#kontaktformular textarea#kf-nachricht { width:237px; height:80px; background-color:#e6f3f9; border:0; overflow:auto;}
#kontaktformular textarea#kf-nachricht:focus { background-color:#b7e3f7; }
#kontaktformular input#kf-submit { width:237px; border:0; background-color:#71a0e2; color:#fff; font-size: 12px;}

/* Contact Person contact form (innerhalb Ansprechpartner-Listing) */
#contactpersoncontactform {
	padding:25px 0 25px 0;
	_padding:0 0 25px 0;
	margin:0;
	border:0;
}



#contactpersoncontactform input, #contactpersoncontactform textarea {
	font-family:Arial,Helvetica,sans-serif;
	font-size: 12px;
}

#contactpersoncontactform div.r { 
	margin:1px 0 1px 140px; 
}

#contactpersoncontactform div.l { 
	margin:1px 0; 
	padding:2px 0; 
	white-space:nowrap; 
}


#contactpersoncontactform label { 
	color:#595959; 
	width:130px; 
	_width:128px; 
	display:block; 
	float:left; 
	text-align:right; 
	margin:0;
	padding:0 10px 0 0; 
	font-size: 12px;
}

#contactpersoncontactform input.text,
#contactpersoncontactform textarea#kf-nachricht { 
	margin:0 2px 0 0; 
	background-color:#dfecf2; border:0;
}

#contactpersoncontactform input.text:focus,
#contactpersoncontactform textarea#kf-nachricht:focus { 
	background-color:#dae7ed; 
}

#contactpersoncontactform select { 
	background-color:#e6f3f9; 
	font-size: 12px; 
}

#contactpersoncontactform select option { 
	background-color:#e6f3f9; 
	padding: 0px 8px;
}

#contactpersoncontactform input#kf-name { 
	width:236px;
}

#contactpersoncontactform input#kf-subject { 
	width:236px; 
}

#contactpersoncontactform input#kf-email { 
	width:236px;
}

#contactpersoncontactform textarea#kf-message { 
	width:236px; 
	height:80px; 
	background-color:#dfecf2; 
	border:0; 
	overflow:auto;
}

#contactpersoncontactform input#kf-submit {
	border:0; 
	background-color:#4c4c4c; 
	color:#fff; 
	font-size: 12px;
}


form#contactform div.mandatoryfields p {
	color:white;
	padding:0 0 0 145px;
}

/* Error-Verhalten der Kontaktformulare */
form#contactform input.error, 
form#contactform textarea.error {
	border:1px solid red;
}

form#contactform p.error,
form#contactform div.mandatoryfields p.error {
	color:red;
}


/* ~~~~~~~~~~~~~~~ content-navi ~~~~~~~~~~~~~~~  */
.content-navi {
	font:normal 0.8em/2em Arial,Helvetica,sans-serif;
}
.content-navi ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
.content-navi ul li {
	list-style-type:none;
	margin:0;
	padding:0;
}
.content-navi ul li a {
	color:#4c4c4c;
	text-decoration:none;
	background:transparent url(/styles/basic/content-navi/bullet.gif) left center no-repeat;
	padding:0 0 0 20px;
}
.content-navi ul li a:hover {
	color:#990000;
	text-decoration:none;
	background:transparent url(/styles/basic/content-navi/bullet-hover.gif) 5px center no-repeat;
	text-decoration:underline;
	padding:0 0 0 20px;
}

/* ~~~~~~~~~~~~~~~  breadcrumbs trail ~~~~~~~~~~~~~~~ */
#footer #breadcrumb {
	text-align:center;
	padding:10px 0 0 0;
	height:27px;
	color:#666666;
	font:normal 0.8em/1em Arial,Helvetica,sans-serif;
}
#footer #breadcrumb h5 {
	margin:0 5px 0 0;
	display:inline;
	font-size:1em;
	font-weight:normal;
}
#footer #breadcrumb ul {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#footer #breadcrumb ul li {
	display:inline;
	list-style:none;
	margin:0 4px 0 0;
	padding:0;
}
#footer #breadcrumb ul li a {
	color:#666666;
	text-decoration:none;
}
/* fix for IE (who doesn't understand the content-property!)
 * this will be overwritten for Mozilla with the following 
 * rule!
 */
 
#breadcrumb ul li a {
	background:transparent url(basic/breadcrumb-trail/raquo.gif) 0 50% no-repeat;
	padding-left:8px;
}
#footer #breadcrumb ul li a:hover {
	color:#333;
	text-decoration:underline;
}



/* ~~~~~~~~~~~~~~~ servicebar ~~~~~~~~~~~~~~~ */
#footer #servicebar {
	/*width:357px;*/
	width:450px;
}
#footer #servicebar h5 {
	display:none;
}
#footer #servicebar ul {
	list-style-type:none;
	margin:0;
	padding:0 0 0 15px;
}
#footer #servicebar ul li {
	list-style-type:none;
	margin:0;
	padding:0 0 0 10px;
	display:inline;
}
#footer #servicebar ul li a {
	text-decoration:none;
	font:normal 10px Arial,Helvetica,sans-serif;
	color:#a5a5a5;
}
#footer #servicebar ul li a:hover {
	color:#4673b5;
}
li#sb-home a 		{ background:transparent url(basic/servicebar/home.gif) no-repeat 0 0; padding:0 0 0 16px; }
li#sb-sitemap a 	{ background:transparent url(basic/servicebar/sitemap.gif) no-repeat 0 0; padding:0 0 0 19px; }
li#sb-print a 		{ background:transparent url(basic/servicebar/print.gif) no-repeat 0 0; padding:0 0 0 17px; }
li#sb-recommend a 	{ background:transparent url(basic/servicebar/recommend.gif) no-repeat 0 0; padding:0 0 0 20px; }
li#sb-agb a 		{ background:transparent url(basic/servicebar/agb.gif) no-repeat 0 0; padding:0 0 0 14px; }
#footer #servicebar ul li a:hover { background-position:0 0; }
#footer #servicebar ul li a span {}

/* ~~~~~~~~~~~~~~~ copyright line ~~~~~~~~~~~~~~~ */
div#copyright {
    position:relative;
    top:500px;
	margin:20px 0 0 0;
	text-align:center;
	font:normal 11px Arial,Helvetica,sans-serif;
	color:#a5a5a5;
}
div#copyright a {
	color:#a5a5a5;
	text-decoration:none;
}
div#copyright a:hover {
	text-decoration:underline;
	color:#919090;
}

/* ~~~~~~~~~~~~~~~ filetypes ~~~~~~~~~~~~~~~ */

.filetype { width:9em; display:inline-block; background:red url(basic/filetypes/icon-ft.gif) 0 center no-repeat; padding:2px 0 2px 20px; }
.filetype-jpg { background:transparent url(basic/filetypes/icon-ft-img.gif) 0 center no-repeat;}
.filetype-gif { background:transparent url(basic/filetypes/icon-ft-img.gif) 0 center no-repeat;}
.filetype-png { background:transparent url(basic/filetypes/icon-ft-img.gif) 0 center no-repeat;}
.filetype-pdf { background:transparent url(basic/filetypes/icon-ft-pdf.gif) 0 center no-repeat;}
.filetype-doc { background:transparent url(basic/filetypes/icon-ft-doc.gif) 0 center no-repeat;}
.filetype-dot { background:transparent url(basic/filetypes/icon-ft-doc.gif) 0 center no-repeat;}
.filetype-xls { background:transparent url(basic/filetypes/icon-ft-xls.gif) 0 center no-repeat;}
.filetype-ppt { background:transparent url(basic/filetypes/icon-ft-ppt.gif) 0 center no-repeat;}
.filetype-rar { background:transparent url(basic/filetypes/icon-ft-zip.gif) 0 center no-repeat;}
.filetype-zip { background:transparent url(basic/filetypes/icon-ft-zip.gif) 0 center no-repeat;}