/*---------------------------------------------------------
Cascading Style Sheets for typo3.org, typo3.com
and association.typo3.org
-----------------------------------------------------------*/
/*
TODO: Compact font sizes
*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url('/fileadmin/templates/images/background-greygradient.gif') repeat-x;
	background-color: white;
	padding: 0;
	margin: 0;
	/*Seems pointless - BOH */
	/*min-width: 764px;*/
	font-size: 13px;
}

a {
	color: #BE0027;
}

a:visited {
	color: #DB7388;
}

a:hover {
	color: #FF8700;
}

img {
	border: none;
}

.warning {
	color: #DB7388;
	font-weight: bold;
}

h1.csc-firstHeader, h2.csc-firstHeader {
	font-size: 25px;
	color: #FF8700;
	margin: 0 0 26px 0;
	font-weight: normal;
}

/* Create second-level header */
.csc-header h1 {
	font-size: 20px;
	color: #FF8700;
	margin: 15px 0 10px 0;
	font-weight: normal;
}

h1.underlined, h2.underlined {
	font-size: 12px;
	padding: 0 0 10px 0;
	background: url('/fileadmin/templates/images/underlined_headline_bg.gif') repeat-x 0 24px;
	margin: 10px 0 14px 0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 16px 0;
}

input, select, option {
	font-size: 12px;
}

p {
	font-size: 12px;
	line-height: 20px;
	margin: 16px 0;
}

th, td {
	font-size: 12px;
}

#main-column ol {
	font-size: 12px;
	line-height: 18px;
	margin: 10px 0 16px 0;
}

#main-column ol li {
	padding: 0 0 0 15px;
	margin: 10px 0 10px 30px;
}


#main-column ul {
	font-size: 12px;
	line-height: 18px;
	margin: 10px 0 16px 15px;
	list-style-type: none;
}

#main-column ul li {
	background: url('/fileadmin/templates/images/background-li.gif') no-repeat 4px 8px;
	padding: 0 0 0 15px;
	margin: 10px 0 10px -15px;
	font-size:11px;
}

#typo3org-container,
#typo3com-container {
	width: 764px;
	background-color: #FFF;
}

#typo3org-container {
	width: 1000px;
}

div, ol, ul, li, img, form, select, input, table, td {
	margin: 0;
	padding: 0;
}

div.clear {
	clear: both;
	font-size: 1px;
	height: 1px;
}

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

#logo {
	width: 180px;
	height: 67px;
	float: left;
}

#logo img {
	margin: 16px 0 0 20px;
}

#services {
	font-size: 11px;
	line-height: 19px;
	color: #515151;
	text-align: right;
	width: 243px;
	margin: 10px 12px 0 0;
	float: right;
}

#services form {
	height: 24px;
}

#services label {
	vertical-align: middle;
}

#portal-nav select#portal-select {
	font-size: 11px;
	line-height: 19px;
	width: 180px;
	height: 20px;
	border: solid 1px #8C8C8C;
	vertical-align: middle;
}

option.section {
	color: white;
	background-color: #8C8C8C;
	width: 180px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 2px;
	margin-bottom: 2px;
	border-bottom: 1px solid black;
}

#search input#sword {
	font-size: 11px;
	line-height: 16px;
	width: 148px;
	height: 16px;
	border: solid 1px #8C8C8C;
	vertical-align: middle;
}

#search input.go-button {
	width: 25px;
	height: 18px;
	margin: 0 0 0 5px;
	vertical-align: middle;
	border:none;
}

/*-------------------- main-nav --------------------*/

#main-nav {
	font-size: 11px;
	line-height: 19px;
	color: #FFF;
	width: auto;
	height: 21px;
	margin-right: 12px;
	background-color: #FF9F33;
	border-top: solid 8px #FF8700;
	border-bottom: solid 2px #FF8700;
	clear: both;

}

#main-nav ul {
	list-style-type: none;
	height: 21px;
	border-left: solid 1px #FF8700;
	margin: 0 0 0 10px;
}

#main-nav li {
	float: left;
}

#main-nav li a {
	color: #FFF;
	text-decoration: none;
	border-right: solid 1px #FF8700;
	border-top: solid 1px #FF9F33;
	padding: 0 15px 0 13px;
	display: block;
	float: left;
}

#main-nav li a:hover {
	background-color: #FFBD73;
	border-top: solid 1px #FFBD73;
}

#main-nav li.act a {
	font-weight: bold;
	background-color: #FFBD73;
	border-top: solid 1px #FFF;
}

#main-nav li.act a:hover {
	border-top: solid 1px #FFF;
}

/*-------------------- left-column --------------------*/

#left-column {
	width: 206px;
	float: left;
}

/*-------------------- left-box --------------------*/

div.left-box {
	border: solid 1px #B9B9B9;
	width: 173px;
	padding: 0 0 11px 0;
	margin: 0 0 18px 8px;
}

div.left-box div.left-box-headline {
	border-bottom: 1px solid #B9B9B9;
	padding: 0 0 3px 0;
	margin: 0 0 10px 0;
}

div.left-box h1 {
	font-size: 12px;
	line-height: 20px;
	color: #FF8700;
	width: 161px;
	border-top: 5px solid #FF9F33;
	padding: 0 0 0 12px;
	margin: 0;
}

div.left-box h2 {
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	width: 161px;
	padding: 0 0 0 12px;
	margin: 0;
}

div.left-box p {
	font-size: 11px;
	line-height: 17px;
	width: 149px;
	padding: 0 12px 0 12px;
	margin: 0 0 10px 0;
}

div.news-box {
	font-size: 11px;
	line-height: 17px;
	color: #8C8C8C;
	width: 149px;
	padding: 0 12px 0 12px;
	margin: 0 0 10px 0;
}



/*-------------------- sub-nav --------------------*/

div#sub-nav {
	width: 173px;
	border-bottom: solid 4px #FF9F33;
	margin: 3px 0 20px 9px;

}

div#sub-nav-title {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: white;
	background-color: #FF9F33;
	border-top: solid 3px #FF8700;
	padding: 0 0 2px 11px;
}

div#sub-nav a {
	font-size: 11px;
	line-height: 19px;
	color: black;
	text-decoration: none;
}

div#sub-nav a:hover {
	text-decoration: underline;
}

div#sub-nav a.act {
	font-weight: bold;
}

div#sub-nav li {
	width: 173px;
}

div#sub-nav ul#sub-level1 {
	list-style-type: none;
	width: 173px;
	border-bottom: solid 2px #FF8700;
	padding: 4px 0 9px 0;
}

div#sub-nav ul#sub-level1 li a {
	width: 150px;
	background: url('/fileadmin/templates/images/background-subnav.gif') repeat-x 20px 2px;
	padding: 4px 0 0 0;
	margin: 0 0 0 12px;
	display: block;
}

div#sub-nav ul#sub-level1 li.act {
	background: url('/fileadmin/templates/images/box-subnav.gif') no-repeat 0px 9px;
}

div#sub-nav ul#sub-level2 li.act {
	background: url('/fileadmin/templates/images/box-subnav.gif') no-repeat 12px 3px;
}

div#sub-nav ul#sub-level2 {
	list-style-type: none;
}

div#sub-nav ul#sub-level2 li a {
	font-size: 11px;
	line-height: 15px;
	width: 140px;
	background: none;
	padding: 0;
	margin: 0 0 0 22px;
	display: block;
}

div#sub-nav ul#sub-level3 li.act {
	background: url('/fileadmin/templates/images/box-subnav.gif') no-repeat 23px 3px;
}

div#sub-nav ul#sub-level3 {
	list-style-type: none;
}

div#sub-nav ul#sub-level3 li a {
	font-size: 11px;
	line-height: 15px;
	width: 140px;
	background: none;
	padding: 0;
	margin: 0 0 0 32px;
	display: block;
}

/*-------------------- main-column --------------------*/

#main-column {
	width: 480px;
	margin: 0 0 0 26px;
	float: left;
}

#typo3org-container #main-column {
	width: 735px;
}

/*-------------------- footer --------------------*/

#footer {
	font-size: 11px;
	text-align: left;
	color: #8C8C8C;
	width: auto;
	border-top: solid 1px #8C8C8C;
	margin: 12px;
	padding: 6px 0 0 0;
	clear: both;
}

/*TODO: Need to add some kind of clear under the footer*/
#footer-copyright {
	float: left;
	width: 80%;
}

#footer img {
	margin: 0 0 5px 0;
	float: right;
}


/*-------------------- documentation header styles --------------------*/
.tx-terdochtml h3 { font-size: 1.3em; background: #ff9f33; color: #fff; padding: 0.4em; }
.tx-terdochtml h4 { font-size: 1.1em; }
.tx-terdochtml h5 { font-size: 1.0em; font-style: italic; }


/*-------------------- forms --------------------*/

fieldset.csc-mailform {
	border: 0px;
}

.csc-mailform-field input,
.csc-mailform-field textarea,
.csc-mailform-field select {
	border: 1px solid #515151;
	background-color: #fff;

	padding: 2px;
	margin-bottom: 4px;
	width: 476px;
}

.csc-mailform-field input:hover,
.csc-mailform-field input:focus,
.csc-mailform-field textarea:hover,
.csc-mailform-field textarea:focus {
	border: 1px solid #ff8700;
}

.csc-mailform-field input.csc-mailform-radio,
.csc-mailform-field input.csc-mailform-check {
	border: 0px;
}

.csc-mailform-field input.csc-mailform-radio,
.csc-mailform-field input.csc-mailform-check,
.csc-mailform-field input.csc-mailform-submit {
	width: auto;
}

.csc-mailform-field span.csc-mailform-radio fieldset {
	border: 0px;
	margin-bottom: 4px;
}

.csc-mailform-field input.csc-mailform-submit {
	background-color: #ff9f33;
	color: #fff;
	font-weight: bold;
	border: 1px solid #ff8700;
	margin-bottom: 20px;
}


/*-------------------- tables --------------------*/



.contenttable-0 th {
	background-color: #ff9f33;

	color: #fff;

	font-weight: bold;

	border-bottom: 2px solid #ff8700;
}

.contenttable-0 tbody td {
	padding:  2px;
}


/*-------------------- powermail --------------------*/

.tx-powermail-pi1 label {
	width: 100px; float:left;
}
.tx_powermail_pi1_fieldwrap_html {
	padding-bottom: 3px;
}
.tx-powermail-pi1 legend {
	visibility:hidden;
}
.tx-powermail-pi1 fieldset {
	border:0;
}
/*-------------------- Fieldset ---------------------*/
.tx-felogin-pi1 legend {
	display: none;
}
.tx-felogin-pi1 fieldset {
	border: 0;
}

.tx-felogin-pi1 fieldset div {
	margin-bottom: 10px;
}
.tx-felogin-pi1 fieldset label {
	margin-bottom: 3px;
}