/* Add here all your CSS customizations 
   for kolibrirecords.ch                
   
   color petrol: 2F8AA1
   darker: 307888 oder neu #48676E
   
   
   
										*/

/* Basic Elements & Classes (40)
 ---------------------------------------------------------------------- */
body {
	color: #ddd;
	height:100%;
	background: #1e1e1e;
	font: 14px/1.6 "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

::-moz-selection { background: #48676e; color: #fff; text-shadow: none; }
::selection { background: #48676e; color: #fff; text-shadow: none; }


hr {
/*    background: transparent;
    border: 0;
    clear: both;
*/    color: #48676e;
    height: 1px;
    margin: 0;
        margin-bottom: 0px;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	color: #fff;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 20px;
}

a, a > * {
	color: #79bac9;
/*	text-decoration: none;*/
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	   -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	     -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	        transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}

a:hover, a > *:hover { color: #48676E; 
	text-decoration: underline
	}

/* Default button (2128)
-------------------------------  */
input[type="submit"], button, .btn {
	font-family: "Arial", "Helvetica Neue", Helvetica,sans-serif;
	color: #222;
	font-size: 14px;
	font-weight: normal;
	cursor: pointer;	
	height: auto;
	width: auto;
	overflow: visible;
	padding: 12px 20px;
	margin: 0 30px 30px 0;
	background-color: #eee;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform: uppercase;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}


/* Blockquote (81)
 -------------------------------- */
blockquote {
	background-color: #333;
	color: #fff;
	border-left: 5px solid #48676e;
}
	blockquote p {
		padding: 30px;
	}	
	blockquote .author { 
		color: #48676e;
		font-weight: bold;
	}
	blockquote .author:before {
		content: "-";
		display: inline-block;
		margin: 0 4px 0 2px;
	}


/* Inverted button (2176)
 -------------------------------- */
input[type="submit"].invert, button.invert, .btn.invert { background-color: #48676e; color: #fff; }
input[type="submit"].invert:hover, button.invert:hover, .btn.invert:hover { background-color: #eee; color: #222; }
input[type="submit"].invert i , button.invert i, .btn.invert i { color: #fff; }
input[type="submit"].invert:hover i, button.invert:hover i, .btn.invert:hover i { color: #222; }

/* Dark button */
input[type="submit"].dark, button.dark, .btn.dark { background-color: #333; color: #fff; }
input[type="submit"].dark:hover, button.dark:hover, .btn.dark:hover { background-color: #48676e; color: #fff; }
input[type="submit"].dark i , button.dark i, .btn.dark i { color: #fff; }
input[type="submit"].dark:hover i, button.dark:hover i, .btn.dark:hover i { color: #fff; }


/* Main Navigation (426)
 -------------------------------- */
#main-nav { 
	background: #48676E;
	width: 100%;
	top: 0px;
	z-index: 1000;
	position: fixed;
} 
/* Helper Classes (216)
 ---------------------------------------------------------------------- */
 .color { color: #48676e; }


/* Navigation list (437)
--------------------------------- */
#nav { 
	float: right;
	z-index: 100;
	margin-top: 0px;
}

	#nav li {
		list-style: none;
		float: left;
		margin: 0;
		position: relative;
	}

		#nav a {
			color: #ddd;
			font-size: 12px;
			font-weight: bold;
			display: block;
			padding:0 20px;
			position: relative;
			text-align: center;
			text-transform: uppercase;
			z-index: 98;
			cursor: pointer;
		}

			#nav .current > a, #nav a:hover { 
				background: #2A6A78; 
				color: #fff
			}
			#nav .active > a, #nav a.selected { 
				background: #2A6A78;
				color: #fff;
			}

		/* Sub nav */
		#nav ul ul {
		   -webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}

		#nav ul ul {
			background: #2A6A78;
			visibility: hidden;
			left: 0;
			padding: 0;
			position: absolute;
			width: 220px;
			z-index: 300;
			margin-top: 50px;
			opacity: 0;
			filter: alpha(opacity= 0);
		}
		#nav ul ul ul { background: #4e4e4e; }
		#nav ul ul.show-list {
			visibility: visible;
			opacity: 1;
			filter: alpha(opacity= 100);
			margin-top: 0px;
		}

			#nav ul ul li { 
				float: none;
				border-bottom: 1px dotted #666;
			}
			#nav ul ul li:last-child {
				border-bottom: none;
			}

				#nav ul ul a {
					color: #fff;
					display: block;
					font-size: 12px;
					letter-spacing: 0;
					padding: 16px 20px !important;
					text-align: left;
					line-height: normal;
					text-transform: none;
				}

					#nav ul ul a:hover, #nav ul ul .hover > a, #nav ul ul .current > a, #nav ul ul .current > a:hover, #nav ul ul a.selected {
						background: #48676e;
						color: #fff;
					}

		/* Dropdown */
		#nav ul ul ul {
			left: 100% !important;
			top: 0 !important;
		}
/* Footer (1912)
 ---------------------------------------------------------------------- */
#footer {
	background: #262626;
	padding: 40px 0 140px 0;
	border-top:1px solid #333;
}
/* style.css  (674)
 ---------------------------------------------------------------------- */
.section {
width: 100%;
padding: 80px 0;
background-size: cover;
background-color: rgba(72, 103, 110, 0.23);
background-position: center center;
background-repeat: repeat;
position: relative;
clear: both;
}
/* style.css  (1919)
 ---------------------------------------------------------------------- */

element.style {
background-color: rgba(72, 103, 110, 0.67);
}