/* Media Queries CSY
 * 
 * Typ B Seiten - Wirtschaftsministerium	
 */

@media only screen and (min-width: 980px) and (max-width: 1279px) {
	.rwd-menu-button {
		display: none;
	}
}

@media only screen and (min-width: 760px) and (max-width: 979px) {
	
	/* Wrapper */
	#wrapMain, #wrapMain2 {
		max-width: 676px;
		padding-left: 0;
	}

	/* Head - Wortbildmarke */
	#wappen {
		right: 0px;
	}

	#head h1 {
		right: 111px;
	}

	#head .extra-logo {
		display: none;
	}

	/* Keyvisual - Logo */
	#keyvisual {
		margin-left: 0;
	}
	
	#keyvisual h1 {
		top: -58px;
		left: 0;
	}

	#keyvisual h1 img {
		max-width: 230px;
	}


	/* Service */
	#topBar {
		margin-top: 7px;
	}

	#searchForm {
		left: 45px;
		top: 161px;
		z-index: 1000;
	}
	

	/* Navigation */
	#left {
		position: absolute;
		z-index: 999;
		left: 34px;
		top: 410px;
        width: 320px;
	}

	.rwd-menu-button.hide-this-element.is-visible {
		display: inline-block;
		width: 40px;
		height: 40px;
		background: #2c5a93 url(../img/typb/navigation_bg.png) repeat-x 0 0;
	}

        .rwd-menu-button.hide-this-element.is-visible a {
			display: inline-block;
			width: 40px;
			height: 40px;
		}
		
		.rwd-menu-button.hide-this-element.is-visible a span {
			color: #fff;
			font-size: 23px;
			display: inline-block;
			margin-left: 8px;
			margin-top: 9px;
		}
	
	#menuNavigation {
        width: 100%;
        background-color: #EBEBEB;
	}
	
		#menuNavigation > ul {
			display: none;
            margin: 28px 0 0 0;
		}

        #menuNavigation > ul:first-child {
            margin-top: 0;
        }

		#menuNavigation ul li a {
			border-bottom: 1px solid transparent;

		}
	
	/* Content-Column */
	#menuBreadcrumb {
		margin-left: 0;
		max-width: 465px;
	}

	#content {
		margin: 40px 220px 0 0;
		padding: 0 25px 0 0;
		position: relative;
	}

}

@media only screen and (max-width: 759px) {
	/* Wrapper */
	#wrapMain, #wrapMain2 {
		max-width: 300px;
		padding-left: 0;
		margin-top: 0;
	}

	/* Head - Wortbildmarke */
	#wappen {
		right: 0px;
		width: 70px;
		height: 48px;
		top: 13px;
		background-size: 1100px;
	}

	#wappen a {
		width: auto;
		height: 48px;
	}

	#head {
		height: 60px;
	}

	#head h1 {
		right: 75px;
		background-size: 980px;
		background-position: -98px 10px;
        width: 222px;
	}

	#head h1 a, #head h1 a:visited {
		width: auto;
	}

	#head .extra-logo {
		display: none;
	}

	/* Keyvisual - Logo */
	#keyvisual {
		margin-left: 0;
		background-size: 300px;
		height: 189px;
		width: 300px;
		background: url("/uploads/media/Header_Typ_B_EU-Fahne.jpg") 0 0 no-repeat;
		background-size: 100% !important;
		position: relative;
        top: 85px;
	}
	
		#keyvisual h1 {
			top: -80px;
			left: 0;
		}

            #keyvisual h1 a {
                display: block;
                width: 300px;
            }

                #keyvisual h1 a img {
                    max-width: 100%;
                }

	#bottomBar {
		display: none;
	}
	
	/* Service */
	#topBar {
		display: none;
	}

	#searchForm {
		position: relative;
		left: 12px !important;
		top: 9px;
		height: 40px;
	}

		#search input#q {
			width: 225px;
		}

		#search input#search-button {
			left: 237px;
		}

	#menuNavigation > ul ul > li > a {
		border-bottom: none;
	}

	#menuTechnic {
		position: relative;
		top: 0px;
		right: 0px;
		margin-bottom: 0px;
		margin-top: 8px;
		border-bottom: 1px solid black;
	}

	#menuTechnic ul li {
		margin-left: 0px !important;
		padding-left: 0px !important;
	}

	#menuTechnic ul li.home {
		display: none;
	}
		
	

	/* Navigation */
	#left {
		position: absolute;
		z-index: 999;
		left: 15px;
		top: 440px;
        width: 300px;
	}

	.rwd-menu-button.hide-this-element.is-visible {
		display: inline-block;
		width: 30px;
		height: 30px;
		background: #2c5a93 url(../img/typb/navigation_bg.png) repeat-x 0 0;
        position: absolute;
        top: -45px;
	}

		.rwd-menu-button.hide-this-element.is-visible a {
			display: inline-block;
			width: 30px;
			height: 30px;
		}
		
		.rwd-menu-button.hide-this-element.is-visible a span {
			color: #fff;
			font-size: 19px;
			display: inline-block;
			margin-left: 5px;
			margin-top: 6px;
		}
	
	#menuNavigation {
        position: absolute;
        top: -15px;
        width: 100%;
        background-color: #EBEBEB;
	}

        #menuNavigation > ul {
            display: none;
            margin: 0;
        }

        #menuNavigation > ul:first-child {
            margin-top: 0;
        }

		#menuNavigation ul li a {
			border-bottom: 1px solid transparent;

		}
		#menuNavigation #menuTechnic li.readspeaker a {
			margin: 0 12px;
		}

	
	/* Content-Column */
	#menuBreadcrumb {
		margin-left: 0;
		max-width: 320px;
	}

	#wrapContent {
		float: none;
		padding-bottom: 0;
	}
    
    /* prettyPhoto */
    div.pp_pic_holder { 
        width: 300px !important;
        left: 50% !important;
        margin-left: -150px;
        top: 15% !important;
    }
    .pp_content { width: 275px !important; height: 275px !important; }
    
    a.pp_close { right: 20%; }
    
    .pp_content_container .pp_left, .pp_content_container .pp-right {
         padding: 0 15px !important;   
    }
    .pp_content_container .pp_details,
    .pp_content_container .pp_details .pp_description {
        width: 100% !important; 
        /*height: 400px !important;*/
        overflow-x: scroll;
        background: none;
        display: none;
    }
    div.light_square .pp_expand {
         display: none !important;   
    }
    
    #pp_full_res #fullResImage {
        height: auto !important;
        width: 100% !important;
    }
    
    #pp_full_res iframe {
         width: 270px !important;
        height: auto !important;
        min-height: 170px;
    }
    
    div.light_square .pp_bottom {
        display: none;
    }
    
    /* Video.js */
    #pp_full_res iframe .vjs-playing {
         width: 270px !important;
         height: 160px !important;
    }
    
	#content {
		margin: 40px 0 0 0;
		padding: 0;
		position: relative;
	}

        #content .topicteaser {
            width: 300px;
        }

        .tx-felogin-pi1 .loginSubmit {
            width: 280px;
        }

        #content .topicbox_wrapper {
            padding-left: 15px;
            margin-top: 85px;
        }

        /* Topic-Box */
        #content .topicbox_wrapper .topicbox {
        	height: auto;
        }

        /* Bilder im Content */
		#content a.lightbox {
			max-width: 300px;
			display: inline-block;
			height: auto;
		}

		div.csc-textpic .csc-textpic-imagewrap img {
		    border: medium none;
		    display: block;
		    max-width: 100%;
		    height: auto;
		}

	#content .themes.flexslides .slides li p {
		max-width: 110px !important;
	}

	#right {
		width: 300px;
        padding-bottom: 0;
	}

		#right .box {
			background-image: none;
			background-color: #ebebeb;
			padding-top: 12px;
			margin: 0 0 15px !important;
		}

			#right .box .csc-textpic,
			#right .box .csc-textpic div {
				width: 280px;
				float: none;
				right: 0;
			}

            #right .box .csc-textpic div.bildlupe {
                width: 48px;
            }

                #right .box .csc-textpic .lightbox {
                    width: 100%;
                }
			
				#right .box .csc-textpic figure {
					width: 100%;
				}

				#right .box .csc-textpic img,
				#right .box .teaserImgRight img,
                #right .box .csc-textpic .lightbox img {
					width: 100% !important;
					height: auto;
                    max-width: 100%;
				}

		#right .csc-default {
			width: 300px;
		}
    
    
        #right .contentvideo-image {
          width: 280px;
          height: auto;
        }

            #right .contentvideo-image a{
              height: auto;
            }
    
                #right .contentvideo-image a img{
                  width: 100%;
                  max-width: 280px; 
                  height: auto;
                }

        #right .contentvideo p,
        #right .box .wrapper { 
          max-width: 280px;        
        }
    
        #right .video-button {
            right: 4px !important;
            bottom: 8px;
        }

        #right .rwd.hidden {
			display: inline-block;
        }

    /* Leichte Sprache */
    .topicbox {
        width: 270px !important;
        margin-bottom: 15px !important;
    }

	/* Footer & Footer-Menu */
	#foot .box1,
	#foot .box2,
	#foot .box3 {
		width: 100%;
		margin-bottom: 15px;
	}

	.menuLegal {
		width: 300px;
		text-align: left;
		margin-bottom: 15px;
	}

		.menuLegal ul {
			margin-bottom: 15px;
		}

            .menuLegal ul li {
                margin: 0px 0px 0px 5px;
                padding: 0px 0px 0px 7px;
            }

			.menuLegal ul li:nth-child(5) {
				padding-left: 0;
				margin-left: 0;
				background: none;
			}

	#menuSocialmedia {
		position: relative;
		float: left;
		top: 0px;
	}


    /* Mediathek Galerie */
    #mediathek_carousel {
        display: none;
    }

    #mediathek-inline {
        top: 10%;
    }

    #mediathek-inline.hide,
    #mediathek-inline #mediathek_slider .csc-textpic-image,
    #mediathek-inline #mediathek_slider_ttnews .csc-textpic-image {
        width: 300px;
    }

	/* Search input field */
	#xajax_form_kesearch_pi1 #ke_search_sword {
		width: 260px !important;
	}
}

@media only screen and (min-width: 760px) {
	#right .box .csc-textpic img,
	#right .box .teaserImgRight img,
	#right .box .csc-textpic .lightbox img {
		height: auto;
		max-width: 100%;
	}
}