/* ------------------------------ default ------------------------------ */

html,body{
	width:100%; height:100%;
	padding:0px; margin:0px;
}

body{
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
	font-size:0.75em;
}

h2{
	font-size:22px;
	margin:10px 0px 5px 0px;
}

a, h3 a{
	font-weight:bold;
	text-decoration:underline;
	color:#314059;
}

a:hover{
	text-decoration:none;
	color:#000;
}

h1{
	padding:0px; margin:0px;
}

h3{
	font-size:22px;
	margin:0px; padding:0px;
}
/* ------------------------------ custom ------------------------------ */

div.content-container{
	width:736px;
	margin:auto;
}

div#header{
	display:block; 
	width:100%;height:92px;
	margin-top:25px;
	background:#ff9900;
	background:url(../img/layout/bg_header.jpg) no-repeat left center;
	text-align:right;
}

/* ------------------------------ nav sec ------------------------------ */

ul#nav-sec{
	display:block;
	width:100%;height:33px;
	margin:15px 0px 50px 0px;
}

ul#nav-sec li{
	display:inline;
}

ul#nav-sec li a{
	font-weight:normal;
	color:#314059;
	text-decoration:none;
	font-size:90%;
}

ul#nav-sec li a:hover{
	color:#000;
	text-decoration:underline;
}


/* ------------------------------ nav ------------------------------ */


div#nav-prim-container{
	position:absolute;left:0px; top:165px;z-index:10;
	background-color:#314059;
	display:block;
	width:100%; height:35px;
	padding-top:10px;
	background:url(../img/layout/bg_nav_prim.gif) center #314059;
}



div.content-left{
	width:357px;
	float:left;
	color:#314059;

}

div.content-left div.content-intro{
	background:url(../img/layout/bg_intro_left.gif) no-repeat top left #fff;
	padding:22px;	
	margin-top:25px;
}


div.content-right{
	width:357px;
	float:right;
	color:#314059;

}

div.content-right div.content-intro{
	background:url(../img/layout/bg_intro_right.gif) no-repeat top left #fff;
	padding:22px;	
	margin-top:25px;
}

div.content-left div.content-intro p.intro-text,
div.content-right div.content-intro p.intro-text{
	padding:0px 0px 11px 22px !important; margin:0px;
	font-weight:bold;
}

div.content-left div.content-intro p.intro-link,
div.content-right div.content-intro p.intro-link{
	padding:0px; margin:0px;
}

div.content-left div.content-intro p.intro-link a,
div.content-right div.content-intro p.intro-link a{
	padding-left:22px;
	background:url(../img/layout/ico_arrow.gif) no-repeat left center;
	color:#314059;
	font-weight:bold;
	text-decoration:underline;
}

div.content-left div.content-intro p.intro-link a:hover,
div.content-right div.content-intro p.intro-link a:hover{
	text-decoration:none;
	color:#000;
}

/* ------------------------------ homepage ------------------------------ */

/* ------------------------------ spotlight ------------------------------ */

div.spotlight{
	background:url(../img/layout/ico_dotted.gif) repeat-x top left;
	padding:10px 0px 10px 0px;
}

div.spotlight p{
	padding:0px; margin:0px;
}

div.spotlight p.intro{
	padding-left:22px;
}



/* ------------------------------ over add ------------------------------ */

body#homepage p{
	padding:0px; margin:0px;
}

body#homepage p.intro{
	padding-left:22px !important;
}

body#homepage p a.link{
	padding-left:22px;
	background:url(../img/layout/ico_arrow.gif) no-repeat left center;
}


div.dotted{
	background:url(../img/layout/ico_dotted.gif) repeat-x center left;
	padding:1px 0px 1px 0px;
}


/* ------------------------------ footer ------------------------------ */

div#footer{
	display:block; clear:both;
	color:#778192;
	font-size:80%;
	height:60px;
	width:736px;
	margin:auto;
}

div.footer-left{
	background:url(../img/layout/ico_dotted.gif) repeat-x top left;
	float:left;
	padding-top:20px;
	height:10px;
	width:357px;	
	
}

div.footer-right{
	background:url(../img/layout/ico_dotted.gif) repeat-x top left;
	float:right;
	width:357px;
	padding-top:20px;
	height:10px;
	text-align:right;
}

div#footer a{
	font-weight:normal !important;
	color:#778192 !important;
}

/* ------------------------------ subpage ------------------------------ */

div.content-full{
	width:600px;
	color:#314059;
}



input.text {
  background-color: #f6f7f9;
  border: 1px solid #a4aab6;
  height: 14pt;
  width: 100%;
}

input.button {
  background-color: #313f59;
  color: white;
  width: 170px;
}

select {
  background-color: #f6f7f9;
  border: 1px solid #a4aab6;
}

div.frmElem div {
  width: 100%;
}

table.register-form td {
  padding: 2px;
}

td.fill50 {
  width: 50%;
}


p.course-intro {
  font-weight: bold;
}

table.course-data {
	border-width: 0;
  border-spacing: 5px;
	border-collapse: collapse;
}

table.course-data td, table.course-data th {
	padding-top: 10px;
}

table.course-data th {
  text-align: left;
	width: 100px;
}

div.course {
  float: left;
  width: 350px; 
}

div.course-dates {
  float: right;
  width: 215px
}

p.course-date {
  margin-bottom: 10px;
}

p.course-row {
  font-weight: bold;
  margin-bottom: 10px;
}

p.note {
  font-size: 7pt;
}


span.vat {
  font-weight: normal;
  font-size: 8pt;
}

a.register {
	display: block;
	text-align: center;
	padding: 3px;
  background-color: #313f59;
  color: white;
	text-decoration: none;
	width: 120px;
}

input.form_error {
  border: 1px solid red !important;
  background-color: #FACACA !important;
}

p.error-message, div.error-message {
  color: red;
}