/*=====================================================================*/
/*                                                                     */
/*     Stylesheet  www.opelwilly.com                                   */
/*                                                                     */
/*=====================================================================*/


h4
{
	font-family: Verdana;
	font-size: 14pt;
	font-weight: bold;
	color:Black;
	text-align: center;
}


BODY
{
	font-family: Verdana;
	font-size: 9pt;
	font-weight: normal;
	color:Black;
	text-align: left;
}


mbody
{
	font-family: Verdana;
	font-size: 9pt;
	font-weight: normal;
	color:Black;
	text-align: left;
}

.Titel
{
	font-family: Verdana;
	font-size: 12pt;
	font-weight: bold;
	color: gray;
	text-align: right;
	border-bottom: 'solid 2 #CCCCCC';
	border-bottom-width: thick;
}

.Main
{
	Font-family: Verdana;
	font-size: 9pt;
	font-weight: normal;
	color: Black;
	text-align: Left;
	margin:15px;
}

.Footer
{
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: gray;
	text-align: center;
}

.SiteMapPath
{
	background-color: #FFCC33;
	font-family: Verdana;
	font-size: 8pt;
	height: 18px;
	width: 100%;
	border-right: #ffcc33 5px solid;
	border-top: #ffcc33 5px solid;
	border-left: #ffcc33 5px solid;
	border-bottom: #ffcc33 5px solid;
}
H5
{
	font-weight: bold;
	font-size: 12pt;
	font-family: Verdana;
	position: relative;
	top: 4px;
	background-color: silver;
	text-align: center;
}

h6
{
	font-weight: bold;
	font-size: 18pt;
	color: maroon;
	font-family: Verdana;
}

h7
{
	font-size: 12pt;
	color: maroon;
	font-style: italic;
	font-family: Verdana;
}

.Brief
{
	margin: 10px;
	padding: 10px;
	border: thin solid #C0C0C0;
	color: #000000;
	font-family: Verdana;
	text-align: left;
	font-size: 9pt;
	font-style: italic;
}

.Brief.Tabel
{
	border-width: 0px;
	margin: 0px;
	border-style: none;
	font-style: normal;
}

/*******************************************************************/
/*   Garage willy Syles											   */
/*******************************************************************/

.infopage
{
	text-align:left;
	margin:10px;
}

.infopage h2
{
	text-align: right;
	font-weight: bold;
	color: #808080;
}


/*******************************************************************/
/*   Tabellen die breder kunnen wordne dan scherm				   */
/*******************************************************************/

.Tabellen
{
	text-align:left; 
	margin-left:0px; 
	padding-left:0px; 
	width:620px; 
	overflow: auto;
	
}



/* ================================
    CSS STYLES FOR THE ASP.NET PORTAL STARTER KIT
    v1.0, 10/2002
   ================================
*/   


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
    background-color: Maroon;
}

/* background color for the content part of the pages */
Body
{
    background-color: white;
}


/* PAGE BANNER */
/* NOTE: Site Title, Site Links and Tabs are rendered by MobilePortalBanner.ascx
/* style for the text of the site title */
.SiteTitle
{
	font-weight: bold;
	font-size: 20px;
	color: #ffff00;
	font-family: Verdana Bold, Helvetica, sans-serif;
}

/* background/border colors for the selected tab */
.TabBg {
    background-color: white;
    border-color: white;
}

/* background/border colors for the unselected tabs */
.OtherTabsBg {
    background-color: Gray;
    border-color: black;
}

/* text style for the selected tab */
.SelectedTab {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    color: Maroon;
    font-weight: bold
}

/* text style for the unselected tabs */
.OtherTabs {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    color: Yellow;
    text-decoration:none;
    font-weight: bold
}

/* hyperlink styles of the unselected tabs */
A.OtherTabs:link    {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:visited {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:active  {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:hover   {
    text-decoration:    underline;
    color:white;
}
    
/* text style for the site links (at extreme top-right of header) */
/* and the Menuitems in menucontrol */
.SiteLink {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color:white;
}   

/* hyperlink style for the site links */
A.SiteLink:link {
    text-decoration:    none;
    color:white;
}

A.SiteLink:visited  {
    text-decoration:    none;
    color:#eeeeee;
}

A.SiteLink:active   {
    text-decoration:    none;
    color:#eeeeee;
}

A.SiteLink:hover    {
    text-decoration:    underline;
    color:white;
}

A.SiteLink:mouseover   {
    text-decoration:    underline;
    color:white;
}

/* style for separator between site links */
.Accent
{
    color: red;
    font-weight:    bold;
}

/*----------------------*/
/* text style for the submenu links  */
.SubSiteLink
{
	font-weight: normal;
	font-size: 9px;
	font-family: Verdana, Helvetica, sans-serif;
	text-align: right;
}   

/* hyperlink style for the site links */
A.SubSiteLink:link {
    text-decoration:    none;
    color:white;
}

A.SubSiteLink:visited  {
    text-decoration:    none;
    color:#eeeeee;
}

A.SubSiteLink:active   {
    text-decoration:    none;
    color:#eeeeee;
}

A.SubSiteLink:hover    {
    text-decoration:    underline;
    color:white;
}





/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-size: 11px;
    background-color: #eeeeee
}   

/* style of item titles by Announcements and events */
.TableTitle
{
	font-family: Verdana;
	font-size: 12pt;
	font-weight: bold;
	color: gray;
	text-align: right;
	border-bottom: 'solid 2 #CCCCCC';
	border-bottom-width: thick;
}

.ItemTitle
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: Maroon;
	line-height: 25pt;
}

/* style of the Item Separators in lists */
.ItemSeparator 
{
	width: 100%;
	height: 1pt;
	color: Silver;
}

.FormFields
{
	font-family: Verdana;
	font-size: 10pt;
	font-weight: normal;
	color: black;
	text-align: left;
}


/* GENERAL */
/* style for module titles */
.Head   {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: Maroon;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: black;
}

/* text style used for most text rendered by modules */
.Normal
{
	font-weight: normal;
	font-size: 11px;
	color: black;
	line-height: 12px;
	font-family: Verdana, Helvetica, sans-serif;
}

/* text style used for most text rendered by modules */
.Warning
{
	font-weight: bold;
	font-size: 12px;
	color: red;
	line-height: 12px;
	font-style: italic;
	font-family: Verdana, Helvetica, sans-serif;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.NormalRed
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: red
}

.NormalBold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: Maroon;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: Maroon;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: Maroon;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: red;
}
    



/* GENERIC */
H1  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H2  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H3  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: Maroon;
}

H4  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: Maroon;
}

H5, DT  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: Maroon;
}

H6  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: Maroon;
}

TFOOT, THEAD    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    color: Maroon;
}

TH  {
    vertical-align: baseline;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: Maroon;
}

A:link  {
    text-decoration:    none;
    color:  Maroon;
}

A:visited   {
    text-decoration:    none;
    color:  Maroon;
}

A:active    {
    text-decoration:    none;
    color:  Maroon;
}

A:hover {
    text-decoration:    underline;
    color:  red;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}


UL LI
{
	font-size: x-small;
	font-family: verdana;
	list-style-type: square;
}

UL LI LI    {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

HR {
    color:  Silver;
    height:1pt;
    text-align:left
}



/* text style for the site links (at extreme top-right of header) */
/* and the Menuitems in menucontrol */
.MenuDef
{
	font-weight: bold;
	font-size: 11px;
	color: white;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #993300;
}   

/* hyperlink style for the site links */
.MenuLink {
    text-decoration:    none;
    color:white;
}

.MenuVisited  {
    text-decoration:    none;
    color:#eeeeee;
}

.MenuActive   {
    text-decoration:    none;
    color:#eeeeee;
}

.MenuHover    {
    text-decoration:    underline;
    color:white;
}

.MenuMouseover   {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration:    underline;
    color:white;
    background-color: #993300;
}

/*============================================================================*/
/*																			  */
/*   FotoView styles bij de webcontrol										  */
/*																			  */
/*============================================================================*/

.FotoView
{
	CLEAR: both; 
	PADDING-RIGHT: 3px; 
	BORDER-TOP: whitesmoke 1px solid; 
	PADDING-LEFT: 3px; 
	Z-INDEX: 101; 
	PADDING-BOTTOM: 2px; 
	OVERFLOW: hidden; 
	WIDTH: 756px; 
	PADDING-TOP: 3px; 
	BORDER-BOTTOM: beige 2px solid;  
	BACKGROUND-COLOR:White;
}

.FV_Foto
{
	margin: 5 px;
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 2px; 
	Z-INDEX: 104; 
	WIDTH: 760px; 
}
	.thumb 
	{ 
		BACKGROUND: orange; 
	    BORDER-RIGHT: orange 1px solid; 
	    PADDING-RIGHT: 2px; 
	    BORDER-LEFT:orange 1px solid; 
	    PADDING-LEFT: 2px; 
	    BORDER-TOP: orange 1px solid; 
		PADDING-TOP: 2px; 
	    BORDER-BOTTOM: orange 1px solid ;
		PADDING-BOTTOM: 2px; 
	}
	
	.photoover 
	{ 
		BACKGROUND: #cccccc; 
		BORDER-RIGHT: #999999 1px solid; 
		PADDING-RIGHT: 2px; 
		BORDER-LEFT: #ffffff 1px solid; 
		PADDING-LEFT: 2px; 
		BORDER-TOP:#ffffff 1px solid; 
		PADDING-TOP: 2px; 
		BORDER-BOTTOM: #999999 1px solid; 
		PADDING-BOTTOM: 2px; 
	    FILTER: progid:DXImageTransform.Microsoft.fade(duration=0.8),progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, ShadowOpacity=.30); 
		CURSOR: hand; 
	}
	
	.imgL 
	{ 
		BORDER-RIGHT: #99ccff 5px solid; 
	    PADDING-RIGHT: 30px; 
	    BORDER-TOP: #336699 5px solid; 
	    PADDING-LEFT: 30px; BACKGROUND: #6699cc; 
	    PADDING-BOTTOM: 30px; 
	    BORDER-LEFT: #336699 5px solid; 
		FILTER: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
	    CURSOR: hand; PADDING-TOP: 30px; 
	    BORDER-BOTTOM: #99ccff 5px solid 
	}
	
	.slides 
	{ FILTER: progid:DXImageTransform.Microsoft.fade(duration=0.9) }
	
	.hFolder 
	{ 
	    BEHAVIOR: url(#default#httpFolder) 
	}


/*============================================================================*/
/*																			  */
/*   Partner workbench styles												  */
/*																			  */
/*============================================================================*/

.WB_Titel
{
	font-family: Verdana;
	font-size: xx-large;
	font-weight: bold;
	font-style: italic;
	color: #800000;
	background-color: #FFFFCC;
	text-align: right;
}

.WB_SubTitel
{
	font-family: Verdana;
	font-size: x-large;
	font-weight: bold;
	font-style: italic;
	color: #800000;
	
	text-align: right;
}