/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */
html {background-color:#60727C; background-repeat: no-repeat;  background-position: center center;  background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; font-family: Arial, Helvetica, sans-serif, Verdana; font-weight:600; font-size:110%; width:100%; margin:0 auto;}

body {margin-left:auto; margin-right:auto; width:997px;}
#hoofd {position:absolute; top:0px; margin-left:auto; margin-right:auto; width:997px; height:30px; background-color:#60727C; }
#kop {font-family: Georgia, serif; color:red; font-weight:700; font-size:150%; position:absolute; top:15px; margin-left:auto; margin-right:auto; width:997px; text-decoration:none; text-align:left; padding-left:59px; }
#kop a {text-decoration:none; color:red; }
#plaatjes {margin-left:auto; margin-right:auto; width:997px; text-align:center;}

.nummer {color:white; background-color:black; position:relative; font-family:verdana; font-size:75%; font-weight:600;
background: -moz-linear-gradient(top, #000 0%, #B1B4B4 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#B1B4B4));
background: -o-gradient(#000 , #B1B4B4);
background: -ms-linear-gradient(top, #000, #B1B4B4); /* IE10 */
background: linear-gradient(to bottom, #000, #B1B4B4);}

.kleur {border-color:#B8B7B7; }

.view {margin: 12px; float: left; border: 0px solid white; overflow: hidden; position: relative; box-shadow: 0px 0px 0px #e6e6e6; cursor: default; height: 174px; text-align:center; text-decoration:none; margin-left:auto; margin-right:auto; top:-7px; left:775px; }
.view .mask, .view .content {position: absolute; overflow: hidden; top: 0px; left: 0px; height: 174px;}
.view img {display: block; position: relative;}

.view h2,
.view a {text-align: center; position: relative; font-size: 12px; padding-top: 1.5px;    padding-left: 0px; padding-bottom: 1.5px; padding-right: 0px; background-color: black; margin: 0px 0 0 0; color:white; text-decoration:none; display:block; 
background: -moz-linear-gradient(top, #000 0%, #B1B4B4 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#B1B4B4));
background: -o-gradient(#000 , #B1B4B4);
background: -ms-linear-gradient(top, #000, #B1B4B4); /* IE10 */
background: linear-gradient(to bottom, #000, #B1B4B4);}

.view p {font-family: arial; font-style: italic; font-size: 14px; position: relative; bottom:18px; color: #fff;
padding-left:4px; padding-right:4px; line-height:115%; text-align:center; }
.view-first img {transition: all 0.0s linear; }
.view-first .mask {opacity: 0; background-color: rgba(219,127,8, 0.7); transition: all 0.0s ease-in-out; }
.view-first h2 {transform: translateY(-100px); opacity: 0; transition: all 0.0s ease-in-out; }
.view-first p {transform: translateY(100px); opacity: 0; transition: all 0.0s linear;}


p.cover {font-family: arial; font-size:11.5px; color:white; text-align:left; font-style:normal; position:relative; bottom:7px; line-height:115%; }
.view h2:hover .onderlijn {text-decoration:underline; }
.midden {position:relative; top: -2.1px; font-size:larger; font-weight:900; color:yellow;}
hr {border-top:1.5px solid white; border-bottom:1.5px solid black; position:relative; bottom:12px; width:75%;}

#toelichting {margin-left:auto; margin-right:auto; width:997px; position:absolute; width:217px; font-size:12px; color:white; top:239px; padding-left:775px; text-align:left;}

#additioneel {margin-left:auto; margin-right:auto; width:997px; left:0; right:0; position:absolute; top:48px;}
#diashow {color:red; float:right; font-size:10px; font-weight:bold; margin-right:236px;}
#muziek {color:red; float:left; font-size:10px; font-weight:bold; margin-left:2px;}
#albums {color:red; float:right; font-size:10px; font-weight:bold; margin-right:-184px; top::-15px;}
#albums a {color:red; text-decoration:none; font-size:11px;  }
#logo {margin-left:auto; margin-right:auto; width:997px; left:0; right:0; position:absolute; top:25px;}
#home {float:right; margin-right:184px; } 
#gallery {position:absolute; margin-left:auto; margin-right:auto; top:60px; width:763px; text-align:left;}

/*.stylish{display:block; width:40px; height:20px; border-radius:10px; border:2px solid red; font-size:10px; font-weight:900; color:white; line-height:22px; text-align:center; text-decoration:none; background:#60727C; font-family: Georgia, serif;}
*/

.stylish {width: 50px; height: 25px; background: #60727C; border:2px solid red; font-size:12px; font-weight:900; color:white; line-height:22px; text-align:center; text-decoration:none; }
.stylish:hover{border:4px double #bbb;color:#aaa;text-decoration:none;background:#e6e6e6}

/*hr {width: 0%;
height: 0%;
border-style: solid;
border-width: 5.5px 75px 5.5px 0;
border-color: transparent #ff0000 transparent transparent;
}*/