/* */ /* */ /* Created by José Cielito Pfister */ /* http://www.coolibaa.com */ /* */ /* */ html {width:100%; height:100%; margin:0; padding:0; background:url(../../images/quib/background.png);} body {font:normal 14px/18px "Muli", "Helvetica Neue", Helvetica, Arial, Sans-Serif; color:#fff; width:100%; height:100%; margin:0; padding:0; overflow-y:scroll; -webkit-font-smoothing:antialiased;} /* */ /* */ /* LAYOUT */ /* */ /* HEADLINES */ /* standard styles */ img {border:0 none transparent;} b, strong {font-weight:bold;} i, em {font-style:italic;} p {text-align:justify; font-size:1.0em; line-height:1.6em; margin:0; padding:0 10px 10px; -moz-hyphens:auto; -webkit-hyphens:auto; -webkit-hyphenate-character:'-'} p[lang='de'] {-webkit-locale:'de';} /* LINKS */ a:link {color:#fff; text-decoration:none; margin:0; padding:2px 10px;} a:visited {color:#fff; text-decoration:none; margin:0; padding:2px 10px;} a:hover {color:#1d436e; text-decoration:none; margin:0; padding:2px 10px; background:#fff;} a:active {color:#1d436e; text-decoration:none; margin:0; padding:2px 10px;} /* */ /* BOXES */ /* */ /* .transparency {background:rgb(20,20,20); background:rgba(20,20,20,0.9); color:#fff;} */ #container {width:100%; height:100%; margin:0; padding:0;} #introWrap {position:absolute; width:100%; height:320px; margin:250px 0 0; padding:0;} #intro {float:middle; width:960px; height:350px; margin:auto; padding:0; background:url(../../images/quib/introBG.png) no-repeat;} #intro h2 {font-size:1.8em; font-weight:bold; letter-spacing:-1px; margin:0; padding:2px 10px 25px;} #intro h3 {font-size:1.2em; font-weight:bold; letter-spacing:1px; margin:0; padding:10px;} #intro p {font-size:1.0em; line-height:1.4em; font-weight:thin; margin:0; padding:0 10px 15px;} #intro p.intro {font-size:1.1em; line-height:1.5em; font-weight:thin; margin:0; padding:0 10px 20px;} #intro span {display:inline-block; font-weight:bold; width:60px;} #intro span.caps {display:inline-block; font-weight:bold; width:auto;} .introColumnWrap {float:left; width:100%; margin:0 0 10px;} .introColumn {float:left; width:33%; margin:0 0 10px;} .floatRight {float:right; margin:0 10px 0 0;} .loch {float:left; width:170px; height:180px; margin:370px 65px 0;} #introMenu {float:left; width:200px; margin:0; padding:0;} #introMenu ul {margin:0 0 0 10px;} #introMenu ul li {font-size:1.2em; font-weight:bold; margin:0; padding:0 0 10px;} #introMenu ul li a.selected {color:#1d436e; background:#fff;} #introContent {float:left; width:730px; height:300px; margin:0; padding:0;} #introContent a:link {color:#fff; text-decoration:underline; padding:0; background:none;} #introContent a:visited {color:#fff; text-decoration:none; padding:0; background:none;} #introContent a:hover {color:#4c87c9; text-decoration:underline; padding:0; background:none;} #introContent a:active {color:#fff; text-decoration:none; padding:0; background:none;} #introHome {float:left; width:730px; height:260px; margin:20px 0 0; padding:0;} #introAbout {display:none; float:left; width:730px; height:280px; margin:20px 0 0; padding:0; overflow-y:auto;} #introContact {display:none; float:left; width:730px; height:280px; margin:20px 0 0; padding:0; overflow-y:auto;} #introImprint {display:none; float:left; width:730px; height:300px; margin:20px 0 0; padding:0; overflow-y:auto;} #indexWrap {float:left; width:100%; height:100%; margin:0; padding:0;} #index {float:middle; width:960px; height:100%; margin:auto; padding:0;} #index img {margin:15% 0 0;} #index a:link {color:#fff; text-decoration:underline; padding:0; background:none;} #index a:visited {color:#fff; text-decoration:none; padding:0; background:none;} #index a:hover {color:#fff; text-decoration:underline; padding:0; background:none;} #index a:active {color:#fff; text-decoration:none; padding:0; background:none;} .column1 {float:left; width:310px; height:100%; background:url(../../images/quib/columnBG1.png); opacity:0.7;} .column2 {float:left; width:310px; height:100%; background:url(../../images/quib/columnBG2.png); opacity:0.7;} .column3 {float:left; width:310px; height:100%; background:url(../../images/quib/columnBG3.png); opacity:0.7;} .column4 {float:left; width:30px; height:100%; background:url(../../images/quib/columnBG4.png); opacity:0.7;} #langButton {float:left; height:16px; margin:15px 10px 0 0;} #langButton ul {width:120px;} #langButton ul li {float:left; width:20px; margin:0 0 0 10px; padding:0;} .l10n_current {} .de-de a:link {display:block; float:left; text-indent:-9999px; width:20px; height:16px; margin:0; padding:0; background:url(../../images/weller/languages.png) no-repeat 0 0;} .de-de a:active {display:block; float:left; text-indent:-9999px; width:20px; height:16px; margin:0; padding:0; background:url(../../images/weller/languages.png) no-repeat 0 0;} .de-de a:hover {display:block; float:left; text-indent:-9999px; width:20px; height:16px; margin:00; padding:0; background:url(../../images/weller/languages.png) no-repeat 0 0;} .de-de a:visited {display:block; float:left; text-indent:-9999px; width:20px; height:16px; margin:0; padding:0; background:url(../../images/weller/languages.png) no-repeat 0 0;} .en-gb a:link {display:block; float:left; text-indent:-9999px; width:20px; height:16px; margin:0; padding:0; background:url(../../images/weller/languages.png) no-repeat 0 -16px;} .en-gb a:link {display:block; float:left; text-indent:-9999px; width:20px; height:16px; margin:0; padding:0; background:url(../../images/weller/languages.png) no-repeat 0 -16px;} .en-gb a:hover {display:block; float:left; text-indent:-9999px; width:20px; height:16px; margin:0; padding:0; background:url(../../images/weller/languages.png) no-repeat 0 -16px;} .en-gb a:visited {display:block; float:left; text-indent:-9999px; width:20px; height:16px; margin:0; padding:0; background:url(../../images/weller/languages.png) no-repeat 0 -16px;}