/*
 * Copyright (c) 2012 
 * -------------------------------
 * powered by revaxarts.com (http://revaxarts.com)
 * original filename: style.css
 * filesize: 13017 Bytes
 * last modified: Thu, 02 Dec 2010 20:16:22 +0100
 *
 */
 @import "http://css.revaxarts.com/reset.css"; body, html { color: #EEE; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:11px; line-height:1.3em; height:100%; min-height:100%; -webkit-text-size-adjust: none; } body{ background:#F27DAC; border-left:11px solid #F27DAC; } a{ color:#F27DAC; text-decoration:none; } a:hover, a:active{ color:#EEE; } h1{ font-size:18px; } #login h1{ margin-bottom:60px; } h2{ font-size:16px; color:#F27DAC; } h3{ font-size:13px; } .label{ color:#FFF !important; } .error{ letter-spacing:1px; font-size:14px; color:#F00; } div, p , li{ border:0px solid; } #container{ background:url(http://images.revaxarts.com/fotobox/bg.png) no-repeat left fixed #333; min-height:100%; width:100%; margin-left:20%; margin:0; } #headercontainer{ height:56px; background:#CCC; border-bottom:1px solid #EEE; } #header{ padding:0px 9px; width:898px; margin:0 auto; margin:0 0 0 20px; } #fotobox{ background:transparent url(http://images.revaxarts.com/fotobox/fotobox.png) no-repeat bottom; width:160px; height:90px; float:right; } #info{ margin-top:16px; margin-bottom:16px; height:56px; border-bottom:1px solid #CCC; } #info ul{ float:left; margin-right:11px; width:173px; font-size:11px; color:#FFF; } #info ul span{ color:#999; } #info ul.description{ width:326px; } #shadowtop{ height:16px; background: url(http://images2.revaxarts.com/fotobox/shadowtop.png) no-repeat center top; } #wrapper{ padding:9px 9px 9px 9px; width:898px; margin:0 auto; margin:0 0 0 20px; } #body{ margin-bottom:50px; } .pagination{ float:none; clear:both; } #footer{ border-top:1px solid #CCC; padding:8px 0 40px 0; font-size:10px; clear:both; float:none; } #infobox{ position:fixed; right:20px; top:20px; border:2px solid #F27DAC; padding:15px; width:250px; background:url(http://images.revaxarts.com/fotobox/bd_dd.jpg) repeat-x #000; box-shadow: 0px 7px 15px #111; -webkit-box-shadow: 0px 7px 15px #111; -moz-box-shadow: 0px 7px 15px #111; z-index:500; } #infobox h2{ margin-bottom:10px; } #header #header_logo{ margin-top:23px; float:left; } #header #topnav{ } #header #topnav li{ font-size:18px; float:left; margin-right:20px; vertical-align:top; height:34px; } #header #topnav li ul{ position:absolute; padding:5px; background:url(http://images.revaxarts.com/fotobox/bd_dd.jpg) repeat-x #000; box-shadow: 0px 7px 15px #111; -webkit-box-shadow: 0px 7px 15px #111; -moz-box-shadow: 0px 7px 15px #111; display:none; z-index:200; } #header #topnav li ul li{ color:#CCC; font-size:11px; float:none; margin:0; padding:0; border-bottom:1px dotted #CCC; height:auto; } #header #topnav li ul li .count{ margin-left:16px; font-size:11px; float:right; } #topnav a{ color:#333; display:inline-block; padding:23px 3px 0 3px; height:34px; } #topnav li ul a{ color:#EEE; padding:6px; display:block; height:auto; } #topnav li a:hover, #topnav li a:active, #topnav li a.selected{ background:url(http://images2.revaxarts.com/fotobox/arrow_up.png) no-repeat 24px 48px; } #topnav li ul li a:hover, #topnav li ul li a:active, #topnav li ul li a.selected{ color:#333; background:#F27DAC; } #welcome{ margin-top:23px; color:#333; float:right; font-size:11px; } #welcome a{ color:#F27DAC; } .fotocont{ margin-right:19px; float:left; } .fotocont span{ color:#999; } .foto{ background:url(http://images2.revaxarts.com/fotobox/loader_02.gif) no-repeat center; cursor:pointer; margin:2px; float:left; } .foto:hover, .foto.selected{ margin:0; border:2px solid #F27DAC; } .fotobg{ width:100%; height:100%; background-position:center !important; background-repeat:no-repeat !important; } #next, #prev{ cursor:pointer; position:absolute; top:0; bottom:0; width:80px; background:url(http://images2.revaxarts.com/fotobox/next.png) center no-repeat; } #next:hover, #prev:hover{ background-color:#F27DAC; } #next{ right:0; } #prev{ background-image:url(http://images2.revaxarts.com/fotobox/prev.png); left:0; } .fotocaption, .fotocaption .count{ color:#999; font-size:11px; line-height:19px; } .fotocaption{ padding:2px; } .fotocaption a{ color:#F27DAC; } .favorite, .favorited, .favoritewait{ background:url(http://images3.revaxarts.com/fotobox/favorite.png) no-repeat left; cursor:pointer; margin-top:3px; height:16px; width:15px; float:right; } .favorite:hover{ background:url(http://images3.revaxarts.com/fotobox/favorite.png) no-repeat right; } .favorited{ background:url(http://images3.revaxarts.com/fotobox/favorite.png) no-repeat right; } .favoritewait{ background:url(http://images2.revaxarts.com/fotobox/loader_03.gif) no-repeat center !important;; } #overview .fotocont{ position:relative; height:135px; width:164px; } #overview .favorite, #overview .favorited, #overview .favoritewait{ position:absolute; right:0; } #overview .foto{ height:104px; width:160px; } #projectsoverview h1{ margin-bottom:20px; } #projectsoverview h2{ margin-bottom:20px; } #projectsoverview .fotocont{ border-top:1px solid #CCC; margin-bottom:10px; padding-top:10px; } #projectsoverview .fotocont:last-child{ border-bottom:0; } #projectsoverview .foto{ overflow:hidden; width:360px; height:239px; margin:4px; margin-right:19px; } #projectsoverview .fotobg{ width:340px !important; height:240px !important; background-position:center; background-repeat:no-repeat; } #projectsoverview .fotocaption{ float:left; width:492px; } #projectsoverview .foto:hover{ margin:2px; margin-right:17px; } #detail .fotocont{ float:none; clear:both; } #detail .fotocont p{ float:left; margin-right:19px; min-width:164px; color:#FFF; } #detail .foto{ cursor:auto; position:relative; margin-top:6px; height:597px; width:898px; z-index:100; } #detail .foto:hover{ margin:2px; margin-top:6px; border:0; } #detail .fotocaption{ } #detail .favorite,#detail .favorited{ margin-right:3px; float:left; } .pagination ul{ padding-bottom:6px; float:right; } .pagination li{ border-right:2px solid #F27DAC; float:left; } .pagination li a{ padding:2px 6px; color:#F27DAC; font-size:18px; } .pagination li a:hover{ color:#FFF; } .pagination li a.selected{ color:#FFF; } #info .description{ height:42px; overflow:hidden; } #footer p{ min-width:160px; float:left; color:#CCC; margin-right:19px; } #footer a{ color:#999; } #footer a:hover,#footer a:active{ color:#CCC; } #loginerror{ height:20px; } #loginform{ margin:20px 0 80px 0; } label{ display:block; font-size:11px; margin-top:10px; cursor:pointer; } input, textarea{ font-family:"lucida grande",tahoma,verdana,arial,sans-serif; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:5px; font-size:14px; border:1px solid #CCC; background-color: #CCC; margin-bottom:10px; } .input{ display:block; width:300px; } .input:focus{ padding:4px; border:2px solid #F27DAC; background-color: #EEE; } button, input[type=reset], input[type=submit], input[type=button]{ display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; padding: 4px 8px; border:2px solid #CCC; text-shadow: 0 1px 1px rgba(0,0,0,.3); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); color: #fef4e9; border: solid 1px #F27DAC; background: #F27DAC; background: -webkit-gradient(linear, left top, left bottom, from(#F27DAC), to(#D05B8A)); background: -moz-linear-gradient(top, #F27DAC, #D05B8A); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F27DAC', endColorstr='#D05B8A'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F27DAC', endColorstr='#D05B8A'); } button:hover, input[type=reset]:hover, input[type=submit]:hover, input[type=button]:hover{ text-decoration: none; background: #F27DAC; background: -webkit-gradient(linear, left top, left bottom, from(#F27DAC), to(#D05B8A)); background: -moz-linear-gradient(top, #F27DAC, #D05B8A); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F27DAC', endColorstr='#D05B8A'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F27DAC', endColorstr='#D05B8A'); } button:active, input[type=reset]:active, input[type=submit]:active, input[type=button]:active{ text-decoration: none; background: -webkit-gradient(linear, left top, left bottom, from(#D05B8A), to(#F27DAC)); background: -moz-linear-gradient(top, #D05B8A, #F27DAC); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D05B8A', endColorstr='#F27DAC'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F27DAC', endColorstr='#D05B8A'); top: 1px; } #nutzungsbedingungen h1{ margin-bottom:40px; } #nutzungsbedingungen #content p{ margin:2px 0 20px 0; width:480px; } .last{ margin-right:0!important; border-right:0; border:0 !important; } .right{ text-align:right; float:right !important; } .count{ color:#999; font-size:12px; } .nivoSlider { position:relative; } .nivoSlider img { position:absolute; margin:auto; } .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none; } .nivo-slice { display:block; position:absolute; z-index:50; height:100%; } .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; width:100%; z-index:89; } .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; } .nivo-controlNav a.active { font-weight:bold; }