/*
Theme Name: elco.ch
Theme URL: http://www.elco.ch/
Description: Theme for elco.ch
Author: Fabian Fink
Version: 1.0
First Released: 10th May 2013
Last Updated: 10th May 2013
Built For: RapidWeaver 3.6, 4.4 and 5.0
*/

/* @group HTML Styles */

a:focus {
	outline: none;
}
html {
	width: 100%;
	height: 100%;
}
body {
	width: 100%;
	height: 100%;
	color: #58585A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-image: url(images/editable_images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #a6aeb1;
}
br {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}
.image-left {
	float: left;
	margin: 5px;
	padding: 0;
	position: relative;
}
.image-right {
	float: right;
	margin: 5px;
	padding: 0;
	position: relative;
}
a img {
	border: none;
	outline: none;
}
a:link {
	text-decoration: underline;
	-webkit-transition: color .25s linear;
	transition: color .25s linear;
}
a:visited {
	text-decoration: underline;
}
a:hover {
	-webkit-transition: color, background-color .25s linear;
	transition: color, background-color .25s linear;
}
a:active {
	-webkit-transition: color .25s linear;
	transition: color .25s linear;
}
.external {
	padding-right: 12px;
	background: url(images/icons/external.png) no-repeat right center;
}
.clearer {
	clear: both;
}
blockquote {
}
code {
}
hr {
}
.imageStyle {
}
#contentContainer #content ul, #contentContainer #content ol, #contentContainer #sidebar ul, #contentContainer #sidebar ol {
	margin-left: 20px;
}
ul.disc {
	list-style-type: disc;
}
ul.circle {
	list-style-type: circle;
}
ul.square {
	list-style-type: square;
}
ol.arabic-numbers {
	list-style-type: decimal;
}
ol.upper-alpha {
	list-style-type: upper-alpha;
}
ol.lower-alpha {
	list-style-type: lower-alpha;
}
ol.upper-roman {
	list-style-type: upper-roman;
}
ol.lower-roman {
	list-style-type: lower-roman;
}
/* @end */

/* @group Layout */


/* @group Main */

#main {
	margin: auto;
	display: block;
	position: relative;
}
#roter_balken {
	height: 15px;
	width: 980px;
	background-color: #BD3826;
}
/* @end */

/* @group Extra Content */

.ecName {
	display: none;
}
#extraContainer1 {
	position: absolute;
	left: 0;
	top: 0;
	padding: 20px;
	font: 100% Arial, Helvetica, Geneva, sans-serif;
	color: #ffffff;
}
#myExtraContent2 {
	color: #A8ADB0;
	text-align: right;
}
#myExtraContent2 a {
	text-decoration: none;
}
#extraContainer3 {
	position: absolute;
	right: 0;
	top: 0;
	width: 600px;
	text-align: right;
}
#myExtraContent3 a {
	text-decoration: none;
	color: #ffffff;
}
/* @end */



/* @group Header */

#header {
	display: block;
	position: relative;
}
#siteTitle a {
	text-decoration: none;
	font: bold 125% Arial, Helvetica, Geneva, sans-serif;
}
#siteTitle a:hover {
	text-decoration: none;
}
#siteSlogan {
	position: absolute;
	top: 15px;
	right: 0;
	font: italic normal 100% Georgia, "Times New Roman", Times, serif;
	text-align: right;
	overflow: auto;
}
/* @end */

/* @group Banner */

#banner {
	display: block;
	position: relative;
	height: 300px;
	border-top: 3px solid #000000;
	background: url(images/editable_images/banner-bg.jpg) center center;
	margin-top: 20px;
}
#logo {
	margin-left: 10px;
	float: left;
}
#extraContainer4 {
	left: 240px;
	margin-top: 12px;
	position: absolute;
	width: 500px
}
/* @end */


/* @group Horizontal Navigation */

#nav1 {
	display: block;
	position: relative;
	background-image: url(images/editable_images/btn_inaktiv.jpg);
	background-repeat: repeat-x;
	background-color: #dfe0e2;
	height: 34px;
	font: Arial, Helvetica, sans-serif;
	z-index: 40;
	font-size: 10pt;
}
#nav1 .current {
	color: #ffffff;
	background-color: #a8adb0;
}
html>body #nav1 .current {
	color: #ffffff;
	background-color: #a8adb0;
}
#nav1 .currentAncestor {
	color: #ffffff;
	background-color: #a8adb0;
}
/* Parent - Level 0 */

#nav1 ul {
	list-style: none;
	position: absolute;
	margin: 0;
	padding: 0;
}
html > body #nav1 ul {
}
#nav1 li {
	display: inline;
	float: left;
	position: relative;
	line-height: 16px;
}
#nav1 a {
	color: #4C4C4C;
	display: block;
	float: left;
	min-height: 18px;
	padding: 8px 15px;
	text-decoration: none;
}
#nav1 a:hover {
	color: #ffffff;
	background-color: #a8adb0;
}
#nav1 a:active {
}
/* Child - Level 1 */




#nav1 ul ul {
	position: absolute;
	display: none;
	margin-top: 34px;
	-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
	background: #ffffff;
}
#nav1 ul ul li {
	display: block;
	float: none;
	position: relative;
}
#nav1 ul ul a {
	color: #58585A;
	width: 150px;
	background-color: #ffffff;
}
/* Child Level 2 */

#nav1 ul ul ul {
	display: block;
	margin-left: 176px;
	margin-top: 0;
	z-index: 100;
	-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
}
#nav1 ul ul ul li {
	display: block;
}
#nav1 ul ul ul a {
	display: block;
}
#nav1 ul ul ul a:hover {
	display: block;
}
div#nav1 ul ul, div#nav1 ul ul ul, div#nav1 ul li:hover ul ul, div#nav1 ul li:hover ul ul ul, div#nav1 ul li:hover ul ul ul ul, div#nav1 ul li:hover ul ul ul ul ul {
	display: none;
	left: 0px;
}
div#nav1 ul li:hover ul, div#nav1 ul ul li:hover ul, div#nav1 ul ul ul li:hover ul, div#nav1 ul ul ul ul li:hover ul, div#nav1 ul ul ul ul ul li:hover ul {
	display: block;
	left: 0px;
}
/* @end */




/* @group Content */

#contentContainer {
	margin-bottom: 20px;
}
#contentContainer #content {
	font: 100% Arial, Helvetica, Geneva, sans-serif;
	margin-right: 240px;
}
#headerRight {
	float: right;
	width: 214px;
}
#loginlogout {
	float: right;
	text-decoration: none;
	color: #BD3826;
}
#loginlogout div {
	float: left;
}
#mainHeader {
	padding-top: 15px;
	height: 77px;
}
#mainContent {
	clear: both;
}
/* @end */

/* @group Sidebar */

#aside {
	display: block;
	position: relative;
	float: right;
	width: 200px;
}
#aside #sidebarTitle h3 {
	font-family: Arial, Helvetica, Geneva, sans-serif;
}
#aside #sidebar, #aside #pluginSidebar {
	font: 100% Arial, Helvetica, Geneva, sans-serif;
}
/* @end */

/* @group Search Function */

.submitBtn {
	background: url("images/icons/lupe.png") no-repeat scroll center center #A8ADB0;
	height: 30px !important;
	width: 50px !important;
	margin-bottom: 0;
}
.inputSearchTxt {
	width: 60%;
	margin-bottom: 0;
}
#searchForm {
	text-align: right;
}
/* @end */

/* @group Footer */

#footer {
	background-color: #BD3826;
	padding: 2px;
}
#footer #footerContent {
	font: 95% Arial, Helvetica, Geneva, sans-serif;
	color: #ffffff;
	display: block;
	position: relative;
	z-index: 10;
	margin-left: 8px;
	margin-right: 8px;
}
#footerTitle h5 {
	display: block;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	float: left;
	position: relative;
	z-index: 20;
}
#footerTitle h5 a, #footerTitle h5 a:hover {
	color: #000000;
	text-decoration: none;
}
#lastUpdated {
	display: none;
	position: relative;
	text-align: right;
}
/* @end */

/* @group Breadcrumb */

#breadcrumb {
	position: relative;
	display: inline;
	float: left;
	font: 100% Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	z-index: 20;
}
#breadcrumb ul {
	display: inline;
	padding: 0;
	margin: 0;
	list-style: none;
}
#breadcrumb li {
	display: inline;
	float: left;
}
/* @end */

/* @group Mobile Styles */
/*
@media only screen and (max-device-width: 480px) {
	#main {
		padding: 5px;
		margin: 5px;
	}
	
	#siteTitle {
		position: relative;
		padding: 0px;
		line-height: 1.00em;
		text-align: center;
		margin: 0;
		display: block;
	}
	
	#siteSlogan {
		position: relative;
		top: auto;
		right: auto;
		text-align: center;
		margin-bottom: 10px;
		display: block;
	}
	
	#header {
		height: auto;
	}
	
	#banner {
		display: none;
	}
	
	#nav1 {
    	height: auto;
    	margin-top: 0px;
  	}
  	
  	#nav1 li {
  		float: none;
  	}
  	
  	#nav1 li a {
  		border-bottom: 1px solid #333;
  	}
  	
  	#aside {
  		float: none !important;
  		width: 100% !important;
  		margin-bottom: 10px;
  		padding-bottom: 10px;
  		border-bottom: 3px solid #000;
  	}
  	
  	#contentContainer {
  		margin: 0;
  	}
  	
  	#contentContainer #content {
  		margin: 0 !important;
  	}
  	
  	#breadcrumb {
  		display: none;
  	}
  	
  	#footer #footerContent {
  		text-align: center;
  	}
}
*/
/* @end */


/* @end */

/* @group Blog */

.blog-archive-background {
}
.blog-entry-summary {
	margin-bottom: 15px;
}
.blog-archive-headings-wrapper {
	border-bottom: 1px solid;
}
.blog-archive-entries-wrapper {
}
.blog-archive-entries-wrapper .blog-entry {
}
.blog-archive-month {
}
.blog-archive-link {
}
.blog-archive-link a:link, .blog-archive-link a:visited {
}
/* Blog Tag Cloud */

ul.blog-tag-cloud {
	margin: 0px;
	padding: 0px;
	text-align: justify;
}
ul.blog-tag-cloud li {
	display: inline;
	padding-right: 5px;
}
.blog-tag-size-1 {
	font-size: 0.8em;
}
.blog-tag-size-2 {
	font-size: 0.85em;
}
.blog-tag-size-3 {
	font-size: 0.9em;
}
.blog-tag-size-4 {
	font-size: 0.95em;
}
.blog-tag-size-5 {
	font-size: 1em;
}
.blog-tag-size-6 {
	font-size: 1.05em;
}
.blog-tag-size-7 {
	font-size: 1.1em;
}
.blog-tag-size-8 {
	font-size: 1.15em;
}
.blog-tag-size-9 {
	font-size: 1.2em;
}
.blog-tag-size-10 {
	font-size: 1.25em;
}
.blog-tag-size-11 {
	font-size: 1.3em;
}
.blog-tag-size-12 {
	font-size: 1.35em;
}
.blog-tag-size-13 {
	font-size: 1.4em;
}
.blog-tag-size-14 {
	font-size: 1.45em;
}
.blog-tag-size-15 {
	font-size: 1.5em;
}
.blog-tag-size-16 {
	font-size: 1.55em;
}
.blog-tag-size-17 {
	font-size: 1.6em;
}
.blog-tag-size-18 {
	font-size: 1.65em;
}
.blog-tag-size-19 {
	font-size: 1.7em;
}
.blog-tag-size-20 {
	font-size: 1.75em;
}
/* Main Blog entries */

.blog-entry {
	padding-bottom: 40px;
	position: relative;
}
.blog-entry-title {
	font-size: 1.50em;
	line-height: 1.00em;
	font-weight: normal;
	margin: 0px;
	padding-bottom: 5px;
}
.blog-entry-title a {
	text-decoration: none;
	padding-bottom: 5px;
}
.blog-entry-date {
	line-height: 1.00em;
	margin-bottom: 20px;
}
.blog-read-more {
	display: block;
}
.blog-entry-body {
}
p.blog-entry-tags {
	line-height: 2.00em;
}
.blog-entry-comments {
	line-height: 2.00em;
}
/* Styles the category link/s in the main Blog entry */

.blog-entry-category a {
}
.blog-entry-category a:link, .blog-entry-category a:visited {
}
#blog-archives br, #blog-categories br, #blog-rss-feeds br {
	display: none;
}
/* styles the archives in the blog sidebar */

#blog-archives {
	margin-bottom: 20px;
}
.blog-archive-link-enabled {
	background-repeat: no-repeat;
	display: block;
}
.blog-archive-link-disabled {
	background-repeat: no-repeat;
	display: block;
}
/* Styles the blog categories in the blog sidebar */

#blog-categories {
	margin-bottom: 20px;
}
.blog-category-link-enabled {
	display: block;
}
.blog-category-link-disabled {
	display: block;
}
/* Styles the blog RSS feeds in the blog sidebar */

#blog-rss-feeds {
	margin-top: 20px;
	display: block;
}
.blog-rss-link {
	background-repeat: no-repeat;
	background-image: url(images/icons/rss_icon.png);
	background-position: left center;
	padding-left: 15px;
	padding-right: 15px;
	display: block;
}
.blog-comments-rss-link {
	background-repeat: no-repeat;
	background-image: url(images/icons/rss_icon.png);
	background-position: left center;
	padding-left: 15px;
	display: block;
}
/* @end */

/* @group File Sharing */

.filesharing-description {
}
.filesharing-item {
	padding-bottom: 15px;
	padding-top: 15px;
}
.filesharing-item-title a:link {
	font-weight: normal;
	margin-bottom: 0px;
	text-decoration: none;
}
.filesharing-item-title a:hover {
	font-weight: normal;
	text-decoration: none;
}
/* @end */

/* @group Flash */

#flashcontent {
	text-align: center;
}
/* @end */

/* @group Photo Album */

.album-title {
	font-weight: bold;
	margin-bottom: 0px;
	font-size: 1.25em;
}
.album-description {
	margin-bottom: 50px;
}
.album-wrapper {
	display: block;
	width: 99%;
	position: relative;
}
.thumbnail-wrap {
	text-align: center;
	position: relative;
	float: left;
	margin-bottom: 60px;
	margin-right: 20px;
}
.thumbnail-frame:hover {
}
.thumbnail-frame a {
}
.thumbnail-frame a:hover {
	background: transparent;
}
.thumbnail-frame img {
	margin: auto;
	border: none;
	padding: 0px;
}
.thumbnail-caption {
	margin: 0;
	width: 100%;
	height: 38px;
	display: block;
	padding: 0 0 0 5px;
}
/* CSS Formatting for Single Page (Photo view) */

.photo-background {
	text-align: left;
}
.photo-navigation {
	width: 200px;
	float: left;
	margin: 15px 15px 0;
	padding: 15px;
}
.photo-links {
}
.photo-navigation a:link, .photo-navigation a:visited {
}
.photo-navigation a:hover {
	background: transparent;
}
.photo-title {
	margin: 0;
	font-size: 1.25em;
	font-weight: normal;
}
.photo-caption {
	margin: 0;
}
/* Styling Exif Data */

.exif-data {
	font-size: 0.75em;
	line-height: 1.5em;
	clear: left;
	margin-left: 15px;
	margin-top: 15px;
	padding: 15px;
	float: left;
	width: 200px;
}
.exif-data p {
	margin: 0;
	padding: 0;
}
/* @end */

/* @group Movie Page */

.movie-description {
	margin-top: 15px;
}
/* @end */

/* @group Movie Album */

.movie-page-title {
	font-weight: bold;
	margin-bottom: 0px;
}
.movie-page-description {
	margin-bottom: 15px;
}
.movie-thumbnail-frame {
	width: 134px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.movie-thumbnail-frame:hover {
}
.movie-thumbnail-frame img {
	padding: 1px;
	margin-bottom: 5px;
}
.movie-thumbnail-caption {
}
/* CSS formatting for Singular Quicktime Movies */

.movie-page-title {
	font-weight: bold;
	margin-bottom: 0px;
}
.movie-page-description {
	margin-bottom: 10px;
}
.movie-thumbnail-frame {
	width: 132px;
	display: inline;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 1px;
	font-size: 1em;
	position: relative;
	z-index: 10;
}
/* @end */

/* @group Contact Form */

form {
	margin: 0px;
	padding: 0px;
}
.message-text {
	font-weight: bold;
	font-style: normal;
}
.form-input-field {
	font-size: 1.25em;
	width: 99%;
}
.form-input-button {
	font-size: 1.5em;
}
/* @end */



/* @group JS-Kit Override */

.js-singleCommentBodyT {
	display: block;
	margin: 0;
	padding: 17px 0 0;
}
.js-singleCommentHeader {
	margin-right: 10px;
	margin-left: 10px;
	padding: 0;
}
.js-OldComments, .js-commentFieldLabel, .js-pmFieldLabel, .js-singleCommentBody, .js-singleCommentKarmaComMod, .js-commentBodyLabel, .js-commentCmtTextarea, .js-commentAvatarArea, .js-OldCommentsWrap, .js-OldComments, .js-CreateCommentFieldsWrap, .js-CreateCommentFields, .js-commentCmtTextarea, .js-kit-comments div {
	clear: none !important;
}
.js-singleCommentText {
	display: block !important;
	clear: both !important;
}
.js-kit-comments br {
	display: none !important;
}
.js-singleCommentBody br {
	display: block !important;
}
/* @end */



/* @group RW5 Sitemap */

.rw-sitemap ul {
	margin: 0;
	padding: 0;
	list-style-type: disc;
	list-style-position: inside;
}
.rw-sitemap ul li {
	margin: 0 0 10px 0;
}
.rw-sitemap ul li:last-child {
	margin: 0;
}
.rw-sitemap ul li li {
	margin: 0 0 5px 0;
}
.rw-sitemap ul li li:last-child {
	margin: 0;
}
.rw-sitemap ul ul {
	padding: 0 0 0 20px;
	list-style-type: square;
}
.rw-sitemap ul ul ul {
	list-style-type: circle;
}
/***********************************************************************
	Brotkrumennavi + Language chooser
***********************************************************************/
#breadcrumbLanguageContainer {
	background-color: #CCC;
	height: 15px;
	color: #666;
	font-size: 90%;
	padding: 0 5px;
}
#breadcrumbLanguageContainer a {
	color: #666;
	text-decoration: none;
}
#breadcrumbLanguageContainer a:hover {
	color: #333;
}
#languagePicker {
	float: right;
	width: 60px;
}
/*Tabellen*/
table.tab {
	margin: 2em 0;
}
table.tab th {
	background-color: #a8adb0;
	color: white;
	font-weight: bold;
	text-align: left;
	border-top: 1px solid #ffffff;
	vertical-align: top;
}
table.tab th.right {
	text-align: right;
}
table.tab th.center {
	text-align: center;
}
table.tab td {
	border-bottom: 1px solid #a8adb1;
	vertical-align: top;
}
table.tab td.noline {
	border-bottom: none;
}
table.tab .subhead {
	background-color: #C1C5C8;
	color: white;
	font-weight: normal;
}
table.tab tfoot td {
	border-bottom: none;
	padding-top: 2px;
}
table.tab th, table.tab td {
	padding: 2px 15px 2px 2px;
}
table.tab .vcenter {
	vertical-align: middle;
}

.redLink {
	color: #BD3826 !important;
}

#filterMenu {
	background: url("../images/editable_images/line.png") no-repeat scroll 190px 10px transparent;
	font-size: 13px;
	line-height: 1.5;
	padding-left: 30px;
	padding-right: 70px;
	position: absolute;
	width: 150px;
	z-index: 1001;
}

#filterMenu a {
	clear: both;
	float: left;
	text-decoration: none !important;
}

#filterMenu a.active {
	color: #BD3826;
}

/* @end */