/* Style-Definitionen für alle Elemente */

body {
	width: 100%;
	margin: 0;
	height: 100%; 
	margin-bottom: 1px; 
	border-style: none;
	padding: 0;
	color: black;
	font-size: small;
	font-family: arial, verdana;
	}

a {
	color: #d00;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border-style: none;
	}

div.adverts {
	margin-bottom: 20px;
	}

div.adverts h2 {
	margin: 0;
	border-bottom: 1px solid #444;
	padding: 8px 25px 8px 10px;
	font-size: 0.85em;
	font-weight: bold;
	background: url("../images/redsquare.gif") right 10px no-repeat #444;
	color: white;
	}

div.adverts h3 {
	margin: 0;
	padding: 4px 10px;
	background-color: #ddd;
	font-size: x-small;
	font-weight: bold;
	color: black;
	}

div.adverts p {
	margin: 0;
	padding: 3px 10px;
	background-color: #ddd;
	font-size: 0.85em;
	font-weight: normal;
	color: black;
	}
	
div.skyscraper {
  text-align: center;
	margin-bottom: 20px;
	}

div.skyscraper IMG {
border: 1px solid black;
}

/* DIV-Blöcke topblock, leftblock, contentblock, rightblock */

div#topblock {
	margin: 0 0 15px 0;
	padding: 0;
	}

div#leftblock {
	float: left;
	width: 210px;
	}
div#centerblock {
	width: auto;
	padding: 0 20px;
	/*margin:	0 210px;*/
	margin:	0 336px 0 210px;
}
	
	
div.large {
	width: auto;
	margin-right: 5px !important;
}

div#rightblock {
	float: right;
	/*width: 210px;*/
	width: 336px;
	}

/* Unterbereiche von topblock */

/* topbanner urspruengliche height = 92 px, ohne infor sonderbanner! Mit Sonderbanner height = 200px. */
div#topbanner {
	margin: auto;
	text-align: center;
	}
	
div#topbanner img {
	margin: 8px 16px 16px 16px;
	width: 468px;
	height: 60px;
}
	
/* nur für infor sonderbanner */
div#topbanner p a img {
	margin: 8px;
	width: 728px;
	height: 90px;
	}
	

/* leaderboard 728x90 */
div#topblock div.leaderboard {
	display: block;
	clear: both;
	text-align: center;
}

div#topblock div.leaderboard img {
	margin: 0;
	width: 728px;
	height: 90px;
}

div#rightblock div.leaderboard {
	margin-bottom: 15px;
}

div#centercontent div.contbanner {
	float: left;
	margin: 40px 10px 0 0;
}

*+html div#centercontent div.contbanner {
	margin-top: 35px;
}

div#topbanner div {
	display: inline;
	}

div#toplogo {
	/*height: 58px;*/
	padding-top: 2px;
	height: 91px;
	background-image: url(../images/trenner_top.gif);
	background-repeat: repeat-x;
	overflow: hidden;
}

div#toplogo img.logoimg {
	margin: 10px 5px 0 10px;
	float: left;
}

div#toplogo div.transline {
	height: 6px;
	position: relative;
	margin-top: -90px;
	background: url(../images/transheader.png);
}

div#toplogo div.headerimages {
	width: 1020px;
	overflow: hidden;
}

ul#topnavi {
	margin: 0;
	position: relative;
	margin-top: -20px;
	height: 14px;
	padding: 3px 10px;
	/*background-image: url(../images/bg_menu_top.gif);*/
	background-image: url(../images/transheader.png);
	background-repeat: repeat;
/*	font-size: x-small;*/
	font-size: small;
	text-align: right;
/*	font-weight: normal;*/
	font-weight: bold;
	}

ul#topnavi li {
	border-right: 1px solid white;
	margin: 0;
	padding: 0 4px;
	display: inline;
}

ul#topnavi li.last {
	border-style: none;
	}

ul#topnavi a {
	color: white;
	}

div#rootline {
	padding: 5px 0 0 230px;
	float: left;
	}

div#rootline p {
	margin: 0;
	padding: 2px 0;
	font-size: x-small;
	color: #444;
	}

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

div#rootline span.active {
	color: #dd0000;
}

div#search {
	float: right;
	padding: 2px 5px;
	}

/* Unterbereicht von leftblock */
/*navigationlevel 1*/
ul#navigation {
	margin: 0 0 20px;
	padding: 0;
	background-color: #ddd;
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: bold;
	list-style: none;
	}

ul#navigation li {
	margin: 0; 
	padding: 0;
	border-top: 1px dotted #444;
	list-style: none;
	}

ul#navigation li a, 
ul#navigation li span {
	display: block;
	color: black;
	margin: 0;
	padding: 3px 1em;
	background-color: #ddd;
}

ul#navigation li a:hover {
	background-color: #444;
	color: #bfc1c2;
	text-decoration: none;
}

ul#navigation li.first {
	border-style: none;
}

ul#navigation li.active {
	border-style: none;
	background-color: #eee;
}

ul#navigation li.active a {
	color: white;
	background-color: #444;
	background-image: url("../images/redsquare.gif");
	background-position: right center;
	background-repeat: no-repeat;
	}

/*navigationlevel 2*/
ul#navigation li.active ul {
	margin: 0;
	padding: 0 1em;
	list-style: none;
	background-color: #eee;
	}

ul#navigation li.active ul li {
	margin: 0; 
	padding: 0;
	border-top: 1px dotted #444;
	background-image: none;
}

ul#navigation li.active ul li a, 
ul#navigation li.active ul li span {
	display: block;
	text-transform: none;
	background-image: none;
	background-color: #eee;
	color: black;
	margin: 0;
	padding: 3px 14px;
	font-size: 0.95em;
}

ul#navigation li.active ul li a:hover,
ul#navigation li.active li.active a {
	background: url("../images/bullet_small_red.gif") no-repeat 0 5px;
	color: #444444;
}

*+html ul#navigation li.active ul li a:hover,
*+html ul#navigation li.active li.active a,
*html ul#navigation li.active ul li a:hover,
*html ul#navigation li.active li.active a {
	background-position: 0 7px;
}

ul#navigation li ul li.first {
	border-style: none;
}

/*navigationlevel 3*/

ul#navigation li li.active ul {
	margin-top: -2px;
	padding-bottom: 4px;
}

ul#navigation li li.active li {
	border-top: none;
}

ul#navigation li.active li.active li a {
	display: block;
	text-transform: none;
	background-image: none;
	background-color: #eee;
	color: #444444;
	font-weight: normal;
	margin: 0;
	padding: 4px 10px;
}

ul#navigation li li.active li a:hover,
ul#navigation li li.active li.active a {
	background: url("../images/bullet_smaller_gray.gif") no-repeat 0 9px;
	color: #444444;
}





div#alertnews {
	margin-bottom: 20px;
	}

div#alertnews h2 {
	margin: 0;
	border-bottom: 1px solid #444;
	padding: 2px 10px;
	font-size: small;
	font-weight: bold;
	background-image: url(../images/redblink.gif);
	background-position: right center;
	background-repeat: no-repeat;
	background-color: #eee;
	color: red;
	text-transform: uppercase;
	}

div#alertnews h3 {
	margin: 0;
	padding: 4px 10px;
	background-color: #ddd;
	font-size: small;
	font-weight: bold;
	color: black;
	}

div#alertnews p {
	margin: 0;
	padding: 3px 10px;
	background-color: #ddd;
	font-size: small;
	font-weight: normal;
	color: black;
	text-align: left;
	}

/* Unterbereiche von centerblock */

div#centerblock h1 {
	border-bottom: 1px solid black;
	padding-bottom: 0.5ex;
	margin-bottom: 4ex;
	font-size: small;
	font-weight: bold;
	color: red;
	}

div#centerblock h1.break {
	margin-top: 5ex;
	}

div#centerblock div {
	margin: 0;
	padding: 0;
	}

div#centerblock h2 {
	margin: 20px 0;
	font-weight: bold;
	font-size: medium;
	}

div#centerblock h3 {
	margin: 15px 0;
	font-weight: bold;
	font-size: small;
	}

div#centerblock h4 {
	margin: 5px 0;
	color: #444;
	font-weight: bold;
	font-size: small;
	}

div#centerblock p {
	margin: 10px 0;
	color: black;
	font-weight: normal;
	font-size: small;
	}

div#centerblock p span.firstwords {
	color: red;
	font-size: medium;
	}

div#centerblock div.leftpicture {
	margin: 5px 10px 5px 0;
	float: left;
	}

div#centerblock div.rightpicture {
	margin: 5px 0 5px 10px;
	float: right;
	}

div#centerblock div.leftpicture, div#centerblock div.rightpicture {
	border: 1px solid #444;
	padding: 10px;
	background-color: #eee;
	text-align: center;
	}

div#centerblock div.leftpicture h5, div#centerblock div.rightpicture h5 {
	margin: 0 0 5px;
	padding: 0;
	font-size: small;
	color: red;
	}

div#centerblock div.leftpicture div, div#centerblock div.rightpicture div {
	margin: 0;
	padding: 0;
	}

div#centerblock div.leftpicture p, div#centerblock div.rightpicture p {
	margin: 5px 0 0;
	padding: 0;
	font-size: x-small;
	color: black;
	}
	

div#centerblock div.archivbox {
	margin: 0 20px 20px 0;
	border: 1px solid #444;
	padding: 0;
	width: 320px;
	height: 157px;
	float: left;
	}

div#centerblock div.archivbox div {
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
	}

div#centerblock div.archivbox h2 {
	margin: 0;
	padding: 10px;
	font-size: small;
	font-weight: bold;
	color: #444;
	}

div#centerblock div.archivbox ul {
	margin: 10px 0 0;
	padding: 0;
	}

div#centerblock div.archivbox ul li {
	margin: 0 0 10px 10px;
	padding: 0;
	}
	
div#centerblock div.archivbox a {
	color: black;
	}

/* Unterbereiche von rightblock */

div#shoppingcart {
	margin: 0 0 20px;
	padding: 10px;
	background-color: #ddd;
	}

div#contextmenu {
	margin: 0 0 20px;
	}

div#contextmenu h2 {
	margin: 0;
	padding: 2px 10px;
	background-color: #444;
	background-image: url(../images/redsquare.gif);
	background-position: right center;
	background-repeat: no-repeat;
	font-size: small;
	font-weight: bold;
	color: white;
	}

div#contextmenu p {
	margin: 0;
	padding: 3px 10px;
	font-size: x-small;
	font-weight: normal;
	color: black;
	background-color: #ddd;
	}

div#contextmenu ul {
	margin: 0;
	padding: 5px 0 5px 25px;
	background-color: #ddd;
	font-size: small;
	font-weight: normal;
	color: black;
	}

div#contextmenu ul li {
	margin: 0;
	padding: 2px 0;
	list-style: disc;
	}

div#centerblock ul.list li {
	list-style: square;
	padding: 0.2em;
	}

div#centerblock div.list  {
	margin-left: 225px;
	z-index: 10;
	}

div#centerblock ul {
	display: inline-block;
	}

div#centerblock ul.list li.first-level-item {
	list-style: none;
	}

div#centerblock ul.list li.second-level-item {
	list-style: none;
	}

div#centerblock div.news_alert {
	border: 1px solid black;
	width: 500px;
	padding: 10px;
	margin: auto;
	background-color: #FF9900;
	}

div#centerblock div.news_alert span {
	font-weight: bold;
	}

label.left {
	float: left;
	text-align: right;
	width: 10em;
	margin-right: 1em;
	}

fieldset {
	border: 1px solid black;
	margin-bottom: 35px;
	}

legend {
	color: black;
	}

div#centerblock fieldset div {
	margin: 5px;
	}

div#centerblock fieldset select {
	max-width: 160px;
	}

div#centerblock fieldset p {
	color: red;
	}

div#centerblock div.submit {
	width: 150px;
	margin-left: 145px;
	}


div#centerblock div.left {
	margin-right: 10px;
	float: left;
	font-weight: bold;
	text-align: right;
	width: 10em;	
	}
	
div#centerblock div.coop {
	margin: 2ex 0;
	}
	
div#centerblock div.coop img {
	float: left;
	}

div#centerblock div.coop p {
	margin-left: 240px;
	}
	
	
	
/*
 * tt_news
 */
div.news-item, div.newsEntry {
	border: 1px solid black;
	padding: 5px;
}

div.news-item div.news-title, div.newsEntry div.newsHeadline {
	padding: 3px;
	font-weight: bold;
	background-color: #eeeeee;
	border-bottom: 1px solid black;
}

div.news-text, div.newsContent {
	padding: 5px;
}

div.news-item div.news-text span, div.newsEntry div.newsContent span {
	font-weight: bold;
}

div.news-header {
	font-size: 2em;
	font-weight: bold;
}
div.barc_news-amenu-container ul li.news-amenu-item-year {
	background-color: #eeeeee;
	color: #000000;
	list-style: none;
}
.news-catmenu  {
	padding: 1em;
	margin: 10px 0px 10px 5px;
	border: 1px solid #666;
	background-color: #eeeeee;
	margin-bottom: 20px;
}
.news-catmenu-NO a {
	margin: 4px 0px 3px 5px;
	font-size: 1.2em;
	font-weight: bold;
}

div.news-single-img {
		margin: 0 0 8px 10px !important;
		float: right;
}

div.news-text div.news-single-img div.imagecaption {
	font-size: 0.8em;
	font-style: italic;
	color: #444444;
}

span.author,
span.newsdate {
	font-style: italic;
}

span.newsdate {
	font-size: 0.9em;
	font-weight: normal !important;
}

div.news-text dl {
	background-color: transparent;
	border: none;
	margin: 0;
	padding: 0;
}

div.news-text dl dd {
	margin: 0 0 0 8px !important;
	padding: 0;
}

div.news-text dl dd p,
div.news-text dt,
div.tx-ttnews-browsebox p {
	margin: 0 !important;
	padding: 0;
}

div.news-text dt,
div.tx-ttnews-browsebox span.small {
	background: url("../images/bullet_smaller_red.gif") no-repeat 0px 4px;
	padding-left: 10px;
	text-transform: uppercase;
}

div.news-text dl.news-single-related,
div.tx-ttnews-browsebox {
	background-color: #eeeeee;
	border: 1px solid #444444;
	overflow: hidden;
	margin-top: 20px;
}

div.tx-ttnews-browsebox span.small {
	display: block;
	font-size: 0.9em;
}

div.tx-ttnews-browsebox table {
	margin: 10px auto;
}

div.tx-ttnews-browsebox table td.tx-ttnews-browsebox-SCell {
	background-color: #dd0000;
	border: none;
}

div.tx-ttnews-browsebox table td.tx-ttnews-browsebox-SCell a {
	color: #FFF;
}

div.news-text dl.news-single-related dd {
	background: url("../images/hacken.gif") no-repeat 0px 2px;
	padding-left: 15px !important;
	margin: 4px 8px !important;
}

div.news-text dl {
	margin-bottom: 14px;
}

div.news-text dl.news-single-related dt,
div.tx-ttnews-browsebox span.small {
	background: #444444 url("../images/bullet_smaller_red.gif") no-repeat 6px 7px;
	color: #FFF;
	width: 100%;
	padding: 3px 3px 3px 16px;
}

/*
 * tt_news accordeon
 */

div#accordionlist {
	height: 350px;
}

div#accordionlist div.accordeoncont {
	height: 200px;
	margin-bottom: 2px;
	overflow: hidden;
}

div#accordionlist a.head h1 {
	color: #000;
	font-size: 1em;
	padding: 3px 0;
}

div#accordionlist a.selected h1 {
	color: #dd0000;
}

div#accordionlist a.head:hover {
	text-decoration: none;
}

div#accordionlist a.head h1 {
	border-bottom: 1px dotted #444;
	background: url("../images/bullet_smaller_red.gif") no-repeat 0px 8px;
	padding-left: 9px;
	margin: 0;
}

div#accordionlist div.news-list-img {
	float: left;
	margin: 10px 6px 6px 0;
}

div#accordionlist div.accordeoncont a {
	display: block;
	height: 200px;
	color: #000;
	padding: 5px;
}

div#accordionlist div.accordeoncont a a {
	display: inline;
	height: auto;
	color: #dd0000;
	padding: 0;
}

div#accordionlist div.accordeoncont a:hover {
	background-color: #eeeeee;
	text-decoration: none;
}

div#accordionlist div.accordeoncont div.morelink {
	clear: both;
	text-align: right;
	height: 20px;	
	color: #dd0000;
	width: 100%;
}

div#accordionlist div.accordeoncont a div.morelink:hover {
	text-decoration: underline;
}


/*
 * tt_news rss
 */
div.rssfeedlink {
	background: url("../images/rss.gif") no-repeat top right;
	text-align: right;
	margin: 5px 0;
	height: 30px;
	padding-top: 5px !important;
}

div.rssfeedlink a {
	margin-right: 35px;
}



h1.csc-firstHeader {
	border-bottom: 0;
	padding-bottom: 0.5ex;
	margin-bottom: 2ex;
	font-size: 0.9em;
	color: #000000;
}

.tx-indexedsearch-rules {
	display: none;
}

  .clearfix { display: inline-block }  /* ... especial for IE7 */
  .clearfix { display: block }      /* ... für IE5,IE6,IE7 */
	
	
	
/* 
* author:							Marit AG
* description:				css style for extension sriframe <http://typo3.org/extensions/repository/?tx_terfe_pi1%5Bview%5D=search&no_cache=1&tx_terfe_pi1%5Bsword%5D=sr_iframe>
*/
.tx-sriframe-pi1 { 
}

a.link-login {
		background: url("../images/lock.gif") 0px 0px no-repeat;
		padding-left: 20px;
		font-weight: bold;
		font-style: italic;
}

a.link-login:hover {
		text-decoration: underline;
}



/**************************************************************************************************
BARC Event Calender
**************************************************************************************************/			
.tx-barceventcalendar-pi1 {
	width:98%;
}	

.eventTable  {
	font-family:Lucida Grande, Verdana;
	font-size:0.8em;			
	border:1px solid #ccc;
	border-collapse:collapse;
	cursor:default;
}
.eventTable td,
.eventTable th{
	padding:2px;
	font-weight:normal;
}
.eventTable thead td, .eventTable thead th {
	background-image:url("../images/ft-head.gif");
	background-repeat:no-repeat;
	background-position:top right;
}
.eventTable thead td.selectedUp, .eventTable thead th.selectedUp {
	background-image:url("../images/ft-headup.gif");
}
.eventTable thead td.selectedDown, .eventTable thead th.selectedDown {
	background-image:url("../images/ft-headdown.gif");
}

.eventTable tbody tr td{
	border-bottom:1px solid #ddd;
	vertical-align: top;
	font-size: 11px;
	padding: 10px 5px;
}
.eventTable tbody tr.alt td{
	background: #e3edfa;
}
.eventTable tbody tr.selected td{
	background: yellow;
}
.eventTable tbody tr:hover td{
	background: #a6c2e7;
}
.eventTable tbody tr.selected:hover td{
	background:#ff9;
}

#inputArea{
	margin:1em 0;
	padding:1em;
	background-color:#eef;
}

#updateTestInput{
	border:1px solid #ccc;
	width:100%;
	height:80px;
	font-family:serif;
	font-size:0.9em;
	overflow:auto;
}

div#rightblock div.leftfloat {
	clear: both;
}

div#rightblock div.leftfloat div {
	float: left;
}

hr {
	margin: 0;
	_margin: -7px 0;
	padding: 0;
	border: 0;
	color: #313131;
	background-color: #313131;
	height: 1px;
	display: block; 
	margin: 10px 0 0 0;
	_margin: 10px 0 0 0;
	clear: both;
}