html, body
{
	background: #A4A8AE url(Images/Background.jpg) left top repeat-x;
	color: #2C2F32;
	margin: 0;
	padding: 0;
	height: 100%;
	text-align: center;
	border: 0;
}

body, td, th, input, select, option, textarea
{
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

th
{
    text-align: left;
}

h1, h2, h3, h4, p, form
{
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4 { font-size: 1.2em; }
a:link, a:active, a:visited, a:hover { color: #325885; outline: none; }
a:hover { color: #FE0000; }
img { border: 0; }
small { font-size: 0.8em; }
input, textarea { padding: 2px; }
ins { text-decoration: none; }


/* Formatting */
.Hidden { display: none; }
.Opacity30 { filter: alpha(opacity=30); opacity: 0.3; }
.Opacity50 { filter: alpha(opacity=50); opacity: 0.5; }
.Padding { padding: 16px; }
.PaddingRight { padding-right: 16px; }
.SmallPadding { padding: 3px; }
.FloatLeft { float: left; }
.FloatRight { float: right; }
.ClearFloat { clear: both; }
.Width50 { width: 344px; }
.NoWidth { width: auto !important; }
.ContentFullWidth .Width50 { width: 429px; }
.Margin { margin: 16px; }
.MarginTop { margin-top: 20px; }
.MarginLeft { margin-left: 20px; }
.MarginRight { margin-right: 20px; }
.MarginBottom { margin-bottom: 20px; }
.RedText { color: #FE0000; }
.GrayText { color: #999; }
.AlignLeft { text-align: left; }
.AlignRight { text-align: right; }
.Centered { text-align: center; }
.Small { font-size: 0.8em; }
.Strong { font-weight: bold; }
.TextField
{
    width: 130px;
    border: 1px solid #999;
}



/* Misc elements */

a.ProfileThumbnail, a.Thumbnail, a.ThumbnailSelected
{
    display: block;
    width: 73px;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

a.ProfileThumbnail
{
	display: inline-block;
	margin: 0 2px;
}

a.Thumbnail
{
    filter: none;
}

a.Thumbnail, a.ThumbnailSelected
{
    width: auto;
    height: auto;
    float: left;
    margin-right: 20px;
    margin-top: 20px;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    padding: 6px;
    border: 1px solid #CCC;
}

a.ProfileThumbnail:hover, a.Thumbnail:hover, a.ThumbnailSelected
{
    opacity: 1;
    filter: alpha(opacity=100);
}

a.Thumbnail:hover, a.ThumbnailSelected
{
    background-color: #DDD;
    filter: none;
}

.Photo
{
    padding: 6px;
    border: 1px solid #CCC;
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: center;
}

hr.ThinLine
{
    background: #EAEDF0;
    color: #EAEDF0;
    height: 1px;
    border: 0;
}

.Signature
{
    margin-top: 32px;
    font-size: 0.9em;
}

a.BigButton
{
	display: inline-block;
	background: #FFF;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2em;
	border-top: 1px solid #B7B9BC;
	border-left: 1px solid #B7B9BC;
	border-right: 1px solid #B7B9BC;
	border-bottom: 3px solid #F90103;
	margin: 0 6px;
	padding: 0 6px 2px;
}

	a.BigButton *
	{
		vertical-align: middle;
	}

a.BigButton:hover
{
}

	a.BigButton:hover span
	{
		text-decoration: underline;
		color: #F90103;
	}



/* Layout elements */

.Container
{
    width: 928px;
    margin: 0 auto;
    background-color: #FFF;
    background-position: left top;
    background-repeat: no-repeat;
}

.Visual
{
    height: 133px;
    text-align: left;
}

    .Visual .Logo
    {
        margin: 0;
        padding: 0;
        display: block;
        height: 133px;
        width: 332px;
        background-color: transparent;
        background-position: 20px 23px;
        background-repeat: no-repeat;
        float: left;
    }

    .Visual .Logo a
    {
        display: block;
        height: 133px;
        width: 332px;
    }

    .Visual .Logo a span
    {
        display: none;
    }

    .Visual .Userbar, .Visual .Userbar li
    {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .Visual .Userbar
    {
        float: right;
        height: 24px;
    }

    .Visual .Userbar li
    {
        float: left;
        padding: 3px 20px 3px 0;
    }

        .Visual .Userbar a
        {
            color: #FFF;
            text-decoration: none;
        }

        .Visual .Userbar a:hover
        {
            text-decoration: underline;
        }

    .Visual .Username
    {
        font-size: 28px;
        font-weight: bold;
        font-style: italic;
        color: #FFF;
        clear: right;
        float: right;
        text-align: right;
        margin-top: 8px;
        margin-right: 20px;
    }

        .Visual .Username img
        {
            border: 1px solid #FFF;
        }

        .Visual .Username a
        {
            color: #FFF !important;
            text-decoration: none;
        }

        .Visual .Username a:hover
        {
            text-decoration: underline;
        }

    .Visual .Userbox
    {
        background-position: left top;
        background-repeat: no-repeat;
        width: 383px;
        clear: right;
        float: right;
        height: 109px;
        overflow: hidden;
    }

        .Visual .Userbox table
        {
            margin: 12px 40px 12px 100px;
        }

        .Visual .Userbox td
        {
            vertical-align: middle;
        }

            .Visual .Userbox label
            {
                margin-right: 14px;
            }

            .Visual .Userbox a
            {
                font-size: 0.9em;
            }

.Content
{
    text-align: left;
}

    ul.Menubar, ul.Menubar li
    {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    ul.Menubar
    {
        height: 27px;
    }

        ul.Menubar li
        {
            float: left;
        }

            ul.Menubar li a
            {
                display: block;
                height: 24px;
                background-repeat: no-repeat;
                background-position: 20px center;
                margin-top: 3px;
            }

            ul.Menubar li a:hover
            {
                background-color: #FE0000;
            }

            a.MenuItem_homeHover, a.MenuItem_home { background-image: url(Images/Menubar/Home.gif); width: 83px; }
            a.MenuItem_homeHover, a.MenuItem_home:hover { background-image: url(Images/Menubar/Home.Hover.gif); background-color: #FE0000; }
            a.MenuItem_informatieHover, a.MenuItem_informatie { background-image: url(Images/Menubar/Informatie.gif); width: 129px; }
            a.MenuItem_informatieHover, a.MenuItem_informatie:hover { background-image: url(Images/Menubar/Informatie.Hover.gif); background-color: #FE0000; }
            a.MenuItem_reviewsHover, a.MenuItem_reviews { background-image: url(Images/Menubar/Reviews.gif); width: 108px }
            a.MenuItem_reviewsHover, a.MenuItem_reviews:hover { background-image: url(Images/Menubar/Reviews.Hover.gif); background-color: #FE0000; }
            a.MenuItem_profielenHover, a.MenuItem_profielen { background-image: url(Images/Menubar/Profielen.gif); width: 127px }
            a.MenuItem_profielenHover, a.MenuItem_profielen:hover { background-image: url(Images/Menubar/Profielen.Hover.gif); background-color: #FE0000; }
            a.MenuItem_shopHover, a.MenuItem_shop { background-image: url(Images/Menubar/Shop.gif); width: 81px; }
            a.MenuItem_shopHover, a.MenuItem_shop:hover { background-image: url(Images/Menubar/Shop.Hover.gif); background-color: #FE0000; }
            a.MenuItem_forumHover, a.MenuItem_forum { background-image: url(Images/Menubar/Forum.gif); width: 93px; }
            a.MenuItem_forumHover, a.MenuItem_forum:hover { background-image: url(Images/Menubar/Forum.Hover.gif); background-color: #FE0000; }

            ul.Menubar .Submenu
            {
                position: absolute;
                background: #2C2F32;
                margin: 0;
                padding: 2px 0 5px 0;
                list-style: none;
                opacity: 0.95;
                filter: alpha(opacity=95);
                width: 235px;
            }

                ul.Menubar .Submenu li
                {
                    float: none;
                }

                ul.Menubar .Submenu li a
                {
                    height: auto;
                    padding: 4px 20px;
                    text-decoration: none;
                    color: #FFF;
                    font-size: 1.1em;
                    white-space: nowrap;
                }

                ul.Menubar .Submenu li a:hover
                {
                    background: #3F4244;
                    text-decoration: underline;
                }

    div.Crumbpath
    {
        padding: 20px 20px 0 20px;
    }

        div.Crumbpath img
        {
            margin-right: 4px;
            vertical-align: middle;
        }

        div.Crumbpath a
        {
            color: #FE0000 !important;
        }

    div.ContentDefaultWidth,
    div.ContentFullWidth
    {
        float: left;
        padding: 20px;
        width: 728px;
    }

    div.ContentFullWidth
    {
        width: auto;
    }

        div.ContentDefaultWidth h3,
        div.ContentFullWidth h3
        {
            font-size: 1.4em;
            padding: 0.4em 0;
        }

        	div.ContentDefaultWidth h3 a,
        	div.ContentFullWidth h3 a
        	{
        		color: #2C2F32 !important;
        		text-decoration: none;
        	}

        	div.ContentDefaultWidth h3 a:hover,
        	div.ContentFullWidth h3 a:hover
        	{
        		color: #FE0000 !important;
        	}

        div.ContentDefaultWidth .Description,
        div.ContentFullWidth .Description
        {
            color: #FE0000;
            padding: 0.6em 0;
            font-weight: bold;
        }

        div.ContentDefaultWidth .Error,
        div.ContentFullWidth .Error
        {
            color: #000;
            margin: 0.6em 0;
            padding: 0.6em;
            border: 1px solid #FE0000;
            background: #F9E6AB;
            font-weight: bold;
        }

        div.ContentDefaultWidth .Body,
        div.ContentFullWidth .Body
        {
            padding: 0.6em 0;
        }

        div.ContentDefaultWidth .Block,
        div.ContentFullWidth .Block
        {
            background: #EAEDF0;
        }

            div.ContentDefaultWidth .BlockImage,
            div.ContentFullWidth .BlockImage
            {
                float: left;
            }

            div.ContentDefaultWidth .BlockHeading,
            div.ContentFullWidth .BlockHeading
            {
                background: #B7B9BC;
                padding: 4px;
                margin-left: 60px;
            }

            div.ContentDefaultWidth .BlockContent,
            div.ContentFullWidth .BlockContent
            {
                background: #DDDFE2;
                padding: 4px;
                margin-left: 60px;
            }

            .ButtonPane ul
            {
                list-style: none;
            }

            .ButtonPane li
            {
                float: left;
                text-align: center;
                width: 225px;
                margin: 24px 0;
            }

            .ButtonPane a
            {
                width: 128px;
            }

            .ButtonPane img
            {
                border: 0;
            }

		.FeaturedProfile
		{
			width: 280px;
			float: right;
		}

			.FeaturedProfile div
			{
				text-align: right;
				border-top: 1px solid #000;
				border-bottom: 1px solid #000;
				height: 96px;
				background-color: #000;
				background-position: center;
				background-repeat: no-repeat;
			}

			.FeaturedProfile div a
			{
				height: 96px;
				display: block;
				font-weight: bold;
				color: #FFF;
				text-decoration: none;
			}

        .Form
        {
            border: 1px solid #EAEDF0;
            margin: 10px 0;
        }

            .Form table
            {
                width: 100%;
            }

            .FormHeading
            {
                padding: 4px 10px;
                font-size: 12px;
                border-top: 1px solid #EAEDF0;
                border-bottom: 3px solid #EAEDF0;
                letter-spacing: 1px;
            }

            .FormDescription
            {
                padding: 8px 10px;
                background: #DDDFE2;
                border-bottom: 1px solid #B7B9BC;
            }

            .FormLabel, .FormSpacerLeft
            {
                padding: 8px 20px 8px 10px;
                width: 180px;
            }

            .FormField, .FormSpacerRight
            {
                padding: 4px 2px 4px 10px;
                background: #EAEDF0;
            }

            .FormSpacerLeft, .FormSpacerRight
            {
                padding: 0;
                height: 8px;
                width: auto;
            }

                .Form .TextField
                {
                    width: 490px;
                }

            .FormFootLeft, .FormFootRight
            {
                background: #DDDFE2;
                border-top: 2px solid #B7B9BC;
                padding: 4px;
            }

            .FormFootRight
            {
                text-align: right;
                padding-right: 10px;
            }

        .ForumButtons
        {
        }

            a.ForumButton
            {
                vertical-align: middle;
                text-decoration: none;
                border: 1px solid #B7B9BC;
                border-bottom-width: 3px;
                background: #DDDFE2;
                display: block;
                float: right;
                padding: 4px;
                margin: 0 1px 0 9px;
            }

            a.ForumButton:hover
            {
                background: #E7E9EB;
                color: #2976D1;
            }

            .ForumButton img
            {
                vertical-align: middle;
                border: 0;
            }

            .ForumButton span
            {
                vertical-align: middle;
            }

        .ForumCategory
        {
            border: 1px solid #EAEDF0;
            margin: 10px 0;
        }

            .ForumCategory a:hover
            {
                color: #333;
            }

            .ForumCategory h3.Heading,
			.ForumCategory a.Heading,
            .ForumCategory a.HeadingNoHover
            {
                background: #B7B9BC;
                color: #FFF;
                padding: 6px;
                display: block;
                text-decoration: none;
                font-size: 1em;
            }

            .ForumCategory a.Heading:hover,
            .ForumCategory a.HeadingNoHover
            {
                text-decoration: underline;
                color: #FFF;
                background: #A1A3A7;
            }

            .ForumCategory h3.Heading
            {
                background: #A1A3A7;
            }

            .ForumCategory a.HeadingNoHover
            {
                text-decoration: none;
                cursor: default;
            }

            .ForumCategory a.Heading h3,
            .ForumCategory a.HeadingNoHover h3
            {
                font-size: 1em !important;
                padding: 0 !important;
            }

            .ForumCategory table
            {
                background: #EAEDF0;
                table-layout: fixed;
            }

            .ForumCategory th
            {
                font-size: 10px;
                background: #DDDFE2;
            }

            .ForumCategory td
            {
                background: #FFF;
                vertical-align: middle;
            }

            .ForumCategory td div
            {
                padding-top: 2px;
            }

            .ForumCategory tr.Selected
            {
                background-color: #325885;
            }

                .ForumCategory tr.Selected a,
                .ForumCategory tr.Selected a:hover
                {
                    color: #FFF;
                    text-decoration: none;
                }

                .ForumCategory tr.Selected td
                {
                	background-color: #325885;
                }

            .ForumCategory .Post
            {
                vertical-align: top;
            }
            
            	.ForumCategory .Post ul
            	{
            		margin: 1em 2.5em; 
            		padding: 0;
            	}

                .ForumCategory blockquote
                {
                    margin: 0;
                    padding: 3px 6px 6px;
                    border-top: 3px solid #CCC;
                    border-bottom: 1px solid #CCC;
                    background: #DDDFE2;
                }

                    .ForumCategory blockquote .QuoteTitle
                    {
                        font-size: 10px;
                        font-weight: bold;
                        margin-bottom: 6px;
                    }

            .ForumCategory .PostFoot
            {
                vertical-align: top;
                background: #DDDFE2;
                border-bottom: 2px solid #B7B9BC;
                font-size: 0.9em;
                font-weight: bold;
            }

            .ForumCategory .PostSeparator
            {
                padding: 0;
                height: 8px;
            }

    div.Skyscraper
    {
        float: right;
        padding: 20px 20px 20px 0;
        width: 140px;
        text-align: center;
    }

    div.Paging
    {
        float: right;
    }

        div.Paging a
        {
            display: block;
            float: left;
            border: 1px solid #B7B9BC;
            background: #DDDFE2;
            text-decoration: none;
            padding: 1px 4px;
            margin: 1px;
        }

        div.Paging a:hover
        {
            border: 1px solid #DDDFE2;
            background: #FFF;
        }

        div.Paging a.Selected,
        div.Paging a.Selected:hover
        {
            background: #B7B9BC;
            color: #FFF;
        }

.Footer
{
    height: 36px;
    border-top: 2px solid #F90103;
    text-align: right;
    padding: 10px 20px;
    line-height: 170%;
}



/* Homepage */

.EventsBlock
{
	border: 1px solid #000;
	border-left-width: 0;
	border-right-width: 0;
	padding: 2px 8px 4px;
	background: #E6E6E6 url(Images/EventsBlockBackground.jpg) left top repeat-y;
}

	.EventsList
	{
		margin: 6px 0;
		padding: 1px 8px;
		background: #FFF;
		border: 1px solid #CCC;
	}

		.EventsList ul
		{
			list-style: none;
			padding: 0;
			margin: 0;
			line-height: 150%;
		}



/* Calendar */

.Calendar
{
}

	.Calendar .DateSelector
	{
		padding: 12px 0;
	}

		.Calendar .DateSelector *
		{
			vertical-align: middle;
		}

		.Calendar .DateSelector form
		{
			float: right;
		}

			.Calendar .MonthSelector
			{
				float: left;
				margin-right: 20px;
			}

			.Calendar .YearSelector
			{
				float: left;
			}

	.Calendar .Weekday
	{
		float: left;
		display: block;
		background: #A1A3A7;
		margin: 0 1px 0 0;
		color: #FFF;
		width: 95px;
		font-size: 0.9em;
		padding: 2px 4px;
	}

	.Calendar .Day,
	.Calendar .DayToday,
	.Calendar .DayGray
	{
		float: left;
		background: #FFF;
		border: 1px solid #A1A3A7;
		margin: 0 1px 1px 0;
		width: 99px;
		height: 93px;
		font-size: 0.9em;
		padding: 2px 1px 6px;
		text-align: center;
		white-space: nowrap;
	}

	.Calendar .DayToday
	{
		border: 1px solid #FE0000;
	}

	.Calendar .DayGray
	{
		background: #DDDFE2;
		opacity: 0.5;
		filter: alpha(opacity=50);
	}

		.Calendar .Day h1,
		.Calendar .DayToday h1
		{
			background: #DDDFE2;
			border-bottom: 1px solid #A1A3A7;
			margin: -1px 0 8px;
			padding: 2px 4px;
			font-size: 0.9em;
			text-align: left;
		}

			.Calendar .Day h1 a,
			.Calendar .DayToday h1 a
			{
				color: #2C2F32;
				text-decoration: none;
			}

			.Calendar .Day h1 a:hover,
			.Calendar .DayToday h1 a:hover
			{
				text-decoration: underline;
			}

		.Calendar .Day a,
		.Calendar .DayToday a
		{
			display: block;
		}