/*
Theme Name: coopdict.wbg-schweiz.ch
Author: Tim Portner @ Partner & Partner AG
*/

@import "reset.css"; 
@import "tools.css"; 


/* base
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
html { background: #005973 url('../images/bg_html.png') 10% 80px no-repeat;  }
html, body { height:100%; }

div.page { display: none; min-height: 100%; }
img { max-width: 100%; }


div.menu { height: 40px; position: relative; padding: 10px 3%; background: #005973; }

div.menu a.btn-home img, div.menu a.btn-info, div.menu ul, div.menu a.btn-back, div.menu strong {  position: absolute; top: 10px; bottom: 10px; height: 40px; z-index: 10; }

div.menu strong { font-weight: normal; text-align: center; z-index: 1; width: 100%; line-height: 40px; text-transform: uppercase; color: #fff; font-size: 180%;  }

div.menu a.btn-home img { left: 3%; }

div.menu ul { left: 50%; margin-left: -45px}
div.menu ul li { display: inline-block; text-align: center; }
div.menu ul li a {width:30px; line-height: 40px; font-size: 180%; text-decoration: none; color: #7facb9; display: block; }
div.menu ul li a.current { color: #fff; }

div.menu a.btn-info, div.menu a.btn-back { display: inline-block; font-size: 140%; border-radius: 3px; background: #206e85; color: #fff; line-height: 40px; padding: 0 15px; text-decoration: none; }

div.menu a.btn-info { right: 3%; }
div.menu a.btn-back  { left: 3%; }
div.menu a.btn-back img { height: 20px; float: left; margin: 10px 10px 0 0; }

div.content { background: #fff; position: absolute; overflow-y: scroll; -webkit-overflow-scrolling: touch; bottom: 0; left: 0; right: 0; color: #000; padding: 10px 3%; }

div.content .lang {  display: none; }
body.d div.content .lang-d {  display: block; }
body.f div.content .lang-f {  display: block; }
body.i div.content .lang-i {  display: block; }
body.e div.content .lang-e {  display: block; }


/* div#home
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div#home { color: #fff; display: block;}

div#home div#logo { background: #e6eff1; padding: 3% 10% 3% 2%; }

div#home h1 { color: #fff; font-size: 450%; text-align: center; padding: 5% 0; } 
div#home p { padding-left: 5%; padding-right: 5%; font-size: 85%; }
div#home a.btn-enter { display: block; background: #e6eff1; color: #005973; font-size: 200%; text-decoration: none; text-align: center; border-radius: 5px; padding: 4% 0; margin: 10% 0 5% 0;}


/* div#glossary
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div#glossary {  height: 100%; width: 100%; }

div#glossary div.header { height: 120px; position: fixed; top: 0; left: 0; right: 0; }
div#glossary div.content { top: 120px; padding: 0; font-size: 140%;}

div#glossary div#search { background: #7facb9; display: block; border-top: 1px solid #fff; padding: 11px 3% 9px 3%; height: 40px; position: relative; }
div#glossary div#search input#s { font-size: 120%; color: #000; background: #fff; padding: 11px 10px 9px 10px; border: none; width: 100%; line-height: normal; }
div#glossary div#search input#submit, div#glossary div#search a.delete-search { position: absolute; right: 3%; top: 1%; bottom: 0; width: 40px; height: 100%; }
div#glossary div#search input#submit { border: none; background: url('../images/icon_search.png') center no-repeat; }
div#glossary div#search a.delete-search { display: none; background: url('../images/icon-delete.png') center no-repeat; z-index: 2; }

ul.glossary li.initial span.initial, ul.glossary li.initial ul li.item span.handler { padding: 0 3%; line-height: 2.5em; height: 2.5em; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
ul.glossary li.initial span.initial { border-top: 1px solid #c2d3d9; background: #f2f2f2; color: #79a5b2; font-weight: 700; }
ul.glossary li.initial ul li.item span.handler { border-top: 1px solid #c2d3d9; cursor: pointer; }

ul.glossary li.initial ul li.aitem { background: #e5eef1; }
ul.glossary li.initial ul li.aitem span.handler { font-weight: 700; }
ul.glossary li.initial ul li.item ul li.ritem { margin: 0 3%; padding: 5px 0 5px 20px; border-top: 1px solid #c2d3d9; clear: both; position: relative; }

ul.glossary li.initial ul li.aitem ul li.f:before,ul.glossary li.initial ul li.aitem ul li.i:before,ul.glossary li.initial ul li.aitem ul li.d:before,ul.glossary li.initial ul li.aitem ul li.e:before {  color: #72a3b2; font-weight: 700; position: absolute; left: 0; top: 5px; }

ul.glossary li.initial ul li.aitem ul li.f:before { content: "F";}
ul.glossary li.initial ul li.aitem ul li.i:before { content: "I"; }
ul.glossary li.initial ul li.aitem ul li.d:before { content: "D";  }
ul.glossary li.initial ul li.aitem ul li.e:before { content: "E";  }

ul.glossary li.initial ul li.item ul { display: none; }


/* div#info
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div#info div.header { height: 60px; position: fixed; top: 0; left: 0; right: 0; }

div#info div.content { top: 60px; }
div#info div.content img { margin: 1em 0; }


/* typography
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
body,input,select,textarea,th,td,h1 { color: #ccc; font: 12px/1.3 Helvetica, Arial, sans-serif; }

p { padding: 0.5em 0; }
small { font-size: 85%; }

p.pad-t { padding-top: 3em; }


/* links
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
a { color: #005973; }