/* www.4bambini.com stylesheet */
/* rev 2008-06-01 */

/* ------------------------------ */
/* --- color definition table --- */
/* ------------------------------ */
/*  
  #B9D23B     green lt
  #699D2F     green dk
  #08c        blue lt (hover)
  
  #333333     grey dk

*/

/* ----------------------------------- */
/* --- general layout props column --- */
/* ----------------------------------- */
html,body {
  margin:0;
  padding:0;
}

body  {
  text-align:center;
}

div#container {
  text-align:left;
  width:960px;
  margin:0 auto;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  background: url('img/tpl_img_body_chalupa.jpg') no-repeat;
}

div#wrapper {
  float:left;
  width:100%;
  margin-bottom:6px;
}

/* -------------- */
/* --- header --- */
/* -------------- */

div#header {
  position: relative;
  height:140px;
}

div#page-h1 {
  position: absolute;
  top: 110px;
  left: 10px;
}

/* -------------- */
/* --- footer --- */
/* -------------- */
div#footer {
  background: #B9D23B;
  clear:left;
  width:100%;
  text-align: center;  
}

div#footer p {
  font-size: 7pt;
  margin:0;
  padding:5px 10px;
  color: #ffffff;
}

div#footer a {
  text-decoration: none;
  color: #ffffff;
}

div#footer a:hover {
  text-decoration: underline;
  color: #ffffff;
}

div#footer ul {
  text-align: center;
}

div#footer li {
  list-style: square;
	display: inline; 
}

div#undermenu p {
  color: #699D2F; 
  font-weight: bold;
}

/* ---------------------- */
/* --- content column --- */
/* ---------------------- */

div#content-main {
  margin: 0 340px 0 190px;
}

/* ------------------- */
/* --- left column --- */
/* ------------------- */
div#leftcol {
  float:left;
  width:150px;
  margin-left:-950px;
  padding-right: 20px;
  border-right: 1px dotted #cccccc;  
}

div#menu-main { clear: both; margin-bottom: 10px; position:relative }
div#content-left { clear: both; position:relative }

/* -------------------- */
/* --- right column --- */
/* -------------------- */

div#rightcol {
  float:left;
  /*width:200px;*/
  margin-left:-345px; 
}

div#newsblock {
  width: 300px;
  margin-top: 30px;
  margin-left: 20px;  
  padding: 5px;
  font-size: 8pt;
  font-family: Arial, Verdana, Tahoma, sans-serif;
/*
  border-right: 3px solid #F67711;
  border-top: 3px solid #F67711;
*/
}

div#pageteaser {
  width: 155px;
  margin-top: 30px;
  padding-left: 20px;
  border-left: 1px dotted #cccccc;  
}


div#mainnav {
  position: absolute;
  top: 50px;
  left: 50px;
  color:#ff0000;
}
/* ------------------------------------- */
/* --- paragraph & element formating --- */
/* ------------------------------------- */

p, td, ul, ol, input, select, h1, h2, h3, div {
	font-family: Arial, Verdana, Tahoma, sans-serif; 
	color: #333333;
  font-size: 9pt;
  margin-bottom: 0px;
  margin-top: 0px;
  text-align: justify;
}

p {
  margin-bottom: 6px;
}

h1 {
  font-size:7pt;
  color:#ffffff;
}

h2 {
  font-family: Times, Georgia, serif;
  font-size: 16pt;
  color: #699D2F; 
  border-bottom: 3px solid #699D2F;
  margin-bottom: 6px;
  padding-bottom: 3px;
  margin-top: 4px;
  font-weight: normal;
  text-align: left;
}

h3 {
  font-family: Times, Georgia, serif;
  font-size: 13pt;
  font-weight: normal;
  color: #699D2F; 
}

h4 {
  margin: 0px;  
}

a {
  color: #699D2F;
  text-decoration: underline;
}

a:hover {
  color: #B9D23B;
  text-decoration: underline;
}

#menu1 {
  width:150px;
  padding:0; 
  margin:0 auto; 
  list-style-type:none;
}

#menu1 li {
  float:left;
  width:150px;
  border:1px solid #fff; 
}

#menu1 li.act a {   
  background: #699D2F;  
}

#menu1 li.act span {   
  background: #699D2F;
  font-weight: bold;
  color: #ffffff;
  display:block;
  width:150px;
  padding: 4px;  
}

#menu1 a {
  display:block;
  width:150px;
  font-weight:bold;
  color:#ffffff;   
  background:#B9D23B;   
  text-align:left; 
  padding:4px; 
  text-decoration:none; 
  float:left; 
}

#menu1 a:hover {
  background:#699D2F;  
}

/* ------------------------------------- */
/* --- typo3 mailform formating      --- */
/* ------------------------------------- */

.csc-mailform-field label {
  display: block;
	float: left;
	width: 30%;
	text-align: left;	
}

.csc-mailform-field input, .csc-mailform-field textarea, .csc-mailform-field select  {
  width: 65%; 
	font-family: Arial, Verdana, Tahoma, sans-serif; 
  font-size: 8pt;
  margin:2px;
} 

.csc-mailform {
  border:none;
}

.contenttable-1, .td-0, .td-1, .td-2, .td-3, .td-last { border: 1px #B9D23B solid; font-size: 8pt; vertical-align: top; text-align: right; }
.tr-0, .td-0  { background: #B9D23B; font-weight: bold; padding: 4px; }
.tr-0 .td-0 { background: #ffffff; border: none; } 
.tr-0 { font-weight: bold; }