/** 
 * Standard CSS file
 * 
 * Standard layout for a Kupferwerk project
 * 
 * @project   Kupferwerk project
 * @version   2.0
 * @package   xhtml-css
 * @author    Tobias Kreß, Johannes Dornisch, Timo Pietsch
 * @copyright 2009 by the author
 *
 *
 * This file is available all over the project.
 *
 * Please do not edit this file.
 * For changes related to the current project, use
 * >> application.css
 *
 */



/** 
 * Reset html(5) elements
 * 
 * @section reset
 *
 */
  
*, html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, hr,
article, aside, audio, bb, canvas, datagrid, datalist,
details, dialog, eventsource, figure, footer, header, mark,
menu, meter, nav, output, progress, section, time, video {
	margin: 0px;
	padding: 0px;
}

article, aside, audio, bb, canvas, datagrid, datalist,
details, dialog, eventsource, figure, footer, header, mark,
menu, meter, nav, output, progress, section, time, video {
  display: block;
}



/**
 * Standard styling
 *
 * @section standard appeariance
 *
 */

body {
	background-color: transparent;
	font-family: 'Lucida Grande', 'Lucida Sans', Tahoma, Arial, Verdana, sans-serif;
	line-height: 18px;
	font-size: 12px;
	color: #333333;	
}

a {
	text-decoration: none;
	color: #333333;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
	vertical-align: top;
}

ul, ol {
	list-style-type: none;
}

.last_row {
	margin-bottom: 0px !important;
}

.last_in_row {
	margin-right: 0px !important;
}

.right {
	float: right;
}

.left {
	float: left;
}



/**
 * Clearfix
 *
 * @section clearfix
 *
 */

.clear {
	clear: both;
}

.clear_right {
	clear: right;
}

.clear_left {
	clear: left;
}

.clear:after {
  clear: both;
	visibility: hidden;
	display: block;
	height: 0;
	content: ".";
}



/**
 * Clearfix for IE
 *
 * @bugfix
 * @affected ie6, ie7
 */

*+html .clear {
	zoom: 1;
}

* html .clear {
	height: 1%;
}


/**
 * CleanOverlay
 */
#clean_overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  background: url('/images/mcc/overlays/overlay.png');
  zoom: 1;
}
* html #clean_overlay { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/mcc/overlays/overlay.png', sizingMethod='scale'); }

#clean_overlay #clean_overlay_content {
  background: #FFF;
  position: absolute;
}

/* -------------------------------------------------------------------------------------------------

It's *strongly* suggested that you don't modify this file.  Instead, load a new stylesheet after
this one in your layouts (eg formtastic_changes.css) and override the styles to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

This stylesheet forms part of the Formtastic Rails Plugin
(c) 2008 Justin French

--------------------------------------------------------------------------------------------------*/


/* NORMALIZE AND RESET - obviously inspired by Yahoo's reset.css, but scoped to just form.formtastic
--------------------------------------------------------------------------------------------------*/
form.formtastic, form.formtastic ul, form.formtastic ol, form.formtastic li, form.formtastic fieldset, form.formtastic legend, form.formtastic input, form.formtastic textarea, form.formtastic select, form.formtastic p { margin:0; padding:0; }
form.formtastic fieldset { border:0; }
form.formtastic em, form.formtastic strong { font-style:normal; font-weight:normal; }
form.formtastic ol, form.formtastic ul { list-style:none; }
form.formtastic abbr, form.formtastic acronym { border:0; font-variant:normal; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-family:inherit; font-size:inherit; font-weight:inherit; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-size:100%; }
form.formtastic legend { color:#000; }


/* FIELDSETS & LISTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset { }
form.formtastic fieldset.inputs { }
form.formtastic fieldset.buttons { padding-left:25%; }
form.formtastic fieldset ol { }
form.formtastic fieldset.buttons li { float:left; padding-right:0.5em; }

/* clearfixing the fieldsets */
form.formtastic fieldset { display: inline-block; }
form.formtastic fieldset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html form.formtastic fieldset { display: block; }
* html form.formtastic fieldset { height: 1%; }


/* INPUT LIs
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li { margin-bottom:1.5em; }

/* clearfixing the li's */
form.formtastic fieldset ol li { display: inline-block; }
form.formtastic fieldset ol li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html form.formtastic fieldset ol li { display: block; }
* html form.formtastic fieldset ol li { height: 1%; }

form.formtastic fieldset ol li.required { }
form.formtastic fieldset ol li.optional { }
form.formtastic fieldset ol li.error { }
  

/* LABELS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li label { display:block; width:25%; float:left; padding-top:.2em; }
form.formtastic fieldset ol li li label { line-height:100%; padding-top:0; }
form.formtastic fieldset ol li li label input { line-height:100%; vertical-align:middle; margin-top:-0.1em;}


/* NESTED FIELDSETS AND LEGENDS (radio, check boxes and date/time inputs use nested fieldsets)
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li fieldset { position:relative; }
form.formtastic fieldset ol li fieldset legend { position:absolute; width:25%; padding-top:0.1em; }
form.formtastic fieldset ol li fieldset legend span { position:absolute; }
form.formtastic fieldset ol li fieldset legend.label label { position:absolute; }
form.formtastic fieldset ol li fieldset ol { float:left; width:74%; margin:0; padding:0 0 0 25%; }
form.formtastic fieldset ol li fieldset ol li { padding:0; border:0; }


/* INLINE HINTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-hints { color:#666; margin:0.5em 0 0 25%; }


/* INLINE ERRORS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-errors { color:#cc0000; margin:0.5em 0 0 25%; }
form.formtastic fieldset ol li ul.errors { color:#cc0000; margin:0.5em 0 0 25%; list-style:square; }
form.formtastic fieldset ol li ul.errors li { padding:0; border:none; display:list-item; }


/* STRING & NUMERIC OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.string input { width:74%; }
form.formtastic fieldset ol li.password input { width:74%; }
form.formtastic fieldset ol li.numeric input { width:74%; }


/* TEXTAREA OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.text textarea { width:74%; }


/* HIDDEN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.hidden { display:none; }


/* BOOLEAN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.boolean label { padding-left:25%; width:auto; }
form.formtastic fieldset ol li.boolean label input { margin:0 0.5em 0 0.2em; }


/* RADIO OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.radio { }
form.formtastic fieldset ol li.radio fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset ol li.radio fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset ol li.radio fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset ol li.radio fieldset ol li label input { margin-right:0.2em; }


/* CHECK BOXES (COLLECTION) OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.check_boxes { }
form.formtastic fieldset ol li.check_boxes fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset ol li.check_boxes fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset ol li.check_boxes fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset ol li.check_boxes fieldset ol li label input { margin-right:0.2em; }



/* DATE & TIME OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.date fieldset ol li,
form.formtastic fieldset ol li.time fieldset ol li,
form.formtastic fieldset ol li.datetime fieldset ol li { float:left; width:auto; margin:0 .3em 0 0; }

form.formtastic fieldset ol li.date fieldset ol li label,
form.formtastic fieldset ol li.time fieldset ol li label,
form.formtastic fieldset ol li.datetime fieldset ol li label { display:none; }

form.formtastic fieldset ol li.date fieldset ol li label input, 
form.formtastic fieldset ol li.time fieldset ol li label input, 
form.formtastic fieldset ol li.datetime fieldset ol li label input { display:inline; margin:0; padding:0;  }


/** 
 * Projectname CSS file
 * 
 * @project   Projectname
 * @version   1.0
 * @package   xhtml-css
 * @author    Author
 * @copyright 2009 by the author
 *
 */

/*index styling*/

body {
  background: url('/images/layout/back.jpg');
  font-family: Georgia, Arial;
  font-size: 10px;
}

/*safari schriftglättung*/
body { -webkit-text-stroke:1px transparent; }
@media only screen and (max-device-width:480px) { body{-webkit-text-stroke:0 black; } }

#page_bg {
  background: url('/images/layout/page_bg.png') no-repeat top center;
  height: 533px;
  width: 1068px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -534px;
}

#page_bg a {
  display: block;
  width: 40px;
  height: 340px;
  position: absolute;
  top: 0;
}

#page_bg a.left_gallery_link { left: 60px; }
#page_bg a.right_gallery_link { right: 60px; }

* html #page_bg {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/page_bg.png', sizingMethod='crop');
}

.wrapper {
  background: #FFF;
  width: 868px;
  margin: 0 auto;
  margin-top: 105px;
  margin-bottom: 69px;
  position: relative;
}

.content {
  padding-top: 25px;
  padding-left: 25px;
  width: 843px;
  overflow: hidden;
  z-index: 1;
  position: relative;
}

#logo {
  width: 162px;
  height: 162px;
  left: 50%;
  top: -90px;
  position: absolute;
  z-index: 2;
  margin-left: -81px;
}

* html #logo a {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/logo_sub.png', sizingMethod='crop');
  display: block;
  height: 162px;
  width: 162px;
  position: relative;
  cursor: pointer;
}

* html #logo img{
  visibility: hidden;
}

#clean_overlay {
  background-image: url('/images/layout/overlay.png');
}
* html #clean_overlay {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/overlay.png', sizingMethod='scale');
}

a:active {
  outline: none;
}

.block {
  display: block;
}

.more {
  padding-left: 10px;
  background: url('/images/icons/more_icon.png') no-repeat left center;
}

input.check {
  display: none;
}

.loading {
  background: url('/images/icons/spinner.gif') no-repeat left center;
  line-height: 40px;
  padding-left: 40px;
  font-size: 14px;
  color: #666;
}

.pdf_link {
  background: url('/images/icons/pdf.png') no-repeat left center;
  padding-left: 25px;
  font-size: 14px;
}

.delete_link,
.edit_link {
  background: url('/images/icons/note_delete.png') no-repeat left center;
  padding-left: 20px;
}

.edit_link {
  background-image: url('/images/icons/note_edit.png');
}

.button_style_1,
.article .button_style_1,
form.formtastic fieldset.buttons input {
  display: inline;
  background: url('/images/buttons/red.png') repeat-x #580D08;
  border: 2px solid #732719;
  color: #EEE7E7;
  padding: 0.1em 0.5em;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  text-decoration: none;
  overflow: visible;
}

.button_style_1:hover,
.article .button_style_1:hover,
form.formtastic fieldset.buttons input:hover {
  background-position: left -51px;
  color: #FFF;
  cursor: pointer;
}

.button_style_1:active,
.article .button_style_1:active,
form.formtastic fieldset.buttons input:active {
  background-position: left top;
  color: #EEE7E7;
}

.button_style_1 > .arrow,
.article .button_style_1 > .arrow {
  background: url('/images/icons/arrow_white_transparent.png') no-repeat left 0.16em;
  padding-left: 12px;
}

#main_content {
  padding-top: 40px;
  padding-right: 25px;
}

#error,
#success,
#info {
  background: #861710;
  color: #FFF;
  margin-top: 2em;
  padding: 1.5em;
  font-size: 14px;
  width: 771px;
}

.default_layout #error,
.default_layout #success,
.default_layout #info {
  margin-top: 4em;
  padding-top: 1em;
  width: auto;
}

#success {
  background: #23457C;
}

#info {
  background: #EEE;
  color: #333;
}

#error h2,
#success h2,
#info h2 {
  color: #FFF;
  border: none;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
  margin-bottom: 0.3em;
}

#error p,
#success p,
#info p {
  font-size: 14px;
}

.navi {
  color: #333333;
  margin-top: 23px;
  margin-left: 60px;
}

.navi li {
  margin-right: 60px;
}

.navi li a {
  text-decoration: none;
  font-size: 20px;
  background: url('/images/icons/navi_flower.png') no-repeat left -26px;
  padding-left: 20px;
}

.navi li a:hover {
  background-position: left 6px;
  color: #163E73;
}




/* Default layout */
.default_layout #sidebar {
  float: left;
  padding-top: 40px;
  padding-bottom: 4em;
  width: 230px;
}

.default_layout #main_navigation {
  color: #4D4D4D;
  width: 186px;
}

.default_layout #main_navigation li {
  background: url('/images/layout/navi_border.png') -200px bottom no-repeat;
  padding-top: 15px;
  padding-bottom: 21px;
}

.default_layout #main_navigation li.active {
  background-position: left bottom;
}

.default_layout #main_navigation li a {
  font-size: 18px;
}

.default_layout #main_navigation li a:hover,
.default_layout #main_navigation li.active a {
  color: #23457C;
  text-decoration: none;
}

.default_layout #main_navigation ul {
  margin-top: 4px;
  padding-top: 10px;
/*  display: none;*/
}

.default_layout #main_navigation .active ul {
  display: block;
}

.default_layout #main_navigation ul li {
  padding: 0;
  background: none;
  border-bottom: 1px solid #F0F0F0;
  padding: 2px 0 4px 15px;
}

.default_layout #main_navigation ul li:last-child {
  border-bottom: 0;
}

.default_layout #main_navigation li ul li a {
  color: #656565;
  font-size: 14px;
}

.default_layout #main_navigation li.active ul li a {
  color: #4D4D4D;
}

.default_layout #main_navigation li.active ul li.active a,
.default_layout #main_navigation li.active ul li a:hover {
  color: #23457C;
}

.default_layout .main_content {
  float: right;
  line-height: 1.6;
  padding-right: 25px;
  padding-bottom: 40px;
  min-height: 470px;
  width: 570px;
  position: relative;
}

.default_layout .without_sidebar .main_content {
  float: none;
  width: auto;
}


*html .default_layout .main_content {
  height: 470px;
}




/* default layout ende*/

.footer {
  background: url('/images/layout/footer_back.png') repeat-x;
  height: 360px;
}

*html .footer {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/footer_back.png', sizingMethod='scale');
}

.footer .wrapper_footer {
  width: 840px;
  margin: 0 auto;
}

.footer .navi_footer {
  padding-top: 40px;
}

.footer .navi_footer li {
  background: url('../images/start/navi_footer_back.png') no-repeat;
  padding-left: 22px;
  margin-right: 68px;
  width: 190px;
  height: 23px;
  font-size: 16px;
}

.footer .navi_footer .last_in_row {
  margin-right: 0px;
}

.footer .navi_footer li,
.footer .navi_footer li a {
  color: #FFF;
  text-decoration: none;
}

.footer .schnellnavi {
  font-size: 13px;
  font-family: Verdana;
  margin-left: 20px;
  margin-top: 20px;
  width: 280px;
}

.footer .schnellnavi li {
  margin-bottom: 15px;
}

.footer .schnellnavi li a {
  color: #FFF;
  text-decoration: none;
}

.footer #member_login {
  color: #FFF;
  font-size: 12px;
  margin-top: 20px;
  margin-right: 82px;
  font-family: Verdana;
  width: 200px;
  position: relative;
}

.footer #member_login p {
  margin-bottom: 17px;
}

.footer #member_login a {
  background: url('/images/start/but_eintragen.png') repeat-x;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  display: inline-block;
  height: 24px;
  line-height: 23px;
  padding: 0 8px;
  color: #C1CAD4;
}

.footer #member_login a:hover {
  color: #FFF;
  text-decoration: none;
}

.footer .kontakt {
  color: #FFF;
  font-family: Verdana;
  font-size: 12px;
  margin-top: 20px;
  height: 228px;
}

.footer .kontakt a {
  color: #FFF;
  text-decoration: none;
}

.footer .kontakt h1 {
  font-size: 12px;
  margin-bottom: 17px;
}

.footer .kontakt p {
  margin-bottom: 26px;
}

.footer .kontakt strong {
  margin-right: 10px;
}

.footer .kontakt .fax {
  margin-right: 7px;
  margin-bottom: 10px;
}

.footer .impressum,
.footer .footer_love {
  margin-top: 20px;
}

.footer .footer_love {
  font-family: verdana;
  color: #FFF;
  font-size: 13px;
}

.footer .footer_love a {
  color: #FFF;
  text-decoration: underline;
}

.footer .footer_love a:hover {
  color: #BBB;
}

.footer .impressum a {
  color: #FFF;
  font-family: Verdana;
  font-size: 13px;
  text-decoration: none;
  
}

/*ende index styling*/



/* default stylings */
.top_back_button,
.back_button {
  font-size: 12px;
}

.top_back_button {
  position: relative;
  top: -10px;
}



/*styling home*/
.ticker {
  background: url('../images/start/ticker_back.jpg') no-repeat left bottom;
  color: #FFF;
  font-size: 16px;
  padding-bottom: 6px;
  margin-bottom: 44px;
  width: 820px;
}

.ticker div {
  background: #0D3058;
  margin: 0 2px 0 1px;
  padding-top: 14px;
  padding-bottom: 15px;
  padding-left: 15px;
}

.ticker span {
  float: left;
  font-size: 18px;
  width: 160px;
}

.ticker p {
  margin-left: 160px;
}

.boxes h2 {
  font-size: 18px;
  margin-bottom: 12px;
}

.boxes h2 a {
  background: url('/images/start/back_unterueberschrift.jpg') no-repeat 0px 4px;
  color: #333;
  font-weight: normal;
  font-size: 18px;
  padding: 0 0 0 15px;
  
}

.boxes .left_box {
  background: url('/images/start/news_shadow.png') no-repeat left bottom;
  padding-bottom: 4px;
  font-size: 14px;
  width: 259px;
  margin-bottom: 20px;
  margin-right: 21px;
  overflow: hidden;
}

.boxes .left_box div,
.weatherbox .box {
  border: 3px solid #EEEEEE;
  position: relative;
  height: 221px;
}


.boxes .bottom_image {
  position: absolute;
  bottom: -16px;
  left: -3px;
}

.boxes .left_box li {
  border-bottom: 1px solid #EEEEEE;
  padding: 0 10px;
  height: 60px;
  overflow: hidden;
  padding-top: 13px;
}

.boxes .left_box li.last_in_col {
  border-bottom: 0;
}

.boxes .left_box a {
  color: #4C4C4C;
}

.boxes .left_box h3 {
  width: 195px;
  line-height: 21px;
  font-size: 1em;
}

.boxes .left_box h3 a {
  font-size: 18px;
  color: #23457C;
  font-weight: normal;
  text-decoration: none;
}

.boxes .mehr {
  font-size: 18px;
  line-height: 21px;
  padding-top: 23px;
}

.boxes .mehr span {
  font-size: 12px;
}

.weatherbox {
  background: url('/images/start/weather_shadow.png') no-repeat left bottom;
  padding-bottom: 4px;
  float: left;
  width: 538px;
}

.weatherbox .box {
  padding: 12px;
  height: 197px;
}

.main_content .content_weatherbox .box {
  line-height: 2em;
}

.weatherbox .webcam,
.main_content .content_weatherbox .webcam,
.gallery_preview {
  border: 1px solid #ccc;
  position: relative;
  margin-right: 20px;
  height: 194px;
  width: 242px;
  overflow: hidden;
}

.weatherbox .webcam:hover,
.main_content .content_weatherbox .webcam:hover,
.gallery_preview:hover {
  text-decoration: none;
}

.weatherbox .webcam img,
.main_content .content_weatherbox .webcam img,
.gallery_preview img {
  display: block;
}

.weatherbox .webcam div,
.main_content .content_weatherbox .webcam div,
.gallery_preview div {
  background-color: rgba(13, 48, 89, 0.79);
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  font-size: 16px;
  padding: 10px;
  width: 222px;
}

.weatherbox .webcam div span,
.main_content .content_weatherbox .webcam div span,
.gallery_preview div span {
  float: right;
  background: url('/images/icons/weather_detail.gif') no-repeat left center;
  font-size: 12px;
  padding-left: 10px;
}

.weatherbox .data {
  float: left;
  width: 244px;
}

.main_content .content_weatherbox .data {
  float: left;
  width: 306px;
}

.weatherbox h3,
.main_content .content_weatherbox h3 {
  color: #23457C;
  font-size: 18px;
  font-weight: normal;
  padding-top: 0.1em;
  margin-bottom: 0.6em;
  margin-top: 0;
}

.main_content .content_weatherbox h3 {
  color: #23457C;
}

.weatherbox .weather_image,
.main_content .content_weatherbox .weather_image {
  margin-right: 1.1em;
  margin-bottom: 1.1em;
}

.weatherbox .condition,
.main_content .content_weatherbox .condition {
  color: #666666;
  font-size: 14px;
}

.weatherbox .degree,
.main_content .content_weatherbox .degree {
  color: #23457C;
  font-size: 24px;
}

.main_content .content_weatherbox .degree {
  color: #23457C;
}

.weatherbox .info_today,
.main_content .content_weatherbox .info_today {
  margin-bottom: 9px;
}

.weatherbox .info_today,
.weatherbox .info_tomorrow,
.weatherbox .info_day_after_tomorrow,
.main_content .content_weatherbox .info_today,
.main_content .content_weatherbox .info_tomorrow,
.main_content .content_weatherbox .info_day_after_tomorrow {
  font-size: 14px;
  clear: both;
}

.weatherbox .info_today em,
.weatherbox .info_tomorrow em,
.weatherbox .info_day_after_tomorrow em,
.main_content .content_weatherbox .info_today em,
.main_content .content_weatherbox .info_tomorrow em,
.main_content .content_weatherbox .info_day_after_tomorrow em {
  font-style: italic;
  color: #23457C;
  margin-right: 0.5em;
}

.main_content .content_weatherbox .info_today em,
.main_content .content_weatherbox .info_tomorrow em,
.main_content .content_weatherbox .info_day_after_tomorrow em {
  color: #444;
}

.weatherbox .info_today span,
.weatherbox .info_tomorrow span,
.weatherbox .info_day_after_tomorrow span,
.main_content .content_weatherbox .info_today span,
.main_content .content_weatherbox .info_tomorrow span,
.main_content .content_weatherbox .info_day_after_tomorrow span {
  color: #666;
  font-style: normal;
}

.weatherbox .info_tomorrow,
.main_content .content_weatherbox .info_tomorrow {
  margin-bottom: 4px;
}

.weatherbox .info_tomorrow,
.weatherbox .info_day_after_tomorrow,
.main_content .content_weatherbox .info_tomorrow,
.main_content .content_weatherbox .info_day_after_tomorrow {
  font-size: 12px;
  line-height: 1.3em;
}

/*ende styling home*/




/* slideshow */
#slideshow_container {
  background-image: url(/images/slideshow/shadow.png) ;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-color: #eee;
  padding: 7px 7px 20px 7px;
  position: relative;
  height: 439px;
  overflow: hidden;
  width: 803px;
}

#slideshow_container p {
  overflow: hidden;
  text-indent: -9999em;
  height: 0px;
  line-height: 0px;
  font-size: 0px;
}

#slideshow {
  background: #000;
  width: 803px;
  height: 439px;
}

#slideshow li {
  position: absolute;
}

/* ende slideshow */




/* article */
.main_image,
.club_gallery .cover {
  background: #EEE url('/images/layout/main_image_shadow.png') no-repeat left bottom;
  padding: 6px 6px 14px 6px;
  display: block;
  margin-bottom: 4em;
}

.article {
  margin-top: 4em;
}

.article p a,
#list_info a {
  color: #23457C;
  text-decoration: underline;
}

.article p a:hover,
#list_info a:hover {
  color: #1F3054;
  text-decoration: none;
}

.article p a:active {
  position: relative;
  top: 1px;
}

.article strong {
  color: #333333;
  font-weight: normal;
}

.article .arrow {
  background: url('/images/icons/arrow.png') no-repeat left .15em;
  padding-left: 14px;
}

.article h2,
.main_content h2 {
  margin-top: 1.25em;
  border-bottom: 1px solid #CCC;
  color: #23457C;
  font-style: italic;
  font-weight: normal;
  font-size: 32px;
  margin-bottom: 0.8em;
}

.article h3,
.main_content h3 {
  margin-top: 1.25em;
  color: #4D4D4D;
  font-weight: normal;
  font-size: 20px;
  margin-bottom: 0.8em;
}

.article h4,
.main_content h4 {
  margin-top: 1.25em;
  color: #23457C;
  font-weight: normal;
  font-size: 16px;
  margin-bottom: 0.8em;
  border-bottom: 1px solid #CCC;
}


.article p {
  font-size: 14px;
  color: #666;
  margin: 1em 0;
}

.article .footnote {
  color: #999;
  font-size: 12px;
}

.article .footnote span {
  background: url('/images/layout/footnote_divider.png') no-repeat left 0.2em;
  padding-left: 15px;
  margin-right: 2px;
}

.article .footnote span.first_in_row {
  padding-left: 0;
  background: none;
}

.article .content_image {
  margin: 1.2em 0;
}

.article .content_image.right {
  margin-left: 2em;
}

.article .content_image.left {
  margin-right: 2em;
}

.article .default_dl,
.user_detail .user_infos {
  font-size: 14px;
}

.article .default_dl dt,
.user_detail .user_infos dt {
  font-weight: normal;
}

.article .default_dl dt.left {
  width: 80px;
}

.article .default_dl dd,
.user_detail .user_infos dd {
  color: #666;
  font-weight: normal;
  margin-bottom: 0.5em;
}
/* end article*/




/* staff list */
#staff_list li {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 25px;
  overflow: hidden;
  vertical-align: top;
  text-align: center;
  width: 129px;
}

* html #staff_list li { display: inline; margin-right: 18px; }
*+ html #staff_list li { display: inline; margin-right: 18px; }

#staff_list li.last_in_row {
  margin-right: 0;
}

#staff_list li img {
  background: #EEE url('/images/club/staff_shadow.png') no-repeat left bottom;
  display: block;
  margin-bottom: 0.7em;
  padding: 5px 5px 9px 5px;
}

#staff_list li.shadow_2 img { background-position: -150px bottom; }
#staff_list li.shadow_3 img { background-position: -300px bottom; }
#staff_list li.shadow_4 img { background-position: -450px bottom; }

#staff_list h3 {
  color: #23457C;
  font-size: 13px;
  font-weight: normal;
  margin: 0;
}

#staff_list h4 {
  border: none;
  color: #999;
  font-size: 11px;
  font-weight: normal;
  margin: 0;
}
/* end staff_list*/




/* course stylinge*/
#course_overview {
  padding-top: 10px;
}

#course_overview .course_list {
  margin: 2em 0;
}

#course_overview .course_list li {
  float: left;
  margin-right: 0.3em;
  margin-bottom: 0.3em;
}

#course_overview .course_list li a,
.courses_overlay #overlay_course_list li a {
  font-size: 12px;
  display: block;
  background: #E5E5E5;
  padding: 0.3em 0 0.3em 0.7em;
  width: 4.2em;
}

#course_overview .course_list li a:hover,
.courses_overlay #overlay_course_list li a:hover {
  background: #CCC;
  text-decoration: none;
}

#course_downloads {
  margin: 3.5em 0;
}

#course_downloads li {
  float: left;
  width: 142px;
}

#course_downloads li img {
  margin-bottom: 10px;;
}

#course_downloads li a,
#course_downloads li div {
  text-align: center;
  width: 130px;
  display: block;
  margin: 0 auto;
}

#course_downloads li a:hover {
  text-decoration: none;
}

#course_downloads li span {
  background: url('/images/icons/pdf.png') no-repeat left center;
  padding-left: 24px;
  font-size: 14px;
}

#course_downloads li span small {
  color: #999;
  font-size: 0.8em;
}

#course_downloads li a:hover span {
  text-decoration: underline;
}

.courses_overlay {
  height: 550px;
  padding: 10px;
  width: 418px;
}

.courses_overlay #overlay_course_list {
  float: left;
  margin-right: 10px;
  width: 63px;
  overflow: hidden;
}

.courses_overlay #overlay_course_list li {
  margin-bottom: 1px;
}

.courses_overlay #overlay_course_list li a {
  width: 55px;
}

.courses_overlay #hole_detail img {
  display: block;
  float: left;
}

.courses_overlay .clean_overlay_close {
  background: url('/images/icons/close_overlay.png') no-repeat;
  display: block;
  width: 36px;
  height: 38px;
  position: absolute;
  right: -16px;
  top: -15px;
}
/* course end*/



/* Tournament infos */
#tournament_infos_article .links {
  padding-left: 0.5em;
  border-left: 2px solid #fff;
}
  

/* tournament infos end*/




/* gastronomy */
.gastronomy_article .default_dl {
  margin-top: 2em;
}
/* gastronomy ende */




/* shop styling */
.shop_article .opening_hours_dl,
.shop_article .contact_dl {
  position: relative;
  z-index: 2;
}
.shop_article .opening_hours_dl {
  margin-right: 20px;
}

.shop_article .full_width {
  margin-top: -60px;
  position: relative;
  z-index: 1;
}
/* shop styling end*/




/* opening hours */

.opening_dl {
  
}

.opening_dl dt {
  margin-top: 3em;
}

.opening_dl dt em {
  color: #23457C;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  display: block;
}

.opening_dl dt span {
  color: #999999;
  font-size: 14px;
  font-style: italic;
}

.opening_dl dd dl {
  font-size: 14px;
  border-top: 1px solid #CCC;
  margin-top: .6em;
  padding-top: .6em;
}

.opening_dl dd dl dt {
  float: left;
  width: 210px;
  border: none;
  margin: 0;
}

.opening_dl dd dl dd {
  color: #7F7F7F;
}
/* opening hours ende*/




/* conditions */
.guest_prices ul li {
  margin-bottom: 3em;
}

.guest_prices dl {
  font-size: 14px;
  margin-bottom: 1em;
}

.guest_prices dl dt {
  float: left;
  width: 250px;
  padding-right: 20px;
}

.guest_prices dl dd {
  color: #666;
  margin-bottom: 0.4em;
}

.guest_prices ul li p {
  clear: both;
/*  margin-top: 1em;*/
}
/* conditions ende*/




/* journey */
.print_journey {
  background: url('/images/icons/printer.png') no-repeat left center;
  font-size: 14px;
  padding: 0.5em 0 0.5em 23px;
  float: right;
  position: relative;
  left: 0;
  top: -3em;
}
/* journey end */




/* hotels styling */
.hotels_list li {
  clear: both;
  margin-bottom: 4em;
  overflow: hidden;
}

.hotels_list .image {
  float: left;
  border: 1px solid #CCC;
}

.hotels_list .image img {
  display: block;
}

.hotels_list .data {
  margin-left: 195px;
}

.hotels_list h3 {
  margin: 0 0 .2em 0;
}

.hotels_list p {
  font-size: 14px;
  color: #666;
  margin-bottom: 0.5em;
}

.hotels_list .link {
  color: #23457C;
  font-size: 14px;
}
/* hotels end*/




/* news styling */
.news_list li {
  margin-bottom: 3em;
}

.news_list .date {
  font-size: 12px;
  color: #999;
}

.news_list h3 {
  color: #333;
  margin: 0;
}
/* end news styling */




/* pagination styling */
.pagination {
  margin-top: 3em;
  font-size: 14px;
  text-align: center;
}

.pagination span,
.pagination a {
  margin: 0 .6em;
}

.pagination .current {
  color: #23457C;
/*  text-decoration: underline;*/
}

.pagination a {
  color: #444;
}

.pagination a:hover {
  color: #23457C;
}

.pagination .disabled {
  color: #B1B1B1;
}
/* ende pagination*/




/* imprint styling */
.imprint_article dl dt {
  width: 75px;
  float: left;
}

.imprint_article .made_by_kupferwerk {
  border-top: 1px solid #CCC;
  padding-top: 20px;
  margin-top: 20px;
}
/* imprint end*/




/* formtastic form */
form.formtastic {
  font-size: 14px;
}

form.formtastic legend {
  color: #333;
}

form.formtastic fieldset ol li.string input {
  width: 40%;
}

form.formtastic fieldset ol li label {
  width: 25%;
}

form.formtastic fieldset ol li fieldset legend.label label,
form.formtastic fieldset ol li fieldset legend.label {
  top: 0;
  left: 0;
}

form.formtastic fieldset ol li#login_identity_number_input span.prefix {
  color: #666;
  font-size: 12px;
}

form.formtastic fieldset ol li#login_identity_number_input input{
  width: auto;
}

form.formtastic fieldset ol li#login_cookie_input fieldset legend.label label {
  visibility: hidden;
}

form.formtastic fieldset ol li.string input,
form.formtastic fieldset ol li.text textarea {
  border: 1px solid #ccc;
  background: #EDEDED;
  padding: 5px;
  font-family: Arial, Helvetica, sans-serif;
}

form.formtastic fieldset ol li.file div {
  padding-left: 25%;
}

form.formtastic fieldset ol li.text textarea {
  height: 10em;
  width: 70%;
}

form.formtastic fieldset ol li fieldset ol {
  padding-left: 25%;
}

form.formtastic fieldset.buttons {
  padding-left: 25%;
}

form.formtastic fieldset ol li p.inline-errors {
  margin-left: 25%;
}

form.formtastic fieldset ol li p.inline-hints {
  font-size: 12px;
}

form.formtastic fieldset.buttons input {
  padding-top: 3px;
  padding-bottom: 3px;
}
/* end */




/* contact styling */
.contact_article .default_dl dt {
  float: left;
  width: 5em;
}

.contact_article form.formtastic p {
  font-size: 10px;
}
/* contact end*/




/* scorecards */
#score_table {
  font-size: 14px;
}

#score_table .formtastic {
  margin-top: 30px;
}

#score_table .inputs {
  width: 50%;
}

#score_table form.formtastic fieldset.buttons {
  padding-left: 10%;
}

#score_table form.formtastic fieldset ol li.string input {
  width: 50%;
}

#score_table table {
  text-align: center;
  table-layout: fixed;
}

#score_table td,
#score_table th {
  padding: 4px 0;
}

#score_table th {
  font-size: 12px;
}

#score_table td {
  border-bottom: 1px solid #D8D8D8;
}

#score_table tr.first_row td {
  border-top: 1px solid #D8D8D8;
}

#score_table tr.no_style td {
  border: none;
}

#score_table tr.no_style {
  text-align: left;
}

#score_table .loch_number,
#score_table .loch_hcp,
#score_table .weiss,
#score_table .schwarz,
#score_table .loch_par,
#score_table .gelb,
#score_table .rot {
  width: 65px;
}

#score_table .loch_number {
  background: #CCCCFF;
  border-color: #B7B9E3;
}

#score_table .loch_hcp {
  background: #B4B49B;
  border-color: #9B9A87;
}

#score_table .weiss {
  border-color: #D8D8D8;
}

#score_table .schwarz {
  background: #333;
  color: #CCC;
  border-color: #191919;
}

#score_table .loch_par {
  background: #9999FF;
  border-color: #8A8DE2;
}

#score_table .gelb {
  background: #FFFC68;
  border-color: #E5E069;
}

#score_table .rot {
  background: #DD4A47;
  border-color: #AC4843;
}

#score_table .vor,
#score_table .schlaege,
#score_table .netto,
#score_table .netto_in,
#score_table .netto_out,
#score_table .mitspieler {
  border-right: 1px solid #CCC;
}

#score_table .vor,
#score_table .schlaege,
#score_table .netto {
  width: 60px;
}

#score_table .vor input {
  background: #D8D8D8;
  background: #FFF;
  border: none;
  padding: 2px;
  width: 21px;
  cursor: default;
}

#score_table .schlaege input {
  text-align: center;
}

#score_table .netto input,
#score_table .netto_in input,
#score_table .netto_out input {
  border: none;
  border-bottom: 1px solid #CCC;
  display: inline;
  text-align: center;
}

#score_table .netto_in input,
#score_table .netto_out input {
  background-color: #E5E5E5;
}

#score_table .mitspieler {
  width: 30px;
}

#score_table .empty {
  border: none;
  height: 15px;
}
/* scorecards end */




/* logged in box */
#logged_in {
  background: #EEE;
  border: 1px solid #ccc;
  margin-top: -20px;
  margin-bottom: 20px;
  padding: 1.2em 0 1.2em 1.2em;
}

.default_layout #logged_in {
  margin-top: -30px;
  width: 195px;
}

#logged_in h3 {
  font-size: 12px;
  font-weight: normal;
  color: #666;
  margin-bottom: 1em;
}

#logged_in h3 strong {
  color: #333;
}


#logged_in p {
  font-size: 14px;
  color
}
/* logged in box end */




/* newsletter */

.user_subscribe_newsletter form.formtastic fieldset ol li {
  margin-bottom: 5px;
}

.user_subscribe_newsletter form.formtastic fieldset ol li label {
  width: 80px;
}

.user_subscribe_newsletter form.formtastic fieldset ol li.boolean label {
  padding-left: 80px;
  width: 460px;
  font-size: 12px;
}

.user_subscribe_newsletter form.formtastic fieldset.buttons {
  margin-top: 10px;
  padding-left: 80px;
}

.user_newsletter_archive .default_dl dt {
  color: #666;
  float: left;
  width: 90px;
}
/* newsletter end*/




/* pinnwand */
.pinboard_preview {
  margin-bottom: 4em;
}
.pinboard_preview h3 {
  font-size: 26px;
  margin-bottom: .4em;
  padding: 0 15px;
}

.pinboard_preview h3 a {
  color: #23457C;
}

.pinboard_preview .meta,
.pinboard_detail .meta {
  color: #7F7F7F;
  font-size: 12px;
  font-style: italic;
  padding: 0 15px;
}

.pinboard_preview .meta strong,
.pinboard_detail .meta strong {
  color: #333;
}

.pinboard_preview .pin_content {
  background: url('/images/pinboard/blog_bg.png') repeat-x left bottom;
  border-bottom: #D8D8D8 1px solid;
  padding: 15px;
}

.pinboard_preview .pin_content .cover,
.pinboard_detail .cover {
  background: url('/images/pinboard/image_shadow.png') no-repeat left bottom #EEE;
  padding: 4px 4px 10px;
  margin-top: 0;
}

.pinboard_preview .pin_content p {
  margin: 0;
}

.pinboard_preview .options {
  border-bottom: #D8D8D8 1px solid;
  background: #EDEDED;
  padding: 5px 15px;
  font-size: 14px;
}

.pinboard_preview .options a {
  margin-right: 15px;
}

.pinboard_detail .meta {
  display: block;
  font-size: 14px;
  padding: 0;
  margin: 2em 0;
}

.pinboard_detail .pin_content {
  font-size: 16px;
  margin-bottom: 2.7em;
}

.pinboard_detail .pin_content p {
  font-size: 16px;
}

.pinboard_detail .gallery li {
  float: left;
  margin: 0 10px 10px 0;
}

.pinboard_detail .gallery a {
  background: url('/images/pinboard/image_shadow.png') no-repeat -217px bottom #EEE;
  padding: 4px 4px 10px;
  margin-top: 0;
  display: block;
}

.pinboard_detail .gallery li img {
  width: 170px;
}
/* pinnwand end */




/* latest pins */
.latest_pinboard_entries li {
  border-bottom: 1px solid #E0E0E0;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

.latest_pinboard_entries h4 {
  border: none;
  color: #23457C;
  margin: 0;
}

.latest_pinboard_entries h3 a {
  text-decoration: underline;
  color: #4D4D4D;
}

.latest_pinboard_entries h3 a:hover {
  color: #23457C;
}

.latest_pinboard_entries h4 a {
  color: #23457C;
}

.latest_pinboard_entries small,
.latest_pinboard_entries small strong {
  font-size: 12px;
  color: #666;
}
/* end latest pins */




/* pinboard form */

.pinboard_entry #pinboard_entry_title {
  width: 70%;
}

.pinboard_entry #pinboard_entry_text {
  height: 270px;
}

.pinboard_entry fieldset  #image_uploads {
  margin-top: 20px;
}

.pinboard_entry fieldset  #image_uploads a.add_image_link {
  background: url('/images/icons/image_add.png') no-repeat left center;
  padding-left: 20px;
}

.pinboard_entry fieldset  #image_upload_fields li {
  padding-bottom: 20px;
  border-bottom: 1px solid #CCC;
  margin-bottom: 20px;
}

.pinboard_entry fieldset  #image_upload_fields input.file_upload_field {
  margin-bottom: 10px;
  padding: 0;
  border: auto;
  width: auto;
}

.pinboard_entry fieldset  #image_upload_fields input.image_description {
  width: 60%;
}

.pinboard_entry fieldset  #image_upload_fields label {
  display: inline;
  float: none;
  font-size: 12px;
  color: #666;
  margin-right: 5px;
}

.pinboard_entry .images {
  padding-left: 25%;
  margin-bottom: 20px;
}

.pinboard_entry .images li {
  float: left;
  position: relative;
  margin: 0 10px 10px 0;
}

.pinboard_entry .images li a {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px 5px 5px 25px;
  background: url('/images/icons/image_delete.png') no-repeat 5px center #333;
  color: #FFF;
}

.pinboard_entry .images li img {
  display: block;
  width: 132px;
}
/* end pinboard form*/



/* USERLIST */
.user_list form {
  background: #D7D8DB;
  color: #FFF;
  padding: 5px;
}

.user_list form select {
  margin-top: 4px;
}

.user_list form div {
  position: relative;
  width: 220px;
}

.user_list form .search_field {
  border: 1px solid #A0A0A0;
  background: #FFF;
  margin-right: 10px;
  padding: 4px 12px 5px 3px;
  font-size: 14px;
  width: 100px;
  float: right;
}

.user_list form .remove_search {
  background: url('/images/user/remove_search.gif') no-repeat;
  position: absolute;
  z-index: 10;
  top: 9px;
  left: 102px;
  width: 10px;
  height: 10px;
  overflow: hidden;
  text-indent: -888px;
}

.user_list form #search_submit {
  float: right;
  color: #EEE7E7;
  background: url('/images/user/search.png') -3px -5px;
  border: 2px solid #732719;
  overflow: auto;
  font-size: 14px;
  font-weight: normal;
  padding: 2px  5px 3px 25px;
  cursor: pointer;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

.user_list form #search_submit:hover {
  color: #FFF;
  background-position: -3px -45px;
}

.user_list #alphanumeric_pagination {
  margin-top: 1px;
  background: #D7D8DB;
  padding: 5px;
}

.user_list #alphanumeric_pagination strong {
  font-size: 12px;
  font-weight: normal;
  color: #505050;
}

.user_list #alphanumeric_pagination ul {
  margin-top: 3px;
}

.user_list #alphanumeric_pagination ul li {
  float: left;
  margin-right: 2px;
}

.user_list #alphanumeric_pagination a {
  font-size: 14px;
  background: #B7B7B7;
  padding: 1px 4px;
  color: #FFF;
}

.user_list #alphanumeric_pagination a.active,
.user_list #alphanumeric_pagination a:hover {
  text-decoration: none;
  background: #818181;
}

.member_list_legend {
  text-align: right;
  color: #666;
  font-size: 10px;
  margin-top: 20px;
}

.bottom_member_list_legend {
  margin-top: 50px;
}

.member_list_legend li {
  display: inline;
  margin-right: 10px;
  padding-left: 10px;
  background-position: left top;
}

#list_info {
  color: #666;
  font-style: italic;
  font-size: 1.2em;
  margin-top: 1.5em;
  margin-bottom: 1em;
}

#list_info strong {
  color: #333;
}

.user_list {
  margin-top: 30px;
}

.user_list .list {
  margin-top: 15px;
}

.user_list .list li {
  padding: .7em 1.5em;
}

.user_list .list li.even {
  background: #F5F5F5;
}

.user_list .list .username {
  font-size: 1.6em;
  color: #464646;
  float: left;
  padding-left: 15px;
}

.user_list .list .ausserordentlich .username,
.user_list .list .temporaer .username,
.user_list .list .ordentlich .username,
.member_list_legend li {
  background: url('/images/user/list_style.gif') no-repeat 0 11px;
}

.user_list .list .temporaer .username {
  background-position: 0 -29px;
}

.user_list .list .ordentlich .username {
  background-position: 0 -69px;
}

.member_list_legend li.ausserordentlich {
  background-position: 0 3px;
}

.member_list_legend li.temporaer {
  background-position: 0 -37px;
}

.member_list_legend li.ordentlich {
  background-position: 0 -77px;
}

.user_list .list .more {
  float: right;
  font-size: 1.3em;
  padding-top: 3px;
  background-position: 0 10px;
}

.user_list #terms {
  font-size: 12px;
  color: #999;
}

/* userlist end */



/* USER SHOW*/
.user_detail .user_infos dt,
.user_edit .user_infos dt {
  clear: both;
  float: left;
  width: 120px;
}

.user_detail .user_infos dd {
  float: left;
}

.user_detail .user_infos dd p {
  margin: 0;
}

.user_detail .button_list {
  margin-top: 15px;
  padding-left: 120px;
}

.user_detail .button_list li {
  float: left;
  margin-right: 15px;
}

.user_detail .button_list .edit_button {
  background: url('/images/icons/user_edit.png') no-repeat;
  padding-left: 20px;
  font-size: 12px;
  text-decoration: underline;
}

.user_detail .button_list .edit_button:hover {
  text-decoration: none;
}

/* end user show*/



/* USER EDIT */
.user_edit .user_infos {
  padding-bottom: 10px;
}
.user_edit .formtastic .fieldset {
  background: #F0F0F0;
  padding: 13px 20px 0;
  margin-top: 20px;
}

.user_edit .user_infos dd {
  color: #666;
}

.user_edit .user_infos .hint {
  color: #999;
  font-size: 11px;
  margin-top: 10px;
}

.user_edit h3 {
  margin: 0;
  color: #000;
  border-bottom: 1px solid #CCC;
  margin-bottom: 20px;
}

.user_edit form.formtastic fieldset ol li.string input,
.user_edit form.formtastic fieldset ol li.text textarea {
  background: #FFF;
}

.user_edit form.formtastic fieldset ol li.boolean {
  margin-top: -10px;
}

.user_edit form.formtastic fieldset ol li.boolean label {
  font-size: 12px;
}
/* end user edit*/



/* club_gallery */
.image_gallery .cover {
  margin-bottom: 1.2em;
}

.image_gallery .cover img {
  display: block;
}

.image_gallery ul li {
  float: left;
  margin-right: 15px;
  margin-bottom: 8px;
}

.image_gallery ul li.last_in_row {
  margin-right: 0;
}

.image_gallery ul li a {
  display: block;
  padding: 4px 4px 9px 4px;
  background: url('/images/club/gallery_shadows.png') no-repeat bottom left #eee;
}

.image_gallery ul li.shadow_1 a { background-position: -195px bottom; }
.image_gallery ul li.shadow_2 a { background-position: -390px bottom; }

.image_gallery ul li a img {
  display: block;
}
/* club_gallery end*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; 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/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/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{ width: 66px; 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; }