/* ecomp.css - version 2011-07-17 - http://www.ecomp.at */

@import url(http://fonts.googleapis.com/css?family=Maven+Pro:400&v2); 

/* GLOBAL */
html, body {margin:0;padding:0;}
html {overflow-y:scroll;}
body {background:url('/media/bg_comp.jpg') top center no-repeat fixed;color:#555;font:16px Arial,Helvetica,Sans-Serif;}

h1,h2,h3,.nav a {font-family:'Maven Pro',arial,serif;}
h1 {border-bottom:1px dotted #ccc;color:#999;font-size:40px;margin:5px 0 15px;padding-bottom:15px;text-transform:uppercase;}
#home h1 {border:none;}
h2 {color:#375D81;font-size:32px;margin:0 0 15px;}
h3 {color:#8FAD26;font-size:28px;margin:0 0 10px;}
h4 {color:#555;font-size:20px;margin:30px 0 10px;}
p {line-height:22px;margin:5px 0 20px;}
a {color:#375D81;outline:none;text-decoration:none;}
a:hover {background:#375D81;color:#fff;}
a img {border:0px;padding:0;text-decoration:none;}
img {background:#fff;border:none;}
ul {list-style:none;margin:0;padding:0;}
small {font-size:13px;font-weight:normal;}

.small {color:#555;font-size:12px;font-weight:bold;text-transform:none;}
.big, big {color:#8FAD26;display:block;font-size:20px;font-weight:bold;margin-bottom:10px;}
.color {color:#375D81;} .black {color:#000;} .grey {color:#999;}
.accent {color:#8FAD26;font-weight:bold;} .accent:hover {background:#8FAD26;color:#fff;}
.bold {font-weight:bold;} .trans {text-transform:none;}
.dark {background:#999;} .light {background:#eee;border:none !important;}
.bline {border-bottom:1px solid #999;padding-bottom:5px;}
.tline {border-top:1px dotted #ccc;margin:0 10px;}
.btline {border-top:1px dotted #999;border-bottom:1px dotted #999;}
.btt {background:#8FAD26;color:#fff;padding:2px 15px;}
.btt.b1 {display:block;font-weight:bold;margin:5px 0;text-align:center;width:160px;}
.block {display:block;} .full {width:100%;}
.break {display:block;page-break-before:always;}
.doku {color:red;font:bold 24px Consolas,"Courier New","Lucida Console",monospace;margin:10px;padding:0 10px;text-align:center;width:95%;}

/* GRID */
.wrapper {border:2px solid #fff;background:#fff;margin:0 auto;overflow:hidden;padding:0 25px;width:940px;position:relative;}
.wrapper.web {background:#fff url('../media/bp_web.png') no-repeat 100% 230px;}
.wrapper.comp {background:#fff url('../media/bp_comp.png') no-repeat 100% 230px;}
.wrapper.foto {background:#fff url('../media/bp_pano.png') no-repeat 100% 230px;}
.wrapper.promo {background:#fff url('../media/bp_promo.png') no-repeat 100% 230px;}
/* containers,boxes */
.wrap {float:left;margin-left:0;margin-bottom:20px;width:940px;}
.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10 {float:left;margin-right:20px;margin-bottom:10px;}
.w2 {width:140px;} .w3 {width:220px;} .w4 {width:300px;} .w5 {width:380px;} .w6 {width:460px;} 
.w7 {width:540px;} .w8 {width:620px;} .w9 {width:700px;} .w10 {width:780px;}
.last {margin-right:0;clear:right;} .mr10 {margin-right:8px;}
/* inner blocks - padding/border/background */
.inner,.inner1,.inner2,.outer,.wide {margin-bottom:20px;padding:10px 15px;overflow:hidden;}
.inner1 {border:1px solid #ddd} .inner2 {background:#eee;}
.outer {margin:20px 15px 5px;padding:0;} 
.pr15, .innerright, .content {padding:0 15px 0 5px;}
.min {min-height:380px;}
/* margins,paddings,align,clear */
.left {margin-left:20px;} .bottom {margin-bottom:20px;}
.right {text-align:right;} .center {text-align:center;} .clear {clear:both;}
.expand {margin-bottom:80px;}

/* HEADER-NAV */
.header {background:url(../media/bg_head.png) top center no-repeat;min-height:125px;position:relative;z-index:99;}
.logo img {margin:10px 0 15px;height:60px;width:333px;}
.logo:hover {background:none;}
.mkt {position:absolute;top:0;left:350px;width:auto;z-index:101;}
.mkt a {float:left;background:#8FAD26;color:#fff;font-weight:bold;letter-spacing:2px;text-align:center;padding:5px 20px 5px;margin:0 1px 0;}
.mkt a:hover {background:#8FAD26;padding-top:10px;}
.top {position:absolute;right:0;top:0;width:530px;}
.top p {color:#999;font-size:14px;margin:5px 10px 10px 0;text-align:right;}
#home a.a01, #partner a.a02, #profil a.a03, #kontakt a.a04 {color:#000;font-weight:bold;}
/* Sharebutton */
.share {position:absolute;top:40px;right:0;z-index:100;}
.share li {float:left;display:block;background:#777;color:#fff;font-size:12px;font-weight:bold;text-transform:uppercase;text-align:center;
	padding:4px 0;width:80px;height:18px;position:relative;top:0;}
.share li span {display:inline-block;font-size:16px;margin-top:-2px;}
.share li:hover {background:#eee;color:#111;height:25px;}
.share li:hover ul {display:block;}
.share ul {display:none;background:#eee;margin:5px 0 0 -70px;width:150px;}
.share ul li {background:none;border-top:1px solid #fff;padding:7px 15px 8px;width:120px;}
.share ul li:last-child {border-bottom:none;}
.share ul li:hover {height:18px;}
.share ul li a {background:none;}
/* Mainnav */
.nav {background:#375D81;font-size:20px;font-weight:bold;letter-spacing:1px;text-transform:uppercase;height:47px;}
.nav li {float:left;margin-left:2px;padding-bottom:10px;position:relative;width:233px;}
.nav a {float:left;color:#eee;padding:12px 0;text-align:center;width:235px;}
.nav a:hover, li.current a, .web a.a10, .promo a.a11, .foto a.a12, .comp a.a13
	{background:#ddd;border-top:2px solid #eee;border-bottom:2px solid #eee;color:#333;font-weight:bold;margin:-2px;}
/* Dropdown */
.nav ul {display:none;background:#eee;border:2px solid #fff;position:absolute;top:45px;left:0;height:auto;width:229px;}
.nav ul li {margin:0;margin-bottom:1px;padding:0;}
.nav ul li a {color:#555;font-size:16px;padding:10px 0;text-align:center;text-transform:none;width:100%;}
.nav ul li a:hover {background:#ddd;margin:0;margin-top:1px;}
.nav li:hover ul {display:block;}
/* Subnav */
.sub a {color:#999;margin-right:15px;}
.sub a:hover, .sub a.current {background:#fff;color:#000;font-weight:bold;}

/* PAGE-CONTENT */
.teaser h2 {margin:0 0 10px;text-align:center;}
.teaser li {float:left;background:#fff;border:2px solid #eee;margin-right:16px;padding:20px 5px 15px;width:209px;height:260px;}
.teaser li.last {margin-right:0;}
.teaser li:hover {border:0px solid #999;padding:20px 7px 15px;}
.teaser li a:hover {background:none;}
.teaser img {height:152px;position:relative;width:200px;z-index:1;}
.teaser span {background:#fff;position:relative;z-index:2;}
.teaser p {font-size:14px;padding:10px 10px 0;text-align:center;}
.teaser strong {color:#375D81;display:block;font-size:20px;}
.serve strong {display:block;}
.show .w3 {float:left;margin:0;width:235px;}
.show a {display:block;border:1px solid #eee;padding:30px 15px;height:104px;position:relative;z-index:1;}
.show img {height:136px;width:218px;position:absolute;top:0;left:0;z-index:3;}
.show a:hover {background:#ddd;border:0px solid #ddd;color:#333;text-align:center;
	margin:-7px -10px;height:120px;width:225px;position:relative;z-index:4;}
.show a:hover img {display:none;}
.show span {position:relative;z-index:2;}
.show strong {display:block;font-size:20px;margin-bottom:10px;}

.cite {color:#8FAD26;font-style:italic;font-size:18px;padding:20px 0 20px 20px;}
.cite strong {color:#000;display:block;font-style:normal;}
.cite em {color:#000;display:block;font-size:12px;font-style:normal}
.danke {float:right;margin-bottom:40px;position:relative;}

.imp p {font-size:14px;}
.imp strong {display:block;font-size:16px;margin-bottom:10px;}
.sitemap li {height:20px;padding:5px 0 5px;}
.sitemap li:hover {background:rgba(222,197,161,.3);padding:10px 0 10px;}
.sitemap a {display:inline-block;margin-right:20px;width:200px;}
.sitemap a:hover {background:none;color:#000;}

.pic1, .pic2 {cursor:pointer;float:left;height:270px;width:260px;}
.pic1 {background:url('../media/img_peter1.png');}
.pic2 {background:url('../media/img_luci1.png');}
.pic1:hover img, .pic2:hover img {display:none;}

.footer {clear:both;background:#eee;}
.footer ul {line-height:20px;text-transform:uppercase;width:850px;}
.footer li  {float:left;padding-right:25px;}
.footer li a {color:#375D81;}
.footer li a:hover {background:#375D81;color:#fff;}
.footer p {font-size:12px;line-height:18px;margin:25px 0 5px;width:850px;}
.footer span a {float:right;background:#fff;border:2px solid #555;height:40px;width:50px}
.footer span img {margin:2px 5px 5px;}

/* FORMS-TABLES */
form {margin-top:25px;}
label {float:left;color:#8FAD26;font-weight:bold;margin-left:5px;line-height:35px;width:180px;}
.text {width:350px;}
input, textarea, select {border:1px solid #ccc;color:#000;font:16px 'Lucida Grande',Verdana,sans-serif;margin:0 0 10px;padding:7px;}
input:focus, textarea:focus, select:focus {background:#eee;}
.button {background:#8FAD26;border:0;color:#fff;cursor:pointer;font:bold 18px Arial,sans-serif;
	padding:7px 3px 6px;position:relative;top:10px;left:20px;width:250px !important;}
.button:hover {background:#375D81;}
.mailer input {width:400px;}
.mailer select {width:415px;}
.mailer textarea {width:585px;} 
.mailer input.button {left:100px;}	
.valid{border:1px solid #647D32 !important;}
.invalid{border:2px solid #CC3300 !important;}
/* Mailabfrage */
.confirm {display:none;}

/* CSS3 - Borders,Transparency,Shadows,Transitions */
#profil .inner1
	{-moz-border-radius:150px;border-radius:150px;-webkit-border-radius:150px;}
.btt, .block, .button, .wide, .footer span a
	{-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;}
.listing
	{-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;}
.mkt a
	{-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;border-bottom-left-radius:10px;
	-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;border-bottom-right-radius:10px;}
.teaser span
	{filter:alpha(opacity=50);opacity:0.5;}
.teaser span:hover
	{filter:alpha(opacity=100);opacity:1;}
.footer span a:hover
	{filter:alpha(opacity=70);opacity:0.7;}
.teaser li:hover, .shadow:hover, .show a:hover
	{box-shadow:0px 15px 30px #000;}
.nav a:hover,.show a:hover,.teaser li:hover
	{-moz-transition:box-shadow 0.5s linear;-webkit-transition:box-shadow 0.5s linear;-o-transition:box-shadow 0.5s linear;transition:box-shadow 0.5s linear;}
.mkt a
	{background-image: linear-gradient(bottom, #52611C 31%, #90AD26 83%);
	background-image: -o-linear-gradient(bottom, #52611C 31%, #90AD26 83%);
	background-image: -moz-linear-gradient(bottom, #52611C 31%, #90AD26 83%);
	background-image: -webkit-linear-gradient(bottom, #52611C 31%, #90AD26 83%);
	background-image: -ms-linear-gradient(bottom, #52611C 31%, #90AD26 83%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.31, #52611C),color-stop(0.83, #90AD26));}
	
	
/* MAPS */
#map h2 {color:#375D81;font-size:24px;text-align:center;margin-bottom:5px;}
#gmap{margin:0 auto;height:520px;width:990px;}
#gmap img{background:none;}
#ginfo{font:12px corbel,optima,arial,sans-serif;height:80px;overflow:hidden;width:180px;}
#ginfo h1{color:#375D81;display:inline;font-size:18px;font-weight:bold;text-transform:none;}
	
/* FANCYBOX LIGHT V2 */
#fancybox-loading {position:fixed;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;
	cursor:pointer;overflow:hidden;z-index:1104;display:none;}
#fancybox-loading div {position:absolute;top:0;left:0;width:40px;height:480px;
	background:url('fancybox/fancybox.png');}
#fancybox-overlay {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1100;display:none;}
#fancybox-tmp {padding:0;margin:0;border:0;overflow:auto;display:none;}
/* Box */
#fancybox-wrap {position:absolute;top:0;left:0;padding:1px 2px 0;z-index:1101;outline:none;
	display:none;background:#fff;border:3px solid #ccc;margin-top:-50px;margin-left:15px;
	border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
#fancybox-outer {position:relative;width:100%;height:100%;background:#fff;border:0px solid #fff;margin-bottom:0;}
#fancybox-content {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;}
/* Close button */
#fancybox-close {position:absolute;top:-23px;right:-23px;width:30px;height:30px;
	background:transparent url('fancybox/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 {width:100%;height:100%;border:none;display:block;}
/* Buttons next/prev angepasst */
#fancybox-left, #fancybox-right {position:absolute;bottom:-20px;height:10px;width:20px;cursor:pointer;
	outline:none;background:transparent url('fancybox/blank.gif');z-index:1103;display:none;}
#fancybox-left {left:890px;} #fancybox-right {right:-15px;}
#fancybox-left-ico, #fancybox-right-ico {position:absolute;top:105%;left:-9999px;height:30px;width:30px;
	margin-top:-10px;cursor:pointer;z-index:1103;display:block;}
#fancybox-left-ico {background:url('fancybox/fancybox.png') -40px -30px;}
#fancybox-right-ico {background:url('fancybox/fancybox.png') -40px -60px;}
#fancybox-left:hover, #fancybox-right:hover {visibility:visible; /* IE6 */}
#fancybox-left:hover span {left:20px;}
#fancybox-right:hover span {left:auto;right:20px;}
/* Buttons immer anzeigen */
#fancybox-left-ico {left:20px;}
#fancybox-right-ico {right:20px;left:auto;} 
/* Backgrounds */
.fancybox-bg {position:absolute;padding:0;margin:0;border:0;width:20px;height:20px;z-index:1001;}
/* Title */
#fancybox-title {color:#999;font-family:Helvetica;font-size:20px;font-weight:bold;z-index:1102;}
.fancybox-title-inside {padding-bottom:10px;text-align:center;color:#333;background:#fff;position:relative;}
.fancybox-title-outside {padding:10px 0 15px;color:#fff;position:relative;left:10px;}
.fancybox-title-over {position:absolute;bottom:0;left:0;color:#fff;text-align:left;}
#fancybox-title-over {padding:10px;background:url('fancybox/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 {white-space:nowrap;}
#fancybox-title-float-left {padding-left:15px;background:url('fancybox/fancybox.png') -40px -90px no-repeat;}
#fancybox-title-float-main {color:#fff;line-height:29px;font-weight:bold;padding-bottom:3px;
	background:url('fancybox/fancybox-x.png') 0px -40px;}
#fancybox-title-float-right {padding-left: 15px;background:url('fancybox/fancybox.png') -55px -90px no-repeat;}