/*  
Theme Name: maru-design.eu-style
Theme URI: http://www.maru-design.eu/
Description: maru design - Eine andere Art von Design!
Version: 4.7 (11.11.2011)
Author: maru design 
Author URI: http://www.maru-design.eu/
*/

/* Allgemein */
* {margin: 0; padding: 0;}

/* body */
body{background: url('images/bg.jpg') repeat center top; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#fff; font-size:12px;}

/* Main */
#wrap {width:850px; margin: 50px auto;}

/* Header */
#header {width: 850px; height: 75px;}
#logo {margin-top: 13px; float: left;}

/* Menue */
#menue{margin-top: 53px; float: right;}
#menue li {list-style-type: none; font-size:16px; font-weight:bold; padding-left: 20px; float: left;}
.current_page_item a {color: #B74718!important;}

/* Content */
#content {background:url("images/bg-content.png") repeat scroll 0 0 transparent; width:820px; padding: 20px; float: left;}
#content-pageso li {list-style-type: disc; margin-left: 15px; padding: 2px 0;}

/* Home */
#home-left {width: 350px; margin: 50px 10px 0 5px; float: left;}
#home-middle {width: 230px; padding-left: 15px; float: left;}
.contact {margin-top: 15px;}
.contact-icon img {margin-top: 6px; padding-right: 8px; float: left;}
.contact h2 {font-weight:normal; padding: 0;}
.contact p {margin-bottom: 5px; padding: 0;}
.social-media-icons {padding-top: 10px}
.social-media-icons a {padding: 0 1px}
#home-right {width: 174px; padding-left: 20px; float: left;}
#home-right p {font-style: italic;}

/* Twitter */
.twtr-hd, .twtr-ft {display: none;}
.twtr-widget .twtr-tweet {border: none!important;}
.twtr-tweet-wrap {padding: 5px 0 10px!important;}

/* Other Pages */
#content-left, #content-middle, #content-right {width: 258px; margin-right: 15px; float: left;}

/* Webdesign */
.price-right {text-align:right; padding-top: 5px;}

/* Referenzen */
.referenz-transi {background: url('images/bg.jpg') repeat center top; border: 5px solid #fff; width: 230px; height: 160px; text-align: center; margin: 16px; float: left; overflow: hidden; position: relative; box-shadow: 1px 1px 2px #e6e6e6; cursor: default; white-space: nowrap;}
.referenz-transi .hidden {width: 230px; height: 161px; overflow: hidden; position: absolute; top: 0; left: 0;}
.referenz-transi img {display: block; position: relative}
.referenz-transi h2 {background: #fff; font-size: 12px; position: relative; margin-top: 20px; padding: 5px;}
.referenz-transi p {font-size: 11px; position: relative; padding: 10px 10px 20px;}
.referenz-transi a.linked, .linked {background: #B74718; color: #fff; text-transform: uppercase; text-decoration: none; display: inline-block; padding: 7px 10px; box-shadow: 0 0 5px #000;}
.referenz-transi a.linked:hover {box-shadow: 0 0 1px #B74718;}

.transi img {-webkit-transform:scaleY(1); -moz-transform:scaleY(1); -o-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1); -webkit-transition:all 0.7s ease-in-out; -moz-transition:all 0.7s ease-in-out; -o-transition:all 0.7s ease-in-out; -ms-transition:all 0.7s ease-in-out; transition:all 0.7s ease-in-out;}
.transi .hidden {background:url("images/bg-content.png") repeat scroll 0 0 transparent; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;}
.transi h2 {background: transparent; border-bottom: 1px dotted #fff; margin: 20px 20px 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;}
.transi p {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0);opacity:0; -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0); transform:scale(0); -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.transi a.linked {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0); transform:scale(0); -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.transi:hover img {-webkit-transform:scale(10); -moz-transform:scale(10); -o-transform:scale(10); -ms-transform:scale(10); transform:scale(10); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0;}
.transi:hover .hidden {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1;}
.transi:hover h2, .transi:hover p, .transi:hover a.linked {-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1;}

/* footer */
#footer h2 {padding: 0}

/* Tags */
h2, h3 {color: #B74718; padding-bottom: 5px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}

/* Links */
a, #menue a:hover, #footer a:hover {color: #B74718; text-decoration: none; outline: 0;}
a:hover, #menue a, #footer a {color: #fff; text-decoration: none;}
a img {border: none;}

/* Sonstiges */
.font-small {font-size: 11px;}
#home-left img {background-color: #fff; padding: 8px;}
.thums {background-color: #fff; margin: 4px; padding: 3px;}
p {padding: 5px 0;}
ul {list-style-type: none;}

/* FancyBox CSS */
#fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none;}
#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url('js/fancybox/images/fancybox.png');}
#fancybox-overlay{position:absolute;top:0;left:0;width:105%;z-index:1100;display:none;}
#fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none;}
#fancybox-wrap{position:absolute;top:0;left:0;padding:20px;z-index:1101;outline:none;display:none;}
#fancybox-outer{position:relative;width:100%;height:100%;background:#fff;}
#fancybox-content{background: url('images/bg.jpg') repeat center top; width:0; height:0; padding:0;outline:none;position:relative;overflow:hidden;z-index:1102;border:0px solid #fff;}
#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1101;}
#fancybox-close{position:absolute;top:-15px;right:-15px;width:30px;height:30px;background:transparent url('js/fancybox/images/fancybox.png') -40px 0px;cursor:pointer;z-index:1103;display:none;}
#fancybox-error {color:#444;font:normal 12px/20px Arial;padding:14px;margin:0;}
#fancybox-img{width:100%;height:100%;padding:0;margin:0;border:none;outline:none;line-height:0;vertical-align:top;}
#fancybox-frame {background:url("images/bg-content.png") repeat scroll 0 0 transparent; width:100%;height:100%; border:none;display:block;}
#fancybox-left,#fancybox-right{position:absolute;bottom:0px;height:100%;width:35%;cursor:pointer;outline:none;background:transparent url('js/fancybox/images/blank.gif');z-index:1102;display:none;}
#fancybox-left{left:0px;}
#fancybox-right{right:0px;}
#fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block;}
#fancybox-left-ico{background-image:url('js/fancybox/images/fancybox.png');background-position:-40px -30px;}
#fancybox-right-ico{background-image:url('js/fancybox/images/fancybox.png');background-position:-40px -60px;}
#fancybox-left:hover,#fancybox-right:hover{visibility:visible;}
#fancybox-left:hover span{left:20px;}
#fancybox-right:hover span{left:auto;right:20px;}
.fancybox-bg{position:absolute;padding:0;margin:0;border:0;width:20px;height:20px;z-index:1001;}
#fancybox-bg-n{top:-20px;left:0;width:100%;background-image:url('js/fancybox/images/fancybox-x.png');}
#fancybox-bg-ne{top:-20px;right:-20px;background-image:url('js/fancybox/images/fancybox.png');background-position:-40px -162px;}
#fancybox-bg-e{top:0;right:-20px;height:100%;background-image:url('js/fancybox/images/fancybox-y.png');background-position:-20px 0px;}
#fancybox-bg-se{bottom:-20px;right:-20px;background-image:url('js/fancybox/images/fancybox.png');background-position:-40px -182px; }
#fancybox-bg-s{bottom:-20px;left:0;width:100%;background-image:url('js/fancybox/images/fancybox-x.png');background-position:0px -20px;}
#fancybox-bg-sw{bottom:-20px;left:-20px;background-image:url('js/fancybox/images/fancybox.png');background-position:-40px -142px;}
#fancybox-bg-w{top:0;left:-20px;height:100%;background-image:url('js/fancybox/images/fancybox-y.png');}
#fancybox-bg-nw{top:-20px;left:-20px;background-image:url('js/fancybox/images/fancybox.png');background-position:-40px -122px;}
#fancybox-title{font-family:Helvetica;font-size:12px;z-index:1102;}
.fancybox-title-inside{padding-bottom:10px;text-align:center;color:#333;background:#fff;position:relative;}
.fancybox-title-outside{padding-top:10px;color:#fff;}
.fancybox-title-over{position:absolute;bottom:0;left:0;color:#FFF;text-align:left;}
#fancybox-title-over{padding:10px;background-image:url('js/fancybox/images/fancy_title_over.png');display:block;}
.fancybox-title-float{position:absolute;left:0;bottom:-20px;height:32px;}
#fancybox-title-float-wrap{border:none;border-collapse:collapse;width:auto;}
#fancybox-title-float-wrap td{border:none;white-space:nowrap;}
#fancybox-title-float-left{padding:0 0 0 15px;background:url('js/fancybox/images/fancybox.png') -40px -90px no-repeat;}
#fancybox-title-float-main{color:#FFF;line-height:29px;font-weight:bold;padding:0 0 3px 0;background:url('js/fancybox/images/fancybox-x.png') 0px -40px;}
#fancybox-title-float-right{padding:0 0 0 15px;background:url('js/fancybox/images/fancybox.png') -55px -90px no-repeat;}