* {
	margin:0;
	padding:0;
}

html,body,#bg,#bg table,#bg td,#content {
	width:100%;
	height:100%;
	overflow:hidden;
}


/* @media screen and (min-device-width: 1025px) { */
	
	/* Do not uncomment since IE 8 will not recognize style. Do not change position of expression. */
	
	body {
		font-size: 12px;
		font-family: Helvetica, Arial, Verdana, sans-serif; */
		color: #505050;
		background-color: #e0e0e0;

	}

/* } */


@media screen and (max-device-width: 1024px) {
	body {
		width: 1152px;
		font-size: 12px;
		/*	font-family: "Myriad Pro", helvetica, arial, sans-serif; */
		font-family: helvetica, arial, verdana, sans-serif; */
		color: #505050;
		background-color: #e0e0e0;
		/* 	background-image: url(../pics/background01.jpg); */
		/* 	text-align: center;	 */
	}
}

	
p {
	font-size: 12px;
	line-height: 20px;
	margin-top: 0px;
	margin-bottom: 12px;
	/* text-align: justify; */
}


a:link, a:visited, a:active {
	color: #f09000;
	/* color: #505050; */
	text-decoration: none;
}


a:hover {
	color: #ff9600;
	text-decoration: none;
}

a img {
	border: 0px none;
}

label {
	font-size: 12px;
	margin-bottom: 0px;
	line-height: 10px;
}

ul {
	list-style-image: url(pics/bullet.gif); 
	list-style-type: disc;
	list-style-position:outside;
	margin-left: 18px;
}

li {
	margin-bottom: 4px;
}

/* BEGIN Background image */

/* @media screen and (min-device-width: 1025px) { */
	
	/* Do not uncomment since IE 8 will not recognize style. Do not change position of expression. */

	#bg div {
		position:absolute;
		width:200%;
		height:200%;
		top:-50%;
		left:-50%;	
	
	}
	
	#bg img {
		min-height:50%;
		min-width:50%;
		margin:0 auto;
		display:block;
	}

/* } */
	
@media screen and (max-device-width: 1024px) {
	
	#bg {
		position: absolute;
		width: 1152px;
		margin: 0px;
		padding: 0px; 
		top: 0;
		left: 0;
		z-index: -1;
	
	}
	
	#masterbackground {
		width: 1920px;
		height: 1280px;
		z-index: 1;
		overflow: hidden;
	}

}

#content {
	position:relative;
	z-index:70;
}


/* END Background image */


.wheelText {
	margin-top: -550px; 
	margin-left: 38px; 
	margin-bottom: 5px;
	position:absolute;	
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	width: 314px;
	color: #505050;
	text-align: left;
	//background-color: #ff0000;
}

.wheelTextHeadline {
	font-size: 15px;
	line-height: 19px;
	margin-bottom: 10px;
	margin-top: 5px;
}

.wheelTextTeaserHeadline {
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 7px;
	margin-top: 0px;
}

.wheelTextMainHeadline {
	font-weight: bold;
	font-size: 15px;
	line-height: 22px;
	margin-bottom: 9px;
}


.wheelTextSmall {
	font-size: 12px;
	line-height: 15px;
	text-align: justify;
	margin-bottom: 5px;
}

.wheelTextSmallHeadline {
	font-size: 13px;
	line-height: 15px;
	margin-bottom: 5px;
	margin-top: 10px;
}

.wheelTextSmallMainHeadline {
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 15px;
}

.plist {
	margin-bottom: 6px;
	/* makes a text indentation looking like a <ul><li>, when using a &raquo; as bullet - CW, 2012-02-08 */
	text-indent: -0.8em; margin-left: 0.8em;
}

.codeLink {
	color: #505050;
	font-weight: bolder;
}


.dark {
	color: #404040;
}

.listWithLargeMargins {
	margin-bottom: 5px;
	font-weight: bold;
}

.previewImage {
	width: 85px;
	height: 57px; 
}

.displayImage {
	width: 687px;
	height: 458px; 
}

.displayImageDivWheel2 {
	width: 687px;
	height: 458px;
	margin-top: 31px; 
	margin-left: -21px;
}

.displayImageDivWheel3 {
	width: 687px;
	height: 458px;
	margin-top: 31px; 
	margin-left: -405px;
}



/* Formats positioned within wheel boxes */

.bodytextBoxBottomRight {
	position: absolute;
	color: #e0e0e0;
	font-size: 12px;
	margin-top: -128px;
	margin-left: 280px;
	line-height: 18px;
	margin-bottom: 24px;
	font-weight: normal;

}

.bodytextBoxBottomLeft {
	position: absolute;
	color: #e0e0e0;
	font-size: 12px;
	margin-top: -48px;
	margin-left: 36px;
	line-height: 18px;
	margin-bottom: 24px;
	font-weight: normal;

}


/* root element for scrollable */

.wheelpic1, .wheelpic2, .wheelpic3 {
	width: 384px; 
	height: 580px;
	position: relative;
}

.wheelpic1 {
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}


.wheelpic3 {
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.wheel1 {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollables have typically larger height than width but not now */
	height: 580px;
	width: 384px;
	
	/* Enable fade() function for IE 8,9 */
	filter: inherit;
	
}

.firstRowDiv {
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

/* root element for scrollable items */
.wheel1 .items {
	position:absolute;

	/* this time we have very large space for the height */
	height:20000em;
}


/* root element for scrollable */
.wheel2 {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollables have typically larger height than width but not now */
	height: 580px;
	width: 384px;
	
	/* Enable fade() function for IE 8,9 */
	filter: inherit;

}

/* root element for scrollable items */
.wheel2 .items {
	position:absolute;

	/* this time we have very large space for the height */
	height:20000em;
}


/* root element for scrollable */
.wheel3 {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollables have typically larger height than width but not now */
	height: 580px;
	width: 384px;
	
	/* Enable fade() function for IE 8,9 */
	filter: inherit;

}

/* root element for scrollable items */
.wheel3 .items {
	position:absolute;

	/* this time we have very large space for the height */
	height:20000em;
}


/* Preloader */

.preload { display:block; background:transparent url(pics/classic-loader.gif) no-repeat center center; }


/* Fix elements of the site */

#distance { 
		width:1px;
		height:50%;
		margin-bottom:-314px; /* half of container's height */
		float:left;		
}

.container {
	margin:0 auto;
	position:relative;
	text-align:left;
	width:1152px;
	height:580px;
	clear:left;
}

.containerShadow {
	margin:0 auto;
	position:relative;
	text-align:left;
	width:1152px;
	height:580px;
	clear:left;
	-webkit-box-shadow:	0px 0px 6px 1px #777;
	-moz-box-shadow: 	0px 0px 6px 1px #777;
	box-shadow: 		0px 0px 6px 1px #777;
}


#containerFloatRight1 {
	height: 580px;
 	float:right;
 	z-index: 80;
}

#containerFloatRight2 {
	height: 580px;
	margin-top: -580px;
 	float:right;
 	z-index: 90;
}



/* Menu */


.menu {
	font-size: 11px;
	margin-top: 11px;
	margin-left: 0px;
	color: #eaeaea;
	font-weight: bold;
	/* 	color: #DE680A; */
	/*	text-shadow: 0px -1px 1px #fff; */
	/* 	filter: dropshadow(color=#fff, offx=0, offy=-1); */
	text-decoration: none;
	cursor: pointer; 
}


.menu:link, .menu:visited, .menu:active {
	color: #f0f0f0;
}


.menu:hover {
	/* color: #e98500;*/
	/* text-decoration: underline; */
	color: #ffffff;
	text-decoration: none;
}

/* @media screen and (min-device-width: 1025px) { */
	
	/* Do not uncomment since IE 8 will not recognize style. Do not change position of expression. */
	
	div#pageBottom {
		position: absolute;
		/* 	orange flat */
		/* background: #ED870B; */
	
		bottom: 0px;
		width: 100%;
		height: 30px;
		z-index: 200;
		
		/* 	border-top: #FFA96F 1px solid; */
	

		
	}
	
/* } */


@media screen and (max-device-width: 1024px) {

		div#pageBottom {
		position: absolute;
	
		/* 	orange flat */
		/* 	background: #ED870B; */
	
		bottom: 0px;
		width: 100%;
		height: 30px;
		z-index: 200;
		
		/* MOBILE */
		width: 1152px;
		/* MOBILE */
		

	}

}

div#menuContainer {

	text-align: right;
	background-color: #ed870b;
	width: 1152px;
	margin-left: auto;
	margin-right: auto;
	z-index: 300;
	height: 30px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;

	-webkit-box-shadow:	0px 0px 3px 1px #777;
	-moz-box-shadow: 	0px 0px 3px 1px #777;
	box-shadow: 		0px 0px 3px 1px #777;
}

ul#menuBar {	
	width: 900px;
	padding: 0;
	margin: 0;
	color: #ffffff;
	font-size: 13px;
	float:left;
	height: 30px;
}

ul#menuBar li {
	list-style-type: none;
	border-right: 1px solid #e0e0e0;
	height: 30px;
	padding: 0px 20px 0px 20px;
}

ul#menuBar li p {
	margin-top: 5px;
}

ul.landscape {
	clear: both;
}

ul.landscape li {
	float: left;
	/* list-style-position: inside; */
}