/* ******** Allgemein ********* */

    
/* HTML Elemente */
html 			{  }
body      { 
	background: #e6e6e6 url(../images/bg_body.gif) repeat-x;
	color: #767676; 
	font: 12px/1.2em Arial, Helvetica, sans-serif;
	padding: 22px 0; 
	margin: 0; 
}
body.leer { background: none; margin: 20px; }
body.print { margin: 20px; background: #fff }

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

h1,h2,h3,h4,h5,h6 { margin: 0; color: #000 }
h1, #highlights h1 { font-size: 16px; margin-bottom: 10px; color: #013f3f; }
h2 { font-size: 14px; margin-bottom: 10px; color: #006565; }
#events h2,  #events h2 * { color: #fff; text-decoration: none }
div.box3_2columned_green #highlights h2, div.box3_2columned_green #highlights h2 *,
div.box3 #highlights h2, div.box3 #highlights h2 * { 
	color: #013f3f; 
	text-decoration: none 
}
h3 { font-size: 12px; margin-bottom: 5px; color: #006565 }
h4 { font-size: 105%; margin-bottom: .5em; }
h5 { font-size: 100%; margin-bottom: .3em; }
h6 { font-size: 100%; margin-bottom: .2em; } 

p { line-height: 1.2em; margin: 0 0 1em 0; }

ul { }
ol { }

/* Allgemeine Klassen für alle Module */
big      { font-size: 110% }
small    { font-size: 90% }
sup, sub { font-size: 90% }

hr { color: #ffffff; background-color: #ffffff; height: 1px; border: 0 }

form 										{ margin: 0; padding: 0; border: 0 }
input, select, fieldset { margin: 0 }
label 									{ margin: 0 }

.err { color: #c00!important }
.success { color: green }

a img { border: none }


/* Conrad-Editor */
.mceContentBody { background: #fff; padding: 0 }

/* ******** Conrad ********* */

/* overLib */
#overDiv { visibility: hidden; position: absolute; z-index: 1000 }

/* Panel-Popups */
.panel { color: black; font-size: 11px; text-decoration: none; font-family: Arial, sans-serif; border: 2px dashed #c0c0c0 } 

a.panel_popup 			{ color: #FF6600 }
.panel_popup_bg		 	{ border: 1px solid #FF6600; background-color: #FF6600 }
.panel_popup_fg 		{ background-color: #FFFFFF }
.panel_popup_text * { color: black; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif }
.panel_popup_cap 		{ color: white; font-size: 10px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif }
panel_popup_cap 		{ color: white; font-size: 10px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif }

/* Allgemeines CSS für alle Module */
ul.none { padding: 0; margin: 0 }
	ul.none li { list-style-type: none }

.l { text-align: left }
.r { text-align: right }
.c { text-align: center }

.lfloat { float: left }
img.lfloat { margin: 0 10px 5px 0 }
.rfloat { float: right }
img.rfloat { margin: 0 0 5px 10px }
.clear { clear: both }

.break { line-height: 0; clear: both; font-size: 0; height: 0; overflow: hidden }

.bold { font-weight: bold }
.normal { font-weight: normal }

.hideme { display: none }

.no_results { font-weight: bold }

.arrow { background: url(../images/arrow_right_bright.gif) no-repeat center right; padding-right: 10px }
.arrow_prev { background: url(../images/arrow_left_dark.gif) no-repeat center left; padding-left: 10px }
#highlights .arrow, #content .arrow { background: url(../images/arrow_right_dark.gif) no-repeat center right; }

span.arrow { text-decoration: underline; color: #006565 }

button { border: none; background: none; cursor: pointer; margin: 0; padding: 0  }

input.text, textarea { border: 1px solid; border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea; padding: 2px 4px }

/* Topliste */
ul.top { margin-bottom: 15px }	
	ul.top li { padding-bottom: 10px }
	ul.top li span.date { font-weight: bold }
	ul.top li.no_results { color: #fff!important }

/* Tabelle */
table.list { 
	clear: both;
	margin: 0 0 20px; 
	padding: 0; 
	border-collapse: collapse;
	border-left: 1px solid #dcdcdc;
	border-top: 1px solid #dcdcdc;
	width: 100%
}
	table.list caption { 
		color: #006565;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		padding: 0 0 10px;
	}
	table.list th, table.list td { 
		border-bottom: 1px solid #dcdcdc;
		border-right: 1px solid #dcdcdc;
		padding: 5px 13px;
		vertical-align: top
	}
	table.list th { 
			background: #ececec
	}
	table.list .date { width: 140px }
	table.list .description {  }
	table.list .logo { width: 95px }
	

table.pager { 
	background: #ECECEC;
	border-collapse: collapse;
	border: 1px solid #dcdcdc;
	margin: 0 0 5px;
	padding: 0;
	width: 100%
}
	table.pager td { width: 33.3%; padding: 5px 13px }
	
/* Seitenaufbau */
#page { 
	background: #fff;
	margin: 0 auto;
	padding: 0 10px;
	width: 930px; 
}
	#keyvis { 
		clear: both;
		min-height: 310px;
		margin: 0 0 10px;
		position: relative;
	}
		#logo { 
			position: absolute; 
			right: 0;
			top: 138px;
			z-index: 10;
		}
		#mainnav {
			left: 0;
			position: relative;
			top: 0px;
			width: 100%;
		}
		#search {
			background: url(../images/bg_search.png) no-repeat;
			position: absolute;
			height: 116px;
			top: 194px;
			right: 0;
			width: 231px;
		}
	#main {
		background: url(../images/bg_main.gif) repeat-y;
		border-bottom: 5px solid #fff;
		clear: both;
		float: left;
		width: 100%;
	}
		#content {
			border-bottom: 1px solid #fff;
			float: left;
			padding: 13px 29px 0 13px;
			width: 423px;
		}
		#highlights {
			border-bottom: 1px solid #D3E2E2;
			float: left;
			width: 208px;
			padding: 13px;

		}
			div.box3_2columned_green #highlights, div.box3 #highlights,
			div.box3_2columned_green #highlights *, div.box3 #highlights * { 
				color: #006565 
			}

		#events {
			border-bottom: 1px solid #4F8A8A;
			color: #c3e5e5;
			float: left;
			padding: 13px;
			width: 205px;
		}
			#events * { color: #c3e5e5 }
	#footer {
		background: #f3f3f3;
		border-bottom: 10px solid #e6e6e6;
		border-top: 10px solid #e6e6e6;
		clear: both;
		margin: 0 -10px;
		padding: 10px
	}
	
	#copyright {
		background: #e6e6e6;
		clear: both;
		font-size: 11px;
		margin: 0 -10px;
		padding: 0 10px
	}
		#copyright a {
			color: #767676;
	
		}
		
/* verschiedene Boxenbreiten */
div.box2_wide { background-image: url(../images/bg_main_box2_wide.gif)!important }
div.box2_wide #content { width: 670px; padding-right: 16px }

div.box3_2columned { background-image: url(../images/bg_main_box3_columned.gif)!important }
div.box3_2columned #content { width: 324px; padding-right: 13px }
div.box3_2columned #highlights { width: 319px; padding: 13px 15px }

div.box3_2columned_green { background-image: url(../images/bg_main_box3_columned_green.gif)!important }
div.box3_2columned_green #content { width: 324px; padding-right: 13px }
div.box3_2columned_green #highlights { width: 319px; padding: 13px 15px }

/* Druckansichten  */
body.print #printhead { 
	border-bottom: 1px solid #d5d6d9;
	float: left;
	padding-bottom: 20px;
	margin-bottom: 20px;
	width: 100%;
}
body.print #copyright { background: #fff; margin: 0; padding: 10px 0 0 0; border-top: 1px solid #d5d6d9; }
body.print #main { background: none!important }

body.print #page { width: auto; margin: 0 }
body.print #page #content { padding: 0; float: none }


/* Editmode */
body.edit #main { margin-top: 120px }
	
/* Module */

/* Schnelnavigation */
ul.short_navigation_show { margin-right: 25px; float: left; margin-bottom: 5px }
	ul.short_navigation_show li { display: inline; margin-right: 10px }
		ul.short_navigation_show li	a { color: #005454; text-decoration: none }
		ul.short_navigation_show li	a:hover { text-decoration: underline }
		ul.short_navigation_show li.on a { font-weight: bold }
		
#copyright ul.short_navigation_show { float: right; margin: -18px -5px 0 0}		
	#copyright ul.short_navigation_show li { margin-right: 5px }	

/* Sprache */
ul.sitelanguages_show { margin-bottom: 5px }
	ul.sitelanguages_show li { display: inline; margin-right: 5px  }
		ul.sitelanguages_show li a { color: #005454; margin-right: 6px; text-decoration: none }
		ul.sitelanguages_show li a:hover { text-decoration: underline }
		ul.sitelanguages_show li.on a { font-weight: bold }
		
/* Funktionsleiste */
ul.function_bar { float: right;  margin-right: -13px; margin-bottom: 5px }
	ul.function_bar li { display: inline; margin-right: 13px }
		ul.function_bar li a { color: #009090; text-decoration: none }
		ul.function_bar li	a:hover { text-decoration: underline }

#footer ul.function_bar { margin: 3px -10px 0 0 }
	#footer ul.function_bar li { margin: 0 0 0 6px; color: #b0b0b0 }
		#footer ul.function_bar li a { color: #767676; margin-right: 10px }

/* Ansprechpartner */
div.contact_showOne { margin-bottom: 15px }

/* Navigation */
div.navigation_showLevel1_3 { min-height: 310px; position: relative; background-repeat: no-repeat }
div.level_2 { min-height: 330px }
div.level_3 { min-height: 350px }
	div.navigation_showLevel1_3 div.gradient { 
		top: 194px;	
		height: 116px;
		position: absolute;
		left: 0;
		width: 699px;
	}
		div.navigation_showLevel1_3 ul { float: left; margin: 15px 10px 0 15px }
			div.navigation_showLevel1_3 ul li { line-height: 18px }
				div.navigation_showLevel1_3 ul li a { 
					color: #fff;
					font-weight: bold;
					text-decoration: none;
				}
				div.navigation_showLevel1_3 a span { position:relative; top: -1px}
				div.navigation_showLevel1_3 ul li a:hover { color: #fff; text-decoration: underline }
				div.navigation_showLevel1_3 ul li.on a { color: #000 }
		
					div.navigation_showLevel1_3 ul ul { 
						position: absolute; 
						left: 0px;
						top: 120px; 
						width: 915px; 
						margin: 0px; 
						height: 20px; 
						overflow: hidden;
						padding-left: 15px;
						z-index: 1
					}
					
					div.level_3 ul ul { height: 40px; }
					
						div.navigation_showLevel1_3 ul ul li { display: inline }	
							div.navigation_showLevel1_3 ul li.on li a, div.navigation_showLevel1_3 ul li.on li a:hover {
								color: #3b8e5b;
								font-size: 11px;
								font-weight: normal;
								margin-right: 13px
							}
							 
							div.navigation_showLevel1_3 ul li.on li.on a, div.navigation_showLevel1_3 ul li.on li.on a:hover { font-weight: bold }
								
								div.navigation_showLevel1_3 ul ul ul { top: 20px; left: 0px; position: absolute; z-index: 100; background: #fff }
								div.navigation_showLevel1_3 ul li.on li.on li a, div.navigation_showLevel1_3 ul li.on li.on li a:hover {	font-weight: normal }
								div.navigation_showLevel1_3 ul li.on li.on li.on a { font-weight: bold }
								
								
/* Suche */
form.search2_showForm { padding: 79px 0 0 13px }
	form.search2_showForm input.text {
		background: url(../images/bg_searchfield.gif) no-repeat;
		border: none;
		color: #009090;
		height: 19px;
		margin-right: 2px;
		padding: 3px 8px 0;
		width: 174px;
	}
	form.search2_showForm input.submit {
		background: url(../images/btn_search.gif) no-repeat center;
		border: none;
		cursor: pointer;
		height: 22px;
		text-indent: -9999px;
	  letter-spacing: -99999px;
		width: 22px;
	}
	
form.search2_showFormContent { margin-bottom: 30px }
	form.search2_showFormContent label { display: block; margin-bottom: 3px}
	form.search2_showFormContent input.text { width: 430px; margin-right: 5px }
	form.search2_showFormContent input.submit { 
		border: none; 
		color: #006565; 
		text-decoration: underline
	}

div.search2_showResults {}

/* Download */
table.download_show { margin-bottom: 20px }
	table.download_show td { line-height: 17px }


/* Bookmarks */
ul.bookmarks { height: 20px }
	ul.bookmarks li { display: inline; margin-right: 2px  }
	
/* Texte */
div.text_show { margin-bottom: 10px }

/* Bilder */
div.image_showGalleryImages {}
	
div.image_showLeft { float: left; margin: 0 10px 10px 0 }
	div.image_showLeft p { 
		background: #dcdcdc;
		color: #006565;
		text-align: center;
		padding: 5px 
	}
	
p.image_show { 
	background: #dcdcdc;
	color: #006565;
	text-align: center;
	padding: 5px 0;
	margin-bottom: 10px;
}
	
/* Galerie */
div.gallery {}	
	div.gallery div.preview_image { 
		background: #dcdcdc;
		height: 300px; 
		overflow: hidden;
		text-align: center;
		width: 300px;
		position: relative;
	}
	
	div.gallery span#preview_title { position: absolute; bottom: -20px; }

	div.gallery ul li { 
		width: 56px; 
		height: 56px; 
		background: #dcdcdc; 
		text-align: center;
		float: left; 
		margin: 0 0 5px 5px;	
	}
	div.gallery ul li.last { margin-left: 0; margin-right: 0}

		div.gallery ul li a {
			display: block;
			width: 56px;
			height: 56px
		}
		div.gallery ul li a:hover { background: #009090; }

/* Galerie mit Thumbs darunter */
div.horizontal ul { width: 300px; margin-top: 5px  }
	div.horizontal ul li{ margin: 0 5px 5px 0 }
	
/* Formulargenerator */
div.formgen_showForm_choose_dropdown select { background: #e5f4f4; color: #006565; width: 100%; margin: 0; padding: 0 }	
	div.formgen_showForm_choose_dropdown select * { background: #e5f4f4; color: #006565 }	

/* Nachrichten */	
div.news_showOne {}
	div.news_showOne h2 a { color: #fff!important; text-decoration: none }
	div.news_showOne span.date { display: block; padding-bottom: 0px }

div.news_showLatestXNews {}

div.showLatest { margin-bottom: 15px }
	div.showLatest a.list { margin-top: -25px }
	div.showLatest ul { margin: 0 -15px; }
		div.showLatest li { padding: 5px 15px }
			div.showLatest li span.date { 
				font-weight: bold; 
				display: block; 
				margin-bottom: 5px 
			}
			div.showLatest li a { 
				display: block; 
				background-position: right bottom!important; 
				text-decoration: none 
			}
		div.showLatest li.list1 { background: #e9f1f1}
		div.showLatest li:hover { background: #fff }

div.news_showDetail {background: url(../images/bg_main.gif) repeat-y; float: left; width: 686px; margin-top: -13px}
	div.news_showDetail span.date { color: #006565; font-weight: bold; display: block; margin-bottom: 5px }
	div.news_showDetail div.image { float: left; margin: 0 10px 5px 0 }
		div.news_showDetail div.image	p  {
			text-align: center;
			background: #dcdcdc;
			padding: 10px;
			color: #006565
		}
		
		div.news_showDetail div.news { float: left; width: 452px; margin-right: 13px }
		div.news_showDetail div.links { padding-top: 13px; float: left; width: 220px}
			div.news_showDetail div.links h2 { padding: 0 13px }
			div.news_showDetail div.links ul { background: #e9f1f1; padding: 10px 0; margin-bottom: 10px }
				div.news_showDetail div.links ul li { padding: 2px 13px }
				div.news_showDetail div.links a.back { margin-left: 13px }
				
/* Teaser */
div.teaser_show { margin-bottom: 5px }
div.teaser_show img { margin: 0 -13px 1px }
div.teaser_show a.text {  }

/* Veranstaltungen */
div.event_planner_showLatestXEvents {  }
	div.event_planner_showLatestXEvents label { color: #fff }

div.event_planner_showCalender { }
div.event_planner_showCalender ul.date { margin-bottom: 10px; float: right;  }
	div.event_planner_showCalender ul.date li { 
		float: left		 
	}
		div.event_planner_showCalender ul.date li a {
			border: 1px solid #006565;
			float: left;
			font-weight: bold;
			display: block;
			text-decoration: none;
			margin-left: 3px
		}
		div.event_planner_showCalender ul.date li a:hover, div.event_planner_showCalender ul.date li.on a { 
			background: #029292;	
			color: #fff; 
		}

		div.event_planner_showCalender ul.year { margin-top: -1px }
		div.event_planner_showCalender ul.year li a { padding: 2px 10px }
		div.event_planner_showCalender ul.month li a { padding: 2px 5px }

div.event_planner_showDetails {}
	div.event_planner_showDetails span.date { float: left; margin: 0 5px 10px 0; display: block; }
	div.event_planner_showDetails table.list { margin-top: 20px }
		div.event_planner_showDetails table.list th { text-align: left }
	div.event_planner_showDetails div.contact { clear: both }
		div.event_planner_showDetails div.contact p { width: 40% }
	div.event_planner_showDetails ul.download { margin-bottom: 10px }
		div.event_planner_showDetails ul.download img { float: left; margin-right: 5px }

	
div#dropdown {}	
	div#dropdown label { display: block; clear: left; padding-bottom: 2px }
	div#dropdown ul.dropdown { 
		margin: 0 10px 10px 0; 
		padding: 0; 
		list-style: none; 
		float:left; 
		position: relative;
	}
		div#dropdown ul.dropdown * { font-size: 11px!important }
			div#dropdown ul li.active { 
				background: url(../images/bg_dropdown.gif) no-repeat; 
				width: 171px; 
				display: block; 
				height: 16px; 
				padding: 2px 5px; 
				cursor:default 
			}
				div#dropdown ul li.show ul { display: block!important; }
				div#dropdown ul.dropdown li { color: #006565!important }

					div#dropdown ul li ul { 
						position: absolute; 
						background: #fff; 
						border: 1px solid #4F8A8A; 
						width: 250px; 
						top: 19px; 
						right: 0px; 
						z-index: 100; 
						max-height: 200px;
						overflow: auto; 
						overflow-x: hidden 
					}
						div#dropdown ul li ul li { z-index: 100; position: relative; }
						div#dropdown ul li ul li:hover { background: #D3E2E2 }
							div#dropdown ul li ul li a { 
								display: block; 
								padding: 2px 5px; 
								cursor: pointer; 
								border-bottom: 1px dotted #ccc; 
								line-height: 13px; 
								width: 100%; 
								color: #006565!important; 
								text-decoration: none
							}
							div#dropdown ul li ul li a:hover { color: #fff } 
				div#dropdown ul li.button { 
					width: 30px; 
					position: absolute; 
					right: -32px; 
					top: 0; 
					z-index: 10 
				}
	/* Dropdown auf der linken Seite */
	div.left_dropdown	ul li ul { left: 0px }
		
	
/* Referenzen */
div.reference_show { margin-bottom: 20px }
	div.reference_show ul.organizer li { line-height: 17px }

div.reference_showDetails { background: url(../images/bg_main_box2_columned.gif) -10px 0 repeat-y; float: left; width: 100%; margin-top: -13px }
	div.reference_showDetails div.organizer { float: left; width: 320px; margin-right: 35px }
	div.reference_showDetails table.list th { text-align: left }
	div.reference_showDetails div.gallery { float: left }
	
	
/* Seite empfehlen */
div.recommend_show { margin-bottom: 20px }
	div.recommend_show div.lfloat { width: 211px; margin-bottom: 10px }
	div.recommend_show input.text { width: 190px }
	div.recommend_show label { display: block; margin-bottom: 5px }
	div.recommend_show div.checkbox { margin-top: 20px }
		div.recommend_show div.checkbox input { margin-right: 5px }
	div.recommend_show button { clear: both; margin-top: 10px}

/* Sitemap */
div.sitemap_show {}
	div.sitemap_show ul {  }
		div.sitemap_show ul li { 
			border-bottom: 1px solid #d5d6d9;
			clear: left; 
			float: left;
			padding: 10px 0;
			width: 100%; 
		}
			div.sitemap_show ul li a { 
				display: block; 
				width: 200px; 
				float: left;
				font-weight: bold; 
				text-decoration: none;
				background-position: left 7px!important;
				padding: 3px 0 0 10px; 
			}
			div.sitemap_show ul ul { 
				float: left;
			}
				div.sitemap_show ul ul li {
					padding: 3px 0;
					border: 0
				}
				div.sitemap_show ul ul li a { 
					background-position: left center!important;
					font-weight: normal; 
					text-decoration: underline;
					width: auto;
					padding-top: 0
				}
					
					div.sitemap_show ul ul ul { clear: left; width: 100%; padding: 3px 0 0 15px; margin-bottom: -3px }
						div.sitemap_show ul ul ul li { clear:none; display: inline; width: auto; padding: 0 }
							div.sitemap_show ul ul ul li a {
								background: none!important;
								color: #696c6c;
								text-decoration: none;
								display: inline;
								float: left;
								font-size: 11px;
								padding: 0 4px
							}
								div.sitemap_show ul ul ul li a:hover { color: #000; text-decoration: underline
								}

/* Formular */
div.formgen_showContactForm {}
	div.formgen_showContactForm label { display: block; color: #535353; padding-bottom: 4px; white-space: nowrap}
	div.formgen_showContactForm label.check { display: inline }
	div.formgen_showContactForm div.lfloat { margin: 0 4px 10px 0 }
	div.formgen_showContactForm div.last { margin-right: 0px }
	div.formgen_showContactForm div.check { padding-top: 20px }
	div.formgen_showContactForm input.check { margin-right: 4px; float: left; }
	div.formgen_showContactForm .full { width: 412px }
	div.formgen_showContactForm .half { width: 199px }
	div.formgen_showContactForm .small { width: 46px }
	div.formgen_showContactForm .middle { width: 65px }
	div.formgen_showContactForm .large { width: 120px }
	div.formgen_showContactForm textarea { height: 100px }
	div.formgen_showContactForm div.border { border-top: 1px solid #d5d6d9; padding: 5px 0}
	div.formgen_showContactForm div.spacer { padding-top: 10px }
	div.formgen_showContactForm ul.info { width: 100%; margin-bottom: 10px; float: left }
		div.formgen_showContactForm ul.info li { float: left; width: 205px }
	div.formgen_showContactForm div.use_area_space { margin-left: 30px }
	div.formgen_showContactForm select {
	 border: 1px solid; 
	 border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
	 font-size: 11px;
	}
	div.formgen_showContactForm select.year { margin-right: 6px }
	div.formgen_showContactForm select.month { width: 36px }
	div.formgen_showContactForm select.day { width: 36px }
		div.formgen_showContactForm select option { font-size: 11px }
	

/* Checkboxes */
div.formgen_showContactForm label.checkbox_checked {
	background: #fff url(../images/icon_close.png) 0 2px no-repeat;	
	padding-left: 22px;
	color: #006565;
	text-decoration: underline;
	cursor: pointer;
	white-space: normal
}

div.formgen_showContactForm label.checkbox_unchecked  {
	background: #fff url(../images/icon_open.png) 0 2px no-repeat;	
	padding-left: 22px;
	color: #006565;
	text-decoration: underline;
	cursor: pointer;
	white-space: normal 
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* STOP EDITTING - DO NOT CHANGE OR REMOVE        */
.crirHidden {
	position: absolute;
	left: -1000px;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */



/* Lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 1000; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* Texteditor styles */
table.table_rooms { 
	margin: 0; 
	padding: 0; 
	border-collapse: collapse;
	border-left: 1px solid #dcdcdc; 
	border-top: 1px solid #dcdcdc
}
	table.table_rooms th, table.table_rooms thead td { background: #ececec; }
	table.table_rooms td, table.table_rooms th { border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; padding: 5px 13px;  }
	table.table_rooms a { background: url(../images/arrow_right_dark.gif) no-repeat center right; padding-right: 10px }