/* REMOVE BROWSER DEFAULTS */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin: 0; padding: 0; }
ul,ol,li { list-style-type: none; list-style-image: url(); list-style-position: outside; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; font-style: normal; font-weight: normal; }
fieldset,img,a img,:link img,:visited img { border: none; }
table { border-spacing: 0; padding: 0; margin: 0; }
td { padding: 0; text-align: left; }
address,caption,cite,code,dfn,strong,th,var { font-style: normal; font-weight: normal; }
em { font-weight: normal; }
caption,th { text-align: left; }


/* PAGE */

body {
	background-color: #666;
	color: #fff;
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	font-weight: normal; 
	font-style: normal; 
	font-size: 12px; 
	line-height: 14px; 
	}

.content {
	background-image: url(/images/header_index.png);
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
	/* margin: 0px 50% 0px 50%; */
	width: 1148px;
	height: 684px;
	}

.fadein {
   position:relative;
   width: 1148px;
   height: 684px;
}

.fadein img {
   position:absolute;
   width: 1148px;
   height: 684px;
   overflow: hidden;

}

#header {
	position: relative;
	top: 355px;
	left: 50px;
	width: 750px;
	color: #fff;
	font-weight: lighter; 
	font-size: 40px; 
	line-height: 38px; 
	}
	
#header_start {
	position: relative;
	top: -355px;
	left: 50px;
	width: 750px;
	color: #fff;
	font-weight: lighter; 
	font-size: 40px; 
	line-height: 38px; 
	text-shadow: 5px 5px 10px black;
	}

#header_middle {
	position: relative;
	top: -355px;
	left: 50px;
	width: 450px;
	color: #fff;
	font-weight: lighter; 
	font-size: 32px; 
	line-height: 20px; 
	text-shadow: 5px 5px 10px black;
	}

#header_small {
	position: relative;
	top: -355px;
	left: 50px;
	width: 450px;
	color: #fff;
	font-weight: lighter; 
	font-size: 24px; 
	line-height: 20px; 
	text-shadow: 5px 5px 10px black;
	}

.logoc2s { 
	z-index: 99;
	position: relative;
	width: 180px;
	top: 320px;
	left: 970px;
	}
	
.logoc2s_start { 
	z-index: 99;
	position: relative;
	width: 180px;
	top: -364px;
	left: 970px;
	}

.logocarbons { 
	z-index: 99;
	position: relative;
	width: 180px;
	top: 445px;
	left: 50px;
	}

.logocarbons_start { 
	z-index: 99;
	position: relative;
	width: 180px;
	top: -240px;
	left: 50px;
	}

.picture { 
	z-index: 99;
	position: relative;
	width: 224px;
	top: 260px;
	left: relative;
	}

.text, .text a, .text a:visited {
	font-size: 16px; 
	line-height: 20px; 
	color: #fff;
	text-decoration: none;
	}

.textsmall, .text a, .text a:visited {
	font-size: 16px; 
	line-height: 20px; 
	color: #fff;
	text-decoration: none;
	width: 92%;
	}

.texth, .text a, .text a:visited {
	font-size: 24px; 
	line-height: 24px; 
	color: #fff;
	text-decoration: none;
	width: 92%;
	}

.text11, .text a, .text a:visited {
	font-size: 24px; 
	line-height: 24px; 
	color: #fff;
	text-decoration: none;
	width: 93%;
	}

.texts, .text a, .text a:visited {
	font-size: 23px; 
	line-height: 23px; 
	color: #fff;
	text-decoration: none;
	width: 92%;
	}


.textp, .text a, .text a:visited {
	font-size: 20px; 
	line-height: 24px; 
	color: #fff;
	text-decoration: none;
	width: 92%;
	}

.textpp, .text a, .text a:visited {
	font-size: 16px; 
	line-height: 20px; 
	color: #fff;
	text-decoration: none;
	width: 92%;
	}

.text a:hover, .text a:active {
	color: #fff;
	text-decoration: underline;
	}
 

.smalltext { 
	font-size: 11px; 
	line-height: 14px; 
	}
	
.left { 
	position: relative;
	float: left;
	top: 30px;
	left: 50px;
	}

.middle { 
	position: relative;
	float: left;
	top: 30px;
	left: 100px;
	}

.right { 
	position: relative;
	float: left;
	top: 30px;
	left: 150px;
	}

.footnote { 
	position: absolute;
	float: left;
	top: 130px;
	left: 50px;
	}
	
.orange {
	background-color: #ff5800  ; /* ff7533  ff7332 */
	position: relative;
	top: 260px;
	/*width: 100%;*/
	height: 200px;
	}
	
.orange_start {
	background-color: #ff5800  ; /* ff7533  ff7332 */
	position: relative;
	top: -452px;
	height: 200px;
	}

.underlay {
	background-color: #ff5800  ; /* ff7533  ff7332 */
	position: relative;
	top: 260px;
	/*width: 100%;*/
	height: 120px;
	}
	
.underlay_start {
	background-color: #ff5800  ; /* ff7533  ff7332 */
	position: relative;
	top: -452px;
	/*width: 100%;*/
	height: 120px;
	}

.background_f {
	background-color: #666  ; /* ff7533  ff7332 */
	position: relative;
	top: 360px;
	/*width: 100%;*/
	height: 700px;
}

/* Privacy policy */

.pp_content {
	background-image: url(/images/privacypolicy.png);
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
	/* margin: 0px 50% 0px 50%; */
	width: 1148px;
	height: 684px;
	}

.pp_section1 {
	background-color: #ff5800  ; /* ff7533  ff7332 */
	position: relative;
	top: 260px;
	/*width: 100%;*/
	height: 190px;
	}


.privacypolicy {
	background-color: #777777  ; /* ff7533  ff7332 */
	position: relative;
	top: 260px;
	/*width: 100%;*/
	height: 7670px;
	}

.privacypolicy_en {
	background-color: #777777  ; /* ff7533  ff7332 */
	position: relative;
	top: 260px;
	/*width: 100%;*/
	height: 6630px;
	}


/* Legal disclosure */

.ld_content {
	background-image: url(/images/legaldisclosure.png);
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
	/* margin: 0px 50% 0px 50%; */
	width: 1148px;
	height: 684px;
	}

.ld_section1 {
	background-color: #ff5800  ; /* ff7533  ff7332 */
	position: relative;
	top: 260px;
	/*width: 100%;*/
	height: 190px;
	}

.legaldisclosure {
	background-color: #777777  ; /* ff7533  ff7332 */
	position: relative;
	top: 260px;
	/*width: 100%;*/
	height: 1520px;
}

.legaldisclosure_en {
	background-color: #777777  ; /* ff7533  ff7332 */
	position: relative;
	top: 260px;
	/*width: 100%;*/
	height: 1850px;
}

/* Who we are */

.wwa_content {
	background-image: url(/images/businessteam.png);
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
	/* margin: 0px 50% 0px 50%; */
	width: 1148px;
	height: 884px;
	}

.wwa_headline {
	background-color: #888888  ; /* ff7533  ff7332 */
	position: relative;
	top: 260px;
	/*width: 100%;*/
	height: 85px;
	}

.wwa_section1 {
	background-color: #777777  ; /* ff7533  ff7332 */
	position: relative;
	top: 260px;
	/*width: 100%;*/
	height: 2300px;
	}

.wwa_section1_en {
	background-color: #777777  ; /* ff7533  ff7332 */
	position: relative;
	top: 260px;
	/*width: 100%;*/
	height: 1940px;
	}

/* What we do */

.wwd_content {
	background-image: url(/images/whatwedo.png);
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
	/* margin: 0px 50% 0px 50%; */
	width: 1148px;
	height: 684px;
	}

.wwd_overture {
	background-color: #888888  ; /* ff7533  ff7332 */
	position: relative;
	top: 260px;
	/*width: 100%;*/
	height: 240px;
	}

.wwd_overture_en {
	background-color: #777777  ; /* ff7533  ff7332 */
	position: relative;
	top: 260px;
	/*width: 100%;*/
	height: 360px;
	}

.wwd_section1 {
	background-color: #777777  ; /* ff7533  ff7332 */
	position: relative;
	top: 260px;
	/*width: 100%;*/
	height: 400px;
	}

.wwd_section1_en {
	background-color: #777777  ; /* ff7533  ff7332 */
	position: relative;
	top: 260px;
	/*width: 100%;*/
	height: 1520px;
	}


.wwd_section2 {
	background-color: #888888  ; /* ff7533  ff7332 */
	position: relative;
	top: 260px;
	/*width: 100%;*/
	height: 112px;
	}

.wwd_section3 {
	background-color: #888888  ; /* ff7533  ff7332 */
	position: relative;
	top: 260px;
	/*width: 100%;*/
	height: 112px;
	}

.wwd_section4 {
	background-color: #777777  ; /* ff7533  ff7332 */
	position: relative;
	top: 260px;
	/*width: 100%;*/
	height: 520px;
	}

.wwd_section5 {
	background-color: #888888  ; /* ff7533  ff7332 */
	position: relative;
	top: 260px;
	/*width: 100%;*/
	height: 330px;
	}

.wwd_section6 {
	background-color: #777777  ; /* ff7533  ff7332 */
	position: relative;
	top: 260px;
	/*width: 100%;*/
	height: 320px;
	}

.wwd_section7_headline {
	background-color: #888888  ; /* ff7533  ff7332 */
	position: relative;
	top: 260px;
	/*width: 100%;*/
	height: 85px;
	}
	
.wwd_section7 {
	background-color: #777777  ; /* ff7533  ff7332 */
	position: relative;
	top: 260px;
	/*width: 100%;*/
	height: 250px;
	}
	
.wwd_section8_headline {
	background-color: #888888  ; /* ff7533  ff7332 */
	position: relative;
	top: 260px;
	/*width: 100%;*/
	height: 90px;
	}
	
.wwd_section9 {
	background-color: #777777  ; /* ff7533  ff7332 */
	position: relative;
	top: 260px;
	/*width: 100%;*/
	height: 350px;
	}

.wwd_section10 {
	background-color: #777777  ; /* ff7533  ff7332 */
	position: relative;
	top: 260px;
	/*width: 100%;*/
	height: 380px;
	}

.wwd_section11 {
	background-color: #777777  ; /* ff7533  ff7332 */
	position: relative;
	top: 260px;
	/*width: 100%;*/
	height: 380px;
	}

.wwd_section12 {
	background-color: #777777  ; /* ff7533  ff7332 */
	position: relative;
	top: 260px;
	/*width: 100%;*/
	height: 380px;
	}

.wwd_section13 {
	background-color: #777777  ; /* ff7533  ff7332 */
	position: relative;
	top: 260px;
	/*width: 100%;*/
	height: 460px;
	}

.wwd_section14_headline {
	background-color: #888888  ; /* ff7533  ff7332 */
	position: relative;
	top: 260px;
	/*width: 100%;*/
	height: 130px;
	}

.wwd_hint1 { 
	z-index: 99;
	position: relative;
	width: 264px;
	top: -165px;
	left: 800px;
	}

.wwd_hint2 { 
	z-index: 99;
	position: relative;
	width: 236px;
	top: 70px;
	left: 80px;
	}

.wwd_hint3 { 
	z-index: 99;
	position: relative;
	width: 331px;
	top: -142px;
	left: 400px;
	}

.wwd_hint4 { 
	z-index: 99;
	position: relative;
	width: 236px;
	top: -355px;
	left: 810px;
	}

.wwd_hint5 { 
	z-index: 99;
	position: relative;
	width: 367px;
	top: 70px;
	left: 80px;
	}

.wwd_hint6 { 
	z-index: 99;
	position: relative;
	width: 204px;
	top: -142px;
	left: 525px;
	}

.wwd_hint7 { 
	z-index: 99;
	position: relative;
	width: 204px;
	top: -355px;
	left: 810px;
	}

.wwd_hint8 { 
	z-index: 99;
	position: relative;
	width: 334px;
	top: 90px;
	left: 80px;
	}

.wwd_hint9 { 
	z-index: 99;
	position: relative;
	width: 204px;
	top: -135px;
	left: 700px;
	}

.wwd_hint10 { 
	z-index: 99;
	position: relative;
	width: 204px;
	top: 80px;
	left: 80px;
	}

.wwd_hint11 { 
	z-index: 99;
	position: relative;
	width: 204px;
	top: 80px;
	left: 80px;
	}

.wwd_hint12 { 
	z-index: 99;
	position: relative;
	width: 204px;
	top: -200px;
	left: 700px;
	}

/* Contact */

.contact_content {
	background-image: url(/images/contact.png);
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
	/* margin: 0px 50% 0px 50%; */
	width: 1148px;
	height: 684px;
	}

.contact_section1 {
	background-color: #888888  ; /* ff7533  ff7332 */
	position: relative;
	top: 260px;
	/*width: 100%;*/
	height: 880px;
	}

.contact_section_send {
	background-color: #888888  ; /* ff7533  ff7332 */
	position: relative;
	top: 260px;
	/*width: 100%;*/
	height: 200px;
	}

input[type=text], select {
  width: 25%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

textarea[type=text], select {
  width: 50%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=submit] {
  width: 25%;
  background-color: #ff5800;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #db4900;
}

/* Navigation Menu */
	
/* Add a black background color to the top navigation */
.topnav {
	z-index: 100;
    background-color: #333;
    overflow: hidden;
	position: fixed; /* Set the navbar to fixed position */
    top: 0; /* Position the navbar at the top of the page */
    width: 100%; /* Full width */
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ff5800;
  color: white;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #4CAF50;
  color: white;
}

/* Right-aligned section inside the top navigation */
.topnav-right {
  float: right;
}