html {
  
}

body {
  color: #1b1b1b;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', Lucida, Verdana, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5em;
}

.ui-widget
{
  font-size: 10px;
}

img {
  border:none;
}

.border {
  border:1px solid #CCC;
}

h1,
.tpl_title {
  font-family: 'bebas_neueregular', 'Lucida Sans Unicode', 'Lucida Grande', Lucida, Verdana, Arial, sans-serif;
  font-size:24px;
  font-weight:normal;
  color: #1b1b1b;
}

h1 {
  padding-bottom: 6px;
  margin-bottom:14px;
}

h2,
.tpl_sec_title {
  font-size:18px;
  font-weight: normal;
  color: #1b1b1b;
}

h2 {
  padding-bottom:4px;
  margin-bottom: 8px;
}

h3 {
  font-size:16px;
  font-weight: bold;
  color: #5c5c5c;
  padding-bottom:0px;
  margin-bottom: 0px;
}

a {
  color: #6baeae;
  text-decoration: none;
}

a:hover {
  color: #5a9c9c;
  text-decoration: underline;
}

p {
  margin-top:1em;
  margin-bottom: 1em;
}

table tr td {
  vertical-align: top;
  padding-right:2.5em;
  
}

table tr td:last-child {
  padding-right:0em;
  
}

table tr td h1 {
  padding-bottom: 10px;
  margin-bottom:0px;
  line-height:1.2em;
}

.page-4 h1,
.page-4 h2{
  font-family: 'bebas_neueregular', 'Lucida Sans Unicode', 'Lucida Grande', Lucida, Verdana, Arial, sans-serif;
  font-size:24px;
  font-weight:normal;
  color: #A2B09E;
}

a.v-card {
  text-indent: -100px;
  overflow:hidden;
  background-image: url("../images/v-card.gif");
  background-repeat: no-repeat;
  display: inline-block;
  width: 58px;
  height:25px;
}

/****************************
  Article
****************************/

.page .article:first-child h1 {
  margin-top:0;
  padding-top:0;
}

.article {
  margin-top:1em;
  margin-bottom:1.5em;
  margin-left:20px;
  margin-right: 20px;
  position:relative;
}

.article table td {
  font-size:13px;
  padding-top:0px;
  padding-bottom: 0px;
  vertical-align: top;
}

.article .small {
  font-size:1em;
  line-height: 1.2em;
}

.section-text p {
  margin-top:0;
}

.section-text ul
{
  margin-left:0;
  padding-left:2.1em;
  list-style-image:url('../images/bg-li.png');
}

.section-text ol
{
  margin-left:0;
  padding-left:2.5em;
}

.img-big {
  text-align: center;
  font-size: .9em;
}


/****************************
  Article Default
****************************/

.article-default {

}

.file {
  float:right;
  width:130px;
  text-align: center;
  border:0px solid red;
  font-size:.9em;
}

.file .caption {
  margin-bottom:1em;
  margin-left:1em;
}

.image {
  float:right;
  width:140px;
  text-align: right;
  border:0px solid red;
  font-size:.9em;
}

.image .caption {
  margin-bottom:1em;
  margin-left:1em;
  text-align: center;
}

.link-more {
  margin-top: 0;
  clear:both;
}


/****************************
  Article Movies
****************************/

.article-movies h1,
.article-movies .article-teaser-text{
  padding-left:8px;
}



.scrollable-movies {
  position: relative;
  border:0px solid black;
}

.scrollable-movies .movie-title {
  position:relative;
  text-align:left;
  font-size:10px;
  margin-top:2px;
  color:#C5BBA0;
}

.scrollable-movies .movie-title p {
  margin:0;
  padding:0;
}

.scrollable-movies .movie-title .movie-nr {
  position:absolute;
  right:0px;
  top:0px;
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable-movies div.scrollable {

	/* required settings */
	position:relative;
  top:0px;
  left:0px;
	overflow:hidden;
	width: 746px;
	height:130px;

	/* custom decorations */
	border:0px solid #ccc;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable-movies div.scrollable div.items {
	width:20000em;
	position:absolute;
	clear:both;
}

.scrollable-movies div.scrollable div.items div.item {
	float:left;
	width:746px;
}

.scrollable-movies div.scrollable div.items div.item .movie-image {
  text-align: center;
  width:170px;
  height:96px;
  float:left;
  margin-left:8px;
  margin-right:8px;
  cursor:pointer;
}

.scrollable-movies div.scrollable div.items div.item .movie-title{
  margin-top:.5em;
  line-height: 1.2em;
}

/* single scrollable item */
.scrollable img {

}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:16px;
	height:26px;
	cursor:pointer;
	font-size:1px;
}

a.right, a.left {
  position: absolute;
  top:38px;
  z-index: 10;
}

/* right */
a.right {
  right:-20px;
  background: url(../images/icons/next.png) no-repeat;
  margin-right: 0px;
}
a.right.disabled {
  background: url(../images/icons/next-inactive.png) no-repeat;
  cursor:default;
}
a.right:hover {}
a.right:active 	{}



/* left */
a.left {
  left:-22px;
  background: url(../images/icons/previous.png) no-repeat;
  margin-left: 0px;
}
a.left.disabled {
  background: url(../images/icons/previous-inactive.png) no-repeat;
  cursor:default;
}
a.left:hover {}
a.left:active {}


/****************************
  Article Gallery
****************************/

.article-gallery h1,
.article-gallery .article-teaser-text{
  padding-left:8px;
}

.scrollable-gallery {
  position: relative;
}

.scrollable-gallery a.right, 
.scrollable-gallery a.left {
  top:40%;
}

.scrollable-gallery .gallery-title {
  position:relative;
  text-align:left;
  font-size:10px;
  margin-top:2px;
  color:#C5BBA0;
}

.scrollable-gallery .gallery-title p {
  margin:0;
  padding:0;
}

.scrollable-gallery .gallery-title .gallery-nr {
  position:absolute;
  right:0px;
  top:0px;
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable-gallery div.scrollable {

	/* required settings */
	position:relative;
  top:0px;
  left:0px;
	overflow:hidden;
	width: 746px;
	height:230px;

	/* custom decorations */
  border:0px solid black;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable-gallery div.scrollable div.items {
	width:20000em;
	position:absolute;
	clear:both;
}

.scrollable-gallery div.scrollable div.items div.item {
	float:left;
	width:746px;
}

.scrollable-gallery div.scrollable div.items div.item .gallery-image {
  text-align: center;
  width:170px;
  height:112px;
  float:left;
  margin-left:8px;
  margin-right:8px;
  cursor:pointer;
}

.scrollable-gallery div.scrollable div.items div.item .gallery-title{
  margin-top:.5em;
  line-height: 1.2em;
}

/* single scrollable item */
.scrollable img {

}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}


/****************************
  Box
****************************/

.box {
  margin-bottom:1.5em;
  position:relative;
  padding-bottom:.5em;
  border-bottom:1px solid #eff0f0;
  border-left:1px solid #eff0f0;
  
}

.box h1 {
  font-size:14px;
  font-weight: normal;
  color: #5c5c5c;
  margin:0;
  padding:0;
  margin-bottom:.1em;
  background-image: url('../images/bg-box-h1.png');
  background-repeat: repeat-y;
  background-position: right top;
  padding: 5px 0 6px 20px;
  border-top:1px solid #eff0f0;
  border-bottom:1px solid #eff0f0;
  border-right:1px solid #fbdcb4;
}

.box h2 {
  font-size:13px;
  margin:0;
  padding:0;
  margin-bottom:.1em;
  margin-left:20px;
}

.box .text {
  margin-top:.3em;
  padding-left:20px;
  font-size:.9em;
  padding-right:1em;
}

.box .text p {
  margin-top:.5em;
  margin-bottom:.5em;
  
}


.box table td {
  font-size:12px;
}


/****************************
  Box table of contents
****************************/

.box-table-of-contents .tc {
  line-height:1.8em;
}

.box-table-of-contents .tc a {
  color:#5c5c5c;
}

.box-table-of-contents .table-of-contents {
  margin-top: .6em;
}

.scroll-top {
  float:right;
  margin-top:2px;
  cursor:pointer;
}

/****************************
 * Forms
 ***************************/

div.ck-editable {
  min-height: 60px;
  border:1px solid #CCC;
}

input,
select {
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', Lucida, Verdana, Arial, sans-serif;
  font-size: 12px;
}

.textarea-caption {
  font-size: 12px;
  height:2.5em;
}

.textfield-login {
  width:160px;
}

input[type="image"] {
  border: none;
}

.textfield,
.textfield-date,
.textfield-small,
.textarea,
.textarea-small,
.textarea-caption,
.select
{
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', Lucida, Verdana, Arial, sans-serif;
  border: 1px solid #CCCCCC;
}

.textfield,
.textarea,
.textarea-caption,
div.ck-editable
{
  width:90%;
}

#cke_skin_kama
{
  width:88%;
}

.textfield,
.textfield-date,
.textfield-small,
.textarea,
.textarea-small,
.textarea-caption,
.select,
div.ck-editable
{
  margin-bottom:.3em;
}

.textfield-date {
  width:6em;
}

.textfield-small {
  width:40%;
}


/****************************
 * Overlay
 ***************************/

#overlay {

	/* must be initially hidden */
	display:none;

	/* place overlay on top of other elements */
	z-index:10000;

	/* styling */
	background-color:#FFF;

	width:150px;
	height:150px;
	border:1px solid #969696;

	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
}

/* close button positioned on upper right corner */
#overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/****************************
 * Overlay
 ***************************/

#overlays-container {
  position:absolute;
  top:0;
  left:-50px;
  z-index:9999;
}

.movie-overlay {

	/* must be initially hidden */
	display:none;

	/* place overlay on top of other elements */
	z-index:10000;

	/* styling */
  background-color:#FFF;

	width:600px;
	height:auto;
  border:1px solid #000;
}

.movie-overlay-content {
  padding:10px 30px 10px 30px;
  font-size:12px;
  color:#FFF;
  background-color:#000;
}

.movie-overlay-content h3 {
  line-height: 1.2em;
  font-size:13px;
  margin-top:5px;
  color:#FFF;
}

.movie-overlay .dhtml {
  height:338px;
}

/* close button positioned on upper right corner */
.movie-overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-18px;
	top:-18px;
	cursor:pointer;
	height:35px;
	width:35px;
}