/* Styles */

/* reminder: . for class, # for id */

.outline-text-2 {
    font-size: 18pt;
}


.topwrapper {
    /* puts selfphoto and selfinfo side by side */
    display: flex;
	background-image: linear-gradient(to left, #527ecf , #285e7f);
    padding-left: 8pt;
}


.selfphoto {
    display: block;
    width: 170px;
	box-shadow: 5pt 3pt 2pt grey;
}

 
.selfinfo {
    flex-grow: 1;
	margin: auto;
	font-size: 32pt;
	color: white;
	padding-left: 20pt;
}

#selfinfoline {
    font-size: 18pt;
}


@media only screen and (max-width:600px) {
	.selfphoto {
		display: none;
	}
	#selfinfoline {
		font-size: 12pt;
	}
	.selfinfo {
		font-size: 12pt;
		flex-grow: 1;
	}
}

#hiddenheadline {
    font-size: 0pt;
}

/* this fancy navigation bar comes from http://css-snippets.com/simple-horizontal-navigation/ */

.navbar {
	background-image: linear-gradient(to right, #222 , #aaa);
	height: 50px;
}

.navbar ul {
  list-style: none;
  text-align: center;
  padding: 0;
  margin: auto;
}
.navbar li {
  font-family: 'Oswald', sans-serif;
  font-size: 20pt;
}
 
.navbar a {
  font-family: 'Oswald', sans-serif;
  font-size: 20pt;
  text-decoration: none;
  color: #ff0;
  display: block;
  width: 100%;
  transition: 1s background-color;
}

.navbar a:hover {
	background-color: #4444cc;
}

@media screen and (min-width: 900px) {
  .navbar li {
    width: 150px;
    border-bottom: none;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
  }
 
  /* Option 1 - Display Inline */
  .navbar li {
    display: inline-block;
    margin-right: -4px;
  }

  /* Options 2 - Float  
  .navbar li {
    float: left;
  }
  .navbar ul {
    overflow: auto;
    width: 600px;
    margin: 0 auto;
  } */
  
  .navbar {
    background-color: #444;
  }
}

#navbarline {
    font-size: 0pt;
}
#content {
}

#topwrapperline {
    font-size: 0pt;
}

.title {
    font-size: 0pt;
}

h2 {
	/* padding-top: 10px; */
	font-size: 24px;
	padding:0px;
	margin: 0px;
	line-height:50px;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	/* width:310px; */
	/* float:left; */
}
.slogan{
	float: right;
	margin:75px 20px 0px 0px;
	font-size: 20px;
}

.banner{
	/* width:620px; */
	/* padding-top: 0px; /\* 10px; *\/ */
	font-size: 30px;
	padding:0px;
	/* margin: 0px; */
	line-height:50px;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	height: 50px;
	/* margin: auto; */
	background: #f9f9f9;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	padding-left:190px;
}

.neuromat{
	/* background: #f0f0f0 url(neuromat.png) no-repeat center left; */
	background-image: url("../images/neuromat.png");
	background-size: cover;
	height: 150px;
}
.delpo{
	color:#fff;
	background: #1213f0; /* url(banner1.png) no-repeat center left; */
	background-size: cover;
	height: 100px;
}

.banner2{
	color:#656A64;
	background: #81C573 url(banner2.png) no-repeat center left;
	font-family: "Palatino Linotype";
}
.banner3{
	color:#37535B;
	background: #656964 url(banner3.png) no-repeat center left;
	font-family: "Arial Narrow";
}
.banner4{
	color:#2B8EAC;
	background: #656964 url(banner4.png) no-repeat center left;
	font-family: "Century Gothic";
}
.banner5{
	color:#37535B;
	background: #C6CC10 url(banner5.png) no-repeat center left;
	font-family: "Trebuchet MS";
}
.banner6{
	color:#37535B;
	background: #b8d8fb url(banner6.png) no-repeat center left;
	font-family: "Arial Narrow";
	text-transform: uppercase;
	letter-spacing: 4px;
}
.banner7{
	color:#6e9cf9;
	background: #a08c60 url(banner7.png) no-repeat center left;
	font-family: "Arial Narrow";
	font-style: italic;
}

.submenu {
    background-color: #ddd;
}

.submenu ul {
  list-style: none;
  text-align: center;
  padding: 0;
  /* font-size: 20pt; */
  margin: auto;
}

.submenu li {
	font-family: 'Oswald', sans-serif;
	font-size: 24pt;
	text-align: center;

    width: 220px;
    border-bottom: none;
    /* line-height: 40px; */
    line-height: 2.5ex;
    display: inline-block;
	border-radius:10px;
	background-color: #aad;

}

.submenu a {
	text-decoration: none;
	width: 100%;
}

.banner p {
	margin-top: 0;
}

td {
	font-size: 20pt;
}


.descr {
	font-size: 14pt;
}