/*
|| 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;
   padding-left: 20px;
}
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;
}