/*
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.7.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets
Text Domain: kubrick

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

	*/

font,th,td,p,small { font-family: Arial, Helvetica, sans-serif; }

a:link { color:#FFFF00; text-decoration: none; }
a:visited { color:#FFFF00; text-decoration: none; }
a:hover { color:#EE0000; text-decoration: underline; }

b { color:#F8A406; text-decoration:bold; font-family: Arial, Helvetica, sans-serif;  }

u { color:#F8A406; text-decoration:none; font-family: Arial, Helvetica, sans-serif; }

h1 { color:#F8A406; text-decoration:bold; font-family: Arial, Helvetica, sans-serif; font-size: 20px; text-align: left;  }

hr {width:100px; height:1px;}

.rahmen {
  background-repeat: no-repeat;
  z-index: 0;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  margin-top: 0px;
  width: 760px;
  border-width:1px;
  border-style:solid;
  border-color:#003399;
  text-align: left;
  background-color: #000032;
 padding: 2.0em;
}

#rahmen {
  background-repeat: no-repeat;
  z-index: 0;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  margin-top: 0px;
  width: 760px;
  border-width:1px;
  border-style:solid;
  border-color:#003399;
  text-align: left;
 background-color: #000032;
 padding: 2.0em;
}

#buy {
   border-width: medium;
   border-color: #003399;
   border-style: dotted;
   padding: 3px;
}
   
.mitte {
  vertical-align:middle;
}

.tabellenrahmen {
  background-color: #000032;
  text-align: center;
  width: 760px;
  border-width:1px;
  border-style:solid;
  border-color:#003399;
  padding:2.0em;
  margin:0px auto;
}

//für Wordpress: strong gleich b
table.tabellenrahmen_text strong{ color:#F8A406; text-decoration:bold; font-family: Arial, Helvetica, Sans-serif;
}

.tabellenrahmen_hc {
  background-color: #000032;
  text-align: center;
  width: 760px;
  border-width:1px;
  border-style:solid;
  border-color:#003399;
  padding:0px;
  margin:0px auto;
}

.width_block{
	width: 1200px;
}

.donate {
  width: 150px;
  border-width:1px;
  border-style:solid;
  border-color:#003399;
  text-align: center;
  background-color: #000032;
	font-size: 10pt;
	float: none;
	clear: none;
	margin-right: auto;
	padding: 0 10px;
	margin: 0;
}

.devborder {
  width: 600px;
  border-width:1px;
  border-style:solid;
  border-color:#003399;
  text-align:left;
  padding-top: 10px;
  padding-bottom: 10px;
}

.devnews {
  width: 600px;
  padding:0.5em;
  margin:0px auto;
}

.devimg {
	border: 8px solid #000;
}

.devgallery {
	border: 8px solid #000;
	margin: 0px 5px 20px 0px; /*margin between images*/
}

.tabellenrahmen_text {
  width: 760px;
  border-width:1px;
  border-style:solid;
  border-color:#003399;
  padding:2.0em;
  text-align:left;
  margin:0px auto;
 background-color:#000000;
}

.keinrahmen {
  width: 760px;
  padding:1.0em;
  text-align:center;
  margin:0px auto;
}

.keinrahmen_main {
  width: 760px;
  padding:1.0em;
  text-align:center;
  text-decoration:none;
  margin:0px auto;
}

#logo {
  width: 760px;
  text-align:center;
  margin:0px auto;
  padding:1.5em;
  background-color:none;
}

#menu {
    list-style:none;
    width:910px;
    margin:0;
    height:30px;
    padding:0px 20px 0px 20px;
 
    /* Rounded Corners */
     
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
 
    /* Background color and gradients */
     
  background: #083d7a; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA4M2Q3YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzBhNjRhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzA4NTg5ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZThlZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #083d7a 0%, #0a64ae 50%, #08589e 51%, #0e8ef0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#083d7a), color-stop(50%,#0a64ae), color-stop(51%,#08589e), color-stop(100%,#0e8ef0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #083d7a 0%,#0a64ae 50%,#08589e 51%,#0e8ef0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #083d7a 0%,#0a64ae 50%,#08589e 51%,#0e8ef0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #083d7a 0%,#0a64ae 50%,#08589e 51%,#0e8ef0 100%); /* IE10+ */
background: linear-gradient(to bottom, #083d7a 0%,#0a64ae 50%,#08589e 51%,#0e8ef0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#083d7a', endColorstr='#0e8ef0',GradientType=0 ); /* IE6-8 */
  cursor: pointer;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
     
    /* Borders */
     
    border: 1px solid #003399;
 
    -moz-box-shadow:inset 0px 0px 1px #edf9ff;
    -webkit-box-shadow:inset 0px 0px 1px #edf9ff;
    box-shadow:inset 0px 0px 1px #edf9ff;
}

#menu li {
	font-family: Arial;
	font-weight: bold;
    float:left;
    text-align:center;
    display: block;
    position:relative;
    padding: 6px 8px 4px 8px;
    margin-right:5px;
    margin-top:3px;
    border:none;
    cursor: pointer;
}
 
#menu li:hover {
   border: 1px solid #003399;
   padding: 7px 7px 4px 7px;
   background: #083d7a;
   color: #fff;

  
    /* Background color and gradients */
     
    background: #083d7a;
     
    /* Rounded corners */
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;  
}
 
#menu li a {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px; 
    color: #FFFF00;
    display:block;
    outline:0;
    text-decoration:none;
    text-shadow: 2px 2px 2px #000;
}
 
#menu li:hover a {
    color:#FFFF00;
    text-shadow: 1px 1px 1px #000;
}

#menu li .drop {
    padding-right:2px;
}

#menu li:hover .drop {
}
 
/* Drop Down */
 
.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {
    margin:4px auto;
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:left;
    padding:10px 5px 8px 5px;
    border:1px solid #003399;
    border-top:none;
        opacity: 0.9;

     
    /* Gradient background */
	background: #083d7a; 

 
    /* Rounded Corners */
    -moz-border-radius: 0px 5px 5px 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px;
}
 
.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 700px;}
 
#menu li:hover .dropdown_1column, 
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {
    left:-1px;
    top:auto;
}
 
/* Columns */
 
.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
    display:inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
}
.col_1 {width:130px;}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}
  
/* Drop Down Content Stylings */
 
#menu p, #menu h2, #menu h3, #menu ul li {
    font-family:Arial, Helvetica, sans-serif;
    line-height:21px;
    text-align:left;
}

#menu h2 {
    font-size:14px;
    margin:7px 0 14px 0;
    padding-bottom:10px;
    color: #FFFF00;
    border-bottom:1px solid #0056ff;
}
 
#menu li:hover div a {
    font-size:12px;
    color:#FFFF00;
}
#menu li:hover div a:hover {
    color:#EE0000;
}

#menu li ul {
    list-style:none;
    padding:0;
    margin:0 0 12px 0;
}
#menu li ul li {
    font-size:12px;
    line-height:24px;
    position:relative;
    text-shadow: 1px 1px 1px #ffffff;
    padding:0;
    margin:0;
    float:none;
    text-align:left;
    width:160px;
}
#menu li ul li:hover {
    background:none;
    border:none;
    padding:0;
    margin:0;
}

#menu_a {
  text-decoration: none;
  font-family: Arial;
  font-weight: bold;
  word-spacing: 2px;
  letter-spacing: 0px;
  display: block;
  text-align: center;
  text-shadow: 2px 3px 2px black;
  padding-left: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  padding-top: 6px;
  height: 30px;
  width: 900px;
  font-size: 12px;
  vertical-align:middle;
}

#menu b {
  font-weight: bold;
  padding: 5px;
  vertical-align:middle;
}

.game_title{
	margin: 0px;
	padding: 0px;
}

.hovergallery img{
-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.8); /*Mozilla scale version*/
-o-transform:scale(0.8); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.7; /*initial opacity of images*/
margin: 0 5px 5px 0; /*margin between images*/
}

.hovergallery img:hover{
-webkit-transform:scale(1.0); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.0); /*Mozilla scale version*/
-o-transform:scale(1.0); /*Opera scale version*/
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
opacity: 1;
}

#contact_us div.highlightbox table.contact tbody tr td {
text-align: left;
}

/*
PTV-Wordpress 
*/
.page-title,
.comments-title,
.comment-reply-title,
.post-navigation .post-title {
	font-size: 18px;
	font-size: 14px;
	line-height: 1.3333;
}

.pagination .page-numbers.current {
	text-transform: uppercase;
    font-family: Arial;
}

.pagination .page-numbers {
	display: inline-block;
    font-family: Arial;
}

/* reset screen-reader-text */
.pagination .current .screen-reader-text {
	position: static !important;
}

/* restore screen-reader-text */
.pagination .current .screen-reader-text {
	position: absolute !important;
}

/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    width: 80%; }
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-o


  /* Media Queries
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  /*
  Note: The best way to structure the use of media queries is to create the queries
  near the relevant code. For example, if you wanted to change the styles for buttons
  on small devices, paste the mobile query code up in the buttons section and style it
  there.
  */


  /* Larger than mobile */
  @media (min-width: 400px) {}

  /* Larger than phablet (also point when grid becomes active) */
  @media (min-width: 550px) {}

  /* Larger than tablet */
  @media (min-width: 750px) {}

  /* Larger than desktop */
  @media (min-width: 1000px) {}

  /* Larger than Desktop HD */
  @media (min-width: 1200px) {}