html {}

body {position: relative; margin: 0; background-position: center bottom; background-repeat: no-repeat;}
.site {position: relative; margin-top: 10px;}

h1 {padding: 20px 0 ;}
h2 {padding: 15px 0 10px;}
h3, h4, h5 {padding: 12px 0 8px;}
p {padding: 10px 0 8px;}

.vcard .adr,
.vcard .label {display: block;}

/*form formating*/
label {position: relative;}
input.txt {position: absolute; left: 8em; background-position: left center; background-repeat: no-repeat; border-width: 1px; width: 150px; padding: 2px 5px;}
label,
label.box span {display: block;}
.dob label {display: inline;}

img.cd {display: block; background-repeat: no-repeat; width: 34px; height: 30px;}

.clearleft {clear: left;}
.clearright {clear: right;}

a.button {border-radius: 2px;  margin:  5px;  padding: 12px 17px; display: inline-block;
-webkit-box-shadow:  1px 1px 2px 0px rgba(6, 6, 6, 0.5);
        box-shadow:  1px 1px 2px 0px rgba(6, 6, 6, 0.5);}
a.button:hover {-webkit-box-shadow:  0px 0px 1px 0px rgba(6, 6, 6, 0.5);
        box-shadow:  0px 0px 1px 0px rgba(6, 6, 6, 0.5);}

.lang {position: absolute; top: 0; right: -10px; z-index: 100;}
.lang a {border-radius: 0 0 2px 2px;  margin: 0;  padding: 12px 17px; display: inline-block;
-webkit-box-shadow:  1px 1px 2px 0px rgba(6, 6, 6, 0.5);
        box-shadow:  1px 1px 2px 0px rgba(6, 6, 6, 0.5);}

.site {margin: 0 auto; max-width: 1403px;padding: 0 5px;}

/*---------------------------------
header
----------------------------------*/
header {float: left;
margin-right: -100%;
max-width: 413px;
position: relative;
width: 29.4118%;
margin-top: 20px;}




header .branding {padding: 40px 6px 40px 0px;}
header .branding h1 { padding: 0px 10px 0px 14px; margin: 0 auto; position: relative; left: 0; text-align: center;}
header .branding h1 a { display: block;border-width: 0;}
header .branding h1 a img {max-width: 100%;}
header .branding .contact {margin:17px 20px 17px 14px;}
header .branding .contact span,
header .branding .contact a {padding: 0;  display: inline-block; }
header .branding .contact a {padding-left: 10px; border-width:0 0 0 1px ; border-style: solid; }
header .branding .contact .tel a {border-width: 0; padding-left: 0;}

nav li {}
nav a { }


#nav_main {padding-left: 14px; margin-top: 20px;}
#nav_main ul  {}
#nav_main li {position: relative; display: inline-block; padding: 2px; list-style: none; width: 48%;}
#nav_main li:first-child {}
#nav_main a {display: block; padding: 17px 0; border-radius:2px;
-webkit-box-shadow:  1px 1px 2px 0px rgba(6, 6, 6, 0.5);
        box-shadow:  1px 1px 2px 0px rgba(6, 6, 6, 0.5);}
#nav_main a:hover {-webkit-box-shadow:  0px 0px 1px 0px rgba(6, 6, 6, 0.5);
        box-shadow:  0px 0px 1px 0px rgba(6, 6, 6, 0.5);}

#nav_main li.parent ul {position: absolute;  margin: 0; padding: 0; border-radius: 0 0 3px 3px; visibility: hidden; border-width: 0 2px 2px 1px; border-style: solid;}
#nav_main li.parent li {border-width:1px 1px 0px 1px; border-style: solid; display: block; padding: 0; list-style: none; }
#nav_main li.parent li:first-child {margin-left: 0;}
#nav_main li.parent:hover ul {visibility: visible;  }
.menu-toggle {display: none;}

header .importantlinks {padding-left: 14px;}
header .importantlinks li { display: inline-block; width: 49%;}
header .importantlinks li .button {padding: 12px 0px; display: block;}
header .importantlinks li .button span {display: block; }

header .facilities {padding-left: 14px; border-width: 0px; border-style: dashed; margin-top: 40px;}
header .facilities .notes {}
header .facilities li {border-width: 0 0 1px; border-style: dashed; list-style: none; padding: 2px 0px 4px; margin: 2%; display: block;  }
.facilities .icon img {background-position: left top; background-repeat; no-repeat; vertical-align: middle;}
.facilities .icon .showers img {background-position: left top; }
.facilities .icon .drying-room img {background-position: left -50px; }
.facilities .icon .wc img {background-position: left -100px; }
.facilities .icon .kitchen img {background-position: left -150px; }
.facilities .icon .washing-machine img {background-position: left -200px; }
.facilities .icon .heating img {background-position: left -250px; }
.facilities .icon .towels img {background-position: left -300px; }
.facilities .icon .storage img {background-position: left -350px; }
.facilities .icon .lounge img {background-position: left -400px; }
.facilities .icon .wifi img {background-position: left -450px; }
.facilities .icon .carpark img {background-position: left -500px; }


/*---------------------------------
content
----------------------------------*/
#content {display: block;
float: left;
margin-left: 29.4118%;
width: 70.5882%; }

/*banner*/
#content_banner {/*height: 500px;*/}
#banner_panel { display: block; margin: 0 auto; width: auto;}
#banner_panel img {position: absolute; opacity: 0; margin: 0 auto; display: block; width: 100%}
#banner_panel img.first {opacity: 1;}

#content li {padding: 5px 0;}

#content table {}
#content tr {border-width: 0 0 1px 0; border-style: dashed;}
#content td,
#content th { padding: 10px;}
#content th { vertical-align: bottom;}
#content td:first-child { }
#content td:last-child { }



#content img {box-shadow: 1px 2px 5px #999;}
#content img.spacer {box-shadow: none;width: 100%;}
.imgleft {float: left;  margin-right: 20px;}
.imgright {float: right; margin-left: 20px;}
.image-feature {margin: 0 0 20px;}


/*---------------------------------
content_main
----------------------------------*/
.content_main {padding: 8.3333% 0px; margin: 0px 8.3333%;}

/*gallery*/
.gallery {}
.gallery div {/*width: 33%;*/ }
.gallery .thumbs {overflow: hidden;}
.gallery .thumbs img { border-width: 2px; border-style: solid; border-color: white; height: 140px;
-webkit-box-shadow:  2px 2px 3px 0px rgba(6, 6, 6, 0.5);
        box-shadow:  2px 2px 3px 0px rgba(6, 6, 6, 0.5);}
.gallery #content .thumbs li {list-style:none;  float: left; margin: 10px 5px 50px;   }
.gallery .thumbs li .title { display: block;}
/*lightbox
.lb-outerContainer,
.lb-dataContainer { width: 90% !important; height: auto !important;}*/
#lightbox .lb-outerContainer img { width: 100%;}



/*content_page ----------------------------------*/
#content_page {float: left; width: 60%; }


/*content_sub ----------------------------------*/
#content_sub { float: right; width: 36%; margin-right: 2px; margin-top: 10px;
-webkit-border-radius: 10px;
    	border-radius: 10px;
-webkit-box-shadow:  0px 0px 2px 0px rgba(6, 6, 6, 0.5);
        box-shadow:  0px 0px 2px 0px rgba(6, 6, 6, 0.5); }

#content_sub h2 { border-style: solid; border-width: 0 0 1px 0; padding: 12px 20px;}

#content_sub #nav_page {}
#nav_page ul  {}
#content #nav_page li {background-position: 15px -980px; padding-left: 40px;}/*996*/
.solarpv #content #nav_page li.solarpv,
.faqsolar #content #nav_page li.faqsolar,
.solarthermal #content #nav_page li.solarthermal,
.fit #content #nav_page li.fit,
.gas #content #nav_page li.gas,
.biomas #content #nav_page li.biomas {background-position: 15px -919px ; }/*936*/

#nav_page a {display: block; padding: 10px ; }


#content_sub p,
#content_sub ul {padding-left: 5px; padding-right: 5px;}
#content_sub li {  list-style: none;}

#map_embed {margin: 0 25px; }
#map_embed iframe { width: 100%; height: 300px; margin: 0;border-width: 5px; border-style: solid; }





/*---------------------------------
site info
----------------------------------*/
#site_info { clear:both; position: relative; padding:  50px 20px;  }
#site_info .contacts { overflow: hidden;  border-style: solid; border-width: 1px;}
#site_info .contacts h2 { padding: 0;}
#site_info .contacts ul { padding: 0 0 0;}
#site_info .contacts li {display: inline-block; list-style-type: none;}
#site_info p {}
#site_info ul {}
#site_info li {}

#site_info #content_logos {  padding: 10px; }
#site_info #content_logos ul {}
#site_info #content_logos span { display: inline-block; padding: 5px;}
#site_info #content_logos span div {}
#site_info #content_logos span div#CDSWIDCOE {}
#site_info img { }
#site_info #logo_visit {float: left; margin-bottom: 2em; margin-right: 1em;}
#site_info #logo_visit img {display: inline-block; height: 160px; width: auto;}
/*---------------------------------
footer
----------------------------------*/