/************************************************************
	The basic CSS style is based on:
	CSSplay - http://www.cssplay.co.uk/layouts/basics.html
************************************************************/

html {
	width: 100%;                            /* fix width to 100% for IE */
	max-width: 100%;                        /* fix width for other browsers */
	margin: 0;                              /* remove margins */
	padding: 0;                             /* remove padding */
	background: #ffffff;                     /* color background - only works in IE */
	font-size: 1.0em;                        /* set default font size */
	font-family: Verdana, Arial, Sans-serif; /* set default font */
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #838b9d;                         /* Tekst kleur */
	}
* html {
	height: 100%;                           /* fix height to 100% for IE */
	max-height: 100%;                       /* fix height for other browsers */
  overflow-x: auto;
  overflow-y: hidden;
  }

body {
	width: 100%;                            /* fix width to 100% for IE */
	max-width: 100%;                        /* fix width for other browsers */
	margin: 0;                              /* remove margins */
	padding: 0;                             /* remove padding */
	overflow-y: auto;                       /* get rid of scroll bars in IE */
	border: 0;                              /* remove borders */
	background-color: #ffffff;              /* Achtergrond kleur */
	font-family: Verdana, Arial, Sans-serif; /* set default font */
	font-size: 0.84em;                       /* set default font size */
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #838b9d;                         /* Tekst kleur */
	text-align: center;                     /* Compensate IE bug for centering content */
	}
* body {
	height: 100%;                           /* fix height to 100% for IE */
	max-height: 100%;                       /* fix height for other browsers */
  }

/* Coryane roos links */
#RoosLinks {
  position: fixed;
  top: 10%;
  left: 0px;
  }
* html #RoosLinks {
  position: absolute;
  }

/* Coryane roos rechts */
#RoosRechts {
  position: fixed;
  top: 10%;
  right: 0px;
  }
* html #RoosRechts {
  position: absolute;
  }

/* Website centreren */
#CenterWebsite {
  width: 780px;
  max-width: 780px;
  height: 100%;
  max-height: 100%;
  margin-left: auto;
  margin-right :auto;
  border: 0;
  background: transparent;
  text-align: left;
  }

/* Header */
#NaamLogo {
  width: 100%;
  max-width: 100%;
  padding-top: 15px;
  clear: both;
  text-align: center;
  }

/* Coryane banner */
#CoryaneBanner {
  padding-top: 15px;
  padding-bottom: 25px;
  width: 100%;
  max-width: 100%;
  clear: both;
  background: transparent url('../pics/Coryane_logo_breed.jpg') no-repeat center center;
  text-align: center;
  }

/************************************ MENU ************************************/

#MenuBlok {
  position: fixed;
  bottom: 0px;
  width: 130px;
  margin: 0;
  padding: 0;
  border-width: 0 1px 0 0;
  border-style: solid;
  border-color: transparent #e000ed transparent transparent;
  background: transparent;
  }

* html #MenuBlok {
  position: absolute;
  }

/* Link stijl */
a.menu, a.menu:link, a.menu:visited {
  display: block;
  width: 109px;
  margin: 0;
  padding: 5px 10px;
  border-width: 0;
  border-style: solid;
  border-color: transparent;
  text-decoration: none;
  text-align: left;
  color: #e000ed;
	font-size: 1.0em;
  font-variant: normal;
  }

a.menu:hover {
  width: 107px;
  border-width: 0 3px 0 0;
  border-color: transparent #e000ed transparent transparent;
  color: #838b9d;
  text-align: right;
  }

/* Link stijl actuele pagina */
#geselecteerd {
  display: block;
  width: 107px;
  padding: 5px 10px;
  border-width: 0 3px 0 0;
  border-style: solid;
  border-color: transparent #e000ed transparent transparent;
  text-decoration: none;
  text-align: right;
  color: #838b9d;
	font-size: 1.0em;
  font-variant: normal;
  }

/******************************* CONTENT **************************************/

#Content {
  display: inline;
  float: right;
  width: 620px;
	max-width: 620px;
  height: 100%;
  margin-left: 0;
  padding: 10px;
  border: 0;
  background: transparent;
  line-height: 1.5em;
  text-align: left;
  }

a:link {color: #8a4bf3; text-decoration: none;}
a:visited {color: #8a4bf3; text-decoration: none;}
a:hover {color: #e000ed; text-decoration: none;}
a:active {color: #8a4bf3; text-decoration: none;}

a.outlnk {color: #838b9d; text-decoration: underline;}

p:first-letter {
  font-size: 2.1em;
  color: #e000ed;
  }

span {color: #8a4bf3; text-decoration: none; font-size: 0.8em;}
em {color: #838b9d;}
a.meer {outline-style:none; text-decoration: none;}
a.meer em {display: none;}
a.meer:hover span {color: #e000ed;}
a.meer:active, a.meer:focus {background: transparent;}
a.meer:active span, a.meer:focus span {display: none;}
a.meer:active em, a.meer:focus em {display: block; width: 100%; max-width: 100%; font-style: normal; cursor: text;}

ul {
	list-style-type: none;
	list-style-position: outside;
	font-family: Verdana, Arial, Georgia;
	color: #838b9d;
	}

big {
	font-family: Verdana, Arial, Georgia;
	color: #e000ed;
	font-size: 1.2em;
	}

/* Routeplanner link */
.RouteplannerLnk {
  float: right;
  clear: both;
  text-decoration: none;
  font-size: 0.8em;
  }

.small {
  line-height: 1.5em;
  font-size: 0.8em;
  }

a.tooltip {color:#8a4bf3}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:20px; left:-10px; padding:0 10px; font-weight:normal; font-size:0.8em; color:#8a4bf3; white-space:nowrap; border:1px solid #e000ed; background:#f5f5f5; height:20px; width:auto; height:auto;}
a.tooltip:hover b em.outer {position:absolute; left:20px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #e000ed; overflow:hidden; z-index:100;}
a.tooltip:hover b em.inner {position:absolute; left:20px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #f5f5f5; overflow:hidden;; z-index:100;}

legend {
	color: #e000ed;
  }

td {
  vertical-align: top;
  }

input, option, select, textarea {
  background: #fcfcfc;
	font-family: Verdana, Arial, Sans-serif; /* set default font */
	font-size: 1em;                       /* set default font size */
	font-weight: normal;
	font-style: normal;
  line-height: 1.3em;
	text-decoration: none;
	color: #666666;
	}

iframe {
	border: 1px solid #e000ed;
	}

.alert {
	background: #fff6bf url(../pics/uitroepteken.gif) center no-repeat;
	background-position: 5px 40%;
	text-align: left;
	padding: 5px 20px 5px 60px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	color: #666666;
	font-weight: normal;
	}

/******************************** LINKS ***************************************/

h1 {
  float: left;
  margin: 0;
  padding: 7px;
	font-family: Verdana, Arial, Sans-serif; /* set default font */
	font-size: 2em;                       /* set default font size */
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #e000ed;
  }

h2 {
  display: inline;
	font-family: Verdana, Arial, Sans-serif; /* set default font */
	font-size: 1.7em;                       /* set default font size */
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #8a4bf3;
  }

h3 {
  display: inline;
	font-family: Verdana, Arial, Sans-serif; /* set default font */
	font-size: 1.3em;                       /* set default font size */
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #838b9d;
  }

.externallinks {
  margin-left: 60px;
  line-height: 2em;
  }

div.clearleft {
  clear: left;
  }

ul.disc {
  list-style-type: disc;
  list-style-position: outside;
  }