/*  =========================================================
Stylesheet für www.frauenverein-saanen.ch
Stand:  Floats - 2spaltig mit margin
Datei:  bildschirm.css
Media:  screen 
Datum:  06.03.2012
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: #F0D770; /*#7282BD; /*braun*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	/*background-image: url(../images/hg_frauenverein.gif);*/
	background-repeat: no-repeat;
}
h1 { font-size: 150%; } 
h2 { font-size: 130%; }
h3 { font-size: 110%; }
h4 { font-size: 100%; }
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: #000000;
	background-repeat:repeat-y;
	/* background-color:#8e96b6; violett wie logo*/
    width: 1000px;
	margin: 0px auto;
	background-color: #999999; /*#9FABD3;*/
}

#kopfbereich {
	position: relative;
	background-image: url(../css/cloud.png);*/
	background-repeat:no-repeat;
	/*//height:126px;*/
   height:201px;/*//logo höhe...200  fehler im IE8 RA daher 201px*/
	color: black;
	padding: 0px;
	background-color: #FFFFFF; /*#FFFFFF;*7
   /*//margin-bottom: 1px;*/ /* Abstand zwischen Header und Textbereich */
}

#kopfbereich h1 {
	color:#FFFFFF;
	padding-left:155px;
	padding-top:30px;
	font-size: 1.5em;
}

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

/* Hyperlinks #kopfbereich*/

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


#navibereich { 
   float: left;
   position:relative; 
   width: 10em; /*width: 120px;*/ 
   padding-left: 0px; 
   padding-top: 20px; /*//25*/
   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:#face26; /*//#f2e513;*/ 
  padding-left: 8px;
  padding-right: 4px;
  padding-bottom: 4px;
  padding-top: 4px;
  border-left: 8px solid #face26; /*// #f2e513; */
}  
#navibereich a:hover,
#navibereich a:focus,
#home #navi01 a, 
#aktuell #navi02 a,
#leitbild #navi03 a,
#vorstand #navi04 a,
#mittagstische #navi05 a,
#brokenstube #navi06 a,
#therapiefond #navi07 a,
#kurse #navi08 a,
#geschichte #navi09 a,
#links #navi10 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: #face26;/*//#f2e513;*/
	border: 1px solid #8c8c8c;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
   }
   #navibereich2 a:hover,
   #navibereich2 a:focus,
   #sitemap #navi02_01 a,
   #kontakt #navi02_02 a
   
   /*#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_5_liga #navi02_07 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, 
   #geschichte #navi02_18 a,
   #members #navi02_17 a,
   #links #navi06_14 a,
   #vorstand #navi02_12 a*/ {
      color: black;
      background-color: white;
      border-bottom-color: white; /* Rahmenlinie weiss */
   }
   #navibereich2 a:active {
      color: black;
      background-color: white;
   }

/* navibereich2 */

#textbereich {
	background-color:#FFFFCC;
	/*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;
	background-image: url(../images/faecher.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}

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

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

/* ==================================== 
   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;  
}

/* ------------------------------------------------------------------ sitemap------------*/
.sitemapnav {
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 38px;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;*/
}

a.sitemapnav:link {
	color: #999999;
}
a.sitemapnav:hover,focus,active {
	background-image: url(../images/sitemap_star.gif);
	background-repeat: no-repeat;
	background-color: #ffffff; 
	font-weight: bold;
	color:#0000FF;
	background-position: left top;
}
a.sitemapnav:visited {
	color: #999999;
}

.sitemapnav2 {
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 78px;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-color:#FFFFFF;
	border-bottom-style: solid;
}

a.sitemapnav2:link {
	color: #999999;
}
a.sitemapnav2:hover,focus,active {
	background-image: url(../images/sitemap_star.gif);
	background-repeat: no-repeat;
	background-color: #ffffff; 
	font-weight: bold;
	color:#0000FF;
	background-position: left top;
}
a.sitemapnav2:visited {
	color: #999999;
}

/* ------------------------------------------------------------------ sitemap------------*/


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