@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML examples
 * (de) Bildschirmlayout für YAML-Beispiele
 *
 * @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.2
 * @revision        $Revision: 107 $
 * @lastmodified    $Date: 2007-08-01 18:27:14 +0200 (Mi, 01 Aug 2007) $
 */

@media all
{
  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Formatting YAML's  basic layout elements
   * (de) Gestaltung des YAML Basis-Layouts
   */

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { background: #16120F url('../img/kecks.png') no-repeat bottom left fixed; padding: 10px 0; }

  /* (en) Layout: width, background, borders */
  /* (de) Layout: Breite, Hintergrund, Rahmen */
  #page_margins {background: transparent url('../img/kaffee.png') no-repeat top right fixed; width: 100%; text-align:center;  border: 0px #889 solid; }
  #page{
  	background: #fff; 
  	width:990px;  
  	margin: 0 auto; 
  	padding: 50px;  
  	padding-top: 30px;
  }

  /* (en) Centering layou in old IE-versions */
  /* (de) Zentrierung des Layouts in alten IE-versionen */
  body { text-align: center }
  #page_margins { text-align:left }

  /* (en) Designing main layout elements */
  /* (de) Gestaltung der Hauptelemente des Layouts */
  #header {
    color: #000;
    background: #fff repeat-x top left;
    height: 140px;
    margin-bottom: 20px;
    background: url('../img/header.jpg') center 20px no-repeat;
  }
  
  #headline {
  	float: left;
  	margin-left: 170px;
  	padding-top: 20px;
  }
  
  #header h1{
  	font-size: 30px; color: #332A23;
  }
  #header a{
  	color: #332A23;
  }
  #header a:hover{
  	color: #804920;
  	text-decoration: none;
  }
  #header h2{
  	font-size: 12px; 
  	color: #635144; 
  	font-style: italic;
  }

  #serviceMenu { 
  	color: #807052; 
  	background: #fff;
  	padding: 2px;
  	opacity:0.7;
  	float: right;
  }
  
  #header #serviceMenu a:hover {
  	color: #000;
  }


  #main { background: #fff; padding-top: 50px; }

  #footer { 
    color:#666; 
    background: #f9f9f9;
    padding: 15px;
    border-top: 5px #efefef solid;

  }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Repositioning content container
   * (de) Neupositionierung der Content Container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col1   | #col3               |
   * | 25%     | flexible            |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */

  /* Fixed width for left column | Fixe Breite für Linke Spalte */
  #col1 { width: 270px; }
  #col1_content {padding-right: 50px;}

  /* Hide right column | Rechte Spalte abschalten */
  #col2, #col2_content { display:none; }

  #col3 { margin-left: 270px; margin-right: 0; }
  #col3_content {}

  /*------------------------------------------------------------------------------------------------------*/

  #typo3_logo {float:right;}
  
  #navigation {float: right; }
  #navigation .alignleft {float: left; padding-left: 5px;}
  
  h1#root-navi {font-size: 11px; font-style: normal;}
  
  #top_banner{padding-bottom: 50px;}
  #top_banner h1{font-size: 11px; text-align: right; padding-top: 15px; padding-right: 5px;}
  
  .right_image {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
  }
  .right_image img{
   }
  
  #start_cats {padding-right: 50px;}
  
  .post {padding-bottom: 25px;}
  .post .commentCount {
  	float: right;
  }
  .post .commentCount a{
  	display: block;
  	width: 37px;
  	height: 28px;
  	background: url(../img/comment.gif);
  	text-align: center;
  }
  .post .commentCount a:hover{
  	background: url(../img/commentHover.gif);
  	color: #fff;
  	text-decoration: none;
  }
  .post .commentCount a .tx-comments-count-wrap {
  	display: block;
  	padding-top: 5px;
  }
  
  .post .footer li  {float: right; list-style: none; padding-left: 20px;}
  .post .footer li.readmore  {background: url(../img/readmore.gif) no-repeat left center;}
  
  ul.tutorials {margin: 0; padding: 0;}
  .tutorials li{list-style: none; margin: 0;  padding-left: 20px; padding-bottom: 5px; background: url(../img/readmore.gif) no-repeat left center;}
  
  ul.pageBrowser{list-style-type: none; margin: 0; padding: 0;}
  ul.pageBrowser li {list-style-type: none; display: inline; margin: 0; padding-right: 5px;}
  
  .post .header .date {float: right;}
  
/*##########################
# Indexed Search
##########################*/
  .tx-indexedsearch .result-row {padding-bottom: 20px;}
  .tx-indexedsearch-redMarkup {color: black;}
  .tx-indexedsearch-searchbox  .formline {display: inline;}
  
  .tx-indexedsearch input.submit {border: #804920 1px solid; background-color: #fff; color: #804920}
  .tx-indexedsearch input.sword{border: #804920 1px solid; background-color: #fff; color: #804920; padding: 1px;}
  .tx-indexedsearch-searchbox {padding-bottom: 20px;}

/*#################
# T3Blog
##################*/  
  .comment_message {font-size: 14px; color: #00B059; font-weight: bold}
  .commentError {color: #DD0000; }
  
  form .text {
			border-color: #000;
		}
		
		form .button {
			padding: 0 5px 0 5px;
			border-color: #000;
			background-color: #fff;
			color: #000;
		}
		.formElement {
		    padding: 5px 0;
		}

		.formElement label {
		    width: 84px !important;
		    width: 120px;
		    padding: 0 0 0 13px;
		    float: left;
		    display:block;
		    color: #635144;
		    font-weight: bold;
		}
	
	
		.formElement .requiredElement {
		    left: 26px !important;
		    left: 6px;
		    color: #fc0007;
		}
	
		/* Form defaultInputs */
		.inputText input,
		.textarea textarea,
		.textElement input,
		.textElement textarea {
		    width: 284px !important;
		    width: 288px;
		}
	
		.textElement select,
		.select select {
		    width: 288px;
		}
	
		.formElement .left,
		#mainContent .formElement .left {
			width: 124px !important;
			width: 130px;
			padding: 0 0 0 13px;
			font-weight: normal;
		}
	
	
		.formElement .right {
			width: 284px;
		}
#commentList .commentListListing .item {
			padding: 10px 2px 15px;
		}
		
		#commentForm {
			position: absolute;
			top: 200px;
			left:300px;
			width: 400px !important;
			width: 400px;
			border: 1px solid #bdbbac;
			background-color: #fff;
		}
		
		
		.blogCommentMessage {
			margin: 10px 0;
			color: #99CB34;	
			font-size:16px;
		}
		
		.commentError {
			padding: 5px 13px;
			background: #FFDDCC none repeat scroll 0%;
		}
		
		.commentError li {
			list-style-type: square;
			margin-left: 13px;
		}
		h6.commentError {
			background: #D46315 none repeat scroll 0%;
			color: #FFFFFF;	
		}
		.commentFormStyle h3,
		.commentFormStyle .closebutton {
			background-color: #f2f1ed;
		}
		
		.commentFormStyle h3 {
			padding-left: 20px;
		}
		
		#commentFormNonAjax textarea,
		#commentFormNonAjax input,
		#commentForm textarea,
		#commentForm input {
			background-color: #fff;
			width: 379px !important;
			width: 354px;
			color: #804920;
			border: 1px #804920 solid;
			height: 25px;
			font-size: 13px;
		}
		
		#commentFormNonAjax textarea {
			height: 140px;
		}
		
		#commentFormNonAjax	{
			width: 478px; 
			border-width: 1px 0;
			margin-top: 20px;
		}
		
		#commentFormNonAjax .closebutton {
			display: none;
		}
		
		#commentFormNonAjax input.button {
			margin-right: 0 !important;
			margin-right: 0px ;
			width: 80px !important;
		}
		
		
		#commentForm .closebutton {
			position: relative;
			left: 370px;
			top: -20px;
			width: 12px;
			height: 12px;
		}
		
		#commentForm .closebutton img{
			margin: 1px 0 0 1px;
		
		}
		
		#archive a.toggle {
			background: none;
			padding-right: 2px;
		}
		
		.tx-comments-comment-admin { margin: 10px 20px; background-color: #e0e0e0; padding: 5px 9px; text-align: center; }

.tx-comments-comment-form LABEL { width: 100px; display: block; float: left; padding-top: 5px; }
.tx-comments-comment-form INPUT, .tx-comments-comment-form TEXTAREA, .tx-comments-comment-form IMG { margin-top: 5px; }
.tx-comments-comment-input, .tx-comments-comment-form TEXTAREA { width: 245px; }
.tx-comments-comment-form BR {  }
.tx-comments-comment-name { font-weight: bold; }
.tx-comments-comment-date { font-weight: bold; }
.tx-comments-comment-1, .tx-comments-comment-2 { border: 1px solid #e0e0e0; margin-bottom: 10px; padding: 3px 5px; }
.tx-comments-comment-content { padding: 3px 0; text-align: justify; }
.tx-comments-required-mark { color: red; }
.tx-comments-required-error { margin-left: 10px; color: red; background-color: #f5f500; padding: 3px 5px; }
.tx-comments-captcha { padding-left: 100px; }
.tx-comments-captcha IMG { border: 1px solid #d0d0d0; margin-left: 0px; }
.tx-comments-form-top-message { border: 1px solid #d0d0d0; padding: 10px 20px; text-align: center; font-weight: bold; }

.tx-comments-closed { border: 1px solid #d0d0d0; padding: 10px 10px; margin: 10px 0; }
.tx-comments-closed IMG { vertical-align: baseline; margin-left: 4px; padding-right: 4px; }

.tx-comments-comment-report { font-size: 80%; margin: 7px 0 5px 15px; }

.tx-comments-rating { margin-left: 15px; }

.tx-comments-comment-form fieldset { border: none; }


}