﻿body { font-family: Verdana; font-size: 12px; margin-top: 0px; }

a { text-decoration: none; color: #000 }
a:hover { color: #0a3b9d; }


.mainContainer { width: 1200px; margin: 0 auto; position: relative;}

.searchLangLogo { height: 76px; float: left; }
.searchLang { width: 192px; height: 100%; float: left;}
.crtDate { padding: 15px 0px 6px 0px; color: #000000;}
.searchSite {padding-top: 2px; float: left; clear:both;}
.searchText {float: left; padding-top: 6px; padding-left: 5px; font-weight: bold;}
.searchText a { color: #000; text-decoration: none; cursor:pointer; }
.searchText a:hover { color: #0a3b9d; }

.sites 
{
	float:left;
	height:31px;
	padding:0 50px 0;
	/*left:815px;
	padding:5px 155px 0;
	position:absolute;
	width:175px;*/
}

.languages {color: #fff;padding: 0px 0px 0px 21px;}
.languages a { color: #fff; }
.languages a:hover { color: #33cc66; }

.logo { width: 310px; height: 100%; float: left;}

.headerMenu { height: 250px; width:100%;  float: left; }
.menuHorizontal { height: 34px; width: 1200px; color: #000; margin-top: 245px; padding: 14px 0px 11px 0px; float: left; } 
.menuHorizontal ul { margin: 0; padding: 0; list-style: none; }
.menuHorizontal li { display: inline; margin: 0 2px 0 0; padding: 0; }
.menuHorizontal a { text-decoration: none; color: #000; }
.menuHorizontal a:hover { color: #33cc66}

.container { width: 100%; float: left; }
.menuLeft {  float: left; height: 100%; margin: 40px 0 20px; width: 335px;}
.menuLeftCpe { color: #000; margin: 2px; padding: 10px 0px 5px 7px; cursor: pointer; overflow: hidden; }
.subMenuLeftCpe { margin: 2px; padding: 0px 0px 0px 15px; cursor: pointer;}

.menuLinkCurrent { color: #33cc66;}
.menuLink {color:#000;}

.menuLeftSubmenu { overflow: hidden; } 
.menuLeftSubmenu ul { margin: 2px;}
.menuLeftSubmenu li { display: block; padding: 2px 0px 2px 12px; font-size: 11px; }
.menuLeft a:hover { color: #33cc66; }
.menuLeftLink { padding: 5px 10px 5px 20px; font-size: 11px; }

.containerMiddle, .colorHimalayaSalz, .colorKalahariWustensalz, .colorSelgrisMeersalz,.colorSaphirbleuPersien,.colorFleurdeSel,.colorPyramidenSalz,.colorOroBianco, .colorMuhlenSet, .colorAtacama
{ width: 802px; float: left; padding: 40px 0px 0px 48px;}
.containerMiddle a
{ 
	color:#33cb66;
}
a.acolorHimalayaSalz:hover, a.acolorHimalayaSalzCurrent { color:#a15599; }
a.acolorKalahariWustensalz:hover, a.acolorKalahariWustensalzCurrent { color:#ea5f47; }
a.acolorSelgrisMeersalz:hover, a.acolorSelgrisMeersalzCurrent { color:#57bab1; }
a.acolorSaphirbleuPersien:hover, a.acolorSaphirbleuPersienCurrent { color:#8cbdd3; }
a.acolorFleurdeSel:hover, a.acolorFleurdeSelCurrent { color:#ea5f47; }
a.acolorPyramidenSalz:hover, a.acolorPyramidenSalzCurrent { color:#bece00; }
a.acolorOroBianco:hover, a.acolorOroBiancoCurrent { color:#1AB26B; }
a.acolorMuhlenSet:hover, a.acolorMuhlenSetCurrent { color:#A7A9AC; }
a.acolorAtacama:hover, a.acolorAtacamaCurrent { color:#f9bf1b; background: url("Images/neu.png") no-repeat scroll right top transparent; padding-right:45px; }

/*a.acolorOroBianco { background: url("Images/neu.png") no-repeat scroll right top transparent; padding-right:45px; }
a.acolorMuhlenSet { background: url("Images/neu.png") no-repeat scroll right top transparent; padding-right:45px; }*/
a.acolorAtacama { background: url("Images/neu.png") no-repeat scroll right top transparent; padding-right:45px; }

a.acolorOroBiancoFR:hover, a.acolorOroBiancoFRCurrent { color:#1AB26B; }
a.acolorMuhlenSetFR:hover, a.acolorMuhlenSetFRCurrent { color:#A7A9AC; }
a.acolorAtacamaFR:hover, a.acolorAtacamaFRCurrent { color:#f9bf1b; background: url("Images/nouveau.png") no-repeat scroll right top transparent; padding-right:65px; }

/*a.acolorOroBiancoFR { background: url("Images/nouveau.png") no-repeat scroll right top transparent; padding-right:65px; }
a.acolorMuhlenSetFR { background: url("Images/nouveau.png") no-repeat scroll right top transparent; padding-right:65px; }*/
a.acolorAtacamaFR { background: url("Images/nouveau.png") no-repeat scroll right top transparent; padding-right:65px; }

.colorHimalayaSalz { border-left: 14px solid #a15599; margin-left:48px; padding-left:10px;width: 792px; }
.colorKalahariWustensalz { border-left: 14px solid #ea5f47;margin-left:48px; padding-left:10px;width: 792px; }
.colorSelgrisMeersalz { border-left: 14px solid #57bab1;margin-left:48px; padding-left:10px;width: 792px; }
.colorSaphirbleuPersien { border-left: 14px solid #8cbdd3;margin-left:48px; padding-left:10px;width: 792px; }
.colorFleurdeSel { border-left: 14px solid #ea5f47;margin-left:48px; padding-left:10px;width: 792px; }
.colorPyramidenSalz { border-left: 14px solid #bece00;margin-left:48px; padding-left:10px;width: 792px; }
.colorOroBianco { border-left: 14px solid #1AB26B;margin-left:48px; padding-left:10px;width: 792px; }
.colorMuhlenSet { border-left: 14px solid #A7A9AC;margin-left:48px; padding-left:10px;width: 792px; }
.colorAtacama { border-left: 14px solid #FFF7B2;margin-left:48px; padding-left:10px;width: 792px; }

.pageTitle { height: 25px;  color: #33cc66; float: left;}
.pageTitleHome { height: 25px;  color: #33cc66; float: left;}
.pageTitle p {margin: 2px;}
.pageActions { height: 25px; float: right; margin-right:36px;}
.pageActions a { text-decoration: none;}
.pageActions img { border: 0px solid;}
.pageContent { color: #000; font-size: 12px; margin: 6px 45px 0px 0px; }
.imageLabel {color: #333; margin-top: 2px;}

.containerRight { width: 214px; float: left; padding: 13px 0px 13px 0px; }
.menuRightHeader { background: url(Images/rightCotainerContentBorder.jpg) repeat-y top left; font-size: 14px; font-weight: bolder; color: #1e438b; padding: 0px 3px 0px 8px; vertical-align:middle; height:30px;}
.menuRightHeaderMid { background: url(Images/rightCotainerContentBorder.jpg) repeat-y top left; font-size: 14px; font-weight: bolder; color: #1e438b; padding: 0px 3px 0px 8px; vertical-align:middle; height:30px;}
.menuRightContent { background: url(Images/rightCotainerContentBorder.jpg) repeat-y top left; color: #999; font-family:Verdana; padding: 13px 3px 17px 8px;}
.menuRightContentNoHeader { border: dotted #1e438b 2px; padding: 8px; color: #999;}
.menuRightContentImage { color: #999; margin-bottom: 10px; margin-top: 10px; text-align:left; text-decoration:none;}
.menuRightContentImage a{ text-decoration:none;}
.menuRightContentImage a:hover{ text-decoration:none;}
.menuRightContent a { color: #999; }
.menuRightContent a:hover { color: #0a3b9d; }
.menuRightContent ul { margin: 2px; }
.menuRightContent li { display:block; padding: 2px 0px 2px 2px; font-size: 11px; color: #999; }

.rightContentTop {background: url(Images/rightCotainerBorderTop.jpg) no-repeat top left; height:8px;}
.rightContentBottom {background: url(Images/rightCotainerBorderBottom.jpg) no-repeat bottom left; height:8px;}
.rightContentMiddle {background: url(Images/rightCotainerBorderMiddle.jpg) no-repeat top left; height:4px;}

.rightContentImages { background: url(Images/rightCotainerContentBorder.jpg) repeat-y top left; color: #999;  font-family:Verdana; padding: 13px 0px 17px 0px; text-align:center; }
.rightContentImage {padding: 0px 0px 5px 0px; cursor:pointer;}
.rightContentImageCaption {padding: 0px 7px 15px 7px;}
.pdfList ul
{
	list-style-image:url(Images/media/fotos/ulpdficon.jpg);
}
.pdfList li
{
	list-style-image:url(Images/media/fotos/ulpdficon.jpg);
}

/* Popup window */
.modalBackground { background-color:Gray; filter: alpha(opacity=70); opacity: 0.7; }
.modalPopup { background: #fff; border: 2px solid #333333; padding: 3px; text-align:right; }
.modalPopup a 
{
	color:#333;
}

.footer {  height: 28px; background: url(Images/footer_bg.png) repeat-y; float: left; width: 1200px;}
.footerLeft { width: 280px; height: 100%; float: left; text-align: left; padding: 7px; font-size: 11px; color: #fff; }
.footerLeft ul { margin: 0; padding: 0; list-style: none; }
.footerLeft li { display: inline; margin: 0 2px 0 0; padding: 0; }
.footerRight { width: 845px; height: 100%; float: left; text-align: right; padding: 7px; color: #fff; }

.sitePath{color:#a1a1a1;}
.sitePath a{color:#a1a1a1;}
.sitePath a:hover{color:#333333;}

.seachResult{color:#a1a1a1;}
.seachResult a{color:#a1a1a1;}
.seachResult a:hover{color:#333333;}

.overlay { position: absolute; z-index: 99; top: 0px; left: 0px; background-color: #000000; width: 100%; height: 100%; filter: Alpha(Opacity=40); opacity: 0.40; -moz-opacity: 0.40; }
.updateContainer { background-color: White; width: 190px; height: 30px; position: absolute; z-index: 101; top: 50%; left: 50%; margin-left: -95px; margin-top: -30px; border: solid 2px #c3c3c3; }
.loader { float: left; padding: 6px 0px 6px 30px;}
.updateImg { float: left;}
.updateMessage { float: left; height: 33px; padding: 2px 0px 0px 4px;}   
.waiting { width: 300px; height: 100px; margin: 95px; background-color: White; text-align: center; }

#animation { width:718px; height:400px; position:relative; }
#frame1 { width:718px; height:400px; position:absolute; background:url(Images/frame1.png) no-repeat; }
#frame2 { width:718px; height:400px; position:absolute; background:url(Images/frame2.png) no-repeat; }
#frame3 { width:718px; height:400px; position:absolute; background:url(Images/frame3.png) no-repeat; }
#frame4_salt1 { width:718px; height:400px; position:absolute; }
#frame4_salt2 { width:718px; height:400px; position:absolute; }
#frame4_salt3 { width:718px; height:400px; position:absolute; }
#frame4_salt4 { width:718px; height:400px; position:absolute; }
#frame4_salt5 { width:718px; height:400px; position:absolute; }
#frame4_salt6 { width:718px; height:400px; position:absolute; }
#frame4_salt7 { width:718px; height:400px; position:absolute; }
