/* =================== */
  /* MODUL: BBS Seminare */
  /* =================== */
	
	/* Gemeinsame Einstellungen für BBS Seminare Module: Seminare Übersicht, Seminar Ansicht, Seminar Anmeldung */
	
	#seminareuebersicht, 
	#seminaransicht, 
	#seminaranmeldung 
	{
		text-align: -webkit-center;
		margin-bottom:10px;
	}
	
	#seminareuebersicht table, 
	#seminaransicht table, 
	#seminaranmeldung table 
	{
		width: 80%;
		border-collapse: collapse;
		margin:0;
	}
	
	#seminareuebersicht table tr:first-child, 
	#seminaransicht table tr:first-child, 
	#seminaranmeldung table tr:first-child 
	{
		border-top: 0 none;
	}
		
	#seminareuebersicht table th, 
	#seminaransicht table th, 
	#seminaranmeldung table th 
	{
		padding: 1em;
	}		
	
	#seminareuebersicht tbody th, 
	#seminaransicht tbody th, 
	#seminaranmeldung tbody th 
	{
		text-align: left;
	}	
	
	#seminareuebersicht table td, 
	#seminaransicht table td, 
	#seminaranmeldung table td 
	{
    padding:2px;
		vertical-align:top;
  }
	
	#seminaransicht table td:first-child, 
	#seminaranmeldung table td:first-child 
	{
		min-width: 120px;
		width: 120px;
  } 
	
	#seminareuebersicht table td:last-child, 
	#seminaransicht table td:last-child, 
	#seminaranmeldung table td:last-child 
	{
		min-width: 180px;
  } 
	
	#seminareuebersicht img:not(:first-child), 
	#seminaransicht img:not(:first-child), 
	#seminaranmeldung img:not(:first-child) 
	{
		margin-left: 5px;
  }    
	
	#seminareuebersicht table, 
	#seminaransicht table, 
	#seminaranmeldung table 
	{
		width:80%;
		max-width: 80em;
  }
	
  #seminareuebersicht table td, 
	#seminaransicht table td, 
	#seminaranmeldung table td 
	{
		text-align: left;
	}
	
	#seminareuebersicht a, 
	#seminaransicht a, 
	#seminaranmeldung a 
	{
    white-space: nowrap;	
  }
	
	/* Abweichungen/Ergänzungen BBS Seminare Übersicht */
	
	#seminareuebersicht table td:last-child {
  	text-align: right;
	}
	
	/* Abweichungen/Ergänzungen BBS Seminare Anmeldung */
	
	#seminaranmeldung table td:first-child 
	{
	  
  } 

	#seminaranmeldung table td:last-child 
	{
     
  } 
	
  #seminaranmeldung table td input, 
	#seminaranmeldung table td select, 
	#seminaranmeldung table td textarea 
	{
		 
  }
	
  #seminaranmeldung table td .FormularButton, 
	{
		 
	}

	 	
	/* ANPASSUNGEN FÜR SCHMALE VIEWPORTS  */
 
  @media screen and (max-width: 991px) {
		#seminareuebersicht table, 
		#seminaransicht table, 
		#seminaranmeldung table 
		{
			width: 100%;
			margin: 0;
			border: none;
		}
		
		#seminareuebersicht table td, 
		#seminaransicht table td, 
		#seminaranmeldung table td 
		{
			hyphens: auto;
		}
		
		#seminareuebersicht a, 
		#seminaransicht a, 
		#seminaranmeldung a 
		{
			white-space: normal;
			hyphens: none;
		}
		
		#seminaranmeldung table td select, 
	  #seminaranmeldung table td textarea 
  	{
	  	width: 100%;
    }
		
		.formularfeld-anmeldung {
  	  width: 100%;
    }
		 
  }
 
	
	
	
	/* ANPASSUNGEN FÜR SEHR SCHMALE VIEWPORTS  */
	
	
 
	@media screen and (max-width: 479px) {
		#seminareuebersicht table tr, 
		#seminareuebersicht table th, 
		#seminareuebersicht table td,
		#seminaransicht table tr, 
		#seminaransicht table th, 
		#seminaransicht table td,
		#seminaranmeldung table tr, 
		#seminaranmeldung table th, 
		#seminaranmeldung table td {
			display: block;
		}
		
		#seminaranmeldung table td 
		{
 
		}
		
		#seminareuebersicht table tr, 
		#seminaransicht table tr, 
		#seminaranmeldung table tr 
		{
			border-top: 0 none;
		}
		
		#seminareuebersicht table th, 
		#seminaransicht table th, 
		#seminaranmeldung table th 
		{ 
		  padding:0px; 
		}
		
		#seminareuebersicht table td, 
		#seminaransicht table td, 
		#seminaranmeldung table td 
		{	
		  padding:0px; 
		}
		
		#seminareuebersicht table td:last-child, 
		#seminaransicht table td:last-child, 
		#seminaranmeldung table td:last-child 
		{	
		  text-align:left;	
		}
		
		#seminareuebersicht, 
		#seminaransicht, 
		#seminaranmeldung 
		{	
		  margin-bottom:20px;	
		}
		 
	}
 



/*

<ul id="layer">
    <li>
        <a class="ueberschrift">ich bin ein link</a>
        <a>ich bin ein link</a>
    </li>
 </ul>

 #layer li .ueberschrift {}
*/