/* ---------------------------------------------------
Title: LECHNER - Intropage Style Sheet
Author: Pierpaolo Federici - IDEENWERKSTATT TINTIFAX
Last Updated: 25.05.2012
------------------------------------------------------

------------------- Color Palette --------------------

		orange		-	rgb(240,152,8);
		violett		-	rgb(63, 6, 77);
		noblack		-	rgb(75,75,75);

------------------------------------------------------*/

/* ---------------- General Styles --------------- */

/* sticky footer */
* {margin: 0;}
html, body {height: 100%;}
.wrap {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -60px; background:url(../_bilder/bg_content.jpg) repeat-x bottom;}
#footer, .push {height: 60px; clear: both;}
/* sticky end */


body	{font-family: Arial, Helvetica, sans-serif; color:rgb(75,75,75);}

a		{color:rgb(75,75,75); text-decoration:none;}
a:hover, a:active, a:focus {}

p	{font-size:0.8em; line-height:1.4em;}

h2 {font-size:0.9em;}
h3 {}

h4 {}

.bold	{font-weight: bold;}


/* ---------------- HEAD --------------- */
#head			{background:url(../_bilder/bg_head.png) repeat-x;}

#head div.logo	{height:120px;}

#head h1	{display: block; position:relative; z-index:1; margin-top:25px; margin-left:65px; width:330px; height:75px; text-indent: -9999px; }
#head h1 a	{display: block; width:330px; height:75px;}
#head .gaisbergsiedlung	{background:url(../_bilder/logo_gaisbergsiedlung.png) no-repeat 0 0;}
#head .raiffeisen		{background:url(../_bilder/logo_raiffeisen.png) no-repeat 0 0;}

div.orange_blue	{background:url(../_bilder/bg_orange_violett.jpg) repeat-y center; height:30px;}

img.vierzig-jahre {position: absolute; top: 5px; margin-left: -70px;}

/* ---------------- CONTENT --------------- */
#content.container_12		{width: 1260px;}
#content .grid_6				{width: 610px;}

div.menubox						{width:146px; height:166px; float:left; margin:5px 0 15px 6px;}

div.menubox.hohesblech			{background:url(../_bilder/box-hohesblech.png) no-repeat 0 0;}
div.menubox.tiefesblech			{background:url(../_bilder/box-tiefesblech.png) no-repeat 0 0;}
div.menubox.posaunen			{background:url(../_bilder/box-posaunen.png) no-repeat 0 0;}
div.menubox.sonderinstrumente	{background:url(../_bilder/box-sonderinstrumente.png) no-repeat 0 0;}
div.menubox.holz_blech_instr	{background:url(../_bilder/box-holz_blech_instr.png) no-repeat 0 0;}
div.menubox.zubehoer			{background:url(../_bilder/box-zubehoer.png) no-repeat 0 0;}

div.menubox.saiteninstrumente		{background:url(../_bilder/box-saiteninstrumente.png) no-repeat 0 0;}
div.menubox.tasteninstrumente		{background:url(../_bilder/box-tasteninstrumente.png) no-repeat 0 0;}
div.menubox.harmonikas					{background:url(../_bilder/box-harmonikas.png) no-repeat 0 0;}
div.menubox.schlagwerk					{background:url(../_bilder/box-schlagwerk.png) no-repeat 0 0;}
div.menubox.elektr_beschallung	{background:url(../_bilder/box-elektr_beschallung.png) no-repeat 0 0;}
div.menubox.veranstaltungstech	{background:url(../_bilder/box-veranstaltungstech.png) no-repeat 0 0;}
div.menubox.mallets							{background:url(../_bilder/box-mallets.png) no-repeat 0 0;}

div.activearea					{position:absolute; width:132px; height:138px; cursor:pointer;}
div.listebox					{height:114px; width:132px; position:absolute;}

div.menuliste					{position:absolute; border-top:1px solid #000; bottom:0; display:none; margin-left:5px; padding:3px 0; background:rgb(75,75,75); filter: alpha(opacity=95); opacity: 0.95; -moz-bottom-right-radius:10px; border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px;}
div.menuliste a					{font-size:0.7em; color:#fff; font-weight:bold; text-decoration:none; width:132px; display:block; line-height:1em; padding:2px 0 2px 3px;}
div.menuliste a:hover			{font-weight:bold; background-color: #FDB100; color:#000;}

div.newsbox 					{display:none; position:absolute; background-color: #666666; z-index:100; padding:20px;}
div.newsbox div					{margin:8px 0;}
div.newsbox .art				{color:#FFFFFF; line-height:1.4em;}
div.newsbox .foto				{display:block; width:150px; height:100px; border:1px solid #fff;}
div.newsbox .newsclose			{display:block; width:100%; height:35px; text-align:center; font-size:3em; background-color:#999999; color:#fff;}
div.newsbox .newsclose:hover	{background-color:rgb(240,152,8);}
div.newsbox a					{color:#000000;}

div.kontakt						{padding-left:60px; margin:10px 0 20px 0;}
div.kontakt.gaisbergsiedlung 	{background:url(../_bilder/l_logo_orange.png) no-repeat 0 0;}
div.kontakt.raiffeisen		 	{background:url(../_bilder/l_logo_violett.png) no-repeat 0 0;}
div.kontakt	h2					{font-size:0.75em; letter-spacing:2px; line-height:1.4em;}
div.kontakt	p					{font-size:0.75em;}

div.kontakt	a.orange:hover		{color:rgb(240,152,8);}
div.kontakt a.blue:hover		{color:rgb(0,0,127);}

div#festspielsommer {	margin: 10px 0 20px; text-align: center;}

.oeffnungszeiten 				{background: url('../_bilder/open-hours.png') no-repeat 5px 3px; }
.oeffnungszeiten.raika 			{background-position: 5px -267px;}
.oeffnungszeiten h2 			{letter-spacing: 1px !important;}
.oeffnungszeiten .orange 		{color:rgb(240,152,8);}
.oeffnungszeiten .violett		{color:rgb(63, 6, 77);}
.oeffnungszeiten h2 			{margin:10px 0 0;}

/* ---------------- FOOTER --------------- */
#footer 		{}
#footer a		{}
#footer p		{}

#footer .orange_blue{height:7px;}

#news		{background-color:#666666;}
#news p		{color:#fff; font-weight:bold; font-size:0.9em; line-height:1.6em;}
#news .bx-window	{margin-top:8px;}
#news_anim	{background:url(../_bilder/bg_news.jpg) no-repeat center; height:26px; padding-left:27px; padding-top:35px;}
#news .box	{width:8px; height:8px; float:left; margin:2px;}
#news .one 	{background-color:rgb(240,152,8);}
#news .two 	{background-color:rgb(63, 6, 77);}

#impressum	{text-align:center; padding:15px 0; font-size:0.9em;}