/* Overal Styling */ body { margin:0px; padding:0px; background:#FFFFFF; font-family: Arial, Tahoma, Verdana, Helvetica; font-size:0.7em; line-height:1.6em; color:#555555; } acronym, abbr { cursor:help; } a { color:#004D86; text-decoration: none; font-weight: bold; } a:hover { text-decoration: underline; } form { display: inline; } /* Head Top Navigation Styling */ #navHead { float: left; background:url(images/bg-navh.gif) repeat-x bottom; width:100%; border-bottom: 10px #FFEB00 solid; } #navHead ul { margin-left:auto; margin-right:auto; margin-top: 0px; margin-bottom: 0px; width:960px; list-style-type:none; height: 50px; padding: 0px; } #navHead ul li { margin: 13px 10px 0px 0px; float:left; font-size: 18px; } #navHead ul li.page_item a { display:block; color:#777; text-decoration:none; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; padding: 10px; } #navHead ul li.current_page_item { background: #FFEB00; color: #004D86; } #navHead ul li.cat-item a { display:block; color:#777; text-decoration:none; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; padding: 10px; } #navHead ul li.current-cat { background: #FFEB00; color: #004D86; } #navHead ul li a:hover { background: #B9D3E9; color: #004D86; } #navHead ul li.rssEntr { float:right; font-size:1em; white-space:nowrap; margin-right:0px; padding:10px 0px 10px 0px; } #navHead ul li.rssEntr a { height:20px; color:#ff9900; text-decoration:none; padding:5px 0 5px 20px; background:url(images/ico-rss-h.gif) no-repeat 0 50%; margin: 0px; } #navHead ul li.rssEntr a:hover { color:#FF6600; text-decoration:underline; } #navHead ul li.rssComm { float:right; margin-left:20px; padding-right:33px; font-size:1em; white-space:nowrap; background:url(images/bg-navh-r.gif) no-repeat right; } #navHead ul li.rssComm a { height:20px; color:#ff9900; text-decoration:none; padding:5px 0 5px 21px; background:url(images/ico-rss-h.gif) no-repeat 0 50%; } #navHead ul li.rssComm a:hover { color:#FF6600; text-decoration:underline; } #blue { float: left; background: #004D86 url(images/blue.png) bottom left repeat-x; height: 115px; width:100%; } #blue ul { } #blue ul li { opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=70); } #blue ul li:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } #blue ul li h2 { font: 26px Arial, Tahoma, Verdana, Helvetica; color: #FFF; letter-spacing: -2px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 35px; background:url(images/01.png) no-repeat top left; } #blue a { color: #FFF; text-decoration: underline; } #blue a:hover { color: #FFF; text-decoration: none; } #blue #email { border: 2px #B9D3E9 solid; padding: 2px; font: 12px Arial, Verdana, Helvetica; color: #777; } #blue .button { border: 1px #B9D3E9 solid; padding: 2px; font: 12px Arial, Verdana, Helvetica; color: #000; background: #B9D3E9; } /* Newsletter */ #newsletter { background: #FFF; padding: 10px; } #s2 { color: #777; text-decoration: none; font: bold 14px Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif; padding: 3px; background: url('images/bg_button_div.gif') top left; width: 120px; border: 0px; margin-left: 5px; } #s2:hover { color: #000; } #s2:active { background: url('images/bg_button_div.gif') bottom left; } #email2 { border: 1px #777 solid; padding: 4px; font: 12px Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif; color: #777; margin-bottom: 5px; width: 200px; } #email2:focus { border: 1px #000 solid; color: #000; } .f1 { border: 1px #777 solid; padding: 4px; font: 12px Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif; color: #777; margin-bottom: 5px; width: 350px; } .f1:focus { border: 1px #000 solid; color: #000; } /* Web 2.0 */ .web20 { padding: 15px 5px 15px 5px; background: #FFFFFF; height: 38px; } .web20 ul { list-style-type:none; margin: 0px; padding: 0px; } .web20 ul li { color: #FFF; float:left; } .web20 a { margin: 5px 0px; } .web30 { padding: 5px 5px 15px 5px; background: #FFFFFF; height: 84px; } .web30 ul { list-style-type:none; margin: 0px; padding: 0px; } .web30 ul li { color: #FFF; float:left; } .web30 a { margin: 5px 0px; } #flickr { display: block; background: url(icons/flickr.gif) #FFF no-repeat; width: 93px; height: 26px; padding: 0px; margin: 0px; float: left; } #studivz { display: block; background: url(icons/studivz.gif) #FFF no-repeat; width: 100px; height: 37px; padding: 0px; margin: 0px; float: left; } #twitter { display: block; background: url(icons/twitter.gif) #FFF no-repeat; width: 135px; height: 32px; padding: 0px; margin: 0px; float: left; } #youtube { display: block; background: url(icons/youtube.gif) #FFF no-repeat; width: 95px; height: 40px; padding: 0px; margin: 0px; float: left; } #facebook { display: block; background: url(icons/facebook.jpg) #FFF no-repeat; width: 106px; height: 35px; padding: 0px; margin: 0px; float: left; } /* Head Styling */ #head { display:block; clear:left; width:960px; height: 150px; margin-left:auto; margin-right:auto; margin-top: 10px; background: url('images/headgelb.jpg') 20px top no-repeat; z-index: 1000; } #head .adsense { float:left; margin-left:15px; } #head h1 { text-indent:-9009px; height: 70px; width: 960px; padding-top: 60px; background: url('images/logo.png') right bottom no-repeat; position: absolute; } #head h1 a { color:#669933; text-decoration:none; } #head #infokiste { width: 315px; height: 88px; font-size:1.2em; line-height:1.2em; color:#777; background: #FFEB00 url(images/sprech.png); margin: 0px 0px 0 525px; position: absolute; z-index: 1000; } #kistwrap { margin: 14px; } #head #stopper { margin: 3px 3px 0px 0px; width: 25px; height: 25px; float: right; background: url(images/stop.gif); } #head #stopper:hover { } /* Body Containers*/ #centerTL { width:100%; float:left; background:#B9D3E9 url(images/background.gif) repeat-x 0 0; } #centerTR { width:100%; float:left; background:url(images/c-tr.gif) no-repeat 100% 0; } #centerBR { width:100%; float:left; background:url(images/c-br.gif) no-repeat 100% 100%; } #centerBL { width:100%; float:left; background:url(images/c-bl.gif) no-repeat 0 100%; } #container { width:1000px; display:block; margin-left:auto; margin-right:auto; } #left { float:left; width:560px; padding-top:20px; } #right { float:left; width:420px; padding: 0px; margin:20px 0 20px 0; } /* End Body Containers*/ /* Post */ .post { float:left; display:inline; width:520px; margin:0 0 7px 20px; background: #FFF; } .post .postHeader { float:left; width:520px; background: #FFF url() repeat-x top; } .post .postHeader h2 { font: 26px Arial, Tahoma, Verdana, Helvetica; color: #004D86; letter-spacing: -2px; font-weight: bold; margin: 20px 20px 0px 20px; } .post .postHeader p.desc { float:left; margin:5px 20px 0 20px; } .post .postHeader p.desc span.autor { padding:2px 0 2px 17px; background:url(images/ico-autor.png) no-repeat left center; } .post .postHeader p.desc span.cat { padding:2px 0 2px 17px; background:url(images/ico-category.png) no-repeat left center; } .post .postHeader h2.pageTitle { padding-left:0px; } /* Post Possible Options */ .post .postBody { width:480px; display:inline; float:left; margin: 0px 20px 0px 20px; } .post .postBody h3 { font-size:1.3em; font-family:Georgia, "Times New Roman", Times, serif; } .post .postBody h4 { font-size:1.1em; font-family:Georgia, "Times New Roman", Times, serif; } .post .postBody p, .post .postBody form { margin:15px 0 0 0; padding:0; } .post .postBody p ul{ margin-top:15px; margin-bottom:0; } .post .postBody p ul li { margin:0; padding:0; } .post .postBody ul { margin-top:15px; margin-bottom:0; } .post .postBody ul li { margin:0; padding:0; } .post .postBody ul#archive-cat{ margin-top:0; margin-bottom:0; } .post .postBody ul#archive-cat li ul { margin-top:0; margin-bottom:15px; } .post .postBody a img { border:1px solid #E5E5E5; padding: 2px; } .post .postBody a:hover img { border:1px solid #669933; padding: 2px; } .post .postBody blockquote { text-transform:uppercase; color:#999999; margin:15px 0 0 20px; } .post .postBody p blockquote { text-transform:uppercase; font-style:italic; margin:15px 0 0 20px; } /* End Post Possible Options */ .post .postFooter { float:right; width:520px; height:73px; background:url(images/bg-post-b.png) repeat-x bottom; } .post .postFooter .postComm a { float:right; margin:20px 33px 0 0; padding:5px 0 5px 20px; background:url(images/ico-comm.gif) no-repeat left; } .post .postFooter .utwTags { float:left; margin:25px 0 0 24px; padding:0; } ul.postScroll { float:left; display:inline; width:520px; margin:0px 20px 0 20px; padding:0; list-style-type:none; } ul.postScroll li.prev { float:left; margin:20px 0px 30px 0px; } ul.postScroll li.next { float:right; margin:20px 0px 30px 0px; } /* Right Column */ #sidebar #julitour { float: right; margin-left: 10px; width: 140px; } #sidebar { margin: 0px; } #sidebar ul { color: #777; padding: 0px; margin: 0px; display: inline; } #sidebar ul h2 { font: 26px Arial, Tahoma, Verdana, Helvetica; color: #69A1CF; letter-spacing: -2px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 0px; } #sidebar li { background: #D5E5F2; padding: 10px; list-style: none; margin: 0px 0px 10px 0px; } #sidebar #recentcomments { list-style: disc; } #sidebar ul li ul li { list-style: disc; padding: 0px; margin: 0px 0px 0px 15px; } /* Search */ #sidebar #search { float: left; color: #777; background: #D5E5F2; } #search form { float: left; display: block; margin:10; padding:10px; background: #FFF; } #search form div { display:inline; float:left; margin: 0px; width: 380px; } #search form div label.invisible { display:none; } /* for accessibility */ #searchsubmit { color: #777; text-decoration: none; font: bold 14px Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif; padding: 3px; background: url('images/bg_button_div.gif') top left; width: 120px; border: 0px; margin-left: 5px; } #searchsubmit:hover { color: #000; } #searchsubmit:active { background: url('images/bg_button_div.gif') bottom left; } #s { border: 1px #777 solid; padding: 4px; font: 12px Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif; color: #777; margin-bottom: 5px; width: 200px; } #s:focus { border: 1px #000 solid; color: #000; } /* Footlinks (Tube / Large Ads) */ .footlinks { width:420px; float:left; margin-top:20px; background:url(images/bg-h3-f.gif) no-repeat top left; } .footlinks .content { width:420px; float:left; } .footlinks .content h3 { font-size:1.7em; color:#FFF; font-weight:normal; margin:15px 20px 10px 20px; } .footlinks .content iframe { margin:auto; } /* Tags (Simple Tags) */ #tags { width:420px; float:left; } #tags h3 { font-size:1.7em; color:#FFF; font-weight:normal; margin:15px 20px 10px 20px; } #tags .st-tag-cloud { line-height:1.8em; margin:0; padding:5px 12px 5px 18px; } /* for IE */ * html #tags p a { line-height:120%; } /* Related Post (UTW3) */ #related { width:210px; float:left; background:url(images/bg-h3-h.gif) no-repeat top; } #related h3 { font-size:1.7em; color:#FFF; font-weight:normal; margin:15px 20px 10px 20px; } #related ul { line-height:1.4em; margin:0; padding:0; list-style-type:none; } #related ul li { font-weight:bold; margin-left:20px; } #related ul li a { display:block; padding:2px 0 2px 16px; margin:2px 0; color:#FFF; background:url(images/ico-cal.gif) no-repeat left; } /* Footer */ #footer { display:block; clear:left; display:table; width:990px; padding:10px 0 40px 0; margin-left:auto; margin-right:auto; } #footer p { display:inline; float:left; margin:5px 0 0 0; color:#999999; } #footer p.left { width:520px; margin-left:15px; } #footer p.right { width:410px; margin-right:20px; } #footer .meta { float:right; margin:0 0 0 25px; padding:0; list-style-type:none; } #footer .meta li { margin:5px 15px 0 15px; } #footer .meta li a { margin:5px 0 0 0; } #footer .meta li a.rss { background:url(images/ico-rss-h.gif) no-repeat left; padding:3px 0 3px 25px; } /* Trackbacks & Comments */ #trackback { display:inline; width:500px; float:left; margin:7px 0 20px 20px; padding-bottom:20px; } #trackback h3 { font: 26px Arial, Tahoma, Verdana, Helvetica; color: #69A1CF; letter-spacing: -2px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 0px; } #trackback ul { display:inline; float:left; margin:0; padding:0; list-style-type:none; } #trackback ul li { display:inline; width:460px; float:left; margin:0 20px 10px 20px; border-top:1px solid #fff; } /* Comments */ .commentwrap { float: left; background: #FFF; margin: 0px 0px 20px 20px; width: 520px; } #comments, #comments-form h3 { font: 26px Arial, Tahoma, Verdana, Helvetica; color: #777; letter-spacing: -2px; font-weight: bold; margin: 20px 20px 5px 20px; padding: 0px; text-transform: uppercase; } .even { display:inline; width:480px; float:left; margin:0 0 20px 20px; padding:0 0 6px 0; background: #EEE no-repeat bottom; } .even p { padding:0 20px 10px 20px; margin:0; } .even p.info { margin:0; padding:0 20px 16px 10px; color:#777; background:#FFF url(images/bg-comm-t.png) no-repeat bottom left; } .odd { display:inline; width:480px; float:left; margin:0 0 20px 20px; padding:0 0 6px 0; background: #EEE no-repeat bottom; } .odd p { padding:0 20px 10px 20px; margin:0; } .odd p.info { margin:0; padding:0 20px 16px 10px; color:#777; background:#FFF url(images/bg-comm-t.png) no-repeat bottom left; } /* Comment Form */ #commentform { line-height:1.2em; display:inline; width:480px; float:left; margin:0 0 20px 20px; background: #FFF; } #commentform p.skinned { display:inline; width:480px; float:left; margin:0 0 0px 0; padding:0px 0px 10px 0px; background: no-repeat bottom left #FFF; } #commentform p.skinned label { clear: left; color:#777; margin: 10px 0 2px 0px; } #commentform p.skinned input { display:inline; float: left; border: 1px #777 solid; padding: 4px; font: 12px Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif; color: #777; margin: 0px 0px 0px 0px; width: 350px; } #commentform p.skinned input:focus { border: 1px #000 solid; color: #000; } #commentform p.skinnedArea { display:inline; width:480px; float:left; margin:0 0 0px 0; padding:0px 0px 10px 0px; background: no-repeat bottom left #FFF; } #commentform p.skinnedArea label { clear: left; color:#777; margin: 10px 0 2px 0px; } #commentform p.skinnedArea textarea { display:inline; float: left; border: 1px #777 solid; padding: 4px; font: 12px Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif; color: #777; margin: 0px 0px 0px 0px; width: 350px; } #commentform p.skinnedArea input:focus { border: 1px #000 solid; color: #000; } #commentform #sub { color: #777; text-decoration: none; font: bold 14px Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif; padding: 3px; background: url('images/bg_button_div.gif') top left; width: 120px; border: 0px; margin: 0px; } #commentform #sub:hover { color: #000; } #commentform #sub:active { background: url('images/bg_button_div.gif') bottom left; } .errmsg { color:#ff0000; font-weight:bold; font-size:1em; margin:0 0 10px 40px; } .okmsg { float:left; color:#ffffff; font-weight:bold; font-size:1em; margin:0 0 10px 42px; } /* All done:) */