/* mac hide\*/ 
html, body {height:100%} 
/* end hide */ 
/* start defining the body and #outer DIV */
body { 
   padding:0; 
   margin:0; 
   text-align:center; /* for ie6 and under */ 
   min-width:924px;/* for mozilla*/ 
   background-color: #d8edf6; 
   color: #000000;
	 font-family:Arial;
	 font-size:10pt;
} 

#outer{ 
   min-height:100%; 
   width:924px; /* add 2px if borders are not used */ 
   color: #000000; 
   text-align:left; 
   margin:auto; 
   position:relative;
   background-image: url('http://www.trots-op-leiden.nl/images/outer.png');
/* the background image of #outer is 24px wider then the header because of the 12px shadow on each side. */ 
} 
  
* html #outer{height:99.9%;} 
/*For ie as treats height as min-height anyway - also addreeses rounding bug at bottom of screen in IE*/ 

/* start defining div containers frame structure*/
#top{ 
   height:23px; 
   background:#FFFFFF; 
   position:relative;
   left:12px;
   width:890px;
	 padding:3px 5px 0px 5px;
   text-align:right;
   background-image: url('http://www.trots-op-leiden.nl/images/top.png');
	 background-repeat:repeat-x;
	 color:#00a7eb;
} 

#slogan{
	height:50px;
	position:relative;
	float:right;
	width:325px;
	z-index:1;
	margin-top:95px;
	background-color:#FFFFFF;
	color:#002465;
	text-align:center;
	text-decoration:none;
	font-size:28pt;
	font-weight:bold;
	padding: 5px 5px 0px 5px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	opacity: .75;
}

#header{ 
	height:223px;
	left:12px;
	width:900px;
	background-image: url('http://www.trots-op-leiden.nl/images/header.png');
	position:relative;
	border-bottom:8px solid #002465;
} 

* html #header{height:70px} 

#logo{
	height:223px;
	position:relative;
	float:left;
	width:558px;
	background-image: url('http://www.trots-op-leiden.nl/images/logo.png');
}

#menu{
	height:23px;
	background-image: url('http://www.trots-op-leiden.nl/images/menu.png');
	background-repeat:no-repeat;
	position:relative;
	float:left;
	width:427px;
	margin:200px 0px 0px 0px;
	z-index:1;
}

#content{ 
  left:12px;
  width:900px;
  position:relative;
  border-top:3px solid #cce82e;
} 
	
#newscontent{ 
  position:relative;/*ie needs this to show float */ 
  width:237px; 
  float:left;
  background-color:#ededed;
  border:1px solid #002465;
  padding:0px 5px 0px 5px;
  margin:5px;
} 

#centrecontent{ 
  float:right;
  position:relative;
  padding:0px 5px 0px 5px;
} 

#footer{ 
	width:890px;
	clear:both; 
	height:22px;
	background-color:#001655;
	border-top:3px solid #cce82e;
	color: #00a7eb; 
	text-align:right;
	left:12px; 
	bottom:0; 
	position: absolute;
	padding:8px 5px 0px 5px;
	font-family:arial;
	text-decoration:none;
	font-size:9pt;
	font-weight:bold;
}

* html #footer{/*only ie gets this style*/ 
   \height:52px;/* for ie5 */ 
   he\ight:50px;/* for ie6 */ 
   margin-bottom:-1px; 
} 

#clearfooter {width:100%;height:52px;clear:both} 
/* to clear footer */ 
/* end defining DIV containers frame structure */

/* start defining text styles */
h1 {
	color:#002465;
	text-align:left;
	text-decoration:none;
	font-family:Arial;
	font-size: 14pt;
	font-weight:bold;
	}

h2	{
	color:#002465;
	text-align:center;
	text-decoration:none;
	font-size: 12pt;
	font-weight:bold;
	}

#NewsDate {
	color:#00a7eb;
	font-size:9pt;
	font-weight:bold;
}

.ondertitel
	{
	font-family:Arial; 
	font-size:12pt; 
	font-weight:bold; 
	color:#00a7eb;
	}

.weblogtitel
	{
	font-family:Arial; 
	font-size:11pt; 
	font-weight:bold; 
	color:#002465;
	}

div.breadcrumb {
	font-size:10px;
	padding:5px 5px 5px 5px;
}
/* end defining text style */
/* start defining link styles */
/* top link */
a.toplink:link { color:#00a7eb;	text-decoration:none;	font-weight:bold; }
a.toplink:visited {	color:#00a7eb; text-decoration:none; font-weight:bold; }
a.toplink:hover { color:#00a7eb; text-decoration:underline; font-weight:bold; }
a.toplink:active { color:#00a7eb; text-decoration:underline; font-weight:bold;	}
/*end top link */
	
/* start menu links */
a.menulink:link { color:#002465;	text-decoration:none;	font-weight:bold; font-size:10pt; }
a.menulink:visited { color:#002465; text-decoration:none; font-weight:bold; font-size:10pt;	}
a.menulink:hover {	color:#002465; text-decoration:underline; font-weight:bold; font-size:10pt; }
a.menulink:active { color:#002465;	text-decoration:underline; font-weight:bold; font-size:10pt; }
/* end menu links */

/* start content links */
a.content:link { color:#00a7eb; text-decoration:none; font-weight:bold; background-image:url('http://www.trots-op-leiden.nl/images/arrow.gif'); background-repeat:no-repeat; background-position:0px 4px; padding-left:10px; }
a.content:visited { color:#002465;	text-decoration:none; font-weight:bold; background-image:url('http://www.trots-op-leiden.nl/images/arrow.gif'); background-repeat:no-repeat; background-position:0px 4px; padding-left:10px; }
a.content:hover { color:#002465; text-decoration:underline; font-weight:bold; background-image:url('http://www.trots-op-leiden.nl/images/arrow.gif'); background-repeat:no-repeat; background-position:0px 4px; padding-left:10px; }
a.content:active { color:#002465; text-decoration:underline; font-weight:bold; background-image:url('http://www.trots-op-leiden.nl/images/arrow.gif'); background-repeat:no-repeat; background-position:0px 4px; padding-left:10px; }
/* end content links */

/* webcurve link */
a.webcurve:link { color:#00a7eb;	text-decoration:none;	font-weight:bold; }
a.webcurve:visited { color:#00a7eb; text-decoration:none; font-weight:bold; }
a.webcurve:hover {	color:#00a7eb; text-decoration:underline; font-weight:bold; }
a.webcurve:active { color:#00a7eb; text-decoration:underline; font-weight:bold;	}
/*end webcurve link */

/* breadcrumb link */
.breadcrumb a:link { color:#002465; font-size:10px; font-weight:bolder; text-decoration:underline; }
.breadcrumb a:visited { color:#002465; font-size:10px; font-weight:bolder; text-decoration:underline; }
.breadcrumb a:hover { color:#002465; font-size:10px; font-weight:bolder; text-decoration:underline; }
.breadcrumb a:active { color:#002465; font-size:10px; font-weight:bolder; text-decoration:underline; }
/*end breadcrumb link */

/* link */
a:link { color:#002465;	text-decoration:none; font-weight:bold; }
a:visited {	color:#002465; text-decoration:none; font-weight:bold; }
a:hover { color:#002465; text-decoration:underline; font-weight:bold; }
a:active { color:#002465; text-decoration:underline; font-weight:bold; }
/*end link */

/* actLink link */
.actNewsLink {
    margin:0px;
    padding:0px;
}
.actNewsLink li {
    list-style-type: none;
}
a.actLink:link { color:#002465;	text-decoration:none; background-image:url('http://www.trots-op-leiden.nl/images/arrow.gif'); background-repeat:no-repeat; background-position:0px 4px; padding-left:10px; }
a.actLink:visited {	color:#002465; text-decoration:none; background-image:url('http://www.trots-op-leiden.nl/images/arrow.gif'); background-repeat:no-repeat; background-position:0px 4px; padding-left:10px; }
a.actLink:hover { color:#002465; text-decoration:underline; background-image:url('http://www.trots-op-leiden.nl/images/arrow.gif'); background-repeat:no-repeat; background-position:0px 4px; padding-left:10px; }
a.actLink:active { color:#002465; text-decoration:underline; background-image:url('http://www.trots-op-leiden.nl/images/arrow.gif'); background-repeat:no-repeat; background-position:0px 4px; padding-left:10px; }
/*end actLink link */

/* CONTACT FORM */
#contactform{
	width:600px;
	margin:0 auto;
}

#contacttd {
	vertical-align:top;
	border: 1px solid #002465;
	padding: 15px;
	background-color: #d8edf6;
}

div#errors {
	width: 400px;
	margin:0 auto;
}
label {
	float: left;
	width: 200px;
	text-align: left;
	padding-top: 5px;
}

input, textarea {
	padding: 3px;
	margin: 3px;
	border: 1px solid #bac5d6;
	font: 10px Verdana, sans-serif;
	background: #fff;
}
input.fout, textarea.fout {
	border: 1px solid #FF0000;
}

label.fout {
	color: #FF0000;
}