/*
==============
 ALGEMEEN
==============
*/
BODY { background-color: #D0242D; text-align: center; margin: 5px 5px }

/*
==============
 HYPERLINKS
==============
*/
A               { font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000000; text-decoration:underline; }
A:active        { color:#000000; }
A:hover         { color:#000000; background-color:#D5F1FF; }
A:visited       { color:#000000; }
A:visited:hover { color:#000000; background-color:#D5F1FF; }

A.Small                    { font-family:Verdana; font-size:10px; font-weight:normal; color:#000000; text-decoration:underline; }
a:active.Small             { color:#000000; }
a:hover.Small              { color:#000000; background-color:#D5F1FF; }
a:visited.Small            { color:#000000; }
a:visited:hover.Small      { color:#000000; background-color:#D5F1FF; }

A.SmallUnder               { font-family:Verdana; font-size:10px; font-weight:normal; color:#000000; text-decoration:underline; }
a:active.SmallUnder        { color:#000000; }
a:hover.SmallUnder         { color:#000000; }
a:visited.SmallUnder       { color:#000000; }
a:visited:hover.SmallUnder { color:#000000; }

A.SmallBold                { font-family:Verdana; font-size:10px; font-weight:bold; color:#000000; text-decoration:none; }
a:active.SmallBold         { color:#000000; }
a:hover.SmallBold          { color:#000000; background-color:#D5F1FF; }
a:visited.SmallBold        { color:#000000; }
a:visited:hover.SmallBold  { color:#000000; background-color:#D5F1FF; }

A.TopMenu                  { color:#FFFFFF; font-family:Verdana; font-size:10px; font-weight:normal; text-decoration:none; }
a:active.TopMenu           { color:#FFFFFF;}
a:hover.TopMenu            { color:#FFFFFF; background-color:#555555;}
a:visited.TopMenu          { color:#FFFFFF;}
a:visited:hover.TopMenu    { color:#FFFFFF; background-color:#555555;}

A.Copyright                { font-family:Arial, Helvetica, sans-serif; font-size:8pt; font-weight:normal; color:#FA1E13; text-decoration:none; }
a:active.Copyright         { color:#FA1E13; background-color: transparent;}
a:hover.Copyright          { color:#FA1E13; background-color: transparent;}
a:visited.Copyright        { color:#FA1E13; background-color: transparent;}
a:visited:hover.Copyright  { color:#FA1E13; background-color: transparent;}

A.hidden               { font-family: Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; }
A:active.hidden        { color:#000000; background-color: transparent; }
A:hover.hidden         { color:#000000; background-color: transparent; }
A:visited.hidden       { color:#000000; background-color: transparent; }
A:visited:hover.hidden { color:#000000; background-color: transparent; }

/*
==============
 TEKST
==============
*/
.ContentBigRed   		{ color:#FF0000; font-family: Verdana; font-size: 16px; font-weight: normal  }
.ContentBigBlue  		{ color:#000080; font-family: Verdana; font-size: 16px; font-weight: normal  }

.ContentNormal      { color:#000000; font-family: Verdana; font-size: 12px; font-weight: normal; }
.ContentNormalBold  { color:#000000; font-family: Verdana; font-size: 12px; font-weight: bold;   }
.ContentNormalGreen { color:#008000; font-family: Verdana; font-size: 12px; font-weight: normal  }
.ContentNormalRed   { color:#FF0000; font-family: Verdana; font-size: 12px; font-weight: normal  }
.ContentNormalBlue  { color:#000080; font-family: Verdana; font-size: 12px; font-weight: normal  }
.ContentNormalSource { color:#000000; font-family: Courier New; font-size: 12px; font-weight: normal }

.ContentSmall       { color:#000000; font-family: Verdana; font-size: 10px; font-weight: normal; }
.ContentSmallBold   { color:#000000; font-family: Verdana; font-size: 10px; font-weight: bold;   }
.ContentSmallRed    { color:#FF0000; font-family: Verdana; font-size: 10px; font-weight: normal  }
.ContentSmallGreen  { color:#008000; font-family: Verdana; font-size: 10px; font-weight: normal  }
.ContentSmallGrey   { color:#808080; font-family: Verdana; font-size: 10px; font-weight: normal  }
.ContentSmallBlue   { color:#000080; font-family: Verdana; font-size: 10px; font-weight: normal  }
.ContentSmallPurple { color:#800080; font-family: Verdana; font-size: 10px; font-weight: normal  }
.ContentSmallSource { color:#000000; font-family: Courier New; font-size: 10px; font-weight: normal }

.PageHeader  { color:#FF0000; font-family: Verdana; font-size: 18px; font-weight:bold;   }
.TableHeader { color:#FFE57F; font-family: Verdana; font-size: 12px; font-weight:bold;   }
.MenuHeader  { color:#CC0000; font-family: Verdana; font-size: 16px; font-weight:bold;   }
.TopMenu     { color:#FFFFFF; font-family: Verdana; font-size: 10px; font-weight:normal; }
.ContentHeader { color:#850001; font-family: Verdana; font-size: 11px; font-weight:bold; }

/*
=============
 CMS SITE
=============
*/
A.cmsItemLink               { font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000000; text-decoration:underline; }
a:active.cmsItemLink        { color:#000000; }
a:hover.cmsItemLink         { color:#000000; background-color:#D5F1FF; }
a:visited.cmsItemLink       { color:#000000; }
a:visited:hover.cmsItemLink { color:#000000; background-color:#D5F1FF; }

.cmsPageHeader  { color:#D0242D; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;   vertical-align: top; }
.cmsItemHeader  { color:#003CAD; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;   vertical-align: top; }
.cmsItemSubject { color:#4B6DAC; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;   vertical-align: top; }
.cmsItemBody    { color:#000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; vertical-align: top; }

/*
==============
 CMS ADMIN
==============
*/
.CMSBlok       { margin-left: auto; margin-right: auto; margin-top: 3em; padding: 15px; border: 1px solid #cccccc;	width: 90%;	background: #F1F3F5; }
.CMSheader { color:#CC0000; font-family: Verdana; font-size: 16px; font-weight:bold; vertical-align: top;}
.CMSbody   { color:#000000; font-family: Verdana; font-size: 10px; font-weight:normal; }

A.CMSLink   						{ font-family: Verdana; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none; background-color: transparent; }
A:active.CMSLink        { font-family: Verdana; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none; background-color: transparent; }
A:hover.CMSLink         { font-family: Verdana; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none; background-color: #C4DEFF; }
A:visited.CMSLink       { font-family: Verdana; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none; background-color: transparent; }
A:visited:hover.CMSLink { font-family: Verdana; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none; background-color: #C4DEFF; }

A.CMSLinkTrans					     { font-family: Verdana; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none; background-color: transparent; }
A:active.CMSLinkTrans        { font-family: Verdana; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none; background-color: transparent; }
A:hover.CMSLinkTrans         { font-family: Verdana; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none; background-color: transparent; }
A:visited.CMSLinkTrans       { font-family: Verdana; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none; background-color: transparent; }
A:visited:hover.CMSLinkTrans { font-family: Verdana; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none; background-color: transparent; }

/*
==============
 FORMULIER
==============
*/
.FormBig    { color:#000000; font-family: Verdana; font-size: 16px; font-weight: normal; font-style: normal;  background-color: white; border: solid 1px gray }
.FormNormal { color:#000000; font-family: Verdana; font-size: 12px; font-weight: normal; font-style: normal;  background-color: white; border: solid 1px gray }
.FormSmall  { color:#000000; font-family: Verdana; font-size: 10px; font-weight: normal; font-style: normal;  background-color: white; border: solid 1px gray }

/*
==============
 NAVIGATIE
==============
*/
TD.HeaderTop      { background: #FFFFFF url("http://www.salsabeachfestival.nl/images/header_top.jpg")   no-repeat; background-position: top left; padding: 0px 0px; vertical-align: top; width:100%;  height: 27px; }
TD.HeaderLeft     { background: #FFFFFF url("http://www.salsabeachfestival.nl/images/header_left.jpg")  no-repeat; background-position: top left; padding: 0px 0px; vertical-align: top; width:540px; height: 147px; }
TD.HeaderRight    { background: #FFFFFF url("http://www.salsabeachfestival.nl/images/header_right.jpg") no-repeat top left; padding: 0px 0px; vertical-align: bottom; text-align:right; width:192px; height: 147px; font-family: Arial, Helvetica, sans-serif; color:#071265; font-size: 12px; }
TD.HeaderBottom   { background: #002C95; padding: 0px 0px; vertical-align: top; width:100%; height: 15px; }
TD.Bottom         { color:#FA1E13; background: #000000; padding: 0px 0px; vertical-align: top; width:100%; height: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-align: center }

TD.BottomNav      { text-align:center; height:38px; color:#616161; background-color:#FFFFFF; padding-left:15px }
A.BottomNav       { color:#616161; text-decoration:none; font-weight:bold }
A.BottomNav:hover { text-decoration: underline }

/*
==============
 TABELLEN
==============
*/
td.Header           { height: 102px; width: 100%; padding: 0px 0px; }
td.Title            { text-align: right; font-size: 10pt; font-weight: bold; color: #000000; background-color: #BDBDBD; text-transform: uppercase; padding-right: 10pt; width: 100%; height: 26px }
td.ContentMain      { background-color: #FFFFFF; padding: 0px 0px; vertical-align: top; width: 100%; height: 100%; }
td.ContentMainLeft  { background: url("../images/menu_left_fill.jpg") repeat; padding: 0px 0px; text-align: left; vertical-align: top; width:183px; height: 100%; }
td.ContentMainLeft2 { background: url("../images/menu_left.jpg") no-repeat; padding: 0px 0px; text-align: left; vertical-align: top; width:183px; height: 100%; }
td.ContentMainRight { background-color: #FFFFFF; padding: 3px 3px; vertical-align: top; width:75%; height: 100%; font-family: arial; font-size: 8pt; font-weight: normal; color:#071265 }
td.Footer           { font-size:7pt; color:#2F2F2D; background-color:#D9D9D9; padding:3px }

TABLE.Border        { border-collapse: collapse; border: 0px; background-color: #FFFFFF; height: 97%; width: 732px; border-spacing: 0px; margin-left: auto; margin-right: auto; }
TD.Border           { text-align: center; vertical-align: top; }

TABLE.Full          { border-collapse: collapse; border: 0px; height: 100%; width: 100%; margin-left: auto; margin-right: auto; }

/*
==============
 MENU
==============
*/
.c1_heading_item           { font-family:Verdana; font-size:x-small; background-color:white; font-weight:bold; padding:3px; left:5; z-index:100; border:solid 1px gray; }
.c1_rootmenu               { font-family:Verdana; font-size:x-small; padding:0px; left:0; z-index:100; }
.c1_rootmenu_item          { font-family:Verdana; font-size:x-small; padding:1px; }
.c1_menu_text              { padding:0px; color:#212864; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; font-stretch: condensed }
.c1_header_text            { color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; font-stretch: condensed }

.c1_oldrootmenu            { font-family:Verdana; font-size:x-small; background-color:#F1F1F1; padding:3px; border:solid 1px F1F1F1; }
.c1_rootmenu_caption1_item { background-color:white; border:solid 1px gray; }
.c1_rootmenu_caption2_item { font-weight:bold; font-size:smaller; }
.c1_rootmenu_selected_item { border:solid 1px gray; padding:0px; font-family:Verdana; font-size:x-small; background-color:white; }
.c1_submenu                { border:solid 0px gray; font-family:Verdana; font-size:x-small; background-color:#F1F1F1; padding:3px; filter:"progid:DXImageTransform.Microsoft.Shadow(color='gray', Direction=135, Strength=4)"; z-index:100; }
.c1_submenu_item           { border:solid 0px #F1F1F1; font-family:Verdana; font-size:x-small; font-weight:bold; background-color:#F1F1F1; padding:3px; }
.c1_submenu_selected_item  { border:solid 0px gray; background-color:white; padding:3px; }


.red 	 { color:#FF0000; }
.green { color:#008000; }

/*
===============
 FOTOALBUM 2.3
===============
*/
#photoAlbum2                     { width: 100%; text-align: center; background-color: transparent; }
#photoAlbum2 table               { border: 0px; width: 100%; border-spacing: 0px; border-collapse: collapse; background-color: transparent; }
#photoAlbum2 table td#titleLeft  { width: 33%; color:#f3661f; font-family: Verdana; font-size: 14px; font-weight: bold;  text-align:center; vertical-align: top;}
#photoAlbum2 table td#titleRight { width: 33%; color:#f3661f; font-family: Verdana; font-size: 14px; font-weight: bold;  text-align:center; vertical-align: top;}
#photoAlbum2 table td#navigatie  { text-align:center; vertical-align: top;}
#photoAlbum2 a                   { border: solid 1px transparent; color:#000000; font-family:Verdana; font-size:10px; font-weight:normal; text-align:center; text-decoration:none; margin: 0 0 0 0; padding: 0 0 0 0; }
#photoAlbum2 a:active            { border: solid 1px transparent; }
#photoAlbum2 a:hover             { border: solid 1px gray; background-color:#EEEEEE; }
#photoAlbum2 a:visited           { border: solid 1px transparent; }
#photoAlbum2 a:visited:hover     { border: solid 1px gray; background-color:#EEEEEE; }
#photoAlbum2 table table         { margin: 15px 0 0 0; border: 0px; width: 100%; border-spacing: 0px; border-collapse: collapse; background-color: transparent; }
#photoAlbum2 table table td      { text-align: center; vertical-align: top;}
#photoAlbum2 .photoShadowWrap    { margin: auto; padding: auto; text-align:center; width:10px }
#photoAlbum2 .photoShadow        { float:left; background: url(../images/shadow.png) no-repeat bottom right;  margin: 10px 0 0 10px; }
#photoAlbum2 .photoShadow img    { display: block; position: relative; background-color: #FFF; border: 1px solid #000000; margin: -6px 6px 6px -6px; padding: 4px; }
#photoAlbum2 .photoText          { color:#000000; font-size: 8px; font-weight: normal; text-align:center; clear:left }