/* GENERAL STYLES */
body {margin: 0px; padding: 0px; font-family: Arial, Verdana; font-size: 12px; }
html {scrollbar-arrow-color:#000000; scrollbar-track-color:#cccccc; scrollbar-face-color:#90c500; scrollbar-highlight-color:#F2F2FF; scrollbar-3dlight-color:#F2F2FF; scrollbar-darkshadow-color:#B3B3FF; scrollbar-shadow-color:#B3B3FF; overflow-y: scroll; overflow-x: hidden;}

/* Layout */
.Wrapper {position: relative; margin: 0px auto 0px auto; width: 796px; min-height: 599px; height: auto !important; height: 599px;}
#banner {float: left; width: 210px; background-color: #90c500; min-height: 40px; height: auto !important; height: 40px; color: #ffffff; font-size: 16px; text-align: right; font-weight: bold; padding: 7px 0px 0px 0px; margin: 0px 0px 0px 0px; letter-spacing: 4px;}
#banner ul {list-style-type: none; padding: 30px 0px 0px 10px; margin: 0px 0px 0px 0px; background-color: #90c500; min-height: 40px; height: auto !important; height: 40px;}
#banner2 {float: left; width: 576px; background-color: #b4e2ef; min-height: 20px; height: auto !important; height: 20px; color: #001d98; font-size: 14px; text-align: left; padding: 10px 0px 0px 10px; margin: 0px 0px 0px 0px;}
#logo {background: url(/media/52/jankoeman-logo.jpg) no-repeat; float: left; width: 315px; min-height: 47px; height: auto !important; height: 47px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}

#MainNavigation {float: left; list-style-type: none; color:#001d98; margin: 0px 0px 0px 0px; width: 210px; min-height: 200px; height: auto !important; height: 200px; background-color: #90c500;}
#SubNavigation {float: left; list-style-type: none; color:#ffffff; width: 576px; min-height: 170px; height: auto !important; height: 170px; background-color: #b4e2ef; font-weight: bold; word-spacing: 5px; line-height: 19pt; margin: 0px 0px 0px 0px; padding: 30px 0px 0px 10px; font-size: 13px;}
#SubNavigation .ItemSpaced {margin-right: 20px;}

/* NAVIGATION HOME */
			.home	{		float: left;
						font-family: arial, helvetica, sans-serif;
						background: url(http://www.jankoeman.nl/media/126/home-wit.jpg) no-repeat;
						width: 200px;
						height: 20px;
	                    overflow:hidden;/* for ie to hide extra height*/	
			}
			.home a {		display: block;
						color: #000000;
						font-size: 11px;
						width: 200px;
						height: 20px;
						float: left;
						color: black; 
						text-decoration: none;
						overflow:hidden;/* for ie to hide extra height*/
			}
			.home a:hover {		color: #ffffff;
			}
			

			.home img {width: 200px; height: 20px; border: 0;}
			* html a:hover {visibility:visible}
			.home a:hover img{visibility:hidden}

			/* END OF NAVIGATION */

#MainMenu .home {padding: 0px 0px 0px 0px; margin: 10px 0px 5px 0px;}
.NavButton {padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px;}
.NavButton img {float: left;}

#balk {float: left; width: 210px; background-color: #001d98; min-height: 30px; height: auto !important; height: 30px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#afbeelding {position: absolute; top:400; width: 205px; min-height: 205px; height: auto !important; height: 205px; margin: 7px 0px 0px 0px;}
#balk2 {float: left; width: 586px; background-color: #001d98; min-height: 30px; height: auto !important; height: 30px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#balk3 {float: left; width: 601px; background-color: #001d98; min-height: 30px; height: auto !important; height: 30px; padding: 0px 0px 0px 0px; margin: -12px 0px 0px -15px;}

#SideColumn {float: left; background-color: #001d98; color: #ffffff; min-height: 100%; height: auto !important; height: 100%; width: 205px; padding-top: 190px; margin: 0px 0px 0px 0px;}
#SideColumn ul {list-style-type: none; color:#ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px; font-size: 13px; font-weight: bold;}
#SideColumn li {color:#ffffff; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; font-size: 13px; font-weight: bold;}
#SideColumnContact {float: left; background-color: #001d98; color: #ffffff; min-height: 100%; height: auto !important; height: 100%; width: 205px; padding-top: 150px; margin: 0px 0px 0px 0px;}
#SideColumnContact ul {list-style-type: none; color:#ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px; font-size: 13px; font-weight: bold;}
#SideColumnContact li {color:#ffffff; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; font-size: 13px; font-weight: bold;}
#groen { float: left; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; min-height: 100%; height: auto !important; height: 100%; width: 586px;}

#MainContent {float: left; background-color: #b4e2ef; color: #001d98; min-height: 100px; height: auto !important; height: 100px; width: 566px; padding: 10px 10px 10px 10px; margin: 0px 0px 0px 0px; font-size: 13px; font-weight: bold;}
#MainContent ul {color: green; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 17px;}
#MainContent li {list-style-type: disc; color: #90c500; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} 
#MainContent a {color: #001d98;}
.subcatering {color: #001d98;}

a {text-decoration: none; color: #ffffff;}
a:hover {text-decoration: none; color: #001d98;}

#SideColumnContact a:hover {color: #ffffff; text-decoration: underline;}

/* Misc. */
.ClearEnd {clear: both;}
h1 {margin: 0px 0px 0px 0px; padding: 4px 0px 0px 10px; font-size: 18px; color: #ffffff; }
h2 {margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; font-size: 12px; color: #001d98; text-transform: uppercase}
h3 {margin: 0px 0px 0px 0px; padding: 4px 0px 0px 10px; font-size: 18px; color: #ffffff; }
h4 {color: red; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
p {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#MainContent img {margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px;}
.actie {color:red}

/* EDITOR PROPERTIES */