@media screen and (max-device-width: 480px){
body {
	background-color: rgb(6,105,51,5);
	background-image: url(bg-top.png);
	background-position: right top;
	background-repeat: repeat-x;
	font-family: Verdana,Arial,sans-serif;
	font-weight: normal;
	margin: 0pt;
	text-align: center;
}

img, object, embed, canvas, video, audio, picture {
   max-width: 100%;
   height: auto;
}

table, tbody { 
display: block; 
}
tr { 
display: table; 
}
td { 
display: table-row; 
}

#fullPage {
	background-image: url(earth.png);
	background-position: right top;
	background-repeat: no-repeat;
	max-width: 740px;
	min-width: 320px;
	width: expression(document.body.clientWidth > 350  ? "740px" : document.body.clientWidth < 740  ? "350px" : document.body.clientWidth );
}

#container {
	margin: 0;
	width: 100%;
}

#main {
	position: relative;
	width: 100%;
}

#main, #content, #menu {
	background-color: #639D32;
	background-image: url(menuHeader.png);
	background-position: 0%;
	background-repeat: repeat-y;
}

.clear {
	clear: both;
}
a {
	color : #054261;
	text-decoration : none;
}

ul ul, ul ol, ol ul, ol ol {
	padding-left: 25px;
}
#q {
	background: #FFFFFF none repeat scroll 0 0 !important;
	width: 300px;
}
input {
	vertical-align: middle;
}
#search #q {
	width: 100px;
}

/** CONTENT **/
#content {
	color: #003366;
	font-size: 0.9em;
	line-height: 1.3em;
	min-height: 400px;
	padding-top: 9px;
	padding-left: 116px;
	text-align: left;
	background-size: 115px;
}

#content h1, #content h2, #content h3, #content h4 {
	color: #054261;
	line-height: 1.3em;
}
#content h1 {
	font-size: 1.5em;
	margin-bottom: 0.8em;
}
#content h2 {
	font-size: 1.3em;
	margin-top: 1em;
	margin-bottom: 0.2em;
}
#content h3 {
	font-size: 1.125em;
	margin-top: 0.85em;
}
#content h4 {
	font-size: 1.05em;
	font-weight: bold;
}
#content table{
	display: block;
}
#content .col {
	float: left;
	overflow: hidden;
	padding: 1px;
	width: 48%;
}
#content p {
	padding: 5px 0;
}
#content ul li {
	list-style: disc inside;
}

/** TABLES **/
td {
	border-color: #003366;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
}

/** HEADER **/
#header {
	background-color: #ffffff;
	clear: both;
	/*float: left; remove to see the earth*/
	width: auto;
}
#logo {
	background-color: #ffffff;
	background-image: url(logo.gif);
	background-position: left center;
	background-repeat: no-repeat;
	float: left;
	max-width: 100%;
	display: none;
}

#logo  span {
	display: none;
}

#languages {
	background-image: url(languageBar.png);
	background-position: center;
	background-repeat: repeat;
	position: left;
	clear: both;
	height: 30px;
}

#languages #bar_help {
	background-image: url(languageBarS.png);
	background-position: left center;
	background-repeat: no-repeat;
	float: left;
	height: 30px;
	width: 30px;
}

#languages a {
	background-position: left center;
	background-repeat: no-repeat;
	float: left;
	height: 30px;
	width: 52px;
}
#languages .active {
	opacity:.50;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}
#languages .active:hover {
	opacity:1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}
#languages .de {
	background-image: url(lg/de.png);
}

#languages .fr {
	background-image: url(lg/fr.png);
}
#languages .en {
	background-image: url(lg/gb.png);
}
#languages .es {
	background-image: url(lg/es.png);
}
#languages .nl {
	background-image: url(lg/nl.png);
}
#languages a span {
	display: none;
}
#menuFaq {
	background-color: #035279;
	background-image: url(menuFaq.png);
	background-position: top left;
	background-repeat: repeat;
	clear: both;
	text-align: left;
	display: none;
}

.menuDyn a {
	color: #ffffff;
	font-variant: small-caps;
	font-size: 0.9em;
	text-decoration: none;
}

#menuFaq > ul {
	border-color: #035279 rgb(217, 217, 217) rgb(217, 217, 217);
	border-style: solid;
	border-width: 0px 0px 0px 1px;
	float: none;
	position: relative;
}

#menuFaq > ul > li {
	border-color: #035279 rgb(217, 217, 217) rgb(217, 217, 217);
	border-style: solid;
	border-width: 1px 1px 1px 0px;
	color: #000000;
	float: none;
	line-height: 1.3em;
	padding: 5px 7px;
	position: relative;
	vertical-align: middle;
	white-space: nowrap;
}

#menuFaq > ul > li:hover {
	border-color: rgb(217, 217, 217);
	border-width: 1px 1px 0px 0px;
	padding-bottom: 6px;
}
#menuFaq > ul > li > ul {
	border-width: 0px 1px 1px 1px;
	left: -1px;
	top: 100%;
}

.menuDyn li:hover {
	background-color: #054261;
}
.menuDyn ul {
	padding-left: 0px;
}

.menuDyn li:hover > ul {
	visibility: visible;
}
.menuDyn ul ul {
	background-color: #035279;
	border-color: rgb(217, 217, 217);
	border-style: solid;
	border-width: 1px;
	font-size: 0.9em;
	position: absolute;
	visibility: hidden;
	text-align: left;
	width: 202px;
}

.menuDyn ul ul > li {
	border-color: rgb(217, 217, 217);
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	float: none;
	margin-left: 7px;
	padding: 0px 1px 0px 3px;
	position: relative;
	white-space: normal;
}
.menuDyn ul ul > li:hover {
	margin-left: 2px;
	padding: 0px 6px 0px 3px;
}
.menuDyn ul ul li:last-child {
	border-width: 0px 0px 0px 0px;
}
.menuDyn ul ul ul {
	border-width: 1px 1px 1px 1px;
	left: 99%;
	top: 1px;
}
.menuDyn ul, .menuDyn ul li:hover {
	z-index: 1000; /* li.hover for IE */
}
.menuDyn ul ul, .menuDyn ul ul li:hover {
	z-index: 1001;
}

#photoFrame {
	background-color: #054261;
	clear: both;
	height: 150px; /*239px in home*/
	overflow: hidden;
	position: relative;
	display: none;
}
#photoFrameR {
	position: absolute;
	top: 0pt;
	right: 0pt;
	z-index: 0;
}
#photoFrameTR {
	position: absolute;
	top: 0pt;
	right: 317px;
	z-index: 0;
}
#photoFrameL {
	position: absolute;
	bottom: 0pt; /*top*/
	left: 0pt;
	z-index: 1;
}
#search {
	float: right;
	height: 24px;
	padding: 10px;
}
#slogan {
	color: #066933;
	font-weight: 700;
	padding-top: 3px;
}

/** MENU **/
#menu {
	font-size: 1em;
	left: 0;
	text-align: left;
	top: 0;
	width: 114px;
	background-size: 115px;
}

#menu > ul {
	color: #ffffff;
}

#menu > ul > li {
	padding: 8pt 1pt;
	position: relative;
}
#menu > ul > li a {
	font-size: 1em;
	font-variant: normal;
}
#menu ul ul {
	left: 90%;
	top: 5px;
}
#menu ul ul > li {
	padding-top: 4px;
	padding-bottom: 4px;
}

/** FOOTER **/
#footer {
	clear: both;
	font-size: 1em;
}

#footer ul {
	background-color: #b5d2c2;
	list-style-type: none;
	margin: 0pt;
}
#footer li {
	display: inline;
	padding: 0pt 0.4em 0pt 0.3em;
	position: relative;
	z-index: 900;
}
#footer a {
	color: #066933;
	text-decoration: none;
	font-size: 0.8em;
}
#footerC {
	background-color: #b5d2c2;
	height: 20px;
	margin: -10pt 0pt 0pt 0pt;
}
#footerL {
	background-color: #066933;
	background-image: url(footerLeft.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	float: left;
	height: 20px;
	margin: -10pt -2pt 0pt 0pt;
	width: 20px;
}
#footerR {
	background-color: #066933;
	background-image: url(footerRight.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	float: right;
	height: 20px;
	width: 20px;
	margin: -10pt 0pt 0pt -2pt;
}
input {
	margin: 0 3px;
}

#content .captionned-image-right, #content .captionned-image-left {
background-color: #fafafa;
border: 1px solid #cccccc;
color: green;
font-size: 0.8em;
font-style: italic;
margin-bottom: 0.8em;
padding: 4px;
position: relative;
text-align: center;
}

#content .captionned-image-right {
float: right;
margin-left: 1.2em;
}
#content .captionned-image-left {
float: left;
margin: 0pt 1.2em 1.2em 0pt;
}

#sisterPages {
	border-top: 1px solid;
	padding: 5px;
	text-align: center;
}
#prevPage, #nextPage {
	width: 30%;
}
#sisterPages a {
	height: 25px;
}
#prevPage {
	float: left;
	text-align: left;
	background-image: url(left.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 5px 0 5px 25px;
}
#nextPage {
	float: right;
	text-align: right;
	background-image: url(right.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 5px 25px 5px 0;
}
#upPage {
	background-image: url(up.png);
	background-position: center top;
	background-repeat: no-repeat;
	padding: 25px 0 0 0;
}

/* videos */
div.video {
	display: block;
	height:450px;
	width:800px;
	border:2px solid #fff;
	outline:1px solid #333;
	-moz-outline-radius:4px;
	cursor:pointer;
	float:left;
	text-align:center;
	margin-right:15px;
}

div.video img {
	margin-top:183px;
}
div.video div.info {
	height:40px;
	background:#000 url(/img/global/gradient/h80.png) repeat-x;
	opacity:0.7;
	color:#fff;
	margin-top:129px;
	text-align:left;
	padding:5px 15px;	
	font-family:"bitstream vera sans","trebuchet ms";
	font-size:12px;
	border-top:1px solid #ccc;
}

/* dyzyx backlink */
#dyzyx {
 float:right;
 font-size:0.7em;
 padding-right: 30px;
}
#dyzyx a {
 color: #B5D2C2;
 text-decoration: none;
}
