/*
	DAe CSS Layout File
*/

/* ########################################################################## */
/*							Default Sheets     								  */
/* ########################################################################## */

table.content {
	width: 100%; 
	margin-bottom: 10px;	
}

img.contentimage {
	padding-bottom: 7px;	
}

td.contenttext {
	vertical-align: top; 
	padding-left: 10px; 
	padding-right: 10px;	
}

html, body {
	height:100%;
}
body { 	margin:0;
	padding:0;
	background-color:#fff;
	color:#333;
	width:100%;
}

* { font-family:Arial,Verdana,sans-serif; font-size:10pt; }

a { text-decoration:none; color:#004380; background-color:inherit; }
a:hover { text-decoration: underline; }
a img { border:0; }

p { text-align:justify; 
	margin:0;
	padding:0;
}
/*	margin:0 1.5em 0 0; */

#content { margin-right:30px; }

p.bodytext a { font-weight:bold; border-bottom:1px dashed #004380; }
p.bodytext a:hover { text-decoration:underline; border-bottom-style:solid; }

h1,h2,h3 { font-family:Arial,Verdana,serif; }
h1 { font-size:150%; }
h2 { font-size:125%; }
h3 { font-size:112%; }

.bodytext { margin-bottom:1em; }

div#left { 
	margin:0 200px 0 50px;
	padding:0;
	position:relative;
	min-height:100%;
	height:100%;
}

body>#left{ height:auto; min-height:100%; }

div#logo { padding-top:10px; margin:0; height:100px; }

div#pictureline { height:76px; width:100%;
	color:inherit;
	background-color:#0065a2;
	background-image:url(../img/pictureline2.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	margin:0;
	padding:0;
}
div#pictureline div {
	background-image:url(../img/pictureline1.jpg);
	background-repeat:no-repeat;
	height:76px; width:100%;
	background-color:transparent;
	background-position:top left;
}
#footerspacer { margin:0; padding:0; height:1.5em; clear:both; }

#footer {
	margin:0; /* em 0 0.25em; */
	padding:0.35em 0 0.25em;
	position:absolute;
	bottom:0;
	background-color:#fff;
	color:inherit;
	width:100%;
	border-top:1px dashed black;
	text-align:center;
}
#footer li { margin-right:0.5em; }

#footer a { font-size:90%; }

div#right { 
	position:absolute;
	right:0;
	top:0;
	width:200px;
	background-color:#004380;
	color:inherit;
	height:100%;
	margin:0;
	padding:0;
	background-image:url(../img/pictureline3.jpg);
	background-repeat:no-repeat;
	background-position:0 110px;
}

p#pagetitle {
	height:87px;
	margin:0;
	text-align:center;
	padding-top:25px;
	width:100%;
	color:#fff;
	background-color:transparent;
	font-size:150%;
}

address { position:absolute;
	bottom:2em;
	z-index:0;
	margin:0;
	padding:0;
	width:100%;
	background-color:inherit;
	color:#aaaaaa;
	text-align:center;
	font-size:80%;
	font-style:normal;
}

.menu { margin:0 0 1em; padding:0; }
.menu li { display:inline; margin-right:2em; }
.menu li div { display:inline; }

.menu div { display:inline; }
#topmenu { padding:3px; }
#topmenu a { font-size:95%; }
#topmenu a:hover { text-decoration:underline; }

#topmenu div { margin-right:2em; }

.topmenu_2 { background-color:#fff;
		color:#004380;
		border:1px solid #004380;
}

.topmenu_2 a { font-size:100%; }

ul#submenu * { font-family:Verdana,sans-serif; }
ul#submenu { margin-top:74px; color:#fff; margin-bottom:12em; background-color:#004380; }
ul#submenu a { 
	display:block; 
	width:100%; 
	text-align:center; 
	font-size:110%;
	margin-bottom:0.25em;
	color:#fff;
	background:inherit;
}

ul#submenu a:hover { background-color:#fff; color:#004380; text-decoration:none; }

ul#submenu ul { margin:0; padding:0 0 1em; }
ul#submenu ul li { margin:0; padding:0; }
ul#submenu ul li a { font-size:85%; font-weight:normal; }
ul#submenu ul li a:hover { }

table.link2map24 { border:0; border-spacing:0; border-collapse:collapse; }
table.link2map24 tr { border:0; }
table.link2map24 tr th { background-color:#abc5df;  }

input { border:1px solid #004380; margin:1px; }
input.street { width:200px; margin-right:5em;  }
input.postcode { width:71px; }
input.city { width:125px; }
input.calculate { margin-left:5em; background-color:#849ab5; }

p.address { margin-bottom:0; }

/*
 * css-styled-imgtext
 */

/* Captions */
P.csc-caption { margin: 0; }
P.csc-caption {
  font-size: 80%; /* Customize me */
}
DIV.csi-caption-c .csi-caption { text-align: center; }
DIV.csi-caption-r .csi-caption { text-align: right; }
DIV.csi-caption-l .csi-caption { text-align: left; }

/* Needed for noRows setting */
DIV.csi-textpic DIV.csi-imagecolumn { float: left; display: inline; }

/* Border just around the image, like content (default) does: */
DIV.csi-border-2-black DIV.csi-imagewrap .csi-image IMG {
  border: 2px solid black; /* Customize me, and set borderSpace/borderThick in TS, "0"/"2" in this example */
}
/* Border around the whole image/caption (alternative to the above):
DIV.csi-border-2-black DIV.csi-imagewrap .csi-image {
  border: 1px solid #06639E; /* Customize me and set borderThick in TS ("1" here) */
  padding: 5px 5px; /* Customize me, and set borderSpace in TS ("10" here) */
}
*/

DIV.csi-imagewrap { padding:0;  }

DIV.csi-textpic IMG { border: none; }

/* DIV: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DIV.csi-image { float: left; }

/* UL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap UL { list-style: none; margin: 0; padding: 0; }
DIV.csi-textpic DIV.csi-imagewrap UL LI { float: left; margin: 0; padding: 0; }

/* DL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image { float: left; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DT { float: none; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD { float: none; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD IMG { border: none; } /* FE-Editing Icons */
DL.csi-image { margin: 0; }
DL.csi-image DT { margin: 0; display: inline; }
DL.csi-image DD { margin: 0; }

/* Clearer */
DIV.csi-clear { clear: both; }

/* Margins around images: */

/* Pictures on left, add padding on right */
DIV.csi-left DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-right: 10px; /* Customize me, and set colSpace/textMargin in TS */
}

/* Pictures on right, add padding on left */
DIV.csi-right DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left:10px; /* Customize me, and set colSpace/textMargin in TS */
}

/* Pictures centered, add padding left and right */
DIV.csi-center DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: 5px; /* Customize me, and set colSpace/textMargin in TS */
  margin-right: 5px; /* Customize me, and set colSpace/textMargin in TS */
}
DIV.csi-textpic DIV.csi-imagewrap .csi-image .csi-caption { margin: 0; }
DIV.csi-textpic DIV.csi-imagewrap .csi-image IMG { margin: 0; }

/* Space below each image (also in-between rows) */
DIV.csi-textpic DIV.csi-imagewrap .csi-image { margin-bottom: 10px; }
DIV.csi-equalheight DIV.csi-imagerow { margin-bottom: 10px; display: block; }

/* Positioning of images: */

/* Above */
DIV.csi-above DIV.csi-text { clear: both; }

/* Center (above or below) */
DIV.csi-center { text-align: center; /* IE-hack */ }
DIV.csi-center DIV.csi-imagewrap { margin: 0 auto; }
DIV.csi-center DIV.csi-imagewrap .csi-image { text-align: left; /* Remove IE-hack */ }
DIV.csi-center DIV.csi-text { text-align: left; /* Remove IE-hack */ }

/* Right (above or below) */
DIV.csi-right DIV.csi-imagewrap { float: right; }
DIV.csi-right DIV.csi-text { clear: right; }

/* Left (above or below) */
DIV.csi-left DIV.csi-imagewrap { float: left; }
DIV.csi-left DIV.csi-text { clear: left; }

/* Left (in text) */
DIV.csi-intext-left DIV.csi-imagewrap { float: left; }

/* Right (in text) */
DIV.csi-intext-right DIV.csi-imagewrap { float: right; }

/* Right (in text, no wrap around) */
DIV.csi-intext-right-nowrap DIV.csi-imagewrap { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-right-nowrap .csi-text { height: 1%; }
/* End hide from IE5/mac */ 

/* Left (in text, no wrap around) */
DIV.csi-intext-left-nowrap DIV.csi-imagewrap { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-left-nowrap .csi-text { height: 1%; }
/* End hide from IE5/mac */


/* DIV.csi-imagewrap { padding:0; margin:1em; border:1px solid black; } */



/*
body {
	background-color: #FFFFFF; 
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a {
	background-color: inherit;
	color: #004380; 	
	text-decoration: none;
	font-size: 11px;
	padding-right: 20px;
}

a:hover {
	background-color: inherit;
	color: #004380;
	text-decoration: underline;
}
*/