/* ---------------------------------------------------
Title: SBO Pongau - Main Style Sheet
Author: Pierpaolo Federici - IDEENWERKSTATT TINTIFAX
Last Updated: 27.10.2011
------------------------------------------------------

------------------- Color Palette --------------------
   Red SBO		-   rgb(220,0,46);

------------------------------------------------------

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

@font-face {
  font-family: Lato;
  src: url(../fonts/Lato-Regular.ttf);
  font-weight: 400;
  font-display: swap;
}

html{

}
body {
	background:url(../_bilder/background.jpg) no-repeat fixed;
	background-size: cover;
	font-family: Lato, Arial, Verdana, sans-serif;
	color: #666666;
	font-size:14px;
}
a:link {
    text-decoration:none;
	color: #666666;
}
a:visited {
	text-decoration: underline;
	color: #666666;
}
a:hover, a:active, a:focus {
	text-decoration: none;
	color:rgb(220,0,46);
}
p{ 
	font-size: 1.1em;
	line-height: 1.65;
	margin-bottom: 1.428571em;
}
h1, h2, h3, h4{
}

h2 {
	color:rgb(220,0,46);
	font-size: 1.142857em;
	line-height: 1.25em;
	margin-bottom: 1.428571em;
}
h3 {
	font-size: 1.15em;
	line-height: 1.428571em;
	margin-bottom: 1.428571em;
}

.red{
	color:rgb(220,0,46);
}
.bold{font-weight:bold;}
.red {color:rgb(220,0,46);}

.skip, hr {

}

/* ---------------- Layout --------------- */

#wrapper{
	background-color:#fff;
	border:1px solid #999999;
	margin-top:20px;
	-moz-box-shadow: 0px 6px 20px #666666;
	-webkit-box-shadow: 0px 6px 20px #666666;
	box-shadow: 0px 6px 20px #666666;
}

/* ---------------- HEAD --------------- */
#header{
	height:150px;
	background:url(../_bilder/bg_head.png) no-repeat top right;
	background-color:#FFFFFF;
}
h1{
    width: 210px; height: 115px;
    display: block;
    text-indent: -9999px;
    background: url(../_bilder/logo.png) no-repeat 0 0;
    float:left;
	margin-left:20px;
	
}
h1 a{
    width: 210px; height: 115px;
    display: block;
}

/* ---------------- CONTENT --------------- */
#content			{margin-top:20px;}
#content a			{text-decoration:underline;}

#dirigent #content	{height:492px;}
#cds #content		{height:900px;}
#dvds #content		{height:700px;}
#termine #content	{height:492px;}
#probetermine #content	{height:492px;}
#download #content	{height:492px;}

.orf3 		{background-color: #DC002E; width: 100%; color: #fff; text-align: center; padding: 10px 0;}
.orf3 h2 	{color: #fff; font-size: 1.6em; margin: 5px 0;}
.orf3 p 	{margin: 0 0 5px 0;}
.orf3 a 	{color: #fff; display: block; margin-bottom: 10px; font-weight: bold; font-size: 1.1em;}

#quick_links{
	height:150px;
	margin-top:20px;
}
#quick_links 					{color:#FFFFFF; font-size:1.5em; line-height:1.2em; text-shadow: 2px 2px 0px #000;}
#quick_links a 					{color:#FFFFFF; font-weight:bold;}
#quick_links a:hover			{color:#999999;}
#quick_links .quicklink:hover 	{border-top:4px solid #666666}
#quick_links .quicklink			{border-top:4px solid rgb(220,0,46); width:280px; height:130px; padding:10px;}
#quick_links .left 				{background:url(../_bilder/quick_links_1.jpg) no-repeat 0 0;}
#quick_links .middle 			{background:url(../_bilder/quick_links_2.jpg) no-repeat 0 0;}
#quick_links .right 			{background:url(../_bilder/quick_links_3.jpg) no-repeat 0 0;}

#content #text_top				{padding-left:20px;}
#content #impressionen			{margin-top:20px; height:240px;}
#content #impressionen h2		{border-bottom:1px solid #666666; padding-bottom:5px;}
#content #impressionen img		{border:5px solid #999999; margin-bottom:20px;}
#content #impressionen img:hover{border-color:rgb(220,0,46);}

#content #fotogalerie h3 		{color: rgb(220,0,46); margin:30px 0 0px 0; border-bottom: 1px solid lightgrey;}
#content #fotogalerie h4 		{margin: 10px 0 0px 0;}
#content #fotogalerie div 	 	{float:left; margin:19px 0 0 19px;}
#content #fotogalerie img 		{border:3px solid #999999;}
#content #fotogalerie img:hover	{border-color:rgb(220,0,46);}


#cds .cds p				{margin-bottom:40px;}
#cds span.cdlist		{position:absolute; display:block; margin-left:370px;}
#cds object				{position:absolute; margin-top:-40px; float:left;}

iframe#bestellung		{position:absolute; margin-top:270px; width:410px; height:600px; overflow:hidden;}
#bestellung_dvd			{position:absolute; margin:400px 85px 0;}

/* ---------------- FOOTER --------------- */

#footer{
	background:url(../_bilder/bg_footer.png) no-repeat top left;
	background-color:#EAEAEA;
	text-align:center;
    height:80px;
	border-top:1px solid #E1E1E1;
	padding-top:20px;
}
#footer h2	{font-size:0.9em; line-height:1px;}
#footer p	{line-height:1px;}