/*
Theme Name: the binary family
Theme URI: http://thebinaryfamily.com
Description: WordPress Theme fuer the binary family
Version: 2.4
Author: Mike Haufe
Author URI: http://mike.haufes.net

*/


* {
  margin:0;
  padding:0;
  outline:none;
}
body {
  font-size: 10px;
  font-family: Helvetica, Arial, Verdana, Sans-Serif, 'Lucida Grande';
  background: #b3a16f url('images/bg-body.jpg') repeat-x;
  color: #333;
  text-align: center;
}
h1, h2, h3, h4, h5 {
  font-family: Helvetica, Arial, Verdana, 'Lucida Grande', Sans-Serif;
  color:#000;
  font-weight:normal;
}
hr { display:none; }
.clear { clear:both; }
#page {
  margin: 0 auto;
  width: 850px;
  text-align:left;
  overflow:hidden;
}
#header { position:relative; }
#logo {
  position:absolute;
  top:0;
  left:0;
  background: transparent url(images/logo1.jpg) no-repeat top left;
  width: 304px;
  height: 86px;
}
#logo h1, #logo h1 a {
  text-indent:-9999px;
  display:block;
  width: 304px;
  height: 86px;
}
#logo img, #logo a img {
  display:block;
  visibility:hidden;
  width: 304px;
  height: 86px;
}
#iphoneapps, #language {
  position:absolute;
  top:0;
  right:0;
  list-style:none;
  font-size:1.2em;
}
#iphoneapps li {
  /*border-left: 1px solid #a5946f;*/
	float:left;
  padding: 5px 10px;
  color: #d5cdbc;
}
/*#iphoneapps li.last { border-right: 1px solid #a5946f; }*/
#iphoneapps li a, #iphoneapps li a:visited {
  text-decoration:none;
  color: #d5cdbc;
}
#iphoneapps li a:hover { color: #fff; }
#topnav {
  clear:both;
  float:right;
  margin-right:15px;
  margin-top:144px;
  list-style:none;
}
#topnav li {
  float:left;
  width:160px;
  height:36px;
  background:white;
  margin-right:2px;
}
#topnav li a {
  display:block;
  width:160px;
  height:36px;
  text-indent:-9999px;
}
#topnav li a:hover { display:block; }
#topnav li.profil a { background: url(images/topnav-profil.jpg) no-repeat; }
#topnav li.profil a:hover, #topnav li.profil a.aktiv { background: url(images/topnav-profil.jpg) 0px -36px no-repeat; }
#topnav li.netzwerk a { background: url(images/topnav-netzwerk.jpg) no-repeat; }
#topnav li.netzwerk a:hover, #topnav li.netzwerk a.aktiv { background: url(images/topnav-netzwerk.jpg) 0px -36px no-repeat; }
#topnav li.referenzen a { background: url(images/topnav-referenzen.jpg) no-repeat; }
#topnav li.referenzen a:hover, #topnav li.referenzen a.aktiv { background: url(images/topnav-referenzen.jpg) 0px -36px no-repeat; }
#topnav li.news a { background: url(images/topnav-news.jpg) no-repeat; }
#topnav li.news a:hover, #topnav li.news a.aktiv { background: url(images/topnav-news.jpg) 0px -36px no-repeat; }
#topnav li.kontakt a { background: url(images/topnav-kontakt.jpg) no-repeat; }
#topnav li.kontakt a:hover, #topnav li.kontakt a.aktiv { background: url(images/topnav-kontakt.jpg) 0px -36px no-repeat; }
#content {
  overflow:hidden;
  padding-bottom:20px;
  text-align:left;
  clear:both;
  border:5px solid white;
  -moz-border-radius:20px;
  -khtml-border-radius: 20px;
  background: #fff url(images/bg-pages2.jpg) 0px 0px no-repeat;
}
#content.iphonepage { margin-top:120px; }
/* Startseite AppIcons  ----------------------- */
.home #content {
  background: none;
  border:none;
  position:relative;
  margin-top:150px;
}
.home ul {
  margin: 0 auto;
  list-style:none;
  width:850px;
}

/* ----------------- */
.home ul.new {   width:600px;  }
/* ----------------- */
.home li {
  float:left;
  width:200px;
}
.home li a:hover img, .home li a img {
  background:none;
  border:none;
  padding:0;
  margin:0;
}
/* DROPDOWN ----------------------------------------------- */
#language img, #language a img { border:none; }
#language {
  width: 100px;
  padding-top:10px;
}
#language, #language a { color: #d5cdbc; }
#language ul {
  border:1px solid #b0a07f;
  display:none;
  list-style:none;
}
#language ul li {
  clear:both;
  background:#9a865a;
}
#language ul li a {
  display:block;
  padding:5px 10px;
  text-decoration:none;
}
#language ul li a:hover { background:#b0a07f; }
/* Startseite Deutsch ----------------------- */
.page-template-startseite-php #content {
  position:relative;
  background:#ff8208 url(images/bg-home2.jpg) top center;
  height:305px;
  width:840px;
  padding:0;
}
.page-template-startseite-php .post { padding:0; }
.page-template-startseite-php .post p { padding:0; }
.page-template-startseite-php .entry {
  color: #fff;
  text-shadow: #000 1px 1px 1px;
  font-size:13px;
  line-height:160%;
  width: 340px;
  position:absolute;
  right:0;
  bottom:20px;
}
.page-template-startseite-php .entry .top {
  background: transparent url(images/teaser1-trans.png) no-repeat;
  width: 340px;
  height:15px;
}
.page-template-startseite-php .entry .middle {
  background: transparent url(images/teaser2-trans.png) no-repeat;
  width: 300px;
  padding-left:20px;
  padding-right:20px;
}
.page-template-startseite-php .entry .bottom {
  background: transparent url(images/teaser3-trans.png) no-repeat bottom left;
  width: 340px;
  height:15px;
}
.page-template-startseite-php #subnavi {
  margin-left:40px;
  list-style:none;
  height:100px;
}
.page-template-startseite-php #subnavi li {
  display:block;
  float:left;
  width:126px;
  height:73px;
  margin-right:2px;
}
.page-template-startseite-php #subnavi li a {
  display:block;
  width:126px;
  height:73px;
  text-indent:-9999px;
}
.page-template-startseite-php #subnavi li a:hover { display:block; }
.page-template-startseite-php #subnavi li.portale a { background: url(images/subnav-h-portale.jpg) no-repeat; }
.page-template-startseite-php #subnavi li.portale a:hover { background: url(images/subnav-h-portale.jpg) 0px -73px no-repeat; }
.page-template-startseite-php #subnavi li.special a { background: url(images/subnav-h-special.jpg) no-repeat; }
.page-template-startseite-php #subnavi li.special a:hover { background: url(images/subnav-h-special.jpg) 0px -73px no-repeat; }
.page-template-startseite-php #subnavi li.casual a { background: url(images/subnav-h-casual.jpg) no-repeat; }
.page-template-startseite-php #subnavi li.casual a:hover { background: url(images/subnav-h-casual.jpg) 0px -73px no-repeat; }
.page-template-startseite-php #subnavi li.gameshows a { background: url(images/subnav-h-gameshows.jpg) no-repeat; }
.page-template-startseite-php #subnavi li.gameshows a:hover { background: url(images/subnav-h-gameshows.jpg) 0px -73px no-repeat; }
.page-template-startseite-php #subnavi li.mobile a { background: url(images/subnav-h-mobile.jpg) no-repeat; }
.page-template-startseite-php #subnavi li.mobile a:hover { background: url(images/subnav-h-mobile.jpg) 0px -73px no-repeat; }
.page-template-startseite-php #subnavi li.advertainment a { background: url(images/subnav-h-advertainment.jpg) no-repeat; }
.page-template-startseite-php #subnavi li.advertainment a:hover { background: url(images/subnav-h-advertainment.jpg) 0px -73px no-repeat; }
#naviwrap #subnavi {
  /*margin-left: -5px;  IE-Fix*/
	/*margin-right: -5px;  IE-Fix*/
	padding-top:110px;
  list-style:none;
  height:60px;
  overflow:hidden;
}
#naviwrap #subnavi li {
  display:block;
  float:left;
  width:140px;
  height:60px;
}
#naviwrap #subnavi li a {
  display:block;
  width:140px;
  height:60px;
  text-indent:-9999px;
}
#naviwrap #subnavi li a:hover {
  display:block;
  width:140px;
  height:60px;
  cursor:pointer;
}
#naviwrap #subnavi li.portale a { background: url(images/subnavportale-trans.png) no-repeat; }
#naviwrap #subnavi li.portale a:hover, #naviwrap #subnavi li.portale a.aktiv { background: url(images/subnavportale-trans.png) 0px -60px no-repeat; }
#naviwrap #subnavi li.special a { background: url(images/subnavspecial-trans.png) no-repeat; }
#naviwrap #subnavi li.special a:hover, #naviwrap #subnavi li.special a.aktiv { background: url(images/subnavspecial-trans.png) 0px -60px no-repeat; }
#naviwrap #subnavi li.casual a { background: url(images/subnavcasual-trans.png) no-repeat; }
#naviwrap #subnavi li.casual a:hover, #naviwrap #subnavi li.casual a.aktiv { background: url(images/subnavcasual-trans.png) 0px -60px no-repeat; }
#naviwrap #subnavi li.gameshows a { background: url(images/subnavgameshows-trans.png) no-repeat; }
#naviwrap #subnavi li.gameshows a:hover, #naviwrap #subnavi li.gameshows a.aktiv { background: url(images/subnavgameshows-trans.png) 0px -60px no-repeat; }
#naviwrap #subnavi li.mobile a { background: url(images/subnavmobile-trans.png) no-repeat; }
#naviwrap #subnavi li.mobile a:hover, #naviwrap #subnavi li.mobile a.aktiv { background: url(images/subnavmobile-trans.png) 0px -60px no-repeat; }
#naviwrap #subnavi li.advertainment a { background: url(images/subnavadvertainment-trans.png) no-repeat; }
#naviwrap #subnavi li.advertainment a:hover, #naviwrap #subnavi li.advertainment a.aktiv { background: url(images/subnavadvertainment-trans.png) 0px -60px no-repeat; }
.post { padding:25px 25px; }
.post ul, .post ol { padding:10px 0 10px 30px; }
h1, h2 {
  font-size:2.1em;
  padding-bottom:0.5em;
  text-shadow:1px 1px 0px lightgrey;
}
h3, h4 {
  font-size:1.6em;
  padding-bottom:0.5em;
  text-shadow:1px 1px 0px lightgrey;
}
.post img { padding:15px 15px 15px 0px; }
.post a img, .post a:visited img {
  border:none;
  outline:none;
}
.post a:hover img { background:#fff; }
.post a, .post a:visited {
  color:#0273d3;
  text-decoration:underline;
}
.post a:hover { color:#000; }
h2.newstitle { padding-top:5px; }
.post h2 a, .post h2 a:visited {
  color:#000;
  text-decoration:none;
}
.post h2 a:hover {
  color:#0273d3;
  text-decoration:underline;
}
.blog .post img.size-thumbnail.alignleft, .single .post img.size-thumbnail.alignleft { margin-right:15px; }
.blog .post img.size-thumbnail.alignright, .single .post img.size-thumbnail.alignright { margin-left:15px; }
.entry img.alignleft {
  float:left;
  padding:0;
  padding-right:15px;
}
.entry img.alignright {
  float:right;
  padding:0;
  padding-left:15px;
}
/* Datum */

.datum {
  float:left;
  width: 54px;
  height:54px;
  font-family:Helvetica, Arial, verdana;
  background: transparent url('images/kalender.jpg') no-repeat;
  overflow:hidden;
  margin-right:10px;
}
.datum .jahr {
  font-weight:bold;
  display:block;
  font-size:10px;
  color:#ffe0bf;
  padding-left:4px;
  padding-top:4px;
}
.datum .tag {
  display:block;
  font-weight:bold;
  font-size:13px;
  text-align:center;
  color:#666666;
  padding-top:3px;
}
.entry {
  color: #000;
  font-size:1.3em;
  line-height:1.55em;
}
.entry p { padding-top: 0.9em; }
.entry p.postmetadata {
  clear:both;
  background: #f8f7f2;
  margin-top:20px;
  padding:5px 10px;
  color:#5d5c5c;
}
.entry p.postmetadata a, .entry p.postmetadata a:visited {
  color:#5d5c5c;
  text-decoration:none;
  border-bottom:1px dotted #5d5c5c;
}
.entry p.postmetadata a:hover { background:#f0eeea; }
.navigation {
  padding:0 20px;
  font-size:1.2em;
}
.navigation a, .navigation a:visited {
  color:#0273d3;
  text-decoration:underline;
}
.navigation a:hover { color:#000; }
.navigation .alignleft { float:left; }
.navigation .alignright { float:right; }
/* Referenzen */
div.ref {
  margin-top:20px;
  border-top:1px solid #b7b7b7;
  padding:10px;
  background:#f7f7f6;
}
div.ref img {
  padding:0;
  margin-bottom:-5px;
  padding-right:10px;
}
/* iPhoneGames */
#content.iphonepage, #content.iphonepage-de { position:relative; }
.iphonepage .post, .iphonepage-de .post { padding-left: 320px; }
.iphonepage .leftcol, .iphonepage-de .leftcol {
  position:absolute;
  width:280px;
  left:20px;
  top:200px;
}
.iphonepage .post img, .iphonepage-de .post img, .post img.size-thumbnail, .post a img.size-thumbnail {
  margin:5px;
  padding:5px;
  border:5px solid lightgrey;
}
.iphonepage .post a:hover img, .iphonepage-de .post a:hover img, .post a:hover img.size-thumbnail { background:lightgrey; }
.iphonepage .leftcol img, .iphonepage-de .leftcol img {
  margin:0;
  padding:5px;
  border:none;
}
.iphonepage .leftcol a:hover img, .iphonepage-de .leftcol a:hover img { background:none; }
img.noborder { border:none; }
/* Footer */ 

#footer p {
  padding:20px 0;
  text-align:center;
  color: #d5cdbc;
}
#footer p a, #footer p a:visited { color: #d5cdbc; }
#footer p a:hover { color:#fff; }

/* XMAS with the Family */
#content.xmas {
border:none;
margin-top:150px;
background:white url(images/xmas.jpg) 0 0 no-repeat;
padding:50px 0;
line-height:200%;
font-color: #fff !important;
}
.xmas p, .xmas h2 {color: #fff !important;} 
.xmas h2 {font-size:28px; text-shadow:none;}
.xmas form .wpcf7-submit{
padding:3px 15px;
}
form input.xmas  {
padding:3px 5px;
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */
} 
form input#gaeste.xmas {
width:20px;
}