/**
 * Main stylesheet for CCA
 * (c) 2008 S. Teuber
 */

body {
	margin:				0;
}

.cca-container {
	margin:				0;
	background:			url(../media/orange.jpg) top left no-repeat;
}

.white {
	color:				#fff;
}


/****************************/
/** Main Navigation Styles **/

ul#mainnav {
	list-style-type:	none;
	margin:				0;
}

ul#mainnav li {
	display:			inline;
	border-bottom:		1px solid #777;
	border-left:		1px solid #777;
	padding:			0 0 0 5px;
	font-family:		"Bank Gothic", Verdana;
	font-variant:		small-caps;
	font-weight:		bold;
	letter-spacing:		1px;
}

#mainnav li.active {
	border-bottom:		1px solid #f08612;
	border-left:		1px solid #f08612;
}

#mainnav a {
	text-decoration:	none;
	color:				#f08612;
}

#mainnav a:active, #mainnav a:hover {
	color:				#777;
}

ul#mainnav li.active a {
	color:				#777;
}

ul#mainnav li.active a:active, #mainnav li.active a:hover {
	color:				#f08612;
}

#mn1, #mn7, #mn106 {
	position:			absolute;
	top:				27px;
	left:				210px;
}

#mn2, #mn6, #mn107 {
	position:			absolute;
	top:				80px;
	left:				190px;
}

#mn3, #mn5, #mn105 {
	position:			absolute;
	top:				135px;
	left:				150px;
}

#mn4 {
	position:			absolute;
	top:				184px;
	left:				46px;
}


/***************************/
/** Sub Navigation Styles **/

#subnav, #fasubnav {
	position:			absolute;
	top:				250px;
	left:				10px;
	width:				140px;
	text-align:			right;
	font-family:		"Bank Gothic", Verdana;
	font-variant:		small-caps;
	font-weight:		bold;
	letter-spacing:		1px;
}

#subnav, #fasubnav {
	margin:				0;
	list-style-type:	none;
}

#subnav a, #fasubnav a {
	color:				#777;
	text-decoration:	none;
}

#subnav a:active, #subnav a:hover, #fasubnav a:active, #fasubnav a:hover {
	color:				#000;
}

ul#subnav li.active a, ul#fasubnav li.active a {
	color:				#000;
}


/****************/
/** Main areas **/

#logo {
	padding-top:		1.6em;
	margin-left:		543px;
	height:				6.6em;
}

#headline {
	height:				32px;
	background-color:	#f08612;
	margin-bottom:		1.8em;
	padding-left:		41px;
	padding-top:		8px;
	position:			relative;
	z-index:			255;
	margin-left: -40px;
}

#headline h1 {
	font-size:			2em;
	font-weight:		bold;
	font-family:		"Bank Gothic", "Bitstream Vera Sans", "DejaVu Sans", Verdana;
	font-variant:		small-caps;
	letter-spacing:		1px;
}

#headline-shadow {
	position:			absolute;
	top:				8.2em;
	left:				410px;
	right:				0;
	height:				55px;
	background:			url(../media/orange-schatten.gif) top left repeat-x;
	z-index:			1;
	margin-left: -40px;
}

#headline-shadow-start {
	width:				15px;
	height:				55px;
	background:			url(../media/orange-schatten-links.gif) top left no-repeat;
}

ul#breadcrumb {
	list-style-type:	none;
	color:				#b1b1b1;
	margin-left:		0;
	margin-bottom:		.2em;
	font-size:			.8em;
	text-transform:		lowercase;
}

ul#breadcrumb li {
	display:			inline;
	margin-right:		5px;
}

#breadcrumb a {
	color:				#b1b1b1;
	text-decoration:	none;
}

#breadcrumb a:active, #breadcrumb a:hover {
	color:				#000;
}

#content {
	font-family:		Verdana, Arial;
}

#content a {
	text-decoration:	none;
	color:				#f08612;
}

#content a:hover, #content a:active {
	color:				#777;
}

#content h2 {
	font-size:			1.5em;
	margin-bottom:		.9em;
}

#content p {
	line-height:		1.65em;
	margin-bottom:		1.65em;
}

.csc-textpic-caption {
	font-weight:		bold;
}


/******************/
/** Footer stuff **/

#firstaid {
	display:			block;
	position:			fixed;
	bottom:				35px;
	left:				45px;
	width:				111px;
	height:				43px;
	background:			url(../media/firstaidbox.gif) top left no-repeat;
	padding-left:		50px;
	padding-top:		4px;
	line-height:		1.2em;
	font-family:		"Bank Gothic", Verdana;
	font-variant:		small-caps;
	font-weight:		bold;
	letter-spacing:		1px;
	color:				#000;
	text-decoration:	none;
}

a#firstaid:hover, a#firstaid.active {
	color:				#777;
}

a#firstaid:focus {
	outline:			none;
}

#footer {
	position:			fixed;
	bottom:				5px;
	left:				0;
	font-size:			.8em;
	width:				155px;
	text-align:			right;
}

#footer p {
	margin:				0 0 2px 0;
	border-bottom:		1px solid #f08612;
	font-family:		"Bank Gothic", Verdana;
	font-variant:		small-caps;
}

#footer ul {
	list-style-type:	none;
	margin:				0;
	text-transform:		lowercase;
}

#footer li {
	display:			inline;
	margin-right:		22px;
}

#footer a {
	text-decoration:	none;
	color:				#777;
}

#footer a:active, #footer a:hover {
	color:				#000;
}

.csc-mailform {
	border:				none;
	padding:			0;
}

.csc-mailform label {
	width:				140px;
	display:			block;
	float:				left;
}

.csc-mailform-field {
	margin-bottom:		1.5em;
}

.csc-mailform-field input {
	border:				1px solid #777;
}

#content ul {
	list-style-type:	none;
	margin:				0 0 1.5em 0;
}

#content li {
	display:			block;
	background:			url(../media/O-Button15px.gif) 0 2px no-repeat;
	padding-left:		25px;
	margin-bottom:		.5em;
}

#content .csc-textpic li {
	background:			none;
	padding-left:		0;	
}

#content th {
	background-color:	transparent;
	border-bottom: 		.1em solid #F08612;	
}

/** RG Accordion **/
.rgaccord2-toggle {
	font-size:			1em;
	font-weight:		normal;
	color:				#f08612;
	background:			url(../media/O-Button15px.gif) 0 2px no-repeat;
	padding-left:		25px;
	margin-bottom:		.5em;
	line-height:		1.5em;
	cursor:				pointer;
}

.rgaccord2-content {
	padding-left:		25px;
	margin-bottom:		1em;
}

.rgaccord2-content h2 {
	display:			none;
}




/* Blog */

#categories h3 {
	font-size:			1em;
}

#categories .postnum {
	display:			none;
}

.blogList .item {
	padding-bottom:		1.5em;
	margin-bottom:		1.5em;
	border-bottom:		1px solid #CCC;
}

.tx-t3blog-pi2 .itemTop .date,
.tx-t3blog-pi2 .itemTop .time,
.tx-t3blog-pi2 .itemTop .categories {
	display:			inline;
}

  div.powermail_check_inner,
  div.powermail_radio_inner,
  .tx_powermail_pi1_fieldwrap_html textarea {
      margin-top:           0;
}
