/*============================================== = www.clic-brillen.at = = 1) HTML CSS reset = = 2) clic-brillen.at default stylesheet = = 3) jquery lightbox plugin = ==============================================*/ /*********************************************** MODIFIED HTML5 CSS Reset Based on Eric Meyer's CSS Reset and html5doctor.com HTML5 Reset Copyright (c) 2010 736 Computing Services Limited Released under the MIT license. http://736cs.com/mit-license.php?2010 ************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body {line-height: 1;} article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote { display: block; } ol {list-style: decimal;} ul {list-style: disc;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } ins {text-decoration: underline;} del {text-decoration: line-through;} mark {background: none;} abbr, dfn[title] { border-bottom:1px dotted #ccc; cursor:help; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input[type="submit"], input[type="button"], button { padding: 0 !important; margin: 0 !important; } input, select, a img {vertical-align: middle;} /************************************************ DEFAULT STYLESHEET ************************************************/ /* Colors * ff5d00 = orange1 (left header) * ff7100 = orange2 (content) * 424d53 = gray ***********************/ /* Generals -------------------------------------------------*/ body{background-color:#424d53; color:white; font:1em/1.62em Verdana, Geneva, sans-serif; text-align:center; padding:4em 0;} h1{font-size: 2.25em; line-height:1.62em; font-weight:normal; margin-top:.5em;} h2{font-size: 1.4em; line-height:1.62em; font-weight:normal; margin-top:1em;} h3{font-size: 1em; line-height:1.62em; margin-top:1em;} p{margin-bottom:1em;} a{color:white; text-decoration:none;} /*:visited has to be before :hover so :hover works*/ /*a:visited{color:#999;}*/ a:hover{color:white; background-color:#ff7100;} /*a:visited:hover{background-color:#999;}*/ a:focus{outline:thin dotted;outline-color:invert;} input, select, textarea{border:2px solid #999;} .file{border:0;} fieldset{border:1px solid; padding:.5em;} input:focus, select:focus, textarea:focus{background-color:#fffdd0; border:2px solid #339;} label,button,input[type="submit"],input.button{cursor:pointer;} li{margin-left:1em;} .cleardiv{clear:left;height:0;} /* Sections Common -------------------------------------------------*/ #wrapper{background:#2c2c2c url('/img/background.gif'); color:white; margin:1em auto; overflow:hidden; text-align:left; width:60em; -moz-box-shadow: 3px 3px 20px #000; -webkit-box-shadow: 3px 3px 20px #000; box-shadow: 3px 3px 20px #000;} header, #content, nav{padding:.5em;} #header, #content, nav{min-height:30em; height:auto !important; height:480px;} /* Header -------------------------------------------------*/ header{background:url('/img/background.gif') repeat-y #ff5d00; color:white; float:left; text-align:center; width:15em;} header h1{margin-top:3em;} header a:hover, header a:visited:hover{background:transparent;} /* Content -------------------------------------------------*/ #content{background-color:#ff7100; color:white; float:left; width:27em;} #content a{text-decoration:underline;} #content a:visited{color:#502300;} #content a:hover{background-color:white; color:#ff7100; text-decoration:none;} #content a:visited:hover{background-color:#502300; color:white;} #content ul, #content ol{margin-left:1em;} /*Galleries*/ #content .gallery {font-size:.6em; margin:0; overflow:hidden; } .gallery li{display:inline; float:left; height:13em; list-style:none; margin:0 .5em; text-align:right; width:14em;} #content .xl, #content .xl:visited, #content .lh, #content .lh:visited{padding:.1em .3em; color:white; cursor:help;} #content .xl, #content .xl:visited, #content .xl:hover, #content .xl:visited:hover {background-color:#333;} #content .lh, #content .lh:visited, #content .lh:hover, #content .lh:visited:hover {background-color:#8a3d00;} /*Kontaktformular*/ #contact{margin-top:1em;} #contact label{display:block; float:left; width:8em;} .obligatory, .either_or {font-size: .83em; vertical-align:super; line-height:0;} .obligatory{color:#933; } .either_or{color:#339; letter-spacing:-2px;} .error{color:#900;} ul.error{padding-left:.5em;} .error input{border-color:#900;} .successmessage{background-color:#393; padding:.5em;} .errormessage{background-color:#933; padding:.5em;} /* Navigation -------------------------------------------------*/ nav{background-color:#2c2c2c; color:white; float:right; width:15em;} nav a, nav a:visited{color:white; background-color:transparent;} nav a:hover, nav a:visited:hover{color:#ff5d00; background-color:transparent;} nav .active{font-weight:bold; color:#ff5d00;} /* Footer -------------------------------------------------*/ footer {color:#999;} footer a{padding:0 .5em;} /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* Example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:url(/img/colorbox/overlay.png) 0 0 repeat;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(/img/colorbox/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(/img/colorbox/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(/img/colorbox/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(/img/colorbox/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(/img/colorbox/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(/img/colorbox/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(/img/colorbox/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(/img/colorbox/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/img/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(/img/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(/img/colorbox/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(/img/colorbox/loading.gif) center center no-repeat;} #cboxClose{position:absolute; bottom:0; right:0; background:url(/img/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');} /* IE PNG Fix*/ img, div { behavior: url('../img/iepngfix.htc') }