/*
|| SECTION LAYOUT
||    Don't touch! You risk your life!
*/
html, body{ 
   margin:0; 
   padding:0;
   font-size: 100.01%;
   font-family: Arial;
   text-align: center;
} 
 
#pagewidth{ 
   text-align: left;
}
 
#header{
   position:relative;
   width: 100%;
   z-index: 10;
} 

#topnav{
   position:relative; 
   width: 100%;
   z-index: 20;
}
 
#leftcol{
   float:left; 
   position:relative;
   z-index: 30;
}
 
/* includes maincol, rightcol */
#twocols{
   float:right; 
   position:relative;
   z-index: 30;
}
 
#maincol{
   float: left; 
   display:inline; 
   position: relative;
   z-index: 30;
}

#rightcol{
   float:right; 
   position:relative; 
   z-index: 30;
}
 
#footer{
   clear:both;
   width: 100%;
   z-index: 40;
} 
 
/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}

.clearfix{
   display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix{
   height: 1%;
}
.clearfix{
   display: block;
}
/* End hide from IE-mac */  

/*printer styles*/ 
@media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/*
|| SECTION STANDARD CONTENT
*/

/* images */
img{
   border: none;
   vertical-align: bottom;
}

/* links */
a:link,
a:visited,
a:active{
   color: #000000;
   text-decoration: underline;
}
a:hover{
   text-decoration: none;
}
h1 a:link,
h1 a:visited,
h1 a:active{
   color: #0000aa;
   text-decoration: none;
}
h1 a:hover{
   text-decoration: underline;
}
/* layout for first install (don't edit, overwrite) */
#pagewidth{     width:940px;}
#leftcol {      width:158px;}
#twocols {      width:782px;}
#maincol {      width:623px;}
#rightcol{      width:158px;}
#header  {      height:75px;}
#footer  {      height:40px;}

/* typo3 elements */
div h1.csc-firstHeader,
h1, h2, h3, h4, h5, h6,
p, p.bodytext,
ul, ol, ul li, ol li,
td, th{
   font-family: Arial;
   font-size: 12px;
   color: #000000;
}

/* table */
table.contenttable{
   border-collapse: collapse;
}

table.contenttable tr.tr-0 th{
  border: 1px solid #cccccc;
}

table.contenttable tr.tr-even{
  background-color: #ffffff;
}

table.contenttable tr.tr-odd{
  background-color: #eeeeee;
}

table.contenttable tr.tr-last{
  border-bottom: 1px solid #cccccc;
}

table.contenttable td.td-0{
  border-left: 1px solid #cccccc;
}

table.contenttable td.td-last{
  border-right: 1px solid #cccccc;
}

/* sitemap */
div.csc-sitemap ul{
   list-style-type: none;
   margin: 0;
   padding: 0;
   margin-left: 8px;
}
div.csc-sitemap ul li{
   background-image: url(../../typo3/sysext/t3skin/icons/module_doc.gif);
   background-repeat: no-repeat;
   margin-top: 4px;
   padding-left: 20px;
   padding-bottom: 1px;
}
div.csc-sitemap ul li a:link,
div.csc-sitemap ul li a:visited,
div.csc-sitemap ul li a:active{
   color: #333333;
   text-decoration: none;
}

div.csc-sitemap ul li a:hover,
div.csc-sitemap ul li a:focus{
   text-decoration: underline;
}

/* forms */
/*
|| gives the form a good standard layout
*/
form{
   font-family: Arial;
   font-size:12px;
   width:100%;
   margin-left: 8px;
}

label.lbl, input.txt, select{
   display:block;
   float:left;
   color: #000000;
   margin-bottom: 5px;
}

label.lbl{
   width:100px;
   text-align:right; 
   padding-right:10px;
}

label.lblradio{

}

label.lblcbx{

}

fieldset{
   padding-left: 5px;
   padding-top:10px;
   width:520px;
}

legend{-margin-bottom:10px;}

form br{clear:left;}

input.txt{width:400px;}

input.cbx{
}

input.radio{

}

input.file{}

textarea.mtxt{
   width:400px;
   height: 100px;
   font-family: Arial;
   font-size: 11px;
   color: #000000;
   margin-bottom: 5px;
}

select{
   width:354px;
   margin-bottom: 5px;
}

select.multi{
   width:354px;
   height:90px;
   margin-bottom: 5px;
}