@charset "utf-8";

body {
    font-family: sans-serif,Verdana, Arial;
    font-size: 14px;
    height:1200px;
}

p {
  font-size: 12px;
  color:#606060;
  line-height: 1.6;
}

h1 {
	font-size:16px;
	color:#606060;
/*	color: #1f2429;  */
	font-weight:bold;
	margin:0px;
}

h2 {
	font-size:14px;
	color:#606060;
	font-weight:bold;
}

li {
	font-size:12px;
	color:#666666;
    line-height: 1.6;
}

.fout {
  color: red;
 font-weight:bold;
}

.groot_oranje {
  color: #FF4500;
  font-size:16px;
  font-weight:bold;
}

.donkerrood {
  color: #B22222;
}

.testkop {
	font-size:20px;
    color: #FF4000;
	font-weight:bold;
	margin:5px 0px;
	padding:5px 0px;
	border-bottom:1px dotted #666666;
    background-color: #FAFAFA;
}

.blocktitle {
	color:#666666;
	font-size:16px;
	font-weight:bold;
	margin:5px 0px;
	padding:5px 0px;
	border-bottom:1px dotted #666666;
}

.blocktitle_small {
	color:#666666;
	font-size:14px;
	font-weight:bold;
	margin:8px 0px;
	padding:3px 0px;
	border-bottom:1px dotted #666666;
}

.pagetitle {
    font-family: sans-serif, "DejaVu Serif", "Times New Roman", Times;
/*	color:#bf1a20; */
    color: #606060;
	font-size:16px;
	font-weight:600;
	margin:5px 0px;
	padding:5px 0px;
}

.onderdeel {
/*    font-family: Georgia, "DejaVu Serif", "Times New Roman", Times, serif; */
	color:#101010;
	font-size:14px;
	font-weight:bold;
	margin:5px 0px 0px 0px;
	padding:10px 0px 5px 0px;
}

.tabtitel {
	color:#666666;
	font-size:14px;
	font-weight:bold;
	margin:3px 0px;
	padding:3px 0px;
}

.submenu-kop {
	/* #4AA4FF;, kleur van submenu #003eff; donkerder, zoals in tab */
	font-size:1.2em;
	font-weight:500;
	margin:0px 0px;
	padding:0px 0px;
}
.submenu-kop a {
	color:#FFFFFF;
	text-decoration:none;
}

.submenu-kop a:hover {
	color:#FFFFFF;
	text-decoration: underline;
}

.submenu-atlas {
    background-color: #009CEF; /* is RuG kleur. Hetwas #4AA4FF; */
/*    background-color: #007fff; blauw */
    width: 100%;
    height:auto; /*100px;   */
    color:#FFFFFF;
    line-height: 1.2;
    padding:5px 0px;
    margin-top:0px;
}

.submenu-atlas a {
	color:#FFFFFF;
	text-decoration:none;
}

.submenu-atlas a:hover {
	text-decoration:underline;
}

.search {
   margin-top 2px;
   padding:1px;
   border-color: #666666;
   border: thin solid;
}

#blockTotal{
	clear: none;
	float: left;
	width: 100%;
	height: auto;
    margin: 0px;
	padding:0px;
}

#blockTotalblauw {
    background-color: #009CEF; /* is RuG-kleur, het was #4AA4FF;
	clear: none;
/*	float: left;  */
	width: 100%;
	height: auto;
    margin: 0px;
	padding:0px;
}

#blockTotalblauw table{
  padding: 0px;
  margin: 0px
}
#blockTotalblauw tr{
  padding: 0px;
  margin: 0px
}
#blockTotalblauw td{
  padding: 2px;
  margin: 0px
}

#blockThird{
	clear: none;
	float: left;
	width: 33%;
	height: auto;
    margin: 0px;
	padding:0px;
}

#container {
	margin-left: auto;
	margin-right:auto;
    margin-top: 5px;
	padding:0px;
	width: 1200px;
    height: auto;
/*    max-width: 1000px;*/
	background-color: #FFFFFF;
}

#mainContent {
	text-align: left;
	background-color: #FFFFFF;
    margin:0px;
	float: left;
    clear: both;
	width: 100%;
}

tr {
    line-height: 2;
    font-size: 12px;
}

td p{
   font-size: 12px;
}

.grijs {
	background-color: #EEEEEE /*#eeeeee; #e7e7e7; */
    text-align: left;
    line-height: 2;
    font-size: 12px;
}
.geel {
	background-color: #FFFFCC;
    text-align: left;
    line-height: 2;
    font-size: 12px;
}

.oranje {
	background-color: #DF3A01; /*#FF4000;*/
    color: #FFFFFF;
    text-align: left;
    line-height: 2;
    font-size: 14px;
}
 .oranje td{
   padding: 10px;
 }

.blauw {
	background-color: #009CEF; /* is RuG-kleur, het was #4AA4FF; #e7e7e7; */
    text-align: left;
    font-size: 14px;
    color: #FFFFFF;
    padding: 5px;
    line-height: 2;
}

.blauw a {
    color: white;
	text-decoration:none;
}

.blauw a:hover {
    color: white;
	text-decoration:none;
}

.lib_button {
    background-color: #58b925;
    padding: 5px;
    color: white;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
    border-right: none;
    border-top: none;
    line-height: 15px;
    min-width: 90px;
    white-space: nowrap;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
}

.lib_button a {
    color: white;
	text-decoration:none;
}

.lib_button a:hover {
    color: white;
	text-decoration:none;
}

.lib_button_blue {
    background-color: #007fff;
    padding: 5px;
    color: white;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
    border-right: none;
    border-top: none;
    line-height: 15px;
    min-width: 90px;
    white-space: nowrap;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
}

.lib_button_red {
    background-color: red;
    padding: 5px;
    color: white;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
    border-right: none;
    border-top: none;
    line-height: 15px;
    min-width: 90px;
    white-space: nowrap;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
}

.lib_button_green {
    background-color: green;
    padding: 5px;
    color: white;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
    border-right: none;
    border-top: none;
    line-height: 15px;
    min-width: 80px;
    white-space: nowrap;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
}

.lib_button_grey {
    background-color: #555555;
    padding: 5px;
    color: white;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
    border-right: none;
    border-top: none;
    line-height: 15px;
    min-width: 80px;
    white-space: nowrap;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
}

input[type=text], textarea {
    color:    #101010;
    font-size: 14px;
    /*font-size: 0.9rem;*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    padding: 4px 3px;
    /*width: 90%;*/
    margin-bottom: 20px;
    box-shadow: inset 0px 2px 3px rgba( 0,0,0,0.1 );
    clear: both;
}

#signup {
	clear: none;
	float: left;
	width: 500px;
	height: 100px;
    margin: 0px 0px;
	padding:5px;
/*    border: 1px dotted #666666; */
}

#signup .inputs input[type=text], input[type=email]:focus, input[type=password]:focus, input[type=text]:focus, textarea:focus {
    background: #fff;
    box-shadow: 0px 0px 0px 3px #4AA4FF, inset 0px 2px 3px rgba( 0,0,0,0.2 ), 0px 5px 5px rgba( 0,0,0,0.15 );
    outline: none;
}

iframe {
  margin: 20px;
  border: 1px solid #dddddd;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px){

  #container {
	margin-left: auto;
	margin-right:auto;
	padding:2px;
    width:100%;
  }
  #blockThird{
	clear: none;
	float: left;
	width: 100%;
	height: auto;
/*    margin-left: 0px;  */
/*	padding:0px; */
  }


}