/*---------------------------------------------------------
Cascading Style Sheets for typo3.org, typo3.com 
and association.typo3.org
-----------------------------------------------------------*/

* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body {
	background: url('../images/background-greygradient.gif') repeat-x;
	background-color: white;
	padding: 0;
	margin: 0;
	/*Seems pointless - BOH */
	/*min-width: 764px;*/

}

#main-column a {
	color: #FF8700;
	text-decoration: none;
}

#main-column a:visited {
	color: #AF5E00;	
}

#main-column a:hover {
	color: #4F4F4F;
	
}

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 {
	padding: 0 0 10px 0;
	background: url('../images/underlined_headline_bg.gif') repeat-x 0 24px;	
	margin: 10px 0 14px 0;
}

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


.csc-header h2 { 
	font-size: 14px; 
	color: #FF8700; 
	margin: 10px 0 5px 0; 
	font-weight: bold; 
}

input, select, option {

}

p {
	line-height: 20px;
	 margin: 8px 0;
}

th, td {
	
}

#main-column ol {

	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 {
	line-height: 18px;
	margin: 10px 0 16px 15px;
	list-style-type: none;
}

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

#typo3org-container,
#typo3com-container {
	width: 765px;
	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: none;
	color: #FF8700;
}

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('../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('../images/box-subnav.gif') no-repeat 0px 9px;
}

div#sub-nav ul#sub-level2 li.act {
	background: url('../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('../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;	
}

/*-------------------- Powermail--------------------*/

.powermail_all_table {
	margin-top: 10px;
	margin-bottom: 10px;
}

.powermail_all_table td {
	border-width: 0px 0px 1px 0px;
	padding: 0px 0px 2px 0px;
	border-style: solid;
}

.tx_powermail_pi1_formconfirmation_back:hover input,
.tx_powermail_pi1_formconfirmation_submit:hover input {
	border-color: #d26400;
}

.powermail_mandatory_js {
	height: 25px;
	color: red;
	

}


.tx-powermail-pi1 input,
.tx-powermail-pi1 textarea,
.tx-powermail-pi1 select {
	border:1px solid #ccc;
	width:200px;
}


.tx-powermail-pi1 textarea {
	height:100px;
	width:400px;

}


.tx-powermail-pi1 label {
	display: block;
	width: 180px;
	cursor: pointer;
	margin:12px 0 0 0;

}


.tx-powermail-pi1 .checkElement fieldset {
	left: 200px;
}

.tx_powermail_pi1_fieldwrap_html_radio label {
	width: auto;
}

.tx_powermail_pi1_fieldwrap_html_check input,
.tx_powermail_pi1_fieldwrap_html_radio input{
	border:0px;
	text-align:left;
}

.tx-powermail-pi1 legend {
	font-weight:bold;
	font-size:14px;
}

.tx-powermail-pi1 fieldset {
	margin:0 0 20px 0;
}

/* FEUSERMANAGEMENT */
div.tx-feusermanagement-pi1 fieldset legend,
div.tx-feusermanagement-pi2 fieldset legend {
	font-weight: bold;
}

div.tx-feusermanagement-pi1 div.formfield,
div.tx-feusermanagement-pi2 div.formfield {
}

div.tx-feusermanagement-pi1 div.formfield span.label,
div.tx-feusermanagement-pi2 div.formfield span.label {
	display: block;
	float: left;
	width: 100px;
	clear: both;
}

div.tx-feusermanagement-pi1 div.formfield span.field,
div.tx-feusermanagement-pi2 div.formfield span.field {
	display: block;
	float: left;
	width: 180px;
}

div.tx-feusermanagement-pi1 div.formfield span.field input,
div.tx-feusermanagement-pi1 div.formfield span.field textarea,
div.tx-feusermanagement-pi2 div.formfield span.field input,
div.tx-feusermanagement-pi2 div.formfield span.field textarea {
	width: 180px;
}
div.tx-feusermanagement-pi1 div.formfield span.field select,
div.tx-feusermanagement-pi2 div.formfield span.field select {
	width: 186px;
}

div.tx-feusermanagement-pi1 div.formfield span.error,
div.tx-feusermanagement-pi2 div.formfield span.error {
	display: block;
	width: 250px;
	color: red;
	clear: both;
	margin-top: 5px;
	padding-top: 5px;
}

div.tx-feusermanagement-pi1 form div.submit input,
div.tx-feusermanagement-pi2 form div.submit input {
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	float: right;
	font-size: 11px;
	font-weight: bold;
	margin: 5px;
	margin-right: 10px;
	padding: 2px 6px;
	width: 130px;
}

/* FELOGIN */
div.tx-felogin-pi1 form fieldset label {
	width: 100px;
	display: block;
	float: left;
	clear: both;
}

div.tx-felogin-pi1 form fieldset input {
	float: left;
	width: 180px;
}


/* SEMINARS */
/*
.tx-seminars-pi1-listrow table {
	width: 100%;
}*/

td.tx-seminars-pi1-price {
	width: 120px;
}

body div#typo3com-container .tx-seminars-pi1-listrow .listrow-odd, .tx-seminars-pi1-listrow th {
	background-color:#F0F0F0;
	color:inherit;
	width:80px;
}   

div.tx-seminars-pi3 div.attendeelist ul.attendee {
	clear: both;
}


#main-column div.tx-seminars-pi3 div.attendeelist ul.attendee li.attribute {
	background: none;
	float: left;
	margin-top: 3px;
	margin-bottom: 0px;
}

div.tx-seminars-pi3 div.attendeelist ul.attendee li.attribute span {
	margin-right: 7px;
	display: block;
	float: left;
}

div.tx-seminars-pi3 div.attendeelist ul.attendee li.attribute span.attributefirstname {
	background: url("/typo3conf/ext/seminars/images/certificate.png") no-repeat scroll 1px 1px transparent;
	font-weight: bold;
	padding-left: 20px;
}
div.tx-seminars-pi3 div.attendeelist ul.attendee li.attribute span.attributelastname {
	font-weight: bold;
}
div.tx-seminars-pi3 div.attendeelist ul.attendee li.anchor span.title {
	font-weight: bold;
	font-size: 13px;
	margin: 10px 30px 5px 0;
}
div.tx-seminars-pi3 div.attendeelist ul.attendee li.attribute span.anchor {
	
}