﻿/*----------------------------------------------------------------------------
	Style Nr. 06 - Stand: 06.03.2010 00:01
	main.css
 ----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
 styles for specific classes and ids
----------------------------------------------------------------------------*/
/* -   ID  #Timer   ---  class .Timer   ------------------------------------*/
#Uhr { /*id*/
	position:absolute; top:10px; left:10px; 
}

.Uhr { /*style = class*/
	font-family:Arial; font-size:24px; color:blue; 
}

/*-- global container ------------------------------------------------------*/

#container {
    position: relative;
    padding: 0;
    margin: 0 auto;
    text-align: left;
/*    width: 775px;*/
    width: 998px;
}

/*-- main container: contains all between header and footer ----------------*/

#main_container {
	padding: 0;
	margin: 0 10px 0 20px;
}
#layout_table {
    z-index: 3;
	border-collapse: collapse;
/*
	height: 400px;
*/
}

#sub_nav_column {
    vertical-align: top;
}

#content_column {
    vertical-align: top;
}


/*--- the main container is devided in sub containers ----------------------*/

#sub_container2 {
    z-index: 1;
    margin: 0;
    padding: 0;
    overflow: hidden;
/*
    width: 520px;
*/
    width: 757px;
}

#content_container {
	margin: 0;
	padding: 0;
	line-height: normal;
/*
    width: 515px;
*/
	width: 757px;
}

#left_column_container {
	margin: 0;
	padding: 0;
	width: 195px;
}

#willkommen{
	border-collapse: collapse;
	position: relative;
	height: 500px;
	width: 100%;
}
/*--- header ---------------------------------------------------------------*/

#header {
	position: relative;
	padding: 17px 0 0 0;
	margin: 0;
	background-position: top left;
}

/*--- key visual -----------------------------------------------------------*/

#key_visual {
    position: relative;
    clear: both;
/*
    margin: 0 0 0 20px;		// NEU rausgenommen
    width: 735px;
    height: 278px;
*/
    left: 20px;		// NEU reingenommen
    width: 959px;
    height: 130px;
}

/*--- logo -----------------------------------------------------------------*/

#logo {
    z-index: 2;
    background: no-repeat top right;
    position: absolute;
/*
    width: 283px;
    height: 70px;
    top: 230px;
    left: 435px;
*/
    width: 100px;
    height: 100px;
    top: 10px;
    left: 10px;
}

/*--- slogan (as text or background image) --------------------------------*/

#printer {
    z-index: 2;
	/*  width: 195px;*/
  padding: 5px;
	margin: 10px 3px 10px 3px;
	height: 40px;
	text-align: right;
	position: relative;

	display: none;
}

#bg_arrow {
  width: 195px;
  height: 50px;
  overflow: hidden;
}

#slogan {
 /*
   padding: 10px 0 10px 0px;
    line-height: 1.5;
    width: 520px;
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
*/
    position: absolute;
    top: 108px;
    left: 616px;
    line-height: 1.5;
    width: 330px;
    padding: 2px 4px 4px 2px;
    text-align: right;
}

/*--- main navigation ------------------------------------------------------*/

#main_nav_container {
/*
    position: relative;
    left: 20px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 735px;
    margin: 0 0 0 20px;		// NEU rausgenommen
*/
    padding: 0;
    width: 959px;
    height: 41px;
}

#main_nav_list {
    margin: 1px 5px 0 10px;
    padding: 0;
    list-style-type: none;
}

#main_nav_list li {
    float: left;
    margin: 0;
    padding: 0;
    height: 32px;
}

#main_nav_list a {
    white-space: nowrap;
    background: transparent;
    margin: 0;
    padding: 3px 19px 3px 17px;
    display: block;
    float: left;
    line-height: 22px;
    text-align: center;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 26px;
}

html>body #main_nav_list a {
    height: 26px;
}

#main_nav_list a.main_nav_item:hover {
    background: transparent;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}

/*--- container for the subnavigation --------------------------------------*/

.sub_nav_container {
    margin: 10px;
    padding: 0;
}

.sub_nav_container_unten {
	margin: 20px 10px 10px 10px;
	padding: 0;
}
#container_table{
}
.titel{
	border: 1px solid #000000;
	border-collapse: separate;
	height: 30px;
}

#ausgaben_tabelle{
	border-style: none;
	border-width: 0px;
	width: 100%;
	position: relative;
	border-collapse: collapse;
	border-spacing: 0px;
}

/*--- subnavigation --------------------------------------------------------*/

.sub_nav_list {
    z-index: 1;
    border: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.sub_nav_list li {
    margin: 3px 0 2px 0;
    padding: 0;
}

/*--- subnavigation items --------------------------------------------------*/

.sub_nav_list a {
	text-align: center;
	line-height: 39px;
	background-repeat: repeat-y !important;
	width: 172px;
	overflow: hidden;
	padding: 0 15px 0 15px;
	display: block;
	voice-family: "\"}\"";
	voice-family: inherit;
/*	width: 130px;*/
}

html>body .sub_nav_list a {
/*	width: 130px;*/
    width: 142px;
}

/*--- footer ---------------------------------------------------------------*/

#footer {
	/*
    margin: 10px 0 0 0;
    padding: 0;
    width: 775px;
    height: 65px;
*/

   margin: -4px 0 0 0;
/*    padding: 0;*/
	width: 999px;
	height: 48px;
}
#footer_nav_bg {
	/*    padding: 0;*/padding: 0px;
	margin: -4px 0 0 0;
	width: 999px;
	height: 36px;
}

#footer_text {
    padding: 10px 0 0 0;
    margin: 0 30px 0 30px;
}

#footer_nav_text {
	padding: 0px;
	margin: 0 20px 0 20px;
	visibility: collapse;
	overflow: hidden;
}

#Statuszeile {
    margin: 0px 0 0 20px;	/* Top - Left - Bottom - Right
/*   padding: 0;*/
    width: 959px;
    height: 34px;
}

#Statuszeile_text {
    background-position: top left;
		border-collapse: collapse;
/*
    padding: 8px 0 0 0;
    margin: 0 0 0 0px;
    
    height: 26px;
    
     cell-valign: middle;
*/
    padding-top: 4px;
    padding-left: 0px;
/*    padding-bottom: 10px;*/
    padding-right: 0px;
    margin: 0 0 0 0px;	/* Top - Left - Bottom - Right */
	 height: 26px;

}


/*----------------------------------------------------------------------------
  default-styles for html-elements
----------------------------------------------------------------------------*/

/*--- body -----------------------------------------------------------------*/

body#main_body {
    margin: 0;
    padding: 0;
    text-align: center;
}

/*--- paragraph ------------------------------------------------------------*/

.content p {
    margin: 5px 0 20px 0;
    padding: 0;
}

/*--- tables ---------------------------------------------------------------*/

.content table {
    border-style: dotted;
    border-width: 1px;
    border-spacing: 0;
}

.content tr.odd {
    font-size: 90%;
}

.content tr.even {
    font-size: 90%;
}

/*--- forms ----------------------------------------------------------------*/

.content fieldset {
    padding: 15px;
    border-style: solid;
    border-width: 1px;
}

.content input {
    border-style: solid;
    border-width: 1px;
}

.content textarea {
    border-style: solid;
    border-width: 1px;
}

/*--------------------------------------------------------------------------*/

#main_nav_list a.main_nav_active_item {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}

#main_nav_list a.main_nav_item {
    font-family: Verdana, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}

.sub_nav_list a.sub_nav_active_item {
	font-family: "Times New Roman", Times, Serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}

.sub_nav_list a.sub_nav_item {
	font-family: "Times New Roman", Times, Serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

.sub_nav_list a.sub_nav_item:hover {
	font-family: "Times New Roman", Times, Serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

#content_container a:active {
    font-family: Tahoma,Verdana, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
}

#content_container a:hover {
    font-family: Tahoma,Verdana, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

#content_container a:link {
    font-family: Tahoma,Verdana, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
}

#content_container a:visited {
    font-family: Tahoma,Verdana, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
}

#content_container h1 {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 26px;
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
}

#content_container h2 {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
}

#content_container h3 {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 15px;
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
}

#content_container {
    font-family: Tahoma,Verdana, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}


/*----------------------------------------------------------------------------
	Seitentabelle
----------------------------------------------------------------------------*/
.seiten_Tabelle{
		position: relative; 
/*		height: 346px; */
		width: 100%; 

  	font-family: Times New Roman; 
		font-size: 12pt; 
		color: #000000; 
		
		border-collapse: collapse;
		border: 1px solid #000000;
}

	.seiten_Tabelle th {
		
		height: 48px; 
		font-size: 14pt; 
		color: #FFFF00; 
		font-weight: bold; 
		text-align:center";
		border-left-color: #000000; 
		border-left-width: 1px; 
		border-right-color: #000000; 
		border-right-width: 1px; 
		border-bottom-width: medium; 
		background-image: url('http://www.module.sportverein-jeersdorf.de/Styles/06/images/seiten/Titel_bg.gif'); 
		background-repeat: repeat; 
	}

	.seiten_Tabelle td {
	vertical-align: top; 
	border-left:1px solid #000000; 
	border-right:1px solid #000000; 
	border-top-style: none; 
	border-top-width: medium; 
 	}

.seiten_subTabelle{
    width: 100%; 
  	font-family: Times New Roman; 
		font-size: 6pt; 
		color: #000000;
    border-left: 3px inset #000000; 
    border-right: 3px inset #C0C0C0; 
    border-top: 3px inset #000000; 
    border-bottom: 3px inset #C0C0C0;
}

	.seiten_subTabelle td {
    height: 24px; 
		font-size: 12pt; 
		padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; 
    border-top-style: none; 
    border-top-width: medium; 
    border-bottom-style: none; 
    border-bottom-width: medium;
	}

		.seiten_subTabelle_Kontakt{
		width:98%; 
		border-collapse: collapse;
		border-top: 1px solid #000000; 
		border-bottom: 1px solid #000000;
}
		.seiten_subTabelle_Kontakt th{
		border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; border-bottom:1px solid #000000; 
		height:32px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px;
		background-image:url('http://www.module.sportverein-jeersdorf.de/Styles/06/images/seiten/SubTitel_bg.gif');
		font-family:Times New Roman;
		font-size:14pt;
		color:#0000FF;
		font-weight:bold;
		text-align:center";
}
		
		.seiten_subTabelle_Kontakt td{
		background-color: #FFFFFF;
    height: 24px; 
		border-collapse: collapse;
		border-style: none;
		border-width: medium;
}

/*----------------------------------------------------------------------------
	Kontaktinfos
----------------------------------------------------------------------------*/
#kontaktabelle{
}

.kontaktabelle_th{
		border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; border-bottom:1px solid #000000; 
		height:32px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px;
		background-image:url('http://www.module.sportverein-jeersdorf.de/Styles/06/images/seiten/SubTitel_bg.gif');
		font-family:Times New Roman;
		font-size:14pt;
		color:#0000FF;
		font-weight:bold;
		text-align:center";
		}

.Kontaktdaten{
/*
	width: 50%;
*/
	width: 90%;
	height: 100%;
	font-family: Times New Roman;
	font-size: 12pt
}

.Trainingsdaten{
	height: 100%;
	width: 100%;
	font-family: Times New Roman;
	font-size: 12pt
}

.Trainingsdaten_th{
	height: 28px;
	width: 126px;
/*
*/
	color: #417AA9; 
	font-weight: bold; 
	vertical-align: middle; 
	text-align: right; 
	padding-right: 4px
}

/*----------------------------------------------------------------------------
	Newsinfos
----------------------------------------------------------------------------*/
.News{
	width: 96%;
	border-collapse : collapse;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
}

#newstitel{
   height: 30px;
   font-weight: bold;
   color: #0000FF;
   width: 100%;
}

#newstext{
   width: 100%;
   font-family: "Times New Roman", Times, Serif;
   color: #000000;
   font-style: normal;
   font-weight: normal;
   font-size: 14px;
   text-decoration: none;
   text-align: center;
}

#news_titelspalte{
   padding: 0px;
   background-position: left top;
   margin: 0px;
   border-left: 1px solid #000000;
   border-top: 1px solid #000000;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   background-image: url('http://www.module.sportverein-jeersdorf.de/Styles/06/images/main/NewsTitel_bg.gif');
   background-repeat: repeat-x;
   border-collapse: collapse;
   background-color: #C0C0C0;
   border-spacing: 0px;
}

#news_textspalte{
   padding: 15px;
   border-left-width: 1px;
   border-right-width: 1px;
   border-top-width: 1px;
   border-bottom: 1px solid #000000;
   vertical-align: top;
}

	/*--- kontakttabelle ---------------------------------------------------------------*/
	.kontakttabelle table {
		font-family: Times New Roman; 
		font-size: 12pt; 
		font-style: normal; 
		font-weight: normal; 
		text-decoration: none; 
		color: #000000; 
		width: 280px; 

	}

	.kontakttabelle th {
/*    background: url("../images/dynamic/container_th_bg.gif") repeat;*/
/*
    background: url("../images/main/container_th_bg.gif") repeat;
    background: url("http://www.module.sportverein-jeersdorf.de/Styles/06/images/main/container_th_bg.gif") repeat;
*/
    background: url("../images/main/container_th_bg.gif") repeat;
    height: 50px;
    width: 380px;
		color: #FFFF00;
 		font-size: 16pt; 
    text-align: center;
		text-decoration: none; 
	}


	.kontakttabelle td {
		background-color: #FFFFFF;
    height: 32px;
    width: 380px;
    text-align: center;
    font-weight: bold;
	}
	


	/*---  ---------------------------------------------------------------*/
	#Impressum {
	}
	
#table_s112{
			position: relative;
/*			height: 346px;*/
/*			width: 98%;*/

			width: 100%;
			border-collapse:collapse;
			border-left-width:0px;
			border-right-width:0px;
			border-bottom-width:0px;
}

.table_s112{
			font-family: Times New Roman;
			font-size: 12pt;
			color:#000000; 
			text-align:center;
	    vertical-align: top;
}
		
#table_s112 td{
		border-left:1px solid #000000;
		border-right:1px solid #000000;
		border-top-style: none;
		border-top-width: medium;
		}
		
#table_s112 table{
			border-left: 3px solid #000000;
			border-right: 3px solid #C0C0C0;
			border-top: 3px solid #000000;
			border-bottom: 3px solid #C0C0C0;
			width: 100%;
}
		
.black{
			height:48px;
			border-left:1px solid #000000; 
			border-right:1px solid #000000; 
			border-bottom-style: none; 
			border-bottom-width: medium; 
			border-top-style:solid; 
			border-top-width:1px";
}
	
#Fanshop table{
			position: relative;
			width: 96%;
			font-family: Times New Roman;
			font-size: 10pt;
			border-width: 0;
			padding: 0;
			text-align:center;
			vertical-align:top;
			border-collapse:collapse";
}

.Fanshop{
			font-family: Times New Roman;
			font-size: 12pt;
			color:#000000; 
			text-align:center;
/*
	    vertical-align: top;
*/
}

.Fanshop_th{
			height:32px;
			font-family: Times New Roman;
			font-size: 12pt;
			color:#006AD5; 
 		  font-weight: bold;
			text-align:center;
/*
	    vertical-align: top;
*/

}

.Fanshop td{
			text-align:center;
/*
			height: 40px;
    padding: 0;
   border-spacing: 0px;
	    vertical-align: top;
*/
}