﻿body
{
    background-color: Black;
    font-family: Trebuchet MS;
    font-size: 9pt;
    background-image: url('../images/webtreatsetc-hjh-8.jpg');
}

.PanelMain
{
    width: 1000px;
    height: 800px;
    /*background-image: url('../images/background.jpg');*/
    margin-left: auto;
    margin-right: auto;
    position: relative;
    border: solid 2px #790F16;
}

.DivFooter
{
    width: 1000px;
    color: #790F16;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.AbsolutePos
{
    position: absolute;
    overflow: hidden;
}

.RandomLinkArea
{
    position: absolute;
    overflow: hidden;
}

.ImagePageTitle
{
    position: absolute;
}

.HomepagePlaceholder
{
    position: absolute;
    width: 200px;
    height: 200px;
    /*background-image: url('../images/kader.jpg');*/
    border: solid 1px silver;
}


A
{
    color: #790F16;
    text-decoration: none;
}

A:visited
{
    color: #790F16;
}

A:hover
{
    color: #790F16;
    text-decoration: underline;
}

A:active
{
    color: #790F16;
}


/* Twitter component */

.PanelTwitterStatus
{
    padding: 5px;
    overflow: hidden;
    width: 160px;
    height: 160px;
    margin: 15px; /* zet margin om te centreren in 200x200 */
    background-image: url('../images/twitterblokje.jpg');
    filter:alpha(opacity=0);
    opacity: 0.0;
}

.PanelTwitterStatusBoven
{
	height: 145px;
	overflow: hidden;
}

.LabelTwitterCaption
{
    font-weight: bold;
    line-height: 2;
}

.PanelTwitterCaption
{
    height: 34px;
}

.LabelTwitterStatus
{
    font-size: 9pt;
}

#twitter-link
{
   
}

/* Slideshow */
.PanelFotoVanDeDag
{
    position: absolute;
    overflow: hidden;
    background-color: Black;
    border: solid 1px Silver;
    width: 440px; 
    height: 420px;
}

#slideshow
{
    width: 100%; 
    height: 100%;
}
#slideshow DIV
{
    position: absolute;
    left: 0;
    z-index: 8;
    opacity: 0.0;
    background-color: Black;
    width: 100%;
    height: 100%;
    text-align: center;
}
#slideshow DIV.active
{
    z-index: 10;
    opacity: 1.0;
}
#slideshow DIV.last-active
{
    z-index: 9;
}
.LabelFotoBijschrift
{
    color: White;
    width: 380px;
}
.LinkMeerFotos
{
    /*color: Red;*/
}

/* TagCloud */
.TagCloudHyperlink
{
    margin-left: 5px;
    margin-right: 5px;
    line-height: 1.0;
    color: #790f16;
    text-decoration: none;
}
.TagCloudHyperlinkAlt1
{
    margin-left: 5px;
    margin-right: 5px;
    line-height: 1.0;
    color: #eee6dc;
    text-decoration: none;
}
.TagCloudHyperlinkAlt2
{
    margin-left: 5px;
    margin-right: 5px;
    line-height: 1.0;
    color: #5b573b;
    text-decoration: none;
}
.TagCloudPanel
{
    /*border: solid 1px white;*/
    margin-top: 10px;
    padding: 5px;
    overflow: auto;
    text-align: center;
}
/* Foto pagina */
.PanelFotos
{
    position: absolute;
    overflow-y: scroll;
}

.PanelFoto
{
    height: 228px;
    overflow: hidden;
}

.TdThumbnail
{
    height:194px;
    background:url(http://picasaweb.google.com/s/c/transparent_album_background.gif) no-repeat left;
}

.HrefFotoLink
{
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
}

.TdFotoLink
{
    background-color: #8a8560;
    text-align: center;
}

.ImageThumbnail
{
    margin:1px 0 0 4px;
}

/* Links */
.Link
{
	position: absolute;
	color: #eee6dc;
	font-size: x-large;
	z-index: 100;
}

.LinkLabel
{
	position: absolute;
	color: #eee6dc;
	background-color: #8a8560;
	border: solid 1px #790F16;
	padding: 2px;
	z-index: 10;
}

.Link:visited
{
    color: #eee6dc;
}

.Link:hover
{
    color: #eee6dc;
}
/* Homepage Link*/
.PanelHyperlink
{
    width: 170px;
    height: 170px;
    margin: 15px; /* Voor centreren in 200x200 */
    overflow: hidden;
    filter: alpha(opacity=0);
    opacity: 0.0;
}
/* Andrea.aspx */
.PanelAndrea
{
    position: absolute; 
    width: 954px;
    font-size: 10pt;
    color: White;
}

.PanelAndreaBlokje
{
    position: absolute;
    background-color: #8a8560;/*#5b573b;*/
    padding: 5px;
    border: solid 1px #790F16;
}
/* Mattijs.aspx */
.PanelMattijsBlokje
{
    position: absolute;
    font-size: 10pt;
    color: White;
    /*border: solid 1px black;*/
}

.PanelMattijsBlokje A
{
    color: White;
    text-decoration: underline;
}

.PanelMattijsBlokje A:hover
{
    color: #790F16;
    text-decoration: underline;
}
