@import url("reset.css");
@import url("prodmenu.css");
@import url("prodmenu3.css");

/* 
	author: jonas@hellofuture.se

	link			#333
	visited link	#223
	hover 			#424245

*/

html {
	overflow-y: scroll;
}

body {
	background: #f0f0f0 url(../img/bg.gif) repeat-x;
	font: 70%/1.5em 'helvetica neue', arial, sans-serif;
}

html, body {
	height: 100%;
}


/* !Typography		------------------------------------------------ */

input, select, textarea {
	font: 100% 'helvetica neue', arial, sans-serif;
}

:focus {
	outline-color: silver;
	outline-width: thin;
}

/* links */

a { 
	background: transparent;
	-webkit-transition: color 0.3s ease-out;
}

a:link { 
	color: #333;
}

a:visited { 
	color: #223;
}

a:hover, a:visited:hover, a:active { 
	color: #424245;
}

#scene a[rel="external"] {
	padding: 1px 12px 1px 0;
	background: url(../img/external.gif) no-repeat 100% 50%;
}

/* headers */

h1 {
	margin: 0 0 16px;
	font-size: 2em;
	text-transform: uppercase;
}

h2 {
	margin: 0 0 1em;
	font-size: 2em;
	font-weight: normal;
	letter-spacing: -0.05em;
	color: #333;
}

h3 {
	margin: 0 0 0.4em;
	font-size: 1.3em;
	font-weight: normal;
	text-shadow: #fff 0 1px 1px;
}

p + h3 {
	margin-top: 1.9em;
} 

h4 {
	margin: 0 0 1em;
	font-size: 1.2em;
}

h5 {
	margin: 0 0 1em;
	font-size: 1em;
}

/* !type */

p { 
	margin: 0 0 1.5em;
}

ul, ol {
	margin: 0 0 1em 16px;
}

.pdf {
	display: block;
	float: left;
	margin: -0.5em 0 -0.5em -5px;
	padding: 0.5em 1em 0.5em 25px;
	background: url(../img/pdf.png) no-repeat 5px 50%;
}

.pdf:hover {
	background: #eee url(../img/pdf_hover.png) no-repeat 5px 50%;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.zip {
	display: block;
	float: left;
	margin: -0.5em 0 -0.5em -5px;
	padding: 0.5em 1em 0.5em 25px;
	background: url(../img/zip.gif) no-repeat 5px 50%;
}

.zip:hover {
	background: #eee url(../img/zip_hover.gif) no-repeat 5px 50%;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

/* !close button */

.close {
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	top: 14px;
	right: 10px;
	overflow: hidden;
}

.close img {
	position: absolute;
	left: 0;
	top: 0;
}

.close:hover img {
	top: -20px;
}

.close:active img {
	top: -40px;
}


/* !safari antialias hack */

#morelist, .cnt, #sm1, #map h4, #newtext { 
	-webkit-text-stroke: 1px transparent;
}

@media only screen and (max-device-width:480px) {
	#morelist, .cnt, #sm1, #map h4, #newtext {
		-webkit-text-stroke: 0 black;
	}
}


/* !Layout			------------------------------------------------ */

#brokk { 
	position: relative;
	width: 990px;
	margin: 0 auto;
	text-align: left;
}

#top {
	position: relative;
	padding: 30px 0;
	z-index: 40;
}

#footer {
	position: relative;
	border-top: 1px solid #ccc;
	padding: 10px 25px 0;
}

/* !Menu			------------------------------------------------ */

#menu { 
	list-style: none;
	text-align: center;
	margin: 0;
}

#menu li {
	position: relative;
	float: left;
	width: 100px;
	height: 50px;
	overflow: hidden;
}

#menu li a {
	display: block;
	position: relative;
	height: 50px;
	text-decoration: none;
}

#menu li a img {
	position: absolute;
	left: 0;
	top: 0;
}

#menu li.current a img {
	position: absolute;
	left: 0;
	top: -150px;
}

#menu li.branding {
	width: 145px;
}

#menu li.other {
	width: 145px;
}

/* !menu hover */

#menu li a .hover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	height: 50px;
	display: none;
}

#menu li.other a .hover {
	width: 145px;
}

#menu a .hover {
	background-image: url(../img/menu/home.gif);
	background-repeat: no-repeat;
	background-position: 0 -50px; 
}

#menu a:active .hover, #menu li.active a {
	background-position: 0 -100px; 
}

#menu .current a .hover {
	background-position: 0 -200px;
}

#menu .current a:active .hover, #menu li.active a.current {
	background-position: 0 -250px;
}


#menu .home a .hover {
	background-image: url(../img/menu/home.gif);
}

#menu .products a .hover {
	background-image: url(../img/menu/products.gif);
}

#menu .applications a .hover {
	background-image: url(../img/menu/applications.gif);
}

#menu .aftersales a .hover {
	background-image: url(../img/menu/aftersales.gif);
}

#menu .about a .hover {
	background-image: url(../img/menu/about.gif);
}

#menu .news a .hover {
	background-image: url(../img/menu/news.gif);
}

#menu .contact a .hover {
	background-image: url(../img/menu/contact.gif);
}

#menu .other a .hover {
	background-image: url(../img/menu/sites.gif);
}


#menu li a.active img, #menu li a.active .hover {
	position: absolute;
	left: 0;
	top: -100px;
}

#menu li.current a.active img, #menu li.current a.active .hover {
	position: absolute;
	left: 0;
	top: -250px;
}

/* !Product menu dropdown - see includes */

/* !Sites menu */

#sitesmenu {
	position: absolute;
	right: -1px;
	top: 70px;
	z-index: 100;
	display: none;
	color: #fff;
	text-shadow: #000 0 1px 1px;
}

#sitesmenu a {
	font-size: 1.1em;
	color: #dadada;
	text-decoration: none;
}

#sitesmenu a:hover {
	color: #fff;
	font-weight: bold;
}

#sm1 {
	width: 149px;
	padding: 20px 0 0 0;
	background: url(../img/sitesmenu.png) no-repeat 0% 0%;
}

#sm2 {
	float: left;
	width: 149px;
	height: 20px;
	background: url(../img/sitesmenu.png) no-repeat 0% 100%;
}

#sitesmenu ul {
	margin: 0 0 -15px;
	padding: 0 0 0 20px;
}

#sitesmenu h4 {
	margin: 0 20px 4px 0;
	font-size: 0.9em;
	text-transform: uppercase;
	color: #aaa;
	border-bottom: 1px solid #222;
}


/* !Submenu			------------------------------------------------ */

#submenu {
	position: absolute;
	top: -15px;
	left: 5px;
	width: 980px;
	height: 42px;
}

#submenu ul {
	position: absolute;
	right: 15px;
	bottom: 0;
	margin: 0;
	list-style: none;
}

#submenu li {
	float: left;
	height: 42px;
	font-size: 1.1em;
	text-align: center;
	padding: 0 10px 0 0;
}

#submenu li a { 
	display: block;
	height: 25px;
	padding: 15px 15px 2px 25px;
	text-decoration: none;
	color: #444;
	-webkit-transition: color 0.3s ease-out;
}

#submenu li a:hover {
	color: #000;
}

#submenu li.current {
	background: url(../img/submenu.gif) no-repeat 100% 0%;
}

#submenu li.current a {
	background: url(../img/submenu.gif) no-repeat 0% 0%;
}


/* !Scene			------------------------------------------------ */

#scenetop {
	position: relative;
	margin: 40px 0 0;
	width: 990px;
	height: 20px;
}

#scene {
	position: relative;
	width: 990px;
	min-height: 420px;
	margin: 0 0 20px;
}
#scene .scene {
	position: absolute;
	display:none;
	z-index:10;
}
#scene .mark {
	display:block;
}

.home #scenetop, .aftsales #scenetop, .news #scenetop, .contact #scenetop, .product #scenetop, .appl #scenetop, .about #scenetop {
	background: url(../img/scene.png) no-repeat;
}

.home #scene, .aftsales #scene, .news #scene, .contact #scene, .appl #scene, .about #scene {
	background: url(../img/scene.png) no-repeat 0% 100%;
}

.product #scene {
	background: url(../img/scene_prod.png) no-repeat 0% 100%;
}



/* !Footer			------------------------------------------------ */

#desc {
	margin: 0;
	padding: 0;
	width: 18em;
	font-size: 1.2em;
	line-height: 1.2em;
	/* letter-spacing: -0.07em; */
	/*
color: #444;
	text-shadow: #fff 0 1px 1px;
*/
	
	background: transparent url(../img/originaldemolition.gif) no-repeat 0 4px;
	width: 235px;
	height: 50px;
	cursor: pointer;
}

#footer ul {
	position: absolute;
	right: 25px;
	top: 10px;
}

#footer li {
	float: left;
	margin: 0 0 0 1px;
}

#footer li a {
	display: block;
	width: 100px;
	line-height: 18px;
	text-align: center;
	padding: 2px 0;
	background: url(../img/footer_link.gif) no-repeat;
	text-decoration: none;
}

#footer li a:hover {
	background: url(../img/footer_link.gif) no-repeat 0 -25px;
}

#footer li a#fb {
	width: 25px;
	height: 24px;
	background: url(../img/social.png) no-repeat;
	text-indent: -1000px;
	overflow: hidden;
}

#footer li a#fb:hover {
	background-position: 0 -25px;
}

#footer li a#flickr {
	width: 25px;
	height: 24px;
	background: url(../img/social.png) no-repeat -106px 0;
	text-indent: -1000px;
	overflow: hidden;
	margin-right: 8px;
}

#footer li a#flickr:hover {
	background-position: -106px -25px;
}

#footer li a#yt {
	width: 45px;
	height: 24px;
	background: url(../img/social.png) no-repeat -33px 0;
	text-indent: -1000px;
	overflow: hidden;
	margin-right: 16px;
}

#footer li a#yt:hover {
	background-position: -33px -25px;
}

/* !Start			------------------------------------------------ */


/* !startpage 100 (nov 2011) */

#new100 {
	position: absolute;
	left: 5px;
	top: -15px;
	width: 980px;
	height: 430px;
	background: url(../img/start_100.jpg) no-repeat;
	color: #fff;
}

#new100 #newtext {
	position: absolute;
	left: 50px;
	top: 55px;
	width: 330px;
	font-size: 1.2em;
	line-height: 1.3em;
	text-shadow: #000 0 1px 1px;
}


#new100 #newtext h1 {
	width: 310px;
	height: 139px;
	background: url(../img/intro100.png) no-repeat;
	overflow: hidden;
	text-indent: -1000em;
	margin-bottom: 24px;
}

#new100 #newtext p {
	width: 290px;
}

#new100.sv100 #newtext h1 {
	background: url(../img/intro100_sv.png) no-repeat;
	margin-top: 20px;
	width: 320px;
	height: 122px;
}



/* !startpage 800 (may 2011) */

#new800 {
	position: absolute;
	left: 5px;
	top: -15px;
	width: 980px;
	height: 430px;
	background: url(../img/start_800_2.jpg) no-repeat;
	color: #fff;
}

#new800 #newtext {
	position: absolute;
	left: 50px;
	top: 55px;
	width: 330px;
	font-size: 1.2em;
	line-height: 1.3em;
	text-shadow: #000 0 1px 1px;
}


#newtext h1 {
	width: 250px;
	height: 133px;
	background: url(../img/meetmonster.png) no-repeat;
	overflow: hidden;
	text-indent: -1000em;
	margin-bottom: 24px;
}

#new800.sv800 #newtext {

}

#new800.sv800 #newtext h1 {
	background: url(../img/jatte800.png) no-repeat;
	width: 300px;
	height: 129px;
	position: relative;
	top: 0;
	left: -20px;
}

/*
#newtext.sve h1 {
	background: url(../sv/img/fokus.png) no-repeat;
}
*/

#newtext ul {
	list-style: none;
	margin: 0;
	width: 700px;
}

#newtext li {
	float: left;
	margin-right: 5px;
	text-align: center;
}

#newtext li a {
	display: block;
	width: 145px;
	height: 30px;
	line-height: 30px;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	background: url(../img/newlinks3.png) no-repeat;
}

#newtext li a:hover {
	background-position: 0 -40px;
}

/* !startpage ODP (nov 2011) */

#scene_odp {
	position: absolute;
	left: 5px;
	top: -15px;
	width: 980px;
	height: 430px;
	background: url(../img/start_odp.jpg) no-repeat;
	color: #fff;
}

#scene_odp #newtext li a, #scene_odp #newtext li a:visited {
	color: #333;
	background-color: #fff;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 13px;
	position: absolute;
	left: 45px;
	bottom: 50px;
}

#scene_odp_sv {
	position: absolute;
	left: 5px;
	top: -15px;
	width: 980px;
	height: 430px;
	background: url(../img/start_odp_sv.jpg) no-repeat;
	color: #fff;
}

#scene_odp_sv #newtext li a, #scene_odp_sv #newtext li a:visited {
	color: #333;
	background-color: #fff;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 13px;
	position: absolute;
	left: 45px;
	bottom: 50px;
}

/* !temp startpage (may 2011) */

/*
#focus {
	position: absolute;
	left: 5px;
	top: -15px;
	width: 980px;
	height: 430px;
	background: url(../img/focus_bg.jpg) no-repeat;
	color: #fff;
}

#focus #newtext {
	position: absolute;
	left: 600px;
	top: 60px;
	width: 330px;
	font-size: 1.2em;
	line-height: 1.4em;
	text-shadow: #000 0 1px 1px;
}


#newtext h1 {
	width: 330px;
	height: 60px;
	background: url(../img/focus.png) no-repeat;
	overflow: hidden;
	text-indent: -1000em;
	margin-bottom: 24px;
}

#newtext.sve h1 {
	background: url(../sv/img/fokus.png) no-repeat;
}

#newtext ul {
	list-style: none;
	margin: 0;
}

#newtext li {
	float: left;
	margin-right: 5px;
	text-align: center;
}

#newtext li a {
	display: block;
	width: 145px;
	height: 30px;
	line-height: 30px;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	background: url(../img/newlinks3.png) no-repeat;
}

#newtext li:first-child a {
	width: 175px;
	background: url(../img/newlinks2.png) no-repeat;
}

#newtext li a:hover {
	background-position: 0 -40px;
}
*/


/* !startpage ver 1 */

#start {
	position: absolute;
	left: 5px;
	top: -15px;
	width: 980px;
	height: 430px;
	background: url(../img/start.jpg) no-repeat;
}

#start .text {
	position: absolute;
	top: 115px;
	left: 40px;
	width: 410px;
	font-size: 1.1em;
	color: #fff;
	text-shadow: #000 0 1px 1px;
}

#start .text a {
	color: #fff;
}

#start .text ul {
	list-style: disc;
}

.startmore {
	position: relative;
	width: 950px;
	margin: 30px 0 0 25px;
	background: url(../img/startboxes.gif) no-repeat;
}

.startend {
	width: 980px;
	height: 9px;
	margin: 0 0 20px;
	background: url(../img/startboxes.gif) no-repeat 25px 100%;
}


.startmore .col {
	float: left;
	width: 300px;
	padding: 0 20px 0 0;
}

.startmore .last {
	padding: 0;
}

.startmore .cont {
	width: 290px;
	margin-bottom: -25px;
	padding: 15px 15px 1px;
}

.startmore ul {
	list-style: circle;
}

.startmore p {
	margin-right: 20px;
}

.startnews {
	margin-right: 20px;
}

.startimg {
	margin: -15px 0 5px -15px;
}

.gonews {
	margin: -10px 0 10px;
	text-align: right;
}

.gonews a {
	font-weight: bold;
}

.sfindout {
	position: absolute;
	right: 20px;
	bottom: 130px;
	width: 211px;
	height: 192px;
	overflow: hidden;
}

.sfindout a .therobot {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 11;
}

.sfindout a .img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}

.sfindout a:hover .img {
	top: -200px;
}

.adv {
	position: absolute;
	right: 20px;
	bottom: 15px;
	width: 211px;
	height: 110px;
	overflow: hidden;
}

.adv a img {
	position: absolute;
	left: 0;
	top: 0;
}

.adv a:hover img {
	top: -110px;
}

#adv_pop {
	position: absolute;
	z-index: 15;
	left: 4px;
	top: 105px;
	width: 980px;
	height: 430px;
	background: url(../img/adv_bg.png);
	color: #fff;
	text-shadow: #333 0 1px 1px;
	display: none;
}

#adv_pop .col1, #adv_pop .col2, #adv_pop .col3 {
	float: left;
	width: 270px;
	text-align: center;
}

#adv_pop .col1 {
	margin: 0 40px 0 40px;
}

#adv_pop .col3 {
	margin: 0 40px 0 40px;
}

#adv_pop h2 {
	text-align: center;
	padding: 35px 0 10px;
}

#adv_pop strong {
	font-size: 1.1em;
}

#adv_pop .close {
	top: 15px;
	right: 15px;
	cursor: pointer;
}

#adv_pop #findmodel {
	position: absolute;
	left: 380px;
	bottom: 30px;
}

#scenenav {
	position: relative;
	float: right;
	left: -50%;
	text-align: left;
	margin-top: -12px;
}

#scenenav ul {
	position: relative;
	left: 50%;
	overflow: auto;
	list-style: none;
	margin: 0;
}

#scenenav li {
	float: left;
	padding: 0 1px;
}

#scenenav a {
	display: block;
	float: left;
	width: 11px;
	height: 11px;
	background: url(../img/dots.png) 0 -11px;
	overflow: hidden;
}

#scenenav a:hover {
	background-position: 0 -22px;
}

#scenenav a.mark {
	background-position: 0 0;
}



/* !Product page	------------------------------------------------ */

.product .overview {
	position: relative;
	left: 25px;
	top: 40px;
	width: 940px;
	padding-bottom: 110px;
}

.product .techspecs {
	position: relative;
	left: 25px;
	top: 40px;
	width: 940px;
	height: 350px;
}

.product .attachments {
	position: relative;
	top: 40px;
	left: 65px;
	width: 860px;
	height: 350px;
}

#attach_bg {
	position: absolute;
	top: -13px;
	left: -60px;
	width: 980px;
	height: 280px;
	background: url(../img/attach_bg.png) repeat-x;
}

.product .imagelibrary {
	position: relative;
	top: 40px;
	left: 5px;
	width: 980px;
	height: 370px;
}


.product .image {
	position: absolute;
	top: -70px;
	left: 30px;
}

.product .image_custom {
	position: absolute;
	top: -30px;
	left: 30px;
}

.product .textcontent {
	position: relative;
	top: 20px;
	left: 480px;
	width: 440px;
	min-height: 255px;
}

.textcontent h2 {
	margin: 0 0 12px;
	font-size: 2.55em;
	font-weight: normal;
	letter-spacing: 0;
	color: #333;
}

.product .textcontent .intro {
	font-size: 1.1em;
}

.product .sheet {
	position: relative;
	left: 0px;
	bottom: -54px;
}

.product .techspecs .sheet {
	position: absolute;
	left: 0px;
	bottom: -8px;
}

.product .attachments .sheet { /* place the attachments sheet right... */
	position: absolute;
	left: -40px;
	bottom: -8px;
}

.product .sheet a {
	display: block;
	width: 180px;
	padding: 0 0 0 40px;
	font-size: 1.1em;
	line-height: 50px;
	background: url(../img/sheet_pdf.png) no-repeat;
	text-decoration: none;
	color: #000;
	text-shadow: #dadada 0 1px 1px;
}

.product .sheet a:hover {
	background: url(../img/sheet_pdf.png) no-repeat 0% -50px;
}

.product .attachment { /* sheet on attachment page */
	position: absolute;
	left: 25px;
	top: 345px;
}

.product .moreinfo {
	position: absolute;
	right: 25px;
	bottom: 20px;
	color: #fff;
	text-shadow: #333 0 1px 2px;
}

.product .moreinfo .cnt {
	height: 48px;
	padding: 16px 20px 4px 0;
	background: url(../img/moreinfo_global.png) no-repeat 100% 0%;
	float: right;
	text-align: right;
}

.product .moreinfo .end {
	width: 20px;
	height: 68px;
	float: right;
	background: url(../img/moreinfo_global.png) no-repeat 0% 0%;
}

.product .moreinfo strong {
	font-size: 1.1em;
}

.product .moreinfo a {
	color: #ddd;
	text-decoration: none;
}

.product .moreinfo a:hover {
	color: #fff;
}

.compare {
	margin: 20px 0 20px 370px;
}

.compare a {
	display: block;
	position: relative;
	width: 260px;
	height: 80px;
	overflow: hidden;
}

.compare a img {
	position: absolute;
}

.compare a:hover img {
	position: absolute;
	top: -80px;
	left: 0;
}

.model50 #submenu {
	background: url(../img/50.gif) no-repeat;
}

.model90 #submenu {
	background: url(../img/90.gif) no-repeat;
}

.model100 #submenu {
	background: url(../img/100.gif) no-repeat;
}

.model160 #submenu {
	background: url(../img/160.gif) no-repeat;
}

.model180 #submenu {
	background: url(../img/180.gif) no-repeat;
}

.model260 #submenu {
	background: url(../img/260.gif) no-repeat;
}

.model330D #submenu {
	background: url(../img/330d.gif) no-repeat;
}

.model400 #submenu {
	background: url(../img/400.gif) no-repeat;
}

.model800S #submenu {
	background: url(../img/800s.gif) no-repeat;
}

.model800P #submenu {
	background: url(../img/800p.gif) no-repeat;
}


table.specs td {
	width: 160px;
	padding: 2px 20px 2px 0;
	border-bottom: 1px solid #dadada;
	font-weight: bold;
}

table.specs td.prop {
	width: 220px;
	font-weight: normal;
	text-align: right;
}



/* !Applications	------------------------------------------------ */

.appl #submenu {
	background: url(../img/applications.gif) no-repeat;
}

.appl #scene .construction, .appl #scene .cement, .appl #scene .process, .appl #scene .nuclear, .appl #scene .tunneling, .appl #scene .otherapplications, .appl #scene .underground, .appl #scene .mining {
	position: relative;
	top: 30px;
	left: 5px;
	width: 980px;
	height: 380px;
}


.applmore {
	position: relative;
	margin: 0 0 10px 25px;
	padding: 0;
}

.applmore .col {
	float: left;
	width: 300px;
	padding: 0 20px 0 0;
}

.applmore .cont {
	width: 290px;
	padding: 10px 10px 1px;
	background: url(../img/applmore.gif) no-repeat;
}

.applmore .colend {
	width: 300px;
	height: 9px;
	background: url(../img/applmore.gif) no-repeat 0% 100%;
}

.applmore ul {
	list-style: circle;
}

.applmore .sheet {
	display: block;
	width: 180px;
	margin: -10px;
	padding: 0 0 0 40px;
	font-size: 1.1em;
	line-height: 50px;
	background: url(../img/sheet_appl_pdf.png) no-repeat;
	text-decoration: none;
	color: #000;
	text-shadow: #dadada 0 1px 1px;
}

.applmore .sheet:hover {
	background: url(../img/sheet_appl_pdf.png) no-repeat 0% -50px;
}


h3.movieclips {
	padding: 0.5em 0 1em 30px;
	background: url(../img/icon_mov.gif) no-repeat 0% 5px;
}

h3.case {
	padding: 0.5em 0 1em 30px;
	background: url(../img/icon_case.gif) no-repeat 0% 5px;
}


.findmodel {
	margin: 20px 0;
}

.findmodel a {
	display: block;
	position: relative;
	width: 300px;
	height: 80px;
	overflow: hidden;
}

.findmodel a img {
	position: absolute;
}

.findmodel a:hover img {
	position: absolute;
	top: -80px;
	left: 0;
}


/* !After sales		------------------------------------------------ */

#afpic {
	position: absolute;
	right: 5px;
	top: -15px;
}

.aftxt {
	margin: 0 0 0 25px;
	padding: 1em 0;
	width: 460px;
}

/* !News			------------------------------------------------ */

.news #scene {
	min-height: 320px;
}

.news h1 {
	margin: 0;
	padding: 10px 0 0 25px;
}

.posts {
	position: relative;
	margin: 15px 15px 5px;
	background: url(../img/posts.gif) no-repeat 50% 100%;
}

.posts_single {
	position: relative;
	margin: 15px 15px 5px;
	background: none;
}

.item {
	float: left;
	width: 290px;
	margin-bottom: -10px;
	padding: 10px 20px 0 10px;
}

.item h2 {
	font-size: 1.4em;
	line-height: 1.05em;
	text-shadow: #fff 0 1px 1px;
}

.item h2 a {
	text-decoration: none;
}

.item img {
	max-width: 300px;
}

.oneitem {
	width: 560px;
	margin-bottom: -10px;
	padding: 10px 20px 0 10px;
}

.oneitem h2 {
	font-size: 2em;
	line-height: 1.05em;
	text-shadow: #fff 0 1px 1px;
}

.oneitemmedia {
	position: absolute;
	left: 650px;
	top: 54px;
}

.newsimg {
	float: right;
	margin: 0 0 8px 10px;
	max-width: 300px;
	max-height: 300px;
}

.newsnav {
	position: relative;
	z-index: 10;
	margin: 0 25px;
	text-transform: uppercase;
}

.news .older {
	float: right;
}

.news .newer {
	float: left;
}

.news .details {
	position: absolute;
	left: 25px;
	bottom: 20px;
	width: 940px;
	height: 55px;
	font-size: 1.1em;
	text-shadow: #fff 0 1px 1px;
	z-index: 100;
}

.news .details a {
	position: absolute;
	text-decoration: none;
	width: 190px;
	height: 50px;
	line-height: 50px;
	padding: 0 0 0 45px;
}

.news .details a:hover {
	color: #000;
}

.news .email {
	position: absolute;
	width: 220px;
	height: 50px;
	left: 0;
	bottom: 5px;
	background: url(../img/sheet_nl.png);
	overflow: hidden;
}

.news .email:hover {
	background: url(../img/sheet_nl.png) 0% -150px;
}

.news .signup {
	position: absolute;
	top: 54px;
	left: 10px;
	font-size: 0.9em;
	z-index: 100;
}

.news .signup .frm {
	width: 140px;
	background: #ddd;
	border: 1px solid #999;
	padding: 2px;
}

.news .signup .submit {
	width: 50px;
	border: none;
	background: #666;
	margin-left: 2px;
	color: #fff;
	font-weight: bold;
	text-shadow: #333 0 1px 1px;
}

.news .signup .error {
	border-color: #F2B821;
}

.news .rss {
	left: 240px;
	top: 0;
	background: url(../img/sheet_rss.png) no-repeat;
}

.news .rss:hover {
	background: url(../img/sheet_rss.png) no-repeat 0% -50px;
}

.news .upcoming {
	position: absolute;
	left: 505px;
	bottom: 25px;
	width: 460px;
	text-shadow: #fff 0 1px 1px;
}

#eventtop {
	width: 460px;
	height: 8px;
	background: url(../img/sheet_events.png);
}

#eventwrap {
	position: relative;
	width: 460px;
	/* height: 42px; */
	background: url(../img/sheet_events.png) 0 100%;
	overflow: hidden;
}

#eventwrap p {
	margin: 2px 0 6px;
	padding: 0 100px 0 45px;
	line-height: 1.1em;
}

.eventdate {
	color: #333;
}

#eventshadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 460px;
	height: 10px;
	background: url(../img/eventshadow.png) no-repeat 50% 100%;
}

#eventicon {
	position: absolute;
	left: 12px;
	bottom: 5px;
	width: 22px;
	height: 29px;
	background: url(../img/eventicon.png);
}

#moreevents {
	position: absolute;
	right: 10px;
	bottom: 6px;
	font-weight: bold;
}


/* !About			------------------------------------------------ */

.about #submenu {
	background: url(../img/about.gif) no-repeat;
	z-index: 30;
}

.about .history, .about .original {
	position: relative;
	left: 25px;
	top: 40px;
	width: 960px;
	padding-bottom: 40px;
}

.about .original {
	display: none;
	padding-bottom: 60px;
}

#timeline {
	position: relative;
	width: 100%;
	height: 73px;
	margin: 0 0 20px -25px;
	padding: 20px 25px 0 5px;
	z-index: 10;
}

div.jqDockLabel {
	position: relative;
	top: 125px !important;
	padding: 2px 10px 4px;
	max-width: 220px;
	color: #fff;
	font-weight: bold;
	line-height: 1.2em;
	text-align: center;
	text-shadow: #000 0 1px 1px;
	background: #222;
}


.news #scene {
	padding-bottom: 100px;
	min-height: 320px;
}

.about .text {
	position: relative;
	margin: 15px 15px 5px;
}

.about .col {
	float: left;
	width: 280px;
	padding: 10px 20px 0 10px;
}


.about .col-spec {
	width: 450px;
	padding: 20px 20px 0 250px;
}


/* !Contact			------------------------------------------------ */

.contact #submenu {
	background: url(../img/contact.gif) no-repeat;
	z-index: 30;
}

.contact .globalsales, .contact .marketing, .contact .aftersale, .contact .management, .contact .sales, .contact .service {
	position: relative;
	left: 25px;
	top: 40px;
	width: 960px;
}

.contact .marketing, .contact .aftersale, .contact .service, .contact .management {
	display: none;
	padding-bottom: 50px;
}

#map {
	position: absolute;
	top: -20px;
	left: -25px;
	width: 590px;
	height: 315px;
	margin: 35px 0 -35px 25px;
	background: url(../img/worldmap.gif) no-repeat;
	z-index: 200;
}

#map .nav li {
	position: absolute;
	text-align: center;
}

#map .nav li.africa {
	left: 260px;
	top: 150px;
}

#map .nav li.asia {
	left: 400px;
	top: 120px;
}

#map .nav li.australia {
	left: 450px;
	top: 230px;
}

#map .nav li.europe {
	left: 240px;
	top: 70px;
}

#map .nav li.namerica {
	left: 60px;
	top: 120px;
}

#map .nav li.samerica {
	left: 120px;
	top: 230px;
}

#map .nav a {
	display: block;
	padding-top: 7px;
	line-height: 1em;
	height: 20px;
	width: 120px;
	background-image: url(../img/contactbtn.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #fff;
	text-shadow: #444 0 1px 1px;
	text-decoration: none;
}

#map .nav a:hover {
	background-position: 0 -30px;
	text-shadow: #000 0 1px 1px;
}

#map .nav a:active {
	background-position: 0 -60px;
	padding-top: 8px;
	text-shadow: #000 0 0 1px;
}

/* !dealers overlay */

#map .continent {
	color: #fff;
	text-shadow: #000 0 1px 1px;
}

#map .c_africa {
	position: absolute;
	top: 140px;
	left: 250px;
	display: none;
}

#map .c_asia {
	position: absolute;
	top: 20px;
	left: 390px;
	display: none;
}

#map .c_australia {
	position: absolute;
	top: 150px;
	left: 440px;
	display: none;
}

#map .c_europe {
	position: absolute;
	top: 0px;
	left: 230px;
	display: none;
}

#map .c_namerica {
	position: absolute;
	top: 60px;
	left: 50px;
	display: none;
}

#map .c_samerica {
	position: absolute;
	top: 160px;
	left: 110px;
	display: none;
}

#map .continent .co_content {
	width: 180px;
	background: url(../img/contactbtn_o.png) 0% 0%;
}

#map .continent .co_end {
	width: 180px;
	height: 20px;
	background: url(../img/contactbtn_o.png) 0% 100%;
}


#map .country {
	display: none;
	position: absolute;
	left: 110px;
	top: 60px;
	color: #fff;
	text-shadow: #000 0 1px 1px;
}

#map .country .co_content {
	width: 360px;
	background: url(../img/contactbtn_o.png) -200px 0%;
}

#map .country .co_end {
	width: 360px;
	height: 20px;
	background: url(../img/contactbtn_o.png) -200px 100%;
}


#map .continent h4, #map .country h4 {
	color: #eee;
	margin: 0;
	padding: 10px 10px 6px;
	font-size: 1.1em;
	width: 120px;
}

#map .country h4 {
	width: 240px;
}

#map .continent ul, #map .country ul {
	margin: 0;
}

#map .continent p, #map .country p {
	margin: 0;
	padding: 4px 10px 0;
}

#map .continent a {
	display: block;
	padding: 0 0 0 10px;
	color: #ccc;
	text-decoration: none;
}

#map .country a {
	color: #ccc;
	text-decoration: none;
}

#map .continent a:hover, #map .country a:hover {
	color: #fff;
}





#map .close {
	top: 8px;
	right: -2px;
}

#map .country .close {
	right: 8px;
}


/* !right side stuff */

#contactinfo {
	position: relative;
	left: 660px;
	top: 0;
	padding: 30px 0 20px;
	width: 270px;
}

.vcard {
	position: relative;
	float: left;
	width: 300px;
	height: 100px;
	margin: 20px 20px 0 0;
	background: url(../img/contact_bg.png) no-repeat;
}

.vcard .photo {
	position: absolute;
	left: 22px;
	top: 8px;
	max-width: 65px;
	max-height: 85px;
}

.vcard .det {
	position: absolute;
	left: 100px;
	top: 20px;
}

.vcard h3 {
	margin-bottom: 0.3em;
}

.vcard .title {
	font-style: italic;
	color: #666;
	font-size: 0.9em;
	line-height: 1.2em;
	margin-bottom: 0.3em;
}

.vcard .org {
	display: none;
}

/* !Compare			------------------------------------------------ */

.product h1 {
	margin: 0;
	padding: 10px 0 0 25px;
	z-index: 10;
	position: relative;
}

#compchart {
	position: absolute;
	left: 5px;
	top: 30px;
}

table#comptable {
	position: relative;
	margin: 2px 25px 10px 25px;
}

table#comptable thead td {
	width: 105px;
	padding: 1px 5px;
	border: none;
	font-weight: bold;
}

table#comptable thead td img {
	margin-bottom: -5px;
}

table#comptable thead td a {
	font-size: 1.2em;
	text-shadow: #fff 0 1px 1px;
}

table#comptable td strong {
	display: block;
}

table#comptable td {
	width: 105px;
	padding: 2px 10px;
	border-top: 1px solid #dadada;
	vertical-align: middle;
}

table#comptable td.prod {
	width: 240px;
	height: 65px;
}

table#comptable td.prod div {
	position: relative;
}

table#comptable td.prod img {
	position: absolute;
	right: 0px;
	top: -32px;
}

table#comptable td.prop {
	width: 90px;
	font-weight: normal;
	line-height: 1.1em;
	padding: 10px;
	color: #555;
}

table#comptable .model {
	font-size: 1.2em;
	font-weight: bold;
}

table#comptable .hovers, table#comptable .hovers td {
	background: url(../img/comparehover.png);
}

/* !Site map		------------------------------------------------ */

.sitemap ul {
	list-style: circle;
	font-weight: bold;
}

/* !404 page		------------------------------------------------ */

.errorpage {
	text-align: center;
}

.errorpage h1 {
	padding: 100px 0 20px;
}


/* !Carousel		------------------------------------------------ */

/* "It’s Not a Wheel. It’s a Carousel." */

.carousel {
	position: relative;
	top: 10px;
	left: 0;
	overflow: hidden; 
	width: 100%;
	height: 350px;
}

.carouselnav {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 200;
}

.jcarousel_numbers {
	margin: 0 auto;
}

.carouselnav a {
	display: block;
	float: left;
	width: 25px;
	height: 30px;
	overflow: hidden;
	background: url(../img/carouselnav.png);
	font-size: 0.9em;
	text-decoration: none;
	color: #333;
	-webkit-transition: color 0.8s ease-out;
	font-weight: bold;
}

.carouselnav a span {
	display: block;
	margin: 30px 0 0 1px;
}

.carouselnav a:hover, .carouselnav a.current {
	background: url(../img/carouselnav.png) 0% -30px;
	color: #ccc;
}

.carouselnav a:hover span, .carouselnav a.current span {
	margin: 3px 0 10px 1px;	
}


/* !Catalogue		------------------------------------------------ */

#catorder label {
	display: block;
	margin: 0 0 5px;
}

#catorder .desc {
	display: block;
	float: left;
	width: 90px;
	margin-right: 10px;
	text-align: right;
	line-height: 25px;
}

#catorder .frm {
	width: 170px;
	padding: 2px 4px;
	font-size: 1.1em;
	border: 1px solid #999;
	background: #fff;
}

#catorder textarea.frm {
	width: 174px;
	height: 40px;
	padding: 2px 2px;
	font-size: 1.1em;
}

#catorder .error {
	background: pink;
}

#catorder .valid {
	
}

#catorder .submit {
	width: 270px;
	height: 25px;
	border: none;
	background: #d8d8d8;
	margin: 0 0 0 10px;
	font-weight: bold;
	cursor: pointer;
}

#catorder .note {
	font-style: italic;
	color: #666;
}

.catcols .col1 {
	float: left;
	width: 350px;
	padding: 0 20px 0 100px;
}

.catcols .col2 {
	float: left;
	width: 400px;
}

a.dlbt {
	display: block;
	width: 260px;
	padding: 7px 5px;
	background: #d8d8d8;
	font-weight: bold;
	text-decoration: none;
}

a.ok {
	width: 230px;
	background: #d8d8d8 url(../img/ok.png) no-repeat 5px 50%;
	padding: 7px 5px 7px 35px;
}

#otherlangs a.dlbt {
	display: block;
	width: 120px;
	padding: 7px 5px;
	margin-right: 10px;
	background: #d8d8d8;
	font-weight: bold;
	text-decoration: none;
	float:left;
}
#otherlangs a.ok {
	width: 90px;
	background: #d8d8d8 url(../img/ok.png) no-repeat 5px 50%;
	padding: 7px 5px 7px 35px;
}