*{

	padding: 0;
	margin: 0;
	
	color: black;

	font-size: 14pt;
	line-height: 22pt;
	
	font-family: Roboto;	

/*	
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: subpixel-antialiased;
*/	

text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	
	font-weight: 300;
	
	-webkit-transform: translateZ(0px);
}

body {
	background-color: white;
	min-width: 980px;	/* ipad mobile safari fix */
	

}

.global_container {
	position: relative;
/*	width: 980px;*/
	
	width: 100%; 
	max-width: 980px;
	
	left: auto;
	right: auto;
	margin-left: auto;
	margin-right: auto;
	

	
	padding: 0;

}

#main_div{
	position: relative;
	/*width: 1000px;
	
	left: auto;
	right: auto;
	margin-left: auto;
	margin-right: auto;*/
	
	width: 100%;
	
	min-width: 980px;

}

#nav {



	position: relative;

	height: 50px;
	top: 0px;
	
	width: 100%;
	
	

}

#nav_menu {


	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
	width: auto;
	
	margin: 0px;
	top: 0px;
	

	
	display: table;
	
	display: none;
}

.nav_item {



	text-transform: uppercase;
	border-bottom: 2px solid transparent;

	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	
	height: 100%;

	padding-left: 20px;
	padding-right: 20px;
	
	display: table-cell;
	
	font-size: 10pt;
	


	font-weight: 700;
	
	vertical-align: middle;
	
	cursor: pointer;
	

}

.nav_item:hover {
	border-bottom: 2px solid black;
}

.nav_item:active {
	border-bottom: 2px solid black;
}

.nav_item_selected{
	border-bottom: 2px solid black !important;
}

#img_gallery_placeholder {

	position: relative;
	width: 100%;
	

	height: 520px;
	margin-bottom: 0px;
	
	/*
	box-shadow: 0 10px 10px rgba(0,0,0,0.1) inset,0 -10px transparent inset, -10px 0 transparent inset, 10px 0 transparent inset;
	*/

}

#img_gallery_placeholder * {
	color: white;
}

#img_gallery{

	position: absolute;
	width: 100%;
	top: 50px;

	height: 520px;
	overflow: hidden;

	background-color: transparent;
	
}

.img_gallery_img {
	
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	
	visibility: hidden;
/*	opacity: 0;*/
	
	
	transition: transform 0.5s, -webkit-transform 0.5s;
	-webkit-transition: transform 0.5s, -webkit-transform 0.5s;
	
	
	background-size: cover;
	background-position: center center;
	background-color: transparent;
	background-repeat: no-repeat;
	
	 overflow:hidden;

}

/*
#slider_item_0 {

	background-image: url('gfx/gold-macbook-market-junkie-mac-01.png');
}

#slider_item_1 {

	background-image: url('gfx/test-bg-01.jpg');
}

#slider_item_2 {

	background-image: url('gfx/apple_watch_product_shot-currency-converter.png');
	background-size: contain;
	
}

#slider_item_0 * {

	color: white;
}

#slider_item_1 * {

	color: white;
}

#slider_item_2 * {

	color: white;
}

*/


.content_row{
	width: 100%;
	
	padding-top: 0px;
	padding-bottom: 0px;
	
	background-color: transparent;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.content_container {


	position: relative;

	width: 230px;
	padding: 40px;
	
	
	
	display: inline-block;
	
	margin: 10px;
	vertical-align:top;
	
	
	
	
}

.content_container > strong {
	font-weight: 500;
}

.txt_container{

	position: relative;

	width: 380px;
	padding: 40px;
	


	display: inline-block;
	
	margin: 10px;
/*	margin-top: 30px;*/
	
	vertical-align:top;
	
	box-sizing: border-box;
}

.txt_container > strong {
	font-weight: 500;
}



#footer {
	background-color: #000000;
	
	color: white;
	
	height: 60px;
	
	/*
	box-shadow: 0 10px 10px rgba(0,0,0,0.1) inset,0 -10px transparent inset, -10px 0 transparent inset, 10px 0 transparent inset;
	*/
}

#footer > * {
	color: white;
	font-size: 10pt;
	
}

#footer > center > * {
	color: white;
	font-size: 10pt;
	text-decoration: none;
	font-weight: 300;
}

.headline {
	font-size: 22pt;
	text-transform: uppercase;
	
	line-height: 28pt;
	
	color: #38474f;
}

.headline > strong {
	font-size: 22pt;

	font-weight: 700;
	
	line-height: 28pt;
}

.bigheadline {
	font-size: 32pt;
	line-height: 38pt;
	text-transform: uppercase;
	
	position: absolute; 
	/*left: 190px;*/ 
	bottom: 300px;
	
	left: 10%;
	width: 80%;

	
	text-align: center;
	
	color: #38474f;
	

}

.bigheadline > strong {
	font-size: 32pt;
	line-height: 38pt;
	font-weight: 700;
}

.slider_txt{
	position: absolute; 
	/*left: 190px; */
	
	top: 250px;

	text-align: center;
	left: 10%;
	width: 80%;

}

.slider_button_bar{
	position: absolute; bottom: 60px; width: 100%;
}

.slider_badge{
	height: 212px; position: absolute; top: 0px; left: 60px;
}

.bigtxt{
	font-size: 32pt;
	text-transform: uppercase;
	
	line-height: 38pt;
}

strong.bigtxt{

	font-weight: 700;
}

.bigicon {
	border-radius: 20px; width: 256px; box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
}

.fancy_card {
	border-radius: 6px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	
	background-color: white;
}

.mini_logo{
	position: absolute;
	right: 26px;
	top: 20px;
	width: 56px;
	height: 56px;
}

#top_logo{
	height: 16px; margin-top: 17px;
}




#pageControl {
	text-align: center;
	width: 100%;
	
	position: absolute;
	bottom: 10px;
	left: 0;
	z-index: 2000;


}

.pagePoint{


	width: 10px;
	height: 10px;

	margin: 10px;
	background: rgba(255, 255, 255, 0.5);
	
	border-radius: 50%;
	border: solid 1px rgba(0,0,0,0.2);
	
	cursor: pointer;
	
	z-index: 2001;
}

.pagePoint_selected {
	width: 10px;
	height: 10px;

	margin: 10px;
	background: white;
	
	border-radius: 50%;
	border: solid 1px rgba(255,0,0,0.2);
	
	cursor: pointer;
	z-index: 2001;
}



/* input */

#submit_button {
	cursor: pointer; 
	width: 230px;
	margin-top: 5px;
}

textarea {

	font-size: 12pt;
	
	width: 230px;
	height: 100px;

	margin-top: 5px;
	
	background-color: #253238;
	opacity: 0.8;
	
	padding: 5px;
	
	border-radius: 3px;
	border: none;
}

input {

	font-size: 12pt;

	margin-top: 5px;
	width: 220px;
	
	background-color: #253238;
	opacity: 0.8;
	
	padding: 5px;
	
	border-radius: 3px;
	border: none;
}


#stay_in_touch{
	
	margin-top: 5px;
	font-weight: 300;
}

.click_overlay{
	width: 100%; height: 100%;
	position: absolute;
	left: 0; top: 0;

}

.footnote {

	margin-bottom: 5px;
	color: black;
	font-size: 10pt;	
	line-height: 14pt;
}

.footnote * {
	font-size: 10pt;
	line-height: 14pt;
}

.full_img_bg {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: black;
	min-height: 300px;
}

.artikel_headline {
	background-color: rgba(255, 255, 255, 1);
	padding: 0px;
	display: inline-block;
	
	
	padding-left: 20px;
	padding-right: 20px;
}

.artikel_subline {
}

.main_artikel_text {

/*	text-align: justify;*/

}

.main_artikel_text::first-letter {
	font-size: 3em;
	float: left;
	padding-top: 11px;
  padding-right: 8px;
  padding-left: 3px;
}