html, body{
	height: 100%;
	width: 100%;
}

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5f5f5f;
	background-image: url(../img/background.gif);
}
/*##################################################
Allgemeines
##################################################*/
/*=================== Links  rechte Seite ===================*/
a {font-size: 1.0em; color: #545454; text-decoration: none;}
a:hover {font-size: 1.0em; color: #1A1A1A; text-decoration: none;}
a:visited {}
a:active {}

/*=================== Überschriften (spezifisch) ===================*/
h1 {
	font-size: 1.2em;
	color: #fff;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 30px 50px;
}

h2 {
	margin:0px 0px 0px 3px;
	padding-top: 1em;
	font-size: 1.2em;
	
}
h3 {
	margin: 0px 0px 0px 5px;
	padding: 1em 0em 0em 0em;
	font-size: 1.3em;
}

ul{
	margin: 1em 42px 1em 0px;
	padding: 0px 0px 0px 60px;
	list-style-type : none;
	/*list-style-image: url(../images/icons/li.gif);*/
}

ul li{
	margin-bottom: 0.5em;
	list-style-type : none;
	list-style-image: url(../img/li.gif);
}

/*=================== Fließtext ===================*/
p {
	padding-left: 5px;

}

/*=================== Formulare ===================*/
form {
	margin: 0px;
	padding: 0px;
}

/*=================== Listen  ===================*/
#content ul{
	margin: 1em 43px 1em 0px;
	padding: 0px 0px 0px 40px;
	list-style-type : none;
	list-style-image: url(../img/li.gif);
}
#content ul li{
	margin-bottom: 0.5em;
	list-style-type : none;
	list-style-image: url(../img/li.gif);
}


/*##################################################
Container (Grundlayout)
##################################################*/
#page {
	width: 778px;/*746px*/
	min-height: 100%;  /*Fuer moderne Browser */
	height: auto !important;  /*Fuer moderne Browser */
 	height: 100%;  /*Fuer IE */
	text-align: left;
 	background: url(../img/page_bg.gif) repeat-y;
}

#head{
	width: 770px;
	margin-left: 4px;
}

#trennhr{
	margin-left: 4px;	
}


/*FIX fuer IE*/
*html #leftNavi {
	margin-left: 2px;
}
#leftNavi {
	width: 150px;
	margin-left: 4px;
	float: left;
}

#content {
	width: 453px;
	background: url(../img/content_bg.gif) no-repeat;
	margin-left: 1px;
	float: left;
}
/*fix fuer IE*/
*html #rightNavi {
	margin-right: 2px;
}
#rightNavi {
	width: 165px;
	margin-left: 1px;
	float: left;
	clear: right;
}

/*fix fue IE*/
*html #bottom {
	margin-top: 2px;
}
#bottom {
	width: 770px;
	height: 24px;
	background: url(../img/bottom2_bg.gif) no-repeat 0px 92px;
	margin-left: 4px;
	clear: both;
}

/*##################################################
Kopfbereich
##################################################*/
#head .headLogo {
	width: 770px;
	height: 119px;
	background: url(../img/logo.gif) no-repeat;
}

/*================================================================
	LOGOS-Freiwilligen-Agentur- und Buergerstiftung Braunschweig
================================================================*/
#head .headLogo .logoFrei{
	width: 314px;
	height: 105px;
	position: absolute;
	top: 5px;
	left: 25px;
}

#head .headLogo .logoBuer{
	width: 117px;
	height: 51px;	
	position: absolute;
	top: 40px;
	left: 654px;
}

/*======================================
	Toolbar
======================================*/
/*Fix fue IE*/
*html #head .headLogo .toolbar {
	margin-left: 374px;
	margin-top: 24px;
}
#head .headLogo .toolbar {
	width: 260px;
	margin-left: 381px;
	margin-top: 22px;
}

#head .headLogo .toolbar .toolbarNo{
	background: url(../img/toolbar_pfeil.gif) no-repeat;
	float: left;
	margin-left: 7px;
	padding-left: 12px;
}

#head .headLogo .toolbar .toolbarAct{
	background: url(../img/toolbar_pfeil.gif) no-repeat;
	margin-left: 7px;
	padding-left: 12px;
	float: left;
}

#head .headLogo .toolbar .toolbarNo a{
	color: #545454;	
	text-decoration: none;
}

#head .headLogo .toolbar .toolbarNo a:hover{
	color: #1A1A1A;	
	text-decoration: none;
}

#head .headLogo .toolbar .toolbarAct a{
	color: #1A1A1A;	
	text-decoration: none;
}

#head .headLogo .toolbar .toolbarAct a:hover{
	color: #1A1A1A;	
	text-decoration: none;
}
/*======================================*/

#head .headMenu {
	width: 770px;
	height: 20px;
	background-color: #ECEBE0; 
}
/*======================================
	Suchbox
======================================*/
/*fix fuer IE*/
*html #rightNavi .suche{
	padding-top: 5px;
}
#rightNavi .suche{
	width: 208px;
	margin-left: 5px;
	padding-top: 10px;
}

#rightNavi .suche #searchform input {
	border: 1px solid #B4B4B4;
	background-color: #f8f8f8;
	color: #5F5F5F;
}

#rightNavi .suche #searchform .suchfeld {
	width: 150px;
	height: 13px;
	font-size: 11px;
}

#rightNavi .suche #searchform .suchbutton{
	height: 17px;
	font-size: 11px;
	margin-top: 2px;
}

/* fixHack für IE*/
*html #rightNavi .suche #searchform .suchbutton{
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	padding-right: 1px;
}
*html #rightNavi .suche #searchform .suchfeld {
	margin-bottom: 0px;
}
/*======================================*/

#head .headImg{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*##################################################
leftNavigation (links)
##################################################*/
#leftNavi .navititle{
	width: 150px;
	height: 32px;
	background: url(../img/navi_title_left.gif) no-repeat;
}
#leftNavi .navititle div{
	color: #727272;
	font-weight: bold;
	font-size: 1.1em;
	padding: 5px 0px 0px 10px;
}

#leftNavi .navi{
	width: 150px;
	height: 32px;
	background: url(../img/navi_title_left.gif) no-repeat;
}
#leftNavi .navi div{
	color: #727272;
	font-weight: bold;
	font-size: 1.1em;
	padding: 5px 0px 0px 10px;
}


/*-------------------- menuLeft -----------------------*/
#leftNavi .menuLeft {
}

#leftNavi .menuLeft .menuleft {
	margin: 0px 0px;
}

#leftNavi .menuLeft ul{
	padding: 0px;
	margin: 0px;
}

#leftNavi .menuLeft ul li{
	list-style-image: none;
	list-style-type : none;
	border-bottom: 1px solid #fafafa;
	background-color: #ddd;
	margin: 0px;
}

#leftNavi .menuLeft a{
	text-decoration: none;
	color: #5f5f5f;
	font-size: 1em;
	display: block;
}

#leftNavi .menuLeft a:hover{
	font-size: 1em;
	font-weight: bold;
}

/* 1. Ebene */
#leftNavi .menuLeft ul li a{
	font-weight: bold;
	line-height: 1.8em;
	padding: 0px 0px 0px 15px;
}
#leftNavi .menuLeft ul li a:hover{
	color: #fff;
	background-color: #083177;
	font-weight: bold;
	padding: 0px 0px 0px 15px;
}

/* 2. Ebene */
#leftNavi .menuLeft ul li li{
	border:0px;
	background-color: #F5F5F5;
}

#leftNavi .menuLeft ul li li a{
	font-weight: normal;
	line-height: 1.3em;
	padding: 0.4em 0em 0.4em 20px;

}
#leftNavi .menuLeft ul li li a:hover{
	color: #5f5f5f;
	font-weight: normal;
	padding: 0.4em 0em 0.4em 20px;
	background-color: #ECEBE0;
}

/* 3. Ebene */
#leftNavi .menuLeft ul li li li a{
	padding-left: 30px;
	background-position: 20px 1em;
}
#leftNavi .menuLeft ul li li li a:hover{
	padding-left: 30px;
	background-position: 20px 1em;
}

/* 4. Ebene */
#leftNavi .menuLeft ul li li li li a{
	padding-left: 40px;
	background-position: 30px 1em;
}

/*aktive Men?links*/
#leftNavi .menuLeft ul li a.menuitemact_sub, #leftNavi .menuLeft ul li a.menuitemact_sub:hover{
	color: #fff;
	background: #083177 url(../img/menu_li_1.gif) no-repeat 0px 0px;
}
#leftNavi .menuLeft ul li a.menuitemact, #leftNavi .menuLeft ul li a.menuitemact:hover{
	color: #fff;
	background: #083177 url(../img/menu_li_1.gif) no-repeat 0px 0px;
}

#leftNavi .menuLeft ul li a.menuitemact2_sub, #leftNavi .menuLeft ul li a.menuitemact2_sub:hover{
	font-weight: bold;
	background: #ECEBE0 url(../img/menu_li.gif) no-repeat 2px;
}
#leftNavi .menuLeft ul li a.menuitem2act, #leftNavi .menuLeft ul li a.menuitem2act:hover{
	font-weight: bold;
	background: url(../img/menu_li.gif) no-repeat 2px;
}

#leftNavi .menuLeft ul li a.menuitem3act, #leftNavi .menuLeft ul li a.menuitem3act:hover{
	font-weight: bold;
}

#leftNavi .menuLeft ul li a.menuitem4act, #leftNavi .menuLeft ul li a.menuitem4act:hover{
	font-weight: bold;
}

/*=====================================
news
=======================================*/
/*-----------------------------------  clearer  -----------------------------------*/
/*fix fuer IE*/
*html .news-latest-container hr {
	height: 1px;
	border: 1px solid #f5f5f5;
}
.news-latest-container hr {
	height: 1px;
	border: 0px;
	background-color: #f5f5f5;
}

/*-----------------------------------  tt_news LATEST view  -----------------------------------*/
.news-latest-container {
	width: 150px;
}

.news-latest-container H2,.news-latest-gotoarchive {
	color:#F5F5F5;
	padding:3px;
	margin:3px;
	border:1px solid #F5F5F5;
	background-color:#769024;
}

.news-latest-item .news-latest-date{font-weight: bold;}
.news-latest-item {
	line-height: 1.3;
	margin:3px 0px 0px 5px;
}

.news-latest-item a {
	color: #5F5F5F;
	height:12px;
}

.news-latest-item a:hover {
	color: black;
}

/*##################################################
Content (Hauptteil_mitte)
##################################################*/
/*======================================
	Inhalt (haupt)
========================================*/
#content a {color: #083177;}
#content a:hover {color: #9A9A9A;}
#content a:visited { }
#content a:active { }


/*=====================================*/
#content .mainContent {
	min-height: 100%; /* Fuer moderne Browser */
	height: auto !important;  /*Fuer moderne Browser */
 	height: 100%; /* Fuer IE */
	padding: 5px 5px 0px 5px;
}

#content .mainContent .imgtext-table {
	padding: 0px 3px 3px 0px;
}
/*fixed fuer IE*/
*html #content .mainContent .imgtext-table {
	padding-left: 0px;

}

#content .top{
	text-align: right;
	padding: 10px 10px 5px 0px;
}

#content .tx-cccbrowse-pi1-browsebox-SCell{
}

#content .tx-cccbrowse-pi1-browsebox{ 
	clear:both; 
}  

#content .tx-cccbrowse-pi1-browsebox table { 
	margin-top:15px; 
	margin-left:auto; 
	margin-right:10px; 
	text-align:right; 
}  

#content .tx-cccbrowse-pi1-browsebox table td { 
	margin:2px; 
	padding-left:4px; 
	padding-right:4px; 
}  

#content .tx-cccbrowse-pi1-browsebox table td p a {
	font-weight:normal; 
	text-decoration:none; 
}  

#content .tx-cccbrowse-pi1-browsebox-SCell p a { 
	color:black; 
	text-decoration:none;
}
	
	
	
	
/*##################################################
rightNavigation (rechts)
##################################################*/
#rightNavi .navi{
	width: 165px;
	height: 32px;
	background: url(../img/navi_title_right.gif) no-repeat;
}

#rightNavi .navi div{
	color: #727272;
	font-weight: bold;
	font-size: 1.1em;
	padding: 5px 0px 0px 10px;
}

#rightNavi .kontaktdaten{
    color: #727272;
    font-size: 1.0em;
	padding: 5px 0px 0px 10px;
	}
	
#rightNavi .fragebogen{
    color: #727272;
    font-size: 1.0em;
	padding: 5px 0px 0px 10px;
	}
	
#rightNavi .print, .tip{
	padding: 5px 0px 2px 0px;
}
#rightNavi .print .printLink {
	margin-bottom: 2px;
}
#rightNavi .tip .tipLink{
	margin-bottom: 5px;
}
#rightNavi .tip .tipLink a{
	background-image: url(../img/site_icon.gif);
	background-repeat: no-repeat;
	background-position: 8px 3px;
	padding: 3px 59px 3px 27px;

} 
#rightNavi .tip .tipLink a:hover{
	background-color: #A9A9A9;
	background-image: url(../img/site_icon.gif);
	background-position: 8px 3px;
	background-repeat: no-repeat;
	color: #fff;
} 

#rightNavi .print .printLink a{
	background-image: url(../img/print_icon.gif);
	background-repeat: no-repeat;
	background-position: 8px 3px;
	padding: 3px 65px 3px 27px;

} 
#rightNavi .print .printLink a:hover{
	background-color: #083177;
	background-image: url(../img/print_icon.gif);
	background-position: 8px 3px;
	background-repeat: no-repeat;
	color: #fff;
} 
#rightNavi .search-database{
	padding: 5px 0px 2px 2px;
}



/*##################################################
Unterer bereich
##################################################*/
#bottom .powered{
	margin: 0px 0px 0px 20px;
	padding: 95px 22px 0px 0px;
	float: left;
}
#bottom .powered a{color: #fff;}
#bottom .powered a:hover{}
/*-------------------- bottomBar -----------------------*/
#bottom .bottomBar{
	margin: 0px 0px 0px 430px;
}

#bottom .bottomBar .bottomBarNo {
	background-image: url(../img/bottombar.gif);
	background-repeat: no-repeat;
	background-position: 0px 98px;
	padding: 95px 22px 0px 10px;
	float: left;
}

#bottom .bottomBar .bottomBarAct {float: left;}
#bottom .bottomBar .bottomBarNo a {color: #fff;}
#bottom .bottomBar .bottomBarNo a:hover {}
#bottom .bottomBar .bottomBarAct a {}
#bottom .bottomBar .bottomBarAct a:hover {}

/*############################################### Externe Stylecheets ###############################################################
#####################################################################################################################################*/
/*=================== Sitemap ===================*/
.sitemap {
	margin: 0em 0em 1em 0em;
	padding: 0em 35px 0em 0px;
	line-height: 1.5em;
}

.sitemap a {
	color: #5F5F5F;
	text-decoration: none;
}
.sitemap a:hover {
	color: #000;
	text-decoration: none;
}

.sitemap ul{
	margin: 0px;
	padding-left: 0px;
}
.sitemap ul li{
	margin: 0px;
}
.sitemap ul li a{
	display: block;
	background-color: #eee;
	padding-left: 2px;
	font-weight: bold;
}
.sitemap ul li li{

}
.sitemap ul li li a{
	display: inline;
	padding: 0px;
	background-color: #eee;
	font-weight: normal;
}

.sitemap ul li li li{
/*	border-bottom: 1px solid #cbcbcb;*/

}
.sitemap ul li li li a{
	display: inline;
	padding: 0px;
	background-color: #eee;
	font-weight: normal;
}
/*=================== Kontaktformulare ===================*/
#content .mailform{
	margin: 5px 0px 0px 5px;
	padding: 0px;
}
.mailform .mailform-input-select{
	width: 202px;
}

.mailform .spacer{
	clear: both;
	display: block;
	padding: 1em;
	border: 0px;
	border-bottom: 1px solid #ccc;
}
.mailform .label{
	float: left;
	clear: left;
	width: 150px;
	margin: 2px 0px;
}
.mailform .label1{
	float: left;
	clear: left;
	width: 350px;
	margin: 2px 0px;
}
.mailform .label-long{
	margin-bottom: 1em;
	float: none;
}

.mailform .desc{
	clear: both;
	margin-left: 150px;
	font-size: 11px;
}

.mailform-input, .mailform-input-plz, .mailform-input-ort, .mailform-select, .mailform-check-kontakt {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: #5F5F5F;
	border: 1px solid #ccc;
	padding-left: 2px;
	margin: 2px 0px;
	float: left;
}
.mailform-check-kontakt{
	border: 0px;
	margin: 0px;
}
.mailform-input{
	width: 200px;
	clear: right;
}
.mailform-input-plz{
	width: 50px;
	margin-right: 3px;
}
/*fix fuer IE*/
*html .mailform-input-ort{
	width: 142px;
}
.mailform-input-ort{
	width: 143px;
	clear: right;
}
.mailform-submit{
	margin-top: 20px;
	font-size : 11px;
	background-color: #fff;
	border: 1px solid #ccc;
	color: #5F5F5F;
}
.mailform .fussnote{
	float: left;
	width: 10px;
	padding-right: 3px;
	text-align: right;
}

.mailform .error{
	float: left;
	color: red;
	font-size: 10px;
	padding: 2px 0px 0px 5px;
}

/*=================== Suche ===================*/
.tx-indexedsearch{
	width: 435px;
}


/*fix fuer IE*/
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT {
	border: 1px solid #ccc;
	background-color: #fff;
	color: #5F5F5F;
}

*html .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {	
	margin-bottom: 0px;
}
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {	
	width: 144px;
	height: 13px;
	font-size: 11px;
	margin-bottom: 3px;
	padding-left: 2px;
	padding-right: 2px;
}
/*fix fuer IE*/
*html .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button  {
	width: 50px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	padding-right: 1px;
}
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button  {
	width: 50px;
	height: 17px;
	font-size: 11px;
	margin-top: 10px;
	margin-left: 0px;
	margin-bottom: 3px;
	padding-bottom: 3px;
}

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT, select,option{
	font-size: 11px;
	color: #5f5f5f;
	margin: 0px 0px 0px 0px;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup { color:red; }

/*fix fuer IE*/
*html #content .tx-indexedsearch .tx-indexedsearch-searchbox table td p{
	margin-top: 10px; padding: 0px;
}
#content .tx-indexedsearch table h2, #content .tx-indexedsearch table p{
	margin-top: 20px; padding: 0px;
}

 .tx-indexedsearch .label{
	float: left;
	clear: left;
	width: 100px;
	margin: 2px 0px 2px 42px;
	display: inline;
}
.tx-indexedsearch  .tx-indexedsearch-searchbox-sword, .tx-indexedsearch .tx-indexedsearch-searchbox-button{
	font-size : 11px;
	border: 1px solid #ccc;
}
.tx-indexedsearch .tx-indexedsearch-searchbox-button{background-color: #eee;}
.tx-indexedsearch-whatis{
	margin-top: 20px;
}
.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
.tx-indexedsearch .browseBox{
	margin: 0px 42px;
	text-align: center;
}
.tx-indexedsearch .browseBox span{
	padding-right: 5px;
}
.tx-indexedsearch-browsebox-SCell a{
	color: #5f5f5f;
	text-decoration: none;
}