@charset "UTF-8";
/* CSS Document */

html, body{margin:0; padding:0; width:100%; height:100%; position: absolute; color: #bd0b1d; font: 11px   Arial, Helvetica, Verdana, Tahoma, sans-serif; background:#fff top center; text-align:justify;}	
ul, li{list-style:none;}
img, a img {border: 0;}
	
#center {width:950px; margin:0 auto; padding:5px;}
#header {padding:0; margin:0;}
#content {padding:0; margin:0;}

.red {color:#bd0b1d;}
.grey_dark {color:#797878;}
.grey_light {color:#c2bebd;}
.clearfix {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}

/* LOGO */
#refresh_date { padding:0; width:100%; text-align:right; color:#797878; font-size:8px; }
#logo { padding:15px 0 20px 0; border-bottom:dotted 1px #c2bebd;}


/* NAVIGATION */
.navi {z-index:100; position:relative;width:100%; padding:20px 0 0 0;}
.navi ul {float:left; width:115px; margin:0; padding:0; color:#797878;}
.headline {font: 15px   Arial, Helvetica, Verdana, Tahoma, sans-serif; color:#797878; padding-bottom:10px; font-weight:300;}
.sub_headline {font: 11px   Arial, Helvetica, Verdana, Tahoma, sans-serif; color:#797878; padding-bottom:4px; margin-bottom:1px;}
a.sub, a.top {color:#797878;padding:2px;  text-decoration:none; outline:none;}
a.sub:hover {color:#fff; padding:2px; text-decoration:none; background-color:#bd0b1d; outline:none;}
a.sub-active {color:#fff; padding:2px; text-decoration:none; background-color:#bd0b1d; outline:none;}
a.top2 {background-color:#797878; color:#fff; padding:2px;  text-decoration:none; outline:none;}
a.top2:hover {background-color:#9f131c; color:#fff; padding:2px;  text-decoration:none; outline:none;}
a.top:hover {color:#bd0b1d;padding:2px; text-decoration:none; outline:none;}
a.top-active {color:#bd0b1d;padding:2px;  text-decoration:none; outline:none;}
#main_headline h1 {font: 25px   Arial, Helvetica, Verdana, Tahoma, sans-serif; color:#797878; padding:20px 0 18px 0; border-bottom:1px dotted #c2bebd;}
#comma {z-index:1;position:absolute;margin-top:10px; margin-left:-100px;}
.padding_subnavi {padding:0 0 5px 0;}

/* CONTENT */
#index_image {position:relative; z-index:101; margin:-38px 0 0 70px; width:381px; float:left;}
#index_news {float:left; z-index:99;}
#index_news h1 { background:url(../images/bar_news.jpg) no-repeat; height:63px; width:499px; margin:1px 0 0 0; padding:10px 0;  color: #fff; font: 18px   Arial, Helvetica, Verdana, Tahoma, sans-serif; text-transform:uppercase;}
.padding_15 { padding:0 15px;}
#index_news ul {margin:-10px 0 0 0; padding:0; color:#797878;}
#index_news li {font: 11px   Arial, Helvetica, Verdana, Tahoma, sans-serif; color:#797878; padding-bottom:15px;}
a.nav_button {color:#fff; padding:1px 8px;; text-decoration:none; background-color:#797878; font: 10px   Arial, Helvetica, Verdana, Tahoma, sans-serif; outline:none;}
a.nav_button:hover {color:#fff; padding:1px 8px; text-decoration:none; background-color:#bd0b1d; outline:none;}


/* BOTTOM */
.padding_bottom {padding:0 0 100px 0;}
#copy {float:left; color:#797878; width:250px; margin-top:15px;}
#event_logo {float:left; color:#797878; width:700px; text-align:right;}
#event_logo a {vertical-align:middle; margin-left:10px; display:inline; outline:none;}
#slogan {width:950px; text-align:center; padding:50px 0 30px 0;}
	/* HOVER LOGOS */
	a#rollover_dr span, a#rollover_md span, a#rollover_mz3 span, a#rollover_mg span, a#rollover_xc span, a#rollover_lem span, a#rollover_nrp span, a#rollover_urb span { display:none; }
	a#rollover_dr { background-image:url(../images/nav_logos/dr_light.jpg); height: 50px; width:33px; display:inline-block; }
			a#rollover_dr:hover { background-image:url(../images/nav_logos/dr.jpg);}
			a#rollover_md { background-image:url(../images/nav_logos/md_light.jpg); height: 50px; width:75px; display:inline-block; }
			a#rollover_md:hover { background-image:url(../images/nav_logos/md.jpg); }
			a#rollover_mz3 { background-image:url(../images/nav_logos/mz3_light.jpg); height: 50px; width:97px; display:inline-block; }
			a#rollover_mz3:hover { background-image:url(../images/nav_logos/mz3.jpg); }
			a#rollover_mg { background-image:url(../images/nav_logos/gl_light.jpg); height: 50px; width:74px; display:inline-block; }
			a#rollover_mg:hover { background-image:url(../images/nav_logos/gl.jpg); }
			a#rollover_xc { background-image:url(../images/nav_logos/xcrossy_light.jpg); height: 50px; width:41px; display:inline-block; }
			a#rollover_xc:hover { background-image:url(../images/nav_logos/xcrossy.jpg); }
			a#rollover_lem { background-image:url(../images/nav_logos/lem_light.jpg); height: 50px; width:78px; display:inline-block; }
			a#rollover_lem:hover { background-image:url(../images/nav_logos/lem.jpg); }
			a#rollover_nrp { background-image:url(../images/nav_logos/nrp.jpg); height: 50px; width:120px; display:inline-block; }
			a#rollover_nrp:hover { background-image:url(../images/nav_logos/nrp.jpg); }
			a#rollover_urb { background-image:url(../images/nav_logos/urb_light.jpg); height: 50px; width:27px; display:inline-block; }
			a#rollover_urb:hover { background-image:url(../images/nav_logos/urb.jpg); }

/* EVENT NAVI & CONTENT*/
.ui-tabs { position: relative; padding:0; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding:0; }
.ui-tabs .ui-tabs-nav li { list-style: none; display:block; position: relative; padding:8px 0 8px 0; margin:0;border-bottom: dotted 1px #c2bebd; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a {padding:0; margin:0; color: #797878; background-color:#fff; text-decoration:none; font-size:11px;}
.ui-tabs .ui-tabs-nav li a:hover {padding:0; margin:0; color: #de858e; background-color:#fff; text-decoration:none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { color:#bd0b1d;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color:#bd0b1d; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 0; padding:0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }



.event_nav {float:left; width:400px; padding:0; margin:0;}
.event_content {float:right; width:510px; padding:0; margin: 0 0 0 40px; font-size:11px; color: #797878;}
.event_content_popup {width:980px; padding:0; margin:10px; font-size:11px; color: #797878;}
.event_tab-left {float:left; width:410px;}
.event_tab-right {float:right; width:260px; margin:0 0 0 40px;}


img {border: none;} 
* html a.photolink {border: 9px dotted #fafafa; margin:0 0 1px 0; outline:none;} 
* html a.photolink:hover {border: 9px solid #bd0b1d; outline:none;} 
.photolink img {border: 9px solid #fafafa; margin:0 0 1px 0; outline:none;} 
.photolink img:hover {border: 9px solid #bd0b1d; outline:none;} 

.dr_brown {color:#bd0b1d;}
.dr_blue {color:#bd0b1d;}

#col_2 ul,
.event_content ul {margin:0 0 30px 0; padding:0;}
#col_2 li, 
.event_content li {font: 11px Arial, Helvetica, Verdana, Tahoma, sans-serif; padding:0 0 10px 0; display:block; clear:both;}

.event_content_popup h1,
#col_2 h1 {margin:0 0 8px 0; padding:0 0 5px 0;  color: #bd0b1d; font-size: 14px; text-transform:uppercase; border-bottom:dotted 1px #bd0b1d;}
#col_1 h1 {margin:20px 0 8px 0; padding:0 0 5px 0;  color: #bd0b1d; font-size: 14px; text-transform:uppercase; border-bottom:dotted 1px #bd0b1d;}
.event_content_popup h2,
#col_2 h2 {color: #bd0b1d; font-size:14px; text-transform:uppercase; margin:0; padding:0;}
.event_content h3 {color: #797878; font-size:11px; text-transform:uppercase; margin:0; padding:0 0 5px 0; font-weight:bold;}
.event_content h4 {color: #797878; font-size:11px; text-transform:uppercase; margin:0; padding:7px 0 0 0; font-weight:bold;}
.event_content h5 {color: #797878; font-size:11px; margin:0; padding:0px 0 0 0; font-weight:bold;}
.event_content_popup p,
#col_2 p {font-size:11px; margin:0; padding:3px 0 20px 0; color: #797878; line-height:1.3em;}
a.content_button {color:#fff; padding:1px 3px; text-decoration:none; background-color:#c2bebd; font-size:10px; outline:none;}
a.content_button:hover {color:#fff; padding:1px 3px; text-decoration:none; background-color:#bd0b1d; outline:none;}

a.email {color:#7f7f7f; text-decoration:none; outline:none;}
a.email:hover {color:#bd0b1d; text-decoration:none; outline:none;}

a.mz3_button {color:#fff; text-decoration:none; padding:0 49px 0 0; outline:none;}
a.mz3_button_np:hover,
a.mz3_button:hover {color:#fff; text-decoration:none; outline:none;}
a.mz3_button_np {color:#fff; text-decoration:none; padding:0; outline:none;}




#col_1 {float:left; width:400px; padding:0; margin:0; font-size:11px; color: #797878;}
#col_2 {float:right; width:510px; padding:0; margin: 0 0 0 40px; font-size:11px; color: #797878;}
/* @end */