/* Djrui de Hoogh
 *
 * Colors:
 *		#000000 = Black
 *		#FFFFFF = White
 *		#00ff00 = Green
 *		#ff0000 = Red
 */

/* CSS Document */
*{
padding:0px;
margin:0px;
border:none;
}

/* STYLES BODY (SCROLLBAR COLORS)*/

body{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#ffffff;
background-color:#000000;
width: 100%;
}

a {
	color: #00ff00;
	text-decoration: none;
}

a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

TEXTAREA {
	border: 2px #00ff00 solid;
}

input{
	border: 2px #00ff00 solid;
}


/* STYLES BACKGROND (1024x768)*/

#CenterContainer{
margin: 0 auto;
background-color: #000000;
background-image: url('../Images/backgroundnn.gif');
background-position: top left;
width: 1000px;
height: auto;
}

#LogoContainer{
	margin-top: 30px;
	width: 220px;
	height: 100px;
}

#TableLogo{
	margin-top: 0px;
	width: 220px;
	height: 100px;
}

.LogoAnimantie a {
	display:block;
	width: 220px;
	height: 100px;
	background: url("../Images/Logo.png") 0 0 no-repeat;
	}
.LogoAnimantie a:link {
	background-position: -157px 0;
	background: url("../Images/Logo.png") 0 0 no-repeat;
	}
.LogoAnimantie a:visited {
	background-position: -157px 0;
	background: url("../Images/Logo.png") 0 0 no-repeat;
	}
.LogoAnimantie a:hover {
	background-position: -157px 0;
	background: url("../Images/LogoOver.png") 0 0 no-repeat;
	}
.LogoAnimantie a:active {
	background-position: -314px 0;
	background: url("../Images/LogoOver.png") 0 0 no-repeat;
}

#MenuContainer{
	margin: 0 0 60px 0;
	/*margin: -130px 0 60px 0;*/
	width: 1000px;
	height: auto; /*165px*/
	border-bottom: 1px #FFFFFF solid;	
}

#TableMenu{
	margin: 0 0 0 0;
}

/*BUTTONS DEFAULT*/

/*01 BUTTONS VIPERBOTEN*/

.MenuButton01 {
	margin: 0 0 0 9px;
	padding: 33px 0 0 0;
	display:block;
	width: 115px;
	height: 20px;
	background: url("../Images/ButtonViperVoerboten.png") 0 0 no-repeat;
	color: #000000;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	cursor:pointer;
	cursor:hand;
	float: left;
}

.MenuButton01Over {
	margin: 0 0 0 9px;
	padding: 33px 0 0 0;
	display:block;
	width: 115px;
	height: 20px;
	background: url("../Images/ButtonOverViperVoerboten.png") 0 0 no-repeat;
	color: #000000;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	cursor:pointer;
	cursor:hand;
	float: left;
}

/*02 BUTTONS FISHFINDER*/
.MenuButton02 {
	margin: 0 0 0 9px;
	padding: 33px 0 0 0;
	display:block;
	width: 115px;
	height: 20px;
	background: url("../Images/ButtonFishfinder.png") 0 0 no-repeat;
	color: #000000;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	cursor:pointer;
	cursor:hand;
	float: left;
}

.MenuButton02Over {
	margin: 0 0 0 9px;
	padding: 33px 0 0 0;
	display:block;
	width: 115px;
	height: 20px;
	background: url("../Images/ButtonOverFishfinder.png") 0 0 no-repeat;
	color: #000000;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	cursor:pointer;
	cursor:hand;
	float: left;
}

/*03 BUTTONS GALLERIJ*/
.MenuButton03 {
	margin: 0 0 0 9px;
	padding: 33px 0 0 0;
	display:block;
	width: 115px; /*122px*/
	height: 20px; /*30px*/
	background: url("../Images/ButtonGallerij.png") 0 0 no-repeat;
	color: #000000;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	cursor:pointer;
	cursor:hand;
	float: left;
}
.MenuButton03Over {
	margin: 0 0 0 9px;
	padding: 33px 0 0 0;
	display:block;
	width: 115px; /*122px*/
	height: 20px; /*30px*/
	background: url("../Images/ButtonOverGallerij.png") 0 0 no-repeat;
	color: #000000;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	cursor:pointer;
	cursor:hand;
	float: left;
}

/*04 BUTTONS MEDIA*/
.MenuButton04 {
	margin: 0 0 0 9px;
	padding: 33px 0 0 0;
	display:block;
	width: 115px; /*122px*/
	height: 20px; /*30px*/
	background: url("../Images/ButtonMedia.png") 0 0 no-repeat;
	color: #000000;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	cursor:pointer;
	cursor:hand;
	float: left;
}
.MenuButton04Over {
	margin: 0 0 0 9px;
	padding: 33px 0 0 0;
	display:block;
	width: 115px; /*122px*/
	height: 20px; /*30px*/
	background: url("../Images/ButtonOverMedia.png") 0 0 no-repeat;
	color: #000000;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	cursor:pointer;
	cursor:hand;float: left;
	
}

/*05 BUTTONS WEBSHOP*/
.MenuButton05 {
	margin: 0 0 0 9px;
	padding: 33px 0 0 0;
	display:block;
	width: 115px; /*122px*/
	height: 20px; /*30px*/
	background: url("../Images/ButtonWebshop.png") 0 0 no-repeat;
	color: #000000;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	cursor:pointer;
	cursor:hand;
	float: left;
}
.MenuButton05Over {
	margin: 0 0 0 9px;
	padding: 33px 0 0 0;
	display:block;
	width: 115px; /*122px*/
	height: 20px; /*30px*/
	background: url("../Images/ButtonOverWebshop.png") 0 0 no-repeat;
	color: #000000;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	cursor:pointer;
	cursor:hand;
	float: left;
}

/*06 BUTTONS LINKS*/
.MenuButton06 {
	margin: 0 0 0 9px;
	padding: 33px 0 0 0;
	display:block;
	width: 115px; /*122px*/
	height: 20px; /*30px*/
	background: url("../Images/ButtonLinks.png") 0 0 no-repeat;
	color: #000000;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	cursor:pointer;
	cursor:hand;
	float: left;
}
.MenuButton06Over {
	margin: 0 0 0 9px;
	padding: 33px 0 0 0;
	display:block;
	width: 115px; /*122px*/
	height: 20px; /*30px*/
	background: url("../Images/ButtonOverLinks.png") 0 0 no-repeat;
	color: #000000;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	cursor:pointer;
	cursor:hand;
	float: left;
}

/*07 BUTTONS CONTACT*/
.MenuButton07 {
	margin: 0 0 0 9px;
	padding: 33px 0 0 0;
	display:block;
	width: 115px; /*122px*/
	height: 20px; /*30px*/
	background: url("../Images/ButtonContact.png") 0 0 no-repeat;
	color: #000000;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	cursor:pointer;
	cursor:hand;
	float: left;
}
.MenuButton07Over {
	margin: 0 0 0 9px;
	padding: 33px 0 0 0;
	display:block;
	width: 115px; /*122px*/
	height: 20px; /*30px*/
	background: url("../Images/ButtonOverContact.png") 0 0 no-repeat;
	color: #000000;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	cursor:pointer;
	cursor:hand;
	float: left;
}

/*08 BUTTONS NIEUWS*/
.MenuButton08 {
	margin: 0 0 0 9px;
	padding: 33px 0 0 0;
	display:block;
	width: 115px; /*122px*/
	height: 20px; /*30px*/
	background: url("../Images/ButtonNieuws.png") 0 0 no-repeat;
	color: #000000;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	cursor:pointer;
	cursor:hand;
	float: left;
}
.MenuButton08Over {
	margin: 0 0 0 9px;
	padding: 33px 0 0 0;
	display:block;
	width: 115px; /*122px*/
	height: 20px; /*30px*/
	background: url("../Images/ButtonOverNieuws.png") 0 0 no-repeat;
	color: #000000;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	cursor:pointer;
	cursor:hand;
	float: left;
}

#ContentContainer{
	float: left;
	width: 1000px;
	text-align: justify;
}
/*TITLE PAGE*/

#TitlePage {
	margin: 0 0 40px 0;
	height: 20px;
	font-size: 25px;
	font-weight: 800;
	color: #0F0;
}

.ContentFull{
	width: 1000px;
	height: auto;
	float: left;
	text-align: justify;
}
/*BIG Indeling*/

#ContentLeft{
	margin: 0 25px 0 0;
	width: 485px;
	height: auto;
	float: left;
	text-align: justify;
}

#ContentRight{
	width: 485px;
	height: auto;
	float: right;
	text-align: justify;
}

/*MEDIUM Indeling*/

/*SMALL Indeling*/

#ContentLeft1{
	width: 235px;
	height: auto;
	float: left;
}

#ContentLeft2_1{
	margin-top: 30px;
	width: 235px;
	height: auto;
	float: left;
}

#ContentMid2{
	margin: 0 0 0 20px;
	width: 235px;
	height: auto;
	float: left;
}
#ContentMid2_2{
	margin: 30px 0 0 20px;
	width: 235px;
	height: auto;
	float: left;
}

#ContentMid3{
	margin: 0 0 0 20px;
	width: 235px;
	height: auto;
	float: left;
}

#ContentRight4{
	margin: 0 0 0 20px;
	width: 235px;
	height: auto;
	float: left;
}

#ContentMid3ViperSerie{
	margin: 0 0 10px 0;
	width: 235px;
	height: auto;
	float: left;
}

#ContentRight4ViperSerie{
	margin: 0 0 10px 20px;
	width: 235px;
	height: auto;
	float: left;
}

#FooterContainer{
	margin-top: 60px;
	padding: 10px 0 0 0;
	float: left;
	width: 1000px;
	height: auto;
	font-size: 10px;
	border-top: 1px #FFFFFF solid;
	
}

/*OPMAAK HOMEPAGINA*/

.DescriptionViperModelsHeader {
	margin: 10px 0 0 0;
	width: 235px;
	font-size: 14px;
	color: #0F0;
	font-weight: 800;
	text-align: justify;
}

.DescriptionViperModels {
	margin: 10px 0 0 0;
	width: 235px;
	text-align: justify;
}

.HeaderText {
	margin: 0 0 0 0;
	width: auto;
	font-size: 14px;
	color: #0F0;
	font-weight: 800;
	text-align: justify;
}

.ReadMore {
	color: #0F0;
	text-decoration: none;
}

.ReadMore a {
	color: #FFFFFF;
}


.YoutubePlayer {
	margin: 0 0 20px 0;
	padding: 3px 0 0 3px;
	background: url("../Images/YoutubePlayerBg.png") no-repeat;
	width: 485px;
	height: 390px;
}

.TableSpecs{
	margin: 0 0 0 0;
	float: left;
}

.Td_Specs_Header {
	padding: 0 0 0 10px;
	border-top: 1px #FFFFFF solid;
	border-bottom: 1px #FFFFFF solid;
	font-size: 14px;
	font-weight: 800;
}

.Td_SpecsSelected_Header {
	padding: 0 0 0 10px;
	border-top: 1px #FFFFFF solid;
	border-bottom: 1px #FFFFFF solid;
	color: #0F0;
	font-size: 14px;
	font-weight: 800;
}

.Td_SpecsSelected {
	padding: 0 0 0 10px;
	height: 21px;
	color: #0F0;
}

.Td_Specs {
	padding: 0 0 0 10px;
	height: 21px;
}

.Td_SpecsBottom {
	height: 21px;
	border-bottom: 1px #FFFFFF solid;
}

.Td_Specs_Header a {
	color: #FFFFFF;
	text-decoration: none;
}

.Td_Specs_Header a:hover {
	color: #0F0;
	text-decoration: none;
}

.ThumbGallery {
	margin: 0 27px 0 0;
	padding: 3px 0 0 3px;
	background: url("../Images/ThumbGalleryBg.png") no-repeat;
	width: 115px;
	height: 115px;
	float: left;
}

#ContentDownloads {
	margin: 0 0 0 0;
	height: auto;
	width: auto;
}

.ThumbsArtikelenFirst {
	margin: 0 0 0 0;
	padding: 3px 0 0 3px;
	background: url("../Images/ArtikelBg.png") no-repeat;
	width: 125px;
	height: 175px;
	float: left;
}

.ThumbsArtikelenNext {
	margin: 0 0 0 46px;
	padding: 3px 0 0 3px;
	background: url("../Images/ArtikelBg.png") no-repeat;
	width: 125px;
	height: 175px;
	float: left;
}

.ThumbsArtikelenEmpty {
	margin: 0 0 0 46px;
	padding: 3px 0 0 3px;
	width: 125px;
	height: 175px;
	float: left;
}

.TitelDownloadArtikelFirst {
	margin: 0 0 0 0;
	padding: 3px 0 0 3px;
	width: 125px;
	height: 25px;
	text-align: center;
	float: left;
}

.TitelDownloadArtikelNext {
	margin: 0 0 45px 46px;
	padding: 3px 0 0 3px;
	width: 125px;
	height: 25px;
	text-align: center;
	float: left;
}

#TableAlbums {
	margin: -40px 0 -40px -13px;
	width: 1200px;
}


/*PAGINA WEBSHOP*/

.TabelWebshopFormulier{
	float:left;
	clear: both;
}

.WebshopContainer{
	margin: 0 0 30px 0;
	width:485px;
	height:150px;
}
	
.WebshopTitle{
	padding: 8px 0 0 15px;
	background: url("../Images/TitelBgWebshop.png") no-repeat;
	width: 470px;
	height: 20px;
	color: #000000; 
	font-size: 14px;
	font-weight: bold;
	float:left;
}

.WebshopThumb{
	width:99px;
	height:98px;  
	float:left;
	border-left: 1px #FFFFFF solid;
	border-top: 1px #FFFFFF solid;
	border-bottom: 1px #FFFFFF solid;
	float:left;
}

.WebshopDescriptionContainer{
	width: 383px;
	height: 98px;
	border: 1px #FFF solid;
	float:left;
}

.WebshopDescription{
	margin: 10px 0 0 10px;
	width: 360px;
	float:left;
}

.WebshopPrice{
	padding: 3px 20px 0 0;
	width:175px;
	height:18px;
	background: url("../Images/PriceBgWebshop.png") no-repeat;
	color: #000000;
	font-weight:bold;
	font-size:12px;
	text-align:right;
	float:right;
}


.WebshopAmount{
	padding: 2px 2px 1px 2px;
	width: 35px;
	height: 18px;
	background-color: #75f46d;
	/*border-left: 1px #6285f2 solid;
	border-right: 1px #6285f2 solid;
	border-bottom: 1px #6285f2 solid;*/
	float: right;
}


/*PAGINA LINKS*/
.LinkBanner {
	padding: 3px 0 0 3px;
	width: 485px;
	height: 100px;
	background: url("../Images/LinkBannerBg.png") no-repeat;
}