/* Standaard */ 
a:link { line-height: 150%; color: #0000ff; text-decoration: underline; }
a:visited { line-height: 150%; color: #0000ff; text-decoration: underline; }
a:hover { line-height: 150%; color: #ab0102; text-decoration: none; }
a:active { line-height: 150%; color: #ab0102; text-decoration: none; }

/* Black */ 
a.b:link { color: #000000; text-decoration: underline; }
a.b:visited { color: #000000; text-decoration: underline; }
a.b:hover { color: #ab0102; text-decoration: none; }
a.b:active { color: #ab0102; text-decoration: none; }

/* Red */ 
a.r:link { color: #ab0102; text-decoration: underline; }
a.r:visited { color: #ab0102; text-decoration: underline; }
a.r:hover { color: #ab0102; text-decoration: none; }
a.r:active { color: #ab0102; text-decoration: none; }

/* Black-solid */ 
a.bs:link { color: #000000; text-decoration: none; }
a.bs:visited { color: #000000; text-decoration: none; }
a.bs:hover { color: #000000; text-decoration: none; }
a.bs:active { color: #000000; text-decoration: none; }

/* InText */ 
a.intext:link { color: #0000ff; text-decoration: underline; }
a.intext:visited { color: #0000ff; text-decoration: underline; }
a.intext:hover { color: #0000ff; text-decoration: none; }
a.intext:active { color: #0000ff; text-decoration: none; }

/* Logo */ 
a.logo:link { color: #f9f300; text-decoration: underline; }
a.logo:visited { color: #f9f300; text-decoration: underline; }
a.logo:hover { color: #f9f300; text-decoration: underline; }
a.logo:active { color: #f9f300; text-decoration: underline; }

/* Menu */ 
a.menu:link { line-height: 175%; color: #000000; text-decoration: none; }
a.menu:visited { line-height: 175%; color: #000000; text-decoration: none; }
a.menu:hover { line-height: 175%; color: #0000ff; text-decoration: none; }
a.menu:active { line-height: 175%; color: #0000ff; text-decoration: none; }

/* Button Link */ 
a.buttonlink:link { color: #000000; text-decoration: none; display: block; width: 100%; }
a.buttonlink:visited { color: #000000; text-decoration: none; display: block; width: 100%; }
a.buttonlink:hover { color: #000000; text-decoration: none; display: block; width: 100%; }
a.buttonlink:active { color: #000000; text-decoration: none; display: block; width: 100%; }

/* Emoticon */ 
a.emo:link { color: #ab0102; font-size: 16px; text-decoration: none; cursor: pointer;  }
a.emo:visited { color: #ab0102; font-size: 16px; text-decoration: none; cursor: pointer;  }
a.emo:hover { color: #ab0102; font-size: 20px; text-decoration: none; cursor: pointer;  }
a.emo:active { color: #ab0102; font-size: 20px; text-decoration: none; cursor: pointer;  }

body
{
background: #dcdedc url('../IMG/Wallpaper.webp') center/cover fixed no-repeat;
width: 1100px;
height: 100%;
margin: 0 auto;
font-family: Arial, Helvetica, Geneva, sans-serif;
font-size: 15px;
color: #000000;
line-height: 140%;
}

.logotxtbig
{
font-family: Trebuchet MS;
font-weight: bold;
font-size: 42px;
color: #f9f300;
text-shadow: 5px 2px 2px #000000;
letter-spacing: 2px;
padding-left: 15px;
}

.logotxtsmall
{
font-family: Trebuchet MS;
font-weight: bold;
font-size: 18px;
color: #ffffff;
text-shadow: 5px 2px 2px #000000;
letter-spacing: 2px;
margin-left: 110px;
margin-top: -8px;
}

.headerwrapper
{
overflow: hidden;
}

.headerleft
{
float: left;
height: 90px;
width: 40%;
background: #e1e1e2;
border-top: 1px solid black;
border-left: 1px solid black;
box-sizing: border-box;
}

.headerright
{
float: left;
height: 90px;
width: 45%;
background: #e1e1e2;
border-top: 1px solid black;
border-right: 1px solid black;
box-sizing: border-box;
}

.banner468x60
{
margin-top: 15px;
}

.banner300x250
{
margin-left: 65px;
}

.mainwrapper 
{
overflow: hidden;
height: 100%;
}

.mainmenu
{
float: left;
width: 250Px;
background: #E1E1E1;
border-left: 1px solid black;
border-bottom: 1px solid black;
box-sizing: border-box;
}

.menushadow
{
width: 230Px;
height: Auto;
padding-top: 10px;
padding-bottom: 2px;
padding-left: 5px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
background: #fafafa;
border: 1px solid black;
box-sizing: border-box;
box-shadow: inset -5px 0px 10px 0px rgba(175,175,175,1);
}

.menuheader
{
font-size: 18px;
text-align: center;
padding-bottom: 12px;
}

.menuicon
{
width: 16px;
height: 16px;
vertical-align: middle;
margin-right: 5px;
margin-bottom: 2px;
}

.maincontent
{
float: left;
width: 850Px;
min-height: 1000px;
padding: 10px;
background: #ffffff;
border: 1px solid black;
box-sizing: border-box;
}

img { border-width: 0px; }
small { font-size: 12px; }
hr { border: none; background-color: #000000; color: #000000; margin-top: 5px; margin-bottom: 5px; height: 1px; width: 100%; }
h1 { font-family: Trebuchet MS; font-weight: bold; font-size: 20px; margin: 0px; }
h2 { font-family: Trebuchet MS; font-weight: bold; font-size: 16px; margin: 0px; }
.vet { width: 100%; clear: both; margin-bottom: 10px; font-weight: bold; }
.tab { width: 100%; clear: both; margin-bottom: 10px; }
.nobm { margin-bottom: 0px; }
.sr { font-size: 12px; color: #ab0102; }
.sb { font-size: 12px; color: #000000; }
.txtright { text-align: right; }
.txtcenter { text-align: center; }
.floatright { float: right; }
.minibuttons { float: right; clear: both; }

.r10l { float: left; width: 10%; }
.r15l { float: left; width: 15%; }
.r20l { float: left; width: 20%; }
.r25l { float: left; width: 25%; }
.r30l { float: left; width: 30%; }
.r35l { float: left; width: 35%; }
.r40l { float: left; width: 40%; }
.r45l { float: left; width: 45%; }
.r50l { float: left; width: 50%; }
.r55l { float: left; width: 55%; }
.r60l { float: left; width: 60%; }
.r65l { float: left; width: 65%; }
.r70l { float: left; width: 70%; }
.r75l { float: left; width: 75%; }
.r80l { float: left; width: 80%; }

input[type=TEXT], input[type=PASSWORD], TEXTAREA, select
{
background: #ffffff;
border: 1px solid black;
box-sizing: border-box;
font-size: 14px;
font-family: Arial, Helvetica, Sans-Serif;
height: 25px;
margin-top: 5px;
margin-bottom: 5px;
}

input[type=CHECKBOX]
{
background-color: #ffffff;
border: 1px solid black;
box-sizing: border-box;
}

input[type=SUBMIT]
{
background: #eaeaea;
border: 1px solid black;
box-sizing: border-box;
font-size: 14px;
font-family: Arial, Helvetica, Sans-Serif;
height: 25px;
margin-top: 5px;
margin-bottom: 5px;
}

.whiteblock 
{ 
margin: 1px;
padding: 5px 2px 5px 2px;
border: 1px solid #E8E8E8;
border-radius: 5px;
color: #000000;
text-decoration: none;
width: auto;
min-height: 22px;
height: 100%;
clear: both;
}

.redblock
{
margin: 1px;
padding: 5px 2px 5px 2px;
border: 1px solid #ff0000;
background: #fccacc;
border-radius: 5px;
color: #000000;
text-decoration: none;
width: auto;
min-height: 22px;
height: 100%;
clear: both; 
}

.greenblock
{
margin: 1px;
padding: 5px 2px 5px 2px;
border: 1px solid #008800;
background: #80FF80;
border-radius: 5px;
color: #000000;
text-decoration: none;
width: auto;
min-height: 22px;
height: 100%;
clear: both; 
}

.greyblock
{
margin: 1px;
padding: 5px 2px 5px 2px;
background: #f0f0f0;
border: 1px solid #cccccc;
border-radius: 5px;
color: #000000;
text-decoration: none;
width: auto;
min-height: 22px;
height: 100%;
clear: both;
}

.profilethumb
{
width: 190px;
height: 190px;
border-radius: 25%;
border: 1px solid Black;
box-sizing: border-box;
margin-left: 5px;
margin-right: 5px;
}

.profilethumbdiv
{
font-size: 12px;
font-weight: bold;
display: inline-block;
margin-bottom: 10px;
}

.txt_tip
{
Outline: None;
Position: Relative
}

.txt_tip span
{
z-index: 10;
position: absolute;
display: none;
padding: 2px;
color: #000000;
background: #F8F8F8;
text-decoration: none;
width: 400px;
height: auto;
border: 1px solid black;
box-shadow: 3px 3px 5px 0px #888888;
text-overflow: ellipsis;
border-radius: 10px;
padding: 5Px;
}

.txt_tip.Overzicht 
{
float: left;
width: 100%;
}

.txt_tip.Overzicht span
{
top: 15px;
left: 200px;
}

.txt_tip.LaatsteReacties span
{
top: 15px;
left: 100px;
}

.txt_tip.update span
{
top: 15px;
left: -75px;
}

.txt_tip:hover span
{
display: block;
}

.profielfotopopup
{
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-75%, -75%);
background-color: #fff;
padding: 10px;
border: 1px solid #ccc;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
z-index: 1000;
text-align: center;
}

.profielfotopopup img
{
max-width: 75%;
height: auto;
}