/* Tekenteam CSS */

/* Basic styles...................................................................*/


html,body {
margin						: 0px 0px 0px 0px;
padding						: 0px 0px 0px 0px;
}

html {
overflow					: -moz-scrollbars-vertical;
}

body {
background-image			: url(../img/bg.gif);
background-attachment		: fixed;
height						: 100%;
}

a {
text-decoration				: none;
color						: #E35702;
}

a:hover {
text-decoration				: none;
color						: #33CCFF;
}

a img {
text-decoration				: none;
border						: 0px;
}

h1 {
font-family					: "Arial", verdana;
font-size					: 14px;
font-weight					: bold;
line-height					: 1.4em;
color						: #330066;
margin						: 10px 30px 20px 13px;
text-align					: center;
}

h2 {
}

p {
font-family					: Arial;
font-size					: 12px;
line-height					: 1.4em;
color						: #330066;
margin						: 10px 30px 10px 13px;

}

ul{
border-top					: 2px solid #E35702;
border-bottom				: 2px solid #E35702;
margin						: 0px 0px 0px 0px;
padding						: 0px 0px 0px 0px;
width						: 7.7em;
background					: #F45D02;			
}


li {
margin						: 2px 0px 2px 0px;
list-style					: none;
font-family					: "Arial", "Comic Sans MS", verdana;
font-size					: 12px;
color						: #FFF;
display						: inline; /* this gets rid of the gaps */
}

	li a {
	margin						: 2px 0px 2px 0px;
	list-style					: none;
	display						: block;
	text-decoration				: none;
	color						: #FFF;
	width						: 7.7em;
	padding-left				: 10px;
	}
	
	li a:hover {
	margin						: 2px 0px 2px 0px;
	list-style					: none;
	display						: block;
	background					: #E35702;
	width						: 114px;
	text-decoration				: none;
	color						: #FFF;
	padding-left				: 10px;
	}


.impact {
font-family					: "Impact", "Comic Sans MS", Arial;
font-size					: 14px;
font-stretch				: wider;
}

.selected {
color						: #33CCFF;
width						: 114px;
text-decoration				: none;
padding-left				: 10px;
margin						: 2px 0px 2px 0px;
} 

table {
width						: 570px;
}

td {
font-family					: Arial;
font-size					: 12px;
text-align					: center;
}


hr {
width						: 80%;
height						: 1px;
color						: #330066;
background					: #330066;
border						: 0px;
}

/* placeholders...................................................................*/

#container {
width				: 760px;
margin				: auto;
height				: 100%;
}

	#top {
	width				: 763px;
	height				: 34px;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	background-image	: url(../img/top.jpg);
	background-repeat	: no-repeat;
	background-position	: top;
	vertical-align		: top;
	clear				: both;
	}
	
	#content {
	width				: 763px;
	clear				: both;
	background-image	: url(../img/background.gif);
	background-repeat	: repeat-y;
	}
	
	
		#header {
		width				: 760px;
		height				: 118px;
		background-image	: url(../img/header.gif);
		background-repeat	: no-repeat;
		clear				: both;
		}
		
		#banner {
		width				: 247px;
		height				: 74px;
		padding				: 10px 0px 0px 250px;
		float				: left;
		} 
		
		#head {
		float				: right;
		display				: inline;
		width				: 260px;
		margin				: 0px;
		padding				: 0px;
		}
		
		#talen {
		float				: right;
		display				: inline;
		width				: 62px;
		height				: 75px;
		margin				: 0px;
		padding				: 9px 35px 0px 0px;
		}
				
		#headp {
		float				: left;
		display				: inline;
		width				: 95px;
		margin				: 0px;
		padding				: 0px;
		}
		
		
		
			#headp p {
			font-family					: "Arial", "Comic Sans MS", verdana;
			font-size					: 12px;
			margin						: 0px 0px 0px 0px;
			padding-left				: 30px;
			padding-top					: 5px;
			color						: #FFF;
			text-align					: center;
			width						: 92px;
			float						: left;
			}
			
			#headp a {
			font-family					: "Arial", "Comic Sans MS", verdana;
			font-size					: 12px;
			color						: #FFF;
			text-decoration				: none;
			}
			
			#headp a:hover {
			font-family					: "Arial", "Comic Sans MS", verdana;
			font-size					: 12px;
			color						: #FFF;
			text-decoration				: none;
			border-bottom				: 1px solid #FFF;
			}
		
		#menucontainer {
		float				: left;
		width				: 153px;
		}
		
			#menutop {
			background-image	: url(../img/menutop.jpg);
			background-repeat	: no-repeat;
			height				: 21px;
			}
			#menu {
			padding-top			: 2px;
			padding-left		: 22px;
			}
			
#textcontainer {
float				: right;
width				: 590px;
background 			: #FFF;
overflow			: auto;
margin-right		: 5px;
}

	#footer {
	clear				: both;
	width				: 763px;
	height				: 50px;
	background-image	: url(../img/footer.gif);
	background-repeat	: repeat-y;
	text-align			: left;
	}
	#print {
	float				: right;
	width				: 150px;
	height				: 30px;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 10px;
	}
	#routeafbeelding {
	display: none;
	}
	
/* Einde CSS.......................................................................*/