body {
        background: #D2D2D1;
		background-image: url(../Images_2010/top_repeat_horizontal.png);
		background-repeat: repeat-x;
		backgrouhnd-position: left top;
        font-family: Tahoma, "trebuchet ms", helvetica, sans-serif;
		font-size: 12px;
        color: #000000;
        margin: 0 0 1em 0;
        padding: 0 0 1em 0;
}
a:link {
        text-decoration: none;
        color: #000000;
        cursor: pointer;
}
a:visited {
        font-style: normal;
        color: #000000;
        text-decoration: none;
        cursor: pointer;

}
a:hover {
        text-decoration: none;
        color: #000000;
        cursor: pointer;
}

IMG {
	border: none;

}

H1{
   margin-top: 0px;
   font-size: 16px;
   font-family: Arial;

}
H2 {
	font-family: Arial;
	font-size: 14px;
}


#Outer {
        margin: 0 auto;
        position: relative;
        width: 1024px;
        border-style: solid;
        border-color: black;
        border-width: 0px;
		height: 768px;
	
	
}

#Top {
		width: 1024px;
		float: left;
}

#Left {
		float: left;
		width: 178px;
/*		height: 768px; */
		height: 75px;
				background-image: url(../Images_2010/top_repeat_horizontal.png);
		background-repeat: repeat-x;
}
#Logo {
		float: left;
		width: 130px;
/*		height: 768px; */
		height: 75px;
/*		background: url(../Images_2010/Tragterbrandbeveiliging_Logo.png);
		background-repeat: no-repeat; */
				background-image: url(../Images_2010/top_repeat_horizontal.png);
		background-repeat: repeat-x;
}

#LogoTragter{
	position: relative;
	float: left;
	padding-left: 17px;
	padding-top: 10px;
	z-index: 999;
}
#Top .Logobar{
		float: left;
		width: 544px;
		height: 54px;
		background: url(../Images_2010/logo_bar.png);
		background-repeat: no-repeat;
		
}
#TopMiddle{
	float: left;
	width: 544px;
	height: 75px;

}
#Top .TopNav{
		float: left;
		width: 544px;
		height: 20px;
		background: url(../Images_2010/Tragterbrandbeveiliging_TopNav.png);
		background-repeat: no-repeat; 
}
#Top .TopNav .Buttons{
	width: 144px;
	height: 21px;
	float: left;
	margin-left: 398px;

}

.HomeButton{
	width: 78px;
	height: 21px;
	float: left;
	background: url(../Buttons/home.png);
	background-repeat: no-repeat; 
	display: block;

}

.ContactButton{
	display: block;
	width: 66px;
	height: 21px;
	float: left;
	background: url(../Buttons/contact.png);
	background-repeat: no-repeat; 
}



#Top .Right {
	float: left;
	width: 172px;
	height: 75px;
	margin-top: 0px;
	top: 0px;
	background: url(../Images_2010/top_right.png);
/*	background-repeat: no-repeat; */
}


#Middle {
		float: left;
		width: 1024px;
		background-attachment:fixed;
   	    background: #D2D2D1 url(../Images_2010/background_tragterbrandbeveiliging.jpg);
		background-repeat: no-repeat;
		background-position: top;
		background-attachment:fixed; 

		
}

#Middle .Left{
	float: left;
	width: 178px;
	height: 400px; 
}



#Middle .ContentBox{
		float: left;
     	background: url(../Images_2010/background_textbox_2.png);
    	background-repeat: repeat-y;		
		width: 688px;
/*		height: 609px;*/
		overflow: visible;
}

/*#Middle .ContentFoto{ */
#TopFoto {
	float:left;
	width: 666px;
	height: 180px;
	margin-left:13px;
	overflow: hidden;

}

/* #Middle .ContentFoto  */

#TopFoto img {
	width: 666px;

	height: 180px;
		max-height: 180px;	
}
#Middle .Content{
	float: left;
	width: 650px;
	
	padding-left: 20px;
/*	height: 605px; */
		
}

#Middle .Content IMG{	
	border: 1px solid #000000;
}



#Middle .Content a{

	color: #000000;
}

#Middle .ContentFooter{
	width: 659px;
	padding-left: 20px;
	float: left;
	height: 130px;
}

#Middle .ContentFooterItemLeeg{
	width: 480px;
	float: left;

}
#Middle .ContentFooterItem {
	width: 138px;
	height: 100px;
	float: left; 
	font-size: 11px;
}
#Middle .ContentFooterItemList {
	background: #b2b2b2 url(../Images_2010/Gradient_news.png);
	background-repeat: repeat-x;
	width: 138px;
	margin-right: 18px;
	padding-right: 2px;
	padding-left: 2px;
	height: 120px;
	overflow: hidden;
	float: left; 

}
#Middle .ContentFooterMeerKnop{
	width: 138px;
	float: left;
	height: 20px;
}

#Middle .ContentFooterMeerKnop a, a:hover, a:link{
	color: #a50000;
}
#Middle .ContentFooterMeerKnop a:hover{
	text-decoration: underline;

}

#Middle .ContentFooterItem h2{
	font-size: 12px;
	margin-top: 2px;
	margin-bottom: 2px;
	color: #a50000;
}

#Middle .ContentFooterItemRight{
	width: 176px;
	height: 76px;
	float: left;
}

#Footer {
	float: left;
	width: 1024px;
}
#Footer .FooterLeft{
	width: 178px;
	float: left;
	

}
#Footer .Rule {
		float: left;
		width: 542px;
		height: 54px;
		background: url(../Images_2010/footer_bar.png);
		background-repeat: no-repeat;
		color: #FFFFFF;
		padding-left: 151px;
		font-weight: bold;
		font-size: 10px;
		line-height: 32px;
}

#Footer a:link, a:visited,a:hover {
        text-decoration: none;
        color: #FFFFFF;
        cursor: pointer;
}



#LoginForm{

 background: #f6f7fd url(../Images/LoginFormBG.jpg) no-repeat;
 width: 400px;
 height: 135px;

}
.LoginText{
 font-size: 12px;
 font-weight: normal;
}
.ErrorMessage {
        font-family: verdana;
        font-size: 11px;
        Color: #CC0000;
         line-height: 18px;
        font-weight: bold;

}

.Message {
    font-family: verdana;
    font-size: 11px;
    Color: #004080;
    line-height: 18px;
    font-weight: bold;

}


#Producten{
	width: 650px;
	/*height: 800px;*/
	margin-top: 5px;
	float: left;
}

#Producten .ProductItemFull{
	width: 635px;
	float: left;
/*	background-color: #FFFFFF; */
	border: thin solid #e4e4e4;
	/*height: 500px;*/
	display: block;
	padding: 7px;

}
#Producten .Naam {
	height: 26px;
	line-height: 18px;
}
#Producten .Afbeelding {
	height: 310px;
}

#Producten .Afbeelding IMG{
	height: 300px;
	
	border: thin solid;
	border-color: black;
}

#Producten .ProductOmschrijving{
	overflow:visible;
	display: block;
}
#Producten .TerugOverzicht{
	background-color: #e4e4e4;
	height: 25px;
	font-size: 12px;
	font-weight: bold;
	float: left;
	width: 100%;
	text-align: right;
	line-height: 21px;


}

#Producten .TerugOverzicht a, #Producten .TerugOverzicht a:hover, #Producten .TerugOverzicht a:link{
	color: #a50000;
	text-decoration: underline;
		margin-right: 10px;

}

#Producten .ProductItem{
	float: left;
	border: thin solid #e4e4e4;
	width: 635px;
	display: block;
	padding: 7px;
	margin-bottom: 10px;
/*		background-color: #FFFFFF;*/

	
}


#Producten .AfbeeldingKlein {
	height: 150px;
	width:  150px;
	float :left;
}
#Producten .AfbeeldingKlein IMG{
	height: 100px;
	max-width: 150px;
}

#Producten .ProductOmschrijvingKort{
	width: 470px;
	float :left;
	margin-left: 10px;

}

#Producten .ProductgroepKop a, #Producten .ProductgroepKop a:hover, #Producten .ProductgroepKop a:link{
	color: #a50000;
	text-decoration: underline;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
	width: 400px;
	float :left;
	line-height: 100px;
}

#Producten .ProductgroepFoto{
	height: 100px;
	width:  180px;
	float :left;
}
#Producten .ProductgroepFoto IMG{
	height: 100px;
	max-width: 150px;
}