/*
==============
 TEMPLATE
==============
*/

* { font-family: Verdana, Arial, Helvetica, sans-serif;	margin: 0; }

BODY { min-width: 817px; background: #9fa2a9; color: #ffffff; font-family: Verdana; text-align: center; font-size: 11px; }

#tmpl_main_background{ width: 800px; text-align: left;	margin: auto; height: 90%; }
#tmpl_header         { position: relative; height: 106px; background: url("../images/ZL_Header.jpg") no-repeat top left; text-align: right;}
#tmpl_middle_oud     { position: relative; background: #000000; height: 78%; }
#tmpl_middle         { position: relative; background: #9fa2a9 url("../images/ZL_Middle.jpg") repeat-y top left; height: 78%; }
#tmpl_footer         { position: relative; height: 46px; background: url("../images/ZL_Footer.jpg") no-repeat top left; }
#tmpl_copyright      { position: relative; height: 10px; text-align: right; margin: 0 25px 0 0; }

.MenuLogo            { position: relative; vertical-align: bottom; text-align: center; }
.headerPic 					 { border: solid 1px black; margin: 17px 0px 0px 0px; padding: 0px 0px; vertical-align: top; height: 70px; width: 250px; text-align: center; }
.flag_UK  					 { border: solid 0px black; margin: 70px 0px 0px 0px; padding: 0px 0px; vertical-align: bottom; height: 25px; width: 25px; text-align: right; }
.flag_NL  					 { border: solid 0px black; margin: 0px 0px; padding: 0px 0px; vertical-align: bottom; height: 25px; width: 25px; text-align: right; }
.button_empty        { margin: 0 0 0 50px; height: 29px; width: 153px; background: url("../images/ZL_ButtonEmpty.png") no-repeat left;  }

TD.ContentMainLeft   { text-align:center; width:175px }
TD.ContentMainRight  { text-align:left; width:625px;}

H2 { color:#FFFFFF; font-family: Verdana; font-size: 12px; font-weight: bold; vertical-align: top; margin: 0 0 0 0; }

A.Button_empty               { font-family:Verdana; font-size:14px; font-weight:normal; color:#ffffff; text-decoration:none; margin: 0 0 0 0; padding: 5px 0 0 17px; }
a:active.Button_empty        { color:#ffffff; }
a:hover.Button_empty         { color:#ffffff; text-decoration:underline; }
a:visited.Button_empty       { color:#ffffff; }
a:visited:hover.Button_empty { color:#ffffff; }


/*
==============
 HYPERLINKS
==============

A               { font-family: Verdana; font-size:10px; font-weight:normal; color:#000000; text-decoration:underline; }
A:active        { color:#000000; }
A:hover         { color:#000000; background-color:##FFE697; }
A:visited       { color:#000000; }
A:visited:hover { color:#000000; background-color:##FFE697; }
*/

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:#EEEEEE; }
a:visited.Small            { color:#000000; }
a:visited:hover.Small      { color:#000000; background-color:#EEEEEE; }

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:Verdana; font-size:10px; font-weight:normal; color:#000000; text-decoration:none; }
a:active.Copyright         { color:#000000; background-color: transparent;}
a:hover.Copyright          { color:#000000; background-color: transparent;}
a:visited.Copyright        { color:#000000; background-color: transparent;}
a:visited:hover.Copyright  { 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  }
.ContentNormalGrey  { color:#808080; 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; }

/*
==============
 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.TopNav      { height:25px; color:#EEAD69; background-color:#850001; border-top:1px solid #B42926; border-bottom:1px solid #590D00; text-align:right; padding-right:15px }
A.TopNav       { color:#EEAD69; text-decoration:none }
a:hover.TopNav { text-decoration:underline }

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:hover.BottomNav { text-decoration: underline }

/*
==============
 TABELLEN
==============
*/
td.Copyright        { font-family: Verdana; font-size: 10px; font-weight: normal; text-align: right; color: #000000; vertical-align: top; width: 767px;}

table.box						{ border-collapse: collapse; border: 0px; width: 95%; margin: 0 0 0 0; }
tr.BoxRow           { height: 22px; }
td.BoxTopLeft       { background: url("http://www.zouklovers.nl/images/Box_TopLeft.gif") no-repeat top left ; padding-left: 18px; }
td.BoxTopMiddle     { background: url("http://www.zouklovers.nl/images/Box_TopMiddle.gif") repeat-x top left; width: 100%; padding: 4px 0px 0px 0px; vertical-align: middle; }
td.BoxTopRight      { background: url("http://www.zouklovers.nl/images/Box_TopRight.gif") no-repeat top right; padding-right: 18px; }
td.BoxMiddleLeft    { background: url("http://www.zouklovers.nl/images/Box_MiddleLeft.gif") repeat-y top left ; }
td.BoxMiddleMiddle  { background: #FFFFFF; vertical-align: top; padding: 10px 0 10px 0;}
td.BoxMiddleRight   { background: url("http://www.zouklovers.nl/images/Box_MiddleRight.gif") repeat-y top right; }
td.BoxBottomLeft    { background: url("http://www.zouklovers.nl/images/Box_BottomLeft.gif") no-repeat top left; padding-left: 18px; }
td.BoxBottomMiddle  { background: url("http://www.zouklovers.nl/images/Box_BottomMiddle.gif") repeat-x top left; padding: 0 0 0 0; margin: 0 0 0 0;  }
td.BoxBottomRight   { background: url("http://www.zouklovers.nl/images/Box_BottomRight.gif") no-repeat top right; padding-right: 18px; }

TABLE.BodyNoBorder  { border-collapse: collapse; border: 0px; background-color: #FFFFFF; height: 100%; width: 767px; border-spacing: 0px; margin-left: auto; margin-right: auto; }
TABLE.BodyBorder    { border-collapse: collapse; border: 0px; background-color: #FFFFFF; height: 100%; width: 767px; border-spacing: 1px; 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; }

/*
===============
 FOTOALBUM 2.0
===============
*/
.photoAlbum       { margin-left: auto; margin-right: auto; text-align: center; }
.photoAlbum table { border: 0px; background-color: transparent; width: 98%; border-spacing: 0px; margin-left: auto; margin-right: auto; border-collapse: collapse; }
.photoAlbum td    { vertical-align: top; margin-left: auto; margin-right: auto; text-align: center; }

.photoAlbum a:link          { border: solid 1px #ededed; 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; }
.photoAlbum a:visited       { border: solid 1px #ededed; }
.photoAlbum a:hover         { border: solid 1px gray; background-color:#EEEEEE; }
.photoAlbum a:visited:hover { border: solid 1px gray; background-color:#EEEEEE; }
.photoAlbum a:active        { border: solid 1px #ededed; }

.photoAlbum .photoShadow a               { border: solid 0px white; margin: 0 0 0 0; padding: 0 0 0 0; }
.photoAlbum .photoShadow a:active        { border: solid 0px white; margin: 0 0 0 0; padding: 0 0 0 0; }
.photoAlbum .photoShadow a:hover         { border: solid 0px white; margin: 0 0 0 0; padding: 0 0 0 0; }
.photoAlbum .photoShadow a:visited       { border: solid 0px white; margin: 0 0 0 0; padding: 0 0 0 0; }
.photoAlbum .photoShadow a:visited:hover { border: solid 0px white; margin: 0 0 0 0; padding: 0 0 0 0; }

.photoTitle      { color:#FF0000; font-family: Verdana; font-size: 12px; font-weight: bold;  text-align:center; vertical-align: top;}
.photoText       { color:#000000; font-family: Verdana; font-size: 8px; font-weight: normal; text-align:center; clear:left }
.photoSelect     { color:#000000; font-family: Verdana; font-size: 10px; font-weight: bold;  text-align:center; text-decoration: none; }

.photoShadowWrap { margin: auto; padding: auto; text-align:center; width:10px }
.photoShadow     { float:left; background: url(../images/shadow.png) no-repeat bottom right;  margin: 10px 0 0 10px; }
.photoShadow img { display: block; position: relative; background-color: #FFF; border: 1px solid #000000; margin: -6px 6px 6px -6px; padding: 4px; }


/*
==============
 OVERIG
==============
*/

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

/*
================
 DANCEADMIN 2.0
================
*/
DIV.da         { margin: 0 0 0 0; padding: 0 0 0 0; width: 100%;  }

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

.da A.daLesroosterTableHeader                { color:#ffffff; font-family: Verdana; font-size: 11px; font-weight: bold; text-decoration: none; }
.da A:active.daLesroosterTableHeader         { color:#ffffff; }
.da A:hover.daLesroosterTableHeader          { color:#ffffff; text-decoration: underline; background-color: transparent; }
.da A:visited.daLesroosterTableHeader        { color:#ffffff; }
.da A:visited:hover.daLesroosterTableHeader  { color:#ffffff; text-decoration: underline; background-color: transparent; }

.daLesroosterColumnHeader                { color:#000000; font-family: Verdana; font-size: 11px; font-weight:bold; }

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

.da H1 { color:#CC0000; font-family: Verdana; font-size: 14pt; font-weight: bold; vertical-align: top; margin: 0 0 10px 0; }
.da H2 { color:#555555; vertical-align: top; margin: 0 0 0 0; background: transparent url(../ed_template/images/@.png) no-repeat left; padding: 0 0 0 15px; font:  bold 11pt Verdana; }
.da H3 { color:#000000; font-family: Verdana; font-size: 10pt; font-weight: bold; vertical-align: top; margin: 0 0 0 0; }

/* PLAATJES */
.da IMG { border: 0 solid #000000; }

/* TABELLEN */
.da TD { vertical-align: top; }

/* OVERIG */
.da P   { color:#000000; font-family: Verdana; font-size: 8pt; font-weight: normal; vertical-align: top; margin: 0 0 0 0; }
.da DIV { color:#000000; font-family: Verdana; font-size: 8pt; font-weight: normal; vertical-align: top; margin: 0 0 0 0; }
.da TD  { color:#000000; font-family: Verdana; font-size: 8pt; font-weight: normal; vertical-align: top; margin: 0 0 0 0; }
.da TH  { color:#000000; font-family: Verdana; font-size: 8pt; font-weight: bold;   vertical-align: top; margin: 0 0 0 0; }

.da UL { margin: 10px 0 0 20px; }
.da LI { list-style-image: url("../images/RedArrow.gif"); padding: 0 0 0 5px; margin: 5px 0 0 0; }