﻿/*
Theme Name: aanot
Theme URI: webundso.ch
Author: Noel Girstmair | webundso GmbH
Author URI: www.webbundso.ch
Description: Childtheme fuer aanot.ch
Version: 1.0
Tags: Schlagwörter die euer Theme kurz beschreiben
Text Domain: aanot
Template: twentytwelve

Colors:

blau: #346699;


*/


/* Styles */
body {
	background: #fff;
	color: #346699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

a, a:link, a:visited {
	color: #346699;
	text-decoration: underline;
}
a:hover, a:active {
	color: #346699;
	text-decoration: none;
}

.entry-content a:visited, .comment-content a:visited {
	color: #346699;
}
h1, .entry-header, .entry-title {
	font: 32px/38px 'Times New Roman', serif !important;
}

h2, .entry-content h2 {
	font-weight: normal;
	font-size: 20px;
	font-size: 1.42857143rem;
}
.one_half h2, .last_column h2 {
	margin-top: 0;
}
/* Layout */

body .site {
	max-width: 960px;
	max-width: 68.57142857rem;
	margin: 20px auto;
	padding: 0; 
	box-shadow: none;
}

.site-header {
	border-top: 1px solid #346699;
	padding-bottom: 10px;
}
.site-title-mobile {
	display: none;
}
.site-content {
	margin-top: 10px;
}
img.header-image {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
footer[role="contentinfo"] {
	max-width: 960px;
	max-width: 68.57142857rem;
	margin: 0;
	padding: 10px 0;	
	text-align: center;
	border-top: 1px solid #346699;
	font: 14px/20px 'Times New Roman', serif;
	color: #346699;
}
footer[role="contentinfo"] a {
	color: #346699;
}

.site-content article {
	border: 0;
}

/* Menu */

#site-navigation {
	border-bottom: 1px solid #346699;
	border-top: 1px solid #346699;
	background: #346699;
	height: 33px;
} 
.main-navigation ul.nav-menu, 
.main-navigation div.nav-menu > ul {
	border: 0;
}
.nav-menu,
.main-navigation ul.nav-menu {
	height: 35px;
}
.main-navigation div.nav-menu > ul {
	text-align: left;
}
.main-navigation li{
	font: 22px/24px 'Times New Roman', serif;
/*	margin: 0 !important;
	padding: 0 !important; */
	margin-right: -3px;
}

.main-navigation li a {
	color: #fff;
	line-height: 1.5;
	text-transform: none;
	padding: 0 25px;
	margin: 0;
}
.main-navigation li a, .main-navigation li {
	
}
.main-navigation li.current-menu-item {
	background: #fff;
}
 
.main-navigation .current-menu-item > a, 
.main-navigation .current-menu-ancestor > a, 
.main-navigation .current_page_item > a, 
.main-navigation .current_page_ancestor > a,
.main-navigation li a:hover {
	background: #fff;
	color: #346699;
	font-weight: normal;
}
.site-content ul {
	list-style-image: url(img/dot.png);
}
.site-content li {
	margin-left: 20px;
	margin-left: 1.42857143rem;
}
#menu-footermenu {
	text-align: center;
/* 	display: table; */
}
#menu-footermenu li {
	display: inline;
	padding: 5px 10px;
}
/* Language Menu */
#langMenu {
	float: right;
}

#langMenu  a{
	padding: 8px 5px 0 0;
	font-size: 14px;
	text-decoration: none;
}
#langMenu li a:hover {
}
#langMenuMobile {
	display: none;
}
/* ie 8  */


/* responsive */
@media screen and (max-width: 480px) {

	.site-title {
		display: none;
	}
	.site-title-mobile{
		display: block;
		max-width: 480px;
	}
	.site-title-mobile img {
		width: 100%;
	}
	.site-header {
		border: 0;
		padding: 0;
	}
	body .site {
		max-width: 480px;
	}
	h1, .entry-header, .entry-title {
		z-index: 0;
	}
	.site-content {
		padding: 0 10px;
	}
	#site-navigation{
		clear: both;
	}
	.nav-menu,
	.main-navigation ul.nav-menu  {
		width: 100%;
		height: auto;
		z-index: 100;
	}
	ul.nav-menu, .menu-menu1-container {
		position: relative;
		background: #fff;
		z-index: 100;
	}
	.main-navigation li {
		padding: 0;
		margin: 0 !important;
		width: 100%;		
		border-bottom: 1px solid #346699;	
		background: #fff;
		
	}	
	.main-navigation li a  {
		color: #346699;
		text-decoration: none;
	}
	#langMenu {
		display: none;
	}
	#langMenuMobile {
		display: block;
}
#langMenuMobile  {
	float: left;
}
#langMenuMobile  a{
	padding: 8px 5px 0 0;
	font-size: 14px;
}


}


/* Blog Entry Fixes */
body.page-template-default:not(.full-width) #main #primary {
    width: 100%;
}
body.page-template-default:not(.full-width) #main #secondary {
    display: none;
}
/* Header Image Fixes (avoid scrollbar when the image is wider than the viewport) */
#masthead .site-title > a > img {
    height: auto;
    width: 100%;
}


