@charset "UTF-8";
/* CSS Document */


/*MAIN*/

.transparent {

/* works for IE 5+. */
filter:alpha(opacity=30); 

/* works for IE 8. */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

/* works for old school versions of the Mozilla browsers like Netscape Navigator. */
-moz-opacity:0.3; 

/* This is for old versions of Safari (1.x) with KHTML rendering engine */
-khtml-opacity: 0.3; 

/* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */  
opacity: 0.3; 
}

/* bg and bg img for background image for IE8 & IE9 */
#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
#bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}

#wrapper {
/* wrapper around whole page incl. header and footer to keep footer at the bottom of the page */	
	min-height:100%;
	position:relative;
}

html {
height:100%;  /* to keep footers at the bottom of the page */
width:100%;
}

body { 
background: transparent;
height:100%; /* to keep footers at the bottom of the page */
width:100%;
}

#content {
		padding-bottom:60px;	/* important that bottom padding  is equal to (or slightly larger than) the height of the footer.  to keep footers at the bottom of the page*/
}		
		
nav {
	float: right;	    	
}


.navbar-nav {
   margin-left:-15px;
  /* margin-right:-10px; */
/* position: relative; */
}

#logo{

	margin: 0px 20px; 10px;
	/* float: left; */
	position: absolute;
	width: 200px;
	height: 100px; 
	background: url(../img/logoryis_transparent.png) no-repeat center ;
	display: block;
	z-index: 101;

}

/* Für Bootstrap carousel  */
  .carousel-inner > .item > picture > img,
  .carousel-inner > .item > a > picture > img {
    /* width: 10%; */ /* Zoomt Bild */
      margin: auto;
  }	

.carousel-control.left, .carousel-control.right {
  background: none !important;
  filter: progid: none !important;
  outline: 0;
}

.carousel-caption { 
	position: static;
	padding-top: 0px;
    }


.carousel-indicators {
	position: absolute;
	bottom: 5px;
	left: 50%;
	z-index: 15;
	width: 90%;
	padding-left: 0;
	margin-left: -45%;
	text-align: center;
}

a {

	color: rgb(255,204,102);
	text-decoration: none;
	/* font-weight: normal; */

}

a:hover {

	color:#FC0 ;

}


header {
/* Variante fixer weisser Menubalken
	background: #fff;
	position: fixed; */
	
	margin-top: 20px;
	background-color: rgba(51,51,51,0.8);
	position: relative;
	width: 100%;
	height: 60px;
	top: 0;
	left: 0;
	/* border-bottom: 4px solid #4C9CF1; */
	z-index: 100;

}


footer {
	
	background-color: rgba(51,51,51,0.8);
	position: absolute; /* absolute to keep footer at page bottom */
	bottom:20px;
	width: 100%;
	height: 30px;
	
	/* border-bottom: 4px solid #4C9CF1; */
	/* z-index: 100; */

}

.copyright
{
margin-top: 7px;	
margin-left: 20px;
font-size:small;
float: left;	
color: white;
}	

#logo{

	margin: 0px 20px; 10px;
	float: left;
	width: 200px;
	height: 100px; 
	background: url(../img/logoryis_transparent.png) no-repeat center ;
	display: block;

}

.components {
			background-color:red;
			background-image: none;
	}

.container {
	background-color: rgba(51,51,51,0.3);
	margin-bottom: 40px;
}

.section {
    margin: 50px auto 25px;
  /* margin: 80px auto 40px; */
    width: 85%;
	max-width: 950px;
	position: relative;
	padding: 10px 20px 10px;
	color: white;
	text-align: center;
	background-color: rgba(51,51,51,0.4);
}


.picture-frame {
	margin: 0px auto 0px;
	width: 100%;
	overflow:hidden;
}	



.form-style .success{
	background: #D8FFC0;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 5px 0px;
	border: none;
	font-weight: bold;
	color: #2E6800;
	border-left: 3px solid #2E6800;
}
.form-style .error {
	background: #FFE8E8;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 5px 0px;
	border: none;
	font-weight: bold;
	color: #FF0000;
	border-left: 3px solid #FF0000;
}

.carousel-control 
{	 
	width: 5%;
}	 

.carousel-control .glyphicon-chevron-left
{
	position: absolute;
	top: 40%;
	left: 50%;
	display: inline-block;
}
   
.carousel-control .glyphicon-chevron-right 
{
	position: absolute;
	top:40%;
	right: 50%;
	display: inline-block;
}


/*
h1 {

	font-size: 1.25em;
	font-weight: normal;
	color: white;
	line-height: 1.15em;
	margin: 20px 0 ;

}
*/

p {

	line-height: 1.45em;
	margin-bottom: 20px;

}

.lyrik p, .lyrik-large p
{

	line-height: 1.0em;
	margin-bottom: 0px;

}