/* (c) 2009-1013 seitenbox.de */

@import url('fancybox/jquery.fancybox.css');
@import url('jquery.mCustomScrollbar.css');

#inhalt span.left { float: left; margin: 5px 10px 5px 0;  }
#inhalt span.right { float: right; margin: 5px 0 5px 10px; }
#inhalt div.single { margin: 1em 0; }

div.gallery {
margin:  1em 0;
}

div.gallery h1 {
margin-bottom: .5em;
}

div.gallery.format_xl img {
width: 47%;
margin: 0 2% 2% 0;
}

div.gallery.format_l img, div.gallery.format_hf img, div.gallery.format_qf img  {
width: 22%;
margin: 0 2% 2% 0;
}

div.gallery.format_q2 img {
width: 22%;
margin: 0 2% 2% 0;
}

/* Standardheader ausblenden */
#__header {
	background-image: none;
}

/* Kalender-HG beim Ladevorgang */
#text div.calendar{
	min-height: 300px;
	background: url(/img/ajax-loader-3.gif) 0px 10px no-repeat;
}

#text .calendar {
	margin:  1em 0;
	clear: both;
	height: 620px;
}

#text .calTable {
	width: 165px;
	border: 1px solid #d0d0d0;
	border-collapse: collapse;
	border-spacing: 0;
	margin:  0;
}

#text .calTableDiv {
	height: 185px;
	float: left;
	margin: 10px 15px 0px 0;
}

#text .calTable td, #text .calTable th { 
	padding: 2px 1px 3px 1px;
	width: 21px;
	text-align: center;
	vertical-align: center;
	background: #F8FBFD;
	border: 1px solid #dfdfdf;
	color: #333;
}

#text .calTable th.cell-header { 
	color:  #0D2A6F;
	white-space: nowrap;
}

#text .calTable td.cell-weekend { 
	color: #898;
}

#text .calTable td.today { 
	font-weight: bold;
}

#text .calTable td.belegt { 
	background: #ebb;
}

#text .calTable td.belegt.start { 
	background: url(/img/hg_cal_start.gif) center center no-repeat;
}

#text .calTable td.belegt.ende { 
	background: url(/img/hg_cal_ende.gif) center center no-repeat;
}

#text .calTable td.belegt.start.ende { 
	background: url(/img/hg_cal_start_ende.gif) center center no-repeat;
}

#text .calTable td.default { 
	background: #e2f2dd;
}

#text .calTable.inactive tr td.default,
#text .calTable.inactive tr td { 
	background: #F8FBFD !important;
	color: #ddd;
}
#text .inactive th.cell-header { 
	font-weight: normal;
	color: #bbb;
}

#text .calTable td.nicht-verfuegbar { 
	background: #ddd;
	color:#999;
}

/* Kontaktformular */

#inhalt .contactform button {
	font-weight: bold;
	padding: 3px;
}

#contactForm {
	background-color:#fff;
	display:none;
	width:405px;
	padding:20px;
	text-align:left;
	border:2px solid #666;
	mrgin-left: -200px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
	font-size: 12px;
}

#contactForm table {
	border:0;
	padding:0;
	margin:12px 0;
	width:100%;
}

#contactForm td {
	border:0;
	padding:0;
	margin:0;
	vertical-align: top;
}

#contactForm td.label {
width:110px;
}

#contactForm td.input {
}

#contactForm h2 {
	margin:0px 0 10px 0;
	padding:12px 0 13px 0px;
	border-bottom:1px solid #ddd;
	font-size:14px;
}

#contactForm label, #contactForm p {
	display: block;
	margin: 2px 0;
	font-size: 12px;
	text-align: left;
	line-height:1.5em;
}

#contactForm input, #contactForm textarea {
	display: block;
	margin: 3px 0 3px 12px;
	width: 275px;
	font-size: 12px;
}

#contactForm textarea {
	height: 5em;
	resize: none;
	padding: 0 1px;
}

#contactForm button {
	padding: 2px 10px;
	margin: 10px 10px 0 0;
	font-size:11px;
}

#contactForm button.send {
	font-weight: bold;
}

#contactForm .qq-upload-button {
	padding: 3px 10px;
	margin: 10px 0 0 12px;
	font-size:11px;
	border: 1px solid #bbb;
	background-color: #f2f2f2;
}

div.simplemodal-overlay {
	background-color: #333;
}

/* Tabellen */

#inhalt table.noborder, #inhalt table.noborder th, #inhalt table.noborder td {
	border:  0;
	padding-left: 0;
	margin-left: 0;
}

#inhalt table th, #inhalt table td {

	padding-right: .5em;
}

#inhalt table.align-left {
}

#inhalt table.align-center {
	margin:  .5em auto;	
}

#inhalt table.align-right {
	
}

/* Lightbox */

#lightbox{
position: absolute;
left: 0;
width: 100%;
z-index: 990;
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;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 991;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(http://media.seitenbox.de/img/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(http://media.seitenbox.de/img/lightbox/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://media.seitenbox.de/img/lightbox/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #444444;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
}

#imageData{
padding:0 10px;
}
#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: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 980;
width: 100%;
height: 500px;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
display: none;
}


.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

* html>body .clearfix {
display: inline-block; 
width: 100%;
}

* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}

/* Nivo Slider for Header Galleries */

/*
 * jQuery Nivo Slider v3.0.1
 */

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/* Own additional styles for the slider */

#headerSlider {
	position:relative;
	background: url(images/loading.gif) no-repeat 50% 50% #fff; 
}
#headerSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

/* IE 8 Bugfix for Links in the slider */

.nivoSlider a {
	border:0;
	display:block;
	background-color: #fff;
	filter:alpha(opacity=0);
	opacity: 0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-khtml-opacity:0;
}

/* Hover Effect for Gallerie */

#hoverThumbnail {
	padding:4px;
	border:2px solid #ddd;
	background:#fff;
	z-index: 9999;
}
#hoverThumbnail img {
	height: 200px;
	padding: 0;
	margin: 0;
	vertical-align: top;
}
#hoverThumbnail span {
	display: none;
}
#lightbox #caption img {
	display:  none;
}

/* Untertitel in Galerie */

.gallery {
	position: relative;
}

#inhalt .gallery.hasSubtitle a {
	display: inline-block;
	text-decoration: none;
	margin: 0 0 10px 0;
	vertical-align: top;
}

#inhalt div.gallery.hasSubtitle.format_l a,
#inhalt div.gallery.hasSubtitle.format_hf a,
#inhalt div.gallery.hasSubtitle.format_qf a,
#inhalt div.hasSubtitle.format_q2 a {
	width: 24%;
}

#inhalt div.hasSubtitle.format_q1 a img{
	width: 80px;
}

#inhalt div.hasSubtitle.format_q1 a{
	width: 90px;
}


.gallery a.hasSubtitle span {
	
}

div.gallery.hasSubtitle a img {
	width: 92%;
}

/* Images without border */

#inhalt img.noborder {
	border: 0;
	padding: 0;
}

/* Font Sizes */
#inhalt .fontSize1 { font-size: 60%; }

#inhalt .fontSize2 { font-size: 80%; }

#inhalt .fontSize3 { font-size: 100%; }

#inhalt .fontSize4 { font-size: 130%; }

#inhalt .fontSize5 { font-size: 160%; }

#inhalt .fontSize6 { font-size: 200%; }

#inhalt .fontSize7 { font-size: 300%; }



/* Multi Column */

div.columns {
    overflow:hidden;
    width:auto;
    display:inline-block;
    padding:0;
    clear: both;
    max-width: 100%;
}
div.columns div.image img {
	max-width: 100%;
}
div.col_2 {
	float:left;
	width:49%;
	margin-left: 2%;
	padding: 0;
}
div.col_2:first-child {
	margin-left:0;
}
div.col_3 {
	float:left;
	width:32%;
	margin-left: 2%;
	padding: 0;
}
div.col_3:first-child {
	margin-left:0;
}
div.col_4 {
	float:left;
	width:23.5%;
	margin-left: 2%;
	padding: 0;
}
div.col_4:first-child {
	margin-left:0;
}