body, h1, h2, h3, h4, h5, h6, p, hr, ul, ol, li, table, tr, th, td, img, a { margin:0px; padding:0px; font-family:Helvetica Neue, Arial, Sans-serif; font-weight:normal; list-style:none; border:none; text-decoration:none; } body { background:#FFFFFF; } a:focus { outline:none; } h1 { font-family:Helvetica Neue, Arial, Sans-serif; font-weight:lighter; } h2 { font-family:Helvetica Neue, Arial, Sans-serif; font-weight:lighter; } h3 { font-family:Helvetica Neue, Arial, Sans-serif; font-weight:lighter; } h4 { font-family:Helvetica Neue, Arial, Sans-serif; font-weight:lighter; } p { line-height:18px; } li { line-height:18px; } /* CONTAINER */ #navigation { position:absolute; top:0px; left:50%; margin-left:-504px; width:200px; height:172px; background:#000000; } #header { position:absolute; top:4px; left:50%; margin-left:-255px; width:804px; height:168px; background:#FFFFFF; background-image:url(../images/headerimage.gif); background-repeat:no-repeat; } #wrapper { position:absolute; top:176px; left:50%; margin-left:-300px; width:804px; } #content { width:600px; float:left; } #sidebar { width:200px; float:right; } #footer { width:600px; height:36px; display:block; background:#FFFFFF; clear:both; border-bottom:20px solid #FFFFFF; border-top:56px solid #FFFFFF; } #networks { width:200px; height:72px; display:block; border-bottom:4px solid #FFFFFF; background:#EAF3F9; } #search { width:200px; height:72px; display:block; border-bottom:4px solid #FFFFFF; background-image:url(../images/searchfield.gif); background-repeat:no-repeat; } #showreel { width:200px; display:block; background:#000000; border-bottom:4px solid #FFFFFF; background-image:url(../images/showreel_small.jpg); background-repeat:no-repeat; } #stereoscopic { width:200px; display:block; background:#000000; border-bottom:4px solid #FFFFFF; background-image:url(../images/stereoscopic_small.jpg); background-repeat:no-repeat; } #tags { width:200px; display:block; background:#FFFFFF; border-bottom:4px solid #FFFFFF; } #contact { width:200px; display:block; background:#EAF3F9; border-bottom:4px solid #FFFFFF; } #twitter { width:200px; display:block; background:#000000; border-bottom:4px solid #FFFFFF; } .projects { display:block; background:#FFFFFF; margin-bottom:28px; } .blog-excerpt { height:auto; display:block; background:#000000; padding-bottom:30px; border-top:4px solid #FFFFFF; border-bottom:4px solid #FFFFFF; } /* GEMEINSAME ABSTÄNDE SIDEBAR */ #sidebar h2 { margin-left:15px; margin-right:15px; } #sidebar p { margin-left:15px; margin-right:15px; } /* HAUPTNAVIGATION */ #navigation ul { margin-top:40px; } #navigation li { font-size:20px; height:21px; line-height:21px; margin:0px; padding:0px; padding-left:28px; display:block; } #navigation a:link { color:#FFFFFF; line-height:21px; height:21px; margin:0px; padding:0px; display:block; } #navigation a:visited { color:#FFFFFF; line-height:21px; height:21px; margin:0px; padding:0px; display:block; } #navigation a:hover { color:#308AC2; } #navigation a.active { color:#308AC2; } /* Bildnavigation #navigation ul { margin-top:40px; } #navigation li { width:200px; height:21px; display:block; } #navigation a { width:200px; height:21px; display:block; } #navigation li.news { background-image:url(../images/hn_bt_news_n.gif); background-repeat:no-repeat; } #navigation li.news a:link { background-image:url(../images/hn_bt_news_n.gif); background-repeat:no-repeat; } #navigation li.news a:visited { background-image:url(../images/hn_bt_news_n.gif); background-repeat:no-repeat; } #navigation li.news a:hover { background-image:url(../images/hn_bt_news_a.gif); background-repeat:no-repeat; } #navigation li.news a.active { background-image:url(../images/hn_bt_news_a.gif); background-repeat:no-repeat; } #navigation li.projects { background-image:url(../images/hn_bt_projects_n.gif); background-repeat:no-repeat; } #navigation li.projects a:link { background-image:url(../images/hn_bt_projects_n.gif); background-repeat:no-repeat; } #navigation li.projects a:visited { background-image:url(../images/hn_bt_projects_n.gif); background-repeat:no-repeat; } #navigation li.projects a:hover { background-image:url(../images/hn_bt_projects_a.gif); background-repeat:no-repeat; } #navigation li.projects a.active { background-image:url(../images/hn_bt_projects_a.gif); background-repeat:no-repeat; } #navigation li.about { background-image:url(../images/hn_bt_about_n.gif); background-repeat:no-repeat; } #navigation li.about a:link { background-image:url(../images/hn_bt_about_n.gif); background-repeat:no-repeat; } #navigation li.about a:visited { background-image:url(../images/hn_bt_about_n.gif); background-repeat:no-repeat; } #navigation li.about a:hover { background-image:url(../images/hn_bt_about_a.gif); background-repeat:no-repeat; } #navigation li.about a.active { background-image:url(../images/hn_bt_about_a.gif); background-repeat:no-repeat; } #navigation li.contact { background-image:url(../images/hn_bt_contact_n.gif); background-repeat:no-repeat; } #navigation li.contact a:link { background-image:url(../images/hn_bt_contact_n.gif); background-repeat:no-repeat; } #navigation li.contact a:visited { background-image:url(../images/hn_bt_contact_n.gif); background-repeat:no-repeat; } #navigation li.contact a:hover { background-image:url(../images/hn_bt_contact_a.gif); background-repeat:no-repeat; } #navigation li.contact a.active { background-image:url(../images/hn_bt_contact_a.gif); background-repeat:no-repeat; } #navigation li.blog { background-image:url(../images/hn_bt_blog_n.gif); background-repeat:no-repeat; } #navigation li.blog a:link { background-image:url(../images/hn_bt_blog_n.gif); background-repeat:no-repeat; } #navigation li.blog a:visited { background-image:url(../images/hn_bt_blog_n.gif); background-repeat:no-repeat; } #navigation li.blog a:hover { background-image:url(../images/hn_bt_blog_a.gif); background-repeat:no-repeat; } #navigation li.blog a.active { background-image:url(../images/hn_bt_blog_a.gif); background-repeat:no-repeat; } */ /* FUSSNAVI */ #footer li { font-size:13px; float:left; padding-top:20px; padding-left:28px; color:#308AC2; } #footer li a:link { color:#999999; } #footer li a:visited { color:#999999; } #footer li a:hover { color:#308AC2; } /* SOCIAL NETWORKS */ #networks ul { padding-right:15px; padding-top:23px; } #networks li { float:right; margin-left:10px; } .facebook { width:26px; height:26px; display:block; background-image:url(../images/icon_facebook.gif); } .twitter { width:26px; height:26px; display:block; background-image:url(../images/icon_twitter.gif); } .vimeo { width:26px; height:26px; display:block; background-image:url(../images/icon_vimeo.gif); } .email { width:26px; height:26px; display:block; background-image:url(../images/icon_email.gif); } .rss { width:26px; height:26px; display:block; background-image:url(../images/icon_rss.gif); } .facebook a:link { width:26px; height:26px; display:block; background-image:url(../images/icon_facebook.gif); } .facebook a:visited { width:26px; height:26px; display:block; background-image:url(../images/icon_facebook.gif); } .facebook a:hover { width:26px; height:26px; display:block; background-image:url(../images/icon_facebook_c.gif); } .twitter a:link { width:26px; height:26px; display:block; background-image:url(../images/icon_twitter.gif); } .twitter a:visited { width:26px; height:26px; display:block; background-image:url(../images/icon_twitter.gif); } .twitter a:hover { width:26px; height:26px; display:block; background-image:url(../images/icon_twitter_c.gif); } .vimeo a:link { width:26px; height:26px; display:block; background-image:url(../images/icon_vimeo.gif); } .vimeo a:visited { width:26px; height:26px; display:block; background-image:url(../images/icon_vimeo.gif); } .vimeo a:hover { width:26px; height:26px; display:block; background-image:url(../images/icon_vimeo_c.gif); } .email a:link { width:26px; height:26px; display:block; background-image:url(../images/icon_email.gif); } .email a:visited { width:26px; height:26px; display:block; background-image:url(../images/icon_email.gif); } .email a:hover { width:26px; height:26px; display:block; background-image:url(../images/icon_email_c.gif); } .rss a:link { width:26px; height:26px; display:block; background-image:url(../images/icon_rss.gif); } .rss a:visited { width:26px; height:26px; display:block; background-image:url(../images/icon_rss.gif); } .rss a:hover { width:26px; height:26px; display:block; background-image:url(../images/icon_rss_c.gif); } /* SEARCH FORM */ #search form { padding-top:22px; } #search input { float:left; } #search .feld { font-size:15px; line-height:20px; height:20px; color:#B6B8BA; background:#EAF3F9; margin-left:15px; margin-top:2px; margin-right:9px; border:none; } #search .button { width:26px; height:26px; float:right; margin-right:15px; border:none; background-image:url(../images/icon_search.gif); cursor:pointer } #search .button:hover { background-image:url(../images/icon_search_c.gif); } /* SHOWREEL */ #showreel h2 { margin:0px; font-size:15px; letter-spacing:1px; font-weight:normal; height:72px; width:200px; background-image:url(../images/play_white.gif); background-repeat:no-repeat; background-position:160px 44px; display:block; } #showreel a { padding-top:50px; padding-left:15px; padding-right:15px; } #showreel h2 a:link { color:#FFFFFF; background-image:url(../images/play_white.gif); background-repeat:no-repeat; background-position:160px 44px; display:block; } #showreel h2 a:visited { color:#FFFFFF; background-image:url(../images/play_white.gif); background-repeat:no-repeat; background-position:160px 44px; display:block; } #showreel h2 a:hover { background-image:url(../images/play_white_c.gif); } #stereoscopic h2 { margin:0px; font-size:15px; letter-spacing:1px; font-weight:normal; height:72px; width:200px; background-image:url(../images/play_white.gif); background-repeat:no-repeat; background-position:160px 44px; display:block; } #stereoscopic a { padding-top:50px; padding-left:15px; padding-right:15px; } #stereoscopic h2 a:link { color:#FFFFFF; background-image:url(../images/play_white.gif); background-repeat:no-repeat; background-position:160px 44px; display:block; } #stereoscopic h2 a:visited { color:#FFFFFF; background-image:url(../images/play_white.gif); background-repeat:no-repeat; background-position:160px 44px; display:block; } #stereoscopic h2 a:hover { background-image:url(../images/play_white_c.gif); } #stereoscopic #stern3d { position:absolute; top:234px; left:778px; width:44px; height:44px; background-image:url(../images/3dstern.gif); } /* TAGS */ #tags h2 { font-size:15px; color:#000000; letter-spacing:1px; font-weight:normal; padding-top:28px; } #tags a { font-size:11px; color:#000000; letter-spacing:1px; width:110px; margin-right:15px; display:block; } /* TWITTERTWEET */ #twitter h2 { font-size:13px; color:#DDDDDD; } #twitter p { font-size:11px; color:#DDDDDD; } #twitter .twtr-widget { margin-left:5px; } #twitter .twtr-ft img { clear:right; } #twitter .twtr-ft span { float:left; text-align:left; padding-top:10px; padding-bottom:5px; } #twitter a.twtr-join-conv { display:none; } /* PROJEKTE */ .projects { font-size:13px; color:#808285; word-spacing:1px; line-height:20px; padding-left:28px; padding-right:28px; } .projects h2 { font-size:24px; position:absolute; top:216px; width:544px; height:40px; font-weight:normal; color:#000000; letter-spacing:1px; word-spacing:2px; padding-top:28px; } .projects h2 span { font-size:11px; font-weight:normal; color:#808285; letter-spacing:1px; word-spacing:1px; line-height:11px; padding-left:2px; padding-top:4px; display:block; } .projects p { padding-top:8px; padding-bottom:20px; display:block; } .projects p img { margin-left:-28px; margin-top:-8px; display:block; } .projects span { clear:both; display:block; height:84px; } .projects a:link { color:#808285; } .projects a:visited { color:#808285; } .projects a:hover { color:#308AC2; } .projects .hvlog { position:static; width:500px; height:30px; margin-top:-50px; margin-bottom:66px; display:block; } .projects .hvlog a:link { position:absolute; top:320px; font-size:13px; text-transform:uppercase; color:#808285; word-spacing:1px; letter-spacing:1px; line-height:32px; width:90px; height:26px; display:block; background-image:url(../images/icon_play.gif); background-repeat:no-repeat; background-position:right; } .projects .hvlog a:visited { position:absolute; top:320px; font-size:13px; text-transform:uppercase; color:#808285; word-spacing:1px; letter-spacing:1px; line-height:32px; width:90px; height:26px; display:block; background-image:url(../images/icon_play.gif); background-repeat:no-repeat; background-position:right; background-position:right; } .projects .hvlog a:hover { background-image:url(../images/icon_play_c.gif); repeat:no-repeat; } .projects .screenshots { width:600px; display:block; background:#000000; margin-top:28px; } .projects .screenshots p { padding-bottom:0px; padding-top:4px; } .projects .screenshots h2 { position:static; font-size:15px; font-weight:normal; color:#808285; padding-top:15px; padding-bottom:10px; height:18px; letter-spacing:1px; word-spacing:0px; border-top:4px solid #FFFFFF; } .projects .screenshots img { border-top:4px solid #000000; border-left:8px solid #000000; border-right:8px solid #000000; border-bottom:8px solid #000000; display:block; } a.textlink:link { color:#808285; text-decoration:underline; } a.textlink:visited { color:#808285; text-decoration:underline; } a.textlink:hover { color:#308AC2; } .jobs { font-size:13px; color:#808285; word-spacing:1px; line-height:20px; padding-right:28px; } .jobs h2 { height:40px; font-size:24px; font-weight:normal; color:#000000; letter-spacing:1px; word-spacing:2px; margin-left:28px; margin-right:28px; padding-top:28px; border-bottom:1px dotted #58595B; } .jobs h3 { font-size:11px; color:#808285; font-weight:bold; letter-spacing:1px; word-spacing:2px; padding-left:28px; padding-top:28px; } .jobs p { font-size:11px; color:#808285; word-spacing:1px; line-height:20px; padding-left:28px; display:block; } /* NEWS */ .news { font-size:13px; color:#808285; word-spacing:1px; line-height:20px; padding-left:28px; padding-right:28px; } .news h2 { font-size:24px; width:544px; height:40px; font-weight:normal; color:#000000; letter-spacing:1px; word-spacing:2px; padding-top:28px; } .news h2 span { font-size:11px; font-weight:normal; color:#808285; letter-spacing:1px; word-spacing:1px; line-height:11px; padding-left:2px; padding-top:4px; display:block; } .news h3 { font-size:11px; color:#808285; font-weight:bold; letter-spacing:1px; word-spacing:2px; padding-top:28px; } .news p { padding-top:8px; padding-bottom:20px; display:block; } .news .hvlog { width:500px; height:30px; margin-top:36px; margin-bottom:9px; display:block; } .news .hvlog a:link { width:90px; font-size:13px; text-transform:uppercase; color:#808285; word-spacing:1px; letter-spacing:1px; line-height:32px; height:26px; display:block; background-image:url(../images/icon_play.gif); background-repeat:no-repeat; background-position:right; } .news .hvlog a:visited { width:90px; font-size:13px; text-transform:uppercase; color:#808285; word-spacing:1px; letter-spacing:1px; line-height:32px; height:26px; display:block; background-image:url(../images/icon_play.gif); background-repeat:no-repeat; background-position:right; } .news .hvlog a:hover { background-image:url(../images/icon_play_c.gif); repeat:no-repeat; } div.screenshots { width:600px; display:block; background:#000000; margin-top:28px; border-top:4px solid #FFFFFF; } .screenshots p { padding-bottom:0px; padding-top:4px; } .screenshots h2 { position:static; font-size:15px; font-weight:normal; color:#FFFFFF; text-transform:uppercase; padding-left:28px; padding-top:15px; padding-bottom:10px; height:18px; letter-spacing:1px; word-spacing:0px; } .screenshots img { border-top:4px solid #000000; border-left:8px solid #000000; border-right:8px solid #000000; border-bottom:8px solid #000000; display:block; } /* BLOGAUSZUG */ .blog-excerpt h1 { font-size:24px; font-weight:normal; color:#FFFFFF; background:#000000; letter-spacing:1px; padding:28px; padding-bottom:0px; } .blog-excerpt h1 span { font-size:11px; line-height:13px; color:#808285; margin-left:2px; letter-spacing:1px; } .blog-excerpt h1 a:link { color:#FFFFFF; } .blog-excerpt h1 a:visited { color:#FFFFFF; } .blog-excerpt h1 a:hover { color:#308AC2; } .blog-excerpt h2 { font-size:24px; font-weight:normal; color:#FFFFFF; letter-spacing:1px; word-spacing:2px; padding-left:28px; padding-top:38px; } .blog-excerpt p.posted { margin:0px; padding:0px; padding-left:28px; } .blog-excerpt a:link { color:#FFFFFF; } .blog-excerpt a:visited { color:#FFFFFF; } .blog-excerpt a:hover { color:#308AC2; } .blog-excerpt p { position:static; font-size:13px; color:#FFFFFF; word-spacing:1px; line-height:20px; padding:28px; display:block; } .blog-excerpt img { position:static; font-size:13px; display:block; clear:both; margin-left:-28px; margin-bottom:28px; } .blog-excerpt object { margin-left:-28px; } div.functions { width:600px; height:30px; display:none; letter-spacing:1px; padding-top:4px; } .functions div { margin:0px; padding:0px; float:left; display:block; } .functions p { margin:0px; padding:0px; float:left; display:block; } .functions img { margin:0px; padding:0px; float:left; display:block; } div.post-ratings-loading { display:none; } div.twitter-this { width:80px; height:30px; margin:0px; padding:0px; padding-left:28px; float:left; display:block; } p.twitter-this { font-size:11px; line-height:22px; text-transform:uppercase; color:#808285; margin-bottom:6px; } p.twitter-this img { margin-bottom:-6px; } div.addtoany_share_save_container { width:100px; height:30px; margin:0px; padding:0px; float:left; display:block; margin-top:-1px; } .addtoany_share_save_container p { font-size:11px; line-height:24px; text-transform:uppercase; color:#808285; margin:0px; padding:0px; } .addtoany_share_save_container p a { margin:0px; padding:0px; } div.post-ratings { width:95px; height:30px; margin:0px; padding:0px; float:left; display:block; margin-top:-2px; font-size:11px; line-height:24px; } .post-ratings p { font-size:11px; line-height:24px; text-transform:uppercase; color:#FFFFFF; margin-bottom:6px; } .post-ratings p img { margin-bottom:-4px; } h3.reply-index { font-size:13px; line-height:30px; color:#808285; letter-spacing:1px; width:200px; display:block; } div.posttags { width:600px; clear:both; height:42px; margin-top:15px; margin-bottom:10px; border-top:1px dotted #FFFFFF; border-bottom:1px dotted #FFFFFF; } .posttags li { font-size:11px; color:#FFFFFF; line-height:42px; float:left; padding-left:28px; } /* CONTACT */ #contact h2 { font-size:15px; color:#808285; letter-spacing:1px; font-weight:normal; padding-top:28px; } #contact p { font-size:11px; color:#808285; letter-spacing:1px; line-height:15px; padding-top:28px; padding-bottom:28px; }