/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.highresolution.info/webdesign/yaml/) #
** ######################################################################################################
** 
**  YAML Version: 2.4
**  Dateiversion: 15.05.06  
**  Datei       : basemod.css
**  Funktion    : Basis-Modifikation fr das Layout des YAML-Tutorials
**
*/

@media all
{
/* help for calendar extension #month-header is to high... */	
#month-header  {
	height: 30px;	
}

.tx-cal-controller .bold{
	border: 1px solid red;
	background-color: #FFF;
}


/* Formatierung der Seite */
body { background: #99a url(../../img/rattan.jpg); padding: 10px;	}

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page{ border-right: 4px #744 solid; border-bottom: 4px #744 solid; background: #FDFDEF; }
#page_margins {border: 0 px #660000 solid; min-width: 756px; max-width: 80em; margin:auto;}

/* Formatierung der Kopfbereiches */
#header { position:relative; height: 82px; color: #fff; background: #2E2E2E url(../../img/gras.jpg) repeat-x top; }
#header img {position:absolute; top: 18px; left: 43px; font-size:208%; z-index: 1;}
#header p {position:absolute; top: 70px; left: 57px; margin: 0px; color: #FDFDEF; font-size: 1.2em; font-weight: bold; z-index: 100;}

/* Formatierung der Fusseile */
#footer { color:#666; background:#FDFDEF; margin: 1em; padding: 1em 0 0 0; border-top: 1px #ddd solid; line-height: 2em;}

/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/
#main { color: #000; background: #fdfdef ; padding: 1em 0 0 0; } 

/* linke Spalte */
#col1 {	width: 22.5%; }	
#col1_content {	padding-top:1.5em; margin-left: 1em; margin-right: 1em; color: #444; background:inherit; }
#col1_content a, strong { font-size: 1.1em;}
#col1_content li, ul { list-style-type: none; margin-bottom: 6px; }
#col1_content #menu { position: relative; left: -12px;}


/* Rechte Spalte */
#col2 {	width: 25%; }
#col2_content {	padding-top:1.5em; margin-left: 1em; margin-right: 1em; }

/* Mittlere Spalte */
#col3
{
  	margin-left: 22.5%; 
   	margin-right: 25%; 
	border-left: 0px dotted #ddd;
	border-right: 0px dotted #ddd;
}

#col3_content { padding-top:1.5em; margin-left: 1em; margin-right: 1em; }
#col3_content  li, ul { list-style-type: inherit;}


/* ######################################################################################################
** ### Formatierung des Teasers der Startseite ##########################################################
** ######################################################################################################
*/

#teaser { 
	margin: 0em 1em 0em 1em; 
	font-size: 0.82em; 
	background: #f4f4f4; 
	border-bottom: 1px #ccc solid; 
	padding: 0.5em 0em 1em 40px; 
	color: #5f5d75; 
}

#teaser div {float:left; width: auto; margin-right: 1em; }
#teaser .block1 {padding-top:1em;}
#teaser .block3 {width: 45%; padding-top:0.5em; }
#teaser .block3 .title {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	display:block;
	font-size: 1.2em; 
	font-weight:bold; 
	color: #336699;  
	background:inherit;  
	margin:0.4em 0 0.5em 0; 
}

/*
########## Styles for MiniNews ##########
*/

/* Frontpage-Styles */
.tx-mininews-pi1-fp_listrowField-datetime {
	font-size: 0.8em; 
	color: #AAA;
	margin: 0px 4px 0px 16px;
	
}
.tx-mininews-pi1-fp_listrowField-title {
	font-size: 1.1em; 
	color: #486F47;
	margin: 0px 4px 0px 16px;
}
.tx-mininews-pi1-fp_listrowField-teaser { 
	margin-left: 16px;
}

/* Listenseiten-Styles */
.tx-mininews-pi1-listrowField-datetime {
	font-size: 0.8em; 
	color: #999;
	margin: 0px 0px;
	
}
.tx-mininews-pi1-listrowField-title {margin: 0px 0px;}

.tx-mininews-pi1-listrowField-title a {
	font-size: 1.1em; 
	color: #486F47;
}
.tx-mininews-pi1-listrowField-teaser { 
}

.tx-mininews-pi1-browsebox td {padding-right: 8px;}
.tx-mininews-pi1-searchbox-button { margin-left: 8px;}

/*
########## Styles for Forms ##########
*/

.csc-form-fieldcell { padding-left: 8px;}

}