@CHARSET "UTF-8";
/* Stylesheet für gitarre.lothar-rosengarten.de */
/* letzte Änderung 2015-12-05 */

html {
	margin:1ex;
	padding:0;
  background-color:#00e1e1;
}

body {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  font-size:100.01%;
  margin:0;
  text-align:left;
  color:#000;
  padding:1em;
}

table {
  border-collapse:collapse;
  border:none;
}

#fuss {
  border: 0.2vh solid #008181;
  background-color:#00e1e1;
  padding:0.8vh;
}

#fuss td {
  padding:0.5vh;
  vertical-align:top;
}

#fuss table {
  width:100%;
}

p,h1,h2,h3,h4,ul,ol,li,div,td,th,address,blockquote,nobr,b,i,dl
{
  font-family:sans-serif;
}

li img {
  vertical-align:top;
  margin-bottom:1ex;
  border-color:#00e1e1;
  border-width:1px;
  border-style:solid;
}

h1, h2, figure {
  text-align:center;
}

p, ul, ol, h1, h2, h3, h4, h5, h6 {
  margin-right:auto;
  margin-left:auto;
//  max-width: 80ex;
}

img {
  vertical-align:text-top;
}

#content {
  flex 2 1 content;
  background-color:#f5ffd7;
  //  min-width: g90vh;
  max-width:770px;
  padding:0.8vh;
}

#content p, #content h6, #content h5, #content h4, #content h3 {
  padding-left:1vh;
  padding-right:1vh;
}

#content h6, #content h5 {
  margin-bottom:0;
}

#content h6 {
  margin-top:0.3vh;
}

nav {
  flex 1 1 content;
  padding:2vh;
}

nav h2 {
//  color:#00e1e1;
  background-color:#f5ffd7;
  margin-top:0;
  margin-bottom:0;
}

nav ul {
  padding-top:1vh;
  font-size:110%;
  list-style-type: none;
  padding-left:0;
}

nav > ul {
  background-color:rgba(50,50,200,0.05);
  border-style:none solid none solid;
  border-color:#f5ffd7;
  margin:0;
  padding:1vh;
}

nav ul ul, nav ul ul ul {
  padding-left:2vh;
  padding-top:0;
}

nav a {
  display:block;
  padding:0.2vh;
  text-shadow: 1px 1px 2px darkgrey;
  text-decoration:none;
}

nav a:link {
  color:#f5ffd7;
}

nav a:visited {
  color:#c9ead7;
}

nav a:hover {
  color:#f5ffd7;
  background-color:blue;
}

h1 {
  color:#f5ffd7;
  background-color:#00e1e1;
  padding:0.8vh;
  margin-top:0;
}

nav > a:link, nav > a:visited, nav h2 a:link, nav h2 a:visited {
  color:#00e1e1;
  background-color:#f5ffd7;
  display:block;
  padding:0.2vh;
  text-shadow: 1px 1px 2px darkgrey;
  text-decoration:none;
  text-align:center;
}

nav > a:link {
  font-size:0.8rem;
}

nav > a:hover {
  background-color:blue;
}

.YTa {
  background-color:rgba(255, 0, 0, 1);
  color:rgba(255, 255, 255, 1);
  padding-left:0.6vh;
  padding-right:0.6vh;
}

.YTa:link {
  cursor:url(images/YTcursor.cur),auto;
}

.YTa:hover {
  background-color:rgba(255, 255, 255, 1);
  color:rgba(255, 0, 0, 1);
}