@charset "UTF-8";

/**
 * Theme Name:     Musikschule Burbach
 * Theme URI:      http://www.musikschule-burbach.de/
 * Description:    Child theme basierend auf dem Twenty Eleven theme. <br>Daher <b>AUF KEINEN FALL</b> das Twenty Eleven theme aus der &Uuml;bersicht l&ouml;schen!
 * Author:         Ralf Gerecht f&uuml;r Berner Medienberatung & Design
 * Author URI:     http://ralfgerecht.de/
 * Template:       twentyeleven
 * Version:        0.1.0
 */

@import url('../twentyeleven/style.css');


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	vertical-align: none;
}


/* =Global
----------------------------------------------- */

body, input, textarea {
	color: black;
	font: 15px Arial, Helvetica, sans-serif;
	font-weight: 300;
	line-height: 1.625;
}
body {
	background-color: #f1f1f1; 
  background-image: url('images/back_plus_logo_adresse.jpg'); 
  background-repeat: no-repeat; 
  background-position: top center; 
  background-attachment: fixed;
}
#page {
	background: none;
	position: relative;
	clear: both;
}

#main {
    background: white;
    padding-top: 0px;
}
#primary {
  background: white;
  padding-top: 30px;
  border-color: #grey;
  border-right-style: solid;
  border-left-style: solid;
  border-width: 1px;
  }

#colophon {
  background: white;
  border-color: #grey;
  border-right-style: solid;
  border-left-style: solid;
  border-width: 1px;
  width:100%;
  }  
  
#branding {
  padding-bottom: 32px;
  }
  
#access {
  background: none;
  margin-bottom: 0px;
  margin-left: 0px;
  -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
	box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
} 
#access div {
  margin-left: 12px;
}   
#access ul {
	margin: 0 0 0 -0.8125em;
}

#access a {
	line-height: 32px;
	padding: 0 1.2125em;
}

#access ul ul {
	top: 32px;
	left: 0;
	width: 188px;
	-moz-box-shadow: 0 3px 3px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px 1px rgba(0,0,0,0.2);
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: rgb(189,190,194);
}

#haftung p{
 font-size: 10px;
 }
 #haftung h2{
 font-size: 12px;
 }
  
.page-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	margin: 0 ;
	text-transform: uppercase;
}
.entry-content {
	background: white;
	padding: 0 0 0 0;
	/*background-image: url(http://www.plattekunst.de/wp-content/themes/plattekunst2/images/plaetsch.png);
	background-repeat: no-repeat;
  margin-left: -30px;
  margin-top: -30px;
  padding-left: 30px; 
  padding-top: 30px;  */
}
#primary {
/*background-image: url(http://www.plattekunst.de/wp-content/themes/plattekunst2/images/plaetsch.png);
	background-repeat: no-repeat;
  margin-left: -60px;
  margin-top: 0px;
  padding-left: 60px; 
  padding-top: 0px;
  */
  }
/* One column */
/* One column */
.one-column #page {
	max-width: 750px;
}          
#page {
	max-width: 730px;
	margin-top: 146px; 
	/*margin-top: -32px;  */
	}
	
/* Search Form SUCHFORMULAR IM HEADER*/
#access #searchform {
	/*position: absolute; */
	top: 2px;
	right: 5px;
	text-align: right;
}
#access #searchform div {
	margin: 0;
}
#access #s {
	float: right;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 72px;
	background-color: white;
}
#access #s:focus {
	background-color: #f9f9f9;
	width: 180px;
}
#access #searchsubmit {
	display: none;
}
#access .only-search #searchform {
	top: 5px;
	z-index: 1;
}
#access .only-search #s {
	background-color: #666;
	border-color: #000;
	color: #222;
}
#access .only-search #s,
#access .only-search #s:focus {
	width: 85%;
}
#access .only-search #s:focus {
	background-color: #bbb;
}
#access .with-image #searchform {
	top: auto;
	bottom: -27px;
	max-width: 195px;
}
#access .only-search + #access div {
	padding-right: 205px;
}	

/* Wichtig für PromoSlider, sonst gibt es graue Ränder! */
.entry-content img {
  max-width: 100%;
  }

#logo {
  /*height: 178px;
  width: 254px;
  background: url(images/Logo.png) no-repeat;*
  /*margin-left:-10px;   */
  /*position: absolute;
  top: 0px;
  left: 0px;*/
  }

#adresse {
  width:100%;
  position: absolute;
  /*margin-left:-10px;   */
  top: -150px;
  font-size: 12px;
  font-style: none;
  }  
#adresse p{
 text-align: center;
}  
#adresse a{
  color: white;
  }  
#adresse a: hover{
  color: blue;
  }  
@media (max-width: 1220px) {    
#adresse {
  /*height: 100px;
  width: 220px;
  background: url(images/50erweiss.png) repeat;
  position: fixed;
  /*margin-left:-10px;   */
  /*top: 20px;
  left: 650px;
  padding-left: 5px;
  font-size: 12px;
  font-style: none;
  color: white;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;*/
  }  
  #adresse a{
  color: white;
  }  
  }
@media (max-width: 1100px) {  
  #logo {
    height: 148px;
    background: url(images/Logo2.png) no-repeat;
    margin-left:-15px; 
    position:relative; 
  }
  #page {
	  margin-top: -2px;
	}
	body {
	background-image: url('images/back1.jpg');
	background-attachment:fixed;
  }
}