/*
	Stylesheet voor Evert's website
	www.evertmouw.nl
	Evert Mouw, 2010
*/

/* Externe links
   gebaseerd op tips van Jim Wilkinson en Roger Johansson
   http://www.456bereastreet.com/archive/200812/reveal_new_window_links_and_links_to_non-html_files_with_a_user_stylesheet/
*/

a {
	text-decoration: none;
	color: #6a5acd;
}

a[target=blank]:hover:before,
a[target=_blank]:hover:before,
a[target="_blank"]:hover:before,
a[target=new]:hover:before,
a[target=_new]:hover:before,
a[target="_new"]:hover:before {
	content: "\21D2";
	background-color: orange;
	color: blue;
}

a[href$="pdf"]:after {
	margin:0 0 0 5px;
	content: url("/inc/pdf_icon.png");
}

a[href$="doc"]:after {
	margin:0 0 0 5px;
	content: url("/inc/doc_icon.png");
}

img {
	margin-right: 10px;
}

body {
	color: White;
	background-color: Teal; /* Gray was zakelijker, maar lelijk en saai */
}

cite {
	font-size: smaller;
}

/* textuele inhoud krijgt een andere stijl */

.inhoud {
	background-color: #f0ffff;
	background: -moz-linear-gradient( top, #f0ffff 3%, #fffaf0 10%, #f0ffff );
	background: -ms-linear-gradient( top, #f0ffff 3%, #fffaf0 10%, #f0ffff );
	background: -o-linear-gradient( top, #f0ffff 3%, #fffaf0 10%, #f0ffff );
	background: linear-gradient( top, #f0ffff 3%, #fffaf0 10%, #f0ffff );
	background: -webkit-gradient( linear, 0 3%, 0 100%, from(#f0ffff), color-stop(10%, #fffaf0), to(#f0ffff) );
	-moz-border-radius: 5%;
	-webkit-border-radius: 15px; /* webkit pakt de procenten niet */
	border-radius: 5%;
	padding: 1%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
	line-height: 130%;
}
.inhoud h1 {
	color: #f08080;
}
.inhoud h2 {
	color: #FF7F50;
}
.inhoud h3 {
	 color: #FF6347;
}

.inhoud a {	text-decoration: none; color: #6495ed; }
.inhoud a:link { color: #6495ed; }
.inhoud a:visited { color: #6495ed; }
.inhoud a:hover {
	/*background-color: #fffacd;*/
	background: white;
	border-color: green;
	border-width: 2px;
	border-style: solid;
	border-radius: 5px; /* rounded boxes */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* code samples */
.code {
	background-color: inherit;
	color: Aqua;
	border: thin solid Gray;
	padding-left: 5px;
	font-family: monospace;
}

/* de bovenbalk op de pagina */
.top {
	font-size: xx-large;
	text-align: left;
	letter-spacing: 20px;
	text-indent: 20%;
	font-variant: small-caps;
	font-weight: bold;
	font-family: cursive;
}

/* nog even een voet onderaan (contact, sitemap) */
.footer {
	background-color: LightSalmon;
	background: -moz-linear-gradient( top, Tomato, LightSalmon, Tomato );
	background: -ms-linear-gradient( top, Tomato, LightSalmon, Tomato );
	background: -o-linear-gradient( top, Tomato, LightSalmon, Tomato );
	background: linear-gradient( top, Tomato, LightSalmon, Tomato );
	background: -webkit-gradient( linear, 0 3%, 0 100%, from(Tomato), color-stop(50%, LightSalmon), to(Tomato) );
	-moz-border-radius: 5%;
	-webkit-border-radius: 15px; /* webkit pakt de procenten niet */
	border-radius: 5%;
	padding: 1%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: gray;
	line-height: 130%;
	font-family: "Times New Roman", Times, serif;
	text-align: left;
	margin-left: 10%;
	margin-right: 30%;
}

.menu {
	background: orange;
	border-radius: 10px; /* rounded boxes */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-style: normal;
	font-variant: normal;
	color: black;
	margin: 10px; /* keep the menu items seperated from each other */
	padding: 15px; /* nice boxes around the text */
	display: inline-block; /* prevents overlapping on small screens */
}
.menu:hover {
	background: yellow;
}

/* voor het menu (MOMENTEEL NIET IN GEBRUIK) */
/* .vlak1 { background-color: yellow; cursor: pointer; } */
/* .vlak2 { background-color: orange; } */