@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.3
 * @revision        $Revision: 1.5 $
 * @lastmodified    $Date: 2007/11/06 09:13:32 $
 * @appdef yaml
 */

@media all
{
  /**
   * Fonts
   * (en) font-family and font-size selection for headings and standard text elements
   * (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
   *
   * @section content-fonts
   */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size: 100.01% }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family:  Arial, Helvetica, Verdana,  sans-serif;
 /*font-size: 75.00%; */
font-size: 12px;
   color: #001e4c;
  }

  h1,h2,h3,h4,h5,h6 { 
  	font-weight:bold; 
  	color:#00378b;
  	margin: 0 0 0.25em 0; 
  }

  h1 { font-size: 125%; text-transform:uppercase;font-weight:bold;letter-spacing:0.1em;margin:0 0 1.5em 0; }                        /* 16px */
  h2 { font-size: 115%; margin:1em 0 0.75em 0;}      
  
  .urlaub h1,
  .urlaub h2{
     color:#b4152b;
  }

  /* 16px */
  h3 { font-size: 115%; color:#001e4c; margin:1em 0 0.6em 0;}   
  h4 { font-size: 133.33% }                     /* 16px */
  h5 { font-size: 116.67% }                     /* 14px */
  h6 { font-size: 116.67%; font-style:italic }  /* 14px */

  #header h1 {
    font-size:2.5em;
    letter-spacing:-2px;
    line-height:65%;
    color:#000;
  }

  #header span {
    color:#999;
  }

  p { line-height: 1.5em; margin: 0 0 1em 0; }

  /* ### Lists | Listen  #### */

  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 0 }
  li { margin-left: 0; line-height: 1.5em;}
  ul,li{
  	list-style-type:none;
  }
  
  #main ul li{
  	background:url(../../images/listenanstrich.gif) 0 0.4em no-repeat; padding:0 0 0 1.5em;
  }

  dt { font-weight: bold }
  dd { margin: 0 0 1em 2em }

  /* ### text formatting | Textauszeichnung ### */

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

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

  pre, code { font-family: monospace; font-size: 1.1em; }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }

  /**
   * Generic Content Classes
   * (en) standard classes for positioning and highlighting
   * (de) Standardklassen zur Positionierung und Hervorhebung
   *
   * @section content-generic-classes
   */

  .note {background: #dfd; padding: 1em; border-bottom: 1px #bdb dotted; border-bottom: 1px #dbb dotted;}
  .important {background: #ffd; padding: 1em; border-bottom: 1px #ddb dotted; border-bottom: 1px #dbb dotted;}
  .warning {background: #fdd; padding: 1em; border-bottom: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}

  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
  .center { text-align:center; margin: 0.5em auto }

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

  a {color: #b10034; text-decoration:none;}
  a:focus,
  a:hover,
  a:active {color:#182E7A; text-decoration:underline;}
  
  #main a {color:#005D9C; text-decoration:none; background:url(../../images/pfeil_manu.gif) 0 0.2em no-repeat; padding:0 0 0 1.1em;font-style:normal;margin:0.3em 0 0 0;display:block}
  
  #topnav a { color: #999; font-weight: normal; background:transparent; text-decoration:none; }
  #topnav a:focus, 
  #topnav a:hover,
  #topnav a:active { text-decoration:underline; background-color: transparent;}
  
  #footer a { color: #fff; background:transparent; font-weight: normal;}
  #footer a:focus, 
  #footer a:hover,
  #footer a:active {color: #fff; background-color: transparent; text-decoration:underline;}

  /**
   * (en) Emphasizing external Hyperlinks via CSS
   * (de) Hervorhebung externer Hyperlinks mit CSS
   *
   * @section             content-external-links
   * @app-yaml-default    disabled
   */

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left: 12px;
    background-image: url('your_image.gif');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }
  */

  /**
   * Tables | Tabellen
   * (en) Generic classes for table-width and design definition
   * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
   *
   * @section content-tables
   */

  table { width: 100%; border-collapse:collapse; margin-bottom:1.5em;margin-top:0.75em;border-bottom:3px solid #B2CEE1;}
  table.full { width: 100%; }
  table.fixed { table-layout:fixed }

  th,td { padding: 0.5em; }
  thead th { background: #CCDFEB; color: #001e4c }
  tbody th { background: #ccc; color: #333 }
  tbody th.sub { background: #ddd; color: #333 }
  tbody td { border-bottom:3px solid #CCDFEB;}
  
  /**
   * Miscellaneous | Sonstiges
   *
   * @section content-misc
   */

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #eee solid;
  }
  
  /**
   * Speziell für Woterfitz
   *
   * 
   */
   
   .home #col1 a,
   .home #col2 a{
   		font-weight:bold;
		padding:0 0 0 1em;
		margin:0 0 6em 0;
		text-transform:uppercase;
		font-size:1.2em;
		width:auto;
		display:inline;
		letter-spacing:0.1em;
   }
   
   .home #col1 a.blau{
		background:transparent url(../../images/linkanstrich_home_blau.gif) 0 0.2em no-repeat;
		color:#033889;

   }
   
    .home #col2 a.rot{
		background:transparent url(../../images/linkanstrich_home_rot.gif) 0 0.2em no-repeat;
		color:#B4152B;
	}
	
	.home {
	    text-align:center;
	}

	.home .content {
	    text-align:left;
		width:32em;
		margin:0 0 0 17em;
		*margin:0 0 0 0; /* IE7 */
                _margin:0 0 0 17em; /* zurueck für IE6 */
		clear:both;
	}
	
	/*.manu #main strong{
		color:#00378b;
	}
	
	.urlaub #main strong{
		color:#b4152b;
	}*/
  
  .border{
  	border-bottom:1px solid #d1d1d1;
	margin:0 0 1.5em 0;
  }
  
  .projekt,
  .projektdetail{
  	border-bottom:1px solid #d1d1d1;
	margin:2em 0 1.5em 0;
	overflow:hidden;
	padding:0 0 0.5em 0;
  }
  
  .projekt .label{
  	float:right;
	width:110px;
  }
  
  .projekt .text{
	margin:0 120px 0 0;
  }
  
  .projekt h3{
  	margin:0 0 0.5em 0;
  }
  
  .projekt dl{
	color:#555;
	width:100%;
	margin:0 0 0 0;
	overflow:hidden;
  }
  
  .projekt dl dt{
	font-weight:normal;
	display:block;
	float:left;
	margin:0 0 0 0;
	padding:0 0.2em 0 0;
  }
  
  .projekt dl dd{
	font-weight:normal;
	margin:0 0 0 0;
	padding:0 0 0 0;
  }
  
  
    .teammember dl{
	width:100%;
	margin:0 0 1em 0;
	overflow:hidden;
  }
  
  .teammember dl dt{
	font-weight:normal;
	display:block;
	float:left;
	margin:0 0 0 0;
	padding:0 0.2em 0 0;
  }
  
  .teammember dl dd{
	font-weight:normal;
	margin:0 0 0 8em;
	padding:0 0 0 0;
  }
  
  .back,
  .top{
  	text-align:right;
  }
  
  #main .back a,
    #main .top a{
  	display:inline;
	width:auto;
  }
  
  #main .top a {
background:url(../../images/linkanstrich_top.gif) no-repeat scroll 0pt 0.2em;
}

  
  form.kontakt label,
  form.kontakt input,
  form.kontakt textarea{
  	display:block;
	width:99%;
	color:#555;
	font-family:  Arial, Helvetica, Verdana,  sans-serif;
  }
  
  form.kontakt input,
  form.kontakt textarea{
  	border:1px solid #d1d1d1;
	padding:0.3em 0 0.3em 0.3em;
	
  }
  
  form.kontakt .buttons{
  	text-align:right;
	width:100%;
  }
  
  form.kontakt .buttons input{
  	width:auto;
	display:inline;
	color:#fff;
	font-style:italic;
	margin:0 0 0 0;
	padding:0.3em 1em 0.3em 2em;
	background:url(../../images/button_fwd.gif) 1em 0.55em no-repeat #B10034;
	border:none;
  }
  
  form.kontakt input.offscreen{
  	display:none;
	border:none;
	padding:0;
  }
  
   .kontakt dl   {
	width:100%;
	margin:0 0 1em 0;
	overflow:hidden;
  }
  
  .kontakt dl dt{
	font-weight:normal;
	display:block;
	float:left;
	margin:0 0 0 0;
	padding:0 0.2em 0 0;
	color:#555;
  }
  
  .kontakt dl dd{
	font-weight:normal;
	margin:0 0 0 4.5em;
	padding:0 0 0 0;
  }
  
  
    #main img{
	border:4px solid #fff;
	margin:0 0 0 0;
  }
  
  #main form{
     margin:2em 0 0 0;
  }
  
  #main form p{
     float:left;
	 width:48%;
	 margin:0.3em 0 0.3em 0;
  }
  
 
  #main form h2{
      font-size:1em;
  }
  
    #main form p.left{
     margin:0 1.5em 0 0;
  }
  
    #main form p.nofloat{
     float:none;
	 width:100%;
  }
  #main form input,
  #main form textarea{
     background-color:#CCDFEC;
	 border:1px solid #CCDFEC;
	 padding:0.3em;
	 width:67.8%;
	 font-size:1em;
	 font-family:Arial;
  }
  
  #main form label{
  color:#4c4c4c;
  display:block;
  float:left;
  width:5.15em;
  }
  
  *+html #main form label{
  width:4.9em;
  }
  
   #main form p.nofloat label{
     float:none;
	 width:auto;
	 color:#001E4C;
	 font-weight:bold;
	 margin:0 0 0.3em 0;
	   font-size:115%;
	   	margin:1.2em 0 0.3em 0;
  }
  
   /*.urlaub #main form p.nofloat label{
	 color:#B4152B;
  }*/
  
  #main form p.email label,
  .urlaub  #main form p.email label{
  float:left;
  width:5em;
  color:#4c4c4c;
  font-weight:normal;
    font-size:1em;
		   	margin:0 0 0.3em 0;

  }
  
   *+html #main form p.email label{
  width:4.9em;
  }
  
	#main form label.error,
	#main form p.email label.error{
  color:#b4152b;
  background:url(../../images/pfeil_rot.gif) 3.9em 0.3em no-repeat;
  }
  
	 #main form p.nofloat textarea{
     width:99.5%;
	 padding:0 0 0 0;
	 height:7em;
  }
  
    #main form p.email input{
 width:85%;
  }
  
 #main form p.abschicken{
	width:100%;
}
  
#main form p.abschicken span{
	padding:0 16.45em 0 0;
}

*+html #main form p.abschicken span{
	padding:0 15.6em 0 0;
}
  
      #main form p.abschicken input{
 width:auto;
 background-color:#4D73AD;
 	color:#fff;
	border:1px solid #4D73AD;
	font-size:0.9em;
  }
  
.urlaub #main form p.abschicken input{
	background-color:#b4152b;
	border:1px solid #b4152b;
}
  
  
 
      #main form p.error{
	background-color:#b4152b;
	color:#fff;}
	
	      #main form p.error span{
	text-transform:uppercase;
	font-size:1.5em;
	font-weight:bold;
	display:block;
	float:left;
	padding:0.4em 0.4em;}
	
  #main form p.error em{
	font-size:0.9em;
	font-style:normal;
	line-height:1em;}
 
  .containingfloat{
	overflow:hidden;
  }
  
  /*-----Online Rechner-----------*/
  #main form.onlinerechner h2{
	background-color:#CCDFEB;
    color:#000;
	font-size:115%;
	padding:0.3em;
  }
  
  #main form.onlinerechner h3{
    color:#000;
	font-size:100%;
	margin:0 0 0 0;
  }
  
  #main form div.zubehoer{
	overflow:hidden;
	margin:0 0 0.4em 0;
  }
  
  #main form input.checkbox{
      width:auto;
	  float:left;
	  margin:0 0.4em 0 0;
	  background-color:transparent;
	  border:none;
  }
  
  #main form input.textintend{
	  margin:0.2em 0.4em 0 1.3em;
  }
  
  #main form div.preis{
	float:right;
  }
  
  #main form div.ergebnis{
	background-color:#fff;
	text-align:center;
	color:#000;
	font-size:115%;
	font-weight:bold;
	padding:0.5em 0 0.5em 0;
	line-height:1.3em;
  }
  
    #main form div.ergebnis span{
	display:block;
	font-weight:normal;
	margin:0.3em 0 0 0;
  }
  
   #main form div.i1{
	display:none;
  }
  form.onlinerechner .buttons{
	width:100%;
	margin:1em 0 0 0;
	border-top:3px solid #CCDFEB;
	padding:0.3em 0 0 0;
  }
  
  #main form.onlinerechner .buttons input,
  #main form.onlinerechner .buttons a{
  	width:auto;
	display:inline;
	margin:0 0 0 0;
	padding:0.3em;
	border:none;
	background-color:#4D73AD;
	color:#fff;
	background-image:none;
  }
  
  #main form.onlinerechner ul{
	margin:0.2em 0 0.5em 1.5em;
  }
  
  #main form.onlinerechner h3.anderermotor,
  #main form.onlinerechner input.anderermotor{
	margin:0.5em 0.4em 0 0;
  }
  
  #main form.onlinerechner p{
	float:none;
	width:100%;
  }
  
    #main form.onlinerechner a#detaillink{
	display:block;
	margin:0 0 1em 0;
  }
  
 }