/*
*	Stylesheet for gerbrands.dingetje.nl
*
*	Note: max-width is used for readability on large screens (unfortunately, IE does not support max-width)
*
*	light colors: ghostwhite #F8F8FF, darkgray #A9A9A9 (not so dark as the name suggests! ;))
*	dark colors: tomato #FF6347, darkslateblue #483D8B, dimgray #696969, darksalmon #E9967A
*/

body { margin: 0px; font: 80% verdana,helvetia,sans-serif; max-width: 800px; background-color: #F8F8FF; color: #4F4F4F }
td, li, p { max-width: 700px }
h1 { margin-left: 10px; font-size: 130%; color: #483D8B }
h2 { margin-left: 10px; font-size: 120%; color: #483D8B }
h3, h4, h5, h6 { margin-left: 10px; font-size: 110%; color: #483D8B }
a { color: #FF6347; text-decoration: none }
a:visited { color: #E9967A; text-decoration: none }
a:hover { border-bottom: 1px solid #F08080; border-bottom-style: dashed }
hr { margin-top: 5px; margin-bottom: 5px; border-style: dashed; color: #D3D3D3; width: 95%; text-align: left }
ul { margin-left: 2px; margin-top: 2px; margin-bottom: 2px; list-style-position: outside; list-style-type: none}
li { list-style-position: outside; list-style-type: none }
blockquote { border-left: 1px solid #CCC; padding-left: 5px }
p.bigfirst:first-letter { font-size: 250%; float: left }

#topbar { background-color: #FF6347; height: 50px }
#topbarcell { background-color: #FF6347; border-bottom: 2px dashed #999 }
#topbarsearch { float: right; padding-right: 15px; padding-top: 20px }
#topbarlink { text-indent: 10px; color: #F8F8FF; padding-top: 30px; font-size: 85%; font-weight: bolder }

#maintable { width: 100%; border-collapse: collapse }

#newstable { padding-left: 5px; margin-top: 60px; color: #fff; background-color: #483D8B; width: 95%; font-weight: bold }
#menulink { color: red; text-decoration: none}
#menubackhome { background-color: #DCDCDC; padding-top: 7px; margin-top: 25px; padding-bottom: 10px; margin-bottom: 5px; padding-left: 5px; width: 95% }
#menuback { background-color: #DCDCDC; padding-top: 7px; margin-top: 75px; padding-bottom: 10px; margin-bottom: 5px; padding-left: 5px; width: 95% }

#footer { border-top: 2px dashed #D3D3D3 }
#footercopyright { writing-mode: tb-rl;	height: 80px; font: 80% verdana,helvetia,sans-serif; color: #ccc; padding-top: 50px; align: center }
#footercopyright a { color: #FFA07A; text-decoration: none; border: 0px }

#searchheader { width: 80%; margin-left: 10px; text-align: center; background-color: #ffffff }
#searchfooter { width: 80%; margin-left: 10px; text-align: center; background-color: #ffffff }

.articletitle { width: 95%; margin-left: 10px; margin-top: 30px; font-weight: bold; color: #4F4F4F; padding-right: 10px }
.article { width: 95%; margin-left: 10px; margin-top: 10px; color: #4F4F4F; padding-right: 10px }
.articlefooter { font-weight: normal; font-size: 85%; text-align: right; margin-right: 30px }
.title { font-weight: bold; color: #483D8B }
.note { font-weight: normal; font-size: 85%; text-align: right; margin-right: 30px }
.comment { font-weight: normal; font-style: italic; font-size: 75% }
.imgEffect { float: right; margin-left: 10px; margin-right: 6px; margin-bottom: 2px; padding: 3px; border: 2px dashed #D3D3D3 }
.imgEffectAlternate { float: left; margin-right: 10px; margin-left: 0px; margin-bottom: 2px; padding: 3px; border: 2px dashed #D3D3D3 }
.currentpage { font-weight: bolder; color: red }
.formfield { font-size: 85%; font-family: verdana,helvetia,sans-serif }
.helpbar { border: 0px };
.searchdetails { font-weight: normal; font-size: 85%; color: #A9A9A9 }
.news { border: 1px dashed #483D8B; border-top: 0px; width: 95% }
.newsdate { font-weight: normal; font-size: 80%; margin-right: 5px }
.newslink { font-size: 85%; text-decoration: none }