body {
color:#555;
background:#fafafa;
font-family:"Helvetica Neue", "Lucida Grande", Helvetica, "microsoft sans serif", Arial, Verdana, sans-serif;
font-size:75%;
}
html>body { font-size: 12px;}

/*
|| typo 
*/

/* Headings */
h1, h2, h3, h4, h5, h6, p { font-weight:normal;}

h1 { font-size: 2.0em; margin:0; }
h2 { font-size: 1.7em; margin: 1.2em 0em; line-height: 1.286em; }
h3 { font-size: 1.4em; margin: 1.2em 0em; }
h4 { font-size: 1.2em; margin: 1.2em 0em;font-weight: bold; }
h5 { font-size: 1.0em;	margin: 1.2em 0em; font-weight: bold; }
h6 { font-size: 0.8em;	margin: 1.2em 0em; font-weight: bold; }


/* Text elements*/

p { line-height:1.5em;font-size:1em; margin:1.5em 0;}
p.last { margin-bottom: 0; }
p img { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top { margin-top: 0; } /* Use this if the image is at the top of the <p>. */


abbr, acronym { border-bottom: 1px dotted #666; }
address { margin-top: 1.5em; font-style: italic; }
del { color:#666; }
strong, th, thead, dt { font-weight: bold; }
cite, em, dfn, i { font-style: italic; }
blockquote { margin: 1.5em; color: #666; font-style: italic; }
pre,code { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5em; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5em; }

/* LISTS  & Links */

p ul, p ol { margin:0 1.5em 1.5em 1.5em; }
ul { list-style-type: none; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em;}

a { text-decoration:none;color:#666;}
a:visited { color:#999;}
a:hover, a:focus { color:#333; text-decoration:underline;}

/* TABLES */
/* tables still need 'cellspacing="0"' in the markup */
table, thead, tbody, tr, th, td {font-size:1em}
table { border-collapse:separate; border-spacing:0; margin-bottom: 1.4em;}
caption, th, td { text-align:left;}
th { border-bottom: 2px solid #ccc; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
th,td { padding:0.5em; }
tfoot { font-style: italic; }
caption { background: #ffc; }

/* FORMS */

label { display:block; float:left; width:10em; margin:0 1em 0.5em 0; text-align:right;}
form br {clear:left;}

/* Fieldsets */
fieldset { margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size:1.2em; margin-bottom:0.5em; }
fieldset.submit { border-style:none;padding-left:11em; }
fieldset.search { padding:0; margin:0; border-style:none; }
/* Text fields */
input { margin-bottom:0.5em; }
input.text, input[type='text'] { width: 300px; display:block; float:left; border:1px solid #ccc; background:#f6f6f6;}
input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; }
input[type='hidden'] { display:none; }
input[type='submit'] { margin-left:10em; }
/* Textareas */
textarea { width: 300px; height: 200px; border:1px solid #ccc; background:#f6f6f6;display:block; float:left;margin-bottom:0.5em; }

/* Select fields */
select { border:1px solid #ccc; background:#f6f6f6; width:200px;display:block;float:left;margin:0 0 0.5em 0; }


/*hover and focus styles*/
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; }
textarea:focus, input.text:focus, select:focus { border-color:#999;}

/*###########################################################################################*/
/* This needs to be first because FF3 is now supporting this */
.clearfix {display: inline-block;}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}

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

/*##############################################################################################*/

/*Typo3 elements*/
ul.csc-bulletlist csc-bulletlist-1 { list-style-type: square; }
ul.csc-bulletlist csc-bulletlist-2 { list-style-type: disc; }
ul.csc-bulletlist csc-bulletlist-3 { list-style-type: circle; }

table.contenttable tr.tr-0 th, table.contenttable tr.tr-0 td {border-top: 1px solid #ccc;}
table.contenttable tr.tr-even {background-color: #fff;}
table.contenttable tr.tr-odd {background-color: #eee;}
table.contenttable tr.tr-last {border-bottom: 1px solid #ccc;}
table.contenttable td.td-0 {border-left: 1px solid #ccc;}
table.contenttable td.td-last {border-right: 1px solid #ccc;}


.csc-mailform div {clear:left;float:left;width:50%;}