/*
Theme Name: Wahlen Thun
Theme URI: http://www.ahja.ch
Author: ah,ja! Andi Jacomet 
Author URI: http://www.ahja.ch/
Description: Theme fuer die SP Thun anlaesslich der Wahlen 2014 - Weiterverwendung bitte nur nach Ruecksprache mit ah,ja! - Danke.
Version: 1.0
License: Copyright ahja.ch
License URI: http://www.ahja.ch
Tags: ahja Wahlen Thun 
Text Domain: wahlenthun

WordPress is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */
 
body, div, ul, li, ol, h1, h2, h3, h4, h5, h5, form, fieldset, p, select, address, input { margin:0; padding:0; outline:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;  -webkit-appearance: none; }
img, fieldset { border:none; padding:0; margin:0; outline:none; }
input { border:none;  -webkit-appearance: none; }
select { border:none;  -webkit-appearance: none; }
blockquote, figure { margin: 0px; padding: 0px;  -webkit-appearance: none; }
.clear { clear:both; overflow: hidden; height: 0px; }
a:focus { outline:none; }
a { text-decoration:none; outline:none; color: 	#880038; }
a:hover { text-decoration:none; cursor:pointer; color: #403A3A; }
ul { list-style:none; }
/*Reset csss end here*/
body{ font-family: 'Open Sans', sans-serif; font-weight: 400; color: #555555; background: url(images/hintergrund.png) repeat; }

.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*ourter layout start here*/
.ourterLayout { margin-top: -1px; width: 100%; float: left; }

	/*wrapper start here*/	
	.wrapper { max-width: 980px; margin: 0 auto; }
	.wrapper .wrapperMid { padding: 0 12px; width: 97.6%; float: left; background: url(images/mid-bg.png) repeat-y; }	
		
		/*header container start here*/
		.headerCn { width: 100%; float: left; position: relative; padding-bottom: 19px; background: url(images/border-bg.png) bottom left no-repeat; background-size: 100% 100%; }
			
			/*logo start here*/
			.logo { position: absolute; top: 0px; right: 14px; }
			.logo1 { position: absolute; top: 0px; right: 13px; display: none; }
			
			/*logo start here*/
			.bannerBox { width: 100%; float: left; }
			/*logo start here*/
			.bannerBox1 { width: 100%; float: left; display: none; }
			.bannerBox2 { width: 100%; float: left; display: none; }
			.bannerBox img { width: 100%; }
			
		/*content container start here*/	
		.contentCn { padding: 0 0 0 0; width: 100%; float: left;}
		
			/*left bar start here*/			
			.leftBar { padding: 73px 0 0 1%; width: 22.85%; float: left; }
			.page-template-contact-php .leftBar { padding-top: 92px; }
					
				/*menu box start here*/
				.menuBox {list-style: none; }
				.menuBox li { font-size: 22px; font-family: 'Open Sans', sans-serif; font-weight: 600; line-height: 30px; float: left; text-align: right; width: 100%; float: left; border-top: 1px solid #c6ced5; }
				.menuBox li:first-child { border: 0px; }
				.menuBox li li:first-child { border-top: 1px solid #c6ced5; }
				.menuBox li a { color: #4f4f4f; text-transform: uppercase; }
				.menuBox li a:hover, .menuBox li.current-menu-item a { color: #880038; }
				.menuBox li ul { width: 100%; display: none; float: left; }
				.menuBox li li { border-top: 0px; font-size: 15px; line-height: 25px; }
				.menuBox li li a { text-transform: none; color: #4f4f4f!important; font-weight: 400;}
				.menuBox li li a:hover, .menuBox li li.current-menu-item a { color: #880038!important; }
				.menuBox li.current_page_item ul { display: block; }
				.menuBox li.current_page_ancestor ul { display: block; }
			.mobileMenu { display: none; }
				
			/*mid bar start here*/			
			.midBar { padding: 80px 0% 30px 2%; min-height: 350px; width: 48.26%; float: left; }
			.page-template-contact-php .midBar { padding-top: 99px; }
			.midBar.midBar1 { padding-right: 2%; width: 72%; float: right; } 
			
				/*text box start here*/
				.textBox { width: 100%; float: left; }
				.textBox h1 { padding-bottom: 19px; font-size: 20px; line-height: 18px; color: #4f4f4f; font-family: 'Open Sans', sans-serif; font-weight: 600; }
				.textBox p { padding-bottom: 20px; font-size: 13px; font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 17px; color: #4f4f4f; }
				.textBox a { color: #880038; font-weight: 400; }
				.textBox a:hover { color: #4f4f4f; }
				.textBox h2 { margin-top: -5px; font-size: 18px; line-height: 17px; color: #4f4f4f;  font-family: 'Open Sans', sans-serif; font-weight: 600;}
        .textBox h3 { padding-top: 10px; font-size: 16px; padding-bottom: 18px; color: #4f4f4f;  font-family: 'Open Sans', sans-serif; font-weight: 600; }
				.textBox ul { list-style: none; }
				.textBox li { padding: 0 0 19px 15px; clear: left; font-size: 13px; font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 17px; color: #4f4f4f; background: url(images/list-sep.png) left 5px no-repeat; }
				.blog h1, .single h1, .archive  h1 { padding-bottom: 0px; }
				.blog h1 a, .single h1 a, .archive  h1 a{ color: #4f4f4f; }
				.blog h1 a:hover, .single h1 a:hover, .archive  h1 a:hover{  color: #880038; }
				.blog .entry-meta, .single .entry-meta, .archive  .entry-meta { padding-bottom: 19px; }
				.blog .entry-meta span, .single .entry-meta span, .archive  .entry-meta span { margin-right: 5px; }
				.archive-header h1 { padding-bottom: 19px; }
				.form-allowed-tags { display: none;}
				.archive .bannerBox { display: none; }
				.blog .bannerBox { display: none; }
				.archive .bannerBox1 { display: block; }
				.blog .bannerBox2 { display: block; }
				
				/*form box start here*/
				.formBox { width: 100%; float: left; }
				.formBox .formField { padding-bottom: 38px; width: 100%; float: left; }
				.formBox .formFirst { width: 45.5%; float: left; margin-right: 3.5%;}
				.formBox .formSecond { width: 45.5%; float: left; margin-left: 3.5%;}
				.formBox .field { padding: 6px 6px; position: relative; z-index: 9999; width: 97%; background: none; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #4f4f4f; float: left; border: 1px solid #d0c9c9; height: 15px;}
				.formBox textarea  {  height: 104px; padding: 6px 6px; width: 97%; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #4f4f4f; background: none; float: left; border: 1px solid #d0c9c9;}
				.formBox .formBtn { width: 100%; float: left; text-align: right; }
				.formBox .formBtn .submitBtn  { margin-top: -13px; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 600; width: 100px; height: 34px; display: inline-block; background: url(images/sub-button.png) no-repeat; }
				.formBox .ajax-loader { display: none;}
				div.wpcf7-validation-errors { border: 0px!important;}
				div.wpcf7-response-output  { margin: 0px!important;}
				
				/*galler box start here*/
				.gallerBox { width: 100%; float: left; }
				.gallerBox li { float: left; width: 32.1%; margin-right: 1%; }
				.gallerBox li img { width: 100%; min-height: 112px; height: auto; }
				
			.rightBar { padding: 80px 1% 0 .9%; width: 23%; float: right; }	
			.page-template-contact-php .rightBar { padding-top: 90px; }
			.rightBar h3 { padding-bottom: 13px; font-size: 18px; line-height: 18px; text-transform: uppercase; color: #4f4f4f; font-family: 'Open Sans', sans-serif; font-weight: 600; }
			.rightBar li { list-style: none; float: left; padding-bottom: 20px; font-size: 13px; font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 17px; color: #4f4f4f; }
			.rightBar li a { color: #880038; font-weight: 600; font-size: 12px; }
			.rightBar li a:hover { color: #4f4f4f; }
			.advanced_recent_posts_widget .post-title { display: none; }	
			.advanced_recent_posts_widget  { width: 100%; float: left; padding-bottom: 35px; }
			.downloadIn { border-bottom: 1px solid #c6ced5; width: 100%; float: left; }
			.rightBar h4 { border-top: 1px solid #c6ced5;  padding: 4px 0; font-size: 13px; line-height: 17px;font-family: 'Open Sans', sans-serif; font-weight: 400; color: #4f4f4f; }
			.rightBar h4  a{ color: #4f4f4f; }
			.jquery-lightbox img { height: auto!important; }
			.footerBox { padding: 7px 0px 14px 0; width: 100%; float: left; background: #505050; text-align: center; }
			.footerBox p { font-size: 13px; font-family: 'Open Sans', sans-serif; line-height: 15px; color: #cccccc; }
			.footerBox p a {  color: #cccccc; }
		/*footer section start here*/			
		.footerCn { width: 100%; float: left; font-size: 8px; font-family: 'Open Sans', sans-serif; line-height: 30px; }
	.footerCn p { padding: 10px 12px; color: #4f4f4f; line-height: 15px; text-align: right; }
	.footerCn p:hover { color: #000;}
	/*wordpress comment section start here*/		
	.comments-title, .comment-list, .comment-reply-title, .must-log-in, .comment-respond .comment-form, .comment-respond iframe { 	display: block; margin-left: auto; margin-right: auto; 	max-width: 604px; width: 100%; }
	.sidebar .comments-title, .sidebar .comment-list, .sidebar .must-log-in, .sidebar .comment-reply-title, .sidebar .comment-navigation, .sidebar .comment-respond .comment-form { max-width: 1040px; padding-left: 60px; padding-right: 376px; }
	.comments-title { font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif; } 
	.comment-list, .comment-list .children { list-style-type: none; padding: 0; } 
	.comment-list .children { margin-left: 20px; } 
	.comment-list > li:after, .comment-list .children > li:before { background: url(images/dotted-line.png) repeat -10px top; 	background-size: 4px 4px; content: ""; display: block; height: 1px; width: 100%; } 
	.comment-list > li:last-child:after { display: none; }
	.comment-body { padding: 24px 0; position: relative; }
	.comment-author { float: left; max-width: 74px; }
	.comment-author .avatar { display: block; margin-bottom: 10px; }
	.comment-author .fn { word-wrap: break-word; } 
	.comment-author .fn, .comment-author .url, .comment-reply-link, .comment-reply-login { 	color: #bc360a; font-size: 14px; font-style: normal; font-weight: normal; } 
	.says { display: none; } 
	.no-avatars .comment-author { margin: 0 0 5px; max-width: 100%; position: relative; } 
	.no-avatars .comment-metadata, .no-avatars .comment-content, .no-avatars .comment-list .reply { width: 100%; } 
	.bypostauthor > .comment-body .fn:before { content: "\f408"; vertical-align: text-top; } 
	.comment-list .edit-link { margin-left: 20px; } 
	.comment-metadata, .comment-awaiting-moderation, .comment-content, .comment-list .reply { float: right; width: 79%; 	width: -webkit-calc(100% - 124px); width:         calc(100% - 124px); word-wrap: break-word; } 
	.comment-meta, .comment-meta a { color: #a2a2a2; font-size: 13px; }
	.comment-meta a:hover { color: #ea9629; }
	.comment-metadata { 	margin-bottom: 20px; }
	.ping-meta { color: #a2a2a2; font-size: 13px; line-height: 2; }
	.comment-awaiting-moderation { color: #a2a2a2; }
	.comment-awaiting-moderation:before { content: "\f414"; margin-right: 5px; position: relative; top: -2px; } 
	.comment-reply-link:before, .comment-reply-login:before { content: "\f412"; margin-right: 3px; }
	/* Comment form */ 
	.comment-respond { padding: 30px 0; } 
	.comment .comment-respond { margin-bottom: 20px; padding: 20px; }
	.comment-reply-title {font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;  }
	.comment-reply-title small a { color: #131310; display: inline-block; float: right; height: 16px;overflow: hidden;width: 16px; }
	.comment-reply-title small a:hover { color: #ed331c; text-decoration: none; } 
	.comment-reply-title small a:before { content: "\f406"; vertical-align: top; } 
	.sidebar .comment-list .comment-reply-title, .sidebar .comment-list .comment-respond .comment-form { padding: 0; } 
	.comment-form .comment-notes { margin-bottom: 15px; }
	.comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url { 	margin-bottom: 8px; } 
	.comment-form [for="author"], .comment-form [for="email"], .comment-form [for="url"], .comment-form [for="comment"] { 	float: left; padding: 5px 0; width: 120px; }
	.comment-form .required { color: #ed331c; }
	.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] { max-width: 270px; width: 60%; height: 30px; border: 1px solid #c6ced5; line-height: 30px; }
	.comment-form textarea { width: 100%;  border: 1px solid #c6ced5; } 
	.form-allowed-tags, .form-allowed-tags code { color: #686758; font-size: 12px; } 
	.form-allowed-tags code { font-size: 10px;margin-left: 3px; } 
	.comment-list .pingback, .comment-list .trackback { padding-top: 24px; }
	.comment-navigation { font-size: 20px; font-style: italic; font-weight: 300; margin: 0 auto; max-width: 604px; padding: 20px 0 30px; width: 100%;   }
	.no-comments { background-color: #f7f5e7; font-size: 20px; font-style: italic; font-weight: 300; margin: 0; 	padding: 40px 0; text-align: center; } 
	.sidebar .no-comments { padding-left: 60px; padding-right: 376px; }
	.menuMobile { display: none; width: 100%; float: left; background: #eef0f2; line-height: 33px; border-bottom: 1px solid #c6ced5!important; }
	.menuMobile a { padding-left: 42px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 22px; color: #4f4f4f; background: url(images/menu-bg.png) 17px center no-repeat; }
	#submit { background: #880038; padding: 5px; color: #fff; font-weight: 600; }
	.post-navigation  { display: none; }
	.metaInfo { margin-top: 0px; visibility:hidden; }
	.slideshowlink { display: none!important; }
	.ngg-gallery-thumbnail img { border: 0px!important; margin: 0px!important; padding: 0px!important; background: none!important; }
	.ngg-gallery-thumbnail img { width: 148px!important; height: 112px!important; }
	.ngg-galleryoverview { padding-bottom: 20px; }
	.ngg-gallery-thumbnail-box { margin-bottom: 5px!important; }

	/*---------------------------Catagory page css end here------------------------------*/
/*---------------------------ExpMnth------------------------------*/
/*============================= ! Layout for ipad landscape ============================= */
@media only screen and (min-width:768px) and (max-width: 4000px){
.menuBox{display:block!important;}
.mobileMenu { display: none!important; }
}
@media only screen and (max-width:1024px) {
 .bannerBox img { width: 100%; height: auto; }
.ngg-gallery-thumbnail-box { margin-left: 3px!important; margin-right: 3px!important; }

}

/* ============================= */
/*============================= 
! Layout for ipad portrait  
============================= */
@media only screen and (max-width: 992px) {
	.bannerBox img { width: 100%; height: auto; }
	.menuBox li { font-size: 19px; line-height: 28px; }
	.textBox img { max-width: 100%; height:auto; }
	.gallerBox li img { min-height: inherit; }
	.contentCn { background-size: 100%; }
	.wrapper .wrapperMid { background: #fff!important; width: 100%; padding: 0px; }
.ngg-gallery-thumbnail-box { margin-left: 3px!important; margin-right: 3px!important; }
#lightbox-container-image-box {height: auto!important; width: 100%!important;}
#lightbox-container-image-box img { height: auto!important; width: 100%!important; }
#lightbox-container-image-data > div { padding: 20px 0 0 0!important; z-index: 99999; }
#lightbox-container-image-data > div a { margin-right: 10px; display: inline-block; }
#lightbox-container-image-data-box { width: 100%!important; z-index: 9999; padding: 0px!important; }
}
/* ============================= */
/* ! Layout for mobile(lanscape) version   */
/* ============================= */
@media only screen and (max-width: 767px) {
.menuBox { display: none!important; }
body { background: #fff; }
.menuMobile{display:block;}
.logo1 img { width: 89px; height: 60px; }
.footerCn p { text-align: center; color: #000;}
	.leftBar { padding: 0px;  border-bottom: 1px solid #c6ced5!important; background: #eef0f2; margin: 0px; width: 100%; float: left; }
	.menuBox { display: none; }
	.mobileMenu{float:left;width:100%;padding-top:0px;}
	.mobileMenu ul{float:left;width:100%;list-style:none;padding:0;}
	.mobileMenu ul li{float:left;width:100%;border-bottom:1px solid #c6ced5 ;}
	.mobileMenu li:hover .sub-menu{opacity:1; display:block; position:relative;}
	.mobileMenu ul a{font-family: 'Open Sans',sans-serif;font-weight:600;color:#4f4f4f;font-size: 22px;line-height: 22px;text-decoration:none;padding:5px 42px 5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;float:left;width:100%; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;}
.mobileMenu ul ul {
   
    height: auto;
    margin-bottom: 11px;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    transition: all 1s ease-in-out 0s;
}
.mobileMenu ul li:hover ul {
    max-height: 1000px !important;
}
	.mobileMenu ul ul li{ border-bottom: 0px!important;}
	.mobileMenu ul ul a{font-weight:400;font-size: 15px;line-height: 22px; color:#4f4f4f;padding:0px 42px 0px;}
	.mobileMenu ul ul a:hover,
	.mobileMenu ul ul li.current_page_item a{color:#880038;}
	.breadcrumb{display:none;}
	.mobileMenu ul li.current-menu-parent ul,
	.mobileMenu ul li.current-menu-item ul{display:block;}
	.headerCn { background-size: 100% 100%; }
	.midBar { width: 92%; min-height: inherit!important; float: left; padding: 50px 4% 0 4%; }
	.rightBar { width: 88%; float: left; margin: 50px 4% 0px 4%; padding: 6px 2% 60px 2%; }
	.rightBar { min-height: inherit!important; }
	.rightBar h3 { background: #e288ad; clear: left; line-height: 30px; padding: 0px 0px 0 7px; margin-bottom: 19px;  }
	.textBox p br { display: none; }
	.advanced_recent_posts_widget ul li { margin: 0 7px!important; }
	.contentCn { background-size: 100%; padding-bottom: 54px; }
	.logo { display: none; }
	.logo1 { display: block; }
	.page-template-contact-php .leftBar { padding-top: 0px; }
	.page-template-contact-php .midBar { width: 92%; min-height: inherit!important; float: left; padding: 50px 4% 0 4%;  }
	.formBox .field { width: 96.5%; }
	.formBox textarea { width: 96.5%; }
	.footerBox p {font-size: 13px; line-height: 15px; }
	.footerBox {  width: 78%; min-height: inherit!important; padding: 10px 7%; float: left; margin: 0px 4% 0 4%; }
	.gallerBox li { width: 48.5%; margin-right: 1.5%; }
	.gallerBox li img { min-height: 112px; }
	.ngg-gallery-thumbnail-box { margin-left: 3px!important; margin-right: 3px!important; }
#lightbox-container-image-box {height: auto!important; width: 100%!important;}
#lightbox-container-image-box img { height: auto!important; width: 100%!important; }
#lightbox-container-image-data > div { padding: 20px 0 0 0!important; z-index: 99999; }
#lightbox-container-image-data > div a { margin-right: 10px; display: inline-block; }
}
/* ============================= */
/* ! Layout for mobile(portrait) version   */
/* ============================= */
@media only screen and (max-width: 479px) {
    .bannerBox img { min-height: inherit; }
	.logo1 { display: block; right: 6px; top: 0px; }
	.formBox .field { width: 95%; }
	.formBox textarea { width: 95%; }
	.ngg-gallery-thumbnail img { width: 141px!important; }
	.ngg-gallery-thumbnail-box { margin-left: 3px!important; margin-right: 3px!important; }
#lightbox-nav { position: relative; z-index: 9999999!important; }
#lightbox-nav-btnNext { display: none!important; z-index: 1!important; }
}