/* RESET ----------------------------------------------------------- */
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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
img { margin: 0;padding: 0;border: 0; }
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {	content: "";}
blockquote, q {quotes: "" "";}

/* GLOBAL --------------------------------------------------------- */
table td, table tr { vertical-align: top; }
.clear { clear: both; height: 0; }
b, strong { font-weight: bold; }
em, i { font-style: italic;  }
.alignleft { text-align: left; }
.alignright { text-align: right; }
hr { margin: 10px; border: 1px solid #660000;}

/* STYLE ---------------------------------------------------------- */

body 
{
    background: #f9be00 url(img/bg-all.jpg) no-repeat fixed top center;
    margin-top: 0px; margin-bottom: 0px;
    }
  
 table
 {
    border-collapse:collapse;    
     }     
#body { border: 2px solid #cc0000; margin: 20px; font-size: 9px; font-family: arial; width: 96%;}     
    
.header
{   
    background-image: url(img/header.png); 
    background-repeat: no-repeat; height: 140px;
    }
.header h1
{
	text-indent: -9999em;
	width: 50px;
	float: left;
}
.header object { float: right; margin: 15px; }

/* NAVIGATION */
#navigation ul { margin: 0 5px; padding: 0; list-style-type: none; text-align: center;}
#navigation ul li { margin: 0; padding: 0; font-size: 12px !important;}
#navigation ul li a { display: block; width: 140px; padding: 8px 0; color: #ffffff; text-transform: uppercase; text-decoration: none; font-weight: bold; background: url('img/button.png') no-repeat top left; vertical-align:middle !important; }	

#navigation ul li a:hover { color: #000000; background: url('img/button_h.png') no-repeat top left; }

#navigation ul li ul#nav_sub { margin-bottom: 10px; }
#navigation ul li ul#nav_sub a { background-image: none; text-transform: none; text-align: right; }

/* CONTENT */
#content {
	color: #660000;
	font: 12px Arial, sans-serif;
	width: 540px; padding: 20px
}
#content h2 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}
#content h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
#content h4 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
#content p {
	margin: 0 0 10px 0;
}
#content p.event_type {
    font-style: italic;
}
#content a {
	color: #ffffff;
}
        
.section
{
    background: url(img/bg-red.png) repeat;
    margin-top: 15px;
    float: left;
    padding: 10px 0 10px 10px;
    width: 530px;
}

.teaser_front h4
{
    background-position: left top; 
    padding: 8px; 
    font-weight: bold;
    font-size: 15px; 
    background-image: url(img/bg-offer-title.png); 
    color: #ffff00;
    background-repeat: no-repeat; font-family: Arial; height: 34px
    margin: 0 0 10px 0;
    }
    
    
.teaser_front
{
	width: 250px;
	height: 135px;
	min-height: 135px;
	float: left;
	margin: 0 10px 0 0;
    font-weight: bold 11px Arial, sans-serif;
    color: #ffffff; 
    background: #d75c03 url(img/offerbg.png) center top; 
    border: 1px solid #ffffff;
    padding: 0 0 10px 0;
   
    }
.teaser_front p, .teaser_front ul, .teaser_front dl {
	margin: 10px 10px 0 10px !important;
}

form dl dt { float: left; clear: both; display: block; width: 120px; margin-bottom: 5px;}
form dl dd { float: left; margin-bottom: 5px; }
form p { clear: both; }


/* SIDEBARS */
#leftZone
{
    background: url(img/bg-red.png) repeat;
    text-align: left;
    width: 150px;
    padding: 10px 0;
    }
#leftZone h3 {  
	font: bold 12px Arial, sans-serif;
	color: #ffcc00;
	text-transform: uppercase;
	text-align: left;
	margin: 10px 10px 5px 10px;
}    
#leftZone input {
	width: 90px;
}    
#leftZone p {
	margin: 0 10px 10px 10px;
}
#leftZone a {  
	color: #ffcc00; font-size: 12px;
}
    
#rightZone
{
    width: 180px; 
/*    padding-top: 10px; */
    background: url(img/bg-red.png);
    text-align: left;
    color: #660000;
    }
#rightZone h4 {  
	font: bold 12px Arial, sans-serif;
	color: #ffcc00;
	text-transform: uppercase;
	text-align: left;
	background: url(img/bg-offer-title.png) left center;
	padding: 5px 10px;	
	margin: 0 0 10px 0;
} 
#rightZone p {
	font-size: 12px;
	margin: 0px 10px 10px 10px; 
}
#rightZone a {  
	color: #ffcc00;
}
#rightZone p.more_link 
	{ text-align: right; text-transform: uppercase; font-size: 10px; }
.teaser {  
	margin: 0 0 20px 0;
}
.login
{
    background-position: center top; 
    background-image: url(img/bglogin.png);
    background-repeat: repeat-x; 
    height: 160px;
    }    

.teaser .poll { margin: 0 10px; font-size: 11px; }  
.teaser .teaserbuttonrow { text-align: right; }
.poll p { margin: 0 0 10px 0 !important; }
.poll li { float: left; clear: both; margin-bottom: 5px;}
.polloptions { display: block; width: 80px; height: 9px; border: 1px solid #ffcc00; float: left; margin: 0 5px 0}
.poll_bar { display: block; height: 9px; background-color: #cc0000; }
 
/* ----------------------------------------------------------- FORM */
#content fieldset { width: 500px; padding: 5px 0; margin: 0 15px; }
#content fieldset ul { margin: 0; padding: 0; list-style-type: none; }
#content fieldset ul li { background-image: none; padding-left: 0; clear: both; margin: 0 0 5px 0; list-style-type: none !important;}
#content fieldset ul li label { display: block; width: 180px; float: left; }
#content fieldset ul li span { width: 360px; float: right; padding-bottom: 10px; }
/*
#content fieldset input, #content fieldset textarea, #content fieldset select {  border: 1px solid #7a8754; background-color: #e6efc2 ! important; }*/
#content fieldset input.text { width: 300px; }
#content fieldset input.text_short { width: 180px; }
#content fieldset textarea { width: 300px; }
#content cite { font-size: 10px; color: #666666; }
#content p.form-bottom { clear: both; text-align: right; width: 500px; }
p.form-button span.legend { font-style: italic; }
/*p.form-button button { background: #5e6e27;  padding: 3px; color: #ffffff; font: 11px Verdana, Arial, sans-serif; text-transform: uppercase; } 
#content .legend { float: left; color: #cc0000; }*/



#footer {  font-size: 9px; font-family: arial; color: #ffcc00; text-align: center; margin-bottom: 10px; }


ul.user {
     width: 99px;
     clear: both;
     position: relative;
     float: right;
     bottom: 0;
     margin-top: -20px;
}
ul.user li {
     display: inline;
}
ul.user a {
     display: block;
     width: 30px;
     height: 20px;
     float: left;
     text-indent: -9999em;
     margin: 0 3px 0 0;
     background-color: #b44200;
     background-repeat: no-repeat;
     background-position: center;
}
ul.user a.user_font_up {
     background-image: url(img/zoom_in.png);
}
ul.user a.user_font_down {
     background-image: url(img/zoom_out.png);
}
ul.user a.user_print {
     background-image: url(img/printer.png);
}
ul.user a:hover {
     background-color: #ffcc00;
}


/* CALENDAR */
table.calendar { width: 75%; margin: 0 auto; border-collapse: collapse; border: 1px solid #d75c03; margin-bottom: 10px; }
table.calendar a { text-decoration: none; color: #660000 !important; }
table.calendar td { padding: 5px 0; vertical-align: middle; text-align: center; width: 14%; font-size: 16px;}
table.calendar td.prev, table.calendar td.next { padding: 5px; }
table.calendar td.prev { text-align: left !important; }
table.calendar td.next { text-align: right !important; }
table.calendar td.month { font-size: 20px; text-align: center; color: #d75c03;}
table.calendar th { font-weight: bold; background-color: #d75c03; color: #ffffff; padding: 5px; vertical-align: middle;  text-align: center; }
table.calendar td.calendareventday { background-color: #d75c03; color: #ffffff; }
table.calendar td.calendareventday a { color: #ffffff !important; }
table.calendar td table.month td.day a { color: #333333 !important; }
table.calendar td table.month td.event a { !important; font-weight: bold;}