@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-2009, 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.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 * @appdef yaml
 */

@media all
{
 /**
  * Fonts
  *
  * (en) global settings of font-families and font-sizes
  * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
  *
  * @section content-global-settings
  */

  /* (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:12px; line-height:19px; }
  

 /**
  * (en) reset monospaced elements to font size 16px in all browsers
  * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
  *
  * @see: http://webkit.org/blog/67/strange-medium/
  */

  textarea, pre, code, kbd, samp, var, tt {
    font-family:Georgia, "Times New Roman", Times, serif;
  }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family:Georgia, "Times New Roman", Times, serif;

    color: #444;
  }
  

	
	

  /*--- Headings | Überschriften ------------------------------------------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-weight:normal;
    color:#222;
    margin: 0 0 0.25em 0;
  }

  h1 { font-size: 80px;}                      /* 30px */
  h2 { font-size: 65px;}                      /* 24px */
  h3 { font-size:12px;}      /* 18px */
  h4 { font-size: 133.33%;  font-weight:bold; }                    /* 16px */
  h5 { font-size: 116.67%; }                   /* 14px */
  h6 { font-size: 116.67%;}                   /* 14px */
  
  .page_title
  {
	  font-size:30px;
	  line-height:1em;
  }
  
  .page_sub_title
  {
	  font-size:14px;
	  line-height:1em;
	  padding-bottom:4px;
	  font-weight:bold;
  }
  
  .proceedure_qa
  {
	  padding:20px;
	  border:#CCC solid 1px;
	  margin-top:5px;
  }
  
  .treamtment_qa
  {
	  padding-bottom:18px;
  }
  .treamtment_qa .question
  {
	  font-size:11px;
	  line-height:1em;
	  padding-bottom:3px;
	  font-weight:bold;
  }
  .treamtment_qa .answer
  {
	padding-left:12px;
	background-image:url(../images/layout/arrow_qa.jpg);
	background-position:top left;
	background-repeat:no-repeat;
  }
  
  .other_treatments_to_consider
  {
	  padding-top:20px
  }
  
  .other_treatments_to_consider .title
  {
	  font-size:14px;
	  line-height:1em;
	  padding-bottom:4px;
	  font-weight:bold;
	  color:#521a0e;
  }
  
   .other_treatments_to_consider .content
  {
	  
  }
  
  .short_description
  {
	  color:#666;
	  font-style:italic;
  }
  

  /* --- Lists | Listen  -------------------------------------------------------------------------------- */

  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; }
  ul li { list-style-type: disc; }
  ul ul li { list-style-type: circle; }

  ol li { list-style-type: decimal; }
  ol ol li { list-style-type: lower-latin; }

  li { margin-left: 0.8em; line-height: 1.5em; }

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

  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

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

  blockquote, cite,q {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style:italic;
  }
  blockquote { margin: 0 0 1em 1.6em; color: #666; }

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

  pre, code, kbd, tt, samp, var { font-size: 100%; }
  pre, code { color: #800; }
  pre { line-height: 1.5em; margin: 0 0 1em 0; }
  kbd, samp, var { color: #666; }
  var { font-style: italic; }

  acronym, abbr {
    border-bottom: 1px #aaa dotted;
    font-variant: small-caps;
    letter-spacing: .07em;
    cursor: help;
  }

  sub, sup { font-size: 91.6667%; }

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #eee solid;
  }
  
  /*--- Footer ----------------------------------------------------------------------------------------- */
  
	#footer_content
	{
		height:260px;
		padding-top:30px;
		
	}
	#footer_content ul 
	{
		margin:6px auto 0;
		width:966px;
	}
	#footer_content ul li ul 
	{
		font-size:11px;
		width:225px;
	}
	#footer_content li 
	{
		float:left;
		line-height:20px;
		width:225px;
		padding-left:0px;
		margin-left:8px;
	}
	#footer_content li ul li 
	{
		float:none;
	}
	#footer_content li ul li a 
	{
		color:#794f45;
		text-decoration:none;
	}
	#footer_content li ul li a:hover 
	{
		border-bottom:1px solid #C3C3DF;
		color:#794f45;
		text-decoration:none;
	}
	#footer_content .registered 
	{
		font-size:11px;
		margin-top:-2px;
	}
	#footer_content h4 
	{
		height:26px;
		width:225px;
	}
	#footer_content ul, #footer li
	{
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
	}
	.footer_header
	{
		height:26px;
		width:225px;
		font-size:22px;
	}
  
  /*--- Twitter ----------------------------------------------------------------------------------------- */
  
  .twitter_title
  {
	  font-size:12px;
	  color:#b4a389;
	  font-family:Georgia,"Times New Roman",Times,serif;
  }
  .twitter_time
  {
	  font-size:11px;
	  color:#d8ceb9;
	   font-family:Georgia,"Times New Roman",Times,serif;
  }
  
  /*--- Featured ----------------------------------------------------------------------------------------- */
  
	#featured_project
 	{
		width:502px;
		height:487px;
		background-image:url(../images/layout/featured_bg.jpg);
		background-repeat:no-repeat;
		padding-left:25px;
		padding-right:10px;
		float:left;
 	}
	
	#featured_project .title
	{
		float:left;
	}
  	
	#featured_project .more
	{
		float:right;
	}
	
	.featured_title
	{
		/* for sifr */
		font-size:20px;
		color:5c703a;
		font-family:Georgia, "Times New Roman", Times, serif;
		height:30px;
	}
	
	.featured_more
	{
		/* for sifr */
		font-size:18px;
		color:df6635;
		font-family:Georgia, "Times New Roman", Times, serif;
		height:20px;
		padding-top:4px;
		float:left;
	}
	.featured_arrow
	{
		padding-top:8px;
		float:right;
		padding-left:3px;
		
	}
	
	.standard_features
	{
		width:300px;
		float:right;
		background-color:#FFF;
		border:#960 1px spolid;
		padding:10px;
		margin:5px;
		margin-left:20px;
	}
	
	.always_included
	{
		/* for sifr */
		font-size:20px;
		color:5c703a;
		font-family:Georgia, "Times New Roman", Times, serif;
		height:30px;
	}
	
	
/*--- Updates ----------------------------------------------------------------------------------------- */
  
	#latest_updates
 	{
		width:345px;
		min-height:487px;
		padding-left:0px;
		padding-right:10px;
		float:right;
 	}
	
	#latest_updates .title
	{
		
	}
	
	#latest_updates .update
	{
		padding-bottom:10px;
	}
	
	.latest_updates_title
	{
		/* for sifr */
		font-size:20px;
		color:5c703a;
		font-family:Georgia, "Times New Roman", Times, serif;
		height:30px;
	}
	
	.update_news .update_title
	{
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#81965d;
		font-size:12px;
		
	
		width:100%;
	}
	
	.update_news .update_time
	{
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#81965d;
		font-size:10px;
		margin-top:-20px;
		float:right;
		
	}
	
	.update_news .update_content
	{
		font-family:Georgia, "Times New Roman", Times, serif;
		padding-top:5px;
		padding-bottom:0px;
	}
	
	.update_news .update_content_full
	{
		font-family:Georgia, "Times New Roman", Times, serif;
		padding-top:5px;
		padding-bottom:10px;
	}
	
	
	.update_news .update_content_picture
	{
		font-family:Georgia, "Times New Roman", Times, serif;
		padding-top:0px;
		padding-bottom:0px;
		font-size:11px;
		
		min-height:55px;
		display:block;
	}
	
	.update_content_picture img
	{
		margin-right:5px;
		border: 1px solid #dfd6c6;
		padding: 2px;
	}
	
	.update_postedin
	{
		text-align:right;
		float:right;
		clear:right;
	} 
	.update_postedon
	{
		text-align:right;
		float:right;
		clear:right;
	} 
	
	.update_news
	{
		background-image:url(../images/icons/handdrawn_line.jpg);
		background-position:bottom;
		background-repeat:repeat-x;
		padding-bottom:5px;
		padding-top:5px;
		margin:0px;
		display:block;
		float:left;
		width:100%;
		min-width: 230px;
	
	}	
	
	
	
	.postPictureLeft, .alignleft
	{
		float:left;
		padding:3px;
	}
	
	.update_content_full .postPictureLeft, .update_content_full .alignleft
	{
		float:left;
		padding:13px;
	}
	
	.postPictureRight
	{
		float:right;
		padding:3px;
	}
  	
	
	
	
	
  /*--- Links ----------------------------------------------------------------------------------------- */

  a { color: #521A0E; background:transparent; text-decoration:none; }
  a:visited  { color: #521A0E; }

  a:focus,
  a:hover,
  a:active { color:#521A0E; text-decoration:underline; }
  
  #topnav a,  #topnav a:hover { color: #8c7b5d; 	}
  

  /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

  p.icaption_left { float:left; display:inline; margin: 0 1em 0.15em 0; }
  p.icaption_right { float:right; display:inline; margin: 0 0 0.15em 1em; }

  p.icaption_left img,
  p.icaption_right img { padding:0; border: 1px #888 solid; }

  p.icaption_left strong,
  p.icaption_right strong { display:block; overflow:hidden; margin-top: 2px; padding: 0.3em 0.5em; background: #eee; font-weight: normal; font-size: 91.667%; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Generic Content Classes
  *
  * (en) standard classes for positioning and highlighting
  *
  */

  .highlight { color: #f60; }
  .dimmed { color: #888; }
  .info { background: #f8f8f8; color: #666; padding: 10px; margin-bottom: 0.5em; border:none; color:#333; }
  .note { background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em; }
  .important { background: #ffe; color: #521a0e; border: 1px #521a0e solid; padding: 10px; margin-bottom: 1em; }
  .warning { background: #fee; color: #400; border: 2px #844 solid; padding: 10px; margin-bottom: 1em; }

  .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 { display:block; text-align:center; margin: 0.5em auto; }

  
  /*--- Images  ----------------------------------------------------------------------------------------- */
	.pictureLeft 
	{
		float: left;
	}

	.pictureRight
	{
		float: right;
	
	}
	
	.pictureCaptionRight
	{
		float: right;
		padding:15px;
	}
	
  /*--- Download  ----------------------------------------------------------------------------------------- */	
	
	#download
	{
		border: 1px #999 dashed;
		padding:10px;
		min-height:55px;
	}
	
	#download a
	{
		color: #82d0d0;
		text-decoration:none;
		font-size:18px;
		font-weight:bold;
	}
	#download a:hover
	{
  		border-bottom: solid 1px #036;
	}
	
	#download .version
	{
		color:#CCC;
		font-size:12px;
		clear:both;
		
	}
	
	
	
	/* Forms ---------------------------------------------------------------------------------------------------------*/
	
	.minInput
	{
		border: 1px solid #ccc;
		background-color:#FFF;
		/** remember to change image path **/
		font-size: 10px;
		color: #454743;
	}
	
	.minInput:focus 
	{
		border: 1px solid #888887;
		color: #454743;
	}
	
	.newsletter
	{
		padding:4px;
		padding-bottom:10px;	
	}
	
	
	
	/* PAGES!!!!! -------------------------------------------------------------------------------------------------------*/
	/* ------------------------------------------------------------------------------------------------------------------*/
	/* ------------------------------------------------------------------------------------------------------------------*/
	/* well it just doesdnt fit anywhere else!!*/
	/* ------------------------------------------------------------------------------------------------------------------*/
	/* ------------------------------------------------------------------------------------------------------------------*/
	/* ------------------------------------------------------------------------------------------------------------------*/
	
	
	/* HOME PAGE */
	
	.welcome_to
	{
		font-size:20px;
		color:5c703a;
		font-family:Georgia, "Times New Roman", Times, serif;
		height:30px;
		width:300px;
	}
	
	.sub_title
	{
		font-size:20px;
		color:5c703a;
		font-family:Georgia, "Times New Roman", Times, serif;
		height:30px;
		width:300px;
	}
	
	.sub_title_orange
	{
		font-size:20px;
		color:5c703a;
		font-family:Georgia, "Times New Roman", Times, serif;
		height:30px;
		width:300px;	}
		
		.featured_mores
		{
			padding-top:8px;
		}
	
	
	
	/* PORTFOLIO */
	  
	#latest_portfolio
 	{
		width:345px;
		min-height:487px;
		padding-left:0px;
		padding-right:10px;
		float:right;
 	}
	
	#latest_portfolio .title
	{
		
	}
	
	#latest_portfolio .update
	{
		padding-bottom:10px;
	}
	
	.latest_portfolio_title
	{
		/* for sifr */
		font-size:20px;
		color:5c703a;
		font-family:Georgia, "Times New Roman", Times, serif;
		height:30px;
	}
	
	.a_project
	{
		float:left;
		padding:5px;
		
	}
	
	.portfolio_picture
	{
		padding:5px;
		border:#d8cbb8 1px solid;
		
	}
	
	.portfolio_information
	{
		padding:5px;
	}
	
	.latest_creations
	{
		padding-bottom:15px;
	}
	
	.row_of_projects
	{
		clear:right;
	}
	
	
	
	/* ABOUT US and our pholopsy */
	
	#what_we_can_do
 	{
		width:320px;
		min-height:487px;
		padding-left:15px;
		padding-right:10px;
		padding-top:15px;
		float:right;
		background-image:url(../images/layout/whatwecando_bg.jpg);
		background-repeat:x;
		margin-left:15px;
 	}
	
	.arrowed_content
	{
		background-image:url(../images/icons/handdrawn_arrow.jpg);
		background-repeat:no-repeat;
		background-position:left top;
		padding-left:18px;
		padding-bottom:10px;
		padding-top:5px;
		
		
	}

	.we_can
	{
		margin-top : -8px;
	}
	.we_can_last
	{
		
		background-image:url(../images/icons/handdrawn_line.jpg);
		background-position:bottom;
		background-repeat:repeat-x;
		padding-bottom:8px;
		padding-top:5px;
	
	}
	
	.our_p
	{
		background-color:#FFF;
		padding:20px;
	}


	/* contact page */
	.newsletter .content
	{
	
	background-image:url(../images/icons/handdrawn_line.jpg);
	background-position:center bottom;
	background-repeat:repeat-x;
	font-size:10px;
	padding-left:5px;
		}
	
	
	
	/* ecommerce page */
	
	.payment_options	
	{
		float:left;
	
		background-color:#FFF;
		padding:15px;
		margin-top:30px;
	}
	
	.payment_options_home
	{
		float:right;
	
		background-color:#FFF;
		padding:5px;
		margin-top:30px;
		width:250px;
		margin-left:20px;
	}
	.paymentoption
	{
		padding:10px;
		float:left;
	}
	.paymentoption_home
	{
		padding:5px;
		float:left;
	}
}