/* CLEAR
------------------------------------------------------------ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,
font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,
legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
:focus {outline:0;}
table {border-collapse:collapse;border-spacing:0;}

/*	GENERAL
------------------------------------------------------------ */
/* common elements */
body {font:normal 62.5% Georgia,"Times New Roman",Times,serif;text-align:center;margin:0;padding:0;background:#fff url(../images/layout/bg-body.png) repeat-x 0 40px;}
h1 {width:180px;height:41px;float:left;margin:12px 0 0;}
h1 a {display:block;width:100%;height:100%;text-indent:-1000em;overflow:hidden;background:url(../images/layout/damahaus-logotip.gif) no-repeat 0 0;}
input,textarea,button {font-family:Georgia,"Times New Roman",Times,serif;font-size:1em;}
input,textarea {background:url(../images/layout/input-text.gif) no-repeat 0 0;border:1px solid #000;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
a {color:#383f38;text-decoration:underline;}
a:hover {text-decoration:none;}
p {margin:0 0 1em;}
.hidden {display:none;}

/* basic layout */
#site {width:950px;margin:0 auto 5px;text-align:left;font-size:1.1em;position:relative;}
.home #body {background:none;}
.home #content {width:685px;padding:0;}
.home #right {height:450px;}
#right {float:right;width:260px;overflow:hidden;background:#e8e8e8;}
#body {font-size:1.1em;width:100%;background:url(../images/layout/bg-rightside.gif) repeat-y 100% 0;}
#content {width:665px;padding:0 20px 0 0;float:left;line-height:1.5;}
#galleryContent  {width:685px;float:left;line-height:1.3em;}

/* top */
#top {height:30px;margin:10px 0 20px;width:100%;}
#top ol li,
#top ul li {display:block;float:left;}
#top ol li a,
#top ul li a {display:block;}
#top ol li {background:url(../images/icons/arrows.gif) no-repeat 0 -52px;margin:0 10px 0 0;padding-left:22px;}
#top ol li a {color:#888;padding:11px 0 7px;height:12px;text-decoration:underline;}
#top ol li.p1 {background:none;padding-left:0;}
#top ul {float:right;margin:0 -15px 0 0;}
#top ul li {margin:10px 6px 6px;}
#top ul li a {padding:1px 12px 1px 5px;height:12px;text-decoration:none;color:#503929;border-right:1px solid #503929;}

/* languages */
#top ul li#languages {position:relative;padding:0 0 0 10px;margin-right:0;}
#top ul li#languages ul {display:block;float:left;margin:0;}
#top ul li#languages ul li {display:block;float:left;margin:0 15px 0 0;}
#top ul li#languages ul li a {display:block;float:left;border:0;padding:0 22px 0 0;color:#999;}
#top ul li#languages ul li a:hover {text-decoration:underline;}
#top ul li#languages ul li.sl a {background:url(../images/icons/languages.gif) no-repeat 100% -50px;}
#top ul li#languages ul li.en a {background:url(../images/icons/languages.gif) no-repeat 100% -152px;}
#top ul li#languages ul li.de a {background:url(../images/icons/languages.gif) no-repeat 100% -254px;}
#top ul li#languages ul li.it a {background:url(../images/icons/languages.gif) no-repeat 100% -356px;}
#top ul li#languages ul li.hr a {background:url(../images/icons/languages.gif) no-repeat 100% -458px;}

#top ul li#languages.sl ul li.sl a,#top ul li#languages .sl a:hover {color:#503929;background:url(../images/icons/languages.gif) no-repeat 100% 1px;}
#top ul li#languages.en ul li.en a,#top ul li#languages .en a:hover {color:#503929;background:url(../images/icons/languages.gif) no-repeat 100% -101px;}
#top ul li#languages.de ul li.de a,#top ul li#languages .de a:hover {color:#503929;background:url(../images/icons/languages.gif) no-repeat 100% -203px;}
#top ul li#languages.it ul li.it a,#top ul li#languages .it a:hover {color:#503929;background:url(../images/icons/languages.gif) no-repeat 100% -304px;}
#top ul li#languages.hr ul li.hr a,#top ul li#languages .hr a:hover {color:#503929;background:url(../images/icons/languages.gif) no-repeat 100% -407px;}

/* header */
#header {position:relative;padding:30px 0 0;margin:0 0 15px;width:100%;}

/* search */
#search {position:absolute;right:0;top:0;}
#search fieldset label {color:#8b7566;padding:3px 4px 0 0;display:block;float:left;}
#search fieldset input {display:block;float:left;border:1px solid #c6c5c5;height:13px;padding:2px 3px 1px;margin:0 3px 0 0;width:120px;background:url(../images/layout/input-text.gif) no-repeat 0 0;}
#search fieldset button {display:block;float:left;color:#fff;width:60px;height:17px;padding:1px 0 2px;border:0;text-transform:uppercase;background:#c5a27e url(../images/buttons/search.gif) no-repeat 0 0;}

/* search results */
.ajaxSearch_resultsInfo {padding:8px 10px 28px;background:url(../images/layout/search-balloon.gif) no-repeat 0 0;}
.ajaxSearch_result {margin:0 0 .8em;}
.ajaxSearch_highlight {background:#f4dfc7;padding:1px 3px;}
.ajaxSearch_resultLink {font-weight:bold;}

.navigation {float:right;margin:10px 0 0;}
.navigation li {display:block;float:left;padding:0 0 0 8px;background:url(../images/layout/bg-navigation.gif) no-repeat 0 -44px;margin:0 1px 0 0;}
.navigation li a {outline:none;display:block;font-size:1.1em;padding:10px 8px 13px 0;height:20px;color:#ab824c;text-transform:uppercase;text-decoration:none;background:url(../images/layout/bg-navigation.gif) no-repeat 100% -44px;}
.navigation li.active,
.navigation li:hover {background:#c5a27e url(../images/layout/bg-navigation.gif) no-repeat 0 0;}
.navigation li.active a,
.navigation li:hover a {background:#c5a27e url(../images/layout/bg-navigation.gif) no-repeat 100% 0;color:#fff;}
.navigation li.active a {font-weight:bold;}
.navigation li ul {display:none;}

/* keyvisual */
#keyvisual {width:685px;height:450px;float:left;overflow:hidden;position:relative;background:url(../images/layout/bg-keyvisual.gif) repeat-x 0 100%;}
#keyvisual blockquote {display:none;position:absolute;padding:10px;padding-bottom:0;margin:0;width:665px;z-index:1000;background:url(../images/layout/overlay.png) repeat 0 0;}
#keyvisual blockquote p {color:#fff;line-height:1.4em;}
#keyvisual ol li p {position:absolute;bottom:0;margin:0;padding:14px 5px 14px;height:42px;color:#bdac9b;cursor:pointer;}
#keyvisual ol li p strong {font-size:3.2em;line-height:0.6em;display:block;float:left;margin:0 5px;width:25px;}
#keyvisual ol li p span  {display:block;float:left;width:164px;}
#keyvisual ol li p.active {color:#6b492d;background:#ceaf8d url(../images/layout/bg-keyvisual-tab.png) repeat-x 0 0;}
#keyvisual ol li p.active strong {color:#fff;}
#keyvisual ol li p#s1 {width:220px;left:0;}
#keyvisual ol li p#s2 {width:200px;left:230px;}
#keyvisual ol li p#s3 {width:235px;left:440px;}
#keyvisual ol li p#s1 span,
#keyvisual ol li p#s3 span {width:180px;}
#keyvisual ol li div {position:absolute;left:0;top:0;height:372px;}
#keyvisual ol li div.active {position:absolute;left:0;top:0;}
#keyvisual ol li div#p1 {background:url(../images/keyvisual/skeletne-hise-3.jpg) no-repeat 0 0;z-index:100;}
#keyvisual ol li div#p2 {background:url(../images/keyvisual/skeletne-hise-1.jpg) no-repeat 0 0;}
#keyvisual ol li div#p3 {background:url(../images/keyvisual/skeletne-hise-2.jpg) no-repeat 0 0;}

#skeletne-hise {text-align:right;padding:100px 10px 10px;border-bottom:5px solid #fff;width:240px;background:#b38966 url(../images/layout/skeletne-hise.jpg) no-repeat 0 0;}
#skeletne-hise h2 {text-align:left;margin:0 0 .4em;font-size:1.3em;font-weight:normal;}
#skeletne-hise h2 a {text-decoration:none;color:#fff;}
#skeletne-hise p {text-align:left;}

#faq {border-bottom:5px solid #fff;background:#ba9271 url(../images/layout/bg-faq.gif) repeat-x 0 0;}
#faq h2 {width:33px;height:34px;float:left;margin:4px 0 0 7px;}
#faq h2 a {display:block;text-indent:-1000em;overflow:hidden;width:100%;height:100%;background:url(../images/icons/document-faq.gif) no-repeat 0 0;}
#faq p {padding:5px 5px 7px 42px;margin:0;}
#faq p span {color:#fff;}

#news h2 {background:#b38966;font-size:1.1em;padding:3px 10px;margin:0 0 10px;color:#fff;}
#news h2 a {float:right;color:#fff;font-size:10px;padding:2px 0 0;}
#news ul {padding:0 10px;}
#news ul li {margin:0 0 10px;color:#666;}
#news ul li .date {font-size:11px;color:#666;}
#news ul li h3 {font-size:11px;display:inline;}
#news ul li h3 a {color:#383f38;text-decoration:underline;}
#news ul li h3 a:hover {text-decoration:none;}
#news p {text-align:right;padding:0 10px 10px 10px;margin:0;}

/* informativni dan */
#indan {display:block;position:absolute;left:550px;top:0;width:136px;height:69px;text-indent:-10000px;overflow:hidden;background:url(../images/icons/badge-informativni-dan.png) no-repeat 0 0;}
#indan:hover {background-image:url(../images/icons/badge-informativni-dan2.png);}

/* footer */
#footer {background:url(../images/layout/bg-footer.gif) repeat-x;height:20px;padding:5px 0;}
#footer div {width:950px;text-align:left;margin:0 auto;font-size:1.1em;line-height:1em;}
#footer div p,#footer div p a {color:#bca38b;}
#footer div p.left {float:left;padding:5px 0;}
#footer div p.left a {border-left:1px solid #bca38b;padding:0 0 0 6px;margin:0 0 0 5px;}
#footer div  a.hosting {border-right:1px solid #bca38b;padding:0 6px 0 0 ! important;margin:0 5px 0 0;}
#footer div p.right {float:right;}
#footer div p.right a,#footer div p.right span {display:block;float:left;padding:6px 0 4px;}
#footer div  p.right a.hosting {border-right:1px solid #bca38b;padding:0 6px 0 0;margin:5px 7px 0 0;}
#footer div p.right span {text-indent:-1000em;width:22px;margin:0 0 0 4px;background:url(../images/icons/avant-vidmar.gif) no-repeat 100% 6px;}

#mask {position:absolute;z-index:15000;left:0;top:0;width:100%;height:100%;opacity:0.8;background-color:#000;display:none;}
#welcome {display:none;position:absolute;z-index:16500;top:200px;left:35%;width:500px;height:330px;background-color:#fff;color:#383f38;border:10px solid #dabf9c;font-size:12px;line-height:1.5;text-align:left;}
#welcome .cms {padding:20px;}
#welcome h2 {font-size:24px;margin:0 0 15px;}
#welcome .close {float:right;display:block;width:28px;height:28px;text-indent:-1000em;overflow:hidden;background:url(../images/icons/lightbox-close.png) no-repeat 0 0;}

/* general styles */
h2 {color:#a5815e;font-size:1.9em;margin:0 0 .6em;clear:both;}
h3 {color:#a5815e;font-size:1.3em;margin:1em 0 .6em;clear:both;}
h4 {color:#000;font-size:1.1em;clear:both;margin:0 0 .5em;}
h2 a,h3 a {color:#a5815e;text-decoration:none;}
h2 a:hover,h3 a:hover {text-decoration:underline;}

/* back links */
.back {margin:0 0 1em;}
.back a {font-weight:bold;}
.back a:hover {text-decoration:none;}

/* image thumbnails embedded into content */
.image {float:left;margin:0 1em 1em 0;padding:0 7px 7px 0;background:url(../images/layout/bg-thumbnail-shadow.gif) no-repeat 100% 100%;}
.image img {float:left;padding:4px;border:1px solid #999;}

/* pros and cons list */
.pros-cons {margin:0 0 2em;}
.pros-cons li {padding-left:16px;margin:0 0 .3em;background:url(../images/icons/plus.gif) no-repeat 0 3px;}
.pros-cons li.neg {background:url(../images/icons/minus.gif) no-repeat 0 8px;}
.pros-cons li.last {margin:0 0 2em;}

/* full-width list */
.full-list li {float:left;width:100%;}

/* includes list */
.includes li {padding-left:20px;margin:0 0 .3em;background:url(../images/icons/tick.gif) no-repeat 0 3px;}
.includes.no li {background:url(../images/icons/tick-false.gif) no-repeat 2px 5px;}
.includes.extra li {background:url(../images/icons/plus.gif) no-repeat 2px 5px;}

/* news - hfeed microformat */
.news {width:100%;}
.news li {width:45%;margin:0 4% 2% 1%;float:left;min-height:11em;line-height:1.3em;}
.news li h3 {font-size:1.3em;line-height:1.2em;margin:0 0 .3em;}
.news li .entry-content p {text-align:left;margin:0;}
.news li .entry-content a,
.news li .entry-content span {display:inline;margin:0;}
.news li p {text-align:right;margin:.5em 0 0;}
.news li p a {text-align:right;margin:.2em 0 0;font-weight:bold;}
.news li p span {display:block;color:#666;float:left;}

.new.hentry h3 {font-size:1.3em;margin:0 0 .2em;}
.new.hentry h3 a {text-decoration:none;}
.new.hentry span {display:block;color:#666;margin:0 0 1em;}
.new.hentry .entry-content {line-height:1.2em;margin:0 0 2em;}

/* paging */
.pages {width:100%;background:#f4dfc7 url(../images/layout/bg-body.png) repeat-x 0 0;margin:0 0 1em;padding:.5em 0;}
.pages span {display:block;float:left;margin:.1em .5em 0 .8em;color:#a5815e;}
.pages ul li {display:inline;margin:0 .8em 0 0;padding:0 0 0 .8em;font-weight:bold;border-left:1px solid #a5815e;}
.pages ul li a {color:#a5815e;}
.pages ul li.p1 {border:0;}
.pages ul li.sel a {font-weight:bold;text-decoration:none;color:#000;}

/* faq - frequently asked questions */
#faqs {list-style:decimal;margin-left:1.8em;width:95%;}
#faqs li {margin:0 0 .5em;list-style:decimal;}
#faqs li h3 {margin:0 0 .5em;cursor:pointer;}
#faqs li h3 a {outline:none;display:block;padding:.2em 0;border-bottom:1px solid #fff;}
#faqs li h3 a:hover {border-bottom:1px solid #ccc;}
#faqs li h3.on {background:url(../images/layout/bg-body.png) repeat-x 0 0;}
#faqs li h3.on a {text-decoration:none;}
#faqs li .answer {border-bottom:1px solid #ccc;padding:10px 0;}
#faqs li .answer p {margin:0 0 1em;}

/* passive house */
#passive {position:relative;text-align:center;width:100%;height:20em;margin:0 0 2em;}
#passive img {margin:5em auto 0;}
#passive ul li {position:absolute;padding:.7em;width:12em;color:#528562;text-align:left;background:url(../images/layout/bg-fact.gif) no-repeat 0 0;}
#passive ul li#fact1 {left:0;bottom:5px;}
#passive ul li#fact2 {left:20px;top:90px;}
#passive ul li#fact3 {left:230px;top:0;}
#passive ul li#fact4 {right:10px;top:50px;}
#passive ul li#fact5 {right:0;bottom:0;}

/* low-energy house */
#low-energy {position:relative;text-align:center;width:100%;height:20em;margin:0 0 2em;}
#low-energy img {margin:5em auto 0;}
#low-energy ul li {position:absolute;padding:.7em;width:12em;color:#528562;text-align:left;background:url(../images/layout/bg-fact.gif) no-repeat 0 0;}
#low-energy ul li#fact1 {left:0;bottom:5px;}
#low-energy ul li#fact2 {left:20px;top:90px;}
#low-energy ul li#fact3 {left:230px;top:0;}
#low-energy ul li#fact4 {right:10px;top:60px;}
#low-energy ul li#fact5 {right:0;bottom:0;}

/* framework house */
.framework-pros li {float:left;width:45%;margin:0 4% 2% 0;}
.framework-pros li strong {border-bottom:1px solid #528562;line-height:1.2em;font-size:1.1em;}

/* pricelist */
table {width:100%;margin:0 0 2em;}
table td,
table th {vertical-align:top;}
table td p,
table th p {margin:0;}

.cenik tr td,
.cenik tr th {width:10%;padding:.3em 0;border-bottom:1px solid #ccc;}
.cenik tr td.first,
.cenik tr th.first {width:30%;}
.cenik tr td.last,
.cenik tr th.last {width:40%;}
.cenik .title td,
.cenik .title th {border-bottom:1px solid #000;text-transform:uppercase;background:url(../images/layout/bg-body.png) repeat-x 0 0;}
.cenik tfoot tr td {background:#eee;}
.cenik tfoot tr td p {margin:0 1em;}

.faze tr td,.faze tr th {width:23%;padding:.3em 1%;border-bottom:1px solid #ccc;}
.faze tfoot tr td {background:#eee;}
.faze tfoot tr td p {margin:0 1em;}

/* offer: client */
.client {margin:0 0 1em;padding:.5em;border-top:1px solid #000;border-bottom:1px solid #000;}
.client dt,
.client dd {display:block;float:left;width:45%;margin:0 3% 0 0;}
.client dd {font-weight:bold;}

/* offer: tables */
table.offer {clear:both;}
.offer thead td,
.offer thead th {padding:.3em .5em;border-bottom:1px solid #000;text-transform:uppercase;background:url(../images/layout/bg-body.png) repeat-x 0 0;}
.offer tbody td,
.offer tbody th {padding:.3em .5em .2em;border-bottom:1px solid #ccc;}

ol.phases {list-style:decimal;list-style-position:inside;}
ol.phases li {list-style:decimal;list-style-position:inside;}

/* contact form */
.contact-data {width:100%;}
.contact-data p {float:left;margin:0 3em 1em 0;}
#contact fieldset ol li {float:left;width:100%;margin:0 0 .4em;}
#contact fieldset ol li label {display:block;padding:3px 10px 0 0;width:10em;float:left;}
#contact fieldset ol li input {width:15em;padding:.2em;float:left;}
#contact fieldset ol li textarea {width:30em;height:8em;padding:.2em;overflow:auto;float:left;}
#contact fieldset ol li button {float:left;color:#fff;width:75px;height:17px;margin:.5em 0 0 11em;padding:1px 0 2px;border:0;text-transform:uppercase;background:#c5a27e url(../images/buttons/send.gif) no-repeat 0 0;}

.error {color:#fff;padding:15px;width:465px;height:70px;overflow:hidden;background:url(../images/layout/error-balloon.gif) no-repeat 0 0;}

/* construction site list */
#sites {padding:0 10px 10px;}
#sites ul li {padding:12px 0 12px 60px;min-height:30px;height:auto !important;height:30px;border-bottom:1px solid #ccc;background:url(../images/icons/construction-site.png) no-repeat 0 0;}
#sites ul li:hover {background-color:#fff;border-color:#666;}
#sites ul li a.title {font-weight:bold;}

.cloudyDiv {height:110px;}

/* galleries */
#thumbnails {margin:2em 0 0;}
#thumbnails li {float:left;width:150px;height:180px;margin:0 20px 30px 0;background:url(../images/layout/bg-thumbnail.gif) no-repeat 100% 2px;}
#thumbnails li .thumbnail {width:140px;height:140px;position:relative;display:block;overflow:hidden;}
#thumbnails li .thumbnail a {display:block;float:left;}
#thumbnails li .thumbnail img {float:left;position:absolute;right:0;bottom:0;}
#thumbnails li .magnify {display:block;float:left;padding:0 15px 0 0;margin:12px 7px 0 0;height:32px;color:#a79587;background:url(../images/icons/plus.gif) no-repeat 100% 4px;}
#thumbnails li.right {margin-right:0;}
#thumbnails li:hover {background-position:100% -349px;}

#galleries {padding:0 10px 10px;}
#galleries ul li {padding:12px 0 12px 38px;min-height:17px;height:auto !important;height:17px;border-bottom:1px solid #ccc;background:url(../images/icons/album.png) no-repeat 0 0;}
#galleries ul li:hover,#galleries ul li.active {background-color:#fff;border-color:#666;}
#galleries ul li a.title {font-weight:bold;}

/* informativni dan 12.9. 2009 */
#indan {display:block;position:absolute;left:550px;top:0;width:136px;height:69px;text-indent:-10000px;overflow:hidden;background:url(../images/icons/badge-informativni-dan.png) no-repeat 0 0;}
#indan:hover {background-image:url(../images/icons/badge-informativni-dan2.png);}

/* sparkasse 5.3. 2010 */
.sparkasse {margin:0 0 15px;}
.sparkasse .logo {display:block;float:left;margin:0 20px 0 0;border:3px solid #eee;}
.sparkasse .logo:hover {border-color:#b2def7;}
.sparkasse .logo img {display:block;}

/* sparkasse - 7.3. 2010 */
#sparkasse {width:100%;clear:both;padding:0 0 5px;}
#sparkasse div {width:800px;padding:10px 10px 10px 140px;text-align:left;margin:0 auto;font-size:12px;line-height:1.4;background:#b1ddf7 url(../images/identity/sparkasse.jpg) no-repeat 10px 50%;}
#sparkasse div a {font-weight:bold;}
body.en #sparkasse,body.hr #sparkasse,body.de #sparkasse {display:none;}


/*	LIGHTBOX V2.0.3 - http://www.huddletogether.com/projects/lightbox2/
------------------------------------------------------------ */
#lightbox {position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#lightbox a img {border:none;}
#outerImageContainer {position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#imageContainer {padding:10px;}
#loading {position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#imageContainer>#hoverNav {left:0;}
#hoverNav {position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#hoverNav a {outline:none;}
#prevLink,
#nextLink {width:49%;height:100%;background:transparent url(../images/lightbox/blank.gif) no-repeat;/* Trick IE into showing hover */display:block;}
#prevLink {left:0;float:left;}
#nextLink {right:0;float:right;}
#prevLink:hover, #prevLink:visited:hover {background:url(../images/lightbox/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background:url(../images/lightbox/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer {font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;}
#imageData {padding:0 10px;color:#666;overflow:hidden;}
#imageData #imageDetails {width:70%;float:left;text-align:left;}	
#imageData #caption {font-weight:bold;}
#imageData #numberDisplay {display:block;clear:left;padding-bottom:1.0em;	}			
#imageData #bottomNavClose {width:23px;float:right;padding-bottom:0.7em;	}		
#overlay {position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000;}


/*	HACKS
------------------------------------------------------------ */
#site,
.clear,
.sparkasse {display:inline-block;}

#site:after,
.clear:after,
.sparkasse:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}