/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}

body {
  line-height: 1.5;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.

-------------------------------------------------------------- */

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
body {
  font-size: 75%;
  color: #222;
  background: #fff;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; margin-bottom: 1em; }
h4 { font-size: 1.2em; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus,
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th    { background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

		/** Description
------------------------------------------------------------
Font sizes:

General font size: 13px
For calculation use: http://riddle.pl/emcalc/
EM Calculated sizes rounded to 2 decimal places (desiredSize/13=emSize):
10px = 0.77em
11px = 0.85em
12px = 0.92em
13px = 1em
14px = 1.08em
15px = 1.15em
16px = 1.23em
17px = 1.31em
18px = 1.38em
19px = 1.46em
20px = 1.54em

-----------------------------------------------------------
Colors:

dark-blue:			#2266A0
light-green:		#9EC909
dark-grey:			#666666
light-grey:			#D6D6D6

------------------------------------------------------------ */
		/** Basic
------------------------------------------------------------ */
body {
	text-align: center;
	font-family:Arial,Helvetica,sans-serif;
	color: #666666;
/* Default font settings.
   The font-size percentage is of 16px. (0.8125 * 16px = 13px) */
	font-size: 81.25%;
	line-height: 1.3;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	color: #2266A0;
	margin-bottom: 0.5em;
}
h1 {
	font-size: 1.54em;
}
h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1.2em;
}
h4 {
	font-size: 1em;
	background-image: url("../img/sprite_icons.gif");
	background-position: 0 -492px;
	background-repeat: no-repeat;
	padding-left: 12px;
	font-weight: bold;
}
h5 {
	font-size: 1em;
}
h6 {
	font-size: 1em;
}
p, dt {
	margin-bottom: 0.77em; /* 10px */
}
dl {
	margin: 0 0 0.77em 0;
}
dd {
	margin: 0 0 0.31em; /* 4px */
}
ul {
	list-style-type: none;
	padding-left: 0;
	margin: 0 0 10px 0;
}
ul ul {
	padding-left: 10px;
}
ul li {
	padding: 0 0 4px 10px;
	background-image: url('../img/icon_squareGreenSmall.gif');
	background-position: 0 7px;
	background-repeat: no-repeat;
}
.align-right {
	text-align: right;
}
.align-left {
	text-align: left;
}
.align-center {
	text-align: center;
}
a {
	color: #2266A0;
	text-decoration: none;
}
a:hover, a:focus {
	color: #2266A0;
	text-decoration: underline;
}
a.link-more, a.link-more-green, a.link-become-member, a.link-advertise-member, a.link-newsletter {
	background-repeat: no-repeat;
}
a.link-more {
	background-image: url('../img/sprite_icons.gif');
	background-position: 0 -60px;
	padding-left: 10px;
}
a.link-more-green {
	color: #85AA24;
	font-weight: bold;
	background-image: url('../img/sprite_icons.gif');
	background-position: 0 -1237px;
	padding-left: 10px;
	font-size: 0.85em;
}
a.link-become-member, a.link-advertise-member, a.link-newsletter {
	display: block;
	padding: 0 0 4px 22px;
	color: #666;
}
a.link-become-member {
	background-image: url('../img/sprite_icons.gif');
	background-position: 0 -236px;
}
a.link-advertise-member {
	background-image: url('../img/sprite_icons.gif');
	background-position: 0 0;
}
a.link-newsletter {
	background-image: url('../img/sprite_icons.gif');
	background-position: 0 -301px;
}
a.link-readspeak {
	padding-left: 4px;
}
.clearfix {
	display: block;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
input {
	padding: 0;
	border: 1px solid #D6D6D6;
	font-size: 1em;
	line-height: 1.5;
	vertical-align: middle;
}
input[type="radio"], input[type="checkbox"] {
	border: none;
	margin-right: 4px;
}
input.input-text {
	padding: 4px 5px 4px 5px;
	margin: 0;
	height: 16px;
}
input.input-submit {
	background-image: url('../img/sprite_icons.gif');
	background-position: 7px -172px;
	background-repeat: no-repeat;
	background-color: #2266A0;
	color: #FFF;
	border: none;
	line-height: 1;
	padding: 3px 6px 3px 14px;
	cursor: pointer;
	margin: 0;
}
textarea {
	font-size: 1em;
}
.search-button {
	float: left;
	border: none;
	margin: 0;
}
.typo3-adminPanel {
	width: auto;
}
table, td, th {
	vertical-align: top;
}
th, td, caption {
	padding:0;
}
sup, sub {
	line-height: inherit;
}
.csc-linkToTop {
	text-align: right;
	font-size: 0.85em;
}
.csc-linkToTop a {
	padding-left: 12px;
	background: url('../img/sprite_icons.gif') 0 -822px no-repeat;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 10px;
}
.htmlarea-content-body {
	text-align: left;
}
.htmlarea-content-body sub, .htmlarea-content-body sup {
	line-height: 1;
}
/* Contenttable */
table.contenttable {
	border-collapse: collapse;
}
table.contenttable td, table.contenttable th {
	padding: 8px 5px 0 8px;
}
table.contenttable td {
	border-bottom: 1px solid #CCCCCC;	
}
table.contenttable thead th {
	background: #2266A0;
	color: #FFFFFF;
}
table.contenttable thead th h1,
table.contenttable thead th h2,
table.contenttable thead th h3,
table.contenttable thead th h4,
table.contenttable thead th p,
table.contenttable thead th strong,
table.contenttable thead th b {
	color: #FFFFFF;
}
table.contenttable tr.even td {
	background: #EBEEF4;
}