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

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

a {
	color: #BE0027;
}

a:visited {
	color: #DB7388;	
}

img {
	border: none;	
}

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

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

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

input, select {
	font-size: 13px;
}

p {
	font-size: 13px;
	line-height: 18px;
/* Changed DB, 19.03.06
margin: 10px 0 16px 0;	
*/
margin: 0px 0 0px 0;
padding:0;


}

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

#main-column ol {
	font-size: 13px;
	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: 13px;
	line-height: 18px;
	margin: 10px 0 16px 0;
	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 0;
}

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

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

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

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

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

#services {
	font-family: Verdana, Arial, sans-serif;	
	font-size: 11px;
	line-height: 19px;	
	color: #515151;
	text-align: right;
	width: 243px;	
	margin: 10px 0 0 0;
	float: left;
}

#services form {
	height: 24px;
}

#services label {
	vertical-align: middle;
}

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

#search input#sword {
	font-family: Verdana, Arial, sans-serif;	
	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;	
}

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

#main-nav {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 19px;
	color: #FFF;	
	width: 753px;
	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-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #FF8700;
	width: 161px;
	border-top: 5px solid #FF9F33;
	padding: 0 0 0 12px;
	margin: 0;
}

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

div.left-box p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 17px;
	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: 13px;
	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-family: Verdana, Arial, sans-serif;
	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;
}

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

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

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

#footer {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	text-align: left;	
	color: #8C8C8C;	
	width: 740px;
	border-top: solid 1px #8C8C8C;
	margin: 12px 0 12px 12px;
	padding: 6px 0 0 0;
	clear: both;
}

#footer-copyright {
	float: left;
	width: 	460px;
}

#footer img {
	margin: 0 0 5px 246px;	
}