/*
     FILE ARCHIVED ON 1:21:17 Feb 5, 2007 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 21:21:06 Aug 28, 2011.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*THEME NAME: BlueMusic
THEME URI: http://www.blog.gitarrenunterricht-frankfurt.de/
DESCRIPTION/BESCHREIBUNG: Ein eher minimalistisches Theme f? musikalisch-klassischen Bereich F?dPress 2.0+. Widgets-friendly.
VERSION: 1.0
AUTHOR/Autor: Stephan Zitzmann
AUTHOR URI: http://www.gitarrenunterricht-frankfurt.de
*/


body {
font-size: 0.65rem;
		font-family: Arial, Helvetica, sans-serif;

		letter-spacing: 0.05rem;
background-color: #ffffff;
line-height: 1.5rem;
margin: 0;
padding: 0;
}

#container {
  max-width: 56.25rem;
  width:80%;
	margin: auto;


	background-color: #FFFFff;

/*padding: 2rem 2rem 2rem 2rem;*/
	/*box-shadow:     0px 2px 0px 2px rgba(100, 100, 100, 0.3);*/
	/* hyphens */
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;



}

#header {
	}

#header h1 {
	font-size: 1.8rem;
	font-weight: lighter;
	letter-spacing: .2rem;
	color: #727272;
	line-height:  2rem;
	text-align: left;





}

#header h2 {
	font-size: 1.0rem;
	font-weight: lighter;

	color: #727272;
	text-align: left;
letter-spacing: .2rem;
  line-height:  1.2rem;



}

#header img {
max-width: 100%;
width: auto;
	height: auto;
 /* width: 100%;
height: 100%;*/
box-shadow: -2px 2px 3px grey;
-moz-box-shadow: -2 2 3px grey; /*Mozilla-basierte Browser (z.B. Firefox)*/
    -webkit-box-shadow: -2 2 3px  grey; /*WebKit-basierte Browser (z.B. Safari/Chrome)*/
}
#zusatz h1 {
	font-size: 1.0rem;
	color: #727272;
	text-align: right;

	padding-bottom: 0.3%;
	border-bottom-style: dashed;
	border-bottom-width: 0.5em;
	border-bottom-color: Silver;

}



#header a {
	color: #727272;
		text-decoration: none;
}

#header a:hover {
	color: #3F3F3F;
}

#zusatz {
height: 0.1rem;
}

#zusatz h1 {
	font-size: 1.0rem;
	color: #3F3F3F;
	text-align: right;

	padding-bottom: 0.3rem;
	border-bottom-style: dashed;


}


#Inhalt {
word-wrap:break-word;
/*max-width: 48rem;*/
  width:75%;
	float: left;
		margin-top: 2%;
		/* hyphens */
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;


}

#Inhalt h1 {
		font-size: 1.25rem;
	color: #727272;



	font-weight: normal;
}
#Inhalt h2{
	font-size: 1.1rem;
	color: #727272;

		Font-weight: normal;


}

#Inhalt h3{
	font-size: 1rem;
	color: #727272;



}


#Inhalt p.Bild

{
font-size: 0.7rem;
font-style: italic;
text-align: center;

}



#Inhalt p.info {
font-size: 0.7rem;

}

#Inhalt h3{


	}

#Inhalt h4{


}

#Inhalt a{
	color: #727272;
	text-decoration: none;
}
#Inhalt a.post-edit-link{
	font-size:0.7rem
}


#Inhalt a:hover {
	text-decoration: underline overline;
}


#Inhalt p {

/* hyphens */
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;

	font-size:	0.9rem;
}



#Inhalt p.kategorie {

	margin: 0 0 0.2% 0;
	padding-bottom: 0.2%;
	padding-left: 0%;
	padding-right: 5%;

	color: Black;

}

#Inhalt p.blaettern {



}



#Inhalt .wp-video{margin:auto;
/*width:90%;*/

width: auto !important;

	height: auto !important;
}

#mep_0 {
	max-width: 90% !important;
width: auto !important;
/*	height: auto !important;*/
}

#Inhalt ul{
list-style-position:outside;



}

#Inhalt ol {list-style-position: outside;


  font-size:	0.9rem;
	}

#Inhalt li{list-style-position:outside;


font-size:	0.9rem;

}

#Inhalt table {

	list-style-position: outside;
	font-size: 0.9rem;
}

#Inhalt f {

	list-style-position: outside;
	font-size: 0.9rem;
}

#Inhalt td  {


		font-size: 0.9rem;
	/* width: 50%; */
	vertical-align: top;
}

#Inhalt th  {


		font-size: 0.9rem;

	text-align: left;
		vertical-align: top;
}

#Inhalt  img{
	/*border: 1px solid silver;*/
	padding:0.3%;
	margin-right:1%;
  margin-left:1%;
	margin-bottom:0.5rem;
	box-shadow: -2px 2px 3px grey;
	-moz-box-shadow: -2 2 3px grey; /*Mozilla-basierte Browser (z.B. Firefox)*/
    -webkit-box-shadow: -2 2 3px  grey; /*WebKit-basierte Browser (z.B. Safari/Chrome)*/
max-width: 100% !important;
	height: auto !important;

}

#commentform
{width:90%;
margin: auto;
font-size:	0.9rem;}

#Inhalt fieldset {border: solid 1px silver;
width:80%;
font-size:	0.9rem;

 padding-top: 1.0rem;

}

#Inhalt input, select { /* Alle Labels UND Inhaltelemente ausw?en */
  display: block;
  float: left;
  width: 90%; /* Breite.*/
  margin-bottom: 0.3%;
  margin-left:2%;
   margin-right:2%;
}

#Inhalt label { /* Alle Labels UND Inhaltelemente ausw?en */
  /*display: block;*/
  float: left;
  margin-right:2%;
  margin-left:2%;
margin-top: 1rem;
  width: auto; /* Breite.*/
}
#Inhalt form br { /* Alle Zeilenumbr?n Inhalten ausw?en */
  clear: left; /* das floating der labels und inputs aufheben */
  margin-left:2%;
}

#Inhalt input[type=submit] { /* den Submit-Button */
 /* float: none;*/
 min-width: 6rem;
 max-width: 12rem;
 padding-left: 3%;
  background-color: transparent;

  margin-bottom: 3rem;
}

#Inhalt input#reset { /* den Submit-Button */
 /* float: none;*/

}
#Inhalt legend {border: solid 1px silver;
	font-size:	1rem;
         	color: black;
                 margin-left:2%;
/*                 margin:20px;*/
                 }

/*#Formular label {float:left;
font-size:	1rem;
	margin-left: 0px;
	display: block;
	float:left;

}*/
#Inhalt form p  {/*margin-left:2%;

width:100%;*/
  }

#Inhalt  textarea  {
 width: 90%; /* Breite.*/

  margin-left:2%;
   margin-right:2%;

height: 10rem;
width: 90%;

/*							margin-left:4%;
							float:left;
							display: none;
							font-family: Arial, Helvetica, sans-serif;
							font-size:	100rem;
							font-style: italic;*/
							  }

/*#Formular input  {	 margin-left: 0px;  	display: block; }
*/
#schmal {
	display:none;
}

#menue {
	/*min-width: 12rem;*/
  width:19%;
	float: right;
	overflow: hidden;
padding-left: 0rem;

padding-left: 2%;
	margin-top: 2%;
	margin-bottom: 1rem;



}


		#menue form {

	padding-bottom: 1rem;
}

#menue input  {
	width: 90%;
	background: #fff;
	border: 1px solid #999;
	color: #000;

}



#menue ul {
font-size: 1.1rem;
padding-left: 0rem;
margin-bottom: 2rem;
list-style: none;
overflow: hidden;
color: #727272;
}

#menue ul li {


}

#menue ul ul {


}

#menue ul ul li {
	font-size: 0.9rem;
overflow: hidden;
}

#menue ul ul li a {

	color: #000;
	text-decoration: none;
}

#menue ul ul li a:hover {
	border-bottom: 1px solid #809080;
}

#menue ul ul ul.children {
	}

#Fussbereich {
	clear: both;
	margin-bottom: 1rem;
	border-top-style: dashed;
	border-top-width: 1px;
	border-top-color: Silver;

}
#Fussbereich .info {
font-size: 0.7rem;
text-align: center;
}

#Fussbereich a{
	color: #727272;
	text-decoration: none;
}

/* braucht man immer*/
acronym, abbr, span.caps {
	cursor: help;
	}


#Inhalt  iframe {
	width:100% !important;
	height:30rem !important;
	max-width: 100% !important;

}

#Inhalt a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover {
text-decoration: none;
cursor: default !important;
color: #000;
}

@media screen and (max-width: 767px) {

#schmal {
/*
	background: white;*/
position:fixed;
right: 1%;
top: 3%;
	font-size: 2.5rem;
display:block;
}

#schmal a {
	text-decoration: none;
	color: #727272;
}


#menue {
float:none;

	width: 80%;
background: white;
margin:auto;

/*position: absolute;
       height: auto;
       right: 0; top: 0;
*/
}

#menue ul{
border-top: 0.5rem;
border-top-style: solid;
border-top-color:#fafafa;
	width:50%;
	text-align: center;
	min-width: 13rem;
	background-color:#fafafa;
margin:auto;
	margin-bottom: 2rem;

}
#Inhalt {
	width:100%;
}

}
/*@media screen and (max-width: 341px) {
  #header h1 {
	font-size: 21.8rem;
	font-weight: lighter;
	letter-spacing: .18rem;
	color: #727272;
	line-height:  2rem;
	text-align: left;





}

#header h2 {
	font-size: 1.0rem;
	font-weight: lighter;

	color: #727272;
	text-align: left;
letter-spacing: .18rem;
  line-height:  1.2rem;



}

}  */


.widget-title {
  font-size: 1.1rem;
list-style: none;
color: #727272;
  font-weight: normal;
   text-indent: 0.5em;
}
#footer-widget {
 font-size: 1.3em;
font-weight: initial;
  border-bottom-style: dashed;
border-bottom-width: 1px;
border-bottom-color: Silver;
}

  #footer-widget li {
list-style: none;
}