/*
Theme Name: thomas
Theme URI: 
Author: Jonathan Scholbach
Author URI: www.jonathan-scholbach.de
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: thomas

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**********************************/
/*   00 GENERAL STYLE SETTINGS    */
/**********************************/

body{
	margin:0;
	padding:0;
	font-family: "Open Sans";
	background-color: white;
}

table tr:nth-child(even) {background: #CCC}

table tr:nth-child(odd) {background: #FFF}

/** Order of the different divs **/
#container {
	width: 80%;
	margin-top: 0;
	min-height: 96vh;
	max-width: 1000px;
	margin-left: auto;
  margin-right: auto;
  padding: 40px;
  border: 1px solid black;
  overflow: auto;
  background-color: white;
}

#pilot {
	width: 100%;
	font-size:24;
}

#wrapper {
	padding: 0 30px 30px 30px;
	margin: auto;
}

#header{
	height: 150px;
	margin-bottom: 30px;
	border-bottom: 8px solid transparent;
	border-top:0;
	border-right:0;
	border-left:0;
    -webkit-border-image: url("https://scholbach.de/wp-content/uploads/2015/12/line.png") 30 repeat; /* Safari 3.1-5 */
    -o-border-image: url("https://scholbach.de/wp-content/uploads/2015/12/line.png") 30 repeat; /* Opera 11-12.1 */
    border-image: url("https://scholbach.de/wp-content/uploads/2015/12/line.png") 30 repeat;
}

#site-logo {
	height: 130px;
	width: 19%;
	float: left;
}

#header-nav {
	float:right;
	width: 80%;
}

#site-logo img {
	height: 130px;
}

#left-sidebar {
	width: 25%;
  float:left;
  padding-left:0;
  padding-right:5%;
}

#primary {
	width: 65%;
  float:left;
  padding-left: 5%;
}

#primary-imprint {
	width: 95%;
  float:left;
  padding-left: 5%;
  padding-right: 5%;
}

#footer {
  clear:both;
  padding: 10px;
}

#footer a {
	text-decoration: none;
}

h1, h2, h3, h4, .urgent-title{
	font-family: Ralewway, 'Open Sans';
}

h1, h2, h3, .urgent-title {
	/* text-transform: uppercase; */
} 

h1, .urgent-title {
	font-size: 22px;
}

h2{
	font-weight: bold;
}

h2, h3 {
	font-size: 18px
}

h4 {
	font-size: 14px;
	font-style: italic;
}

ul {
	list-style-type: square;
}
/**********************************/
/*          01 HEADER             */
/**********************************/

#pilot{	
	text-align: right;
	margin-top: 10px;
	margin-bottom: 20px;
}

#pilot a{ 	
	text-decoration: none;
	font-family: Ralewway, 'Open Sans';
	font-size: 24px;
	/* text-transform: uppercase; */
	padding-left: 10px;
	color: black;

	
}

#pilot ul{
	margin: 0;
	padding: 0;
}

.menu {
  width: 100%;
  padding: 10px;
  margin-bottom: 30px;
  font-size: 18px;
}


.menu li {
	margin-bottom:12px;
}

.menu-item {
	font-weight:normal;
}

.current-page-ancestor {
	font-weight: bold;
}

.current-menu-item {
	font-weight: bold;
}

.sub-menu {
	display: none;
}

.sub-menu li {
	margin-bottom:0;
}

.current-page-ancestor .sub-menu, .current_page_item .sub-menu {
	display: block;
}

/* The container wrapping ul.dropdown */
#navwrap {
	float:right;
	/* text-transform: uppercase; */
	letter-spacing: 0.2em;
	font-family: Ralewway, 'Open Sans';
}
 
.sub-menu {
	background: white;
	font-size: 14px;
	margin-left:20px;
	padding-left:20px;
}

/* Top level Unordered list */
ul.dropdown {
	list-style:none;
	float:left;
	width:100%;
	padding:0;
}
 
ul.dropdown li{
	float:left; /* makes horiz list */
	position:relative; /* hey Submenu ULs, appear below! */
	padding-bottom:15px;
}

ul .sub-menu li {
    padding:0;
}

ul.dropdown a {
	padding:12px; /*space the items, occupy entire height too.*/
	text-decoration:none;
	color: black;
}
 
/* Style the link hover */
ul.dropdown li:hover a {
}
 
/* Displays the link as blocks. */
ul.dropdown li ul a {
	display:block;
}
 
/* sub menus!!  */
 
ul.dropdown ul {
	list-style: none;
	margin:0; /* Appear just below the 
	hovering list */
	padding:0;
	width:250px; /* specify the width. */
	position:absolute; /* needed */
	z-index:500; /* specify the order */
}
 
ul.dropdown ul ul {
	top:0;
	left:100%; /* Position the sub menus to right. */
}
 
ul.dropdown ul li {
	float:none; /* umm.. Appear below the previous one. mmkay? */
}
 
/* Drop Down! */
 
/* Hide all the dropdowns (submenus) */
ul.dropdown ul,
ul.dropdown li:hover ul ul,
ul.dropdown ul li:hover ul ul
{ display: none; }
 
/* Display the submenus only when li are hovered */
ul.dropdown li:hover ul,
ul.dropdown ul li:hover ul ,
ul.dropdown ul li ul li:hover ul
{ display: block;}
 
ul.dropdown li * a:hover {
/* Change color of links when hovered */
	background-color: #F9F9F9;
}

/**********************************/
/*       02 PAGE CONTENTS         */
/**********************************/
#site-title {
	margin-left: auto;
	margin-right: auto;
	width: auto;
}

#title {
	font-family: Ralewway, 'Open Sans';
	border: 1px solid black;
	font-size: 28px;
	/* text-transform: uppercase; */
	letter-spacing: 0.2em;
	margin-bottom: 15px;	
	padding: 5px;
	text-align: center;
}
	
.aligncenter{
   display: block;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}
	
.captionedimage {
  width: 100%;
  font-size: small;
  text-align: center;
}
.urgent {
}	

.urgent-title{
  text-align: center;
  font-weight: bold;
  border:5px solid red;
  padding: 5px;

}

/**********************************/
/*          03 SIDEBAR            */
/**********************************/	
#left-sidebar ul {
	padding:0;
}

#left-sidebar li {
	list-style-type: none;
	margin-bottom: 10px;
}

#left-sidebar li a {
	text-decoration:none;
	color:black;
}

/* the language-switch */

.language-chooser li {
	display: inline;
}

.language-chooser img {
	width:30px;
}

/* the navigation */

.parent-sidebar-menu {
	padding-right: 30px;
	font-size: 14px;
}

.parent-sidebar-menu ul li {
	padding-left: 0.8em;
}

.parent-sidebar-menu ul ul {
	padding-left: 0.8em;
}

.parent-sidebar-menu a {
	list-style-type: none;
	text-decoration: none;
	color: black;
	/* text-transform: uppercase; */
	font-family: Ralewway, 'Open Sans';
}

.parent-sidebar-menu li {
	margin-bottom: 0.5em;
}


/**********************************/
/*           04 FOOTER            */
/**********************************/	

#footer {
	text-align: center;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-family: Ralewway, 'Open Sans';
  font-weight: 200;
}

/**********************************/
/*            05 MAIL             */
/**********************************/

.domain::before {
	content: "@";
}