/* Stylesheet für die tauchkurs-seite */

/* html Element "body" gestalten */
* { padding: 0; margin: 0; } /* setzt den ganzen Text als einen Block ohne Abstände --*/
body {
	background-color: #add8e6;  /* Hintergrundfarbe */
	color: black; /* Schriftfarbe */
	font-family: Verdana, Arial, Helvetia, sans-serif;
	font-size: small; /* Schriftgrösse */
	
}


/* wrapper gestalten */
div#wrapper {
	background-color: d5ddd2;
	color: black;
	width: 1000px; /* Breite des Inhaltsbereichs */
	margin-top: 5px;
	margin-right: auto; /* Abstand links */
	margin-bottom: 10px; 
	margin-left: auto; /* Abstand rechts */
	border: 3px solid #8c8c8c;
}

/* Kopfbereich gestalten */
div#kopfbereich {
	background-color: #61a1c2;  /* hellblau */
	color: black;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	border-bottom: 2px solid #8c8c8c
}

#kopfbereich p {
  padding: 5px 0 5px 0;
  margin-bottom: 0; /* war 1em */
}






/*
div#navibereich  {
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}
*/




#navibereich {
  background-color: #e6dcb3;
  padding: 5px 20px 5px 20px;
}
 
  
 #navibereich ul { margin-bottom: 0; }
#navibereich li {
  display: inline;
  list-style-type: none;
  margin: 0 10px 0 0; /* rechts 10px, sonst 0 */
}
#navibereich a { color: black; } 
  
  
  #navibereich a:hover,        
#startseite #navi04 a,       
#kontaktseite #navi02 a {
  background-color: #c3d9ff;
  background-image: url(navleiste1.jpg);/* Hintergrundgrafik einfügen */
  background-repeat: repeat-x;           /* von links nach rechts wiederholen */
  background-position: top left;         /* oben links beginnen */
}
  
  
  

div#textbereich {
	background-color: #d5ddd2;
	background-image: url(backtauchkurse.jpg); 
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center; 
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
}

div#fussbereich {
	padding-top: 10px; /* unterhalb Rahmenlinie */
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	border-top: 3px solid #8c8c8c; /* Linie oben */
	border-bottom: 3px solid #8c8c8c;
	margin-top: 0px; /* oberhalb linie */
	background-color: #e6dcb3;
}

/* Grafik mit id="logo" gestalten */
img#logo {
	background-color: #add8e6;
	color: white;
	padding: 10px;
	border: 3px solid white;
}

/* Ãœberschriften */
h1 { font-size: 150% }
h2 { font-size: 130% }


/* Fusszeile */
address {
	text-align: center;  /* zentrieren */
	font-size: 80%;     /* etwas kleiner als der Rest */
	font-style: normal; /* normale Schrift, nicht kursiv (kursiv wird Schrift mit "font-style: italic", fett wird die Schrift mit "font-weight: bold" */
	letter-spacing: 2px; /* Abstand zwischen den Buchstaben */
	line-height:  1,5;  /* Zeilenabstand, ohne Einheit */
}
	
/* Hyperlinks */
a { text-decoration: none; } /* unterstreichung entfernen */
a:link { color: #0840bf; }
a:visited  { color: #516caa; }
a:hover { border-bottom: 3px solid black }
a:focus { border-bottom: 3px solid black }
a:active {
	color: white;
background-color: #0888cb}



div#textbereich a {
	border-bottom: 0px solid #0888cb;
}	

div#textbereich a:hover ,
div#textbereich a:focus {
	border-bottom: 2px solid #ee9c01;
}

	
div#kopfbereich p span {
	color: #d90000; /* Schriftfarbe */
}

p.infobox {
	color: black;
	background-color: #8c8c8c;
	border: 3px solid #3ecf7dd;
}

/* class für die verschachtelten Boxen */

.parent {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
  width: 50%;
  border: 5px solid #E18728;
  float: left;
}

.child {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
  width: 90%;
  padding: 20%;
  border: 4px solid black;
  margin: .5em auto;
}

.twins {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
  width: 50%;
  padding: 1em;
  border: 4px solid black;
  float: left;
}


/* Abstand nach unten */
h2, p, ul, ol { margin-bottom: 1em; }

/* verschachtelte Listen ohne  Abstand */
ul ul { margin-bottom: 0; }

/* Abstand von links */
li { margin-left: 1em; }