/* CSS Document */
#dynamiccontent{
	width: 100%;
	float: left;
}
#dynamiccontent div {
	float: left;
}
#dynamiccontent .row {
	width: 100%;
}

.seven.columns .text{
	width: auto;
}

.text{
	width: 100%;
	float: left;
}



/* Dokumente */
#dynamiccontent .dokumente {
	width: 100%;
}



/* Bilder */
#dynamiccontent .bilder {
	width: 100%;
}
#dynamiccontent img {
	max-width: 100%;
}
#dynamiccontent .bild {
	margin-bottom: 20px;
}
#dynamiccontent .bild.nocolumns {
	width: 340px;
	margin: 0 20px 20px 0;
}



/* Videos */
#dynamiccontent .videos {
	width: 100%;
}
#dynamiccontent .video.nocolumns {
	margin: 0 20px 20px 0;
	width: 100%;
	height: 378px;
	background-image: url('/modules/DynamicContent/images/video.png');
	background-position: bottom right;
	background-repeat: no-repeat;
}
#dynamiccontent .video img {
	max-width: 100%;
}
#dynamiccontent .iframe_video {
	position: relative;
    float: left;
    max-width: 100%;
}
#dynamiccontent .iframe_video .play {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 60px; /* Workaround da sonst top: -50% nicht geht? */
}
#dynamiccontent .iframe_video .play img {
    position: relative;
    left: -50%;
    top: -50%;
}
#dynamiccontent .video.columns iframe {
	width: 100%;
	height: 100%;
}
#dynamiccontent .video.nocolumns iframe {
	width: 340px;
	height: 192px;
}
#dynamiccontent .video.nocolumns > div,
#dynamiccontent .video.nocolumns > div > div {
	width: 521px !important;
	height: 294px !important;
}
#dynamiccontent .video div {
	float: none;
}



/* every_ */
#dynamiccontent .bild.every_2,
#dynamiccontent .video.every_2 {
	margin-right: 0;
}
#dynamiccontent .bild.every_2_after,
#dynamiccontent .video.every_2_after {
	clear: left;
}




/* Google Maps */
#google_maps {
	width: 400px;
	height: 300px;
}
#google_maps_routenplaner {
	clear: left;
}

#dynamiccontent.tickets iframe {
	width: 100%;
}

/**************************************************************************************************
 * 
 * #Media Queries
 * 
 *************************************************************************************************/
/**************************************************************************************************
 * Browser normal
 * 
 * Greater than 959 ()
 *************************************************************************************************/
@media only screen and (min-width: 960px) {

}



/**************************************************************************************************
 * Browser schmal
 * Smartphone Landscape
 * Smartphone Portrait
 * 
 * Smaller than standard 960 (devices and browsers)
 *************************************************************************************************/
@media only screen and (max-width: 959px) {
	#dynamiccontent .video.columns > div,
	#dynamiccontent .video.nocolumns > div,
	#dynamiccontent .video.columns > div > div,
	#dynamiccontent .video.nocolumns > div > div {
		height: 313px !important;
	}
}



/**************************************************************************************************
 * Browser schmal
 * 
 * Tablet Portrait size to standard 960 (devices and browsers)
 *************************************************************************************************/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}



/**************************************************************************************************
 * Smartphone Landscape
 * Smartphone Portrait
 * 
 * All Mobile Sizes (devices and browser)
 *************************************************************************************************/
@media only screen and (max-width: 767px) {
	#dynamiccontent .video.nocolumns {
		height: 320px;
	}
	#dynamiccontent .video.columns > div,
	#dynamiccontent .video.nocolumns > div,
	#dynamiccontent .video.columns > div > div,
	#dynamiccontent .video.nocolumns > div > div {
		height: 237px !important;
	}
}



/**************************************************************************************************
 * Smartphone Landscape
 * 
 * Mobile Landscape Size to Tablet Portrait (devices and browsers)
 *************************************************************************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {

}



/**************************************************************************************************
 * Smartphone Portrait
 * 
 * Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
 *************************************************************************************************/
@media only screen and (max-width: 479px) {
	#dynamiccontent .video.nocolumns {
		height: 260px;
	}
	#dynamiccontent .video.columns > div,
	#dynamiccontent .video.nocolumns > div,
	#dynamiccontent .video.columns > div > div,
	#dynamiccontent .video.nocolumns > div > div {
		height: 169px !important;
	}

}



/**************************************************************************************************
 * 
 * Bilderhöhe in Relation zu Bilderbreite
 * & inline-Bild
 * 
 *************************************************************************************************/
#dynamiccontent .bild.alpha,
#dynamiccontent .video.alpha{
	clear: left;
}
#dynamiccontent .bild.adjust,
#dynamiccontent .video.adjust {
	overflow: hidden;
}
#dynamiccontent .bild.adjust img,
#dynamiccontent .video.adjust img {
	width: 100%;
}
/* Browser breit */
@media only screen and (min-width: 960px) {
	#dynamiccontent .bild.adjust.one      , #dynamiccontent .video.one      {height:  22px;}
	#dynamiccontent .bild.adjust.two      , #dynamiccontent .video.two      {height:  56px;}
	#dynamiccontent .bild.adjust.three    , #dynamiccontent .video.three    {height:  90px;}
	#dynamiccontent .bild.adjust.four     , #dynamiccontent .video.four     {height: 123px;}
	#dynamiccontent .bild.adjust.five     , #dynamiccontent .video.five     {height: 157px;}
	#dynamiccontent .bild.adjust.six      , #dynamiccontent .video.six      {height: 191px;}
	#dynamiccontent .bild.adjust.seven    , #dynamiccontent .video.seven    {height: 225px;}
	#dynamiccontent .bild.adjust.eight    , #dynamiccontent .video.eight    {height: 258px;}
	#dynamiccontent .bild.adjust.nine     , #dynamiccontent .video.nine     {height: 292px;}
	#dynamiccontent .bild.adjust.ten      , #dynamiccontent .video.ten      {height: 326px;}
	#dynamiccontent .bild.adjust.eleven   , #dynamiccontent .video.eleven   {height: 360px;}
	#dynamiccontent .bild.adjust.twelve   , #dynamiccontent .video.twelve   {height: 393px;}
	#dynamiccontent .bild.adjust.thirteen , #dynamiccontent .video.thirteen {height: 427px;}
	#dynamiccontent .bild.adjust.fourteen , #dynamiccontent .video.fourteen {height: 461px;}
	#dynamiccontent .bild.adjust.fifteen  , #dynamiccontent .video.fifteen  {height: 495px;}
	#dynamiccontent .bild.adjust.sixteen  , #dynamiccontent .video.sixteen  {height: 528px;}
}
/* Browser schmal - Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#dynamiccontent .bild.adjust.one      , #dynamiccontent .video.one      {height:  15px;}
	#dynamiccontent .bild.adjust.two      , #dynamiccontent .video.two      {height:  42px;}
	#dynamiccontent .bild.adjust.three    , #dynamiccontent .video.three    {height:  69px;}
	#dynamiccontent .bild.adjust.four     , #dynamiccontent .video.four     {height:  96px;}
	#dynamiccontent .bild.adjust.five     , #dynamiccontent .video.five     {height: 123px;}
	#dynamiccontent .bild.adjust.six      , #dynamiccontent .video.six      {height: 150px;}
	#dynamiccontent .bild.adjust.seven    , #dynamiccontent .video.seven    {height: 177px;}
	#dynamiccontent .bild.adjust.eight    , #dynamiccontent .video.eight    {height: 204px;}
	#dynamiccontent .bild.adjust.nine     , #dynamiccontent .video.nine     {height: 231px;}
	#dynamiccontent .bild.adjust.ten      , #dynamiccontent .video.ten      {height: 285px;}
	#dynamiccontent .bild.adjust.eleven   , #dynamiccontent .video.eleven   {height: 385px;}
	#dynamiccontent .bild.adjust.twelve   , #dynamiccontent .video.twelve   {height: 312px;}
	#dynamiccontent .bild.adjust.thirteen , #dynamiccontent .video.thirteen {height: 339px;}
	#dynamiccontent .bild.adjust.fourteen , #dynamiccontent .video.fourteen {height: 366px;}
	#dynamiccontent .bild.adjust.fifteen  , #dynamiccontent .video.fifteen  {height: 393px;}
	#dynamiccontent .bild.adjust.sixteen  , #dynamiccontent .video.sixteen  {height: 420px;}
}
/* Smartphone Landscape - Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#dynamiccontent .bild.adjust          , #dynamiccontent .video          {height: 217px;}
}
/* Smartphone Portrait - Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	#dynamiccontent .bild.adjust          , #dynamiccontent .video          {height: 155px;}
}