/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
default CSS for www.mon-site-internet.ch
FileName: MSI_css_style.css
Version: V.1.1.a
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Body Font Attribut
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body,td,th {
font-family: Avant-Garde,new baskerville-roman,new baskerville,verdana,helvetica,sans-serif; color: #000000; 
scrollbar-3dlight-color: #ffffff; 
scrollbar-arrow-color: #000000; 
scrollbar-darkshadow-color: #ffffff; 
scrollbar-face-color: #ffffff; 
scrollbar-highlight-color: #000000; 
scrollbar-shadow-color: #000000; 
scrollbar-track-color: #ffffff; 
}

/* Font Attribut
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.logo { color: #000000; font-size: 100%; }
.logoMobil { color: #000000; font-size: 42px; }
.logoSlogan { color: #000000; font-size: 100%; }
.title { color: #000000; font-size: 80%; }
.titleMobil { color: #000000; font-size: 42px; }
.big { color: #000000; font-size: 90%; }
.bigMobil { color: #000000; font-size: 62px; }
.bigPrint { color: #000000; font-size: 90%; }
.current { color: #000000; font-size: 70%; }
.currentMobil { color: #000000; font-size: 52px; }
.currentPrint { color: #000000; font-size: 70%; }
.little { color: #000000; font-size: 60%; }
.littleMobil { color: #000000; font-size: 46px; }
.littlePrint { color: #000000; font-size: 60%; }
.credits { color: #000000; font-size: 70%; }
.creditsMobil { color: #000000; font-size: 26px; font-weight: bold; }
.error { color: #ff0000; font-size: 70%; }
.errorMobil { color: #ff0000; font-size: 32px; }
.errorPrint { color: #ff0000; font-size: 70%; }
.search { color: #aaaaaa; font-size: 70%; }
.searchPrint { color: #000000; font-size: 70%; }
.pagination { color: #333333; font-size: 60%; }
.paginationMobil { color: #333333; font-size: 26px; }
.calendarDay { color: #000000; font-size: 200%; }
.help { color: #aaaaaa; font-size: 70%; }
.nota { color: #333333; font-size: 60%; }

/* Font Attribut for list
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.listTitle { color: #000000; font-size: 80%; font-weight: bold; }
.listTitlePrint { color: #000000; font-size: 80%; font-weight: bold; }
.listCurrent { color: #000000; font-size: 60%; }
.listCurrentPrint { color: #000000; font-size: 60%; }
.listPaginationOn { color: #000000; font-size: 60%; }
.listPaginationOnPrint { color: #000000; font-size: 60%; }
.listPaginationOffPrint { color: #cccccc; font-size: 60%; }

/* Font Attribut
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.menu { color: #000000; font-size: 60%; }
.menuPag { color: #000000; font-size: 60%; }
.inputSelectSearchMobil { background-color: #fbebb0; color: #000000; border: solid 1px #8c8c8c; font-size: 52px; }
.menuMobil { color: #000000; font-size: 22px; }

/* List and HR Attribut
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Form Attribut
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
form { margin: 0px; padding: 0px; }
.inputCurrent { width: 250px; color: #000000; background-color: #ffffff; border-top: #ffffff; border-bottom: thin dotted #000000; border-left: #ffffff; border-right: #ffffff; }
.inputCurrent100Percent { width: 100%; color: #000000; background-color: #ffffff; border-top: #ffffff; border-bottom: thin dotted #000000; border-left: #ffffff; border-right: #ffffff; }
.inputCurrentMobil { width: 100%; border-radius: 7px; margin: 3px; background-color: #fbebb0; background: #fbebb0; font-size: 52px; color: #000000; }
.inputCurrentTextarea { width: 250px; color: #000000; background-color: #ffffff; border-top: thin dotted #000000; border-bottom: thin dotted #000000; border-left: thin dotted #000000; border-right: thin dotted #000000; }
.inputCurrentTextarea100Percent { width: 100%; color: #000000; background-color: #ffffff; border-top: thin dotted #000000; border-bottom: thin dotted #000000; border-left: thin dotted #000000; border-right: thin dotted #000000; }
.inputCurrentTextareaMobil { width: 100%; border-radius: 7px; margin: 3px; background-color: #fbebb0; background: #fbebb0; font-size: 52px; color: #000000; }
.inputFirstName { width: 128px; color: #000000; background-color: #ffffff; border-top: #ffffff; border-bottom: thin dotted #000000; border-left: #ffffff; border-right: #ffffff; }
.inputLastName { width: 110px; color: #000000; background-color: #ffffff; border-top: #ffffff; border-bottom: thin dotted #000000; border-left: #ffffff; border-right: #ffffff; }
.inputZIPcode { width: 60px; color: #000000; background-color: #ffffff; border-top: #ffffff; border-bottom: thin dotted #000000; border-left: #ffffff; border-right: #ffffff; }
.inputCity { width: 178px; color: #000000; background-color: #ffffff; border-top: #ffffff; border-bottom: thin dotted #000000; border-left: #ffffff; border-right: #ffffff; }
.inputDomainName { width: 214px; color: #000000; background-color: #ffffff; border-top: #ffffff; border-bottom: thin dotted #000000; border-left: #ffffff; border-right: #ffffff; }
.inputLogin { width: 178px; color: #000000; background-color: #ffffff; border-top: #ffffff; border-bottom: thin dotted #000000; border-left: #ffffff; border-right: #ffffff; }
.inputLoginMobil { width: 100%; color: #000000; background-color: #fbebb0; background: #fbebb0; font-size: 52px; }
.inputUnit { width: 60px; color: #000000; background-color: #ffffff; border-top: #ffffff; border-bottom: thin dotted #000000; border-left: #ffffff; border-right: #ffffff; }
.inputFloat { width: 178px; color: #000000; background-color: #ffffff; border-top: #ffffff; border-bottom: thin dotted #000000; border-left: #ffffff; border-right: #ffffff; }
.submit { color: #000000; background-color: #ffffff; font-weight: bold; }
.submitMobil { width: 100%; border-radius: 7px; margin: 0px; background: #ffffff; font-weight: bold; font-size: 52px; color: #000000; }

.inputTxtSearch { width: 100px; background-color: #fbebb0; color: #000000; border: solid 1px #8c8c8c; font-size: 60%; }
.inputTxtSearchMobil { width: 100%; border-radius: 7px; margin: 3px; background-color: #fbebb0; background: #fbebb0; font-size: 32px; color: #000000; }
.inputZIPcodeSearch { width: 38px; background-color: #fbebb0; color: #000000; border: solid 1px #8c8c8c; font-size: 60%; }
.inputCitySearch { width: 58px; background-color: #fbebb0; color: #000000; border: solid 1px #8c8c8c; font-size: 60%; }
.inputSelectSearch { background-color: #fbebb0; color: #000000; border: solid 1px #8c8c8c; font-size: 60%; }
.submitSearch { background-color: #fbebb0; color: #000000; border: solid 1px #8c8c8c; font-size: 60%; }

.contentMobil { border: none; width: 100%; border-radius: 7px; padding: 0px; margin: 0px; background: #ffffff; }
.spaceMobil { border: none; width: 100%; height: 5px; }

/* Link Attribut
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.killdeco { color: #000000; text-decoration: none; }
a:link { color: #000000; }
a:visited { color: #000000; }
a:active { color: #000000; }
a:hover { color: #ce7322; }

.linkOneOn { color: #ffffff; font-size: 80%; font-weight: bold; }
.linkLinkOne { text-decoration: none; }
