/*
Theme Name: AGIPS
Theme URI:
Version: 1.1
*/



/* -----------------------------------------------------
 * ------------------ global settings ------------------
 * ----------------------------------------------------- */


body {
background: #fff;
font: 100%/1.5em "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
color: #666;
text-align: center;
}




/* links */

a:link {
text-decoration: none;
color: #069;
}
a:visited {
text-decoration: none;
color: #069;
}
a:hover {
background: #e5e5e5;
border-bottom: 1px dotted #333;
color: #036;
}
a:active {
text-decoration: none;
color: #069;
}





/* header */

h1, h2, h3 {
font-weight: normal;
color: #515151;
margin: 10px 0;
}
h1 {
margin: 0;
font-size: 4em;
font-weight: bold;
text-transform: uppercase;
}

h2 {
font-size: 1.2em;
}
h3 {
font-size: 1em;
text-transform: uppercase;
}







/* image styles */

img {
background: none;
border: 0 none;
}


img.left {
float: left;
margin: 0 15px 10px 0;
}
img.right {
float: right;
margin: 0 0 10px 15px;
}
img.centered {
display: block;
margin: 10px auto;
}
img.border {
padding: 2px;
border: 1px solid #999;
}




table {
padding: 5px;
}

td.rb {
vertical-align:top;
text-align: right;
font-weight:bold
}

td.ln {
vertical-align:top;
text-align: left;
}

tr.w {background-color:white;}
tr.g {background-color:#cccccc;}



/* ------------------------------------------------------
 * ----------------------- Layout -----------------------
 * ------------------------------------------------------ */

#container {
margin: 0 auto;
width: 800px;
font-size: 0.75em;
text-align: left;
}

#header {
clear: both;
margin: 20px 0 0 20px;
border-bottom: 1px solid #e5e5e5;
}

#nav {
float: left;
width: 150px;
padding: 10px;
text-align: right;
}

#main {
float: left;
width: 600px;
padding: 10px;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
}


#footer {
clear: both;
margin: 4px 0 0;
padding: 20px 0 20px 150px;
border-top: 1px solid #ccc;
font-size: 0.9em;
text-align: center;
}



















/* ------------------------------------------------------
 * ------------------------ Main ------------------------
 * ------------------------------------------------------ */

#main h1 {
font-size: 1.4em;
font-weight: normal;
}

#main h2 {
padding: 5px 10px 5px;
text-transform: uppercase;
letter-spacing: 0.2em;
}
#main h3 {
margin: 0;
font-weight: bold;
}

#main p {
padding-left: 20px;
padding-right: 10px;
}




#main a:hover {
border-bottom: 1px dotted #666;
background: #e0e0e0;
}




/* ------------------------------------------------------
 * --------------------- Navigation ---------------------
 * ------------------------------------------------------ */

#nav a:hover {
background: transparent;
border-bottom: none;
}

#nav li {
list-style-type: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #e5e5e5;
background-image: none;
line-height: 150%;
}

#nav ul ul {
margin: 0;
}

#nav li li {
border-top: 1px solid #e5e5e5;
}


h3.sec-title {
margin: 0;
text-transform: uppercase;
letter-spacing: 0.2em;
}





/* ------------------------------------------------------
 * ------------------------ forms -----------------------
 * ------------------------------------------------------ */

fieldset {
	border: 1px solid #BFBAB0;
	background-color: #F2EFE9;
	margin: 10px;
}

legend{
font-weight: bold;
}



.wrong {
	border: 4px red solid;
}


.required {
border: 2px dotted red;
}

.ok {
	border: 2px green solid;
	}



.checkBestanden {
font-weight: bold;
color: green;

}




td.fl{
text-align: right;
vertical-align: top;
width: 120px;
}

	span.invalid, span.missing {
		display: inline;
		margin-left: 1em;
		font-weight: bold;
		font-style: italic;
		font-family: Arial, Verdana, sans-serif;
		color: #f66;
		font-size: 0.9em;
	}






/* ---------------------------------------------------------
 * ------------------- messages ----------------------------
 * --------------------------------------------------------- */


.warning {
font-weight: bold;
color: red;
font-size: 125%;
}

.hint {
font-weight: bold;
border: 2px solid green;
font-size: 125%;
}