/* sortable items */

#content #imagegallery_header {
color: #fff;
text-align: center;
padding: 7px 0 5px 0;
margin: 18px 0 0 0;
line-height: 1em;
background: #333;
}

#content #imagegallery_list,
#content #selected_item_list {
list-style:none;
padding:0;
margin:8px 0;
border:2px dashed #bbbbbb;
background:#eeeeee;
height:auto;
min-height:84px;
width:100%;
}

#content #imagegallery_list {
border:2px solid #333;
margin:0;
}

#content #imagegallery_list li {
cursor:n-resize;
padding:0;
margin:0;
}

#content #selected_item_list li {
padding:0;
margin:0;
}

#content #imagegallery_list li div.imageset_box,
#content #selected_item_list li div.imageset_box {
background:url('../img/bg_tabelle_repeat-x.png') left bottom repeat-x;
background-size:auto 100%;
outline:1px solid #aaa;
width:100%;
height:80px;
overflow:hidden;
}

#content #imagegallery_list li div.imageset_box img,
#content #selected_item_list li div.imageset_box img,
#content #imagegallery_list li div.imageset_box p,
#content #selected_item_list li div.imageset_box p {
width:auto;
height:100%;
clear:none;
display:inline;
float:left;
margin-right:4px;
}

#content #imagegallery_add_imageset {
margin-right:166px;
}

#content #embed_code_box {
border:2px dashed #75693d;
background:#F1F1F1;
width:auto;
padding:16px 24px;
}

#content #embed_code_text {
padding:0;
margin:0;
color:#333;
font-size:1.6em;
font-family:Consolas, 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', Monaco, 'Courier New', monospace;
text-align:center;
}



/*
	IMAGEGALLERY
*/

div.imagegallery_box {
	display:block;
	text-align:center;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow: 0px 5px 10px rgba(30, 30, 30, 0.9);
	-moz-box-shadow:    0px 5px 10px rgba(30, 30, 30, 0.9);
	box-shadow:         0px 5px 10px rgba(30, 30, 30, 0.9);
	background:#f3f3f3;
	padding:15px 0;
}

div.pagination:first-child {
	margin:0 0 15px auto !important;
	text-align:center;
}
div.pagination:last-child {
	margin:15px 0 0 auto !important;
	text-align:center;
}

div.imagegallery_box div.pagination p {
	text-align:center;
}

div.imagegallery_content {
	text-align:center;
	margin:0 auto;
}

div.imagegallery {
	display:table;
	width:auto;
	text-align:center;
	margin:0 auto;
	padding:6px;
	background:#fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid #bbb;
}

div.imagegallery a {
	text-decoration:none;
	border:none;
}

div.imagegallery div.imageset {
	display:table;
	clear:both;
	width:100%;
	height:auto;
}

div.imagegallery div.imagebox {
	position:relative;
	float:left;
}


div.imagegallery div.br {
	clear:both;
	float:left;
}

div.imagegallery div.textbox,
div.imagegallery div.h1,
div.imagegallery div.h2,
div.imagegallery div.w1,
div.imagegallery div.w2 {
	position:relative;
	float:left;
	overflow:hidden;
	background:#fff url(../img/bg_shadow_training.png) bottom center no-repeat;
	/*background-color:#eee;*/
	background-size:100% 100%;
	text-align:left;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	margin:2px;
}



/* image positioning */

div.imagegallery div.imagebox a.gallery {
	text-align:center;
}

div.imagegallery div.imagebox a.gallery img {
	display:block;
	width:auto;
	height:100%;
    position:absolute;
    left:-9999px;
    right:-9999px;
    margin:0 auto;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition:  all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

div.imagegallery div.imagebox a.gallery img.full_width {
	width:100%;
	height:auto;
}

div.imagegallery div.imagebox a.gallery img.portrait {
}

div.imagegallery div.imagebox a.gallery img.landscape {
	width:auto;
	height:100%;
}


div.imagegallery div.imagebox a.gallery img:hover {
   -webkit-transform: scale(1.15);
   -moz-transform: scale(1.15);
   -o-transform: scale(1.15);
   -ms-transform: scale(1.15);
   transform: scale(1.15);
   -webkit-transition:  all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   -ms-transition: all 0.2s ease;
   transition: all 0.2s ease;
}



/* textbox */

div.imagegallery div.textbox {
	position:relative;
}

div.imagegallery div.textbox h1 {
	font-family:'open_sansregular', Arial, Helvetica, sans-serif !important;
	color:#75693d;
	font-size:2.4em;
	line-height:1.1em;
	margin:15px 20px 10px 20px !important;
	padding:0;
}

div.imagegallery div.textbox p {
	font-family:'open_sansregular', Arial, Helvetica, sans-serif !important;
	font-size:1.2em !important;
	line-height:1.6em;
	color:#333;
	margin:10px 20px 10px 20px;
	padding:0;
}

div.imagegallery div.textbox a.link_starttrailer {
	position:absolute;
	z-index:100;
	bottom:10px;
	left:50%;
	margin-left:-61px;
}


div.imagegallery div.overlay_icon {
	position:absolute;
	z-index:110;
	top:10px;
	right:10px;
	width:auto;
	height:auto;
	filter:alpha(opacity=60); /* IE */
	-moz-opacity: 0.60; /* Mozilla */
	opacity: 0.60; /* Opera */
	cursor:pointer;
}

div.imagegallery div.overlay_icon span {
	font-size:2.0em;
	color:#fff;
}



/* options buttons */

div.training_options {
	position:absolute;
	left:0;
	bottom:20px;
	width:100%;
	text-align:center;
}


/* Social Popup  */
/*
div.training_options div.social_popup {
	display:none;
	position:absolute;
	z-index:20500;
	width:70%;
	max-width:250px;
	height:auto;
	background-color:rgba(20,20,20,0.70);
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	padding:2% 1% 2% 1%;
}
div.training_options div.social_popup a {
	width:46%;
	height:80%;
	margin:2%;
	padding:0.6em;
}
*/


@media only screen and (max-width: 767px) {

	div.imagegallery_box {
		margin-left:15px;
		margin-right:15px;
	}

	div.imagegallery {
		margin:auto;
		/* background:none; */
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}

	div.imagegallery div.br {
		clear:none !important;
		float:left !important;
	}

	div.imagegallery div.imagebox a.gallery img.portrait {
		height:auto !important;
		width:100% !important;
	}
	div.imagegallery div.imagebox a.gallery img.landscape {
		width:auto !important;
		height:100% !important;
	}

	div.imagegallery div.h1 {
		height:132px;
		border:1px solid #bbb;
	}
	div.imagegallery div.h2 {
		height:132px;
		border:1px solid #bbb;
	}
	div.imagegallery div.w1 {
		width:132px;
		border:1px solid #bbb;
	}
	div.imagegallery div.w2 {
		width:132px;
		border:1px solid #bbb;
	}

	div.imagegallery div.textbox h1 {
		font-family:'open_sansregular', Arial, Helvetica, sans-serif !important;
		color:#75693d;
		font-size:1.4em !important;
		line-height:1.2em;
		margin:10px 10px 6px 10px !important;
	}

	div.imagegallery div.textbox p {
		display:none;
	}

	div.imagegallery div.textbox img {
		bottom:2px;
	}

	div.training_options {
		bottom:10px;
	}
	div.training_options > a {
		width:30%;
		max-width:36px;
		margin:0 4px 0 4px;
	}

}

@media only screen and (min-width: 768px) {

	div.imagegallery div.h1 {
		height:176px;
	}

	div.imagegallery div.h2 {
		height:356px;
	}

	div.imagegallery div.w1 {
		width:176px;
	}

	div.imagegallery div.w2 {
		width:356px;
	}

	div.imagegallery div.textbox h1 {
		color:#75693d;
		font-size:1.5em !important;
		line-height:1.2em;
		margin:10px 15px 6px 15px !important;
	}

	div.imagegallery div.textbox p {
		display:block;
		font-family:'open_sansregular', Arial, Helvetica, sans-serif !important;
		font-size:1.1em !important;
		line-height:1.4em;
		color:#333;
		margin:6px 15px 10px 15px;
		padding:0;
	}

	div.imagegallery div.textbox img {
		bottom:2px;
	}

	div.training_options {
		bottom:10px;
	}
	div.training_options > a {
		width:30%;
		max-width:40px;
		margin:0 6px 0 6px;
	}

}

@media only screen and (min-width: 992px) {

	div.imagegallery div.textbox,
	div.imagegallery div.h1,
	div.imagegallery div.h2,
	div.imagegallery div.w1,
	div.imagegallery div.w2 {
		margin:3px;
	}

	div.imagegallery div.h1 {
		height:231px;
	}

	div.imagegallery div.h2 {
		height:468px;
	}

	div.imagegallery div.w1 {
		width:230px;
	}

	div.imagegallery div.w2 {
		width:466px;
	}

	div.imagegallery div.textbox h1 {
		font-size:2.0em;
		font-size:1.8em !important;
		margin:15px 20px 10px 20px !important;
	}

	div.imagegallery div.textbox p {
		font-family:'open_sansregular', Arial, Helvetica, sans-serif !important;
		font-size:1.2em !important;
		line-height:1.6em;
		margin:10px 20px 10px 20px;
	}

	div.imagegallery div.textbox img {
		bottom:6px;
	}

	div.training_options {
		bottom:20px;
	}

	div.training_options > a {
		max-width:50px;
		margin:0 6px 0 6px;
	}
}

@media only screen and (min-width: 1200px) {

	div.imagegallery div.textbox,
	div.imagegallery div.h1,
	div.imagegallery div.h2,
	div.imagegallery div.w1,
	div.imagegallery div.w2 {
		margin:4px;
	}

	div.imagegallery div.h1 {
		height:256px;
	}

	div.imagegallery div.h2 {
		height:520px;
	}

	div.imagegallery div.w1 {
		width:266px;
	}

	div.imagegallery div.w2 {
		width:540px;
	}

	div.imagegallery div.textbox h1 {
		font-family:'open_sansregular', Arial, Helvetica, sans-serif !important;
		color:#75693d;
		font-size:2.4em;
		line-height:1.1em;
		margin:20px 25px 10px 25px !important;
		padding:0;
	}

	div.imagegallery div.textbox p {
		font-family:'open_sansregular', Arial, Helvetica, sans-serif !important;
		font-size:1.3em !important;
		line-height:1.6em;
		color:#333;
		margin:15px 25px 10px 25px;
		padding:0;
	}

	div.imagegallery div.textbox img {
		bottom:10px;
	}

}