/* http://plaze.at > 2013-03-13 */

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

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

h1,h2,.nav a {font-family:'Maven Pro',Arial,serif;}
h1 {border-bottom:1px dotted #ccc;color:#333;font-size:40px;margin:5px 0 15px;padding:10px 0 15px;text-transform:uppercase;}
h2 {background:#eee;color:#999;font-size:32px;margin:5px 0 15px;padding:5px 15px;}
h3 {color:#333;font-size:20px;margin:5px 0 5px;}
h4 {color:#555;font-size:28px;margin:5px 0 5px;}
p {line-height:22px;margin:5px 0 20px;}
a {color:#CC5500;outline:none;text-decoration:none;}
a:hover {color:#333;}
a img {border:0px;padding:0;text-decoration:none;}
img {background:#fff;border:none;}
ul {list-style:none;margin:0;padding:0;}

a strong {display:block;font-size:16px;}
li strong {display:block;}
small {font-size:13px;font-weight:normal;}
.small {color:#555;font-size:12px;font-weight:bold;text-transform:none;}
.big, big {color:#CC5500;display:block;font-size:20px;font-weight:bold;margin-bottom:10px;}
.color {color:#CC5500;} .black {color:#000;} .grey {color:#999;}
.accent {color:#E5C536;font-weight:bold;} .accent:hover {background:#555;color:#fff;}
.bold {font-weight:bold;} .trans {text-transform:none;}
.dark {background:#999;} .light {background:#eee;border:none !important;}
.bline {border-bottom:1px dotted #ccc;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:#CC5500;color:#fff;padding:5px 15px;}
.btt:hover {background:#555;color:#fff;}
.btt.b1 {display:block;font-weight:bold;margin:5px 0;text-align:center;width:170px;}
.btt.b2 {float:right;font-size:20px;margin-top:10px;}
.btt.b2:hover {background:#555;color:#fff;}
.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 {margin:0 auto 30px;padding:10px 0 15px;width:100%;max-width:995px;position:relative;}
.wrap {float:left;margin:0 auto 30px;width:100%;max-width:995px;}
.inner {border:0px solid #ccc;margin-bottom:20px;padding:10px 20px 10px;overflow:hidden;}
.inner_left {border-left:1px solid #ddd;padding-left:20px;}
.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w12 {float:left;margin-right:25px;margin-bottom:20px;}
.w2 {width:145px;} .w3 {width:230px;} .w4 {width:315px;} .w5 {width:400px;} .w6 {width:485px;} 
.w7 {width:570px;} .w8 {width:655px;} .w9 {width:740px;} .w10 {width:825px;} .w12 {width:995px;}
.last {margin-right:0;clear:right;}


/* HEADER-NAV */
.header {background:url('http://media.ecomp.at/market/bg_head.png') top center no-repeat;min-height:125px;position:relative;z-index:99;}
.logo {display:block;margin:5px 10px 10px;height:70px;width:307px;position:relative;z-index:99;}
.logo:hover {background:none;}
.mid{position:absolute;top:5px;left:430px;width:100px;z-index:101;}
.mid a {display:inline-block;background:#CC5500;color:#fff;font-weight:bold;letter-spacing:1px;text-align:center;text-transform:uppercase;padding:5px 50px 5px;}
.mid a:hover {background:#555;color:#fff;}
.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, #info a.a02, #service a.a03, #kontakt a.a04, #sitemap a.a05 {color:#000;font-weight:bold;}

/* Sharebutton */
.share {position:absolute;top:35px;right:0;z-index:100;}
.share li {float:left;display:block;background:#CC5500;color:#fff;font-size:14px;font-weight:bold;text-align:center;
	padding:4px 0;width:80px;height:18px;position:relative;top:0;}
.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:#555;font-size:20px;font-weight:bold;letter-spacing:1px;text-transform:uppercase;height:47px;}
.nav li {float:left;margin-right:1px;padding-bottom:10px;position:relative;width:248px;}
.nav li:last-child {margin-right:0;} 
.nav a {float:left;color:#eee;padding:12px 0;text-align:center;width:249px;}
.nav a:last-child {width:250px;}
li.current a, #gast a.a10, #tech a.a20, #wohn a.a30, #haus a.a40
	{background:#ddd;color:#333;font-weight:bold;letter-spacing:3px;cursor:default;}
.nav a:hover {background:#ddd;color:#CC5500;}
.nav li:hover a {background:#ccc;color:#CC5500;}

/* Dropdown */
.nav ul {display:none;background:#ddd;border-top:2px solid #fff;position:absolute;top:46px;width:996px;z-index:101;}
.sub1 {left:0;} .sub2 {left:-249px;} .sub3 {left:-498px;} .sub4 {left:-747px;}
#gast ul.sub1,#tech ul.sub2, #wohn ul.sub3, #haus ul.sub4 {display:block;margin-bottom:20px;z-index:100;}
#gast h1,#tech h1,#wohn h1,#haus h1 {margin-top:40px;}
.nav ul li {float:left;margin:0;padding:0;width:249px;}
.nav ul li:last-child {margin-right:0;width:247px;}
.nav ul li a {color:#555;font-size:16px;padding:8px 0;text-transform:none;}
.nav ul li a:hover {background:#ccc;color:#000;margin:0;}
.nav li:hover > ul {display:block;}

/* PAGE-CONTENT */
/* Categories, Entries, Old Entries */
.cats {display:inline-block;margin-bottom:20px;}
.cats li {float:left;overflow:hidden;border:1px solid #ddd;
	margin:0 14px 10px 0;padding:1px;height:145px;width:234px;position:relative;}
.cats li:nth-of-type(4n) {margin-right:0;}
.cats li:hover {border:1px solid #fff;position:relative;z-index:98;}
.cats li a:hover {background:none;color:#fff;}
.cats span {display:block;overflow:hidden;background:#fff;position:relative;
/* img crop */ height:145px;z-index:99;}
.cats img  {height:auto;width:100%;position:relative;}
.cats p  {background:#111;color:#fff;font-size:14px;margin:-40px 0 0;padding:10px 10px 10px;position:relative;z-index:99;}
.cats li:hover p {margin:-100px 0 0;height:100%;}
.cats strong {display:block;color:#CC5500;font-size:20px;margin-bottom:10px;}

.entries {display:inline-block;margin-bottom:20px;height:170px;}
.entries li  {float:left;overflow:hidden;background:#fff;border:1px solid #ddd;
	margin:0 14px 10px 0;padding:1px;height:156px;width:234px;position:relative;z-index:99;}
.entries li:nth-of-type(4n) {margin-right:0;}
.entries li:nth-of-type(4n):hover {margin-right:-200px;}
.entries li:hover {border:1px solid #fff;margin:-180px -85px 10px -85px;padding:10px;height:auto;width:400px;position:relative;z-index:9999;}
.entries li:hover p {background:#fff;color:#333;margin:0 0 0}
.entries li:hover span {height:auto;}
.entries span {display:block;overflow:hidden;background:#fff;
/* img crop */ height:156px;position:relative;}
.entries img  {height:auto;width:100%;position:relative;}
.entries p {background:#111;color:#fff;font-size:14px;margin:-40px 0 0;padding:10px 15px 15px;}
.entries strong {display:block;font-size:18px;margin:0 0 10px 0;}	
.entries em {display:block;color:#CC5500;font:normal bold 16px Arial;}
.entries small  {display:block;font-size:12px;margin-bottom:20px;}

.old li {height:100px;width:150px;}
.old li:nth-of-type(6n) {margin-right:0;}
.old span {height:100px;}
.old p {font-size:14px;margin:-30px 0 0;padding:5px 10px 5px;}
.old strong {font-size:14px;}

.manual ul {float:left;margin-right:25px;margin-bottom:20px;width:100%;}
.manual ul.last {margin-right:0;clear:right;}
.manual li {line-height:25px;}
.manual li:hover {color:#CC5500;font-weight:bold;}
.manual h3 {display:block;background:#ddd;color:#333;margin:10px 0 20px;padding:2px 5px;}
.manual img {float:right;height:20px;width:20px;}

.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:#CC5500;}
.footer li a:hover {color:#333;}
.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:#555;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:#CC5500;border:0;color:#fff;cursor:pointer;font:bold 18px Arial,sans-serif;
	padding:7px 3px 6px;position:relative;top:10px;left:20px;width:250px;}
.button:hover {background:#555;color:#fff;}
.mailer input {width:400px;}
.mailer select {width:415px;}
.mailer textarea {width:585px;} 
.mailer input.button {left:100px;width:200px;}	
.valid{border:1px solid #647D32 !important;}
.invalid{border:2px solid #CC5500 !important;}
.confirm {float:right;margin-bottom:40px;position:relative;}

/* CSS3 - Borders,Transparency,Shadows,Transitions */
.btt, .block, .button, .wide, .footer span a, #search, .share li
	{-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;}
.listing
	{-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;}
.mid a
	{-moz-border-radius-topleft:50px;-webkit-border-top-left-radius:50px;border-top-left-radius:50px;
	-moz-border-radius-topright:50px;-webkit-border-top-right-radius:50px;border-top-right-radius:50px;}
#search
	{filter:alpha(opacity=50);opacity:0.5;}
.cats p, .entries p, .footer span a:hover
	{filter:alpha(opacity=70);opacity:0.7;}
.cats li:hover p, .entries li:hover p
	{filter:alpha(opacity=90);opacity:0.9;}
.cats li:hover span, .entries li:hover span
	{filter:alpha(opacity=100);opacity:1;}
.cats li:hover, .entries li:hover
	{box-shadow:0px 15px 30px #000;}
.nav li, .nav ul, .nav li:hover > ul, .cats 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;}	
.entries li:hover
	{-moz-box-sizing:content-box 5s linear;-webkit-box-sizing:content-box 5s linear;box-sizing:content-box 5s linear;}	


/* SEARCH */
#search{background:#fff;border:2px solid #ccc;height:35px;margin:3px 20px 10px 0;padding:0 4px 1px;width:377px;
		position:absolute;top:10px;left:320px;z-index:101;}
#search input{background:transparent;border:none;color:#000;height:25px;padding:5px;width:280px;}
/* .button1{cursor:pointer;margin-top:1px;width:20px;} */
#search1{background:url('http://media.ecomp.at/market/footer_bg.jpg') repeat-x;border:1px solid #ccc;margin-bottom:15px;padding:10px;height:40px;width:100%;}
#search1 label{color:#6C6C6C;font-size:14px;font-weight:bold;width:160px;}
#search1 input{border:1px solid #6C6C6C;height:18px;margin:3px 5px 0 0;padding:3px 0 3px 10px;width:340px;}
#search1 input.button, #search input.button{background:#ccc;cursor:pointer;font-size:14px;padding:0;height:30px;width:80px;position:relative;top:0;left:5px;}
#search1 input.button:hover, #search input.button:hover{background:#333;color:#fff;}
h1.search{padding:0;}
#output{margin:15px 0 0 10px;}
#output h2{display:block;font-size:20px;}
#output h3{color:#000;margin:30px 0 20px;}
#output p{color:#6C6C6C;font-size:14px;margin-top:2px;}
#output small{font-size:12px;}
#output li{border-bottom:2px solid #ddd;font-size:14px;margin:0 0 15px 0px;padding-bottom:15px;}
#output ol{border-top:1px dotted #ccc;padding:20px 10px 0 20px;}
#output em, #output a{font-weight:bold;font-style:normal;}
#output a{line-height:25px;}
#output .mod a {line-height:15px;}
.searchword{color:#222;background-color:#ffd;border:1px dotted #ffd;}
.searchword0{color:#222;background-color:#ff0;border:1px dotted #ff0;}
.searchword1{color:#222;background-color:#0f0;border:1px dotted #0f0;}
.searchword2{color:#222;background-color:#0ff;border:1px dotted #0ff;}
.searchword3{color:#222;background-color:#fbb;border:1px dotted #fbb;}
.searchword4{color:#222;background-color:#dfd;border:1px dotted #dfd;}
.searchword5{color:#222;background-color:#faf;border:1px dotted #faf;}
.searchword6{color:#222;background-color:#ccc;border:1px dotted #ccc;}
.mod{display:block;font-size:10px;}
.mod a{font-size:10px;font-style:normal;}
#searchfooter p{border-top:1px solid #ccc;color:#000;font-size:10px;margin-top:0;padding-top:15px;}
#suchtipps.klappen li {border:none;margin:0;padding:0;}
.suche {background:url(../media/suchen.png) no-repeat 650px 0;}
	
/* 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:-10px;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:0;height:100%;width:15%;cursor:pointer;
	outline:none;background:transparent url('fancybox/blank.gif');z-index:1103;display:none;}
#fancybox-left {left:1px;} #fancybox-right {right:1px;}
#fancybox-left-ico, #fancybox-right-ico {position:absolute;top:45%;left:-9999px;height:30px;width:30px;
	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 */
	background:#ddd;filter:alpha(opacity=50);opacity:0.5;}
#fancybox-left:hover span {left:10px;}
#fancybox-right:hover span {left:auto;right:10px;}
/* Buttons immer anzeigen */
#fancybox-left-ico {left:10px;}
#fancybox-right-ico {left:auto;right:10px;} 
/* 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;}