@charset "utf-8";


body {background: url() transparent;
  background:#fff;
  color:#666;
  font:13px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  position:relative;
}

#container-start {background-position:10px 10px; background-repeat:no-repeat; margin-top: 20px;}
#container {background: url(../img/musikschule-im-viertel-logo.gif) #FFF; background-position:10px 10px; background-repeat:no-repeat; margin: 20px auto;}

#aktuell {margin:10px 70px;}
/* ** ** Common Addative Classes ** ** */
.left, .float_left  { float:left	}
.right, .float_right { float:right	}
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; height:0px;}
.clear-left, .clear_left { clear:left; } .clear-right, .clear_right { clear:right; }
.hide  { display:none	} .block {display:block !important;} .inline {display:inline !important;}

.align_right    { text-align:right;	  }
.align_left     { text-align:left;	  }
.align_center   { text-align:center;  }
.align_justify  { text-align:justify; }

.bold {font-weight:600;}
.italic {font-style:italic;}
.fl:first-letter {font-size: 1.28em; text-shadow:1px 1px 1px #CCFF00;}

a {	color:#999;	text-decoration:none;}
a:hover, a:focus { color:#888; text-decoration:none; text-shadow:1px 1px 1px #CCFF00;}
a:active, a:visited { }


blockquote {
		font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; 
		margin:5px; 
		padding:10px;
		font-size:1.52em; 
		color:#999; 
		font-style:italic; 
		line-height:1.3em; 
		width:100%; 
		quotes:none;
	}
	blockquote.left {border-right:1px dashed #ccc; width:35%;} /* float blockquote left, and set width */
	blockquote.right {border-left:1px dashed #ccc; width:35%;} /* float blockquote right and set a width */

/* ** ** Header Styles ** ** */
h1, h2, h3, h4, h5 {margin:0 0 0.5em; padding:0 0 0.5em; line-height:1.3em; }
h1 {	font-size:1.38em; color:#999;} 
h2 {	font-size:1.23em; color:#999;} 
h3 {	font-size:1.08em; color:#797979;} 
h4 {	font-size:1.08em; font-weight:normal;} 
h5 {	font-size:1.0em;} 
h6 {	font-size:1.0em; font-weight:normal;}

/* ** ** ul li's ** ** */
ul{
  list-style:outside disc;
}
ul,ol{
  margin:0 0 1.5em 1.5em;
  padding:0;
}
li ul,li ol{
  padding:0;
  margin:0 0 1.5em 1.5em;
}


/* ** ** custom select color ** ** */
::selection {
	background: #525252; /* Safari */
	}
::-moz-selection {
	background: #525252; /* Firefox */
	color:#fff;
}
/* ** ** paragraph styling ** ** */
p {margin:0 0 1.52em;}
	p img.left {float:left;margin:1.52em 1.52em 1.52em 0;padding:0;}
	p img.right {float:right;margin:1.52em 0 1.52em 1.52em;}

strong   		{	font-weight:600;}
em, dfn  		{	font-style:italic;}
dfn 	 		{   font-weight:600;}
sup, sub 		{   line-height:0;}
abbr, acronym   {	border-bottom:1px dashed #ccc;}
address 		{	margin:0 0 1.5em;font-style:italic;}
del 			{	color:#666;}
pre, code, tt   {	font:1em 'andale mono', 'lucida console', monospace;line-height:1.5; display:block;}
code 			{	background-color:#eee; display:inline; padding:0px 2px 1px 2px; line-height:1.1em;}
pre 			{	margin:1.5em 0;white-space:pre;}

/* menu */

header { padding-top:80px; margin-bottom:10px; border-bottom:1px solid #ccc;}
header nav ul li { position: relative; top:3px; display:inline; }
header nav ul li a {color:#666; padding:5px 12px; border-right:1px solid #eee; font-size:1.2em; text-decoration:none;}
header nav ul li a:hover {position: relative; background-color:#EEE; border-right:1px solid #ccc; text-shadow:-1px -1px 0px #fff; }
header nav ul li.last a {border-right:none;}
header nav ul li.on a {background-color:#EEE; border-right:1px solid #ccc; text-shadow:-1px -1px 0px #fff;}

.index-link {position: absolute; top:10px; left: 0px; width: 520px; height: 100px; z-index:1;}

/* menu sub*/
.subnav {margin:0px 0px 40px 0px;}
nav ul li { position: relative; top:5px; display:inline; }
nav ul li a {color:#666; padding:5px 12px; border-right:1px solid #eee; font-size:1.08em; text-decoration:none;}
nav ul li a:hover {position: relative; background-color:#EEE; border-right:1px solid #ccc; text-shadow:-1px -1px 0px #fff; }
nav ul li.last a {border-right:none;}
nav ul li.on a {background-color:#EEE; border-right:1px solid #ccc; text-shadow:-1px -1px 0px #fff;}


footer {font-size:0.92em; padding:0px 0px 10px 0px;}
footer nav ul li { position: relative; top:3px; display:inline; }
footer nav ul li a  {color:#666; padding:3px 3px; border-right:1px solid #eee; font-size:0.92em; text-decoration:none;}
footer nav ul li a:hover {position: relative; background-color:#EEE; border-right:1px solid #ccc; text-shadow:-1px -1px 0px #fff; }
footer nav ul li.last a {border-right:none;}
footer nav ul li.on a {background-color:#EEE; border-right:1px solid #ccc; text-shadow:-1px -1px 0px #fff;}


hr {color: #ccc; height: 1px; margin:30px 0px; }
.hrsub_1 {margin:10px 30px; }
.hrsub_2 {margin:10px 100px; }

/* CSS3 */

.bgcolor-w {background:#FFF;}
.bgcolor-gr {background:#E5E5E5;}
.bgcolor-o {background:#FF8C00;}
.bgcolor-r {background:#FF8080;}
.bgcolor-g {background:#CCFF00;}
.bgcolor-bl {background:#CCFFF7;}

#styled {padding:10px;}

/* 
	The CSS3 Text-Shadow property contains the following values
	horizontal-offset (length, required) | vertical-offset (length, required) | blur-radius (length, optional) | shadow-color (color, optional) 
*/

.shadow {	text-shadow:1px 1px 1px #666;}
.shadow_bl {	text-shadow:2px 2px 1px #CCFFF7;}
.shadow_r {	text-shadow:2px 2px 1px #FF8080;}
.shadow_g {	text-shadow:2px 2px 1px #CCFF00;}
.shadow_gr { text-shadow:2px 2px 1px #EEE;}
	
.rounded {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #ccc;
	
}

.rounded_top_right {
	border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border:1px solid #ccc;
	
}

.box_shadow {
	-webkit-box-shadow: 5px 5px 10px #ccc;
	-moz-box-shadow: 5px 5px 10px #ccc;
	box-shadow: 5px 5px 10px #ccc;
	
}