@charset "UTF-8";
/*
Theme Name: Martin Fausel 
Description: Thème  Wordpress
Version: 1.0
Author: My T media
Author URI: http://www.my-t-media.com
 */

body {height: 100%; min-height: 100%; width:100%; font-family: Arial, Helvetica, sans-serif;  font-size: 100%; background-color:#FFF; color:#999999;margin: 0;padding: 0;}
img {max-width: 100%; height:auto;}
p { font-size:0.875em;  text-align:justify; padding: 0; margin: 0;}
h1 {margin-bottom:0px;}
h2 {font-size:18px;color: #999999;margin:30px 0px 0px 0px;font-weight: lighter;}
h3 {font-size:14px;color: #999999;}
a { padding:0px; background-color:#ffffff; text-align:left; color:#000000; text-decoration:none; font-size: 12px; }
a:hover {    text-decoration:underline;   font-weight:normal;   color:#000000;   font-size:12px; }

#container { margin:0 auto; padding-left: 10px;position:relative;  width:60%; height: 100%;min-height:100%; }
#header { width:600px; height:50px; float:left; padding:75px 0px 0px 0px; margin: 5px 0px 0px 0px;display: table;table-layout: fixed; } 
#header > div { display: table-cell; vertical-align: middle; }
#logo {color:#000099; font-size: 35px; font-weight:bold ; }
#titel {color:#000000; font-size: 35px;width: 54%;font-weight: lighter;margin-left: 20px;}  
.margintop {margin-top:70px;}
nav {position: relative;width: 100%;display: table;max-width: 1050px;}
nav a {display: block;}
nav ul {padding: 0;margin: 0 auto;display: table-row;float: left; font-size: 12px;}
nav li {list-style: none;display: table-cell;text-align: center;vertical-align:middle;padding: 4px 15px 4px 0px;}
nav li a {text-decoration: none;display: inline-block;background:#FFF;color: black;}
nav li a:hover { text-decoration:underline;}
nav li:last-child a {border-right: 0;}
nav a#pull {display: none;}
.navigation li.current-menu-item  a  {color: #999999;}
.nav-button {
  display: none; /* no button by default */
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 1; /* will be above everything */
  height: 1.4rem;
  width: 1.8rem;
  background-color: transparent;
  background-image: linear-gradient(to right, currentColor, currentColor);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 5px;
  padding: 0;
  outline: 0;
  border: 0;
  color: #333;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.nav-button::before,
.nav-button::after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  display: block;
  height: 5px;
  background: currentColor;
  transition: .25s;
  transition-property: transform, top;
  will-change: transform, top;
}
.nav-button::before { top: 0;}
.nav-button::after { top: calc(100% - 4px);}
#fleche { position : fixed;bottom:30px;right: 10px; cursor: pointer; display:none; background: url(images/fleche.png); opacity : 0.5; width: 30px; height: 30px;} 
/* Menu dropdown*/
.toggle,
[id^=drop] {
	display: none;
}
/* Hide Dropdowns by Default
 * and giving it a position of absolute */
 nav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" 
	top: 50px; */
}

/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	float:none;
	display:list-item;
	position: relative;
  right: 6px;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-60px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:170px; 
}
/* Change ' +' in order to change the Dropdown symbol */
li > a:after { content:  ' +'; }
li > a:only-child:after { content: ''; }