body {
	margin: 0px;
	padding: 0px;
	color: #333;
	background-image: url(bg.jpg);
	font-family: verdana, geneva, sans-serif;
	font-size: 12px;
	text-align: left;
	}





.tx-ccevent-header {
margin-bottom: 10px;
font-weight: bold;
font-size: 14px;
}
.tx-ccevent-entry {
margin-bottom: 10px;
}
.tx-ccevent-area {
position: absolute;
}
.tx-ccevent-areacontent {
color: #000000;
background-image: url(../../../typo3conf/ext/cc_event/res/ausruf.gif);
background-repeat: no-repeat;
width: 277px;
height: 210px;
position: relative;
left: 130px;
display: block;
padding-top: 5px;
padding-left: 25px;
padding-right: 5px;
}
.tx-ccevent-areacontent table tr td {
color:#000000;
font-size:12px;
}





table, p {
	color: #333;
	background-color: #fff;
	font-family: verdana, geneva, sans-serif;
	font-size: 12px;
	text-align: left;
	}
a {
	color: #333;
	font-family: verdana, geneva, sans-serif;
	}
	
INPUT 		{font-family: Verdana, Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif; font-size: 12px; color: #222222; background-Color: #fff; BORDER-RIGHT: #CCCCCC 1px solid; BORDER-LEFT: #CCCCCC 1px solid; BORDER-TOP: #CCCCCC 1px solid; BORDER-BOTTOM: #CCCCCC 1px solid}
TEXTAREA	{font-family: Verdana, Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif; font-size: 12px; color: #222222; background-Color: #fff; BORDER-RIGHT: #CCCCCC 1px solid; BORDER-LEFT: #CCCCCC 1px solid; BORDER-TOP: #CCCCCC 1px solid; BORDER-BOTTOM: #CCCCCC 1px solid}
SELECT 		{font-family: Verdana, Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif; font-size: 12px; color: #222222; background-Color: #fff; BORDER-RIGHT: #CCCCCC 1px solid; BORDER-LEFT: #CCCCCC 1px solid; BORDER-TOP: #CCCCCC 1px solid; BORDER-BOTTOM: #CCCCCC 1px solid}	
.search		{font-family: Verdana, Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif; font-size: 12px; color: #222222; background-Color: #FEA046; BORDER: 0px;}
.search_text { width: 95px; font-family: Verdana, Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif; font-size: 12px; color: #222222; background-Color: #F6B762; BORDER: #F8BD6D 1px solid; padding-left: 2px;}		
.form {
	font-family: verdana, geneva, sans-serif;
	font-size: 12px;
	color: #222222;
	}
.pile {
	background-image: url(bg.jpg);
	}
.orange {
	background-color: #FEA046;
	}	



#content {
	width: 523px;
	font-family: verdana, geneva, sans-serif;
	font-size: 12px;
	text-align: justify;
	background-color: #fff;
	border-top: 15px solid #fff;
	border-bottom: 10px solid #fff;	
	}
#content, #content p { 	line-height: 17px; }
.header {
	font-size: 14px;
	font-weight: bold;
	}
.copy {
	font-size: 9px;
	color: #333;
	text-decoration: none;
	}
.copy:hover {
	font-size: 9px;
	color: #000;
	text-decoration: none;
	}

#gotop {
	text-align: right;
	}
.top {
	color: #333;
	font-size: 10px;
	text-decoration: none;
	text-align: right;	
	font-family: verdana, geneva, sans-serif;
	}
	
	
/* Untermenu */
#sub {
	width: 120px;
	border-bottom: 1px solid #F6B762;	
	}
#sub ul, #sub li {
	display: inline;
	margin: 0px;
	padding: 0px;	
	}
.sub {
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #333;
	background: #inherit;	
	line-height: 20px;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	border-top: 1px solid #F6B762;
	border-right: 10px solid #FEA046;
	}
.sub:hover {
	color: #333;
	background: #B0DDF3;
	text-decoration: none;	
	border-right: 10px solid #8ACFF2;
	}
.sub_active {
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #333;
	background: #B0DDF3;
	line-height: 20px;
	font-size: 12px;	
	text-decoration: none;
	text-align: center;		
	border-right: 10px solid #8ACFF2;
	border-top: 1px solid #F6B762;
	}
	
	
/* Hauptmenu */
#main {
	height: 28px;
	width: 60px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
#main a {
	display: block;
	color: #333;
	font-size: 11px;
	line-height: 28px;
	text-align: center;
	font-weight: bold;	
	text-decoration: none;
	background-image: url(button.jpg);	
	}
#main a:hover {
	display: block;
	text-decoration: none;
	background-image: url(button_active.jpg);	
	}
#main_active {
	height: 28px;
	width: 60px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
#main_active a {
	display: block;
	color: #333;
	font-size: 11px;
	line-height: 28px;
	text-align: center;
	font-weight: bold;	
	text-decoration: none;
	background-image: url(button_active.jpg);	
	}
#main_active a:hover {
	display: block;
	text-decoration: none;
	background-image: url(button_active.jpg);	
	}
	
	
/* Fotoalbum */
.photoboek_title {
	font-size: 12px;
	font-weight: bold;
	}
	
/* News-Bereich */
news_search_emptyMsg {
	float: left;
	font-size: 11px;
	color: #222222;
	}

.news_listelement {
	border: 1px solid #B0DDF3;
	}
.news_listelement TD {
	vertical-align: middle;
	}
.news_blue {
	background: #B0DDF3;
	height: 20px;
	}
.w20 { width: 20px; }

.news_title a {
	color: #333;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	}
.news_title a:hover {
	text-decoration: underline;
	}
.news_date {
	font-size: 9px;
	text-align: right;
	border-right: 5px solid #B0DDF3;
	vertical-align: middle;
	}
.news_subTitle a p {
	display: inline;
	}
.news_subTitle a {
	color: #333;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	}
.news_subTitle a:hover {
	text-decoration: underline;
	}
.news_text {
	font-size: 10px;
	text-align: justify;
	}
.news_text MsoNormal {
	color: #f00;
	}
.news_more {
	text-align: right;
	}
.news_more a {
	font-weight: bold;
	text-decoration: none;
	}
.news_more a:hover {
	text-decoration: underline;
	}


/* tabber
----------------------------------------------- */


/* $Id: example.css,v 1.3 2006/03/06 06:02:28 pat Exp $ */
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide { display:none; }

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber { display: inline; }
.tabberlive {  margin-top: 1.5em;}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav{
	margin:0;
	/* padding: 3px 0; */
	padding: 3px 0 5px 0;
	border-bottom: 1px solid #FEA046;
	/* font: bold 11px Verdana, Arial, Helvetica, sans-serif; */
}

ul.tabbernav li {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 1.0em;
	display: inline;
	}

ul.tabbernav li a {
	padding: 3px 0.5em;
	margin-right: 3px;
	border: 1px solid #FEA046;
	border-bottom: none;
	background: #FEA046;
	color: #000;
	text-decoration: none;
	}

ul.tabbernav li a:link { color: #333; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover{
	color: #fff;
	background-color: #FEA046;
	text-decoration: none;
	}

ul.tabbernav li.tabberactive a{
	color: #fff;
	border: 1px solid #FABE0A;
	border-bottom: none;
	/*background-color: #f5f5f5; */
	/*border-bottom: 1px solid #f5f5f5;*/
	cursor: default;
	}

ul.tabbernav li.tabberactive a:hover{
	color: #fff;
	/*background-color: #f5f5f5;*/
	xborder-bottom: 1px solid white;
}



/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding: 0px;
 font-size: 0.9em;
 border-top: 1px solid #FEA046;
 /*background-color: #f5f5f5;*/
 border-top:0;
 width: 500px;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}

/* If desired, set a height and add a scrollbar */
.tabberlive#tab2 .tabbertab{
 height: 200px;
 overflow:auto;
}

.tabberlive .tabbertab h3 {
	display: none;
	padding: 10px 0 0 0;
	margin: 0;
	font-size: 15px; 
	font-weight: bold; 
	color: #FEA046;
	}


#sidebar .tabberlive .tabbertab ul{
	padding-left: 0;
	}
#sidebar .tabberlive .tabbertab ul li{
	line-height: 1.2em;
	border-bottom: 1px solid #ddd;
	padding: 0.3em 0;
	}

