@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.1
* @revision        $Revision: 92 $
* @lastmodified    $Date: 2007-07-15 10:26:40 +0200 (So, 15 Jul 2007) $
*/

@import url(./typo3mod.powermail.css);
@media all
{
  /*------------------------------------------------------------------------------------------------------*/

  /**
  * (en) Formatting TYPO3's  elements
  * (de) Gestaltung der TYPO3 Elemente
  */

	/* Typo3 mailform */	
		#mailform fieldset div label {
		float: left;
		display:block;
		width:10em;
		text-align: left;
		padding: 0 0.5em 0 0;
	}

	.csc-mailform-field{
		margin: 0.5em 0 0 0;
	}
	
	#mailform fieldset div input, textarea, select {
		float: left;
		width:39em;
		padding: 0;
		display: block;
		margin: 0;
	}

	#mailform fieldset div textarea {
		float: left;
		width:41em;
		height: 10em;
		padding: 0;
		display: block;
		margin: 0;
	}
	
	#mailform fieldset div br {
		clear: both;
	}

	#mailform fieldset div input#mailformformtype_mail {
		width: 10em;
		margin: 0.5em 0.5em 0.5em 10.5em;
	}	
	
/*
    ## tw_rssfeeds
*/  
	
    #twrss_table{
        margin: 1px 3px 0px 3px;
        /*padding:3px;*/	   
	}
    .twrss_head_channel{
        font-size: 90%;
        border-bottom:1px solid #5B5F62;
        margin-bottom:5px;
        padding:2px;
        font-weight: bold;	
	}

	.twrss_bodytext, .twrss_item_link{
        font-size: 80%;
        padding: 0.4em 3px;
        border-bottom: 1px solid #eee;
	}

/*
	##
	## tt_news col2
	##
*/  
    #col2 p {
        font-size: 80%;
        //font-weight: bold;
    	padding: 2px;
        margin: 1px 3px 5px 3px;
    }

    #col2 h5{
        font-size: 90%;
        font-weight: bold;
        border-bottom:1px solid #5B5F62;
        padding: 2px;
        margin: 1px 3px 5px 3px;
        background: #efefef;
    }
    
	#col2 .csc-firstHeader{
	   border: none;
	   padding: 0px;
	}
    #col2 .news-list-container, 
    #col2 .news-latest-container {
        margin: 0px 0px 25px 0px;
    }   
	
	#col2 .news-list-container h4, 
	#col2 .news-latest-container h4  {
        font-size: 75%;
        background-color:transparent;
        border-bottom:1px none #5B5F62;
        margin: 0px 0px 0px 0px;
        padding:1px;
        /*font-weight: bold;*/        
    }	
	
    #col2 .news-list-item, 
    #col2 .news-latest-item {
        background-color:transparent;
        border-bottom: 1px solid #eee;
        height:auto !important;
        line-height:1.3;
        margin: 1px 3px 0px 3px;
    }
    
    
    #col2 .news-list-container p,
    #col2 .news-latest-container p  {
        font-size: 80%;    
        padding-left:3px;
        margin: 0px;
    }
    

    
    #col2 .news-list-container hr.clearer, #col2 .news-single-item hr.clearer, #col2 .news-latest-container hr.clearer {
        border:1px solid #fff;
        clear:right;
        height:1px;
    }
    
    #col2 .news-list-date,
    #col2 .news-latest-date {
        background-color:transparent;
        color:#5B5F62;
        float:right;
        font-size:9px;
        font-weight:normal;
        height:20px;
        margin-right:-2px;
        margin-top:-2px;
        text-align:right;
        width:auto;
    }

	#col2 .news-list-container h3 a:link, #col2 .news-list-container h3 a:visited, #col2 .news-list-container h3 a:hover,
	#col2 .news-latest-container h3 a:link, #col2 .news-latest-container h3 a:visited, #col2 .news-latest-container h3 a:hover {
	   color:#5B5F62;
	   padding-left:2px;
	}
	
	#col2 .news-list-morelink, 
	#col2 .news-latest-morelink{
        margin-bottom:3px;
    }
    #col2 .news-list-morelink, #col2 .news-list-category, 
    #col2 .news-latest-morelink, #col2 .news-latest-category {
        font-size:9px;
        margin-left:3px;
    }
	
	
    .news-latest-container img {padding: 0px; border: 0px; float: left; margin-right: 5px;}
    .news-single-img img {padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #363226; border-bottom: 1px solid #363226; float: left; margin-right: 5px; margin-bottom: 5px;}
    .news-list-container img {padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #363226; border-bottom: 1px solid #363226; float: left; margin-right: 5px; margin-bottom: 5px;}
    .news-single-item a:link {text-decoration:underline; color:#6c6d70;}
    .news-single-item a:visited {text-decoration:underline; color:#6c6d70;}

/*
    ##
    ## col3
    ##
*/
	
	#col3 .csc-textpic, #col3 .csc-textpic-intext-left{
        display: inline;
    }
    #col3 .csc-textpic-imagewrap{
        margin: 15px 0px 10px 0px;
    }
    #col3 .csc-textpic-right .csc-textpic-imagewrap{
        margin-left: 10px;
    }
    #col3 .csc-textpic-left .csc-textpic-imagewrap{
        margin-right: 10px;
    }   
    
    #col3 .csc-header-n2,
    #col3 .csc-header-n3,
    #col3 .csc-header-n4,
    #col3 .csc-header-n5,
    #col3 .csc-header-n6{
        padding-top: 1.5em;
    }
    
    #col3 .csc-textpic-clear { clear: none; }
    
    #col3 a { text-decoration: underline; }

	#col3 .contenttable{
       border: 0px;
       table-layout: fixed;
    }
    
    #col3 .contenttable .bodytext{
       margin: 0px;
       line-height: 1,0em;       
    }    
    
    #col3 .contenttable thead th{
       border: 0px;
    }    
}
