/*
 * Copyright (c) 2010 
 * -------------------------------
 * powered by revaxarts.com (http://revaxarts.com)
 * original filename: main.css
 * filesize: 18147 Bytes
 * last modified: Tue, 20 Jul 2010 00:52:56 +0200
 *
 */
 @import "http://css.revaxarts.com/reset.css"; body, html, textarea, button, input, select, h1, h2, h3, h4, h5, h6 { font-family:'PTSansRegular',Arial, Helvetica, sans-serif; } strong, #headernav a, .logotype { font-family:'PTSansBold',Arial, Helvetica, sans-serif; } h1, h2 { font-family:Arial, Helvetica, sans-serif; font-weight:700; } #twittermsg, #twittertime{ font-family:Georgia, "Times New Roman", Times, serif; } html, body { background:url(http://images.revaxarts.com/revaxarts/other/bg.png) repeat-y #FFEFC2 center fixed; font-size:111%; color:#633000; height:100%; } a{ color:#633000; text-decoration:none; } a:link { } a:visited { } a:hover { color:#23B9D9; } a:active { color:#23B9D9; } a.btn, button, .btn{ background:url(http://images.revaxarts.com/revaxarts/other/btn.gif) no-repeat right top; color:#F9F5EA; cursor:pointer; display:block; float:left; font-size:12px; height:33ponx; line-height:33px; padding:0 10px; text-align:center; width:130px; } button, .btn{ border:0; color:#FFEFC2; height:33px; width:150px; } a.btn:hover, button:hover, .btn:hover{ background-position:right center; color:#633000; } a.btn:active, button:active, .btn:active{ background-position:right bottom; color:#633000; } h1{ font-size:80px; letter-spacing:-6px; } h2{ font-size:28px; letter-spacing:-1px; line-height:25px; } h3{ font-size:14px; margin-top:5px; } h4{ font-size:18px; } h5{ font-size:12px; margin-top:5px; } p, li, input, textarea{ font-size:12px; line-height:17px; } hr{ margin-bottom:20px; } acronym{ cursor:help; } sup{ vertical-align:super; font-size:smaller; } sub{ vertical-align:sub; font-size:smaller; } noscript p, .noscript{ background:url(http://images.revaxarts.com/revaxarts/other/task.png) #FFEFC2 no-repeat top left; border:1px solid #FB6B12; color:#FB6B12; font-size:18px; height:35px; margin:0 10px; padding:25px 0 3px 70px; } .beige{ color:#F9F5EA; } .blue{ color:#23B9D9; } .orange{ color:#FB6B12; } .green{ color:#CCCC03; } .red{ color:#F00; } .clear { clear:both; float:none; } .logotype{ color:#23B9D9; } .marginup{ margin-top:-70px; } .marginup2{ margin-top:-150px; } .cursor{ cursor:pointer; } .right{ float:right; text-align:right; } #wrapper{ height:auto !important; height:100%; min-height:100%; } #headerbox, #contentbox, #bignavbox, #footerbox{ margin:auto; width:960px; } #header{ background:url(http://images.revaxarts.com/revaxarts/header/bg.png) repeat-x; height:84px; } #shadow_top { background:transparent url(http://images.revaxarts.com/revaxarts/shadow/top.png) repeat-x scroll 0 0; border-top:1px solid #633000; height:20px; } #shadow_bottom { clear:both; background:transparent url(http://images.revaxarts.com/revaxarts/shadow/bottom.png) repeat-x scroll 0 0; border-bottom:1px solid #633000; height:20px; } #viewer{ background:#663000; background:url(http://images.revaxarts.com/revaxarts/other/bg.png) repeat-y #FFEFC2 center fixed; position:fixed; top:0; bottom:0; right:0; left:0; display:none; } #viewercont{ min-height:40px; min-width:40px; background:#663000; position:fixed; display:none; border:6px solid #FFFFFF; } #headerlogo img{ margin:35px 0 0 16px; } #headernav{ float:right; } #headernav li{ font-size:12px; display:block; float:left; margin-top:55px; padding:10px 3px 15px 3px; text-align:left; z-index:5; } #headernav a{ padding:8px; padding-bottom:0px; } #headernav a:hover{ color:#23B9D9; } #headernav .selected{ border-bottom-left-radius:5px; border-bottom-right-radius:5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; padding-bottom:10px; background:transparent url(http://images.revaxarts.com/revaxarts/header/bg_selected.png) repeat-x 0 3px; color:#F9F5EA; } #content{ background:transparent url(http://images.revaxarts.com/revaxarts/other/bg.png) no-repeat center top; background:none; } #slidebox, #contentbox{ overflow:hidden; } .jFlowSlideContainer{ overflow:hidden !important; } .main{ min-height:380px; padding:40px 25px 0 25px; padding:0; } div, li{ border:0px solid gray; } .main{ margin-top:40px; } .main div{ float:left; } .main .colwrapper{ padding-right:40px; margin:0; width:970px; } .main .fullcol{ float:left; clear:both; margin:15px 15px 8px 15px; width:930px; } .main .halfcol{ float:left; margin:15px 15px 8px 15px; width:446px; } .main .threequartercol{ float:left; margin:15px 15px 8px 15px; width:688px; } .main .quartercol{ float:left; margin:15px 15px 8px 15px; width:208px; } .main p{ margin:8px 0; } .main ul{ margin:8px 0px; } #contactdetails{ margin-top:20px; } #contactdetails li{ float:left; } #contactdetails li li{ float:none; } #contact_phone, #contact_mail, #contact_home{ padding:20px; } #contact_phone{ background:transparent url(http://images.revaxarts.com/revaxarts/contact/phone.png) no-repeat scroll left top; } #contact_mail{ background:transparent url(http://images.revaxarts.com/revaxarts/contact/mail.png) no-repeat scroll left top; } #contact_home{ background:transparent url(http://images.revaxarts.com/revaxarts/contact/home.png) no-repeat scroll left top; } #featuredproject{ padding:13px; position:relative; } #featuredsign, #featuredsignnew{ width:120px; height:120px; position:absolute; top:0px; left:330px; background:transparent url(http://images.revaxarts.com/revaxarts/featured/button.png) no-repeat scroll left top; z-index:1000; } #featuredsignnew{ background:transparent url(http://images.revaxarts.com/revaxarts/featured/button_neu.png) no-repeat scroll left top; } #skills li{ background:transparent url(http://images.revaxarts.com/revaxarts/skills/blue.gif) no-repeat scroll right center; } #skills li span{ color:#F9F5EA; display:block; line-height:12px; margin:3px 0 3px -1px; padding:4px 0 4px 12px; background:transparent url(http://images.revaxarts.com/revaxarts/skills/start.png) no-repeat scroll left center; } #skills .ps{ background-image: url(http://images.revaxarts.com/revaxarts/skills/blue.gif); width:80%; } #skills .dw{ background-image: url(http://images.revaxarts.com/revaxarts/skills/blue.gif); width:90%; } #skills .fl{ background-image: url(http://images.revaxarts.com/revaxarts/skills/blue.gif); width:65%; } #skills .il{ background-image: url(http://images.revaxarts.com/revaxarts/skills/orange.gif); width:70%; } #skills .id{ background-image: url(http://images.revaxarts.com/revaxarts/skills/orange.gif); width:50%; } #skills .pr{ background-image: url(http://images.revaxarts.com/revaxarts/skills/green.gif); width:30%; } #skills .ae{ background-image: url(http://images.revaxarts.com/revaxarts/skills/green.gif); width:35%; } #skills .c4{ background-image: url(http://images.revaxarts.com/revaxarts/skills/green.gif); width:35%; } .work{ border-top:1px solid #633000; clear:both; float:none; margin-top:50px; padding-bottom:0px; width:960px; } iframe.likebtn{ vertical-align:middle; margin-left:5px; border:none; overflow:hidden; width:100px; height:21px; } a.tweetit, a.xingit{ background:url(http://icons.revaxarts.com/fam/social_twitter.png) no-repeat 2px 4px; cursor:pointer; padding:4px 10px; min-width:23px; text-indent:-9999px; } a.xingit{ background:url(http://icons.revaxarts.com/fam/social_xing.png) no-repeat 2px 4px; } .picturetitle{ clear:both; font-size:10px; margin-top:-20px; padding-left:6px; } .workpicture img, .workpicture_small img,.workpicture object{ border:6px solid #FFFFFF; } .slidy{ border:6px solid #fff; } img.clickable, img.movie{ cursor:pointer; } img.clickable:hover, img.movie:hover{ border:6px solid #23B9D9; } object{ display:block; } #productslider_logo{ border: 0px solid #fff !important; } script2{ display:none; } .workpicture{ background:transparent url(http://images.revaxarts.com/revaxarts/shadow/pic_large.png) no-repeat scroll right top; padding-right:23px; } .workpicture_small{ background:transparent url(http://images.revaxarts.com/revaxarts/shadow/pic_small.png) no-repeat scroll bottom right; padding-bottom:10px; padding-right:10px; } .top, .topbtn, .bottom{ display:block; font-size:10px; font-variant:small-caps; text-align:left; width:80px; } .bottom{ float:right; text-align:right; } .impressum p, .agb p{ font-size:10px; margin-bottom:15px; text-align:justify; } .main h1, .main h2 { background:transparent url(http://images.revaxarts.com/revaxarts/headlines/h1.gif) no-repeat; height:83px; margin-left:13px; text-indent:-9999px; } .main h2 { background:transparent url(http://images.revaxarts.com/revaxarts/headlines/h2.gif) no-repeat; height:29px; margin-top:-14px; margin-left:13px; } .start h1 { background-position:0 -8px; } .start h2 { background-position:0 -4px; } .kompetenzen h1 { background-position:0 -88px; } .kompetenzen h2 { background-position:0 -44px; } .profil h1 { background-position:0 -168px; } .profil h2 { background-position:0 -84px; } .kontakt h1 { background-position:0 -248px; } .kontakt h2 { background-position:0 -124px; } .portfolio h1 { background-position:0 -328px; } .portfolio h2 { background-position:0 -164px; } .impressum h1 { background-position:0 -408px; } .impressum h2 { background-position:0 -204px; } .agb h1 { background-position:0 -488px; } .agb h2 { background-position:0 -244px; } .error404 h1 { background-position:0 -568px; } .error404 h2 { background-position:0 -284px; } .noh h1, .noh h2 { background:none; margin-left:13px; text-indent:0px; } .noh h1 { margin-left:11px; } form{ margin-top:-30px; padding-top:30px; } label{ cursor:pointer; display:block; font-size:10px; margin-top:10px; width:30px; } .input { background:url(http://images.revaxarts.com/revaxarts/shadow/input.png) #F9F5EA repeat-x scroll bottom; border:1px solid #FFF; border-bottom:1px solid #633000; color:#633000; float:none; line-height:18px; margin:3px 0; padding:4px; width:440px; z-index:20000; } .input:focus { background:url(http://images.revaxarts.com/revaxarts/shadow/top.png) #F9F5EA repeat-x scroll 0 -8px; border:2px solid #FB6B12; padding:3px; } textarea{ background:url(http://images.revaxarts.com/revaxarts/shadow/input.png) #F9F5EA repeat-x scroll bottom; height:100px; } #bignav .bignavbutton{ background:transparent url(http://images.revaxarts.com/revaxarts/bignav/bg.png) repeat-x scroll 0 0; display:block; height:160px; padding:40px; width:159px; } #bignav .bignavbutton:hover{ background:none; } #bignav .bignavbutton a{ height:100%; width:100%; } #bignav .bignavbutton a:hover{ color:#23B9D9; } #bignav .bignavbutton a:active{ color:#F9F5EA; } #bignav .selected a{ color:#F9F5EA; } #bignav .selected{ border-top-left-radius:10px; border-top-right-radius:10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; background:transparent url(http://images.revaxarts.com/revaxarts/bignav/bg_selected.png) repeat-x scroll 0 0; color:#F9F5EA; margin-top:-12px; height:172px; width:159px; } #bignav .selected:hover{ background:transparent url(http://images.revaxarts.com/revaxarts/bignav/bg_selected.png) repeat-x scroll 0 0; } #bignav li{ background:transparent url(http://images.revaxarts.com/revaxarts/bignav/seperator.gif) no-repeat scroll 239px 0; cursor:pointer; display:block; float:left; width:240px; } #bignav li.kontakt { background:none !important; width:238px; } #bignav li p{ margin-top:10px; } #bignav h4{ text-align:center; } #bg_start, #bg_kompetenzen, #bg_profil, #bg_kontakt{ background:transparent url(http://images.revaxarts.com/revaxarts/bignav/icons.png) scroll no-repeat; margin-top:10px; width:150px; height:150px; } #bg_start{ background-position:0 0; } #bg_kompetenzen{ background-position:-148px 0; } #bg_profil{ background-position:-295px 0; } #bg_kontakt{ background-position:-445px 0; } .selected #bg_start{ background-position:0 -150px; } .selected #bg_kompetenzen{ background-position:-148px -150px; } .selected #bg_profil{ background-position:-295px -150px; } .selected #bg_kontakt{ background-position:-445px -150px; } #bignav{ clear:both; } #footer{ border-top:0px solid #F9F5EA; background:#633000; color:#F9F5EA; clear:both; display:block; font-size:10px; height:145px; } #footer p, #footer li{ line-height:14px; font-size:10px; } #footerbox{ height:79px; background:#633000; clear:both; line-height:10px; } #copyright, #socialbar{ padding:15px 20px; } #copyright, #footernav, #twitter{ color:#F9F5EA; float:left; } #footernav{ margin:20px 0 0 80px; } #twitter{ margin:20px 0 0 160px; } #footernav li{ font-size:10px !important; list-style-image:url(http://images.revaxarts.com/revaxarts/footer/list_bullet.gif); } #footer a{ color:#F9F5EA; } #footer a:hover { color:#23B9D9; } #footer a:active { color:#23B9D9; } #twittermsg, #twittertime{ display:block; width:230px; line-height:normal; font-size:16px; font-style:italic; } #twittertime{ margin-top:3px; font-size:10px; cursor:help; } #socialbar{ float:right; } #socialbar a{ background:url(http://images.revaxarts.com/revaxarts/footer/social_media_icons.png) no-repeat 0 0; cursor:pointer; display:block; float:left; height:23px; margin:8px 0 0 2px; width:23px; } #socialbar a.twitter{ background-position:-46px 0; } #socialbar a.twitter:hover{ background-position:-46px -24px; } #socialbar a.xing{ background-position:-93px 0; } #socialbar a.xing:hover{ background-position:-93px -24px; } #socialbar a.google{ background-position:-116px 0; } #socialbar a.google:hover{ background-position:-116px -24px; } #socialbar a.digg{ background-position:-162px 0; } #socialbar a.digg:hover{ background-position:-162px -24px; } #socialbar a.facebook{ background-position:-139px 0; } #socialbar a.facebook:hover{ background-position:-139px -24px; } #socialbar a.youtube{ background-position:-24px 0; } #socialbar a.youtube:hover{ background-position:-24px -24px; } .slider{ display:none; } .nivoSlider { position:relative; } .nivoSlider img { position:absolute; top:0px; left:0px; bottom:0px; right:0px; border:6px solid #fff; } .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; bottom:0px; right:0px; border:6px solid #fff; padding:0; margin:0; z-index:60; display:none; } .nivoSlider a.nivo-imageLink:hover { border: 6px solid #23B9D9; } .nivo-slice { display:block; position:absolute; z-index:50; height:100%; } .nivo-caption { position:absolute; left:6px; bottom:6px; right:6px; background:transparent url(http://images.revaxarts.com/revaxarts/shadow/bottom.png) repeat-x scroll 0 0; background:#633000; color:#fff; z-index:89; padding:0 10px; } .nivo-caption p { padding:5px; margin:0; } .nivo-directionNav a { position:absolute; top:45%; z-index:99; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } .nivo-controlNav a { position:relative; z-index:99; cursor:pointer; }