/* reset styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, 
strike, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, input, legend, caption, tbody, tfoot, thead, tr, th, td, .sIFR-active  
{ margin:0; padding:0; outline:0; }

/* site styles */
BODY	 { font-family:Verdana, Helvetica, sans-serif; font-size:11px; background-color:#FFF; color:#4D4D4D; }
p, div, table, span { font-family:Verdana, Arial, Helvetica, sans-serif; color:#4D4D4D; font-size:11px; }

.color00	{ background-color:#DEDEDE; } /* light grey (background,rows) */
.color01 { background-color:#E6E6E6; } /* medium grey () */
.color02	{ background-color:#D2D3D5; } /* grey (input,left) */
.color03	{ background-color:#BEBEBE; } /* dark grey ()	*/
.color04	{ background-color:#4D4D4D; } /* very dark grey (text)	*/

.color05	{ background-color:#D04348; } /* light red () */
.color06 { background-color:#B80808; } /* red (headlines) */
.color07	{ background-color:#A60D13; } /* darkred (header) */

.white	{ background-color:#FFF; }

a 			    { color:#B80808; text-decoration:none; }
a:hover 	{ color:#000; text-decoration:underline; }

H1 { font-family:Dali,Verdana, Helvetica, sans-serif; font-weight:normal; font-size:30px; color:#B80808; }
H2 { font-family:Helv,Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#B80808; }/* tabs clickable center */
H3 { font-family:Helv,Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#B80808; }/* teaser clickable left */
H4 { font-family:Helv,Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#B80808; }/*half transparent not clickable*/

H5 { font-size:1em; font-weight:bold; color:#B80808; }
H6 { font-size:1em; font-weight:bold; margin:5px 0; padding:5px 0; } /* roundedges */

/*---- sIFR 3---*/
h1, h2, h3, h4 { letter-spacing:1em; line-height:1em; }

.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; display: block; left: 0; top: 0; width: 0; height: 0; overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus { float: none; margin: 0pt; padding: 0pt; letter-spacing: 0px; overflow: auto; }
.sIFR-active h1, .sIFR-active h4 { visibility: hidden; font-family: Verdana; line-height:1em; }

.sIFR-active h1 { font-size: 30px; }

.sIFR-active h2 { font-size: 14px; display: block; }
.sIFR-active h3 { font-size: 14px; display: block; }
.sIFR-active h4 { font-size: 14px; display: block; }

.mama			{ background:#DEDEDE; }
#principal		{ position:relative; top:0; left:0; width:980px; padding:0 3px; text-align:left; background:url(http://media.agon-group.com/media/img/principal.gif) center repeat-y; overflow:hidden; }

#header			{ position:relative; top:0; left:0; width:980px; height:125px; background:url(http://media.agon-group.com/media/img/header.gif) repeat-x #A60D13; overflow:hidden; }
#logo				{ float:left; width:350px; height:115px; margin:5px 10px; background:url(http://media.agon-group.com/media/img/logo.gif) left top no-repeat; overflow:hidden; }
#languages 		{ float:left; width:350px; height:20px; overflow:hidden; }

#secondnav	{ float:right; width:600px; height:50px; color:#FFF; overflow:hidden; }
#secondnav ul,#secondnav li { margin:0; padding:0; list-style-type:none; display:inline; }
#secondnav li.secondmenu, #secondnav li.secondmenuover { float:left; line-height:20px; }
#secondnav li.secondmenu a { color:#FFF; padding:0 5px; border-right:1px solid #FFF; }
#secondnav li.secondmenu a:hover, #secondnav li.secondmenuover a, #secondnav li.secondmenuover a:hover { color:#E7E1DB; text-decoration:none; padding:0 5px; border-right:1px solid #FFF; }

#secondnav li.search	 { float:right; width:180px; border:0; display:inline; }

#nav	{ float:right; width:600px; height:25px; margin-top:50px; overflow:hidden; }
#nav ul,#nav li { margin:0; padding:0; list-style-type:none; display:inline; }
#nav li.mainmenu		 { float:left; line-height:15px; background:url(http://media.agon-group.com/media/img/mainmenu.gif) repeat-x; padding:5px 10px; text-align:center; margin:0 1px 0 0; }
#nav li.mainmenuover { float:left; line-height:15px; background-color:#FFF; padding:5px 10px; text-align:center; margin:0 1px 0 0; }
#nav li.mainmenu a { font-size:13px; font-weight:bold; color:#333; }
#nav li.mainmenu a:hover, #nav li.mainmenuover a, #nav li.mainmenuover a:hover { font-size:13px; font-weight:bold; color:#B80808; text-decoration:none; }

#stage 		{  position:relative; top:0; left:0; width:960px; padding:10px; background-color:#FFF; }

#left				{ float:left; width:360px; overflow:hidden; }
#leftfirst		{ float:left; width:360px; background:url(http://media.agon-group.com/media/img/left.gif) bottom no-repeat #D1D2D4; overflow:hidden; }

#right			{ float:right; width:590px; overflow:hidden; }

#tabbox					{ width:340px; padding:0 5px; margin:0 5px; background:url(http://media.agon-group.com/media/img/tab.gif) repeat-x #F5F5F6; }
#tabbox div.open	{ float:left; display:block; width:90px; height:30px; cursor:pointer; text-align:center; background:url(http://media.agon-group.com/media/img/tabactive.gif) left no-repeat #D5D5D5; }/*unten*/
#tabbox div.close	{ float:left; display:block; width:90px; height:30px; cursor:pointer; text-align:center; }
.tabcontent			{ clear:both; width:340px; padding:5px 0 0 0; background:url(http://media.agon-group.com/media/img/tabsinside.gif) top no-repeat #D5D5D5; color:#4F4032; overflow:hidden; }
#tabboxbottom		{ width:350px; height:5px; margin:0 5px; background:url(http://media.agon-group.com/media/img/tabbottom.gif) top no-repeat #F5F5F6; overflow:hidden; }

#tabbox	 .inside img { padding:0; margin:0; }

/* Hotelfinder*/
#hf { position:relative; width:330px; color:#333 !important; }
#hf label , #hf div, #hf td, #hf p, #hf select { color:#333; font-weight:normal; }

.hf_div { clear:both; float:left; width:330px; margin:5px 0; cursor:pointer; }
div.hf_span_open { float:left; width:310px; color:#333; line-height:20px; background:url(http://media.agon-group.com/media/img/open.gif) top left no-repeat #D5D5D5; padding:0  0 0 20px; cursor:pointer; }
div.hf_span_close { float:left; width:310px; color:#333; line-height:20px; background:url(http://media.agon-group.com/media/img/close.gif) top left no-repeat; padding:0  0 0 20px; cursor:pointer; }
.hf_ul { float:left; width:165px; list-style:none; margin:0; padding:0; overflow:hidden; }
.hf_ul li { padding-bottom:5px; }
.hf_ul li label { margin-left:0; color:#333; }

#hf .submit { display:inline; width:119px; height:30px; padding:2px 5px 10px 5px; background:url(http://media.agon-group.com/media/img/submit.gif) bottom no-repeat #FCFDFD; color:#FFF; border:0; cursor:pointer; }
#hf .submit:hover, #hf .submitover { display:inline; width:119px; height:30px; padding:2px 5px 8px 5px; background:url(http://media.agon-group.com/media/img/submitover.gif) bottom no-repeat #FCFDFD; color:#FFF; border:0; cursor:pointer; }

#booking { width:340px; margin:5px; padding:5px; background-color:#E9E9EA; overflow:hidden; }
#booking .tab { float:left; display:inline; width:145px; height:25px; margin:0 1px 0 0; padding-top:5px; text-align:center; background:url(http://media.agon-group.com/media/img/bookingtab.gif) left no-repeat #E9E9EA; cursor:pointer; overflow:hidden; }
#booking .inside { width:330px; padding:5px; background:url(http://media.agon-group.com/media/img/bookinginside.gif) bottom left no-repeat #FEFEFE; }
#bookingbottom	{ width:350px; height:5px; margin:0 5px; background:url(http://media.agon-group.com/media/img/bookingbottom.gif) top no-repeat #F5F5F6; overflow:hidden; }
#booking form { line-height:25px; }

#booking .submit { float:left; display:inline; width:150px; height:30px; padding:3px 5px 10px 5px; margin:0 5px 0 0; background:url(http://media.agon-group.com/media/img/bookingsubmit.gif) bottom no-repeat #FCFDFD; color:#FFF; border:0; cursor:pointer; }
#booking .submit:hover,#booking .submitover { float:left; display:inline; width:150px; height:30px; padding:3px 5px 8px 5px; margin:0 5px 0 0; background:url(http://media.agon-group.com/media/img/bookingsubmitover.gif) bottom no-repeat #FCFDFD; color:#FFF; border:0; cursor:pointer; }

#functions { width:340px; padding:10px; background-color:#FFF; overflow:hidden; }

.hoteladress		{ float:left; width:250px; height:100px; padding:5px; overflow:hidden; }
.hotelflyer			{ float:right; width:50px; height:50px; padding:30px 10px 30px 5px; overflow:hidden; }
#hotelblurb01 { float:left; width:150px; padding:10px; overflow:hidden; }
#hotelblurb02 { float:right; width:150px; padding:10px; overflow:hidden; }

.roundedges290 { width:280px; padding:5px; background:url(http://media.agon-group.com/media/img/roundedges290.gif) top left no-repeat #FFF; overflow:hidden; }
.roundedges340 { width:330px; padding:5px; background:url(http://media.agon-group.com/media/img/roundedges340.gif) top left no-repeat #FFF; overflow:hidden; }
.roundedges590 { width:580px; padding:5px; background:url(http://media.agon-group.com/media/img/roundedges590.gif) top left no-repeat #FFF; overflow:hidden; }

#content	{ width:590px; overflow:hidden; }
#content ul { list-style:disc outside; margin-top: 0; margin-left:10px; padding-left:10px; }
#content li a,#content li a 		{ color:#4F4032; text-decoration:none; }
#content li a:hover,#content li a:hover { color:#B80808; text-decoration:none; }
.half  { width:290px; padding:10px 0 0 0; overflow:hidden;}

#footer			{ position:relative; top:0; left:0; width:960px; height:40px; padding:10px; background:url(http://media.agon-group.com/media/img/footer.gif) repeat-x #A60D13; color:#FFF; overflow:hidden; }

#thirdnav	{ float:left; width:100%; height:20px; color:#FFF; overflow:hidden; }
#thirdnav ul,#thirdnav li { margin:0; padding:0; list-style-type:none; display:inline; }
#thirdnav li.thirdmenu, #thirdnav li.thirdmenuover { float:left; padding:0 10px; border-left:1px solid #FFF; }
#thirdnav li.thirdmenu a { color:#FFF; }
#thirdnav li.thirdmenu a:hover, #thirdnav li.thirdmenuover a, #thirdnav li.thirdmenuover a:hover { color:#E7E1DB; text-decoration:none; }

#copyright		{ float:left; padding:5px 0; color:#FFF; }

#collage00		{ float:left; width:590px; height:365px; overflow:hidden; }
#collage01		{ float:left; width:590px; height:180px; overflow:hidden; }

#hotelnav	{ float:left; width:590px; height:25px; overflow:hidden; background:url(http://media.agon-group.com/media/img/mainmenu.gif) repeat-x; }
#hotelnav ul						{ margin:0; padding:0; list-style-type:none; display:inline; }
#hotelnav li.hotelmenu		{ float:left; display:inline; line-height:15px; padding:5px; text-align:center; border-right:1px solid #FFF; }
#hotelnav li.hotelmenuover { float:left; display:inline; line-height:15px; background:url(http://media.agon-group.com/media/img/hotelmenuover.gif) repeat-x; padding:5px; text-align:center; border-right:1px solid #FFF; }
#hotelnav li.hotelmenu a 	{ font-size:11px; color:#333; }
#hotelnav li.hotelmenu a:hover, #hotelnav li.hotelmenuover a, #hotelnav li.hotelmenuover a:hover { font-size:11px; color:#B80808; text-decoration:none; }

 .hotelsubmit { float:left; display:inline; width:150px; height:30px; padding:3px 5px 10px 5px; margin:0 5px 0 0; background:url(http://media.agon-group.com/media/img/bookingsubmit.gif) bottom no-repeat #FCFDFD; color:#FFF; border:0; cursor:pointer; }
 .hotelsubmit:hover, .hotelsubmitover { float:left; display:inline; width:150px; height:30px; padding:3px 5px 8px 5px; margin:0 5px 0 0; background:url(http://media.agon-group.com/media/img/bookingsubmitover.gif) bottom no-repeat #FCFDFD; color:#FFF; border:0; cursor:pointer; }

#breadcrumb { position:relative; width:100%; margin:10px 0 20px 0; }
#breadcrumb ul, #breadcrumb li { margin:0; padding:0; list-style-type: none; display:inline; }
#breadcrumb li { float:left; font-size:80%; margin:0; padding:0 3px 0 0; }

#breadcrumb ul li a { color:#B80808; }
#breadcrumb ul li a:hover { border-bottom:1px dotted #B80808; }
#breadcrumb .breadcrumbactive { font-weight:bold; color:#B80808; }

#sitetree	{ width:100%; margin:0; padding:5px 0 0 0; }
#sitetree ul { float:left; width:45%; padding:0; overflow:hidden; list-style-type:none !important; }
#sitetree li { list-style-type:none !important; background:url(http://media.agon-group.com/media/img/sitetree.gif) left no-repeat; padding-left:20px; margin-left:0; margin-bottom:6px; }
#sitetree li a { color:#B80808; border-bottom:1px dotted #FFF; text-decoration:none; }
#sitetree li a:hover { border-bottom:1px dotted #B80808; text-decoration:none; }

a.detail { float:right; width:65px; height:30px; background:url(http://media.agon-group.com/media/img/detail.gif) no-repeat #FFF; border:0; color:#FFF !important; padding:3px 0 7px 0; text-align:center; cursor:pointer; }
a.detail:hover { float:right; width:65px; height:30px; background:url(http://media.agon-group.com/media/img/detailover.gif) no-repeat #FFF; border:0; color:#FFF !important; padding:3px 0 7px 0; text-align:center; text-decoration:none; }

.links				{ background:url(http://media.agon-group.com/media/img/links.gif) left no-repeat; padding:0 0 0 20px; line-height:25px; color:#B80808; }
.downloads	{ background:url(http://media.agon-group.com/media/img/downloads.gif) left no-repeat; padding:0 0 0 20px; line-height:25px; color:#B80808; }

.image 		{ float:left; vertical-align:top; margin-right:15px; border:0; }
.picture		{ float:left; vertical-align:top; margin-right:15px; border:0; cursor:pointer; }
.icon			{ vertical-align:middle; margin-right:5px; }
.foto	 		{ float:left; vertical-align:top; margin:0 0 10px 0 !important; padding:5px; background-color:#FFF; border:0; border-right:1px solid #F0E9E4; border-bottom:1px solid #CCC; }
.inside		{ padding:3px; }
.left			{ float:left; padding:0; margin:0; }
.right			{ float:right; vertical-align:top; padding:0; margin:0; }
.pt 			{ clear:both; width:100%; height:20px; margin:1px 0px; text-align:right; }
.space		{ clear:both; width:100%; height:20px; overflow:hidden; }
.clear 		{ clear:both; width:100%; height:1px; overflow:hidden; }
.line 			{ clear:both; width:100%; height:1px; margin:10px 0; background-color:#DDD; overflow:hidden; }

.unsel		{ color:#666; font-weight:normal; }
.unselImg	{ filter: Alpha(opacity=60, finishopacity=60, style=2); border:0; }
.sel     		{ color:#A60D13; }
.selImg    	{ filter: Alpha(opacity=100, finishopacity=100, style=2); border:0; }

.unselPic	{ float:right; vertical-align:top; margin:0 5px 10px 0; border:0; cursor:pointer; filter: Alpha(opacity=70, finishopacity=70, style=2); }
.selPic    	{ float:right; vertical-align:top; margin:0 5px 10px 0; border:0; cursor:pointer; filter: Alpha(opacity=100, finishopacity=100, style=2); }

.selPic a, .selPic a:hover, .unselPic a, .unselPic a:hover { border:0; }

.roundedges	{ background:url(http://media.agon-group.com/media/img/roundedges.gif) top repeat-x #FBFBFB; padding:5px; }
.roundedges TABLE { width:100%; }
.roundedges TD, .roundedges p { padding:5px; }
.roundedges TABLE TD a { color:#4D4D4D; } /* light beige (rows) */
.roundedges a { color:#4D4D4D; cursor:pointer; }

.roundedges div.open	{ color:#4D4D4D; cursor:pointer; }
.roundedges div.open:hover { text-decoration:underline; color:#4D4D4D; cursor:pointer; }
.roundedges div.close { color:#4D4D4D; text-decoration:none; font-weight:bold; cursor:pointer; }
.roundedges div.close:hover { color:#4D4D4D; text-decoration:underline; cursor:pointer; }

label { cursor:pointer; }
input { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; border:1px solid silver; padding:2px 5px; margin-bottom:2px; cursor:pointer; } 
select { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; border:1px solid silver; padding:2px 5px; margin-bottom:2px; cursor:pointer; }
textarea { font:11px/140% Verdana, Arial, Helvetica, sans-serif; border:1px solid silver; padding:2px 5px; margin-bottom:5px; }

.submit { float:left; margin:1px 5px 0 0; background-color:#DDD; font-size:11px; color:#4D4D4D; border:0; text-align:center; cursor:pointer; }
.submit:hover, .submitover, .submitOver { float:left; margin:1px 5px 0 0; background-color:#4D4D4D; font-size:11px; color:#FFF; border:0; text-align:center; cursor:pointer; }

.largesubmit { display:inline; width:200px; height:30px; padding:3px 5px 10px 5px; background:url(http://media.agon-group.com/media/img/largesubmit.gif) bottom no-repeat #FCFDFD; color:#FFF; border:0; cursor:pointer; }
.largesubmit:hover,.largesubmitover,.largesubmitOver { display:inline; width:200px; height:30px; padding:3px 5px 8px 5px; background:url(http://media.agon-group.com/media/img/largesubmitover.gif) bottom no-repeat #FCFDFD; color:#FFF; border:0; cursor:pointer; }


.kleinS 		{ font-size:11px; } /* Standard */
.normalS 	{ font-size:12px; }
.grossS 		{ font-size:14px; font-weight:bold; }
.riesigS		{ font-size:22px; font-weight:bold; }

.kleinR		{ font-size:11px; color:#B80808; } /* Hervorragend */
.normalR 	{ font-size:12px; color:#B80808; }
.grossR 		{ font-size:14px; color:#B80808; font-weight:bold; }
.riesigR		{ font-size:22px; color:#B80808; font-weight:bold; }

.kleinB 		{ font-size:11px; color:#6C6E70; } /* Alternative */
.normalB 	{ font-size:12px; color:#6C6E70; }
.grossB 		{ font-size:14px; color:#6C6E70; font-weight:bold; }
.riesigB		{ font-size:22px; color:#6C6E70; font-weight:bold; }

/* Formulare */
FORM#clb  { width:100%; }
#clb LABEL, #clb INPUT, #clb SELECT, #clb TEXTAREA { display:block; float:left; } /* Muss */
#clb LABEL { width:130px; padding-right:1em; text-align:right; cursor:pointer; }
#clb INPUT { width:210px; text-align:left; margin:0 5px 2px 0; }
#clb SELECT, #clb TEXTAREA { width:214px; text-align:left; margin:0 5px 2px 0; }
#clb BR { clear:both; }
#clb A { font-weight:bold; } /* Links i.e. terms of use */
#clb INPUT.submit { float:left; width:210px; margin:0 0 0 141px; text-align:center; }	 /* Submitbutton */
#clb .lblRight { float:left !important; text-align:left; width:210px; height:auto; vertical-align:middle; padding:0; margin:0; } /* Labels on right side */
#clb_btnNewCode { width:auto !important; margin:0 0 0 1px !important; text-align:center; }/* captcha button */
#clb IMG { float:left; margin:0 0 0 141px; } /* captcha img */
input.frmchkbox { width:auto !important; border:0; padding:0; margin:0; float:left; vertical-align:middle; }	/* Checkbox */
#clb SELECT#clb_salutation { width:70px; overflow:hidden; }

.frmIndent { display:block; float:left; width:130px; padding-right:1em; text-align:right; }
.frmint	 	{ width:45px; text-align:right; } /* Integerfield */
.frmprice	{ width:75px; text-align:right; } /* Integerfield with currency */
.frmerror	{ color:red; } /* Error text */
.frmwarn	{ background-color:red; } /* FormField indicator  */

#weather { text-align:center; }

/* Calendar */
.calendar { position:relative; display:none; cursor:pointer; font-family:Arial,Helv,Helvetica,sans-serif; font-size:11px; border:3px solid #EEE; background-color:#FFF; color:#0095D9; }
.calendar table { cursor:pointer; font-family:Arial,Helv,Helvetica,sans-serif; font-size:11px; background-color:#FFF; color:#333; }
.calendar .button { text-align:center; padding:1px; border:1px solid; border-color:#FFF #999 #999 #FFF; background-color:#DDD; color:#999; }
.calendar .nav { background:#DDD url(http://media.agon-group.com/media/_js/calendar/menuarrow.gif) no-repeat 100% 100%; color:#333; }
.calendar thead .title { font-weight:bold; padding:1px; text-align:center; border:1px solid; border-color:#FFF #999 #999 #FFF; background-color:#DDD; color:#333; }
.calendar thead .headrow { }
.calendar thead .daynames { }
.calendar thead .name { padding:0px; text-align:center; border-bottom:1px solid #999; background-color:#DDD; color:#999; }
.calendar thead .weekend { color:#B80808; font-weight:bold; }/*green for weekend days*/
.calendar thead .active { padding:0; border-width:1px; border-color:#999 #FFF #FFF #999; }
.calendar tbody .day { width:2em; text-align:right; padding:2px; color:#333; }
.calendar table .wn { padding:2px 3px 2px 2px; border-right:1px solid #999; background-color:#E1E6F5; color:#999; color:#333; }
.calendar tbody .rowhilite td { background-color:#DDD; color:#333; }

.calendar tbody td.hilite { padding:1px; border:1px solid; border-color:#FFF #999 #999 #FFF; color:#333; }
.calendar tbody td.active { padding:1px; border:1px solid; border-color:#333 #555 #555 #333; }
.calendar tbody td.selected { font-weight:bold; padding:2px 2px 0px 2px; border:1px solid; border-color:#999 #555 #555 #999; background-color:#DDD; color:#333; }
.calendar tbody td.weekend { color:#B80808; }
.calendar tbody td.today { font-weight:bold; color:#333; }
.calendar tbody td.disabled { color:#BBB; text-decoration:line-through; }
.calendar tbody .emptycell { visibility:hidden; }
.calendar tbody .emptyrow { display:none; }
.calendar tfoot .footrow {  }
.calendar tfoot .ttip { background-color:#DDD; padding:0; border:1px solid; border-color:#999 #FFF #FFF #999; color:#333; text-align:center; }
.calendar tfoot .hilite { padding:0; border:1px solid; border-color:#FFF #999 #999 #FFF; background-color:#CCC; }
.calendar tfoot .active { padding:2px 0px 0px 2px; border:1px solid; border-color:#FFF #999 #999 #FFF; }
.combo { position:absolute; display:none; width:4em; top:0px; left:0px; cursor:pointer; border:1px solid; border-color:#FFF #333 #333 #FFF; background-color:#FFF; color:#333; font-size:smaller; padding:0; }
.combo .label,.combo .label-IEfix { text-align:center; padding:0; }
.combo .label-IEfix { width:4em; }
.combo .active { padding:0px; border:1px solid #333; }
.combo .hilite { border:1px solid #333; background-color:#555; color:#333; }

/*lightbox*/
#overlay	{ position:absolute; top:0; left:0; width:100%; z-index:100; background-color:#000; }

#lightbox		{ position:absolute; left:0; width:100%; z-index:200; text-align:center; line-height:0; }
#lightbox img	{ width:auto; height:auto; }
#lightbox a img	{ border:0; }

#outerImageContainer{ position:relative; width:250px; height:250px; margin:0 auto; background-color:#FFF; color:#000; }
#imageContainer{ padding:10px; }

#loading { position:absolute; top:40%; left:0%; height:25%; width:50%; text-align:center; line-height:0; }
#hoverNav { position:absolute; top:0; left:0; z-index:10; }
#imageContainer>#hoverNav{ left:0;}
#hoverNav a{ outline:none;}

#prevLink, #nextLink{ width:49%; height:100%; background-image:url(http://media.agon-group.com/media/_.gif); display:block; overflow:hidden; }
#prevLink { float:left; margin-left:0; }
#nextLink { float:right; margin-right:0; }
#prevLink:hover, #prevLink:visited:hover { background:url(http://media.agon-group.com/media/img/lightbox/prev.gif) center left no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url(http://media.agon-group.com/media/img/lightbox/next.gif) center right no-repeat; }

#imageDataContainer{ font:12px 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{ width:66px; float:right; padding-bottom:0.7em; outline:none; }