/*
PROJECT: www.tischtennis-svbommern.de
Development: www.schaum-development.de
*/
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, strong, sub, sup, tt, var,
b, u, i, center,
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-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1.0em;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

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

* html .clear { height: 1%; }
.clear { display: block; }

.floatLeft{
	display:block;
	float:left;
}

.floatRight{
	display:block;
	float:right;
}

/** end of basic styles **/

/*------------------------------------------------------
    General
------------------------------------------------------*/
body { font-family: Tahoma, Arial, sans-serif; color: #000000; background-color: #C3C3C3; }
#website { width: 1000px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; background-color: #F8F8F8; }
#ball { width: 109px; height: 100px; z-index: 10; position: relative; top: 70px; left: 21px; background-image: url('header_ball.png');}
#mainsite { position: relative; top: -100px; }
#navigation { height: 26px; padding-left: 138px; background-image: url('nav_bg.jpg'); background-repeat: repeat-x; }
#maincontent { padding-top: 15px; }
#right_content { width: 230px; float: right; }
#breadcrumb { padding-bottom: 10px; }
#content { width: 700px; padding-left: 21px; padding-right: 21px; font-size: 13px; }
#footer { width: 726px; margin: 0 auto; padding-bottom: 10px; border-top: 1px solid #C1C1C1; }

h1 { font-size: 1.6em; margin-bottom: 0.8em; font-weight: bold; }
h2 { font-size: 1.4em; margin-bottom: 0.6em; font-weight: none; }
h3,
h4,
h5,
h6 { font-size: 1.2em; margin-bottom: 0.3em; font-weight: none; }

a,
a:link,
a:active,
a:visited,
a:hover { color: #356035; }

a,
a:link,
a:active,
a:visited { text-decoration: none; }
a:hover { color: #CC0000; text-decoration: none; }

/*------------------------------------------------------
    Navigation
------------------------------------------------------*/
#navigation ul { padding: 0px; margin: 0px; list-style-type: none; list-style-position: outside; position: absolute; }
#navigation li { height: 25px; }
#navigation li { float: left; }
#navigation ul li:hover { background-image: url('nav_bg_hover.jpg'); background-repeat: repeat-x; height: 25px; }
#navigation li.active,
#navigation li.active:hover { background-image: url('nav_bg_active.jpg'); background-repeat: repeat-x; height: 26px; }
#navigation li .nav_sep_line { width: 1px; height: 25px; float: left; background-image: url('nav_sep_line.jpg'); background-repeat: no-repeat; }
#navigation li.active .nav_sep_line { background-image: url('nav_sep_line_active.jpg'); }
#navigation li.active + li .nav_sep_line:first-child { background-image: url('nav_sep_line_active.jpg'); }
#navigation li a { margin-left: 6px; margin-top: 2px; margin-right: 6px; float: left; }
#navigation li a,
#navigation li a:link,
#navigation li a:active,
#navigation li a:visited,
#navigation li a:hover { text-align: center; width: 4.5em; color: #353535; text-decoration: none; font-weight: normal; }
#navigation li.active a:link,
#navigation li.active a:active,
#navigation li.active a:visited,
#navigation li.active a:hover { color: #356035; text-decoration: none; font-weight: bold; }

img.nav_arr { visibility: hidden; display: inline; }

#navigation ul.dropdown_nav { display: none; z-index: 9; width: 10em; position: absolute; top: 1px; left: 0px; }
#navigation ul li:hover ul.dropdown_nav { display: block; visibility: "visible"; }
#navigation ul.dropdown_nav li { width: 10em; height: 22px; padding-top: 2px; background-image: url('dropdown_bg.png'); background-repeat: repeat-x repeat-y; border-left: 1px solid #B0B0B0; border-right: 1px solid #B0B0B0; border-bottom: 1px solid #B0B0B0; }
#navigation ul.dropdown_nav li a { width: 10em; }

#navigation ul.dropdown_nav li:hover { background-image: none; background-color: #C0C0C0;}
#navigation ul.dropdown_nav li:hover a { color: #E3E3E3; }

#navigation ul.dropdown_nav li.active,
#navigation ul.dropdown_nav li.active:hover { background-image: none; background-color: #FFFFFF; height: 22px; }

#navigation ul.dropdown_nav li a,
#navigation ul.dropdown_nav li a:link,
#navigation ul.dropdown_nav li a:active,
#navigation ul.dropdown_nav li a:visited { color: #353535; text-decoration: none; font-weight: normal; }

#navigation ul.dropdown_nav li.active a,
#navigation ul.dropdown_nav li.active a:link,
#navigation ul.dropdown_nav li.active a:active,
#navigation ul.dropdown_nav li.active a:visited,
#navigation ul.dropdown_nav li.active a:hover { color: #356035; text-decoration: none; font-weight: bold; }

#navigation li.nav_opened { border-bottom: 1px solid #D8D8D8; }

/*--- THIRD NAV ----------------------------------------*/
.nav3 { float: right; width: 150px; }
.nav3_header { text-align: center; width: 100%; padding-bottom: 10px; }
.nav3_title { font-weight: bold; color: #444444; font-size: 14px; border-bottom: 1px solid #CFCFCF; }
.nav3_subtitle { font-weight: normal; color: #666666; font-size: 11px; }
.nav3_body { width: 100%; }
.nav3_body ul { width: 60%; margin: 0 auto; list-style-type: disc; list-style-position: inside; }
.nav3_body ul li { padding-bottom: 7px; }
.nav3_body ul li a,
.nav3_body ul li a:link,
.nav3_body ul li a:active,
.nav3_body ul li a:visited,
.nav3_body ul li a:hover { text-decoration: none; color: #666666; }
.nav3_body ul li a:hover { text-decoration: underline; }

/*------------------------------------------------------
    Content
------------------------------------------------------*/
#content p { padding-bottom: 7px; }

#content a,
#content a:link,
#content a:active,
#content a:visited,
#content a:hover { color: #356035; }

#content a,
#content a:link,
#content a:active,
#content a:visited { text-decoration: none; }
#content a:hover { color: #CC0000; text-decoration: none; }


label { width: 130px; float: left; color: #666666; padding-top: 2px; padding-bottom: 10px; }
input { width: 250px; float: left; }
input[type="submit"],
input[type="button"] { width: 120px; margin-top: 15px; float: none; }

/*------------------------------------------------------
    Breadcrumb
------------------------------------------------------*/
#breadcrumb,
#breadcrumb a,
#breadcrumb a:link,
#breadcrumb a:active,
#breadcrumb a:visited { font-weight: normal; font-size: 12px; color: #356035; text-decoration: none; }

#breadcrumb { color: #000000; }

#breadcrumb a:hover { color: #cc0000; text-decoration: none; }

/*------------------------------------------------------
    Box
------------------------------------------------------*/
#right_content .box { width: 227px; }
#right_content .box_header { font-size: 14px; text-align: center; width: 210px; padding-left: 5px; padding-right: 12px; height: 22px; padding-top: 3px; background-image: url('box_header.png'); background-repeat: no-repeat; }
#right_content .box_content { font-size: 12px; width: 210px; padding-left: 5px; padding-right: 12px; padding-bottom: 7px; padding-top: 5px; background-image: url('box_mid.png'); background-repeat: repeat-y; }
#right_content .box_footer { width: 210px; padding-left: 5px; padding-right: 12px; height: 16px; padding-bottom: 15px; background-image: url('box_bottom.png'); background-repeat: no-repeat; }

/*------------------------------------------------------
    Calendar
------------------------------------------------------*/
#event_calendar { display: none; }
#event_calendar { width: 200px; margin: 0 auto; padding-top: 10px; }
#event_calendar_header { height: 22px; padding-top: 4px; padding-left: 4px; padding-right: 4px; }
#event_calendar_header a { width: 16px; font-size: 2px; float: left; cursor: pointer; }
#event_calendar_current { width: 156px; text-align: center; float: left; }
#calendar_table { width: 190px; margin: 0 auto; }
a.calendar_current_day { color: #cc0000; }
td.ui-datepicker-current-day[class*="ui-datepicker-today"] a { color: #ff7070; }
#calendar_loading { width: 43px; height: 11px; font-size: 0px; color: transparent; background-image: url('data_loading.gif'); background-repeat: no-repeat; margin: 0 auto; margin-top: 10px; margin-bottom: 15px; display: none; }

#calendar_upcoming { display: block; }
.calendar_upcoming_event {}
.calendar_upcoming_header { color: #666666; }
.calendar_upcoming_header_date { float: right; width: 50px; }
.calendar_upcoming_header_title { font-weight: bold; }

#switch_view { padding-top: 10px; padding-left: 10px; }

/*------------------------------------------------------
    News
------------------------------------------------------*/
#news {}
.newsbox { border-bottom: 1px solid #C1C1C1; margin-bottom: 10px; padding-bottom: 10px; }
.news_header {}
.news_header strong { font-size: 16px; color: #303030; }
.news_header em { font-size: 11px; color: #808080; }
.news_body { padding-top: 10px; }
.news_content { width: 450px; }
.news_media { float: right; color: #808080; font-size: 11px; }
.news_hidden_content { display: none; }

.news_next,
.news_prev { cursor: pointer; float: left; padding-top: 30px; padding-right: 10px; }
.news_images { width: 150px; height: 150px; padding: 7px; border: 1px solid #C1C1C1; float: left; }
.gallery_images ul li { padding-right: 10px; width: 150px; }
.gallery_images ul li a img { width: 150px; height: 150px; border: 0px; }

.hidden { position: absolute; top: -1000px; }

/*------------------------------------------------------
    Table
------------------------------------------------------*/
.table {}
.table_header {}
.table_header_item { float: left; font-weight: bold; }
.table_body {}
.table_item { float: left; }

/*------------------------------------------------------
    Gallerie
------------------------------------------------------*/
.gallery_slider { width: 600px; padding-top: 20px; }
.gallery_next { cursor: pointer; float: left; padding-top: 30px; padding-right: 10px; }
.gallery_prev { cursor: pointer; float: left; padding-top: 30px; padding-right: 10px; }
.gallery_images { height: 44px; float: left; }
.gallery_images ul li { width: 44px; height: 44px; padding-right: 10px; float: left; }
.gallery_images ul li a img { width: 44px; height: 44px; }
/* #gallery_image { width: 350px; } */
#gallery_img { float: left; padding-bottom: 10px; padding-right: 10px; }
#team_image { width: 540px; overflow: hidden; }

/*------------------------------------------------------
    Footer
------------------------------------------------------*/
#footer { color: #B1B1B1; text-align: center; font-size: 10px; }
#footer a,
#footer a:link,
#footer a:active,
#footer a:visited,
#footer a:hover { color: #C1C1C1; text-decoration: none; }

/*------------------------------------------------------
    Sponsor
------------------------------------------------------*/
.sponsor {
	margin: 0 auto;
	margin-top: 5px;
	text-align: center;
}