@charset "UTF-8";
/**
 * Screenlayout 
 *
 * @copyright       Copyright 2008, Dirk Meinke
 */
@media all
{  
 /*------------------------------------------------------------------------------------------------------*/ 
/**
  * Float löschen und Elemente positionieren
  *
  * @section layout-misc
  */
	.clear { clear:both;}
	
	.text_right,.text_right *{
		text-align:right;}
		
	.text_center,.text_center *{
		text-align:center;}
		
	.kalender {
    font-size: 12px;
    line-height: 1.5;
  }
		
  /* nur für Musterseite */
    #col1 { float: left; width: 75%}  
    #col2 { width: auto; margin: 0 0 0 75%}  
    #col1_content { padding: 0 10px 0 20px }  
    #col2_content { padding: 0 20px 0 10px }
		#col1 {border-right:1px dotted #ccc;}  


  .seitenauswahl {
    width: 100%;
    overflow:hidden;
  }

  .s_c10l, .s_c15l, .s_c20l, .s_c50l, .s_c60l {float: left; }
  .s_c10r, .s_c15r, .s_c20r, .s_c50r, .s_c60r {float: right; margin-left: -5px; }

  .s_c10l, .s_c10r { width: 10% }
  .s_c15l, .s_c15r { width: 15% }
  .s_c20l, .s_c20r { width: 20% }
  .s_c50l, .s_c50r { width: 50% }
  .s_c60l, .s_c60r { width: 60% }
  

  .s_subc  { padding: 0 0.5em }
  .s_subcl { padding: 0 1em 0 0 }
  .s_subcr { padding: 0 0 0 1em }
  
  .s_subc  { text-align:center }
  .s_subcl { text-align:left }
  .s_subcr { text-align:right }
  
  
  /**
  * @section subtemplates
  * @copyright       Copyright 2005-2007, Dirk Jesse
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */

  .subcolumns {
    width: 100%;
    overflow:hidden;
  }



  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l, .c50r {float: left; }
/*  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; } */
  .c50l {float: right;}
  
  .c25l, .c25r { width: 25% }
  .c33l, .c33r { width: 33.333% }
  .c50l, .c50r { width: 50%; !width:49%;}
  .c66l, .c66r { width: 66.666% }
  .c75l, .c75r { width: 75% }
  .c38l, .c38r { width: 38.2% }
  .c62l, .c62r { width: 61.8% }

  .subc  { padding: 0 0.5em }
  .subcl { padding: 0 1em 0 0 }
  .subcr { padding: 0 0 0 1em }
  
  /* Klasse für unsichtbare Elemente */
 .hideme {
    position: absolute;
    top: -1000em;
    left: -1000em;
    height: 1px;
    width: 1px;
  }

 .ter_kalender_kopf {
   width: 100%;
    overflow:hidden;
    margin-bottom: 15px;
  }
	
   /* Kalender */
   #ter_kalender { line-height: 1;}
   #ter_kalender table {
     border-left:1px solid #ccc;
     margin: 0 auto;
   }
   #ter_kalender th,
   #ter_kalender td {border-bottom: 1px solid;border-right: 1px solid; border-color:#ccc;
   	padding:0.3em;
	text-align:center;}
  
   #ter_kalender .ter_datum { }
   #ter_kalender .ter_sonntag { background-color:#eee; }
   
   /* Suchauswahl */
/*   #ter_kalender_suche { width:20em;} */
   
   #ter_kalender_suche .formTextareaLabel {padding:0em;}
   #ter_kalender_suche .formTextareaField {padding:0em;display:block;}
   #content #ter_kalender_suche .formTextareaField input {width:303px; !width: 97%;}
   
   #ter_kalender_suche .formLabel {width:6em;float:left;padding:0.1em;display:block;}
   #ter_kalender_suche .formField {margin-left:6.5em;display:block;}
   #content #ter_kalender_suche .formField select{width:100%; !width: 98%;}
   
   /* Terminauswahl */
   #ter_termine p {font-weight:}
   #ter_termine table {border-left:1px solid #ccc; width: 100%;}
   #ter_termine th,
   #ter_termine td {border-bottom: 1px solid;border-right: 1px solid; border-color:#ccc;}
	
  /* Einzlen Termindarstellung */
  #ter_termindarstellung {}
	/*für Foto Darstellung*/
   #ter_foto {float:right; display:inline; margin:0.5em;}
   #ter_foto dd {margin:0; line-height:0;}
   #ter_foto dt{ float:none;}
   
   /*Empfehlungsfunktion */
   #ter_mail {
    width:460px;
    margin-top: 30px;
   }
   
   #ter_mail input {
    width:97%;
    !width:96%;
   }

  #ter_mail .formHandle input {
    width: auto;
    font-size: 12px;
  }

	/* Veranstalteranmeldung */
	#ter_veranstalter {}
	
	#ter_veranstalter #ter_ident {
		height:100px; 
		width:90%; 
		overflow:auto;
		border-width:1px; 
		border-style:solid;
		padding:3px; 
		border-color:#cccccc;}
	
	/* Passwort vergessen */
	#ter_passwort {}
	
	/* Kontaktformular */
	#ter_kontakt {}
	


  #content .kalender h1, #content .kalender h2, #content .kalender h3, #content .kalender h4, #content .kalender h5, #content .kalender h6 { 
    color:#E5843D;
  }
  
  #content .kalender h3 {
  	 font-size: 13px;
     margin-top: 30px;
     text-transform: none;
     border: 0 none;
  }
  
   #ter_kalender_suche  p { line-height: 1.7em; margin: 0 0 0.5em 0;} 
  
  .kalender small {font-size: 83.33%}		/* 10px */
  
  .kalender legend { color:#636363; margin-bottom:1em; font-weight:bold;}
  
  /* Lists | Listen  */

  .kalender ul, .kalender ol, .kalender dl { 
    line-height: 1.5em; 
  }
  .kalender dl { line-height:1.2em;}
  
  .kalender li { margin-left: 1.5em; line-height: 1.5em }

  .kalender dt { font-weight: bold; float:left; display:block; }
  .kalender dd { margin: 0 0 1em 12em }
  
  /* Textauszeichnung  */

  .kalender cite, .kalender blockquote { font-style:italic }
  .kalender blockquote { margin: 0 0 1em 1.5em }

  .kalender strong, .kalender b { font-weight: bold }
  .kalender em, .kalender i { font-style:italic }

  .kalender pre, .kalender code { font-family: monospace; font-size:127.27%;}

  .kalender acronym, .kalender abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }
	
   .kalender label {
     color: #E5843D;
		 width: auto;
		 display:block;
		 padding: 0;
	 }
  
  .kalender address {line-height:1.7em; font-style: normal;}
  
  /* Standardklassen zur Positionierung */
  .kalender .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
  .kalender .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
  .kalender .center { 
    text-align:center; 
    margin: 15px auto;
    border-top: 1px solid #cccccc;
    padding-top: 15px;
  }

  /**
   * External Links
   *
   * (en) Formatting of hyperlinks
   * (de) Gestaltung von Hyperlinks
   *
   */


  .kalender table { width: auto; border-collapse:collapse;  margin-bottom: 0.5em; }

  .kalender th, .kalender td { padding: 0.5em; vertical-align:top; }
  .kalender tbody th { background: #E9B160; color:#ffffff; }
  .kalender thead th { background: #E4833E; color: #ffffff; }
  .kalender tfoot { background: #bd0000; color: #fff;}	
  
  /* Sonstiges */

  .kalender hr {
/*    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #3BBAFC dotted;*/
    display: none;
  }
  
  /**
  * @section Formulare
  * 
  */
	
	#content .kalender input, #content .kalender button, #content .kalender select, #content .kalender textarea {
    padding : 0.2em;
    border: 1px solid #CCCCCC;
    background-color: #ffffff;
    width: auto;
  }

	#content .kalender input.button {
    border: 0 none;
	}
	
	.kalender .formChoices, .kalender .formHandle {width:100%; overflow:hidden;}
	
	
	.kalender .formLabel {width:12em;float:left;padding:0.1em;display:block;}
	.kalender .formField {margin-left:12.5em;display:block;}
	
	.kalender .formCheckboxField {width:2em;float:left;padding:0.1em;}
	.kalender .formCheckboxLabel {margin-left:2.5em;display:block;}
	
	.kalender .formTextareaLabel {padding:0.1em;}
	.kalender .formTextareaField {padding:0.1em;display:block;}
	
	.kalender .formHandle {/*text-align:right; *//* border-top:1px dotted #3BBAFC; */padding-top : 0.5em;}

  #ter_kalender_suche  .formHandle {text-align:right; }
	
	#content .kalender .button { 
    background:#E9B160;
    color:#fff;
    font-weight:bold;
    text-decoration:none;
  }
  #content .kalender input.button {
    padding:5px;
  }
  #content .kalender a.button {
    padding:7px;
  }

	#content .kalender .button:hover, #content .kalender a.button:hover {
	  cursor:pointer;
	  background: #E4833E;
  } 
  
	#content  #ter_kalender_suche .kalender .button, #content  #ter_kalender_suche .kalender a.button { 
    background:#F47920 none repeat scroll 0 0;
    border:1px solid #FFFFFF;
    color:#FFFFFF;
    font-weight:bold;
    padding:5px;
    text-decoration:none;
    text-transform:uppercase;
    float: right;
  }
	 #ter_kalender_suche .kalender .button:hover, .kalender a.button:hover {
	  text-decoration:underline;
	  cursor:pointer;
  } 
  
 
	
	/**
	* @section Eingabe-Fehler Formulare
	* 
	*/
	.kalender .error input, .kalender .error select, .kalender .error textarea { 
		color : #000;
		border : 1px solid #ff0137;
		background : #fff;
	} 
	.kalender .error { 
		color : #ff0137 !important;
	} 	

  .formChoices .formTextareaLabel label {
    margin: 0 0 0.5em;
  }

  #ter_kalender_suche {
    padding: 15px;
    border: 1px solid #CCCCCC;
  }

  #content .datum-uhr {
    border-bottom:1px solid #CCCCCC;
    font-weight:bold;
  }

  #email {
    padding: 5px;
    border: 1px solid #cccccc;
  }

	/* Terminanmeldung */
	#ter_anmeldung {
	 border-top:1px solid #CCCCCC;
	 padding-top: 15px;
	 width: 99%;
  }

  
  #content #ter_anmeldung p{
    margin-bottom: 5px;
  }
     
  #content #ter_anmeldung .left p{
    margin-bottom: 10px;
  }
  
  #ter_anmeldung .left, #ter_anmeldung .right {
    float: left;
    margin-right:5%;
    width:43%;
  }
  
  #content .ieinput {
    width: 150px;  
  }

	.kalender fieldset {
		border: 0 none;
	}
	
	.kalender p {
		margin-bottom: 15px;
	}

	.kalender img {
		border: 0 none;
	}


  * html .kalender {
    width: 99%;
  }

  #content #iebutton {
    !vertical-align: super;
    !padding-top: 9px;
  }  

	#content .floating .button {
		display: block;
		float: left;
		padding: 5px !important;
		margin-right: 5px;
	}

}