/*"******************************************************************************************************
*   (c) 2004-2006 by MulchProductions, www.mulchprod.de                                                 *
*   (c) 2007-2008 by Kajona, www.kajona.de                                                              *
*       Published under the GNU LGPL v2.1, see /system/licence_lgpl.txt                                 *
*-------------------------------------------------------------------------------------------------------*
*																										*
* 	kajona.css																							*
* 	Samplecontent CSS-Styles																			*
*																										*
*-------------------------------------------------------------------------------------------------------*
*	$Id: kajona.css 2034 2008-05-21 21:51:49Z sidler $									                *
********************************************************************************************************/



/*
	NOTE:------------------------------------------------------------------------------------------------
	  |   Use _webpath_ as constant containing the current webpath, see below
      |
	  |   This is just a sample file! Modify it to your needs.
	  |   If you don't use _webpath_ or the function IEOther("IE", "Other"), we
	  |   recommend to use a static css-file like this one.
	  |	  IF you need IEOther()) or _webpath_ use a php-file using the following pattern 
	  |   instead of a static css-file:
	  |   <?php
	  |		require_once("../../system/functions.php");
      |		header("Content-type: text/css");
	  |		echo " all your css stuff goes here ";
	  |	  ?>	
	  \--------------------------------------------------------------------------------------------------
*/



body {
    text-align: center;
    background-color: #ffffff;
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #3b3b3b;
}

a.hiddenAnchor {
    margin: 0px !important;
	padding: 0px !important;
	border: none !important;
	display: inline !important; 
}

a {
    color: #246b39;
    text-decoration: none;  
}

img {
    border: none;   
}

a:hover {
    text-decoration: underline;
}

h2 {
    font-family: Verdana, arial, sans-serif;    
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 0px;   
}

h3 {
    font-family: Verdana, arial, sans-serif;    
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0px;   
}

#bodyContainer {
    position:absolute;
    left:50%;
    margin: 0 -450px;
	padding-bottom: 20px;
    width: 900px;
    top: 20px;
    border: none;
}


/*	Auskommentiert da nicht benötigt

#logoHeaderHeader {
    height: 70px;
    background-color: #000000;
    vertical-align: top;
}   
    
#imageHeader {
    width: 900px;
    height: 180px;
    background-image: url(../../portal/pics/kajona/header1.jpg);
    background-repeat: no-repeat;
}


#headerLogo {
    float: left;
    background-image: url(../../img/leric_logo_1.jpg);
    background-repeat: no-repeat;
    width: 61px;
    height: 59px;
    margin-left: 5px;
    margin-top: 6px; 
}

#headerLogoR {
    float: right;
    background-image: url(../../img/leric_logo_2.jpg);
    background-repeat: no-repeat;
    width: 162px;
    height: 32px;
    margin-right: 5px;
    margin-top: 30px; 
}


*/


#mainContainer {
    background-color: #ffffff;
    padding: 0 15px 0 15px;
    min-height: 600px;
}


#portalNaviContainer {
    height: 15px;
    border-bottom: 1px solid #a5a5a5;
    padding: 3px 0 3px 0;
}

#mainContentContainer {
    text-align: left;
}

#footerContainer {
    border-top: 1px solid #a5a5a5;
    height: 80px;   
    padding: 2px;       
}

#footerContainer a {
    color: #3b3b3b;
    text-decoration: none;      
}



/* ###########################################################
################### eigene Container #########################
############################################################## */

#mainNaviContainer {
    border: none;
    width: 120px;
    float: left;
    padding-top: 33px;
}

#mainNaviContainerTop {
    /* border-bottom: 1px solid #a5a5a5; */
    padding-bottom: 10px;
}

#mainNaviContainerLogin {
    border: none;
    vertical-align:text-bottom;
    padding-top: 10px;
}


#contentContainer {
    border-left: 1px solid #a5a5a5;
    float: right;
    width: 690px;
    padding: 30px 20px 0 25px;  
}

#contentContainerTop {
    border-bottom: 1px solid #a5a5a5;
    padding-bottom: 10px;
    height: 185px;
    vertical-align: middle;
    text-align: center;
}

#contentContainerCenter {
    text-align: left;
    padding-top: 10px
}


/* ###########################################################
############## ende eigene Container #########################
############################################################## */





#mainNaviContainer a {
    color: #3b3b3b;
    font-size: 12px;
    font-family: Verdana, arial, sans-serif;
    #font-weight: bold;
    text-decoration: none;
}

#mainNaviContainer a:hover {
    text-decoration: underline;
}

#mainNaviContainer ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#mainNaviContainer ul li {
    padding: 0 0 10px 0;
    margin: 0px;
}

#mainNaviContainer ul li ul li {
    padding: 0;
    margin: 0 0 0 10px ;
}

#mainNaviContainer ul li ul li a {
    font-size: 10px;
	font-weight: normal;
}


#languageSwitchContainer2 {
    float: left;
}

#languageSwitchContainer3 {
    
}

#languageSwitchContainer {
    float: left;    
}

#languageSwitchContainer a {
    color: #3b3b3b;
    text-decoration: none;
    text-transform: uppercase;
}

#languageSwitchContainer a:hover {
    text-decoration: underline;
}


#pNaviContainer ul li a:hover {
    text-decoration: underline;
}

#pNaviContainer {
    float: right;   
}

#pNaviContainer ul {
    list-style: none;
    margin: 0px;
    padding: 0px;   
}

#pNaviContainer ul li {
    display: inline;    
}

#pNaviContainer ul li a {
    text-decoration: none;
    color: #3b3b3b;
}

#pNaviContainer ul li a:hover {
    text-decoration: underline;
}


.contentSpacer {
    border: none;
    height: 15px;   
}

.cleaner {
    clear: both;    
}

/** FORMS **/

#contentContainer form label {
    display: block;
    float: left;
    width: 30%;
    height: 20px;
    padding: 2px 0 0 0;
}

#contentContainer form br {
    clear: both;
}

.inputText, .inputTextShort, .inputDate {
    background-image: url('../../portal/pics/kajona/forms_input_back.gif');
    background-repeat: repeat-x;
    padding: 0;
    margin: 0 3px 0 0;
    display: block;
    float: left;
    width: 180px;
    height: 16px;
    border: 1px solid #c2c2c2;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    color: #737373;
}

.inputTextNavi, {
    background-image: url('../../portal/pics/kajona/forms_input_back.gif');
    background-repeat: repeat-x;
    padding: 0;
    margin: 0 3px 0 0;
    display: block;
    float: left;
    width: 100px;
    height: 16px;
    border: 1px solid #c2c2c2;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    color: #737373;
}

.inputTextarea {
    background-image: url('../../portal/pics/kajona/forms_input_back.gif');
    background-repeat: repeat-x;
    padding: 0;
    margin: 0 3px 0 0;
    display: block;
    float: left;
    width: 180px;
    height: 50px;
    border: 1px solid #c2c2c2;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    color: #737373;
}

.inputTextareaLarge {
    background-image: url('../../portal/pics/kajona/forms_input_back.gif');
    background-repeat: repeat-x;
    padding: 0;
    margin: 0 3px 0 0;
    display: block;
    float: left;
    width: 300px;
    height:150px;
    border: 1px solid #c2c2c2;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    color: #737373;
}

.inputText:focus, .inputTextShort:focus, .inputTextarea:focus, .inputDropdown:focus, .inputDate:focus {
    color: #000000;
}

.button, .buttonShort {
    background-image: url('../../portal/pics/kajona/forms_button_back_31.gif');
    background-repeat: repeat-x;
    padding: 0 0 3px 15px;
    margin: 8px 0 0 0;
    display: block;
    float: left;
    width: 182px;
    height: 18px;
    border: 1px solid #c2c2c2;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    color: #737373;
    text-align: left;
    cursor: pointer;
}

.buttonNavi {
    background-image: url('../../portal/pics/kajona/forms_button_back_31.gif');
    background-repeat: repeat-x;
    padding: 0 0 3px 15px;
    margin: 8px 0 0 0;
    display: block;
    float: left;
    width: 102px;
    height: 18px;
    border: 1px solid #c2c2c2;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    color: #737373;
    text-align: left;
    cursor: pointer;
}

.button:hover, .buttonShort:hover, .button:focus, .buttonShort:focus {
    color: #000000;
}

/* N E W S */
.newsList {
    border: 1px solid #ffffff;
}
.newsListHeader {
    background-color: #f0f0f0;
}
.newsListTitle {
    float: left;
    background-image: url('../../portal/pics/kajona/news_button_31.gif');
    background-repeat: no-repeat;
    text-indent: 15px;
}
.newsListTitle h3{
    font-size: 11px;
    font-weight: normal;
    margin: 0px;
}
.newsListMore {
    float: right;
}
.newsListTeaser {
    background-color: #32b059;
}
.newsListTeaser div {
    margin-left: 10px;
    background-color: #ffffff;
    padding-left: 5px;
}
.newsDetail, .newsDetail p {
}
.newsDetail h3 {
    font-weight: bold;
}
.newsTeaser {
    margin-top: 20px;
    font-style: italic;
}
.newsDetail img {
    margin: 5px;
}



/* S E A R C H */
.searchHighlight {
    background-color: #ffff00;
}

/* F A Q S */
.faqCategory {
    padding-bottom: 20px;
}

.faqCategory .faqCategoryTitle {
    font-style: italic;
}

.faqCategory .faqCategoryTitle h3 {
    padding: 0px;
    margin: 0px;
    padding-bottom: 2px;
}

.faqFaq {
    border: 1px solid #f0f0f0;
    margin-bottom: 2px;
}

.faqFaq .faqFaqAnswer {
    margin: 2px;
}

.faqFaq .faqFaqQuestion {
    background-color: #f0f0f0;
}

/* P O S T A C O M M E N T */
#postaCommentForm {
	display: none;
    margin-bottom: 5px; 
}

.pacComment {
    border: 1px solid #cccccc;
    margin-bottom: 5px; 
}

.pacHeader {
    background-color: #f0f0f0;
}

.pacName {
    float: left;
    padding: 1px 1px 0 1px;
}

.pacDate {
    float: right;
    padding: 1px 1px 0 1px;
}

.pacSubject {
    clear:both;
    padding: 0 1px 1px 1px; 
}

.pacText {
    padding: 1px;   
}


/* L I S T S */
.portalList {
    width: 80%;
}

.portalListRow1 {
    height: 22px;
    background-color: #f0f0f0;
}

.portalListRow1:hover, .portalListRow1:hover td {
    background-color: #DFDFDF;
    color: #000000;
}

.portalListRow1 td{
    vertical-align: middle;
}

.portalListRow1 .image {
    padding-left: 2px;
    padding-right: 3px;
}

.portalListRow1 .title {
    width: 100%;
    padding-left: 2px;
    padding-right: 5px;
}

.portalListRow1 .center {
    white-space: nowrap;
    padding-right: 5px;
}

.portalListRow1 .actions {
    white-space: nowrap;
    vertical-align: middle;
    text-align: right;
}

.portalListRow2 {
    height: 22px;
}
.portalListRow2 .description {
    vertical-align: middle;
    text-align: left;
    padding-left: 2px;
}

.portalListRow1 .actions img {
    margin-right: 2px;
}

.portalListRow1 .rating, .portalListRow2 .rating {
    white-space: nowrap;
}