/*** ** Generic ***/ * { margin: 0; padding: 0; } .noFloat { clear: both; } .left { float: left; } .right { float: right; } .block { display: block; } .strike { text-decoration: line-through; } .marginLeft { margin-left: 1em; } .marginRight { margin-right: 1em; } .marginBottom { margin-bottom: 1em; } .paddingRight { padding-right: 1em; } .paddingLeft { padding-left: 1em; } .smaller { font-size: smaller; } .black { color: #333; } .borderBottom { border-bottom: 1px dotted #bbb; } .black { color: #333; } .orange { color: #ca5927; } .red { background-color: red; } .green { color: #83aa50; } .blue { background-color: blue; } .alignRight { text-align: right; } /*** ** Grid ***/ html { height:101%; background-color: #4a5f2d; } body { font-size: 62.5%; } div#wrapper { background: white url("../images/layout/bgContent.gif") 0 151px repeat-x; } div#header { height: 125px; background: url("../images/layout/bgHeader.gif") repeat-x; } div#header div.container { width: 945px; } div#wrapper div#navigation, div#wrapper div#content { padding-left: 40px; } div#wrapper div#navigation div.container { width: 905px; } div#navigation { height: 25px; padding-top: 1px; background: url("../images/layout/bgMainMenu.gif") repeat-x; } div#content { width: 960px; padding: 0 0 2em 0; clear: left; } div#footer { min-width: 880px; height: 220px; padding: 2em 40px; background: url("../images/layout/bgFooter.gif") repeat-x; } body#blog div#mainContent, body#artikel div#mainContent, body#archiv div#mainContent, body#ueber div#mainContent, body#kontakt div#mainContent { float: left; padding: 3em 20px 0 0px; width: 480px; } body#blog div#mainContent { background: url("../images/layout/mainMenuMarker.gif") 14px 0 no-repeat; } body#artikel div#mainContent { width: 660px; background: url("../images/layout/mainMenuMarker.gif") 111px 0 no-repeat; } body#archiv div#mainContent { width: 660px; background: url("../images/layout/mainMenuMarker.gif") 205px 0 no-repeat; } body#ueber div#mainContent { width: 660px; background: url("../images/layout/mainMenuMarker.gif") 294px 0 no-repeat; } body#kontakt div#mainContent { width: 660px; background: url("../images/layout/mainMenuMarker.gif") 386px 0 no-repeat; } body#blog div#rightContent, body#artikel div#rightContent, body#archiv div#rightContent, body#ueber div#rightContent, body#kontakt div#rightContent { float: left; min-height: 408px; width: 402px; padding: 50px 0px 0 18px; background: url("../images/layout/bgRight420.gif") no-repeat; } body#artikel div#rightContent, body#archiv div#rightContent, body#ueber div#rightContent, body#kontakt div#rightContent { width: 222px; background: url("../images/layout/bgRight240.gif") no-repeat; } div#mainContent div.entryBox, div#mainContent div.commentBox, div#mainContent div.commentPreviewBox, div#mainContent div.articleList { margin: .5em 0 30px 0; padding: 20px 20px 0 20px; border: 1px dotted #bbb; } div#mainContent div.commentBox { padding: 0 20px 20px 0; } div#mainContent div.commentPreviewBox { border: 1px dashed #ca5927; } div#mainContent div.articleList { margin: 0; padding-top: 10px; border: 0; } div#mainContent div.entryBox div.linkbox { margin: 1em 0; padding: .5em 0; font-size: smaller; } div#mainContent div.admin { border: 1px dotted #e36f02; background-color: transparent; } div#mainContent div.team { clear: both; height: 190px; } div#rightContent div.box1, div#rightContent div.box2 { float: left; width: 50%; } div#rightContent div.tagcloud, div#rightContent div.featuredArticle { clear: both; margin-bottom: 2em; padding: 0 0 2em 0; border-bottom: 1px dotted #bbb; } div#footer div.box1, div#footer div.box2, div#footer div.box3 { float: left; } div#footer div.box1 { width: 175px; margin: 0 70px 0 0; padding-left: 25px; } div#footer div.box2 { width: 380px; margin-right: 70px; } div#footer div.box3 { width: 160px; } /*** ** Header ***/ body div#header h1 { float: left; width: 557px; height: 125px; } body#blog div#header h1 { background: url("../images/layout/logoBlog.gif") no-repeat; } body#artikel div#header h1 { background: url("../images/layout/logoArticles.gif") no-repeat; } body#archiv div#header h1 { background: url("../images/layout/logoArchive.gif") no-repeat; } body#ueber div#header h1 { background: url("../images/layout/logoAbout.gif") no-repeat; } body#kontakt div#header h1 { background: url("../images/layout/logoContact.gif") no-repeat; } div#header h1 a { width: 300px; height: 90px; display: block; } div#header h1 span { display: none; } div#header ul#topNavigation { margin: 0; padding: 0; float: right; list-style-type: none;} div#header ul#topNavigation li { float: left; padding: .5em 1em .3em 1em; font: 10px verdana, sans-serif; border-right: 1px dotted white; } div#header ul#topNavigation li#last { border: 0; padding: .5em 0 .3em 1em; } div#header ul#topNavigation li a { display: block; text-decoration: none; color: white; } div#header ul#topNavigation li a:hover { text-decoration: underline; } /*** ** Navigation & Toolbar ***/ div#navigation ul#mainNav { float: left; margin: 0; padding: 0; text-transform: lowercase; list-style-type: none; letter-spacing: 0px;} div#navigation ul#mainNav li { float: left; background: url("../images/layout/icon_star.gif") 0 2px no-repeat; } div#navigation ul#mainNav li#first { background: none; } div#navigation ul#mainNav a, div#navigation ul#mainNav a:link, div#navigation ul#mainNav a:visited, div#navigation ul#mainNav a:hover, div#navigation ul#mainNav a:active { display: block; padding: 1px 16px 0 33px; font: 1.1em/1em "verdana", sans-serif; color: #fff; text-decoration: none; background-color: transparent; } div#navigation ul#mainNav a:hover { color: white; text-decoration: underline !important; background-color: transparent; } div#navigation ul#mainNav li#first a { padding-left: 0; } body#blog div#navigation a.blog, body#artikel div#navigation a.artikel, body#archiv div#navigation a.archiv, body#ueber div#navigation a.ueber, body#kontakt div#navigation a.kontakt { color: white; text-decoration: underline; background-color: transparent;} div#navigation p { float: right; padding: 6px 0 0 0; font: 1em/1em verdana, sans-serif; } div#navigation p a#rss, div#navigation p a#rss:link, div#navigation p a#rss:visited, div#navigation p a#rss:hover, div#navigation p a#rss:active { padding: 0 0 0 15px; color: white; text-decoration: none; background: url("../images/layout/icon_rss.gif") no-repeat; background-color: transparent; } div#navigation p a#rss:hover { text-decoration: underline; } /*** ** Content ***/ div#mainContent h2, div#mainContent h3, div#mainContent h4 { margin: 0.5em 0 0 0; padding: 10px 0 .5em 24px; font: normal 1.7em/1.2em "lucida grande", "Lucida Sans Unicode", lucida, verdana, sans-serif; color: #5d7738; } div#mainContent h2 a, div#mainContent h3 a { color: #5d7738; } div#mainContent h2.logo { background: url("../images/layout/h2Content.gif") no-repeat; } div#mainContent h3 { margin: .5em 0; padding: 0 0 0 5px; font-size: 1.4em; line-height: 1.3em; letter-spacing: 0px; border-left: solid #5d7738 10px; } div#mainContent h3.headlineRightArticles { float: right; width: 460px; margin: 0 0 0 0;padding: 0; border: 0;} div#mainContent h4 { padding: 0.2em 0; font-size: 1.2em; letter-spacing: 0px; } div#mainContent p, div#mainContent ul, div#mainContent ol { padding: .4em 0; font: normal 1.4em/1.3em helvetica, sans-serif; color: #333; background-color: transparent; } div#mainContent blockquote { margin-top: 5px; padding: 10px 20px; background: url("../images/layout/quote1.gif") left top no-repeat; text-align: left; } div#mainContent blockquote p { padding: 0 30px; padding-bottom: 8px; color: #444; font: 1.6em/2em times, serif; } div#mainContent blockquote cite { display: block; float: right; padding: 0 40px 0px 0; font-size: small; color: #999; } div#mainContent pre { margin: .8em 0em; border-left: 5px solid #e36f02; background-color: #eee; } div#mainContent code { font: 1.5em/1.5em times, serif; color: #333; padding: .3em .5em .3em 20px; } div#mainContent p.details { margin: -.8em 0 2px 24px; font-size: 1.1em; } div#mainContent div.articleList p, div#mainContent p.rightParagraph { float: right; width: 460px; margin: 0 0 5px 0; padding: 0; } div#mainContent p.noFloat { clear: both; height: .1em; } div#mainContent ol, div#mainContent ul { margin-left: 20px; list-style-position: outside; } div#mainContent ul.archiv { color: #ca5927; list-style-position: inside;} div#mainContent ul.archiv li { padding: 2px 0 2px 28px; list-style-type: none; } div#mainContent ul.archiv li.headline { margin: .7em 0 2px 0; padding: 0 0 0px 26px; background: url("../images/layout/icon_cat.png") 0 1px no-repeat; list-style-image: none; list-style-type: none; color: #333;} div#mainContent ul.tagarchive { margin-top: .8em; } div#mainContent ul.tagarchive li { margin: 0 0 .5em 0; list-style-type: none; } div#mainContent ul.tagarchive li span { padding: 0 0 0 1.7em; font-size: smaller; color: black; } div#mainContent ul ul { font-size: 1em; } div#mainContent a { color: #e36f02; text-decoration: none; } div#mainContent a:hover { text-decoration: underline; } div#mainContent div.entryBox img.leftPicture { display: block; float: left; padding: 5px; border: 1px solid #eee; } div#mainContent div.entryBox img { padding: 2px; border: 2px solid #eee; } div#mainContent div.entryBox a img, div#mainContent div.entryBox a:link img, div#mainContent div.entryBox a:visited img, div#mainContent div.entryBox a:hover img, div#mainContent div.entryBox a:active img { } div#mainContent div.entryBox a:hover img { border-bottom: 2px #e36f02 solid; border-top: 2px #e36f02 solid; } div#mainContent div.entryBox img.left { display: block; float: left; margin: 0 15px 10px 0; } div#mainContent div.entryBox a[rel="lightbox"] img { display: block; float: left; margin: 0 15px 10px 0; border: 1px dotted #e36f02; } div#mainContent div.entryBox a[rel="lightbox"]:hover img { border: 1px solid #e36f02; } div#mainContent div.entryBox a[rel="lightbox"] p { color: red; } div#mainContent div.entryBox div.linkbox h3 { margin: .8em 0 .5em 0; padding: 0 0 0 .5em; border-left: solid #5d7738 10px; } div#mainContent div.entryBox div.linkbox p { padding: .3em 0 .3em 1em; } div#mainContent div.entryBox div.linkbox p a:before { content: "\2022"; color: black; padding-right: 5px;} div#mainContent div.entryBox div.linkbox p.tags { padding-left: 15px; } div#mainContent div.entryBox div.linkbox p.tags a:before { content: ""; padding: 0; } div#mainContent div.entryBox p span { padding: 0 .3em; } div#mainContent div.entryBox p span.fs12 { font-size: .8em; color: #aaa; } div#mainContent div.entryBox p span.fs14 { font-size: 1.0em; color: #888; } div#mainContent div.entryBox p span.fs16 { font-size: 1.2em; color: #666; } div#mainContent div.entryBox p span.fs18 { font-size: 1.4em; color: #444; } div#mainContent div.entryBox p span.fs20 { font-size: 1.6em; color: #222; } div#mainContent div.commentBox p { margin-left: 5em; } div#mainContent div.commentBox p.counter { float: left; margin-left: 0; background-color: #e5ebd8; width: 3em; text-align: center; font-size: 1.9em; font-weight: bolder; color: #444; } div#mainContent form { margin: 1em 0; padding: 1em 2em; border-top: 1px #5d7738 dotted; border-bottom: 1px #5d7738 dotted; background-color: #e5ebd8; } div#mainContent form p { padding: .5em 0; } div#mainContent form p.checkbox { padding: 0.2em 0; } div#mainContent label { margin: 0.8em 0; } div#mainContent label.leftLabel { float: left; width: 4em; margin: .2em 1em .2em 0; padding-left: 0em; text-align: left; } div#mainContent label.rightLabel { width: 17em; padding-left: 1em; text-align: left; } div#mainContent input { margin-right: 1em; } div#mainContent input.text { width: 26em; } div#mainContent input.text { width: 20em; } div#mainContent textarea { font-family: helvetica, sans-serif; width: 100%; } div#mainContent input[type="checkbox"] { float: left; width: 1em; } div#mainContent input.button { margin: 1em 1em 1em 0; } div#mainContent div.articleList p.noFloat { clear: both; margin: 1em 0 -.5em 0; border-bottom: 1px dotted #bbb;} div#mainContent div.articleList img { float: left; margin: .4em 0 0 0; } div#mainContent div.articleList a img, div#mainContent div.articleList a:link img, div#mainContent div.articleList a:visited img, div#mainContent div.articleList a:hover img, div#mainContent div.articleList a:active img { padding: 2px; border: 1px #e36f02 dotted; } div#mainContent div.articleList a:hover img { border: 1px #e36f02 solid !important; } div#mainContent a.pagination, div#mainContent a.pagination:link, div#mainContent a.pagination:visited, div#mainContent a.pagination:hover, div#mainContent a.pagination:active { margin-bottom: 1em; } div#mainContent a.readmore, div#mainContent a.readmore:link, div#mainContent a.readmore:visited, div#mainContent a.readmore:hover, div#mainContent a.readmore:active { margin-right: 1em; float: right; font-size: smaller; } div#mainContent a.entryNav, div#mainContent a.entryNav:link, div#mainContent a.entryNav:visited, div#mainContent a.entryNav:hover, div#mainContent a.entryNav:active { padding: 1px 0 0 15px; padding-right: 1em; background: url("../images/layout/icon_entry.gif") 0 1px no-repeat; } /*** ** Content:Right ***/ div#rightContent h2 { height: 1.8em; margin: 0 8px 5px 0; padding: 9px 0 0 45px; font: 1.3em/1em "lucida grande", "Lucida Sans Unicode", lucida, verdana, sans-serif; color: #fff; background: url("../images/layout/h2RightBg.gif") no-repeat; background-color: transparent; } div#rightContent ul.nav_categories { margin: 0 0 1em 32px; font: 1.2em/2.3em helvetica, sans-serif; list-style-type: none; color: #333; } div#rightContent ul.nav_categories li { } div#rightContent ul.nav_categories li ul { margin: -2px 0 -.5em 1em; font: 1em/1em helvetica, sans-serif; list-style-type: none; color: #333; } div#rightContent ul.nav_categories li ul li { padding: 0 0 1em 0; } div#rightContent ul.nav_entries { margin: 5px 0 1em 45px; font: 1.2em/1.3em helvetica, sans-serif; list-style-type: disc; color: #e36f02; } div#rightContent ul.nav_entries li { margin-bottom: 5px; } div#rightContent ul.nav_categories li ul li a.catNav, div#rightContent ul.nav_categories li ul li a.catNav:link, div#rightContent ul.nav_categories li ul li a.catNav:visited, div#rightContent ul.nav_categories li ul li a.catNav:hover, div#rightContent ul.nav_categories li ul li a.catNav:active { padding: 5px 2em 4px 15px !important; color: #e36f02; text-decoration: none; background-color: #efe; } div#rightContent ul.nav_categories li ul li a.catNav:hover { color: white !important; background-color: #7b9c4d; text-decoration: none; } div#rightContent a.catNav, div#rightContent a.catNav:link, div#rightContent a.catNav:visited, div#rightContent a.catNav:hover, div#rightContent a.catNav:active { padding: 4px 2em 4px 15px !important; color: #e36f02; text-decoration: none; background-color: #fff; } div#rightContent a.catNav:hover { color: white !important; background-color: #7b9c4d; text-decoration: none; } div#rightContent a.entryNav, div#rightContent a.entryNav:link, div#rightContent a.entryNav:visited, div#rightContent a.entryNav:hover, div#rightContent a.entryNav:active { color: #e36f02; text-decoration: none;} div#rightContent a.entryNav:hover, div#rightContent ul.nav_entries a#active { text-decoration: underline; } div#rightContent div.featuredArticle h3, div#rightContent div.featuredArticle p { margin: 5px 5px 0 15px; font: 1.2em/1.3em helvetica, sans-serif; text-align: justify; } div#rightContent div.featuredArticle h3 { margin-top: 1em; } div#rightContent div.featuredArticle p.readmore { text-align: right; } div#rightContent div.featuredArticle p img { display: block; float: left; margin: 3px 15px 13px 0; } div#rightContent div.featuredArticle a img, div#rightContent div.featuredArticle a:link img, div#rightContent div.featuredArticle a:visited img, div#rightContent div.featuredArticle a:hover img, div#rightContent div.featuredArticle a:active img { padding: 2px; border: 1px #e36f02 dotted; } div#rightContent div.featuredArticle a:hover img { border: 1px #e36f02 solid !important; } div#rightContent div.featuredArticle a, div#rightContent div.featuredArticle a:link, div#rightContent div.featuredArticle a:visited, div#rightContent div.featuredArticle a:hover div#rightContent div.featuredArticle a:active { color: #e36f02; text-decoration: none; } div#rightContent div.featuredArticle a:hover { text-decoration: underline; } div#rightContent div.tagcloud p { margin: 1em 0 0 15px; font: 1.2em/1.3em helvetica, sans-serif; text-align: justify; color: red; } div#rightContent div.tagcloud p a { text-decoration: none; color: #e36f02; } div#rightContent div.tagcloud p a:hover { text-decoration: underline; } div#rightContent div.tagcloud p span { padding: 0 .3em; } div#rightContent div.tagcloud p span.fs12 { font-size: .8em; color: #aaa; } div#rightContent div.tagcloud p span.fs14 { font-size: 1.0em; color: #888; } div#rightContent div.tagcloud p span.fs16 { font-size: 1.2em; color: #666; } div#rightContent div.tagcloud p span.fs18 { font-size: 1.4em; color: #444; } div#rightContent div.tagcloud p span.fs20 { font-size: 1.6em; color: #222; } /*** ** Footer ***/ div#footer h2, div#footer h3, div#footer h4, div#footer h5 { padding: 0.3em 0; margin: .5em 0; font: normal 1.2em/1.2em "lucida grande", "Lucida Sans Unicode", lucida, verdana, sans-serif; color: white; background-color: transparent; } div#footer h2 { padding-left: 24px; font-size: 1.9em; line-height: 1.2em; color: #fff; } div#footer h2.logo { background: url("../images/layout/h2Footer.gif") no-repeat; } div#footer h3 { font-size: 1.7em; line-height: 1.2em; border-bottom: 1px #fff dotted; } div#footer h4 { float: right; font-size: 1.2em; line-height: 3em; } div#footer h4 span { display: none; } div#footer h5 { clear: both; float: left; width: 20%; font-size: 1.2em; line-height: 3em; } div#footer p, div#footer ul { padding: .5em 0; font: 1.4em/1.4em helvetica, sans-serif; color: #fff; background-color: transparent; } div#footer ul { list-style-position: inside; } div#footer a, div#footer a:link, div#footer a:visited, div#footer a:hover, div#footer a:active { color: white; text-decoration: none; border-bottom: 1px dotted white; background-color: transparent; } div#footer a:hover { border-bottom: 1px solid white; } p#bottrap { display: none; height: 0; width: 0; } /*** ** http://www.positioniseverything.net/explorer.html ***/ * html body#blog div#mainContent { background-position: 15px 0; } * html body#artikel div#mainContent { width: 660px; background-position: 110px 0; } * html body#archiv div#mainContent { width: 660px; background-position: 204px 0; } * html body#ueber div#mainContent { width: 660px; background-position: 292px 0; } * html body#kontakt div#mainContent { width: 660px; background-position: 385px 0; } * html div#mainContent h2, * html div#mainContent h3, * html div#mainContent h4 { font-weight: bold; } *+html div#mainContent h2, *+html div#mainContent h3, *+html div#mainContent h4 { font-weight: bold; } #lightbox { position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(../images/layout/lb_blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/layout/lb_prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/layout/lb_nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; } #imageData{ padding:0 10px; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; /*filter:alpha(opacity=60);*/ /*-moz-opacity: 0.6;*/ /*opacity: 0.6;*/ } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html>body .clearfix { display: inline-block; width: 100%; } * html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }