/* CSS Document RallyGamer */

/* body code */
body {
 margin:0 0 0 0; 
 background-repeat:no-repeat;
 background-attachment:fixed;
 background-position:top center;
}


/* black header line code */	 
div#headerblackline {
 position:fixed;
 z-index:1; /* bij -1 gaat hij naar achteren */	
 top:0;
 left:0;
 width:100%;
 height:40px;
 background-color:#000000;
 filter:alpha(opacity=60);
 opacity: 0.6;
 -moz-opacity:0.6;
} 


  /* header logo code */
.headerlogo { 
 position:relative;
 z-index:2;
}
 
 
 /* header menu fixed code */
.headermenufixedposition { 
 position:fixed;
 z-index:2;
}
 
 
/* header menu code */
.headermenu { 
 font-family:Century Gothic, Arial, Verdana;
 font-size:15px;
 font-weight:bold;
 color:#e6e1dd;
 text-align:right;
 line-height:40px;
}

a.headermenu:link {text-decoration:none; color:#e6e1dd;}
a.headermenu:visited {text-decoration:none; color:#e6e1dd;}
a.headermenu:active {text-decoration:none; color:#e6e1dd;}
a.headermenu:hover {text-decoration:none; color:#ef2e24;}


/* menu style and display header*/
.menustyle1 {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menustyle1 li {
    display: inline;
}

.menustyle1 li + li:before{
    content: " | ";
    padding: 0;
    position: relative; 
    top: -2px; 
}


/* menu style and display footer*/
.menustyle2 {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menustyle2 li {
    display: inline;
}


/* sidebar youtube code */
#mySidenav a {
    position: fixed;
    right: -350px;
    transition: 0.3s;
    padding: 0px;
    width: 400px;
    height: 400px;
    text-decoration: none;
    font-size: 20px;
    color: #ed0000;
    border-radius: 0 0 0 0;
}

#mySidenav a:hover {
    right: 0;
}

#projects {
    top: 94px;
    background-image: url("../images/sidebar.png");
}


/* edit title code */
.edittitle { 
 font-family:Eurostile, Century Gothic, Arial, Verdana;
 font-size:34px;
 font-weight:bold;
 color:#252525;
 text-align:left;
}


/* edit menu & page code */
.editmenu { 
 font-family:Century Gothic, Arial, Verdana;
 font-size:15px;
 font-weight:bold;
 color:#000000;
 text-align:left;
}

a.editmenu:link {text-decoration:none; color:#000000;}
a.editmenu:visited {text-decoration:none; color:#000000;}
a.editmenu:active {text-decoration:none; color:#000000;}
a.editmenu:hover {text-decoration:none; color:#ef2e24;}

a.editmenucurrent:link {text-decoration:none; color:#ef2e24;}
a.editmenucurrent:visited {text-decoration:none; color:#ef2e24;}
a.editmenucurrent:active {text-decoration:none; color:#ef2e24;}
a.editmenucurrent:hover {text-decoration:none; color:#ef2e24;}


/* edit general text (small, normal and large) code */
.textsmall { 
 font-family:Century Gothic, Arial, Verdana;
 font-size:12px;
 font-weight:normal;
 color:#000000;
 text-align:left;
}
	 
a.textsmall:link {text-decoration:underline; color:#000000;}
a.textsmall:visited {text-decoration:underline; color:#000000;}
a.textsmall:active {text-decoration:underline; color:#000000;}
a.textsmall:hover {text-decoration:underline; color:#ef2e24;}	 


.textsmallitalic { 
 font-family:Century Gothic, Arial, Verdana;
 font-size:10px;
 font-weight:normal;
 font-style:italic;
 color:#000000;
 text-align:left;
}
	 
a.textsmallitalic:link {text-decoration:underline; color:#000000;}
a.textsmallitalic:visited {text-decoration:underline; color:#000000;}
a.textsmallitalic:active {text-decoration:underline; color:#000000;}
a.textsmallitalic:hover {text-decoration:underline; color:#ef2e24;}
	 
	 
.textsmallbold { 
 font-family:Century Gothic, Arial, Verdana;
 font-size:12px;
 font-weight:bold;
 color:#000000;
 text-align:left;
}
	 
a.textsmallbold:link {text-decoration:underline; color:#000000;}
a.textsmallbold:visited {text-decoration:underline; color:#000000;}
a.textsmallbold:active {text-decoration:underline; color:#000000;}
a.textsmallbold:hover {text-decoration:underline; color:#ef2e24;}	 
	 
	 
.textnormal { 
 font-family:Century Gothic, Arial, Verdana;
 font-size:14px;
 font-weight:normal;
 color:#000000;
 text-align:left;
}
	 
a.textnormal:link {text-decoration:underline; color:#000000;}
a.textnormal:visited {text-decoration:underline; color:#000000;}
a.textnormal:active {text-decoration:underline; color:#000000;}
a.textnormal:hover {text-decoration:underline; color:#ef2e24;}	 
	 
	 
.textnormalbold { 
 font-family:Century Gothic, Arial, Verdana;
 font-size:14px;
 font-weight:bold;
 color:#000000;
 text-align:left;
}
	 
a.textnormalbold:link {text-decoration:underline; color:#000000;}
a.textnormalbold:visited {text-decoration:underline; color:#000000;}
a.textnormalbold:active {text-decoration:underline; color:#000000;}
a.textnormalbold:hover {text-decoration:underline; color:#ef2e24;}		 
	 
	 
.textlarge { 
 font-family:Century Gothic, Arial, Verdana;
 font-size:16px;
 font-weight:normal;
 color:#000000;
 text-align:left;
}
	 
a.textlarge:link {text-decoration:underline; color:#000000;}
a.textlarge:visited {text-decoration:underline; color:#000000;}
a.textlarge:active {text-decoration:underline; color:#000000;}
a.textlarge:hover {text-decoration:underline; color:#ef2e24;}	 
	 
	 
.textlargebold { 
 font-family:Century Gothic, Arial, Verdana;
 font-size:16px;
 font-weight:bold;
 color:#000000;
 text-align:left;
}	 	 	 

a.textlargebold:link {text-decoration:underline; color:#000000;}
a.textlargebold:visited {text-decoration:underline; color:#000000;}
a.textlargebold:active {text-decoration:underline; color:#000000;}
a.textlargebold:hover {text-decoration:underline; color:#ef2e24;}


.textextralargebold { 
 font-family:Century Gothic, Arial, Verdana;
 font-size:26px;
 font-weight:bold;
 color:#000000;
 text-align:left;
}	 	 	 

a.textextralargebold:link {text-decoration:underline; color:#000000;}
a.textextralargebold:visited {text-decoration:underline; color:#000000;}
a.textextralargebold:active {text-decoration:underline; color:#000000;}
a.textextralargebold:hover {text-decoration:underline; color:#ef2e24;}

.textnormalboldhighlighted { 
 font-family:Century Gothic, Arial, Verdana;
 font-size:14px;
 font-weight:bold;
 color:#ef2e24;
 text-align:left;
}
	 
a.textnormalboldhighlighted:link {text-decoration:none; color:#ef2e24;}
a.textnormalboldhighlighted:visited {text-decoration:none; color:#ef2e24;}
a.textnormalboldhighlighted:active {text-decoration:none; color:#ef2e24;}
a.textnormalboldhighlighted:hover {text-decoration:underline; color:#ef2e24;}


.youtube { 
 font-family:Century Gothic, Arial, Verdana;
 font-size:12px;
 font-weight:bold;
 color:#000000;
 text-align:left;
}	 

a.youtube:link {text-decoration:underline; color:#00000;}
a.youtube:visited {text-decoration:underline; color:#000000;}
a.youtube:active {text-decoration:underline; color:#000000;}
a.youtube:hover {text-decoration:underline; color:#ef2e24;}


/* line vertical and horizontal code */
.linevertical { 
 border-left:1px dashed #999999;
}

.linehorizontal { 
 border-top:1px dashed #999999;
}


/* image grow on hover youtubeimage index code */
.grow img{
transition: 1s ease;
}
.grow img:hover{
-webkit-transform: scale(1.035);
-ms-transform: scale(1.035);
transform: scale(1.035);
transition: 1s ease;
}


/* image brighten on hover youtubeimages index code */
.brighten img {
-webkit-filter: brightness(100%);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.brighten img:hover {
-webkit-filter: brightness(120%);
}


/* image hover index page code */
.swap-image img {      
-webkit-transition: all 1s ease-in-out;      
-moz-transition: all 1s ease-in-out;      
-ms-transition: all 1s ease-in-out;      
-o-transition: all 1s ease-in-out;      
transition: all 1s ease-in-out; } 

.swap-image1, .swap-image:hover .swap-image2 {      
-webkit-opacity: 1;      
-moz-opacity: 1;      
opacity: 1; } 

.swap-image:hover .swap-image1, .swap-image2 {      
-webkit-opacity: 0;      
-moz-opacity: 0;      
opacity: 0; }



/* footer menu code */
.footermenu { 
 font-family:Century Gothic, Arial, Verdana;
 font-size:14px;
 font-weight:bold;
 color:#e6e1dd;
 text-align:left;
}
	 
a.footermenu:link {text-decoration:none; color:#e6e1dd;}
a.footermenu:visited {text-decoration:none; color:#e6e1dd;}
a.footermenu:active {text-decoration:none; color:#e6e1dd;}
a.footermenu:hover {text-decoration:none; color:#999999;}


/* back to top code */
a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #ef2e24 url("up_arrow.png") no-repeat center 43%; /* place .png in css folder */
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
a:hover.back-to-top {
	background-color: #959595;


/* CSS Document RallyGamer */