/* ===============================================================================
   Web Template for Joomla Site www.bergruh.ch - Copyright by mindprojects | net
   =============================================================================== */

/* Fonts */

	/* Header & Title */
	@import url(http://fonts.googleapis.com/css?family=Bitter:700);

	/* Navigation */
	@import url(http://fonts.googleapis.com/css?family=Istok+Web:400,700);

	/* Content */
	@import url(http://fonts.googleapis.com/css?family=Raleway);

/* General */
html {
	overflow: auto;}

body {
	font-family: 'Raleway', sans-serif;
	background-color: #e3dfd6;
	padding: 50px;}

a, a:link,
a:active, a:visited {
	text-decoration: none;
	color: #2766a1;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}

a:focus {
	outline: none;}

a:hover {
	color: #000;}

.rounded {
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;}

.shadow {
	-moz-box-shadow: 0px 0px 10px 0px #999999;
	-webkit-box-shadow:  0px 0px 10px 0px #999999;
	box-shadow: 0px 0px 10px 0px #999999;
}


/* Layout */
	#wrapper {
		width: 940px;
		min-height: 600px;
		margin: auto;
		background-color: #fff;}

	#innerContainer {
		position: relative;
		padding: 20px;}

		#contentBoxImage {
			width: 900px;
			height: 250px;
			background-color: #ccc;
					margin-bottom: 20px;}

		#contentBoxNavigation {
			float: left;}

		#contentBoxLanguage {
			float: right;}


/* Header */

	header {
		padding-top: 10px;
		padding-bottom: 10px;
		background: #eeeeee;
		background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
		background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
		background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
		background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
		background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );}

	/* Navigation & Language*/

		#contentBoxNavigation,
		#contentBoxLanguage {
			margin: 0;
			padding:0;}

			#contentBoxNavigation ul {
				margin: 0;
				padding: 0;
				padding-left: 10px;}

				#contentBoxNavigation ul li,
				#contentBoxLanguage ul li {
					display: inline;}

					#contentBoxNavigation ul li a {
						font-family: 'Istok Web', sans-serif;
						font-weight: 400;
						font-size: 0.85em;
						text-transform: uppercase;
						padding-right: 13px;}

						#contentBoxNavigation ul li+li {
							padding-left: 14px;
							border-left: 1px solid #000;}

	/* Language */
			#contentBoxLanguage ul {
				margin: 0;
				padding: 0;}

/* Footer */

	footer {
		padding: 0;
		margin: 0;
		padding-top: 20px;
		font-family: 'Istok Web', sans-serif;
		font-weight: 400;
		text-transform: uppercase;
		color: #999;}

		.copyright {
			font-size: 0.75em;
			text-align: right;
			padding: 0;
			margin: 0;}


/* Content */
	article {
		min-height: 700px;
		font-size: 0.95em;
		line-height: 1.9em;
		color: #888;}

		article p {
			text-align: justify;
			padding-top: 3px;
			padding-bottom: 4px;}
			
			article img {
				padding: 10px;}

/* Headers & Titles */
	h1,h2,h3,h4,h5,h6,
	.contentheading, .componentheading {
		font-family: 'Bitter', serif;
		font-weight: 700;
		color: #2766a1;}