/*
Theme Name:     xoio-air
Theme URI:      http://xoio-air.de/
Description:    Default Theme for the website xoio-air.de
Author:         Claudius Herwig
Author URI:     http://claudiusherwig.de
Version:        1.11
Last Modified:	20120228, 20131028, 20140207
*/


/* --------------- Reset ------------------ */
h1,h2,h3,h4,h5,h6,p,li,em,strong,pre,code{padding:0;margin:1em 0;line-height:1.25em;font-size:100%;font-weight:normal;font-style:normal;}
table{font-size:inherit;border-collapse:collapse;border-spacing:0;padding:0;margin:0;}
ul {list-style: none;}
img{border:0;}
a {text-decoration: none; color: #000000;}
*{outline: 0;}

/* --------------- Fonts ------------------ */
@font-face {
  font-family: DINWeb;
  src: url(fonts/DINWeb.eot);
}
@font-face {
  font-family: DINWeb;
  src: url(fonts/DINWeb.woff) format("woff");
}
@font-face {
  font-family: DINWeb-Bold;
  src: url(fonts/DINWeb-Bold.eot);
  font-weight: bold;
}
@font-face {
  font-family: DINWeb-Bold;
  src: url(fonts/DINWeb-Bold.woff) format("woff");
  font-weight: bold;
}
/* first for IE 4–8 */@font-face {
  font-family: DINWeb-Ita;
  src: url(fonts/DINWeb-Ita.eot);
  font-style: italic;
}
/* then for WOFF-capable browsers */@font-face {
  font-family: DINWeb-Ita;
  src: url(fonts/DINWeb-Ita.woff) format("woff");
  font-style: italic;
}
/* -------------------------- layout ---------------------------- */
html {
	height: 100%;
	}
body {
	margin: 0;
	height: 100%;
	background: url(data/headers/fallback.jpg) top left repeat-x;
	}
#branding {
	height: 145px;
	min-width: 1320px;
	}
#branding h1 {
	padding: 74px 0 0 61px;
	}
#menue {
	width: 190px;
	position: absolute;
	top: 133px;
	left: 60px;
	}
#social-media {
	width: 150px;
	position: absolute;
	top: 174px;
	left: 1050px;
	}
.post {
	clear: both;
	overflow: hidden;
	padding-left: 1px;
	} 
.content {
	padding: 0 0 0 190px;
	margin: 34px 120px 70px 60px;
	width: 950px;
	}
.baustelle {
	margin-top: 180px;
	}
.text-content {
	width: 600px;
	}
.spalte {
	width: 47%;
	float: left;
	padding-right: 3%;
	}
/* -------------------------- typo allgemein ---------------------------- */
body {
	font-family: "DINWeb", Arial, Helvetica-Neue, sans-serif;
	line-height: 1.25em;
	color: #000000;
	font-size: 14px;
	}
h1 {
	font-weight: bold;
	}
a {
	text-decoration: none;
	border-bottom: 1px dotted #555555;
	}
a:hover {
	text-decoration: none;
	border-bottom: none;
	}
strong {
	font-weight: bold;
	}
a.more-link {
	margin-top: 12px;
	}

/* -------------------------- menue ---------------------------- */
h1.home {
	margin: 0;
	}
h1.home a {
	border-bottom: none;
	display: block;
	height: 64px;
	width: 333px;
	margin: 0;
	background: url(data/xoio-invers.png) top left no-repeat;
	text-indent: -9999px;
	}
#menu-hauptmenu {
	margin: 48px 0 35px 0;
	}
#menu-hauptmenu li {
	margin-bottom: 10px;
	margin-top: 0;
	}
#menu-hauptmenu li li {
	margin-bottom: 0px;
	margin-top: 0;
	}
#menu-hauptmenu li a {
	font-family: "DINWeb", Tahoma, Geneva, sans-serif;
	border-bottom: none;
	display: block; 
	height: 17px;
	width: 190px;
	margin: 0 0 0 3px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-transform: lowercase;
	color:#444444;
	}
#menu-hauptmenu ul {
	margin: 0 0 0 20px;
  padding: 0;
  
	}
/*#menu-hauptmenu li.current-menu-item ul,
#menu-hauptmenu li.current-menu-ancestor ul {
	display: block;
	}*/
.current-menu-item > a:before {
	content:url(data/punkt.gif); 
	}
.current-menu-item {
	margin-left: -7px; 
	}
.current-menu-item li{
	margin-left: 7px; 
	}
/* --------------------------  blogpage ---------------------------- */

.blogstyle a {
	border-bottom: 0;
	}
.blogstyle {
	font-weight: bold;
	border-bottom: 1px dotted #555555;
	margin: 0px 0 3px 0;
	width: 600px;
	font-size: 24px;
	}
.xoio-meta {
	margin: 0px 0 10px 2px;
	}
.wp-caption-text {
	margin-top: -3px;
  font-size: 12px;
  font-style: italic;
  color: #555;
	}
.entry-content ul {
  list-style: disc;
}
.entry-content ul li, ol li {
  margin: 0;
  }
.entry-content {
	width: 600px;
	}
.entry-content img {
	margin: 2px 15px 5px 0;
	}
#kunden-logos img {
	margin: 20px 40px 8px 3px;
	}
.alignleft {
	float: left;
	}
.projekte-thumbs {
	margin: 0px 10px 10px 0; 
	float: left;
	}
.projekte-thumbs a {
	border-bottom: 0;
	}
#nav-below {
	height: 30px;
	margin-top: 20px;
	clear: both;
	}
.nav-previous {
	float: left;
	margin-right: 10px;
}
.nav-previous a {
	font-weight: bold;
}
	}
.nav-next {
	float: left;
	}
  .nav-next a {
	font-weight: bold;
}
.more-link {
	clear: both;
	display: block;
	border-bottom: none;
	}
/* --------------------------  kundenseite ---------------------------- */
img.kundenlogo {
	margin: 30px 50px 0px 0px;
	float: left;
	}
.visual-clear {
	clear: both;
	}
/* --------------------------  Comments ---------------------------- */
#comments {
	clear: both;
	/* border: 1px dotted #555555; */
	padding: 0 15px 9px;
	}
.c-comments {
	clear: both;
	}
.commentarea h3 {
	border-bottom: 1px dotted #555555;
	font-weight:bold;
	}
.commentarea h3 em {
	font-weight:bold;
	}	
.author-und-datum {
	float: left; 
	width: 140px;
	margin-right: 10px;
	}
.single-comment-section {
	clear: both;
	}
.comment-body {
	width: 285px;
	margin-left: 282px;
	}
li.comment {
	margin: 0px 0px 0px 1px;
	/* border-bottom: 1px dotted #555555; */
	padding-bottom: 6px;
	clear: both;
	}
.comment-author {
	float: left;
	font-style: normal;
	font-weight: bold;
	}
.comment-author .fn{
	font-style: normal;
	font-weight: bold;
	}
ul.commentlist {
	padding-left: 0px;
	margin: 0px 0px 8px 0px;
	list-style-image:url(data/punkt-comments.gif);
	}
#comments .navigation {
	margin: 10px 0 40px 0;
	}
#respond {
	clear: both;
	padding-top: 1px;
	}
#respond #submit {
	background-image: none;
	width: 32px;
	margin-left: 5px;
	border: 1px dotted #666666;
	float: right;
	}
#respond #submit:hover {
	background-color: white;
	border: 1px dotted #666666;
	}
#respond input {
	width: 123px;
	margin: 0 0 6px 5px;
	font-family: "DINWeb", Arial, Helvetica-Neue, sans-serif;
	line-height: 1.5em;
	font-size: 11px;
	float: right;
	}
#respond textarea {
	width: 240px;
	float: right;
	height: 40px;
	margin: 0px 1px 0 10px;
	font-family: "DINWeb", Arial, Helvetica-Neue, sans-serif;
	line-height: 1.5em;
	font-size: 11px;
	}
#respond h3 {
	border-bottom: none;
	}
.pingback p {
	margin: 0;
	}
.comment-form-author {
	margin: 0 5px 0 0;
	width: 220px;
	}
.comment-form-email {
	clear: both;
	margin: 0 5px 0 0;
	width: 220px;
	}
.comment-form-comment {
	float: right;
	width: 330px;
	margin: -53px 1px 0 0;
	}
.comment-form-comment label {
	margin-left: 5px;
	}
p.form-submit {
	clear: both;
	height: 8px;	
	}
.c-comment-form {
	margin: 0px 0 0 -15px;
	}
.comment-body p {
	margin: 0;
	}
.commentmetadata {
	margin-left: 186px;
	}
.commentlist li {
	margin: 0 0 5px 0;
	}
/* --------------------------  Aufmacher ---------------------------- */
.aufmacher {
	margin: 0 0 10px 0;
	}
/* --------------------------  vorschau ---------------------------- */
#vorschausektion {
	width: 630px;
	overflow: auto;
  padding: 0;
	}
#vorschausektion ul {
  padding: 0;
	}
#vorschausektion li {
	width: 180px;
	margin: 0 30px 0 0;
	height: 295px;
	overflow: hidden;
	float: left;
	}
	#vorschausektion li a p{
	margin-top: 0;
	}
#vorschausektion a {
	border-bottom: none;
	}
/* --------------------------  bottombar ---------------------------- */
.widgettitle {
	font-weight: bold;
	border-bottom: 1px dotted #555555;
	margin: 0px 0 3px 0;
	width: 600px;
	font-size: 24px;
	}
#bottombar a {
	border-bottom: none;
	font-weight: bold;
	}
#bottombar li ul {
	list-style-image: url(data/punkt.gif);
	margin-left: 15px;
	}
/* --------------------------  Sidebar ---------------------------- */
#second-widget-area {
	position: absolute;
	top: 533px;
	left: 900px;
	width: 300px;
	}
#second-widget-area.on-page {
	/* top: 170px; */
	}
body.page-id-88 #second-widget-area { /* impressum only */
	top: 170px;
	}
#second-widget-area.cat-page {
	top: 170px;
	}
#second-widget-area .widgettitle {
	font-weight: bold;
	border-bottom: 1px dotted #555555;
	margin: 10px 0 3px 0;
	width: 300px;
	font-size: 24px;
	}
#sidebar li {
	margin: 10px 0 0 0;
	}
#sidebar  {
	margin: 0;
  padding: 0;
	}
#sidebar a {
	border-bottom: none;
	}
#second-widget-area .cop_pdfmenu li {
	text-align: center;
	margin: 4px 0 1px 0;
	font-size: 12px;
	font-weight: bold;
	background: #000000;
	}
.cop_pdfmenu li a {
	border-bottom: none;
	color: #ffffff;
	display: block;
	width: 300px;
	height: 29px;
	padding-top: 14px;
	}
.cop_pdfmenu {
	margin: 0px 0 15px 0;
  padding: 0;
	}
.entry-content .cop_pdfmenu li a {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	}
#searchform {
	margin-top: 12px;
	text-align: right;
	}
#searchform label {
	margin-left: 20px;
	}
#searchsubmit {
	background-image: none;
	background-color: #000000;
	border: none;
	color: #ffffff; 
	font-weight: bold;
    height: 23px;
    width: 90px;
	padding-bottom: 1px;
	}
#s {
	width: 85px;
	margin-bottom: 6px;
	margin-left: 5px;
	}
.aufmacherlink a {
	border-bottom: none;
	}
.aufmacherlink .text-content p a {
	border-bottom: 1px dotted #555555;
	}
.aufmacherlink .text-content p a[rel] {
	border-bottom: none;
	}
#second-widget-area .subscribe {
	text-align: center;
	margin: 0 0 2px 0;
	font-size: 12px;
	font-weight: bold;
	background: #000000;
	display: block;
	}
#second-widget-area .subscribe a {
	border-bottom: none;
	color: #ffffff;
	display: block;
	width: 250px;
	height: 20px;
	padding-top: 7px;
	}
#menu-imprint {
	border-top: 1px dotted #555555;
	text-align: right;
	}
#menu-imprint a {
	border-bottom: none;
	}
/* --------------------------  Sharebar overrides ---------------------------- */
#social-media ul#sharebar {
    border: none; !important
}
#social-media ul#sharebar li {
    text-align: center; !important
}
/* --------------------------  div ---------------------------- */
.postlinks {
	text-align: right;
	}
form#ns_widget_mailchimp_form-3 {
	margin-top: 12px;
	text-align: right;
	}
form#ns_widget_mailchimp_form-3 input {
	width: 85px;
	margin-bottom: 6px;
	margin-left: 5px;
	}
input#ns_widget_mailchimp-email-3 {
	width: 85px; 
	}
form#ns_widget_mailchimp_form-3 input.button {
	background-image: none;
	background-color: #000000;
	border: none;
	color: #ffffff; 
	font-weight: bold;
    height: 23px;
    width: 90px;
	padding-bottom: 1px; 
	}