/*  =========================================================
Stylesheet für VBCG
Stand:  Floats - 2spaltig mit margin
Datei:  bildschirm.css
Media:  screen 
Datum:  27.09.2009
Autor:  Beat Freidig
Aufbau  1. Kalibrierung und allgemeine Styles 
        2. Styles für Layoutbereiche    
        3. Sonstige Styles 
========================================================== */

/* ====================================== 
   1. Kalibrierung und allgemeine Styles 
   ====================================== */

/* Kalibrierung der wichtigsten Abstände */
*  { padding: 0; margin: 0; }
h2, h3, p, ul, ol { margin-bottom: 1em; }  
ul ul { margin-bottom: 0; } 
li { margin-left: 1em; } 

/* Allgemeine Selektoren */

html { height: 101%; } 
body { 
   color: white; 
   background-repeat:repeat;
   background-image:url(../images/volleyball_gb_2.jpg);
   background-color:#8e96b6; /*violett wie logo*/
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: small; 
}
h1 { font-size: 150%; } 
h2 { font-size: 130%; }
h3 { font-size: 110%; }
address {
   text-align: center;  
   font-size: 80%;      
   font-style: normal;  
   letter-spacing: 2px; 
   line-height: 1.5em;  
}

/* Hyperlinks */
a { text-decoration: none; outline: none;} 
a:link { color: #0000ff; } /* dunkelblau color: #3333cc;*/
a:visited { color: #0000ff; }
a:hover, 
a:focus { 
  border-bottom: 1px solid #0000ff; 
}
a:active { 
   color: white; 
   background-color: #0000ff; 
}

/* Allgemeine Klassen und IDs */
.skiplink { 
   position: absolute; 
   left: -3000px; 
   top: -2000px; 
   width: 0px; 
   height: 0px; 
   overflow: hidden; 
   display: inline; 
}
.bildlinks {
   float:left; 
   padding: 3px; 
   /*border: 5px solid #ccc;*/ 
   margin-right: 10px; 
   margin-bottom: 10px; 
}
.bildrechts {
   float:right; 
   padding: 3px; 
   /*border: 5px solid #ccc;*/ 
   margin-bottom: 10px;
   margin-left: 10px; 
}
.clearing { clear: both; }

/* ==================================== 
   2. Styles für die  Layoutbereiche 
   ==================================== */

#wrapper { 
   color: black; 
   /* background-color:#8e96b6; violett wie logo*/
   width: 1000px;  
   margin: 0px auto;
}

#kopfbereich {
   position: relative; 
   background-image:url(../images/logo_vbcg.gif);
   background-repeat:no-repeat;
   height:126px;
   color: black;
   padding: 0px; 
   margin-bottom: 1px; /* Abstand zwischen Header und Textbereich */
}

#kopfbereich h1 {
	color:#ffffff;
	padding-left:155px;
	padding-top:30px;
}

#kopfbereich p {
	//padding-left:155px;
	float:right;
	padding-top:20px;
	font-weight:bolder;
}

/* Hyperlinks #kopfbereich*/

#kopfbereich a { text-decoration: none; outline: none; color:ffffff} 
#kopfbereich a:link { color: #ffffff; } /* dunkelblau color: #3333cc;*/
#kopfbereich a:visited { color: #ffffff; }
#kopfbereich a:hover, 
#kopfbereich a:focus { 
  border-bottom: 0px solid #ffffff; 
}
#kopfbereich a:active { 
   color: #000000; 
   background-color: #8e96b6; 
}


#navibereich { 
   float: left;
   position:relative; 
   width: 10em; /*width: 120px;*/ 
   padding-left: 0px; 
   padding-top: 25px;
   font-weight: bold;
} 

#navibereich ul { 
  width: 10em;
  
} 
#navibereich li { 
  list-style-type: none; 
  border-top: 1px solid #000000;
  border-left: 1px solid #000000; 
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000; 
  margin-left: 0px;
  margin-bottom: 4px;
}
#navibereich a { 
  display: block;  
  text-decoration: none;
  color: black; 
  background-color: #f2e513; 
  padding-left: 8px;
  padding-right: 4px;
  padding-bottom: 2px;
  padding-top: 2px;
  border-left: 8px solid #f2e513; 
}  
#navibereich a:hover,
#navibereich a:focus,
#home #navi01 a, 
#verein #navi02 a,
#mannschaften #navi03 a,
#training #navi04 a,
#sponsoren #navi05 a,
#fotos #navi06 a,
#agenda #navi07 a,
#links #navi08 a,
#archiv #navi09 a,
#sitemap #navi10 a,
#dokumente #navi11 a { 
  color: black;
  background-color: white;
  border-left-color: #29437a;
  border-bottom: none; 
}  
#navibereich a:active { 
  color: black; 
  background-color: #d9d9d9; 
}  

/* navibereich2 */

#navibereich2 {
	text-align: right;  /* linksbündig */
	color: black;
	/*background: #8e96b6;*/
	border-bottom: 1px solid #8e96b6;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	font-weight: bold;
}
   #navibereich2 ul { margin-bottom: 0; }
   #navibereich2 li {
      display: inline;
      list-style-type: none;
      list-style-position: inside;
      margin: 0 ; /* war vorher 10px für rechts */
   }
   #navibereich2 a {
	color: black;
	background-color: #f2e513;
	border: 1px solid #8c8c8c;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
   }
   #navibereich2 a:hover,
   #navibereich2 a:focus,
   #ver_vorstand #navi02_01 a,
   #ver_geschichte #navi02_02 a,
   #ver_schiedsrichter #navi02_03 a,
   #ver_js_coach #navi02_04 a,
   #ver_hallenstandorte #navi02_05 a,
   #man_liberty #navi02_06 a,
   #man_liberty_2 #navi02_18 a,
   #man_5_liga #navi02_07 a,
   #man_5_liga_b #navi02_14 a,
   #man_u19 #navi02_07c a,
   #man_u21 #navi02_08 a,   
   #man_u18 #navi02_09 a,   
   #man_u16 #navi02_10 a,   
   #man_u14 #navi02_11 a,  
   #man_u12 #navi02_12 a, 
   #kontakt #navi02_13 a, 
   #spons_bulletin #navi02_14 a,
   #spons_trainr #navi02_15 a,
   #spons_matchl #navi02_20 a, 
   #spons_axanova #navi02_21 a, 
   #ver_goenner #navi02_16 a,
   /*#man_liberty_2 #navi02_17 a,*/
   #fotos_2008 #navi02_18 a,
   #fotos_2009 #navi02_19 a {
      color: black;
      background-color: white;
      border-bottom-color: white; /* Rahmenlinie weiss */
   }
   #navibereich2 a:active {
      color: black;
      background-color: white;
   }

/* navibereich2 */

#textbereich { 
   background-color:#FFFFFF;
   /*background-image:url(../images/volleyball_gb.jpg);*/
   background-position:center;
   background-position:top;
   background-repeat:no-repeat;
   padding: 20px 20px 20px 20px; 
   margin-left: 140px; 
}

#spielplan td {
   padding:1px;
   margin:1px;
}

#fussbereich {
   clear: both; 
   margin-left: 140px;
   color: black; 
   background-color: white; 
   padding: 10px 20px 20px 20px;
   border-top: 4px solid #8c8c8c; 
}

/* ==================================== 
   3. Sonstige Styles 
   ==================================== */

/* Das Kontaktformular */
form {
   background-color: #eee;
   width: 500px; /* Breite des Formulars */ 
   padding: 20px; 
   border: 1px solid #8c8c8c;
}
/* Beschriftung auf eigener Zeile */
label { 
   display: block; 
   cursor: pointer; 
} 
textarea { 
   width: 400px;
  /* border: 1px solid #8c8c8c;*/
   margin-bottom: 1em;
}
/*input#firstname
{ 
   width: 400px;
   border: 1px solid #8c8c8c;
   margin-bottom: 1em;
}*/
textarea { 
   height: 10em; 
}
input:focus, 
textarea:focus {
   background-color: #d9d9d9; 
}
   
/* Die Fotogalerie */
div.galerie { 
   overflow: hidden; /* zum Umschließen der Floats */
   padding: 25px 10px 10px 0; 
   margin: 0 3px 3px 0; 
}
/* für IE6 */
* html div.galerie { height: 1%; }

div.galerie img { 
   float: left; 
   padding: 4px;
   border: 1px solid #ddd; 
   border-right-color: #aaa; 
   border-bottom-color: #aaa; 
   margin-right: 15px; 
   margin-bottom: 15px;  
}


/* ======================================= 
   E N D E   D E S   S T Y L E S H E E T S 
   ======================================= */