@charset "UTF-8";

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

*
{
  font-family: 'PT Sans', serif; /*Verdana, Arial, Helvetica, sans-serif;*/
  font-size: 1em;
  margin: 0;
  padding: 0;
}

html
{
  background-color: #0f1c31;
}

body
{
  color: #fefefe;
  width: 100%;
}

div#Page
{
  margin: 0 auto;
  width: 980px;
}

div#Name
{
  width: 798px;
}

div#Name h1, div#Name h2
{
  font-family: 'Quicksand', sans-serif;
  font-weight: lighter;
  text-align: right;
}

div#Name h1
{
  color: #81BECD;
  font-size: 2.1em;
}

div#Name h2
{
  color: #8BB0BC;
  background-color: #263240;
  font-size: 1.4em;
  margin-left: 230px;
}

math
{
  font-size: 150%;
}

/* HeadNavigation ------------------------------------------------------------------------------ */

div#HeadNavigation
{
  background-color: #202c38;
  display: table;
  height: 31px;
  overflow: hidden;
  width: 100%;
  #position: relative;
}

div#HeadNavigationHelper
{
  display: table-cell;
  vertical-align: middle;
  #position: absolute;
  #top: 50%;
}

div#NavigationList
{
	#position: relative;
  #top: -50%;
}

div#HeadNavigation ul
{
  list-style-type: none;
  text-align: right;
}

div#HeadNavigation li
{
  display: inline;
  padding: 0 8px 0 0;
}

div#HeadNavigation li:last-child
{
  padding: 0 13px 0 0;
}

div#HeadNavigation a
{
  color: #fefefe;
  opacity: 0.3;
  text-decoration: none;
}

div#HeadNavigation a:hover
{
  opacity: 0.6;
}

/* Title --------------------------------------------------------------------------------------- */

div#Title
{
  height: 148px;
}

div#Logo
{
  margin-left: 0px;
  margin-top: 19px;
  position: absolute;
}

div#Logo img
{
  cursor: pointer;
  left: 0;
  position: absolute;
  top: -40px;
}

div#Name
{
  margin-left: 182px;
  margin-top: 19px;
  position: absolute;
}

div#SearchBox
{
  margin-left: 745px;
  margin-top: 105px;
  position: absolute;
  width: 236px;
}

input#SearchTextBox
{
  background-color: #3f495a;
  border: 0px;
  color: #6f7783;
  float: left;
  font-style: italic;
  height: 31px;
  padding: 0 6px;
  width: 193px;
}

input#SearchTextBox.SearchTextBoxInUse
{
  background-color: #6f7783;
  color: #F1F1F1;
  font-style: normal;
}

input#SearchButton
{
  background-color: #656d7b;
  background-image: url(images/search.gif);
  background-position: center center;
  background-repeat: no-repeat;
  border: 0px;
  color: #d6d8dc;
  cursor: pointer;
  float: left;
  height: 31px;
  width: 31px;
}

/* MainNavigation ------------------------------------------------------------------------------ */

div#MainNavigation
{
  background-color: #0b5565;
  height: 52px;
}

div#MainNavigation a
{
  color: #fefefe;
  font-size: 18px;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
}

div#MainNavigation ul
{
  list-style-type: none;
  margin-left: 216px;
  margin-top: 14px;
  opacity: 0.9;
  position: absolute;
  text-align: left;
}

div#MainNavigation > ul > li
{
  border: 1px solid transparent;
  float: left;
  margin: 0 10px 0 0;
  padding: 5px 7px 5px 7px;
}

div#MainNavigation > ul > li > a
{
  color: #e7eef0;
  cursor: pointer;
  font-size: 20px;
  text-transform: uppercase;
}

div#MainNavigation > ul > li:hover
{
  background-color: #0e2a3e;
  border: 1px solid #52606b;
  border-bottom: 0;
}

div#MainNavigation > ul > li.Hallo:hover
{
  background-color: transparent;
  border: 1px solid transparent;
}

div#MainNavigation > ul > li.Hallo:hover > ul
{
  visibility: hidden;
}

div#MainNavigation > ul > li:hover > ul
{
  visibility: visible;
}

div#MainNavigation > ul > li:hover > ul > li:hover
{
  background-color: #435968;
}

div#MainNavigation > ul > li > ul
{
  background-color: #0e2a3e;
  border: 1px solid #52606b;
  border-top: 0;
  margin-left: -8px;
  margin-top: 5px;
  visibility: hidden;
}

div#MainNavigation > ul > li:last-child > ul
{
  width: 200px;
}

div#MainNavigation > ul > li:last-child > ul > li > a
{
  white-space: normal;
}

div#MainNavigation > ul > li > ul > li
{
  margin: 1px;
  padding: 3px 28px 3px 14px;
}

/* Slider -------------------------------------------------------------------------------------- */

div#Slider
{
  height: 350px;
  margin-top: 24px;
  z-index: -1;
}

div#Slider img
{
  border: 1px solid #303c4c;
}

/* Content ------------------------------------------------------------------------------------- */

div#MainArea
{
  border: 1px solid #303c4c;
  border-top: 0;
}

div#Article
{
  background-color: #0d182b;
  border-right: 1px solid #303c4c;
  border-top: 1px solid #303c4c;
  float: left;
  padding: 20px;
  width: 569px;
}

div#Article a
{
  /*background-image: url("/Prototype/css/images/play.png");
  background-position: left center;
  background-repeat: no-repeat;
  color: #00AEFF;
  font-weight: normal;
  padding: 0 0 0 15px;
  text-decoration: none;*/
}

div#Article h2
{
  color: #7FA6AE;
  font-size: 40px;
  font-weight: normal;
}

div#Article h3
{
  font-size: 20px;
  margin: 10px 0;
}

div#Article .TitleImage
{
  background-color: #000000;
  background: none no-repeat scroll center center / cover  transparent;
  border: 2px solid #999999;
  border-radius: 13px;
  float: left;
  height: 100px;
  margin-right: 10px;
  overflow: hidden;
  width: 100px;
}

div#PictureCollection
{
  border-top: 1px solid #303c4c;
  float: left;
  padding: 10px;
  width: 348px;
}

/* Footer -------------------------------------------------------------------------------------- */

div#Footer
{
  background-color: #0d394c;
  display: table;
  height: 106px;
  overflow: hidden;
  width: 100%;
  #position: relative;
}

div#FooterHelper
{
  display: table-cell;
  vertical-align: middle;
  #position: absolute;
  #top: 50%;
}

div#FooterText
{
  font-size: 18px;
  text-align: center;
	#position: relative;
  #top: -50%;
}

/* Klassen ------------------------------------------------------------------------------------- */

.Clear
{
  clear: both;
  height: 0;
}

div.Author
{
  font-size: 18px;
  font-style: italic;
  font-weight: normal;
}

div.Author em
{
  /*color: #9F9576; /*#EAEF1B;*/
  /*font-weight: bold;*/
}

img.Author
{
  float: left;
  margin-right: 15px;
}

div.Intro
{
  background-color: rgba(102, 137, 143, 0.19); /*rgba(0, 217, 255, 0.19);*/
  border-radius: 10px;
  color: #ABCFE1; /*#A9C1CD;*/
  font-size: 20px;
  font-weight: bold;
  line-height: 26px;
  margin: 20px 0;
  padding: 10px 12px;
}

div.Article input, div.Article textarea, div.Article select
{
  background: none;
  background-color: #0F1C31;
  border: 2px solid #283955;
  color: #4248AA;
  margin: 3px 0 6px;
  width: 400px;
}

div.Article input[type=button]
{
  background-color: #4248AA;
  color: #FFFFFF;
  padding: 2px 6px;
  width: auto;
}

div.Article textarea
{
  height: 100px;
}

div.Article
{
  color: #A9C1CD;
}

div.Article p, .mail_success, .mail_failure
{
  font-size: 20px;
  line-height: 26px;
  margin: 20px 0;
}

div.Article table
{
  border-collapse: collapse;
}

div.Article table.EventList td:nth-child(1)
{
  white-space: nowrap;
}

div.Article table.EventList li
{
  font-size: 1em;
  list-style: circle outside none;
  margin-left: -20px;
}

div.Article td, div.Article th
{
  border: 1px solid #283955;
  padding: 5px;
}

div.Article td
{
  background-color: #0E1F43;
  color: #CCCCCC;
  text-align: left;
  vertical-align: top;
}

div.Article td.nowrap
{
  white-space: nowrap;
}

div.Article th
{
  background-color: #1c2c48;
  text-align: left;
  vertical-align: top;
}

div.Article ul
{
  list-style: disc;
  margin: 0 40px;
}

div.Article li
{
  font-size: 20px;
  padding: 0 5px;
}

div.Clear
{
  clear: both;
  height: 0px;
}

div.PictureBox[data-visible="0"]
{
  display: none;
}

div.PictureBox img
{
  border: 1px solid #9fa4ad;
  float: left;
}

div.PictureText
{
  background-color: #6f7783;
  float: left;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 20px;
  padding: 3px 8px 6px 8px;
  width: 334px;
}

div.PictureAuthor
{
  font-style: italic;
  font-weight: normal;
  padding-top: 5px;
  text-align: right;
}

p.Paragraph
{
  font-weight: bold;
  opacity: 0.35;
  text-decoration: underline;
}

table.ArticleList
{
  border-collapse: collapse;
  border-spacing: 0;
}

table.ArticleList a
{
  text-decoration: none;
}

table.ArticleList a h2
{
  color: #226D7E;
  font-size: 40px;
  font-weight: normal;
  padding: 5px 0;
}

table.ArticleList a:hover h2
{
  /*color: #42AEC6;*/
  text-decoration: underline;
}

table.ArticleList a p
{
}

table.ArticleList a.more, div#Article a
{
  /*background: url("images/arrow.png") no-repeat scroll right center transparent;*/
  color: #CC9933; /*#E3EF8A; #E3EF8A #9F8752 #EFB11B*/
  font-style: normal;
  font-weight: normal;
  /*padding: 0 17px 3px 0;*/
  text-decoration: none;
}

table.ArticleList a.more:hover, div#Article a:hover
{
  /*color: #81884F;*/
  text-decoration: underline;
}

table.ArticleList div
{
  background-color: #000000;
  background: none no-repeat scroll center center / cover  transparent;
  border: 2px solid #999999;
  border-radius: 13px;
  cursor: pointer;
  height: 221px;
  overflow: hidden;
  width: 342px;
}


table.ArticleList img
{
  max-height: 221px;
  max-width: 346px
}

table.ArticleList p
{
  color: #A9C1CD;
  font-size: 20px;
}

table.ArticleList tr
{
  border-bottom: 1px solid #303C4C;
  border-top: 1px solid #303C4C;
}

table.ArticleList tr td
{
  border-right: 1px solid #303C4C;
  padding: 20px;
  width: 569px;
}

table.ArticleList tr td, table.ArticleList tr th
{
  background-color: #0D182B;
  vertical-align: top;
}

table.ArticleList tr th
{
  padding: 20px;
  text-align: center;
  width: 346px;
}

table.ArticleList tr:hover td, table.ArticleList tr:hover th
{
  background-color: #14233D; /*#1A1551;*/
}

table.ArticleList tr:hover h2
{
  color: #42AEC6;
}
/*
table.ArticleList tr:hover td, table.ArticleList tr:hover th
{
  background-color: #203859;
}

table.ArticleList tr:hover td
{
  border-right: 1px solid #3f4a5a;
}

table.ArticleList tr:hover th div
{
  border: 10px solid #586a83;
}
*/

.validator {
  background-color: #990000;
  border-radius: 5px 5px 5px 5px;
  display: none;
  font-size: 9pt;
  left: -75px;
  padding: 0 8px;
  position: relative;
  top: -2px;
  width: 150px;
}

.mail_success {
  color: #52AE51;
  display: none;
}

.mail_failure {
  color: #AE5151;
  display: none;
}

.validation_summary {
  background-color: #471A1A;
  border: 3px solid #FF0000;
  color: #B1B1B1;
  display: none;
  margin-bottom: 10px;
  padding: 10px;
  width: 378px;
}

.banner {
  position: absolute; 
  top: 256px; 
  left: 833px; 
  border-width: 10px 10px 5px; 
  border-style: solid; 
  border-color: white; 
  background-color: white;
}

@media all and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
@media all and (max-device-width: 1080px) and (orientation: portrait) {
  /* HeadNavigation ------------------------------------------------------------------------------ */

  div#HeadNavigation li
  {
    padding: 0 24px 0 0;
  }

  div#HeadNavigation li:last-child
  {
    padding: 0 12px 0 0;
  }

  div#HeadNavigation a
  {
    font-size: 28px;
  }

  div#HeadNavigation a:hover
  {
    font-size: 28px;
  }

  /* Title --------------------------------------------------------------------------------------- */

  input#SearchTextBox
  {
    color: #999999;
    font-size: 24px;
  }
  
  /* Name --------------------------------------------------------------------------------------- */

  div#Name h1
  {
    font-size: 2.5em;
  }

  div#Name h2
  {
    display: none;
  }

  /* Suche -------------------------------------------------------------------------------------- */

  div#SearchBox
  {
    display: none;
  }
  
  /* MainNavigation ------------------------------------------------------------------------------ */

  div#MainNavigation > ul > li
  {
    border: 1px solid transparent;
    float: left;
    margin: 0 10px 0 0;
    padding: 3px 7px 5px 7px;
  }

  div#MainNavigation > ul > li > a
  {
    color: #e7eef0;
    cursor: pointer;
    font-size: 24px;
    text-transform: uppercase;
  }

  div#MainNavigation a
  {
    font-size: 36px;
  }

  div#MainNavigation > ul > li:nth-child(4) > ul
  {
    /*margin-left: -260px;*/
  }

  div#MainNavigation > ul > li:last-child > ul
  {
    margin-left: -200px;
    width: auto;
  }

  div#MainNavigation > ul > li > ul > li:first-child
  {
    margin-top: 30px;
  }

  /* Footer -------------------------------------------------------------------------------------- */

  div#Footer
  {
    height: 120px;
  }

  div#FooterText
  {
    font-size: 28px;
    opacity: 0.5;
  }

  /* Klassen ------------------------------------------------------------------------------------- */

  h2
  {
    font-size: 40px;
    padding-top: 5px;
  }

  h3
  {
    font-size: 32px;
    padding-top: 5px;
  }

  div.Author
  {
    font-size: 28px;
    font-style: italic;
    font-weight: normal;
  }

  div.Intro
  {
    font-size: 32px;
    line-height: 36px;
  }

  div.Article p, div#Article h3
  {
    font-size: 32px;
    line-height: 36px;
  }

  div.Article td, div.Article th
  {
    font-size: 24px;
  }

  div.PictureText
  {
    font-size: 24px;
  }

  table.ArticleList a h2
  {
    font-size: 50px;
    padding: 5px 0;
  }

  table.ArticleList p
  {
    font-size: 28px;
  }

  table.ArticleList tr td {
    width: 100%;
  }

  table.ArticleList th {
    display: none;
  }

  .banner {
    position: absolute; 
    top: 265px; 
    left: 433px; 
    border-width: 10px 10px 5px; 
    border-style: solid; 
    border-color: white; 
    background-color: white;
  }
}