@charset "utf-8";
/* -------------- CSS Document -------------- */

/* ------------- Allgemeine Styles ----------- */

* {
	margin: 0px ;
	padding: 0px ;
}
	
html {
	height:100%;
}

a {
	outline:none;
}

body {
	background-color: #e6e3d2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #11385e;
	height:100%;
}

#center-box {
	text-align:center;
	margin:0 auto;
	width:961px;
	height:100%;
	}
/* ------------- Globale Klassen ------------- */
.right {
	clear:both;
	position:absolute;
	bottom: 10px;
	right: 5px;
	} 

.left {
	float:left;
	width:456px;
	padding: 10px;
	}
	
/* -------------- container ------------------ */

#page {
	float:left;
	background:url(../images/bg.png);
	text-align:left;
	height:100%;
	width:961px;
	padding-bottom:50px;
	}
	
html>body #page {
	min-height:100%;
	height:auto;
	}

/* ---------------- Banner ------------------ */

#banner {
	height: 115px;
	overflow:hidden;
	background:#e6e3d2 url(../images/logo.png) no-repeat;
	}
	
#banner h1 {
	position:absolute;
	text-indent:-9000px;
	}
	
#banner a {
	display:block;
	width:961px;
	height:115px;
	}
	
#banner img {
	position:absolute;
	text-indent:-9000px;
	left:-9000px;
	}
	

/* ------------- Linkes Menü ----------------- */

#left-navi {
	position: relative;
	background-color:#11385e;
	width: 261px;
	float: left;
	overflow:hidden;
	padding-top:35px;
	padding-bottom:128px;
	z-index:1;
	font-family:"Times New Roman", Times, serif;
	color:#FFF;
	border-right: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	}

#left-navi ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#left-navi li {
	position:relative;
	display:block;
	width:261px;
}

#left-navi a {
	position:relative;
	display:block;
	height:24px;
	width:522px;
	z-index:1;
	color:#FFFFFF;
	text-decoration:none;
	font-size:13pt;
	}
	
#left-navi li a:hover {
	margin-left:-261px;
}

#left-navi .marker {
	position:absolute;
	height:19px;
	width:14px;
	z-index:2;
	top:2px;
	left:5px;
	background:url(../images/dreieck.png);
}

	/*#######################*/
	/*	Sub Menü 2. Ebene
	/*#######################*/	
	#left-navi li .sub-3-menu-active a:hover,
	#left-navi li .sub-menu-active a:hover {
		margin-left:0px;
	}
	
	/*#######################*/
	/*	Rest
	/*#######################*/	

#left-navi #karte {
	display: block;
	margin:20px 0 20px 20px;
	background:url(../images/karte.png);
	width: 228px;
	height: 138px;
	}

/* ------------ Bread Crumbs ------------- */

#content-top {
	width: 684px;
	height: 45px;
	display:block;
	background-color: #cc0000;
	float:left;
	overflow:hidden;
	color:#cccccc;
	border-top: 1px solid #ffffff;
	padding: 10px 0px 10px 15px;
	}
	
#content-top h2 {
	color: #FFFFFF;
	font-family:"Times New Roman", Times, serif;
	font-size:18pt;
	float:left;
	padding-top: 5px;
	}

#content-top a {
	color: #cccccc;
	text-decoration:none;
	}

#bread-crumb {
	margin: 0;
	padding: 0;
	float:left;
	width:485px;
}

	#bread-crumb li {
		float:left;
		list-style-type:none;
		padding-right:5px;
		font-size:10pt;
	}
	


/*##########################################*/
/*	Suchbox Top Menü
/*##########################################*/

.searchform {
	float:right;
	width:198px;
}
	.searchform input,
	.tx-indexedsearch-searchbox-sword {
		float:left;
		padding:1px;
		border:1px solid #12395F;
		height:18px;
		width:140px;
		line-height:18px;
	}
	
	.searchform label {
		float:left;
		padding-bottom:5px;
		width:198px;
		color: #FFFFFF;
	}	
	
	.searchform #searchform-top-submit,
	.tx-indexedsearch-searchbox-button {
		float:left;
		margin-left:5px;
		
		height:22px;
		width:40px;
		line-height:22px;
		
		background-color: #11385e;
		color:#FFFFFF;
		
		
		font-size:14px;
		font-family:"Times New Roman", Times, serif;
		text-align:center;
		
		border-bottom-width:0px;
		border-style:none;
	}
	
	.tx-indexedsearch-searchbox {
		float:left;
	}
	
	.tx-indexedsearch-browsebox {
		float:left;
		clear:both;
		padding:0px 0px 15px 0px;
	}
		
	.tx-indexedsearch-res{
		float:left;
		width:475px:
	}
	
	

/* ----------- Inhalt -------------- */

#content {
	width: 476px;
	background-color: #ffffff;
	float: left;
	padding: 15px 10px 10px 15px;
	overflow:hidden;
	}
	
	ul,
	ol {
		padding:15px;
		list-style-type:square;
	}
	
	#content h3{
		color:#cc0000;
		font-size:16px;
		font-family:"Times New Roman", Times, serif;
		padding:5px 0 2px 0;
	}
	
	#content a{
		color:#cc0000;
		text-decoration:none;
		}
		
	#content .rotes-viereck {
		background:transparent url(../images/list.gif) no-repeat scroll 0pt 4px;
		color:#cc0000;
		font-size:12pt;
		margin:0px;
		padding:1px 0px 0px 17px;
		}
	
	#content p {
		padding:3px 0 3px 0;
		}
		
	.csc-frame-frame1 {
	padding-left:10px;
	}
		
	.csc-frame-frame2 {
	padding-left:38px;
	}

/* ------------- Linkes Menü ----------------- */

#right-navi {
	float: left;
	display: block;
	overflow:hidden;
	width: 198px;
	
	background:url(../images/rechte-spalte.jpg);
	background-position:0px;
	background-repeat:no-repeat;
	
	border-top: 1px solid #ffffff;	

	font-size:12pt;
}
	
	#right-navi-box {
		float:left;
		padding: 10px 10px 0px 15px;
	}
	
	#right-navi h2 {
		color:#FFFFFF;
		font-size:13pt;
		font-family:"Times New Roman", Times, serif;
		padding:5px 0 2px 0;
	}
	
	#right-navi h3 {
		color:#11385e;
		font-size:10pt;
		font-family:Arial, Helvetica, sans-serif;
		padding:2px 0 2px 0;
	}
		
	#right-navi p {
		padding:2px 0 2px 0;
		font-size:9pt;
	}
	
	.hell{
		padding:2px 0 2px 0;
		background-color:#ffffff;
		border-color:#ffffff;
		border-style:solid;
		border-width:10px;
	}
		
	.dunkel{
		padding:2px 0 2px 0;
		background-color:#cccccc;
		border-color:#cccccc;
		border-style:solid;
		border-width:10px;
	}
	
/* -------Fußzeile --------- */

#footer {
	clear:both;
	position:relative;
	height: 0px;
	z-index: 50;
}

#handwerk_wirtschaftsmacht {
	background:url(../images/handwerk_wirtschaftsmacht.jpg);
	position:absolute;
	top:-191px;
	left:0px;
	width:261px;
	height:63px;
	z-index: 50;
}

#handwerk_wirtschaftsmacht a {
	display:block;
	width:261px;
	height:63px;
}
	
#e-check {
	background:url(../images/e-check.png);
	position:absolute;
	top:-128px;
	left:0px;
	width:261px;
	height:128px;
	z-index: 50;
}
	
#e-check a {
	display:block;
	width:261px;
	height:128px;
}
	
#foot-functions {
	position:absolute;
	margin: 0;
	padding: 0;
	right:210px;
	top:-25px;
}

#foot-functions li {
	display:inline;
	height:20px;
	list-style-type:none;
	margin:0px 20px 0px 0px;
}

#foot-functions .last {
	margin:0px;
}

#foot-functions a {
	color:#11385E;
}
/*################################################################################*/
/*	Plugins
/*################################################################################*/

/*################################################################################*/
/* SortingOptions
/*################################################################################*/
	.sorting-menu {
		margin-bottom: 9px;
		width: 476px;
		font-size: 0.9em;
		text-align: right;
	}
		
	.sorting-menu ul {
		margin: 0;
		padding: 0 9px 0 0;
		display: inline;
		list-style: none;
	}
	
	.sorting-menu ul li {
		display: inline;
		padding: 0 0 0 9px;
	}

	.sorting-menu .asc {
		padding-right: 9px;
		background: url(../images/sortingoptions-up.png) right 5px no-repeat;
	}
	
	.sorting-menu .desc {
		padding-right: 9px;
		background: url(../images/sortingoptions-down.png) right 5px no-repeat;
	}

/*###############################################################*/
/*	RTE
/*###############################################################*/

table.mitte {
	width:475px;
	text-align:left;
	border-collapse:collapse;
}

	tr.braun {
		background-color:#DFDAC5;
	}

	table.mitte tr {
		
	}

	table.mitte td {
		padding:10px 3px;
	}

ul.rot {
	color:red;
}

#content p.yellow-bg {
	background-color:#E6E3D2;
	padding:5px 5px 5px 5px;
}

#content p.white-bg {
	background-color:#FFFFFF;
	padding:5px 5px 5px 5px;
	}

/*##########################################*/
/*	Kalender Rechts (Liste)
/*##########################################*/

.tx-cal-rechts-liste {
	float:left;
}
	
	.tx-cal-rechts-liste img {
		margin-bottom:15px;
	}

	.tx-cal-rechts-liste-odd,
	.tx-cal-rechts-liste-even {
		float:left;
	}
		
		.tx-cal-rechts-liste-odd {
			padding-bottom:10px;
		}
		
		.tx-cal-rechts-liste-odd a,
		.tx-cal-rechts-liste-even a {
			color:#11385E;
			text-decoration:none;
		}
		
			.tx-cal-rechts-liste-odd a:hover,
			.tx-cal-rechts-liste-even a:hover {
				text-decoration:underline;
			}		
		
	.tx-cal-rechts-liste-date {
		font-weight:bold;
		color:#CC0000;
	}

/*##########################################*/
/*	Kalender Allgemein (Detail)
/*##########################################*/

calendar-event-detail {
	float:left;
	overflow:hidden;
}

	.calendar-event-detail h3 {
		padding-bottom:5px;
		font-size:14px;
	}
	
	.calendar-event-detail-date ,
	.calendar-event-detail-time {
		font-weight:bold;
		color:#CC0000;
	}
	
	.calendar-event-detail-description {
		padding:5px 0px;
	}

/*##########################################*/
/*	Kalender Allgemein (List)
/*##########################################*/
	.tx-cal-liste-odd,
	.tx-cal-liste-even {
		float:left;
	}
	
		.tx-cal-liste-odd {
			padding:10px;
			background-color:#dfdac5;
			width:456px;
		}		
		
		.tx-cal-liste-even {
			padding:10px;
		}
		
		#content .tx-cal-liste-odd a,
		#content .tx-cal-liste-even a {
			color:#11385e;
		}
		
		#content .tx-cal-liste-date ,
		#content .tx-cal-liste-time {
			padding:5px 0px;
			font-weight:bold;
			color:#CC0000;
		}		
		
/*##########################################*/
/*	tt_news List
/*##########################################*/

news-list-container {
	float:left;
	width:450px;
}
		.news-list-item-odd,
		.news-list-item-even {
			float:left;
			padding:10px;
			width:450px;
		}
		
		.news-list-item-even {
			background-color:#DFDAC5;
		}
		
			.news-list-item-odd h3,
			.news-list-item-even h3 {
				padding:5px 0px;
			}
			
			.news-list-date {
				padding:7px 0px;
				font-weight:bold;
			}
			
			.news-list-img {
				float:right;
				padding-left:10px;
			}
			
			.news-list-subheader {
				
			}
			
			.news-list-morelink {
				padding-top:5px;
			}

/*##########################################*/
/*	tt_news Detail
/*##########################################*/

.news-single-timedata {
	font-weight:bold;
}

.news-single-img {
	float:right;
	padding-left:10px;
}

.news-single-imgcaption {
	width:175px;
}

.news-single-content {
	text-align:justify;
}

.news-single-backlink {
	padding-top:10px;
}

/*##########################################*/
/*	Index Search
/*##########################################*/

.tx-indexedsearch {
	float:left;
}

	.tx-indexedsearch-searchbox {
		float:left;
		width:100%;
	}
	
	.tx-indexedsearch-whatis {
		float:left;
		background-color:#FFFFFF;
		color:#FFFFFF;
		width:100%;
	}
	
	.tx-indexedsearch-browsebox {
		float:left;
		width:100%;
		font-size:12px;
	}
	
	.tx-indexedsearch-res {
		float:left;
		width:100%;
	}
	
	.tx-indexedsearch-result {
		float:left;
		padding:6px 0px;
		font-size:12px;
	}
		
		
	#content .browsebox {
		display:inline;
		padding:0px 0px 15px 0px;
	}
	
	#content .browsebox li{
		display:inline;
		list-style-type:none;
		padding:0 10px 5px 0;
	}
	
	#content .csc-sword, .tx-indexedsearch-redMarkup {
		font-weight:bold;
		color: #F00;
		background-color: #F8EF00;
		/*text-decoration:underline;*/
	}

/*##########################################*/
/*	Mitgliederausgabe (Profil)
/*##########################################*/
	#content .tx-txmitglieder-pi1 .tx-mitglieder-pi1-profile p {
		padding: 0 0 9px;
	}

	.tx-mitglieder-pi1-profile {
		float: left;
	}
	
	#content .tx-txmitglieder-pi1 .tx-mitglieder-pi1-list-tel {
		padding-top:15px;
	}

/*##########################################*/
/*	Bearbeitung des Mitgliederprofiles
/*##########################################*/

.feuser-edit label {
	width: 150px;
	display: block;
	float: left;
}

.feuser-edit input {
	margin: 0 0 5px;
}

.success-msg {
	margin: 9px 0;
	padding: 5px;
	border: 1px dotted #693;
	color: #693;
}

.error-msg {
	margin: 9px 0;
	padding: 5px;
	border: 1px dotted #C33;
	color: #C33;
}

/*##########################################*/
/*	Mitgliederausgabe (liste)
/*##########################################*/

.tx-txmitglieder-pi1 {
	float:left;
}
	
	#content .tx-txmitglieder-pi1 p {
		padding:0px;
	}
	
	.tx-mitglieder-pi1-list {
		float:left;
		
	}
		.tx-mitglieder-pi1-list-vorstand-even,
		.tx-mitglieder-pi1-list-vorstand-odd,
		.tx-mitglieder-pi1-list-obermeister,
		.tx-mitglieder-pi1-list-odd,
		.tx-mitglieder-pi1-list-even {
			float:left;
			position:relative;
			width:470px;
		}
		
		.tx-mitglieder-pi1-list-vorstand-odd,
		.tx-mitglieder-pi1-list-odd {
			float:left;
			background-color:#DFDAC5;
		}

			/*#################################*/
			/* Vorstand
			/*#################################*/
			
			.tx-mitglieder-pi1-list-vorstand-odd,
			.tx-mitglieder-pi1-list-vorstand-even {
				padding:10px;
			}
			
			.tx-mitglieder-pi1-list-vorstand-image {
				float:left;
				overflow:hidden;
				width:80px;
				height:109px;
			}
			
			.tx-mitglieder-pi1-list-vorstand-informationen {
				float:left;
				padding-left:35px;
				width:195px;
			}
			
			.tx-mitglieder-pi1-list-vorstand-email {
				display:block;
			}
			
			.tx-mitglieder-pi1-list-vorstand-daten {
				float:left;
			}
			
				.tx-mitglieder-pi1-list-vorstand-daten span {
					display:block;
					float:left;
					width:45px;
				}
			
			/*#################################*/
			/* Normal
			/*#################################*/			
			
			.tx-mitglieder-pi1-list-image {
				float:left;
				padding:10px 10px 10px 0px;
			}
			
			.tx-mitglieder-pi1-list-informationen {
				float:left;
				padding:10px;
				width: 436px;
			}
			#content .tx-mitglieder-pi1-list-informationen p{
				padding-bottom:5px;
			}
			.tx-mitglieder-pi1-list-informationen img{
				float:left;
				margin: 0 10px 20px 0;
			}
			.tx-mitglieder-pi1-list-informationen-head{
				
			}
			.tx-mitglieder-pi1-list-informationen-body1st{
				/*margin: 5px 20px 0 0;
				float:left;
				width: 164px;*/
			}
			.tx-mitglieder-pi1-list-informationen-body2nd{
				/*clear:both;
				margin: 5px 20px 0 0;
				float:left;
				width: 164px;*/
			}
			.keywords{
				display: block;
				text-indent: -999em;
			}
				.tx-mitglieder-pi1-list-informationen span {
					display:block;
					float:left;
					width:50px;
				}			
			
			.tx-mitglieder-pi1-list-obermeister span,
			.tx-mitglieder-pi1-list-odd span,
			.tx-mitglieder-pi1-list-even span {
				float:left;
				display:block;
				width:45px;
			}	
			
			.tx-mitglieder-pi1-list-right {
				clear:both;
				position:absolute;
				right:5px;
				bottom:10px;
			}
			
			#content .tx-txmitglieder-pi1 .tx-mitglieder-pi1-list-sach {
				padding:5px 0px;
			}
			
			.tx-mitglieder-pi1-list-innung {
				width:250px;
			}
						
			#content .tx-txmitglieder-pi1 .tx-mitglieder-pi1-list-tel {
				padding-top:15px;
			}
			.tx-mitglieder-pi1-list-homepage,
			.tx-mitglieder-pi1-list-email {
				margin-top:8px;
			}
			
			.tx-mitglieder-pi1-list-profil,
			.tx-mitglieder-pi1-list-homepage,
			.tx-mitglieder-pi1-list-email {
				
				padding-left:10px;
				width:169px;
				height:19px;
				line-height:19px;
				
				background-image:url(../images/e_mail_homepage_hintergrund.gif);
				background-position:0px;
				background-repeat:no-repeat;
			}
				.tx-mitglieder-pi1-list-profil img,
				.tx-mitglieder-pi1-list-homepage img,
				.tx-mitglieder-pi1-list-email img {
					margin-right:15px;
				}
				#content .tx-mitglieder-pi1-list-profil a,
				#content .tx-mitglieder-pi1-list-homepage a,
				#content .tx-mitglieder-pi1-list-email a {
					color:#FFFFFF;
				}
					#content .tx-mitglieder-pi1-list-profil a:hover,
					#content .tx-mitglieder-pi1-list-homepage a:hover,
					#content .tx-mitglieder-pi1-list-email a:hover {
						text-decoration:underline;
					}
					
img.profile-image {
	float: right;
	border: none;
}
	
#content a.profile-image {
	float: right;
	width: 200px;
	margin: 0 0 10px 10px;
} 
	
.member-info {
	position: relative;
	float: left;
	background-color: #DFDAC5;
	}
	
.profile-info {
	float: left;
	padding-top: 15px;
	}

.member-info .left img {
	float: left;
	padding: 0 10px 10px 0;
	}
	
#content .back-btn {
	 padding: 10px 0 0 0;
	 display:block;
	}