/* interaktiv.nada-bonn.de Version 0.14 */

/* @grid basic ******************************/
body { background: #f5f5f5; color: #000; text-align: center; margin: 0; padding: 0; }

#site {
	width: 985px; 
	background: #fff; text-align: left; padding: 0; margin: 0 auto;
}


#head {
	width: 100%; height: 144px;
	background: #194a85; position: relative;
}


#headBorder { height: 9px; background: #7db1ed; border-top: 3px solid #fff; }
#headBorder hr	{ display: none; }


#metaNav {
	padding: 0 0 5px; margin: 5px 15px 10px 15px; border-bottom: 1px solid #dfdfdf;
}


#navMain { 
	clear: left; float: left; width: 200px;
	padding: 0; margin: 10px 0 0; display: block;
}
#leftCol { margin: 20px 0 0 15px; }


#content {
	font-size: 75%; line-height: 1.333em;  /*1em = 12px; 12/16*/ 
	float: left;
	width: 505px; /*520px;*/
	margin: 0; padding: 0; border-left: 30px solid #fff;
} 


#multi	{ float: right; width: 205px; margin-right: 15px; }


#footer {
	clear: both; padding: 4px 0 4px 15px;
	border-top: 2.5em solid #fff; background: #ccc; 
}

/* end grid basic ***************************/




/* @layout basic ***********************************/
div.clearing, span.clearing	{ clear: both; line-height: 0; display: block; border: none; margin: 0; padding: 0; }

.invisible	{ display: none; }
.hidden	{ visibility: hidden; }

img { border: 0; }
/* end layout basic ********************************/




/* @type basic ******************************/
body { font-size: 100.01%; font-size: 75%; line-height: 1.33em; font-family: Arial, Helvetica, sans-serif; } /* font-size: 12px/16px */

input, button, select	{ font-family: Verdana, Arial, Helvetica, sans-serif; }

a	{ text-decoration: underline; color: #164073; }
a:hover, a:active, a:focus { text-decoration: underline; }
a.noneform {display: inline; background: none; }

#metaNav { font-size: 11px; line-height: 15px; }

#navMain { font-size: 11px; line-height: 13px; }

#content { font-size: 100%; }

#multi { font-size: 11px; line-height: 15px; }

#footer { font-size: 11px; line-height: 14px; color: #333; }

/* end type basic ***************************/



 
/* @layout Head ******************************/
#head h1 {
	width: 439px; height: 80px; margin: 0;
	background: transparent url(images/logo.gif) no-repeat 0 0;
	position: absolute; top: 0; right: -5px; z-index: 10;
}
#head h1 a { display: block; width: 100%; height: 100%; }
#head h1 a.left { width: 52%; float: left; }
#head h1 a.right { width: 47%; float: right; }
#head h1 span	{ display: none; }


#head img	{ position: absolute; top: 0; left: 0; }
/* end layout Head ***************************/




/* @layout MetaNav *********************************/
#metaNav {
	padding: 0 0 5px; margin: 5px 15px 10px;
	border-bottom: 1px solid #dfdfdf;
}

#metaNav ul, #metaNav ol	{ list-style: none; margin: 0 auto; padding: 0; display: inline; }
#metaNav ul { width: 210px; float: right; clear: right; overflow: hidden; }

#metaNav li	{ display: inline; }

div#breadcrump	{ display: inline; }

#breadcrump ol li span	{ padding-right: 1.25em; background: transparent url(icons/list.gif) no-repeat 100% 2px; }

#metaNav ul li a	{ 
	border-left: 1px solid #000; display: block; float: left;
	padding: 0 9px 0 5px; margin-left: -4px;  
}

/* end layout MetaNav ******************************/




/* @layout navMain *********************************/
#navMain ul { margin-left: 15px; padding-left: 0; list-style: none; }
#navMain ul ul { margin-left: 0; }
#navMain ul ul a { padding-left: 24px; }


#navMain ul li	{ display: inline; }
#navMain a	{ 
	display: block; font-weight: bold; border-bottom: 1px solid #296bb7; color: #000; background: transparent;
	text-decoration: none;
	padding: 4px 8px 5px 12px; 
}

	
	#navMain li.subActive a	{ color: #fff; background: #194a85; }
	#navMain .active a	{ color: #fff; background: #194a85; }
	#navMain ul li.subActive ul a	{ color: #555; background: #d0e1f2; border-color: #fff; }
	#navMain ul li.subActive ul .active a	{ background: #758bbd; color: #fff; }
	#navMain ul li.subActive ul ul a	{ color: #555; background: #fff; border-color: #ccc; font-weight: normal; }
	#navMain ul li.subActive ul ul .active a { font-weight: bold; color: #555; background: #fff; }
	#navMain ul ul li.subActive a	{ color: #fff; background: #758bbd; }

	
#navMain a:hover, #navMain a:focus	{ color: #fff; background: #194a85; }
#navMain ul li.subActive a	{ color: #fff; background: #194a85; }

#navMain ul li.subActive ul a:hover, #navMain ul li.subActive ul a:focus	{ color: #fff; background: #758bbd; }
#navMain ul li.subActive ul ul a:hover, #navMain ul li.subActive ul ul a:focus { color: #555; background: #d0e1f2; }


#leftCol a { display: inline; font-weight: normal; border: none; color: #194a85; padding: 0; }
#leftCol a.extern { padding-left: 14px; background: transparent url(icons/icon_extern.gif) no-repeat 0 2px; }
#leftCol a.extern:hover, #leftCol a.extern:focus { color: #fff; background-color: #194a85; text-decoration: none; }
.skip {
	position: absolute;
	left: -1000em;
	width: 20em;
}
/* end layout navMain ******************************/




/* @type content ***********************************/
.csc-firstHeader	{ font-size: 12px; color: #194a85; }

.csc-textpic-text { margin-bottom: 30px; }

.csc-textpic-text h1, h1.head1 { 
	font-size: 14px; line-height: 20px; margin: 0 0 5px; padding: 0;
	color: #296bb7; background: transparent url(icons/headline.gif) no-repeat 0 100%;
	text-transform: uppercase;
}
.csc-textpic-text h1 span, h1.head1 span	{ background: #fff; padding: 0 4px 0 0; }

.csc-textpic-text h2 { font-size: 15px; line-height: 16px; color: #555; margin: 10px 0 11px; }

.csc-textpic-text h3 { font-size: 12px; line-height: 18px; color: #194a85; margin: 0; }

.csc-textpic-text p { margin: 0; }
.csc-textpic-text p.bodytext { margin: 12px 0; }

p.csc-frame-frame2 { font-weight: bold; }

#content a.extern { padding-left: 14px; background: transparent url(icons/icon_extern.gif) no-repeat 0 2px; }
#content a.intern { padding-left: 14px; background: transparent url(icons/link.gif) no-repeat 0 2px; }

#content a:hover, #content a:focus { color: #fff; background-color: #194a85; text-decoration: none; }

.csc-textpic-text span { display: block; margin-bottom: 15px; margin-top: 10px; }
.csc-textpic-text h1 span { display: inline; margin-bottom: 0; }

/* end type content ********************************/



/* @type contact ***********************************/
.contact .spacer { clear: both; border-top: 1px solid #d9d9d9; }
.contact em { font-weight: bold; color: #ca1317; font-size: 18px; font-style: normal; }
.contact label { width: 150px; display: block; float: left; }
.contact input, .contact textarea { width: 320px; }
.contact .captcha label { width: 220px; margin-right: 10px; }
.contact #captcha { width: 91px; clear: left; margin-left: 230px; margin-top: 4px; margin-bottom: 10px; }

/* end type contact ********************************/




/* @type calendar *****************************/
.tx-cal-controller .head { background: #c2d6ee; padding: 4px 10px 6px 10px; }
.tx-cal-controller .head h1 { font-size: 14px; color: #194a85; padding-top: 4px; margin: 0; }
.tx-cal-controller .head h1 span { font-size: 20px; }

/* calendar detail nav */
.tx-cal-controller ul.nav { 
	background: #e5f2ff; font-size: 11px; color: #555; 
	border-top: 2px solid #fff; padding-bottom: 3px; height: 22px; margin-top: 0; list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif; padding-left: 0;
	margin-left: 0; padding-bottom: 0;
}
.tx-cal-controller .nav li { 
	float: left; width: 11.8%; border-left: 1px solid #fff; border-top: none; text-align: center; padding: 1px;
}
.tx-cal-controller .nav li a { padding-bottom: 2px; }

.tx-cal-controller .nav li.left, .tx-cal-controller .nav li.right { width: 4%; }
.tx-cal-controller .nav li.left a, .tx-cal-controller .nav li.right a { padding-top: 4px; padding-bottom: 6px; line-height: 20px; }
.tx-cal-controller .nav li.right { float: right; }
.tx-cal-controller .nav li.left { border-left: none; }

.tx-cal-controller .nav li.rowOff span { padding-left: 1px; padding-right: 1px; }
.tx-cal-controller .nav li.rowToday { 
	background: #fff; border: 1px solid #900; border-width: 1px 1px 0 1px; border-bottom: 1px solid #fff; padding-bottom: 2px; margin-bottom: -5px; 
}

.tx-cal-controller .nav span { display: block; line-height: 14px; }
.tx-cal-controller .nav li.rowToday span a { background: #fff; padding-bottom: 2px; }


/* listview nav */
.tx-cal-controller .navList { height: 22px; }
.tx-cal-controller .navList li { float: left;  width: 120px; font-size: 12px; color: #000; font-size: 11px; }
.tx-cal-controller .navList li.description { padding-top: 3px; padding-bottom: 2px; }

.tx-cal-controller .navList li.left, #content .tx-cal-controller .navList li.right { width: 3.8%; }

.tx-cal-controller .navList li.position { width: 153px; border-left: none; padding: 0; }
.tx-cal-controller .navList li.position span { width: 50px; display: block; float: left; border-left: 1px solid #fff; line-height: 21px; }
.tx-cal-controller .navList li.position span a { /*padding: 1px 0;*/padding-bottom: 0; }
.tx-cal-controller .navList li.position span strong { 
	background: #fff; display: block; width: 48px; height: 100%;
	border: 1px solid #388c3f; border-width: 1px 1px 0 1px; border-bottom: 1px solid #fff; padding-bottom: 4px; margin-bottom: -5px;
}


.tx-cal-controller .nav a { 
	font-size: 11px; color: #900; text-decoration: none; font-weight: bold;
	display: block; width: 100%; height: 100%; 
}
.tx-cal-controller .nav a:hover, #content .tx-cal-controller .nav a:focus { /*color: #fff; background: #900;*/ background: #ffb340; }

.tx-cal-controller .nav li.left a, #content .tx-cal-controller .nav li.right a {  
	font-size: 16px; line-height: 20px; width: 100%; display: block; height: 100%; 
}
.tx-cal-controller .navList li.left a, #content .tx-cal-controller .navList li.right a { 
	font-size: 12px; line-height: 12px; padding-bottom: 4px;
	font-family: Arial, Helvetica, sans-serif; 
}

.tx-cal-controller .nav li.left a:hover,
	#content .tx-cal-controller .nav li.left a:focus, 
	#content .tx-cal-controller .nav li.right a:hover,
	#content .tx-cal-controller .nav li.right a:focus {  
		background: #ffb340;
}




.tx-cal-controller h4 { margin: 0; }
div.list-datetime { 
	width: 150px; float: left; color: #555; font-size: 11px; 
}
div.list-datetime h4 { font-weight: normal; }
div.list-eventtext { width: 340px; float: left; }

div.even { margin-bottom: 1.5em; padding: 5px; background: #f0f8fc !important; border-top: 1px solid #e5f2ff; }
div.odd { margin-bottom: 1.5em; padding: 5px; }
div.list-eventtext { font-size: 12px; }


.event-label { width: 150px; float: left; clear: left; margin-right: 10px; font-size: 11px; color: #555; overflow: hidden; }
.event-label span { 
	display: block; background: #f0f8fc; font-size: 11px; color: #555; line-height: 16px; padding: 2px; 
	border-top: 4px solid #fff;
}
.event-label a { padding-left: 14px; background: transparent url(icons/linkExtern.gif) no-repeat 0 2px; }

div.event-description { width: 360px; float: right; margin-top: 4px; overflow: hidden; }
div.event-description span.fett { font-weight: bold; }
div.event-description ul { padding-left: 20px; margin-left: 0; }

div#calendar-event-backlink { clear: both; width: 150px; border-top: 20px solid #fff; }
div#calendar-event-backlink a { 
	background: #c2d6ee url(icons/icon_back.gif) no-repeat 4px 5px; font-size: 13px;
	color: #194a85; display: block; font-weight: bold; padding: 2px 0 2px 20px;

}

/* end type calendar **************************/




/* @type multi ***********************************/
/*#multi .csc-header { background: #eee; padding: 0 8px 8px; }*/
#multi .csc-textpic-text { padding: 0 8px 8px; margin-top: 15px; }
#multi h1.csc-firstHeader { color: #555; margin: 0; padding: 8px 0 0; text-transform: uppercase; }
#multi .csc-textpic-text h1 { color: #000; font-size: 12px; line-height: 16px; background: transparent url(icons/headline_mfb.gif) no-repeat 0 100%; }
#multi .csc-textpic-text h1 span { background: #fff;}

#toolbox { background-color: #e5f2ff; margin-top: -15px; }
#toolbox h2 { font-size: 1em; color: #000000; margin: -0.4em 0 0.8em 0; font-weight: bold;  border-bottom: 1px solid #000; }
#toolbox h2 span { position: relative; top: 0.4em; background-color: #e5f2ff; padding-right:4px; line-height: 1.2em; }
#login_adams { padding: 10px; }


/* end type multi ********************************/




/* @layout calendar multi *****************************/
table.month-small { width: 205px; margin: 0; padding: 0; border-spacing: 0; }
/* end layout calendar multi **************************/




/* @type calendar multi *****************************/
table.month-small tbody { font-family: Verdana, Arial, sans-serif; }
#multi .treeviewHeadline { font-size: 12px; font-weight: bold; color: #555; margin-bottom: 6px; display: block; }
#multi th.sideback { padding: 0; }
#multi th.sideback a { background: #e5f2ff; display: block; padding: 3px 3px 3px 6px; }
#multi th.sideback a:hover, #multi th.sideback a:focus { background: #194a85; color: #fff; text-decoration: none; }
#multi th.month-weekdays, #multi th.month-weeknums { font-weight: normal; background: #d9d9d9; color: #333; font-size: 10px; text-align: center; padding: 2px 0; }
#multi th.month-weeknums a { font-weight: bold; display: block; }
#multi th.month-weeknums a:hover, #multi th.month-weeknums a:focus { background: #194a85; color: #fff; text-decoration: none; }

#multi table.month-small td { font-size: 11px; text-align: center; }
#multi table.month-small td a { font-weight: bold; display: block; text-decoration: underline; }
#multi table.month-small td a:hover, #multi table.month-small td a:focus { background: #194a85; color: #fff;}
#multi td.monthSelectedWeek { background: #f2f9ff }
#multi td.monthWeekend { background: #e5f2ff; }
#multi td.monthOff { color: #bbb; }
#multi td.monthOff a { color: #bbb; }
#multi td.monthToday { border: 1px solid #194a85; }

#multi a.terminelink { display: block; color: #000; background: #ebebeb url(icons/link_mfb.gif) no-repeat 0 5px; font-weight: bold; padding: 4px 0 4px 20px; }

.sidebar-form { margin-top: 4px; }
.sidebar-form select { width: 100%; }

/* end type calendar multi **************************/




/* @layout footer **********************************/
#footer ul { list-style: none; margin: 0; text-align: right; display: inline; padding-left: 480px; }
#footer li	{ display: inline; }
#footer a	{ color: #333; margin: 5px 11px 5px 0; padding: 0 0 0 16px; }
#footer .top a	{ background: transparent url(icons/icon_top.gif) 0 1px no-repeat; }
#footer .print a { background: transparent url(icons/icon_print.gif) 0 1px no-repeat; }
#footer .send a { background: transparent url(icons/icon_sendpage.gif) 0 1px no-repeat; }
/* end layout footer *******************************/