@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic);
  
  
/* --------------------------------- General definitions ------------------------------------ */  
 body {
	font-family: 'Open Sans', sans-serif; 
	font-size:0.9em;
	background-color:#fff;
	color:#1e1e1e;
	/* the wonderful blue gradient, got it from here: http://www.colorzilla.com/gradient-editor/ */
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(top, #1e5799 0%, #207cca 16%, #fffcfc 54%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #1e5799 0%,#207cca 16%,#fffcfc 54%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #1e5799 0%,#207cca 16%,#fffcfc 54%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#fffcfc',GradientType=0 ); /* IE6-9 */
	background-size:100%;
	background-attachment:fixed;
}

html {
	/* show always a scrollbar to avoid jumping if one page fits on the screen and another does not */
	overflow-y:scroll;
}
  
img {
	/* images are always scaled to fit into the available room - can have stange site effects in older Safari browsers */
	max-width:100%;
	height:auto !important;
 }	
 
 a:link,  a:visited {
	color:#2A9FD6;
	text-decoration:none;
 }
 
 a:hover, a:visited:hover,
 a:active, a:visited:active	 {
	text-decoration:underline;
 }
 
  .highlight {
	  /* highlight search results */
	 background-color:yellow;
 }
 
 .center {
	/* the main area */
	background-color:#fff;
	border:1px solid #ccc;
	box-shadow:3px 3px 3px #ccc;
	border-radius:5px;
 }

  /* --------------------------------- Header ------------------------------------ */
 .wtitle {
	/* the website title */
	margin-top:0.5em;
	font-size:130%;
 }
 
 .wheader {
	/* additional information in the website head */
	font-size:70%;
	margin:1em 0;
	padding-right:150px;
	color:#ccc;
	font-style:italic;
 }
 
 /*hr style by css-tricks.com */ 
hr { 
	border: 0; 
	height: 1px; 
	background: #333; 
	background-image: linear-gradient(to right, #ccc, #333, #ccc); 
} 
 
/* --------------------------------- Navigation ------------------------------------ */ 
.nav ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

.nav ul li  ul {
	padding-left:0.8em;
}

li.menu-current > a:link, li.menu-current > a:visited {
	font-weight:bold;
}


 /* --------------------------------- Login box ------------------------------------ */
.login-box {
	margin-top:2em;
}

.login-box fieldset {
	border:1px solid #ccc;
	border-radius:5px;
}

.login-box h1 {
	font-weight:normal;
	font-size:0.7em;
	text-transform:uppercase;
	margin:0 0 1em 0;
}

.login-box p {
	margin:0.25em 0;
	padding:0;
}

.login-box label {
	font-size:0.8em;
	margin:0;
	padding:0;
}

.login-box #username, .login-box #password {
	width:98%;
	border-radius:5px;
	border:1px solid #e1e1e1;
	padding:0.5em;
	margin:0;
	font-family: 'Open Sans';
}

.login-box .dbutton {
	width:100%;
	border-radius:5px;
	border:0;
	box-shadow:5px 5px 5px #ccc;
	padding:0.2em;
	color:#1e1e1e;
	display:block;
	margin:1em 0;
	font-family: 'Open Sans';
}

.login-box li {
	text-align:center;
	font-size:0.75em;
}

 /* --------------------------------- Content ------------------------------------ */
 
 .content {
   z-index:1;
   border-left:1px dotted #ccc;
   padding:0 2em;
   min-height:30em;
 }
 
 .noborder {
   border:0;
 }
 
 .content h1 {
   margin-top:0;
   font-weight:normal;
   color:#666;
 }
 
 .content h2 {
   margin: 0 0 1em 0;
   font-weight:normal;
   font-size:1.6em;
 }
 
 .content h3 {
   margin-bottom:0;
   font-weight:normal;
   font-style:italic;
 }
 
 .content p {
   line-height:1.5em;
   margin:0 0 0.8em 0;
 }
 
 .content li {
   margin-bottom:0.5em;
 }
 
 
 
 .ifl {
	/* can be used for floated images */
   float:left;
   margin:0.3em 0.5em 0 0.3em;
 }
 
  /* --------------------------------- Sidebar ------------------------------------ */
 
 .sidebar {
   margin-top:1em;
 }
 
 .sidebar h3 {
   font-size:0.9em;
   margin-bottom:0;
 }
 
 .sidebar p {
   font-size:75%;
   margin:0 0 1em 0;
 }
 
 .sidebar h3 a:link, .sidebar h3 a:visited {
   text-decoration:none;
   color:#e30613;
 }
 
 .sidebar h3 a:hover, .sidebar h3 a:visited:hover,
 .sidebar h3 a:active, .sidebar h3 a:visited:active {
   text-decoration:underline;
 }
  
 .sidebar form {
   margin:0;
   padding:0;
 }
 
 .sidebar .search_string {
   border-radius:5px;
   border:1px solid #ccc;
   padding:0.2em;
   width:98%;
   margin-bottom:0.3em;
   font-family: 'Open Sans';
   font-size:0.75em;
 }
 
 .sidebar .search_submit {
   width:98%;
   border:0;
   background-color:#eee;
   border-radius:5px;
   font-family: 'Open Sans';
   color:#666;
   margin-bottom:1em; 
   box-shadow:2px 2px 2px #ccc;
 }
 
/* --------------------------------- Footer ------------------------------------ */
 
 .footer {
   font-size:80%;	   
   margin-top:1em;
   color:#666;
   
   text-align:center;
 }
 
 .footer a:link, .footer a:visited {
   color:#666;  
 }
 
 
 
/* --------------------------------- Media queries ------------------------------------ */
 
 @media print {
	.nav, .sidebar, .footer {
		display:none;
	} 
	
	.center {
		border:0;
		box-shadow:none;
	}
	
	.content {
		width:100% !important;
		border:0;
		margin:0;
		padding:0;
	}
 }
 
 
 @media screen and (max-width:800px) {
	ul#main-menu > li > a 	 {
	font-size:0.9em !important;
	}	 
 }
 
 
 @media screen and (max-width:580px) {
   
   #hauptnav {
	 width:100% !important;
	 display:none;
   }
   
   .mobilenav {
	   display:block;
	   text-align:center;
	   background-color:#eee;
	   border-radius:5px;
	   margin:1em 0;
   }
	   
	.sidebar, .login-box {
		display:none;
	}
   
   .content {
	 border-left:0;
	 padding-left:0;
   }
  
 }