/*
Theme Name: Sindal Trappen
Theme URI: http://www.sindaltrappen.dk
Version: 1.0
Author: Thomas Clausen - IdeFA Gruppen
Author URI: http://www.idefa.dk/
*/

/* Reset default browser styles */
@import url('reset.css');

/* GLOBAL */
body { font: 11px Verdana, Arial, Helvetica, sans-serif; line-height: 16px; color: #fff; background: #333 url(images/body-bg.gif) repeat-y 50% 0; }
h1 { font-size: 13px; line-height: 1.5em; margin: 0 0 8px 0; }
h2 { font-size: 13px; line-height: 1.5em; padding: 0 0 1px 0; margin: 0 0 4px 0; border-bottom: 1px solid #600; }
h3 { font-size: 12px; line-height: 1.25em; }
h4 { font-size: 12px; line-height: 1.25em; font-weight: normal; }
h5 { font-size: 11px; line-height: 1.25em; }
h6 { font-size: 11px; line-height: 1.25em; }
p { margin-bottom: 1.25em; }
a { color: #fff; }
a:hover, a:focus { text-decoration: none; }
sup, sub { font-size: 0.7em; vertical-align: baseline; position: relative; top: -0.4em; }
sub { top: 0.4em; }
form { display: inline; }

/* FORMS */
.mailform { margin: 0 0 32px 0; }
fieldset { padding: 0; margin: 0 0 16px 0; border: 0; }
legend { display: none; }
label { width: 70px; line-height: 15px; font-weight: bold; display: inline-block; white-space: nowrap; }
fieldset label { width: 500px; float: left; display: inline; }
input, textarea, select { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #5a5a5a; padding: 2px; margin: 0; border: 1px solid #dcd8cc; background: #ffffff; }
input.checkbox, input[type=checkbox], input.radio, input[type=radio] { margin: 2px 15px; border: 0; background: none; }
input.button, input[type=submit] { padding: 1px 12px; clear: both; }
fieldset input { float: left; display: inline; clear: left; }
textarea { overflow: auto; }
select { clear: right; }
.required { font-weight: bold; color: #93332e; }

.comment { font-weight: bold; margin: 0; }

/* ELEMENTS */
html, body, #wrap { height: 100%; }
body > #wrap { height: auto; min-height: 100%; }
#wrap { margin: 0 auto -120px auto; }

#top-wrap { background: #333; clear: both; }
#top { width: 982px; height: 112px; margin: 0 auto; }
#logo { width: 226px; margin: 42px 12px 9px 0; float: left; display: inline; }
#footer { width: 582px; font-size: 10px; color: #fff; margin: 60px 0 0 0; float: left; display: inline; }
#footer h1 { font: 16px Tahoma, Arial, Helvetica, Verdana, sans-serif; text-transform: uppercase; margin: 5px 0 0 0; }
#footer h1 .cufon { margin: 5px 0 3px 0; }
#footer p { margin: 0; }
#globalnav { width: 160px; text-align: right; margin: 65px 0 0 0; float: right; display: inline; }
#globalnav a { margin: 0 0 0 6px; }
#globalnav #searchform { padding: 5px 0 0 0; }
#globalnav #searchform input { font: 10px/14px Arial, Helvetica, Verdana, sans-serif; color: #999; padding: 1px 2px; margin: 0; border: 1px solid #999; background: none; }
#globalnav #searchform input.button, #globalnav #searchbox input[type=submit] { line-height: 10px; font-weight: bold; padding: 1px 10px; margin: 0 2px 0 0; border: none; }

#headerimage { text-align: center; padding: 4px 0; background: #fff; clear: both; }

/* MAINMENU */
#mainmenu-wrap { width: 100%; background: url(images/mainmenu-bg.gif) repeat-x center top; }
ul#mainmenu { width: 930px; padding: 0 50px 0 0; margin: 0 auto; background: url(images/body-bg.gif) repeat-y center top; clear: both; }
ul#mainmenu li { margin: 0 16px 0 0; display: inline-block; white-space: nowrap; }
ul#mainmenu a { font-size: 10px; line-height: 24px; font-weight: bold; color: #fff; text-decoration: none; text-transform: uppercase; padding: 0 5px; display: block; }
ul#mainmenu a:hover, ul#mainmenu a:focus, ul#mainmenu li.current a { color: #666; background: #600; }

/* Fix IE. Hide from IE Mac \*/
ul#mainmenu li { float: left; }
ul#mainmenu li a { height: 1%; }
/* End */

/* SUBMENU'S */
ul#submenu { width: 930px; padding: 0 50px 0 0; margin: 0 auto; background: url(images/body-bg.gif) repeat-y center top; clear: both; }
ul#submenu li { margin: 0 16px 0 0; display: inline-block; white-space: nowrap; }
ul#submenu a { font-size: 10px; line-height: 24px; font-weight: bold; color: #fff; text-decoration: none; text-transform: uppercase; padding: 0 5px; display: block; }
ul#submenu a:hover, ul#submenu a:focus, ul#submenu li.current a { color: #666; background: #600; }

/* Fix IE. Hide from IE Mac \*/
ul#submenu li { float: left; }
ul#submenu li a { height: 1%; }
/* End */

#main { width: 982px; margin: 0 auto; position: relative; z-index: 10; }
#main table.contenttable { width: 100%;  }
#main table.contenttable tr { }
#main table.contenttable th, #main table.contenttable td { padding: 2px; border: 1px solid #ccc; text-align: center; }
#main th p, #main td p { margin: 0; }
#main ul { list-style: outside disc; margin: 0 0 0 0; }
#main ul li {  }
#main ol { list-style: outside decimal; padding: 0 0 0 20px; margin: 0 0 15px 0; }
#main ol li { padding: 0; margin: 0 0 0 5px; }

#colRight { width: 367px; margin: 12px 24px -120px 24px; background: #000; float: right; display: inline; }
#colNormal { width: 547px; margin: 22px 0 6px 0; float: left; display: inline; }

#footer-spacer { width: 100%; height: 120px; clear: both; }
#footer-wrap { height: 120px; background: #201e1e; clear: both; }
#colMargin { width: 554px; height: 94px; padding: 13px 428px 13px 0; margin: 0 auto; background: url(images/footer-bg.gif) repeat-y right top; overflow: hidden; position: relative; z-index: 5; }
#seo { width: 554px; padding: 13px 428px 13px 0; margin: 0 auto; text-align:center;  }
#seo a { color:#999; text-decoration:none; }

/* CLEARFIX */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
spacer-gif { display: none; }

/* TYPO3 FIXES */
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-justify { text-align: justify; }
.float-left { float: left; display: inline; }
.float-right { float: right; display: inline; }

#colRight DIV.csc-textpic-text { margin: 9px 0; }

DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image { padding-right: 10px; margin-right: 0; }

DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image { padding-left: 10px; margin-left: 0; }

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { padding-right: 0 !important; margin-right: 0 !important; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol {padding-left: 0 !important; margin-left: 0 !important; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {  }
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { padding-bottom: 10px; margin-bottom: 0; display: block; }

#colMargin DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { padding-bottom: 0; }
#colMargin DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { padding-bottom: 0; }

.tx-indexedsearch-searchform { margin: 0 0 25px 0; }
.tx-indexedsearch-searchform p { }
.tx-indexedsearch-searchform input, select { width: 176px; margin: 0 10px 2px 0; }
.tx-indexedsearch-searchform select { width: 182px; }
.tx-indexedsearch-searchform input.button { width: auto; padding: 1px 12px; }
.tx-indexedsearch-searchform input.checkbox { width: auto; margin: 4px 5px 0 0; border: 0; background: none; }
.tx-indexedsearch-rules {}
.tx-indexedsearch-sectionlinks {}
.tx-indexedsearch-sectionheader {}
  .tx-indexedsearch-sectionheader .title {}
  .tx-indexedsearch-sectionheader .result-count {}
.tx-indexedsearch-whatis {}
  .tx-indexedsearch-sw { font-weight: bold; }
.tx-indexedsearch-browsebox { margin: 0 0 25px 0px; }
  .tx-indexedsearch-browsebox ul { text-align: center; padding: 0; margin: 0 0 10px 0; list-style: none; list-style-position: outside; }
  .tx-indexedsearch-browsebox li { display: inline; }
  .tx-indexedsearch-browselist-currentPage a { color: #a71932; }
.tx-indexedsearch-results { margin: 0 0 10px 0; border: 1px solid #999; }
  .tx-indexedsearch-results table { width: 100%; border-collapse: separate; border-spacing: 1px; }
  .tx-indexedsearch-results th { padding: 5px; background: #999; }
  .tx-indexedsearch-results div { padding: 5px; margin: 1px; }
  .tx-indexedsearch-results .icon { width: 18px; }
  .tx-indexedsearch-results .icon img { margin: -8px 0 0 -7px; position: absolute; }
  .tx-indexedsearch-results .title { font-weight: bold; text-align: left; }
  .tx-indexedsearch-results .title a { font-weight: bold; text-decoration: none; }
  .tx-indexedsearch-results .percent { width: 35px; }
  .tx-indexedsearch-results .description { }
  .tx-indexedsearch-results .info { font-size: 10px; background: #999; }
  .tx-indexedsearch-results .path {}
  .tx-indexedsearch-results .list {}

.tx-rgsmoothgallery-pi1 {
  background:#000 url(img/loading-bar-black.gif) center center no-repeat;
}

.myGallery
{
  width: 460px;
  height: 345px;
  z-index:5;
  display: none;
  border: 1px solid #000;
}

.jdGallery
{
  overflow: hidden;
  position: relative;
}

.jdGallery img
{
  border: 0;
  margin: 0;
}

.jdGallery .slideElement
{
  width: 100%;
  height: 100%;
  background-color: #000;
  background-repeat: no-repeat;
  background-position:center center;
  position: absolute;
  left:0;
  right:0;
  margin:0;
  padding:0;
  opacity:0;
}

.jdGallery .loadingElement
{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('img/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
  position: absolute;
  z-index: 10;
  width: 100%;
  margin: 0px;
  left: 0;
  bottom: 0;
  height: 40px;
  background: #333;
  color: #fff;
  text-indent: 0;
  overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
  bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
  padding: 0;
  font-size: 80%;
  margin: 0;
  margin: 2px 5px;
  font-weight: bold;
  color: inherit;
}

.jdGallery .slideInfoZone p
{
  padding: 0;
  font-size: 60%;
  margin: 2px 5px;
  color: #eee;
}

.jdGallery div.carouselContainer
{
  position: absolute;
  height: 135px;
  width: 100%;
  z-index: 10;
  margin: 0px;
  left: 0;
  top: 0;
}

.jdGallery a.carouselBtn
{
  position: absolute;
  bottom: 0;
  right: 60px;
  height: 20px;
  /*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
  text-align: center;
  padding: 0 10px;
  font-size: 13px;
  background: #333;
  color: #fff;
  cursor: pointer;
}

.jdGallery a.play {
  position: absolute;
  bottom: 0;
  right: 30px;
  height: 20px;
  width:20px;
  background: url('img/control_play.png') no-repeat center right;
  cursor: pointer;
}

.jdGallery a.pause {
  background: url('img/control_pause.png') no-repeat center right;
}

.jdGallery .carousel
{
  position: absolute;
  width: 100%;
  margin: 0px;
  left: 0;
  top: 0;
  height: 115px;
  background: #333;
  color: #fff;
  text-indent: 0;
  overflow: hidden;
}

.jdGallery .carousel .carouselWrapper
{
  position: absolute;
  width: 100%;
  height: 78px;
  top: 10px;
  left: 0;
  overflow: hidden;
}

.jdGallery .carousel .carouselInner
{
  position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail
{
  cursor: pointer;
  padding:0;
  margin:0;
  background: #000;
  background-position: center center;
  float: left;
  border: solid 1px #fff;
}

.jdGallery .carousel .label
{
  font-size: 13px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  padding: 0;
  margin: 0;
}

.jdGallery .carousel .label .number
{
  color: #b5b5b5;
}

.jdGallery a
{
  font-size: 100%;
  text-decoration: none;
  color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
  position: absolute;
  height: 99%;
  width: 25%;
  cursor: pointer;
  z-index:10;
  filter:alpha(opacity=20);
  -moz-opacity:0.2;
  -khtml-opacity: 0.2;
  opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
  filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}

.jdGallery a.left
{
  left: 0;
  top: 0;
  background: url('img/fleche1.png') no-repeat center left;
}

* html .jdGallery a.left { background: url('img/fleche1.gif') no-repeat center left; }

.jdGallery a.right
{
  right: 0;
  top: 0;
  background: url('img/fleche2.png') no-repeat center right;
}

* html .jdGallery a.right { background: url('img/fleche2.gif') no-repeat center right; }

.jdGallery a.open
{
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.jdGallery a.open
{
  position: absolute;
  top: 0;
  left: 25%;
  height: 99%;
  width: 50%;
  cursor: pointer;
  z-index: 10;
  background: none;
  -moz-opacity:0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}

.divider hr {
border-bottom:0 none;
border-top:1px solid #FFFFFF;
}