@charset "UTF-8";
body {
	font-family: "Trebuchet MS", "Skia Regular", Verdana;
	font-size: 12px;
	line-height:15px;	
	color: #FFF;
	margin: 0px;
	padding: 0px;
	background-color:#666;
	letter-spacing: 1px;
	-webkit-font-smoothing: subpixel-antialiased; /*voor juiste weergave font-weight in safari*/

  	background: url(../images/bg_body.jpg) no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/bg-body.jpg, sizingMethod=scale);
	-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/bg-body.jpg, sizingMethod=scale);*/
}
a:link {
	color:#FFF;
	text-decoration: none;
	}
a:visited {
	color:#FFF;
	text-decoration: none;
	}
a:hover {
	color:#F60;
	text-decoration: none;
	}
a:active {
	color:#F60;
	}

h1 {
	font-size:50px;
	font-weight:400;
	line-height:50px;
	margin:12px 0 0 10px;
	}

/* index.php -header */

.header {
	width:1024px;
	height:90px;
	margin:0 auto 0 auto;
	background-image:url(../images/bg_header.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	}
.website_title {
	float:left;
	}
.website_title h1 {
	font-size:36px;
	font-weight:800;
	line-height:50px;
	letter-spacing:8px;
	margin:18px 0 0 10px;
	padding-left:8px;
	}

.main_menu {
	float:right;
	margin:25px 15px 0 20px;
	}
.menubox {  /* margin bottom 4px -> 2px for border and 2 px distance between icon and border */
	margin:0 0 4px 40px;
	}
	
.menu_item {
	width: 30px;
	height:34px;
	display:block;		
}
	/* all main menu items */
#menu_item_act1 { background-image: url('../images/main_menu/home_activ.png'); background-repeat:no-repeat; border-bottom: 2px solid #FC3; }
#menu_item1 { background-image: url('../images/main_menu/home.png'); background-repeat:no-repeat; padding-bottom: 2px; }
#menu_item1:hover { background-image: url('../images/main_menu/home_hover.png'); background-repeat:no-repeat;}

#menu_item_act2 { background-image: url('../images/main_menu/notes_activ.png'); background-repeat:no-repeat; border-bottom: 2px solid #FC3;}
#menu_item2 { background-image: url('../images/main_menu/notes.png'); background-repeat:no-repeat; padding-bottom: 2px; }
#menu_item2:hover { background-image: url('../images/main_menu/notes_hover.png'); background-repeat:no-repeat;}

#menu_item_act3 { background-image: url('../images/main_menu/video_activ.png'); background-repeat:no-repeat; border-bottom: 2px solid #FC3;}
#menu_item3 { background-image: url('../images/main_menu/video.png'); background-repeat:no-repeat; padding-bottom: 2px; }
#menu_item3:hover { background-image: url('../images/main_menu/video_hover.png'); background-repeat:no-repeat;}

#menu_item_act5 { background-image: url('../images/main_menu/links_activ.png'); background-repeat:no-repeat; border-bottom: 2px solid #FC3;}
#menu_item5 { background-image: url('../images/main_menu/links.png'); background-repeat:no-repeat; padding-bottom: 2px; }
#menu_item5:hover { background-image: url('../images/main_menu/links_hover.png'); background-repeat:no-repeat;}

#menu_item_act6 { background-image: url('../images/main_menu/repair_activ.png'); background-repeat:no-repeat; border-bottom: 2px solid #FC3;}
#menu_item6 { background-image: url('../images/main_menu/repair.png'); background-repeat:no-repeat; padding-bottom: 2px; }
#menu_item6:hover { background-image: url('../images/main_menu/repair_hover.png'); background-repeat:no-repeat;}

#menu_item_act7 { background-image: url('../images/main_menu/mail_activ.png'); background-repeat:no-repeat; border-bottom: 2px solid #FC3;}
#menu_item7 { background-image: url('../images/main_menu/mail.png'); background-repeat:no-repeat; padding-bottom: 2px; }
#menu_item7:hover { background-image: url('../images/main_menu/mail_hover.png'); background-repeat:no-repeat;}

		
/* home.php  */

.maincontainer{
	background-image:url(../images/bg_maincontainer-2.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	width:1024px;
	min-height:650px;
	margin:auto auto 0 auto;
	border-top:1px solid #CCC;
	}
	
	/*-mainrhy –> main rhythm menu*/
	/* .rhythm_menu and .rhythm_item_active are used both for the .main_rhy as well as the .subrhy */	
.mainrhy { width:100%; text-align:center; border-bottom:4px solid #CCC;}
.mainrhy a:hover { color:#F60;}

.mainrhy h2 { font-size:15px; padding:0px 10px 0px 10px;}

.mainrhy .rhythm_menu {}
.mainrhy .rhythm_item_active a {color:#F90;}


.subrhy { font-size:12px; text-align:left; margin:50px 0 0 15px; padding:0 0 0 5px;}
.subrhy a:hover { color: #F90;}

.subrhy h3 { font-size:25px; line-height:25px; margin:0 0 20px 0; padding:0; font-weight:bold;}

.subrhy .rhythm_menu {}
.subrhy .rhythm_item_active a {color: #FF3}

.infobox{
	width:600px;
	margin-top:60px;
	}
.infobox a:hover {
	color:#FF0;
	}
.infobox h2{
	font-size:26px;
	letter-spacing:3px;
	line-height:30px;
	margin:15px 0 30px 0;
	padding:0;
	}

.infobox #home{
	font-size:12px;
	line-height:20px;
	margin:0 auto 0 0px; 
	padding:15px 25px 45px 30px;
	border:2px solid #999;
	text-align:justify;
	}
.infobox #home h3{
	font-size:15px;
	line-height:15px;
	margin:0;
	padding:0;
	font-weight:bold;
	}
.infobox #home a{
	font-weight:bold;
	color:#FF9;
	}
.infobox #home a:hover{
	font-weight:bold;
	color:#FF0;
	}
.infobox #notes{
	font-size:13px; 
	margin:0 auto 0 30px; 
	padding:15px 25px 45px 30px;
	border:2px solid #999;
	}
.infobox #shop{
	font-size:13px;
	margin:0 auto 0 30px; 
	padding:15px 25px 45px 30px;
	border:2px solid #999; 
	}
.infobox #links{
	font-size:13px;
	margin:0 auto 0 30px; 
	padding:15px 25px 45px 30px;
	border:2px solid #999; 
	}
	
.infobox #rhy_desc{
	font-size:12px;
	margin:0 auto 0 30px; 
	padding:15px 45px 65px 45px;
	border:2px solid #999;
	text-align:justify; 
	}
.infobox #rhy_desc h2{
	font-size:22px;
	letter-spacing:2px;
	line-height:30px;
	margin:15px 0 20px 0;
	padding:0;
	text-align:left;
	}	
.youtubebox{
	width:600px;
	margin:70px auto;
	border:2px solid #666;
	}
	
.backto{
	width:100%;
	text-align:right;
	padding-bottom:10px;
	font-size:13px;
	letter-spacing:2px;
	}
.backto a:hover{
	color:#FF3;
}
	
/* footer */
	
.footer{
	font-size:9px;
	color:#CCC;
	margin:auto auto 0 auto;
	background-color:#000;
	border-top:1px solid #CCC;
	width:1024px;
	height:30px;
	}
.footer a:link { color:#CCC; text-decoration: none; }
.footer a:visited { color:#CCC; text-decoration: none; }
.footer a:hover { color:#F60; text-decoration: none; }
.footer a:active { color:#F60; }

	
/* hotnews.php */

#hotnews a{
	font-size:16px;
	color:#FF9;
	}
#hotnews a:hover{
	color:#FF3;
	}
				
	
/*  archive.php */

.main_nav{ width:100%; text-align:center; border-bottom:4px solid #CCC;}
.main_nav h2 { font-size:15px; padding:0px 20px 0px 20px;}
.main_nav .archive_year {}
.main_nav .archive_year_active a {color:#F90;}

.subrhy_archiv { font-size:12px; text-align:left; margin:15px 0 0 15px; padding:0 0 0 5px;}
.subrhy_archiv a:hover { color: #F90;}
.subrhy_archiv h4{ font-size:14px; font-weight:bold; margin:30px 0 15px 0; padding:0; text-decoration:underline;}

#archive-item{
	border:none;
	}
#archive-item h3{
	font-size:15px;
	line-height:15px;
	margin:35px 0 0 0;
	}
#archive-item a:hover{
	color:#FF9;
	}
#archive-item_active{
	color:#FF6;
	}