#toggleCol2 { display: none; }
#mobileWrap { display: none; }
#footerMobile { display: none; }

.subcontent-unit-teaser .csc-textpic > div { margin-left: 165px !important; }
.subcontent-unit-teaser .csc-textpic > div.csc-textpic-imagewrap { margin-left: 0 !important; }

.subcontent-unit-teaser DIV.csc-textpic DIV.csc-textpic-single-image IMG { width: 155px; height: auto; }

/* Neues "Seite empfehlen" Template */

#tipafriend_container { width: 100%; }
#tipafriend_link { margin-bottom: 10px; }
  .tipafriend_row { width: 100%; }
    .tiparow_left, .tiparow_right { float: left; width: 230px; }
	.tiparow_right { width: 350px; }

 .tipafriend_error { margin: 10px 0; width: 100%; padding: 10px; background: red; color: #fff; }


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

  #header div.tx-macinasearchbox-pi1 { top: 25px !important; left: auto !important; right: 10px; }
  #header .sucheWort { right: 120px; left: auto; top: 32px; }
  #header div.tx-macinasearchbox-pi1 .googleSubmit { margin-top: 10px !important; }
  #topnav { left: auto; right: 10px; }
  
  #kontrast, #fontSize, #headerSwf { display: none; }
  #col2 { width: 42%; }
  #col3 { width: 57%; border: none; }
  #col2 .subcontentInnen p { width: 98%; }
  #page_margins { width: 100%; min-width: 480px; overflow: hidden; }
  #socialshareprivacy { left: 175px; }
  .social_share_privacy_area .facebook { width: 110px !important; }
  .social_share_privacy_area .twitter { width: 80px !important; }
  .social_share_privacy_area li div.tweet { width: 45px !important; }
  
  form#tx_ddceventsbrowser_pi2 table tr td { display: block; float: left; } 
    form#tx_ddceventsbrowser_pi2 table tr td select { margin-left: 0; }
  #tx_ddceventsbrowser_pi2 input[type="submit"] { margin-left: 0; }
  #tx_ddceventsbrowser_pi2 div#basket_link { margin: 0; }
  
  .formLabel { width: 250px; }
  
  #tx_ddceventsbrowser_pi2 #contactForm label.formLabel:nth-of-type(1) { display: none; }
  #tx_ddceventsbrowser_pi2 #contactForm input, #tx_ddceventsbrowser_pi2 #contactForm select, #tx_ddceventsbrowser_pi2 #contactForm textarea { margin-left: 0; }
    #tx_ddceventsbrowser_pi2 #contactForm textarea { margin-top: 10px; }
    #tx_ddceventsbrowser_pi2 #contactForm #tx_ddceventsbrowser_pi2_title2 { margin-left: 10px; }
  #tx_ddceventsbrowser_pi2_postal_code { clear: both; float: left; margin-right: 10px; }
  #tx_ddceventsbrowser_pi2_place { float: left; }
  
  #tx_ddceventsbrowser_pi2 #contactForm #tx_ddceventsbrowser_pi2_btn_cancel { margin-right: 10px; }
  
  #tx_ddceventsbrowser_pi1 div.register_buttons, #tx_ddceventsbrowser_pi2 div.register_buttons { margin: 10px 0; }
  #tx_ddceventsbrowser_pi2 input#tx_ddceventsbrowser_pi2_btn_back { margin-left: 0; }
  #tx_ddceventsbrowser_pi2_btn_update_basket { margin-right: 10px; }  
  
  #tx_ddceventsbrowser_pi2 div#basket_controls { margin-bottom: 10px; }
  
  #tx_ddceventsbrowser_pi2 input#tx_ddceventsbrowser_pi2_btn_add_basket, 
  #tx_ddceventsbrowser_pi2 input#tx_ddceventsbrowser_pi2_btn_back, 
  #tx_ddceventsbrowser_pi2 input#tx_ddceventsbrowser_pi2_btn_basket { margin: 0 10px 10px 0; float: left; }  
  
  /* Veranstaltungen Detail */
  
  #tx_ddceventsbrowser_pi1 div#contactForm { width: 100%; }
  #tx_ddceventsbrowser_pi1 div#contactForm .formLabel { width: 90%; display: block; }
  #tx_ddceventsbrowser_pi1 div#contactForm input, #tx_ddceventsbrowser_pi1 div#contactForm textarea, #tx_ddceventsbrowser_pi1 div#contactForm select 
  { width: 90%; margin-left: 0;  }
  #tx_ddceventsbrowser_pi1 #contactForm label.formLabel:nth-of-type(1) { display: none; }  
  
  /* Seite empfehlen */

  .tiparow_left, .tiparow_right { width: 100%; }
  .tiparow_right input, .tiparow_right textarea { margin-left: 0; margin-bottom: 10px; width: 90%; }
  #formMitte { margin-left: 0; }
  #formRechts { margin-left: 10px; float: left; margin-top: 4px; }
  #formRechts input { margin-top: 0; }
    
  /* Kontaktseite */
  
  #formOuter { width: 100%; } 
    #formOuter form label { display: block; width: 90%; }
	#formOuter form textarea, #formOuter form input, #formOuter form select { width: 90%; margin-left: 0; }
    #formOuter #formMitte label { display: none; }
	#formOuter #formRechts { margin-top: 6px; }
	#formOuter label.formLabel:nth-of-type(2) { display: none; }
	
 /* Digitale Gruࠫarten Bildungszentren */	
  
 .tx-srsendcard-pi1-card-form-wrap, .tx-srsendcard-pi1 .tx-srsendcard-pi1-card-form form { width: 100%; }
 .tx-srsendcard-pi1 .tx-srsendcard-pi1-card-form fieldset div.tx-srsendcard-pi1-field, 
 .tx-srsendcard-pi1 .tx-srsendcard-pi1-card-form fieldset label { float: left; width: 90%; }
 .tx-srsendcard-pi1-card-form-wrap input, .tx-srsendcard-pi1-card-form-wrap textarea, .tx-srsendcard-pi1-card-form-wrap select
 { margin: 0; width: 100%; }
 .tx-srsendcard-pi1-card-form-wrap select { margin-bottom: 5px; }
 
	  
}

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

  #tx_ddceventsbrowser_pi1 #form table tr td { display: block; float: left; } 
  .csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 0; margin-left: 0; }  
}

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

 DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: none; width: 100%; }
 .csc-textpic-intext-left-nowrap div { margin-left: 0px !important; }
 .subcontent-unit-teaser .csc-textpic-intext-left-nowrap div { margin-left: 0px !important; }
 .csc-textpic-intext-left-nowrap .csc-textpic-text { padding-left: 0; }
 DIV.csc-textpic DIV.csc-textpic-single-image IMG { width: 100%; margin: 0 0 8px !important 0; height: auto; }
 .subcontent-unit-teaser DIV.csc-textpic DIV.csc-textpic-single-image IMG { width: 100%; margin: 0 0 8px !important 0; height: auto;  }
  
  #footer { width: 100%; overflow: hidden; padding: 0 0 10px 0; line-height: 20px; margin-top: 0; border: none; }
  #footer span { float: left; }
  /*#footerOben { display: none; }*/
  #printpdf { display: none; }
  .empfehlung { display: none; }
  #socialshareprivacy { width: auto; left: 0;}
  .social_share_privacy_area li.twitter .info { left: -119px !important; width: 310px !important;}
  .social_share_privacy_area li .help_info.icon .info { left: -269px !important; width: 310px !important;}
  .social_share_privacy_area .facebook { width: 120px !important;}
  
  .subcontent-unit-teaser { margin-bottom: 8px; }
  
  .data_row1 .data_img, .data_row2 .data_img { float: left; margin-bottom: 5px; }
  .data_row1 .data_content, .data_row2 .data_content { margin-left: 0; }  
}

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

 #header, .logoHead { display: none; }

 #mobileMenuWrap { position: relative; top: 0; left: 0; }
 #mobileMenuWrap .inner { width: 1500px; }

 #mobileWrap { display: block; position: fixed; top: 0; left: 0; height: 50px; width: 100%; padding: 0; 
 background: #fff; z-index: 10; min-width: 320px !important; }
 
 #mobileLogo { position: absolute; right: 2%; top: 3px; width: 62px; height: 40px; }
 #mobileMenuToggle { display: block; position: absolute; top: 5px; left: 3%; height: 37px; width: 110px; 
 background: url('hss_lupe.jpg') no-repeat 0 3px; text-indent: 50px; text-transform: uppercase; font-size: 18px; 
 font-weight: bold; line-height: 37px; cursor: pointer; background-size: 30%; }
 
 #mobileLanguages { background: #dadbdd;  height: 40px; line-height: 40px; margin: 0 2% 2px; padding-left: 4%; width: 92%; white-space: nowrap; }      
 #flagDe, #flagEn, #flagFr, #flagEs { text-indent: -9999px; width: 24%; height: 40px; background: url(flags.png) no-repeat 0 -40px transparent; display: block; float: left; } 
 #flagEn { background-position: 0 -120px; }
 #flagFr { background-position: 0 -200px; }
 #flagEs { background-position: 0 -280px; }
 #flagDe.activeLanguage { background-position: 0 0; }
 #flagEn.activeLanguage { background-position: 0 -80px; }
 #flagFr.activeLanguage { background-position: 0 -160px; }
 #flagEs.activeLanguage { background-position: 0 -240px; } 
 
 #mobileMenu { display: none; position: absolute; top: 50px; left; 0; width: 100%; height: auto; 
 background: #fff; padding-bottom: 6px; border-bottom: 1px solid #bbb; overflow-y: auto; overflow-x: hidden; }
 
 #mobileMenuLevel1 { margin: 0; list-style-type: none; float: left; }
  #mobileMenuLevel1 li { margin: 0; background: #dadbdd; height: 40px; line-height: 40px; margin-bottom: 2px; 
  width: 92%; margin: 0 2% 2px 2%; padding-left: 4%; font-size: 16px; }
     #mobileMenuLevel1 li a { width: 95%; display: block; color: #000; 
     background: url('hss_mobile_plus.jpg') no-repeat center right; }
     #mobileMenuLevel1 li.noSub a {  background: url('hss_mobile_pfeil.jpg') no-repeat center right; }

 #mobileMenuLevel2 { margin: 0; list-style-type: none; float: left; }
   #mobileMenuLevel2 li { margin: 0; background: #dadbdd; height: 40px; line-height: 40px; margin-bottom: 2px; 
  width: 86%; margin: 0 2% 2px 2%; padding-left: 10%; font-size: 16px; display: none; }
     #mobileMenuLevel2 li a { width: 95%; display: block; color: #000; 
     background: url('hss_mobile_plus.jpg') no-repeat center right; }
     #mobileMenuLevel2 li.noSub a {  background: url('hss_mobile_pfeil.jpg') no-repeat center right; }
 
 
 #mobileMenuLevel3 { margin: 0; list-style-type: none; float: left; }
   #mobileMenuLevel3 li { margin: 0; background: #dadbdd; height: 40px; line-height: 40px; margin-bottom: 2px; 
  width: 86%; margin: 0 2% 2px 2%; padding-left: 10%; font-size: 16px; display: none; }
     #mobileMenuLevel3 li a { width: 95%; display: block; color: #000; 
     background: url('hss_mobile_plus.jpg') no-repeat center right; }
     #mobileMenuLevel3 li.noSub a {  background: url('hss_mobile_pfeil.jpg') no-repeat center right; }
	 
	#mobileMenuLevel2 .preLink, #mobileMenuLevel3 .preLink { font-weight: bold; padding-left: 4%; width: 92%; } 
	 
	.goBack { margin: 0; background: #dadbdd; height: 40px; line-height: 40px; margin-bottom: 2px; 
				width: 92%; margin: 0 2% 2px 2%; padding-left: 4%; }  
	   .goBack a { width: 90%; padding-left: 7%; display: block; color: #000; background: url('hss_mobile_back.jpg') no-repeat center left; font-size: 18px; }

	body { padding: 0; margin: 0; }

	#header { overflow: hidden; background: #fff; }
	#nav { display: none; }
	
	#toggleCol2 { display: block; width: 94%; margin: 0 3%; background: #0249b1; color: #fff; text-align: center; padding: 5px 0; cursor: pointer; }
	
    #col2 { display: none; float: none; width: 100%; }   
	#col3 { width: 100%; border: none; margin: 0; }
	#col3_innen { padding: 3px 0 0 0; }
	
	#page_margins { width: 100%! important; min-width: 320px !important; padding-top: 50px; }
	
	.subcontent-unit-teaser h1 { margin-bottom: 10px; font-size: 16px; }
	
 /* Activate the mobile footer */	
 
 #footerOben { display: none; }
 #footerMobile { display: block; background: #0249B1; height: 110px; } 
 #footer { margin-top: 5px; }
 #footer a { font-size: 15px; line-height: 21px; }
 
 #fomo_top { height: 32px; border-bottom: 2px solid #fff; width: 90%; padding: 15px 5% 0; }
 #fomo_bottom  { width: 90%; padding: 10px 5% 0;  }
 
 .mobileTipLink {}
 .mobileTipLink a { color: #fff; font-size: 18px; }
 .mobileTipLink img { vertical-align: middle; margin-right: 7px; }
	
 .facebookMobileLink, .twitterMobileLink { background: url('mobile_facebook.jpg'); text-indent: -9999px; width: 115px; height: 35px; display: block; 
 float: left; margin-right: 15px; } 
 .twitterMobileLink { background: url('mobile_twitter.jpg'); margin-right: 0px; } 	
	
 .subcontent-unit-teaser p a.mobileMore { display: block; background: url('hss_mobile_linkpfeil.jpg') no-repeat 7px 10px #0249B1; width: 55px; line-height: 30px; 
 font-size: 12px; text-align: center; color: #fff; float: right; margin: 20px 0; text-transform: uppercase; padding-left: 15px; }


	
}

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

	div.csc-textpic-intext-left div.csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap
	{ float: none; margin: 0 10px 10px 0 !important; }
	.subcontent-unit-teaser .csc-textpic-imagewrap img { width: 100%; height: auto; margin: 0 !important; }
	
	.csc-textpic.csc-textpic-intext-left-nowrap div { margin-left: 0 !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 10px !important; }
}