/*

	Style.CSS

	(C) INNONET Innovatief In Internet

	Gemaakt door:	Daryl Stark
					daryl@innonet.nl

*/

/* As */

a:link, a:active, a:visited
{
	color: #000000;
	text-decoration: none;
}

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

a.AMenuItem:link, a.AMenuItem:active, a.AMenuItem:visited
{
	color: #CCCCCC;
	text-decoration: none;
}

a.AMenuItem:hover
{
	color: #000000;
	text-decoration: none;
}

a.AMenuItemHover:link, a.AMenuItemHover:active, a.AMenuItemHover:visited
{
	color: #000000;
	text-decoration: none;
}

a.AMenuItemHover:hover
{
	color: #000000;
	text-decoration: none;
}

a.ABottomMenu:link, a.ABottomMenu:active, a.ABottomMenu:visited
{
	color: #666666;
	text-decoration: none;
}

a.ABottomMenu:hover
{
	color: #666666;
	text-decoration: underline;
}

a.APhotos:link, a.APhotos:active, a.APhotos:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

a.APhotos:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

a.AMusic:link, a.AMusic:active, a.AMusic:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

a.AMusic:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

/* BODYs */

body
{
	font-family:						Verdana, Tahoma;
	font-size:							8pt;
	margin:								0px;
	background-color:					#333333;
 	scrollbar-arrow-color: 		#000000;
	scrollbar-face-color: 		#FFFFFF;
	scrollbar-highlight-color: 	#000000;
	scrollbar-3dlight-color: 	#cccccc;
	scrollbar-shadow-color: 	#000000;
	scrollbar-darkshadow-color: 	#cccccc;
	scrollbar-track-color: 		#FFFFFF;
}

/* DIVs */

div.DivSite
{
	width:								800px;
	height:								600px;
	background-image:					url(img/back.jpg);
	position:							absolute;
	left:								50%;
	top:								50%;
	margin-left:						-400px;
	margin-top:							-300px;
}

div.DivContent
{
	position:							absolute;
	width:								600px;
	height:								410px;
	left:								190px;
	top:								150px;
	overflow:							auto;
}

div.DivBottomMenu
{
	position:							absolute;
	width:								600px;
	left:								190px;
	top:								570px;
	text-align:							center;
	color:								#666666;
}

div.DivMenuDiv
{
	position:							absolute;
	width:								146px;
	left:								10px;
	top:								256px;
	text-align:							center;
}

div.DivMenuTop
{
	font-weight:						bold;
	color:								white;
	background-image:					url(img/menu_top_back.gif);
	height:								24px;
	padding:							0px;
}

div.DivMenu
{
	color:								white;
	background-image:					url(img/menu_back.gif);
	background-repeat:					repeat-x;
	padding:							0px;
	border:								1px solid #969696;
	border-top:							0px;
	background-color:					#171717;
}

div.DivMenuItem
{
	padding-top:						7px;
	padding-bottom:						7px;
	padding-left:						12px;
	padding-right:						12px;
	color:								#CCCCCC;
	text-align:							left;
	font-weight:						bold;
}

div.DivMenuItemHover
{
	background-color:					#CFCFCF;
	color:								#000000;
}

div.DivSubMenuItem
{
	padding-top:						3px;
	padding-bottom:						3px;
	padding-left:						25px;
	padding-right:						12px;
	color:								#CCCCCC;
	text-align:							left;
	font-weight:						bold;
}

div.DivSubMenuItemHover
{
	background-color:					#CFCFCF;
	color:								#000000;
}

div.DivPicturesTitle
{
	background-color:					#000000;
	color:								white;
	font-size:							10pt;
	font-weight:						bold;
	padding:							5px;
	color:								white;
}


div.DivPicturesNav
{
	text-align:							right;
	padding:							5px;
}

div.DivPicturesMore
{
	text-align:							right;
	padding:							5px;
	background-color:					#555555;
}

div.DivPictureList
{
	width:								100%;
	overflow:							auto;
}

div.DivMusicButton {
	position:							absolute;
	text-align:							right;
	padding-top:		5px;
	padding-left:		5px;
}

/* Ps and Hs */

h1
{
	color:								#999999;
	font-size:							15pt;
	font-weight:						bold;
}

/* TABLEs */

table.TableContactForm
{
	width:								90%;
}

table.TableFotos
{
	width:			400px;
	font-size:		8pt;
	height:			500px;
}

table.TablePictures
{
	width:								90%;
}

/* TDs */

td.TdContactLeft
{
	width:								50%;
	font-weight:						bold;
	font-size:							8pt;
	vertical-align:						top;
}

td.TdContactRight
{
	width:								50%;
	font-size:							8pt;
}

td.TdContactButton
{
	width:								100%;
	text-align:							center;
	padding-top:						10px;
}

td.TdFotosLeft
{
	width:								120px;
	background-color:					#CCCCCC;
	vertical-align:						top;
}

td.TdFotosRight
{
	vertical-align:						top;
}

td.TdPicture
{
	width:								25%;
	text-align:							center;
	vertical-align:						middle;
	padding-top:						5px;
}

/* INPUTs */

input.InputText
{
	width:								90%;
	font-family:						Verdana, Tahoma;
	font-size:							8pt;
	background-color:					#FFFFFF;
	border:								1px solid #666666;
	color:								#666666;
}

input.InputButton
{
	font-size:							8pt;
	background-color:					#FFFFFF;
	border:								1px solid #666666;
	color:								#666666;
	font-weight:						bold;
}

/* TEXTAREAs */

textarea.TextAreaText
{
	width:								90%;
	height:								120px;
	font-family:						Verdana, Tahoma;
	font-size:							8pt;
	background-color:					#FFFFFF;
	border:								1px solid #666666;
	color:								#666666;
}