@import url("tripoli_simple.css");
@import url("styles_content.css");

html {background:#3E1F00; background: #3E1F00 url(images/background.jpg) repeat-y top center}
body {font-size: 44%;  height: 100% !important }


/*------------------------------------------main layout*/
div#main01 { margin: 0 auto; padding:0;width:550px; }	
div#header {  margin: 0 auto; padding:0;width:550px; position: relative} 
#logo  {width: 425px;  padding:0; margin: 0 auto; z-index: 100}
#menu {width: 438px;  padding:10px 0 0 0; margin: 0px auto 0 auto; z-index: 10000}
#slides {width: 404px;  padding:0px 0 0 0; margin: -7px auto 20px auto; z-index: 100; position: relative}
#lang {height: 20px ; width: 45px; position: absolute; right: 21px; bottom: 85px; margin: 0;}
div.box-top {background: url(images/box_main/main_top.png) no-repeat center top; margin: -107px auto 0 auto; padding:0; height: 142px; }
* html div.box-top {background: url(images/box_main/main_top_ie6.jpg) no-repeat center top; margin: -107px auto 0 auto; padding:0; height: 142px; }

div.box-middle {margin: 0 auto; padding:0 0 10px;  background: url(images/box_main/main_middle.png) repeat-y center; position: relative}
* html div.box-middle {margin: 0 auto; padding:0 0 10px;  background: url(images/box_main/main_middle_ie6.jpg) repeat-y center; position: relative}
 
div.box-bottom {padding: 0 0 0em 0;  background: url(images/box_main/main_bottom.png) no-repeat top center; height: 90px}
* html div.box-bottom {padding: 0 0 0em 0;  background: url(images/box_main/main_bottom_ie6.jpg) no-repeat top center; height: 90px}

div.content {width: 410px; padding: 0 0 0em 0 !important; margin: 0 auto; position: relative; /*border: 1px solid red */}
div#ft {width: 440px; margin: -30px auto 30px auto; padding: 0 0 30px 0}

.doc2 div.content {width: 620px; padding: 0 0 0em 0; margin: -50px auto 0 auto; text-align: center }
.doc2 div#header { margin: 0 auto 50px auto; padding:0 0 50px 0;width:620px; position: relative} 

div#main .l2005_col1 {float: left; width: 520px; padding: 0 15px 0 20px; }
div#main .l2005_col2 {float: right; width: 314px; padding: 0 16px 0 14px; border-left: 1px solid #444 }

/*main layout END*/

div#header a#fb {
display: block; position: absolute; top: 258px; right: -90px ; width:104px; height: 30px; background: url(images/fb.png) no-repeat top center; z-index: 100;
}

/*------------------------------------------languages */
#lang a {display: block;  width: 20px; height: 16px}
#lang a:hover {display: block;  background: #fff; width: 20px; height: 16px; float: right; filter: alpha(opacity=30); opacity:0.30;}
#lang a span {display: block; text-indent: -9999px; display:block; }
#lang a#pl {float: left}
#lang a#en {float: right}



p,input {color: #444}
.clear {clear: both;}
.float-left {float: left}
.float-right {float: right}
.padding15 {padding: 0 15px }
.padding10  {padding: 0 15px !important}
.padding20  {padding: 0 20px !important}
.centerme {text-align: center;vertical-align: middle;}

div.fixit {padding: 1px; zoom: 1}

div#ft a {color: #C19F84; font-weight: bold}
div#ft-left {float: left}
div#ft-right {float: right}
.content h1 {margin-left: -5px}
* html .content h1 {margin-left: 0px}

/* file links  START */
.filelinks dd {margin: 3px 0}
.l1 dd.pps a, .l1 dd.ppt a, .l1 dd.jpg a, .l1 dd.pdf a, .l1 dd.doc a {padding: 3px 0 3px 22px; background-repeat: no-repeat;background-position: left 50%;}
.l2 dd.pps a, .l2 dd.ppt a, .l2 dd.jpg a, .l2 dd.pdf a, .l2 dd.doc a {padding: 16px 0 3px 32px; display: block; background-repeat: no-repeat;background-position: left bottom;}
dd.pps a:hover, dd.ppt a:hover, dd.cdr a:hover, dd.jpg a:hover, dd.pdf a:hover, dd.doc a:hover {background-color: #fefefe}

.l1 dd.jpg a {background-image: url(images/icons/jpg.gif)}
/*.l1 dd.jpg a:hover {background-image: url(images/icons/jpg.gif)}*/
.l1 dd.pdf a {background-image: url(images/icons/pdf.gif)}
/*.l1 dd.pdf a:hover {background-image: url(images/icons/pdf.gif)}*/
.l1 dd.doc a {background-image: url(images/icons/doc.gif)}
/*.l1 dd.doc a:hover {background-image: url(images/icons/doc.gif)}*/
.l1 dd.ppt a {background-image: url(images/icons/ppt.gif)}
/*.l1 dd.ppt a:hover {background-image: url(images/icons/doc.gif)}*/
.l1 dd.pps a {background-image: url(images/icons/pps.gif)}
/*.l1 dd.pps a:hover {background-image: url(images/icons/doc.gif)}*/

.l2 dd.jpg a {background-image: url(images/icons/jpg.gif)}
/*.l2 dd.jpg a:hover {background-image: url(images/icons/jpg.gif)}*/
.l2 dd.pdf a {background-image: url(images/icons/pdf_big.gif)}
/*.l2 dd.pdf a:hover {background-image: url(images/icons/pdf.gif)}*/
.l2 dd.doc a {background-image: url(images/icons/doc.gif)}
/*.l2 dd.doc a:hover {background-image: url(images/icons/doc.gif)}*/
.l2 dd.ppt a {background-image: url(images/icons/ppt.gif)}
/*.l2 dd.ppt a:hover {background-image: url(images/icons/doc.gif)}*/
.l2 dd.pps a {background-image: url(images/icons/pps.gif)}
/*.l2 dd.pps a:hover {background-image: url(images/icons/doc.gif)}*/
/* file links  END */


.news-list-browse p.pagination {float: none; margin: 10px 0 0 0}
p.pagination {float: right}
p.pagination a {padding: 3px 5px 7px 5px;  margin:0; border: 1px solid #efefef; text-decoration: none; /*background: url("images/pagination.gif") center top no-repeat;*/}
p.pagination a:hover {/*background: url("images/pagination_hover.gif") center top no-repeat;*/ background: #efefef; color: #888}
p.pagination span {text-decoration: none;background: none;padding: 3px 5px 7px 5px; margin:0}
p.pagination span.selected {padding: 3px 5px 7px 5px;  border:1px solid #efefef; background: #efefef; text-decoration: none;/*background: url("images/pagination_selected.gif") center top no-repeat;*/;color: #aaa; font-weight: bold}
p.pagination a.poprzednia {padding-left: 8px;}
p.pagination a.nastepna {padding-right: 7px;}



/* ---------------------------------------------  EXT: pagebrowse ---------------------------------------------  */
p.pagination {margin: 10px 20px 20px 0; float: left}
p.pagination a {padding: 2px 5px 5px 5px;  margin:0; border: 1px solid #ddd; text-decoration: none; /*background: url("../media/content/pagination.gif") center top no-repeat;*/}
p.pagination a:hover {/*background: url("../media/content/pagination_hover.gif") center top no-repeat;*/ padding: 2px 5px 5px 5px;  margin:0; border: 1px solid #ddd; background: #aaa; color: #fff}
p.pagination span {text-decoration: none;background: none;padding: 3px 5px 7px 5px; margin:0}
p.pagination span.selected {padding: 2px 5px 5px 5px;  border:1px solid #ddd; background: #888; text-decoration: none;/*background: url("../media/content/pagination_selected.gif") center top no-repeat;*/;color: #fff; font-weight: bold}
p.pagination a.poprzednia {padding-left: 8px;}
p.pagination a.nastepna {padding-right: 7px;}



/* tt_news CSS START */
/* tt_news single */
.news-single-links dd p{font-size:100%}
.news-single-timedata {font-size:92%;color:#aaa; padding: 0 0 5px}
.news-single-links dt,.news-single-related dt,.news-single-files dt{font-weight:700;margin:10px 0 2px 0;padding:0;width:100%;display:block;clear:both}
.news-single-backlink {margin:20px 0 30px}
.news-single-backlink a {border:0 solid;padding:0 0 0 0px; vertical-align: bottom; font-weight: bold}

/* tt_news list */
.content .news-list-browse{margin:0px 0 10px 0;clear: both;}
.content .news-list-item img{float:left;margin:0 10px 5px 0;padding:0 0px 0 0;border: 1px solid #fff;}
.content .news-list-item img a{margin:0;padding:0;}
.content .news-list-item hr{display:none}
.content .news-list-date {margin:0;padding: 0 2px 0 0;color:#777; font-weight: 500; font-size: 75%}
.content .news-list-item { margin: 0 0 0px;padding: 0px 0 0px}
.content .news-list-container {margin:0;padding:0}
.content .news-list-item h3 {margin: 0 0 3px 0; line-height: 1.2em}
.content .news-list-item h3 a {font-size: 0.9em; font-weight:bold; text-decoration: none; color: #666}
.content .news-list-item h3 a:hover {color: #000}
/*.news-list-morelink {background: url(images/news_wiecej.png) no-repeat right; text-align: right;	margin: 10px 0 0;   width: 499px;}*/
.content span.news-list-morelink {width: 16px;padding: 10px 8px 0 10px; font-weight: bold}


/* tt_news latest */
.content .news-latest-date {margin:0;padding: 0 2px 0 0;color:#777; font-weight: 500; font-size: 86%; width: 25px;  display: block; float: left}
.content .news-latest-item h3 {font-weight: 500; font-size: 100%; margin: 0 0 3px 0; line-height: 1.2em; width: 145px; display: block; float: right}


/* tt_news CSS END */


/* mailform START */
.mailform {width: 155px; clear: both; margin: 0; padding:0}
.mailform div.csc-default {margin: 0; padding:0}
.mailform input { font-size:1.0em;font-family:Arial, Helvetica, sans-serif;width: 155px;padding: 1px 3px 1px 3px;margin: 0px 0;background: #F3E5B3}
.mailform label {text-align: left; width: 100px; margin: 2px 0 0 0; padding: 0 10px 0 2px; color: #666}
.mailform textarea {font-size:1.0em;font-family:Arial, Helvetica, sans-serif;width: 155px;overflow: auto;padding: 1px 3px;margin: 2px 0;background: #F3E5B3}
.mailform input#submit {width: auto; margin: 10px 0px 0 0; padding: 0}
.mailform  div.form-line {margin:0; padding:0}
/*#mailform input#submit {background: url(images/send.gif) no-repeat;margin: 0 0 0 140px;height: 30px;padding: 0;border: 0;text-indent: -1000em;cursor: pointer;cursor: hand;}*/
/* mailform END */



.csc-sitemap {margin: 0 0 0 -20px}

div.csc-frame-rulerAfter {border-bottom: 1px dashed #fff; margin: 10px 0 10px 0}

/* BOXES */
.box {}
.boxtop div {font-size: 1px; line-height:0.01em; height: 10px !important}
.boxbottom  div {font-size: 1px; line-height:0.01em; height: 10px !important}
.boxcontent {padding: 0px 20px 0px 20px; margin: 0}

/* orange */
.box-main {background: #FADDBB;}
.box-main h2.teaser-color {color: #ED8D19; background: url(images/teaser_header_orange.gif) no-repeat left 3px;}
.box-main .boxtop {background: url(images/roundedcorners/neFADDBB.gif) no-repeat top right}
.box-main .boxtop div {background: url(images/roundedcorners/nwFADDBB.gif) no-repeat top left}
.box-main .boxbottom {background: url(images/roundedcorners/seFADDBB.gif) no-repeat bottom right}
.box-main .boxbottom div {background: url(images/roundedcorners/swFADDBB.gif) no-repeat bottom left}


div.box-01-top {background: url(images/box_01/box_01_top.gif) no-repeat 0 0;width: 198px; margin: 0px auto 0 auto; padding:0; height: 16px; }
div.box-01-middle { margin: -1px auto 0 auto !important; padding:1px 15px 1px 20px;  background: url(images/box_01/box_01_middle.gif) repeat-y 0 0;width: 163px;}
div.box-01-bottom {margin: 0px auto 0 auto;padding: 0 0 0 0; background: url(images/box_01/box_01_bottom.gif) no-repeat 0 0; height: 16px;width: 198px;}
div.box-01-middle h2 {padding-top:0; margin: 0 0 0 -10px}
.content  h2 {padding-top:0; margin: 0 0 5px}
 
.col-20,.col-25,.col-33,.col-50,.col-66,.col-75,.col-100{float:left; display: inline}
* html .col-50, * html .col-333, * html .col-33{float:left; display: inline; margin-left:-0.04em;}
.col-333{float:left; display: inline; *margin-left:-0.04em; }
.col-20 {width:20%;}
.col-25 {width:25%;}
.col-75 {width:75%;}
.col-66 {width:66.66%;}
.col-33,.col-333 {width:33.00%;}
.col-50 {width:50%;}
* html .col-50 {width:49%}
.col-100 {width:100%;}

.first {margin-left: 0px !important}
.last {margin-right: 0px !important}
.inner-pad {margin: 0 5px}




/***************************
 *  Default styles for the
 *    EXT rgaccordion
 * by Ringer Georg (just2b)
 ***************************/  


/* Toggle default */
h2.rgaccord1-toggle {
  cursor:pointer;
  border-bottom:1px solid #B0A285;
}

/* Toggle act item */
h2.act {
  color:#edf2f7;
}

/* the content */
div.rgaccord1-content {
  
  padding: 0 0 30px 10px
}

/* remove margin of a CE */
div.rgaccord1-content .ce {
  margin-bottom:0;
}

/* remove the header inside the CE, twice is not nice */
div.rgaccord1-content h1 {
  display:none;
}

.rgaccord1-nest {zoom: 1; margin: 0; padding:0}

table.alkohole-3 {border:0}
table.alkohole-3 td {border:0; padding:0}
table.alkohole-3 td.td-0 {width: 50%; padding: 0 0 0 18px}
table.alkohole-3 td.td-1 {width: 25%; padding: 0 25px 0 0; text-align: right}
table.alkohole-3 td.td-2 {width: 25%; padding: 0 30px 0 0; text-align: right}

table.alkohole-2 {border:0}
table.alkohole-2 td {border:0; padding:0}
table.alkohole-2 td.td-0 {width: 70%; padding: 0 0 0 18px}
table.alkohole-2 td.td-1 {width: 30%; padding: 0 30px 0 0; text-align: right}

div.kawa-banner { position: absolute; bottom: 0px; z-index: 1000;  margin:0; zoom:1}
div#homesega { padding: 0 0 10px 0px; margin: 0 0 0px 0; zoom:1}
* html div#homesega { padding: 0 0 10px 0px; margin: 0 0 20px 0; zoom:1}


#slidesContainer {height: 200px; padding: 0 0 15px 0;}
* html #slidesContainer {height: 210px; padding: 0 0 1px 0; zoom:1}

/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
*/

.slideshow {
	display: block;
	position: relative;
	z-index: 0;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
.slideshow-thumbnails {
	overflow: hidden;
}

.slideshow-images {
	height: 300px;
	width: 400px;
}		
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0; 
}
.slideshow-images-next { 
	opacity: 0; 
}
.slideshow-images img {
	float: left;
	left: 0;
	top: 0;
}	

.slideshow {
	height: 300px;
	margin: 0 auto;
	width: 400px;
}
.slideshow a img {
	border: 0;
}


.slideshow-captions {
	background: #000;
	bottom: 0;
	color: #FFF;
	font: normal 12px/22px Arial, sans-serif;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	width: 100%;
	z-index: 10000;
}
.slideshow-captions-hidden {
	height: 0;
	opacity: 0;
}
.slideshow-captions-visible {
	height: 22px;
	opacity: .7;
}


.slideshow-controller {
	background: url(images/slider/controller.png) no-repeat;
	height: 42px;
	left: 50%;
	margin: -21px 0 0 -119px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 238px;
	z-index: 10000;
}
.slideshow-controller * {
	margin: 0;
	padding: 0;
}
.slideshow-controller-hidden { 
	opacity: 0;
}
.slideshow-controller-visible {
	opacity: 1;
}
.slideshow-controller a {
	cursor: pointer;
	display: block;
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 12px;
}
.slideshow-controller a.active {
	background-position: 0 18px;
}
.slideshow-controller li {
	list-style: none;
}
.slideshow-controller li.first a {
	background-image: url(images/slider/controller-first.gif);
	left: 33px;
	width: 19px;
}
.slideshow-controller li.last a {
	background-image: url(images/slider/controller-last.gif);
	left: 186px;
	width: 19px;
}
.slideshow-controller li.next a {
	background-image: url(images/slider/controller-next.gif);
	left: 145px;
	width: 28px;
}
.slideshow-controller li.pause a {
	background-image: url(images/slider/controller-pause.gif);
	left: 109px;
	width: 20px;
}
.slideshow-controller li.play a {
	background-position: 20px 0;
}
.slideshow-controller li.play a.active {
	background-position: 20px 18px;
}
.slideshow-controller li.prev a {
	background-image: url(images/slider/controller-prev.gif);
	left: 65px;
	width: 28px;
}



.slideshow-loader {
	height: 28px;
	right: 0;
	position: absolute;
	top: 0;
	width: 28px;
	z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}


.slideshow-thumbnails {
	bottom: -65px;
	height: 65px;
	left: 0;
	position: absolute;
	width: 100%;
}
.slideshow-thumbnails * {
	margin: 0;
	padding: 0;
}
.slideshow-thumbnails ul {
	height: 65px;
	left: 0;
	position: absolute;
	top: 0;
	width: 10000px;
}
.slideshow-thumbnails li {
	float: left;
	list-style: none;
	margin: 5px 5px 5px 0;
	position: relative;
}
.slideshow-thumbnails a {
	display: block;
	float: left;
	padding: 5px;
	position: relative; 
}
.slideshow-thumbnails a:hover {
	background-color: #FF9 !important;
	opacity: 1 !important;
}
.slideshow-thumbnails img {
	display: block;
}
.slideshow-thumbnails-active {
	background-color: #9FF;
	opacity: 1;
}
.slideshow-thumbnails-inactive {
	background-color: #FFF;
	opacity: .5;
}










/**
 * The "classic" theme CSS for Shadowbox.
 *
 * This file is part of Shadowbox.
 *
 * Shadowbox is an online media viewer application that supports all of the
 * web's most popular media publishing formats. Shadowbox is written entirely
 * in JavaScript and CSS and is highly customizable. Using Shadowbox, website
 * authors can showcase a wide assortment of media in all major browsers without
 * navigating users away from the linking page.
 *
 * Shadowbox is released under version 3.0 of the Creative Commons Attribution-
 * Noncommercial-Share Alike license. This means that it is absolutely free
 * for personal, noncommercial use provided that you 1) make attribution to the
 * author and 2) release any derivative work under the same or a similar
 * license.
 *
 * If you wish to use Shadowbox for commercial purposes, licensing information
 * can be found at http://mjijackson.com/shadowbox/.
 *
 * @author      Michael J. I. Jackson <mjijackson@gmail.com>
 * @copyright   2007-2008 Michael J. I. Jackson
 * @license     http://creativecommons.org/licenses/by-nc-sa/3.0/
 * @version     SVN: $Id: skin.js 91 2008-03-28 17:39:13Z mjijackson $
 */

/*_____________________________________________________  container & overlay  */
#shadowbox_container, #shadowbox_overlay {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
#shadowbox_container {
  position: fixed;
  display: block;
  visibility: hidden;
  z-index: 999;
  text-align: center; /* centers #shadowbox in quirks and IE */
}
#shadowbox_overlay {
  position: absolute;
}

/*_______________________________________________________________  shadowbox  */
#shadowbox {
  position: relative;
  margin: 0 auto;
  text-align: left; /* reset left alignment */
}

/*____________________________________________________________________  body  */
#shadowbox_body {
  position: relative;
  margin: 0;
  padding: 0;
  border: 1px solid #333;
  overflow: hidden;
}
#shadowbox_body_inner {
  position: relative;
  height: 100%;
}
#shadowbox_content.html {
  height: 100%;
  overflow: auto; /* make html content scrollable */
}

/*_________________________________________________________________  loading  */
#shadowbox_loading {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
#shadowbox_body, #shadowbox_loading {
  background-color: #060606; /* should match loading image background color */
}
#shadowbox_loading_indicator {
  float: left;
  margin: 10px 10px 0 10px;
  height: 32px;
  width: 32px;
  background-image: url(images/sb/classic/loading.gif);
  background-repeat: no-repeat;
}
#shadowbox_loading span {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 10px;
  float: left;
  margin-top: 16px;
}
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
  color: #fff;
  text-decoration: underline;
}

/*____________________________________________________________  title & info  */
#shadowbox_title, #shadowbox_info {
  position: relative;
  margin: 0; /* these must have no vertical margin or padding */
  padding: 0;
  overflow: hidden;
}
#shadowbox_title_inner, #shadowbox_info_inner {
  position: relative;
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  line-height: 16px;
}
#shadowbox_title {
  height: 26px;
}
#shadowbox_title_inner {
  font-size: 16px;
  padding: 5px 0;
  color: #fff;
}
#shadowbox_info {
  height: 20px;
}
#shadowbox_info_inner {
  font-size: 12px;
  color: #fff;
}

/*_____________________________________________________________________  nav  */
#shadowbox_nav {
  float: right;
  height: 16px;
  padding: 2px 0;
  width: 45%;
}
#shadowbox_nav a {
  display: block;
  float: right;
  height: 16px;
  width: 16px;
  margin-left: 3px;
  cursor: pointer;
}
#shadowbox_nav_close {
  background-image: url(images/sb/classic/icons/close.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_next {
  background-image: url(images/sb/classic/icons/next.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_previous {
  background-image: url(images/sb/classic/icons/previous.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_play {
  background-image: url(images/sb/classic/icons/play.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_pause {
  background-image: url(images/sb/classic/icons/pause.png);
  background-repeat: no-repeat;
}

/*_________________________________________________________________  counter  */
#shadowbox_counter {
  float: left;
  padding: 2px 0;
  width: 45%;
}
#shadowbox_counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: underline;
}

/*___________________________________________________________________  clear  */
div.shadowbox_clear {
  clear: both; /* clear floating counter & nav */
}

/*________________________________________________________________  messages  */
div.shadowbox_message {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
  color: #fff;
  text-decoration: underline;
}


#diabox {z-index:1000;position:fixed;background-color:black;border:2px solid #999;padding:8px;}
#diabox.with_title {padding-bottom:30px;}
#diabox.loading {background:black url(images/overlay/loading_small.gif) center center no-repeat;}
#diabox.draggable {cursor:move;}
#diabox_content {position:relative;background-color:white;cursor:default;}
#diabox.loading #diabox_content {background-color:transparent;}
#diabox_overlay {position:fixed;width:100%;height:100%;top:0;left:0;z-index:999;background:transparent url(images/overlay/overlay.png) top left repeat;}
#diabox_test {padding:0;margin:0;}
#diabox #diabox_title {position:absolute;left:8px;right:58px;overflow:hidden;color:#eee;padding:5px 0;width:100%;font-style:italic;font-size:18px;height:20px;line-height:20px;}
#diabox #diabox_title strong {font-weight:normal;}
#diabox #diabox_title em {margin-left:5px;color:#ccc;font-size:.75em;line-height:1em;}
#diabox #diabox_prev, #diabox #diabox_next {position:absolute;top:50%;margin:-30px 20px 0;text-indent:-9999px;height:84px;width:32px;display:block;cursor:pointer;background:transparent url(images/overlay/prev_next.png) top left no-repeat;}
#diabox #diabox_prev:active, #diabox #diabox_next:active {margin-top:-29px;}
#diabox #diabox_next {left:100%;background-position:-32px 0;}
#diabox #diabox_prev {left:0;margin-left:-50px;}
#diabox #diabox_prev.diabox_disabled, #diabox #diabox_next.diabox_disabled {display:none;}
#diabox #diabox_close {position:absolute;left:100%;bottom:100%;margin:0 0 -15px -11px;color:white;text-decoration:none;cursor:pointer;text-indent:-9999px;background:transparent url(images/overlay/close.png) top left no-repeat;width:25px;height:29px;}
#diabox_loading {width:100px;height:100px;}


/* default styles for extension "tx_cssstyledcontent" */
	/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 1px solid white;
		padding: 0px 0px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	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 {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}

	/* Pictures on right, add margin on left */
	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 {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; padding:0; color: #777; font-size: 90%; line-height: 1.05em }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 10px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 10px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */
	
	DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; }

	/* Browser fixes: */

	/* Fix for unordered and ordered list with image "In text, left" */
	.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {padding-left: 40px; overflow: auto; height: 1%; }