/* oswald-300 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/oswald-v16-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Oswald Light'), local('Oswald-Light'),
       url('../fonts/oswald-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v16-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v16-latin-300.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oswald-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Oswald Regular'), local('Oswald-Regular'),
       url('../fonts/oswald-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v16-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-700 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/oswald-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Oswald Bold'), local('Oswald-Bold'),
       url('../fonts/oswald-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v16-latin-700.svg#Oswald') format('svg'); /* Legacy iOS */
}


/*
** HTML elements
*/
body {
  margin: 0;
  padding: 0;
  color: #000;
  background-color: #fff;
  /*font-family: Arial;*/
  font-family: 'Oswald', sans-serif;
  font-size: 10.7px;
}
tbody {
	border: none;
}
tr.odd td, tr.even td {
  padding: 0.3em;
}
ul.menu li {
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.5em;
}
h1 {
  font-size: 1.3em;
}
h2 {
  font-size: 1.2em;
}
h3, h4, h5, h6 {
  font-size: 1.1em;
}
p {
  margin-top: 0.5em;
  margin-bottom: 0.9em;
}
a {
  text-decoration: none;
  font-weight: normal;
}
a:link {
  color: #898989;
}
a:visited {
  color: #898989;
}
a:hover {
  color: black;
  text-decoration: none;
}
fieldset {
  border: 1px solid #ccc;
}
pre {
  background-color: #eee;
  padding: 0.75em 1.5em;
  font-size: 12px;
  border: 1px solid #ddd;
}
.form-item label {
  font-size: 1em;
  color: #222;
}
.item-list .title {
  font-size: 1em;
  color: #222;
}
.links {
  margin-bottom: 0;
}

/*
** Page layout blocks / IDs
*/
#content {
  margin-left: 30px;
}
#main {
	margin-left: 170px;
	margin-top: 112px;
}
.node .content {
  line-height: 1.4em;
}
.messages {
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  padding: 0.3em;
  margin-bottom: 1em;
}
.error {
  border-color: red;
}
#sidebar-left {
  position: fixed;
  float: left;
  width: 170px;
  vertical-align: top;
  letter-spacing: normal;
  margin-top: 1px;
}
#img-nav {
	color: #898989;
	height: 14px;
	padding-bottom: 2px;
}
#img-nav a {
	color: black;
}
#img-nav a:hover {
	color: #898989;
}
#img {
	width: 800px;
	/* background-color: #f6f6f6; */
}
#img img {
	margin-bottom: -0.25em; /* remove the thin margin below the img */
}
#logo {
	position: fixed;
	top: 0;
	background: white url("../images/logo.jpg") no-repeat 0px 0px;
	width: 100%;
    height: 112px;
    background-size: 248px 77px;
    background-position: 29px 20px;
}
#frontpage {
	font-size: 36px; 
	text-decoration: none; 
	color: #898989;
}
#frontpage a:hover {
	color: black;
}
#block-menu-primary-links {
	margin-bottom: 2em;
}
#block-menu-secondary-links {
	margin-bottom: 5em;
}
.commercial {
	display: inline-block;
	padding-right: 30px;
	padding-bottom: 29px;
}

/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/
.title, .title a {
  font-weight: bold;
  font-size: 1.3em;
  color: #777;
  margin: 0 auto;  /* decrease default margins for h<x>.title */
}
.submitted {
  color: #999;
  font-size: 0.8em;
}
.links {
  color: #999;
}
.links a {
  font-weight: bold;
}
.block, .box {
  padding: 0 0 1.5em 0; /* LTR */
}
.block {
  border-bottom: 1px solid #bbb;
  padding-bottom: 0.75em;
  margin-bottom: 1.5em;
}
.block .title {
  margin-bottom: .25em;
}
.box .title {
  font-size: 1.1em;
}
.node {
  margin: .5em 0 2em; /* LTR */
}
.sticky {
  padding: .5em;
  background-color: #eee;
  border: solid 1px #ddd;
}
.node .content {
  margin: .5em 0 .5em;
}
.node .taxonomy {
  color: #999;
  font-size: 0.8em;
  padding-left: 1.5em; /* LTR */
}
.node .picture {
  border: 1px solid #ddd;
  float: right; /* LTR */
  margin: 0.5em;
}

	
	
/** custom stuff for hilal */
	
/* .block is for the menu on the left side containing "Portfolio 1", "Portfolio 2", etc. */
.block {
	text-transform: uppercase;
  	border-bottom: none;
  	padding: 0;
	margin: 0;  
}
.block ul {
	padding: 0;
  	margin: 0;
  	padding-bottom: 50px;
}
.block ul li {
	margin: 0;
	padding: 0;
  	list-style: none;
	list-style-image: none; /* IE needs this */
}
.block ul li a {
    font-size: 28px;
    line-height: 22px;
}
#sedcard-download a {
	font-size: 16px;
}

#img-slider {
	width: auto;
    overflow-y: hidden;
    overflow-x: auto;
    font-size: 0;
}
#img-slider img {
	display: inline-block;
	font-size: 0;
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: top;
}
.flowplayer {
	width: 1020px;
	height: 680px;
}

/** responsive design for all pages */

@media (max-width: 768px) {
    #content {
	    margin-left: 15px;
	}
	#logo {
	    background-position: 14px 20px;
	}
}
@media (max-width: 599px) {
    .block ul li a {
	    font-size: 24px;
	}
	#sidebar-left {
	    width: 140px;
	}
	#main {
	    margin-left: 140px;
	}
}
@media (max-width: 499px) {
	#content {
        margin-left: 10px;
    }
    #logo {
        background-position: 9px 20px;
    }
    .block ul li a {
        font-size: 20px;
    }
    #sidebar-left {
        width: 110px;
    }
    #main {
        margin-left: 110px;
    }
}
#burger-menu {
    display: none;
    /*position: fixed;*/
    top: 112px;
    width: 100%;
    background-color: #e6e6e6;
}
.navbar-toggle {
    position: relative;
    padding: 4px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 30px;
    height: 3px;
    border-radius: 0;
    background-color: #808080;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 5px;
}
#navbar {
    display: none;
    padding-left: 10px;
}
#navbar .block ul {
    padding-bottom: 10px;
}
#navbar #block-menu-primary-links {
    margin-bottom: 0;
}
@media (max-width: 425px) {
	#sidebar-left {
        display: none;
    }
    #main,
    #content {
	    margin-left: 0;
	}
	#burger-menu {
	   display: block;	
	}
	#main {
	    /*margin-top: 157px;*/
	    position: inherit;
	    margin-top: 0;
	}
	#logo {
	   position: inherit;
	}
	.commercial {
	    padding-right: 0;
	}
	.commercial img {
	   width: 100%;
	}
}
.contact-imprint img {
   width: 100%;
   max-width: 1020px;
}
.sedcard img {
   width: 100%;
   max-width: 479px;
}

/** responsive design for all pages showing commercials */

@media (orientation: landscape) and (min-width: 1300px) {
    #commercials {
        width: 1100px;
    }
}