@charset "UTF-8";
/* CSS Document */

* { margin:0; padding:0; }


body {
	font-family: "Times New Roman", Times, serif;
	font-size:10pt;
	line-height:1.5em;
	margin:0;
	padding:0;
	height:100%;
	color:#666;
	background: #b79967 url(../images/background_body-3.jpg) top center no-repeat;
}

#welcome {
	background: transparent url(../images/background_flash.jpg) top center no-repeat;
}

#sub.bg-1 {
	background: #b79967 url(../images/background_body-2.jpg) top center no-repeat;
}

#sub.bg-2 {
	background: #b79967 url(../images/background_body-3.jpg) top center no-repeat;
}

#sub.bg-3 {
	background: #b79967 url(../images/background_body-1.jpg) top center no-repeat;
}

#welcome .bg {
	background: transparent url(../images/background_me1.png) top center no-repeat;
	 position: relative;
   	z-index: 1;
}


@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

#sub.bg-1 {
	background: #b79967 url(../images/background_body-2.jpg) top center no-repeat;
}

#sub.bg-2 {
	background: #b79967 url(../images/background_body-2.jpg) top center no-repeat;
}

#sub.bg-3 {
	background: #b79967 url(../images/background_body-2.jpg) top center no-repeat;
}

}

.sub {
	background: transparent url(../images/background_me1.png) top center no-repeat;
}

#flash,
#big-video-wrap {
   height: 100%;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 0;
}

#welcome .wrapper {
   position: relative;
   z-index: 1;
}

h1 {
    width: 212px;
    height: 212px;
    float: left;
	margin:44px 0 0 0;
	background: transparent url(../images/mundo_logo.png) 0 0 no-repeat;	
	
}
    h1 a {
        display: block;
        width: 212px;
   		height: 212px;
    	float: left;
    }
	
	h1 a span {
		display:none;	
	}

.clear {
	clear:both;	
}

a {
	text-decoration:none;	
	color:#936b32;
	border:0;
	-webkit-transition: all 0.2s ease-out;
 	-moz-transition: all 0.2s ease-out;
}

a:hover {
	color:#333;
}

.wrapper {
	width:960px;
	margin-left:auto;
	margin-right:auto;	
}

#me1 {
	width:700px;
	padding:5px;
	float:right;	
	margin-top:95px;
}

#me1 ul {
	float:right;	
}

#me1 li {
	float:left;
	list-style:none;
	margin-left:10px;
}

#me1 li a {
	height:33px;
	float:left;
	
	-webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -kthtml-transition: all 0.3s linear;
    transition: all 0.3s linear;
}



#me1 li.me101 a {
	width:116px;
	background: transparent url(../images/pi_me101.png) 0 0 no-repeat;
}

#me1 li.me102 a {
	width:120px;
	background: transparent url(../images/pi_me102.png) 0 0 no-repeat;
}

#me1 li.me103 a {
	width:103px;
	background: transparent url(../images/pi_me103.png) 0 0 no-repeat;
}

#me1 li.me104 a {
	width:86px;
	background: transparent url(../images/pi_me104.png) 0 0 no-repeat;
}


#me1 li.me105 a {
	width:94px;
	background: transparent url(../images/pi_me105.png) 0 0 no-repeat;
}

 /* ENGLISCH */

#me1.en li.me101 a {
	width:90px;
	background: transparent url(../images/en_pi_me101.png) 0 0 no-repeat;
}

#me1.en li.me102 a {
	width:116px;
	background: transparent url(../images/en_pi_me102.png) 0 0 no-repeat;
}

#me1.en li.me103 a {
	width:103px;
	background: transparent url(../images/en_pi_me103.png) 0 0 no-repeat;
}

#me1.en li.me104 a {
	width:86px;
	background: transparent url(../images/en_pi_me104.png) 0 0 no-repeat;
}


#me1.en li.me105 a {
	width:94px;
	background: transparent url(../images/en_pi_me105.png) 0 0 no-repeat;
}

 /* FRANCE */

#me1.fr li.me101 a {
	width:116px;
	background: transparent url(../images/fr_pi_me101.png) 0 0 no-repeat;
}

#me1.fr li.me102 a {
	width:120px;
	background: transparent url(../images/fr_pi_me102.png) 0 0 no-repeat;
}

#me1.fr li.me103 a {
	width:99px;
	background: transparent url(../images/fr_pi_me103.png) 0 0 no-repeat;
}

#me1.fr li.me104 a {
	width:86px;
	background: transparent url(../images/fr_pi_me104.png) 0 0 no-repeat;
}


#me1.fr li.me105 a {
	width:94px;
	background: transparent url(../images/fr_pi_me105.png) 0 0 no-repeat;
}

#me1 li a:hover,
#me1 li a.active,
#me1.en li a:hover,
#me1.en li a.active,
#me1.fr li a:hover,
#me1.fr li a.active  {
	background-position:0 -33px;
	
	-webkit-box-shadow: 0px 0px 42px rgba(50, 50, 50, 0.65);
	-moz-box-shadow:    0px 0px 42px rgba(50, 50, 50, 0.65);
	box-shadow:         0px 0px 42px rgba(50, 50, 50, 0.65);
}

#me1 li a span {
	display:none;
}

#me2 {
	float:left;
	width:160px;
	margin:30px 30px 0 10px;	
}

#me2 h2 {
	color:#231f20;
	font-weight:normal;
	font-size:13pt;
}

#me2 li {
	list-style:none;
	margin-top:5px;	
}

#me2 li a{
	color:#231f20;
	-webkit-transition: all 0.2s ease-out;
 	-moz-transition: all 0.2s ease-out;
}

#me2 a:hover {
	color:#936b32;
}


#me2 li a.active
 {
	font-weight:bold;
}

#me2 ul ul {
	margin-left:10px;
}

#me2 ul ul li {
	line-height:18px;
	margin-top:3px;
	border-top:1px #92703a dashed;
}

#me2 ul ul li a:hover {
	color:#936b32;
}

#me2 span {
	font-weight:bold;
	font-size:9px;
	background:#231f20	;
	padding:2px;
	color:#FFF;
	margin-left:5px;
}

.language {
	float:right;
	margin-top:10px;	
}

.language li {
	list-style:none;
	float:left;
	margin-left:15px;	
}

.language li.de {
	padding-left:20px;
	background: transparent url(../images/de.png) 0 5px no-repeat;
}

.language li.gb {
	padding-left:20px;
	background: transparent url(../images/gb.png) 0 5px no-repeat;
}

.language li.fr {
	padding-left:20px;
	background: transparent url(../images/fr.png) 0 5px no-repeat;
}


#content {
	float:left;
	width:500px;
	padding-right:20px;
	font-size:13px;	
	line-height:1.8em;
	padding-bottom:40px;
	color:#231f20;
}

#content h3 {
	font-size: 22pt;
	font-weight:normal;
	color:#231f20;
	text-transform:uppercase;
	margin-bottom:10px;
	line-height:1em;
}

#content h4 {
	font-size: 14pt;
	font-weight:normal;
	color:#231f20;
	text-transform:uppercase;
	margin-bottom:10px;	
}

#content h5 {
	font-size: 12pt;
	font-weight:normal;
	margin-top:20px;
	text-transform:uppercase;
}

#content p {
	margin-bottom:10px;
	margin-top:10px;
	
}

#welcome-text {
	margin:56px 0 50px 0;	
}

#welcome-text h2 {
	color:#936b32;
	font-size:30pt;
	text-transform:uppercase;
	font-weight:normal;
	line-height:normal;
}

#welcome-text h3 {
	color:#936b32;
	font-size:13pt;
	text-transform:uppercase;
	font-weight:normal;
	line-height:normal;
}

#welcome-text span {
	background:#231f20;
	padding:3px 20px 3px 20px;
}

#welcome-text span.divider {
	display:block;
	clear:both;
	height:8px;
	background:none;
	padding:0;
}

#welcome-container .container {
	float:left;
}

	


	#welcome-container .container img {
	  float:left;	
  	}

	#welcome-container .container-content {
		float:left;
		width:200px;
		padding:25px 13px 25px 25px;
		color:#231f20;
		height:137px;
		background:#fff;
		
		-webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -kthtml-transition: all 0.3s linear;
    transition: all 0.3s linear;
	}
	
	#welcome-container .container-content:hover {
		-webkit-box-shadow: 0px 0px 42px rgba(50, 50, 50, 0.65);
	-moz-box-shadow:    0px 0px 42px rgba(50, 50, 50, 0.65);
	box-shadow:         0px 0px 42px rgba(50, 50, 50, 0.65);	
	}
	
	#welcome-container .container-content a{
		font-weight:bold;
	}
	
	#welcome-container .container-content h3 {
		font-size:16pt;
		font-weight:normal;
		margin-bottom:8px;	
		color:#231f20;
		line-height:1.2em;
	}
	
	#welcome-container .container-essenzen {
		width:476px;
  	}
	
		#welcome-container .container-essenzen .container-content {
			background:#ececf8;
  		}
		
	#welcome-container .container-caramelsirupe {
		width:476px;
  	}
	
		#welcome-container .container-caramelsirupe .container-content {
			background:#936b32;
			margin:-374px 0 0 238px;
			color:#fff;
  		}
		
		#welcome-container .container-caramelsirupe .container-content h3,
		#welcome-container .container-alkohole .container-content h3,
		#welcome-container .container-caramelsirupe .container-content a {
			color:#fff;
			-webkit-transition: all 0.2s ease-out;
 			-moz-transition: all 0.2s ease-out;
  		}
		
		#welcome-container .container-caramelsirupe .container-content a:hover {
			color:#333;	
		}
		
		
		
	#welcome-container .container-zuckercouleure {
		width:476px;
		
  	}
	
	  #welcome-container .container-zuckercouleure .container-content {
		 padding-left:16px;
	  }
	
	  #welcome-container .container-zuckercouleure img {
		  float:right;
	  }
	  
	#welcome-container .container-alkohole .container-content {
		background:#231f20;
	  }
	 #welcome-container .container-alkohole p{
		color:#757575;
	  } 
	  
	#welcome-container .container-aktuelles .container-content strong {
		font-size:16pt;
		line-height:normal;
		font-weight:normal;
	  }
	  
	  .container-aktuelles li {
	  	list-style:none;
	  }
	  
.verteiler {
	margin-top:20px;
	float:left;
	width:490px;
}
.verteiler li {
	list-style:none;
}
	
	.verteiler li a {
		text-align:center;
		width:240px;
		float:left;
		padding:40px 0 40px 0;
		
		background:#231f20;
		margin:0 1px 1px 0;
		font-size:22px;
		
		-webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -kthtml-transition: all 0.3s linear;
    transition: all 0.3s linear;
		
		}
		
	.verteiler li a:hover {
		background:#fff;
		color:#936b33;
		
		-webkit-box-shadow: 0px 0px 42px rgba(50, 50, 50, 0.65);
	-moz-box-shadow:    0px 0px 42px rgba(50, 50, 50, 0.65);
	box-shadow:         0px 0px 42px rgba(50, 50, 50, 0.65);
	}

.container-right {
	background:#231f20;
	color:#936b33;
	float:right;
	width:198px;
	padding:20px;
	margin-top:1px;
}

.container-right h4 {
	font-weight: normal;
font-size: 22px;
line-height: 1.1em;
margin-bottom:10px;
}

.container-right li {
	margin-left:15px;
	margin-bottom:10px;
}

.container-right img {
	float:left;	
	margin:5px 10px 0 0;
}

.container-right-img {
	float:right;	
}


.table-content {
 margin-left:200px;
float:left;
width:760px;
 background:#fff;
 -webkit-box-shadow: 0px 0px 42px rgba(50, 50, 50, 0.65);
-moz-box-shadow:    0px 0px 42px rgba(50, 50, 50, 0.65);
box-shadow:         0px 0px 42px rgba(50, 50, 50, 0.65);	
}

.content {
	margin-top:20px;
 margin-left:200px;
float:left;
width:760px;
font-size: 13px;
line-height: 1.8em;
color: #231f20;
}

.downloads li {
	color:#444;	
	padding-left:30px;
	background: transparent url(../images/pdf_document.png) -10px -1px no-repeat;
	list-style:none;
	margin:0;
}


	
	.table-content table {
			width:100%;
	}
	.table-content thead {	
		background:#231f20;
	}
	
	.table-content thead td {
		padding:10px;
		font-size:14px;
		color:#936b33;		
	}
	
	.table-content td {
		padding:2px 10px 2px 10px;	
		border-bottom:1px #CCC solid;
	}

	.table-content td.border {
		border-right:1px #936b33 solid;
	}
	
	.table-content td.first {
		text-align:right;
	}
	
	
	
	.table-content .subheadline {
		background:#CCC;	
	}

#footer {
	border-top:1px #a98651 solid;
	width:100%;
	margin-top:30px;
	padding-top:20px;	
	padding-bottom:20px;
	float:left;
	color:#231f20;
}

.history-list {
		position:absolute;
		width:960px;
		top:260px;
}

.history-content {
	float:right;
}

	.history-text {
		background:#231f20;
		color:#936b33;
		padding:10px 19px 10px 19px;
		width:200px;	
		margin-bottom:1px;
		margin-left:1px;
		
		
	}
	
	.history-list img {
		margin-bottom:1px;
		margin-left:1px;
		
	}
	
	
	.history-list h3 {
		font-weight:normal;
		font-size:22px;
		line-height:1.1em;
	}
	
	
#slideUp h4 {
	padding:10px 20px 10px 20px;
	background:#231f20;	
	color:#936b33;
	
	font-size:18px;
	font-weight:normal;
	border-bottom:1px #fff solid;
	float:left;
	width:720px;
	cursor:pointer;
	
	-webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -kthtml-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

#slideUp h4.active {
	background:#936b33;
	color:#fff;
}

.map {
	margin-top:20px; 
	border:5px #fff solid;	
	
	-webkit-box-shadow: 0px 0px 42px rgba(50, 50, 50, 0.65);
	-moz-box-shadow:    0px 0px 42px rgba(50, 50, 50, 0.65);
	box-shadow:         0px 0px 42px rgba(50, 50, 50, 0.65);
}
	
.kontakt {
	float:left;
	width:180px;
	margin-right:20px;
	background:#fff;
	padding:20px;
	color:#231f20;
	text-align:center;
	
	-webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -kthtml-transition: all 0.3s linear;
    transition: all 0.3s linear;
}


.kontakt:hover {
	-webkit-box-shadow: 0px 0px 42px rgba(50, 50, 50, 0.65);
	-moz-box-shadow:    0px 0px 42px rgba(50, 50, 50, 0.65);
	box-shadow:         0px 0px 42px rgba(50, 50, 50, 0.65);
}

.kontakt strong {
	color:#936b33;
	font-size:18px;
	font-weight:normal;
	margin-top:10px;
}

.kontakt img {
	text-align:center;
	border:1px#CCC solid;
}

#footer p {
	float:left;	
}

#footer p a {
	margin-left:20px;
}

#footer .address {
	float:right;
	font-style:normal;
}

.storyjs-embed {
	border:1px #f00 solid;	
}