/*Structuur en opbouw van het HTML-sjabloon*/
html, body{
	padding:5px 25px 25px;
	top: 5px;
	color: #222222;
	}
#container{
	margin: 0 auto; /*bovenaan is de marge gelijk aan 0, de andere marges kiest hij automatisch*/
	position: relative;
	clear: both;
	text-align: center;
	border-top: thin solid #353140;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #353140;
	width: 800px;
	}

ul.menu li a
{
	padding-left: 12px;
	font-size: 9px;
	letter-spacing: 1px;
	font-weight: lighter;
}
#inhoud li {
	font-size: 12px;
	font-weight: normal;
	list-style-type: disc;
}
ul.menu  li  a:hover 
  {
	font-weight:bold
	color:#fff;
	letter-spacing: 1px;
	font-weight: lighter;
/*border-left: 3px solid #30424e;*/
	/*padding-left: 12px;*/ }
ul.links li a
  { padding-left: 0px; }

A.menulink0 {
	display: block;
	width: auto;
	text-align: left;
	text-decoration: none;
	font-family: arial;
	font-size: inherit;
	color: #AA0000;
}
A.menulink0:hover {
	border-left: 5px solid #DD0000;
	color:#DD0000;
	padding-left:7px;
}

A.menulink1 {
	display: block;
	width: auto;
	text-align: left;
	text-decoration: none;
	font-family: arial;
	font-size: inherit;
	color: #ff6600;
}
A.menulink1:hover {
	border-left: 5px solid #FF6666;
	color:#FF6666;
	padding-left:7px;
}

A.menulink2 {
	display: block;
	width: auto;
	text-align: left;
	text-decoration: none;
	font-family: arial;
	font-size: inherit;
	color: #663300;
}
A.menulink2:hover {
	border-left: 5px solid #996666;
	color:#996666;
	padding-left:7px;
}

A.menulink3 {
	display: block;
	width: auto;
	text-align: left;
	text-decoration: none;
	font-family: arial;
	font-size: inherit;
	color: #CC9900;
}
A.menulink3:hover {
	border-left: 5px solid #CC9966;
	color:#CC9966;
	padding-left:7px;
}


A.menulink4 {
	display: block;
	width: auto;
	text-align: left;
	text-decoration: none;
	font-family: arial;
	font-size: inherit;
	color: #996699;
}
A.menulink4:hover {
	border-left: 5px solid #9966FF;
	color:#9966FF;
	padding-left:7px;
}


A.menulink5 {
	display: block;
	width: auto;
	text-align: left;
	text-decoration: none;
	font-family: arial;
	font-size: inherit;
	color: #000088;
}
A.menulink5:hover {
	border-left: 5px solid #0000BB;
	color:#0000BB;
	padding-left:7px;
}
A.menulink6:hover {
	border-left: solid 5px #9999ff;
	color:#660066;
	padding-left:7px;
}
A.menulink7 {
	display: block;
	width: auto;
	text-align: left;
	text-decoration: none;
	font-family: arial;
	font-size: inherit;
	color: #993399;
}
A.menulink7:hover {
	border-left: 5px solid #6600FF;
	color:#6600FF;
	padding-left:7px;
}
A.menulink8 {
	display: block;
	width: 60%;
	text-align: left;
	text-decoration: none;
	font-family: arial;
	font-size: inherit;
	color: #99CC00;
}
A.menulink8:hover {
	border-left: 5px solid #99CC66;
	color:#99CC66;
	padding-left:7px;
}
A.menulink9 {
	display: block;
	text-align: left;
	text-decoration: none;
	font-family: arial;
	font-size: inherit;
	color: #336699;
}
A.menulink9:hover {
	border-left: 5px solid #3366FF;
	color:#3366FF;
	padding-left:7px;
}
A.menulink10 {
	display: block;
	width: auto;
	text-align: left;
	text-decoration: none;
	font-family: arial;
	font-size: inherit;
	color: #CC6699;
}
A.menulink10:hover {
	border-left: 5px solid #CC66FF;
	color:#CC66FF;
	padding-left:7px;
}




h1{
	text-decoration: none;
	border-bottom: 2px dotted #444;
}


ul.menu, ul.plain, ul.links, ul.contact
  { list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 30px; }
ul.links li
  { display: inline; }
.menu
  {
}


#banner{
	font-size: 12px;
	font-weight: lighter;
	}
#knoppenbalk{
	height:20px;
	margin:0px;
	padding:0px;
	width: 100%;
	float: none;
	}

#rechts{
	float:right; /*de div met id "rechts" gaat rechts staan*/
	width:79%; /*de div krijgt een breedte van 70%*/
	margin:0;
	padding:0px;
	}
#inhoud{
	font-size: 12px;
	text-align: left;
	font-weight: lighter;
	border-top: thin solid #DDDDDD;
	border-bottom: thin solid #DDDDDD;
	}
#inhoud td {
}
#inhoudshop{
	
	text-decoration: none;
	font-size: 12px;
	height: 90%;
	float: none;
	text-align: left;
	font-weight: lighter;
	width: 100%;
	border: thin solid #222222;
	}
#container #inhoudshop td {
	border: thin solid #888888;
}
/*Uitzicht van de webpagina, en de html-onderdelen*/
#knoppenbalk ul li{
	float:left;
	list-style-type:none;
	color: #222222;
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	}
#knoppenbalk ul{
	margin:0;
	padding:0 10px;
	word-spacing: 10px;
	color: #222222;
	letter-spacing: 5px;
	float: right;
	}
#knoppenbalk ul li a{
	padding-left:10px;
	padding-right:10px;
	display:inline-block;
	font-variant:small-caps;
	text-decoration:none;
	float: right;
	text-align: right;
	color: #222222;
	}
#knoppenbalk ul li a:hover{
	padding-left:10px;
	padding-right:10px;
	display:inline-block;
	font-variant:small-caps;
	text-decoration:none;
	float: right;
	color: #AA0000;
	text-align: right;
	}
#footer{
	clear:both;
	width:100%;
	margin:0;
	padding-top:10px;
	padding-bottom:10px;
	height:10%;
	position:relative;
	bottom: 0;
	text-align:center;
	font-size: 12px;
	color: #222222;
	text-decoration: none;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #555555;
	}
#inhoud p:{
	
	float:none;
	}
#container #footer a {
	color: #550000;
}
#inhoud p:first-letter{
	font-size:15px;
	float:none;
	}

#inhoud p {
	margin-left: 10px;
	padding-left: 10px;
	font-weight: lighter;
	padding-top: 3px;
}
#inhoud  a:hover {
	color: #CC6600;
}
#inhoud a {
	color: #FF3300;
	text-decoration: none;
}
#inhoud p:{
	
	float:none;
	}

#inhoud p:first-letter{
	font-size:15px;
	float:none;
	}
#links {
	float: left;
	height: 350px;
	width: 21%;
}
#inhoudshop p {
	color: #5F5F5F;
	margin-left: 10px;
	padding-left: 10px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: lighter;
}
#inhoudshop  a:hover {
	color: #770000;
}
#inhoudshop a {
	color: #FF3300;
	text-decoration: none;
#ts {
	background-image: url(fotos/tsh.jpg);
}