/* basics */

body {
	font-family: "Lucida Grande", "Lucida Sans", sans-serif; 
	font-size: 12px;
	text-align: center;
	margin: 0;
	}

div {
	text-align: left;
	margin: 0;
	padding: 0;
	}

img {
	border: 0;
	}

a {
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

ul {
	margin: 0 0 0 10px;
	padding: 0;
	}
	
ul.links {
	list-style-type: none;
	margin: 15px 0 0 0
}

ul.links li {
	margin: 5px 0 0 0;
	padding: 0
}

li {
	margin: 0 0 7px 15px;
	padding: 0 8px 0 2px;
	}
	
li.small {
	list-style-type: none;
	padding: 0;
}	

input, select {
	margin: 0;
	padding: 0;
	}
	
table {
	width: 700px;
	margin: 0 0 0 0;
}

td {
	width: 25%;
	padding: 10px 10px 0 0;
	vertical-align: top;
}

/* layout */

div#container {
	width: 992px;
	margin: auto;
	}

div#head {
	width: 992px;
	height: 88px;
}

div#logo {
	width: 217px;
	height: 50px;
	float: left;
	position: relative;
	top: 40px;
	left: 42px;
}

div#companylogo {
	position: absolute;
	margin: 0 0 0 -200px
}

div#content {
	width: 760px;
	margin: 0 0 25px 220px;
	}
	
div#banner, div#banner_start, div#banner_about, div#banner_locations, div#banner_rp, div#banner_contact, div#banner_smelters {
	width: 992px;
	height: 373px;
	clear: both;
}

div#banner2 {
	width: 992px;
	height: 335px;
	clear: both;
}

div#stage {
	position: absolute;
	margin: 63px 0 0 215px;
	width: 730px;
	height: 250px;
	overflow: hidden;
}

div.bannerimg {
	float: left;
	margin: 0 12px 0 0;
	display: none;
}

div.bannerimg img {
	width: 230px
}

div.col {
	width: 340px;
	float: left;
	margin: 0 25px 0 0;
	}

div.col1 {
	width: 475px;
	float: left;
	margin: 0 26px 0 0;
	}
	
div.col2 {
	width: 208px;
	float: left;
	margin: 0;
	padding-bottom: 10px;
	}

div.col3 {
	width: 208px;
	float: left;
	margin: 0;
	padding: 5px;
	}

div#margin {
	width: 175px;
	float: left;
	margin: 0 0 0 25px;
	}
	
div#footer {
	width: 992px;
	height: 209px;
}

div#foot {
	width: 990px;
	height: 150px;
}

div#block1, div#block2, div#block3, div#block4, div#block5 {
	float: left;
	padding-top: 29px;
	text-transform: uppercase;
}

div#block1 {
	width: 165px;
	margin: 0 0 0 220px;	 
}

div#block2 {
	width: 110px;
}

div#block3, div#block4, div#block5 {
	width: 140px;
}
	
div#subline {
	width: 500px;
	margin: 0 0 0 220px;	 
}

div.spacer {
	width: 98%;
	height: 8px;
	border-bottom: 1px dashed #666666;
	margin-bottom: 8px;
}

div.wrapper {
	width: 93%;
	height: 15px;
	margin-bottom:15px;
	border-bottom: 1px dashed #5C707B;
	clear: both;
}

div.wrapperlight {
	margin: 0 70px 0 220px;
	border-bottom: 1px dashed #EFF0F4;	
}

.infobox {
	display: none;
	padding-bottom: 5px;
}

#ul1, #ul2, #ul3 {
	display: none;
}

p {
	font-family: Arial;
	font-size: 13px;
	line-height: 18px;
	margin: 6px 0 10px 0;
	}
	
p.small {
	font-size: 11px;
	line-height: 14px;
	color: #666666;
}

div.infobox p {
	padding: 0 10px 2px 10px;
}

h1 {
	font-family: "Michroma", "Lucida Sans", "Lucida Grande", Arial, sans-serif;
	font-size: 32px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-top: -6px
	}
	
h3, h4 {
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	}
	
h2 {
	font-size: 16px;
	line-height: 20px;
	padding-top: 10px;
}

h3 {
	display: block;
	padding: 2px 2px 2px 20px;
}

h4 {
	display: block;
	padding: 2px 2px 2px 10px;
}

.small {
	font-size: 11px;
	text-transform: lowercase;
	padding: 0;
}

.pdficon {
	float: right;
	margin-left: 5px
}

/* farben */

body {
	color: #333333;
	background: #BDC4CC url(../img/background.jpg) no-repeat center -150px fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	}
	
div#container {
	background: #CFD6DE url(../img/back1.jpg) repeat-x;
	-moz-box-shadow: 0 0 8px 3px #888;
	-webkit-box-shadow: 0 0 8px 3px #888;
	box-shadow: 0 0 8px 3px #888;
}

div#head {
	background: url(../img/header.jpg) repeat-x;
}

div#logo {
	background: url(../img/logo.png) no-repeat
}

div#banner {
	background: url(../img/back.jpg) no-repeat;
}

div#banner2 {
	background: url(../img/back.jpg) no-repeat;
}

div#banner_start {
	background: url(../img/back_start.jpg) no-repeat;
}

div#banner_about {
	background: url(../img/back_about.jpg) no-repeat;
}

div#banner_locations {
	background: url(../img/back_locations.jpg) no-repeat;
}

div#banner_rp {
	background: url(../img/back_rp.jpg) no-repeat;
}

div#banner_contact {
	background: url(../img/back_contact.jpg) no-repeat;
}

div#banner_smelters {
	background: url(../img/back_smelters.jpg) no-repeat;
}

div.bannerimg {
	-moz-box-shadow: 0 0 8px 3px #888;
	-webkit-box-shadow: 0 0 8px 3px #888;
	box-shadow: 0 0 8px 3px #888;
}

div#content {
	
}

div#content a {
	font-weight: bold;
	color: #5C707B;
}

div#content a:hover {
	color: #333333;
	text-decoration: none;
}

div.col2, div.col3 {
	background: #BDC4CC;
	border-top: 1px solid #5C707B;
	border-bottom: 1px dashed #5C707B
}

div.col2 a h3:hover {
	background: #5C707B url(../img/arrow_bright.png) no-repeat 1px 5px;
}

div.infobox {
	background: #BDC4CC;
}

div#margin a {
	color: #333333
}

div#foot {
	background: url(../img/back_sitemap.jpg) no-repeat;
}

div#footer {
	background: url(../img/back2.jpg) repeat-x;
}

div#block1, div#block2, div#block3, div#block4, div#block5, div#subline, div#subline a {
	color: #EFF0F4;
}

h1, h3 {
	color: #5C707B;
}

h3 {
	color: #EFF0F4;
	background: #5C707B url(../img/arrow_bright.png) no-repeat 1px 5px;
}

h4 {
	color: #EFF0F4;
}

.blue {
	background-color: #00529b;
}

.red {
	background-color: #ef3023
}

.green {
	background-color: #008751
}

.lightgreen {
	background-color: #46aa42
}

.bluetype {
	color: #00529b;
}

.redtype {
	color: #ef3023;
}

.greentype {
	color: #008751;
}

.lightgreentype {
	color: #46aa42;
}

.small {
	color: #EFF0F4;
	background: none;
}

a.infolink {
	display: inline;
	padding-left: 18px;
	background: url(../img/arrow.png) no-repeat 1px;
}


/* map */

div#mapusa, div#mapeurope, div#mapsa, div#mapasia  {
	border: #ffffff 0px solid;
	float: left;
	position: relative;
}

div#mapusa {
	width: 210px;
	height: 150px;
	left: 200px;
}

div#mapeurope {
	width: 75px;
	height: 75px;
	left: 310px;
	top: 50px;
}
div#mapsa {
	width: 50px;
	height: 50px;
	left: 290px;
	top: 270px;
}
div#mapasia {
	width: 300px;
	height: 250px;
	left: 260px;
	
}