/* generell */
body {
	font-family:		Tahoma, Arial, Helvetica, sans-serif;
	font-size:			11px;
	line-height: 		18px;
	color:				#333;
	margin:				0px;
	padding:				0px;
	background: 		#7D808D url(body-bg.gif) top left repeat-x;
	text-align:			left; /* For IE */
	}




/* Container Styles */
#container {
	position:			absolute;
	width:				955px !important;
	width /**/:			955px;
	height:				600px;
	min-height:			600px;
	margin:				0 auto;
	padding:				0px 0 0 0px;
	text-align:			left; /* For IE, see above */
	}

#intro {
	margin: 				0;
}

/* Headstyles gelten für Startseite und Unterseiten */

#logo {
	position:			absolute;
	top:					45px;
	left:					45px;
	height:				108px;
	width:				220px;
	background: 		url(ib-baunach-logo.gif) top left no-repeat;
	z-index:				1;
}

#logo img{
	border:				none;
}


#global {
	position:			absolute;
	top:					65px;
	right:				5px;
	height:				31px;
	z-index:				1;
}

#global .left{
	background: 		url(global-left.gif);
	height:				31px;
	width:				8px;
	float:				left;
}

#global .middle{
	background: 		url(global-middle.gif);
	height:				31px;
	float:				left;
}

#global .right{
	background: 		url(global-right.gif);
	height:				31px;
	width:				8px;
	float:				left;
}

#global a{
	display:				block;
	height:				25px;
	background: 		url(global-spacer.gif) top right no-repeat;
	float: 				left;
	font-weight:		bold;
	color:				#333;
	text-decoration: 	none;
	padding:				6px 7px 0 7px;
}

#global a.aktiv{
	display:				block;
	height:				25px;
	background: 		url(global-spacer.gif) top right no-repeat;
	float: 				left;
	font-weight:		bold;
	color:				#B1113E;
	text-decoration: 	none;
	padding:				6px 7px 0 7px;
}

#global a.last{
	display:				block;
	height:				25px;
	background: 		none;
	float: 				left;
	font-weight:		bold;
	color:				#333;
	text-decoration: 	none;
	padding:				6px 9px 0 9px;
}

#global a.lastaktiv{
	display:				block;
	height:				25px;
	background: 		none;
	float: 				left;
	font-weight:		bold;
	color:				#B1113E;
	text-decoration: 	none;
	padding:				6px 9px 0 9px;
}

#global a:hover{
	color:				#B1113E;
}

#globalsek{
	position:			absolute;
	top:				35px;
	right:				10px;
	width:				335px;
	/* height: 			250px;*/

}

#globalsek a{
	color:				#333;
	text-decoration: 	none;
	font-weight:normal;
	background:none;
	float:				left;
}


#globalsek a.globalsekaktiv{
	color:				#B1113E;
	text-decoration: 	none;
	font-weight:normal;
	background:none;
	float:				left;
}

#globalsek a:hover{
	color:				#B1113E;
}


/* Styles allein für Startseite */

#indexbild {
	position:			absolute;
	top:					0px;
	height:				381px;
	width:				955px;
	z-index:				0;
}


#indexcontent{		
	position:			absolute;
	top:					381px;
	left:					0px;
	width:				955px;
	background: 		url(index-bg.gif) left repeat-y;
}

*html #indexcontent .right{		
	position:			absolute;
	top:					0px;
	right:				0px;
	width:				11px;
	height:				171px;
	background: 		url(index-right.gif) right no-repeat; 
}

#indexcontent .right{		
	position:			absolute;
	top:					0px;
	right:				1px;
	width:				11px;
	height:				171px;
	background: 		url(index-right.gif) right no-repeat; 
}


#indexcontent .service img{		
	border:				none;
	margin:		 		0 0px 3px 0px;
}

*html #indexcontent .inhalt{			
	margin:				35px 0 35px 320px;	
	top:					10px;
	left:					320px;
	width:				365px;
	height:			270px;
}

#indexcontent .inhalt{	
	margin:				35px 0 35px 320px;	
	top:					10px;
	left:					320px;
	width:				365px;
	min-height:			270px;
}


#indexcontent .startright{	
	margin:				15px 0 35px 0px;

}



#indexnavi{		
	position:			absolute;
	top:					230px;
	left:					40px;
	width:				255px;
	height:				322px;
	background: 		url(index-navi.gif) no-repeat;
	padding-top:	50px;
	z-index:				2;
}

/* Startseite ende */



/* Styles allein für Unterseiten */

#bild {
	position:			absolute;
	top:					0px;
	height:				257px;
	width:				955px;
	z-index:				0;
}

*html #content{		
	position:			absolute;
	top:					258px;
	left:					0px;
	width:				955px;
	min-height: 100px;
	background: 		url(index-bg.gif) repeat-y;
	margin: 0px;
	padding: 0px;
	
}

#content{		
	position:			absolute;
	top:					258px;
	left:					0px;
	width:				955px;
	background: 		url(index-bg.gif) repeat-y;
}


*html #content .right{		
	position:			absolute;
	top:					0px;
	right:				-1px;
	width:				11px;
	height:				293px;
	background: 		url(right.gif) right no-repeat; 
}

#content .right{		
	position:			absolute;
	top:					0px;
	right:				0px;
	width:				11px;
	height:				293px;
	background: 		url(right.gif) right no-repeat; 
}

#navitop{		
	position:			absolute;
	top:					230px;
	left:					40px;
	width:				255px;
	height:				29px;
	background: 		url(navi-top.gif) no-repeat;
	z-index:				2;
}


*html #navigation{       
	margin:		0px 20px 0 0px;		/* Extrawurst IE6*: padding-right #inhalt mitgegeben */
	padding:		25px 0 0 0px;
	width:			255px;
	min-height:				400px;
	background: 		url(navi.gif) top no-repeat;
	float: left;
}



#navigation{
	margin:		0px 20px 0 40px;	
	padding:		25px 0 0 0;
	width:				255px;
	min-height:				400px;
	background: 		url(navi.gif) top no-repeat;
	float: left;
}

/* Unterseiten ende */



/* Styles gelten für Startseite und Unterseiten !!! */

*html .bottom{	
	float: none;
	width:				955px;
	height:				85px;
	background: 		url(index-bottom.gif) left top no-repeat #7D808D;
	margin: 0px;
	padding: 0px;
	
}

.bottom{
float: left;
width:				955px;
	height:				85px;
	background: 		url(index-bottom.gif) left top no-repeat #7D808D;
	margin: 0px;
	padding: 0px;

}

*html .inhalt{	
	margin:				0px 0 35px 0px;	
	padding-left: 			40px;  /* Extrawurst IE6 */
	width:				685px;	
	min-height:			350px;
	height:				400px;
	
}

.inhalt{	
	margin:				0px 0 35px 0px;	
	width:				685px;
	/*min-height:			400px;*/

}


.inhalter{
	padding-top: 35px;
	width: 365px;
float: left;
}





.inhalt h1{
	font-size:			14px;
	color:				#B1113E;
	padding:				0px;
	margin:				10px 0 10px 0;
}

.inhalt h1.grey{
	font-size:			13px;
	color:				#333;
	padding:				0px;
	margin:				15px 0 5px 0;
}

.inhalt h2, h3, h4, h5{
	font-size:			13px;
	color:				#333;
	padding:				0px;
	margin:				20px 0 5px 0;
}

.inhalt p{
	line-height:		18px;
	padding:				0px;
	margin:				0 0 15px 0;
}

.inhalt a{
	color:				#333;
	text-decoration: underline;
}

.inhalt a:hover{
	color:				#B1113E;
	text-decoration: underline;
}

.inhalter ul {
	padding:				0px;
	margin:				0 0 25px 25px;
	padding:				0px;
	background:			none;
	
}

.inhalter ul li{
	list-style:			none;
	background: 		url(list.gif) white left top no-repeat;
	padding:				0 0 0 15px;
	margin:				0px;		
	border:				none;
}

.inhalt ul {
	padding:				0px;
	margin:				0 0 25px 25px;
	padding:				0px;
	background:			none;
	
}

.inhalt ul li{
	list-style:			none;
	background: 		url(list.gif) white left top no-repeat;
	padding:				0 0 0 15px;
	margin:				0px;		
	border:				none;
}

.inhalt table.mediobild{
	width: 365px;
	clear: both;
	float: none;
	margin: 0 0 20px 0;
	padding: 0px;
}

*html .inhalt table.mediobild td table {
	width: 365px;
	clear: both;
	float: none;
	margin: 0 0 15px 0;
	padding: 0px;
}

.inhalt table.mediobild td table {
	width: 365px;
	clear: both;
	float: none;
	margin: 0px;
	padding: 0px;
}

.inhalt table.mediobild .imgsmall{
	width: auto;
	clear: both;
	float: none;
	margin: 0px;
	padding: 0px;
}


.inhalt table.mediobild .imgsmall img{
	width: 80px;
	margin: 0 10px 0 0;
}


.inhalt table.mediobild .imgbig img{
	width: 350px;
	margin: 0px;
	padding 0px;
}





a{
	color:				#333;
	text-decoration: underline;
}

a:hover{
	color:				#B1113E;
	text-decoration: underline;
}

.csc-sitemap ul li{
	list-style:			none;
	background:			none;
	padding:				0 0 0 15px;
	font-weight:		bold;
}

.csc-sitemap ul li ul {
	margin-bottom:		15px;
}	
	
.csc-sitemap ul li ul li{
	list-style:			none;
	background: 		url(list.gif) left no-repeat;
	padding:				0 0 0 15px;
	font-weight:		normal;
}				



.album{	
	width:				365px;
	margin:				0 0 15px 0;
}

.album img.big{	
	width:				355px;
	margin:				0 10px 10px 0;
}

.album img.thumb{	
	width:				79px;
	margin:				0 10px 0 0;
}


table.datenblatt{
	width:				250px;
}

table.datenblatt tr.pink{
	background:			#F9EBEE;
}

table.datenblatt td{
	padding:				3px 5px 3px 10px;
}


.service{		
	position:			absolute;
	top:					25px;
	right:				15px;
	width:				225px;
}

/*.service{		
	float: left;
	width:				125px;
}*/

.service a.fon{		
	display:				block;
	height:				42px;
	width:				44px;
	background: url(../gfx/serviceboxen/fon.gif);
	margin:				0 20px 0 0px;
	padding:				0px;
	float:				left;
}

.service a:hover.fon{		
	background: url(../gfx/serviceboxen/fon-hover.gif);
}

.service a.email{		
	display:				block;
	height:				42px;
	width:				45px;
	background: url(../gfx/serviceboxen/email.gif);
	margin:				0 20px 0 0px;
	padding:				0px;
	float:				left;
}

.service a:hover.email{		
	background: url(../gfx/serviceboxen/email-hover.gif);
}


.service a.suche{		
	display:				block;
	height:				42px;
	width:				54px;
	background: url(../gfx/serviceboxen/suche.gif);
	margin:				0px;
	padding:				0px;
	float:				left;
}

.service a:hover.suche{		
	background: url(../gfx/serviceboxen/suche-hover.gif);
}

.service img{		
	border:				none;
	margin:		 		0 0px 3px 10px;
}

.pic{		
	position:			absolute;
	top:					75px;
	right:				35px;
	width:				195px;
	font-size:			10px;
}

.pic img{		
	border:				none;
	margin-bottom:		10px;






}

.pic p{		
	font-size:			10px;
	text-align: 		right;
}


ul.navi {
	width: 				230px;
	padding:				0px;
	margin:				0px 0 0 11px;

}

ul.navi li{
	width: 				230px;
	padding:				0px;



	background: none;
	margin:				0px;
	list-style:			none;
}

ul.navi li.lastli{
	width: 				230px;
	padding:				0px;
	margin:				20px 0 0 0px;
	list-style:			none;
}

ul.navi a.prim{
	display:				block;
	width: 				222px;
	height:				26px;
	padding:				5px 0 0 8px;
	margin:				1px 0 0 0px;
	color:				#333;
	font-weight: 		bold;
	text-decoration: 	none;
	background: 		url(prim.gif) no-repeat;
}

ul.navi a.primaktiv{
	display:				block;
	width: 				222px;
	height:				26px;
	padding:				5px 0 0 8px;
	margin:				1px 0 0 0px;
	color:				white;
	font-weight: 		bold;
	text-decoration: 	none;
	background: 		url(prim-hover.gif) no-repeat;
}

ul.navi a:hover.prim{
	color:				white;
	background: 		url(prim-hover.gif) no-repeat;
}

ul.navi a.prim span{
	color:				#B1113E;
	font-weight: 		bold;
}

ul.navi a:hover.prim span{
	color:				white;
	font-weight: 		bold;
}

ul.navi a.primaktiv span{
	color:				white;
	font-weight: 		bold;
}


*html ul.navi a.sek{
	display:				block;
	width: 				220px;
	height:				22px;
	padding:				1px 0 0 30px;
	margin:				0px;
	color:				#333;
	text-decoration: 	none;
	background: 		url(sek.gif) no-repeat;
}


ul.navi a.sek{
	display:				block;
	width: 				230px;
	height:				21px;
	padding:				1px 0 0 30px;
	margin:				0px;
	color:				#333;
	text-decoration: 	none;
	background: 		url(sek.gif) no-repeat;
}

*html ul.navi a.sekaktiv{
	display:				block;
	width: 				222px;
	height:				21px;
	padding:				1px 0 0 30px;
	margin:				0px;
	text-decoration: 	none;
	color:				#B1113E;
	background: 		url(sek-hover.gif) no-repeat;
}

ul.navi a.sekaktiv{
	display:				block;
	width: 				230px;
	height:				21px;
	padding:				1px 0 0 30px;
	margin:				0px;
	text-decoration: 	none;
	color:				#B1113E;
	background: 		url(sek-hover.gif) no-repeat;
}

*html ul.navi a:hover.sek{
	width: 				222px;
	color:				#B1113E;
	background: 		url(sek-hover.gif) no-repeat;
}

ul.navi a:hover.sek{
	color:				#B1113E;
	background: 		url(sek-hover.gif) no-repeat;
}


#footer{
padding: 35px 0 0 0;
margin: 0px;
bottom: 0px;
}


#footer span.copyright{
	margin:				55px 0 0 50px; /* padding für ff! */
	padding: 0px;
	color: 				#E8ECF1;
	font-size:			10px;
	line-height: 10px;
}

#footer p.bodytext{
	padding:				0 0 0 50px; /* padding für ff! */
	margin: 0px;
	color: 				#E8ECF1;
	font-size:			10px;
	line-height: 10px;
}


#footer a{
	color: 				#E8ECF1;
	text-decoration:	none;
	background: 		url(winkel.gif) left no-repeat;
	padding:				0 0 0 10px;
	margin:				0	0	0	5px;
}

#footer a:hover{
	color:				white;
	text-decoration:	underline;
}






#content .kruemel{	
	width:				387px;
	padding:				0px;
	margin:				0 0 30px 0px;
}
#content .kruemel img{	
	border:				0px;
}

#content .kruemel a{
	font-size: 			11px;
	color:				#666666;
	text-decoration: none;
	margin:				0 1px 0 2px;
}

#content .kruemel a:hover{
	font-size: 			11px;
	color:				#FF6600;
	text-decoration: 	none;
}





/* Styles für Kontaktformular */

table.kontaktform{
	font-size:			11px;
}

#content .kontaktform p.form_error{
	color : 				#B1113E;
	font-weight:		bold;
}

#content .kontaktform input.eingabe {	
	width:  				190px;		
	font-size:			11px;
	color : 				#B1113E;
	text-align: 		left;
	border: 				1px #333333 solid;
}

#content .kontaktform input.pflichteingabe {	
	width:  				190px;				
	font-size:			11px;
	color : 				#B1113E;
	text-align: 		left;
	border: 				1px #B1113E solid;
	background: 		#FFF5F8;
}

#content .kontaktform textarea.formular {			
	font-size:			11px;
	color : 				#B1113E;
	text-align: 		left;
	border: 				1px #333333 solid;
	width:				300px;
}

#content .kontaktform input.button {			
	font-size:			11px;
	font-weight:		bold;
	color : 				#B1113E;
	text-align: 		center;
	border: 				1px #B1113E solid;
	background: 		#FFF5F8;
}

/* Formatierung "Linie danach" */

*html .csc-frame-rulerAfter{
	border-bottom: 1px solid silver;
	margin:	3px 0 20px 0;
}

.csc-frame-rulerAfter{
	border-bottom: 1px solid silver;
	margin-bottom:	20px;
}



/* Formatierung Newslinks Startseite */

.news-list-mini-item a{
	color:				#B1113E;
	font-weight: 		bold;
	text-decoration: 	none;
}

.news-list-mini-item a:hover{
	color:			#333;
	font-weight: 		bold;
	}

	
	
/* Formatierung Newsextention */

.news-list-item {
	padding-bottom:			15px;
	border-bottom:			1px solid silver;
}

.news-list-item h4.meldung {
	padding: 		0px;
	margin:			15px 0 5px 0;

}

.news-list-item p.bodytext {
	padding: 		0px;
	margin:			0px;

}


	
	
/* Formatierung Suche */

table.csc-searchform p.csc-form-label{
	font-size:			11px;
	color:				#333;
	margin:				1px 20px 0 0;
	
}
	

table.csc-searchform .csc-form-fieldcell input{	
	width:  				190px;		
	font-size:			11px;
	color : 				#B1113E;
	text-align: 		center;
	border: 				1px #333333 solid;
}


table.csc-searchform .csc-form-fieldcell select {	
	width:  				190px;		
	font-size:			11px;
	color : 				#B1113E;
	text-align: 		center;
	border: 				1px #333333 solid;
}

td.csc-searchResultRange p{
	font-size:			11px;
	color:				#333;
}


/* Formatierung der Tabellen */
table.contenttable{
	width:    			365px;
	font-family:			Tahoma, Arial, Helvetica, sans-serif;
	font-size:			11px;
	margin:				0 0 20px 0;	
	
}

table.contenttable tr.tr-even{
	background:   			#F9EBEE;
}

table.contenttable tr.tr-odd{
	background:   			white;
}

table.contenttable td{
	padding:    			3px 5px 3px 10px;
}

table.contenttable td.td-0{
	font-weight:   			bold;
}