/***** == Start General Style Information ======================================================== *****/
/***** #1f3366 = HBS blue *****/
/***** #1b1718 = HBS black *****/
/***** #FFFFFF = White *****/
/***** == End General Style Information ======================================================== *****/

/**** == Start HTML Basic Elements ========================================================  ****/
a,a:link {
color: #002B7F;
text-decoration: none;
font-size:8pt;
margin: 0px;
padding: 0px;
}

a:visited {
}

a:active {
}

a:hover {
text-decoration:underline;
}

small,address,p,ul,ol,li,dl,dt,dd {
margin: 0px;
padding: 0px;
font-size:8pt;
line-height: 17px;
font-family: tahoma,arial,helvetica,sans-serif;
color:#1b1718;
list-style: inside;
}

p {
	margin-bottom: 17px;
	}
	
address {
display:inline;
}

small {
font-size:7pt;
}

address,
address a,
address a:link,
address a:visited,
address a:hover,
address a:active {
font-style:normal;
font-size: 7pt;
}


p:first-letter {
text-transform:uppercase;
}

img {
border: 0px;
margin: 0px;
padding: 0px;
}

fieldset,form,table {
margin: 0px;
padding: 0px;
border: 0px;
}

select,input,textarea { 
color: #231f20;
margin: 0px;
padding: 0px 0px 0px 3px;
font-family:Arial, Helvetica, sans-serif;
}

select,
input  { 
width: 200px;
height: 17px;
margin-bottom: 5px;
border: solid 1px #333333;
background-color: #F7F7F7;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:8pt;
color: #231f20;
}

label {
width: 110px;
overflow:hidden;
display:block;
clear:left;
float:left;
}

textarea  {
width: 200px;
height: 70px;
margin-bottom: 5px;
border: solid 1px #333333;
background-color: #F7F7F7;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:8pt;
color: #231f20;
float:left;
}


h1,h2,h3,h4,h5,h6 {
color: #1f3366;
margin: 0px 0px 8px 0px;
padding: 0px;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
line-height:normal;
}

h1:first-letter,
h2:first-letter,
h3:first-letter,
h4:first-letter,
h5:first-letter,
h6:first-letter {
text-transform:uppercase;
}

h1 {
font-size:16px;
}

h2 {
font-size:10pt;
color:#000;
}

h3 {
font-size:13.55pt;
}

h4 {
font-size:12pt;
}

h5 {
font-size:10pt;
}

h6 {
font-size:7.55pt;
}

strong,b {
font-weight:bold;
}

html>body {
width: 100%;
height: 100%;
}

/**** == End HTML Basic Elements ========================================================  ****/

/*** == Start Site Layout ========================================================  ***/

/*** Body ***/
#LAYOUT1-BODY {
text-align:center;
font-family: tahoma,arial,helvetica,sans-serif;
font-size:8pt;
color: #1b1718;
line-height: 15px;
margin:0;
background: url(LAYOUT1-BODY.gif) repeat;
}

	/*** Site dimensions ***/
	#LAYOUT1-SITE-DIMENSIONS {
	text-align: left; 
	margin: 0 auto; 
	width: 809px; 
	overflow: hidden;
	position:relative;
	}
		
		#LOGO {
		position:absolute;
		left: 10px;
		top: 50px;		
		}
		
		#TAB-FR {
		width: 28px;
		height: 183px;
		position:absolute;
		right: 1px;
		top: 45px;
		z-index: 1;
		}
		
		#TAB-DE {
		width: 28px;
		height: 180px;
		position:absolute;
		right: 1px;
		top: 210px;
		}
		
		.Top,
		#TAB-FR .Top,
		#TAB-DE .Top {
		z-index: 200;
		position:absolute;
		}
		
		/*** A Top Navigation ***/
		#LAYOUT1-A {
		width: 779px;
		height: 20px;
		overflow:hidden;
		color:#FFF;
		text-align:right;
		padding: 10px 30px 0px 0px;
		}
		
		#LAYOUT1-A a {
		color:#FFF;
		} 
		
		#LAYOUT1-A a:hover {
		color:#c2c2c0;
		} 
			
		/*** B Header ***/
		#LAYOUT1-B {
		width: 809px;
		height: 322px;
		overflow:hidden;
		float:left;
		background: url(LAYOUT1-SITE-DIMENSIONS.png) repeat-y;
		padding: 2px;
		}
		
		/*** C Content ***/
		#LAYOUT1-C {
		width: 809px;
		overflow:hidden;
		float:left;
		background: url(LAYOUT1-SITE-DIMENSIONS.png) repeat-y;
		}
		
			/*** C1 Content Left ***/
			#LAYOUT1-C1 {
			width: 185px;
			float:left;
			display:inline;
			margin: 0px 25px 0px 0px;
			padding: 25px 0px 10px 10px;
			}
			
			#LAYOUT1-C1 .Flags a {
				color: #ad0009;
				font-weight:bold;
				}
			
			/*** C2 Content Right ***/
			#LAYOUT1-C2 {
			width: 350px;
			height: 290px;
			float:left;
			display:inline;
			margin: 0px 0px 0px 0px;
			padding: 25px 30px 10px 0px;
			}
	
			html>body #LAYOUT1-C2 {
			min-height:290px;
			height:auto;
			}
			
			#LAYOUT1-C2 img {
				margin: 0px 10px 10px 0px;
				}
			
			/*** C3 Content Left ***/
			#LAYOUT1-C3 {
			width: 200px;
			float:right;
			margin: 0px 0px 0px 0px;
			padding: 215px 0px 10px 0px;
			position:relative;
			}
			
			.Postit {
				position:absolute;
				right: 39px;
				top: 168px;
				}
					
		/*** D News ***/
		#LAYOUT1-D {
		width: 809px;
		overflow:hidden;
		float:left;
		}
			/*** D News Top ***/	
			#LAYOUT1-D1 {
			width: 809px;
			height: 27px;
			background: url(LAYOUT1-D1.png) left no-repeat;
			overflow:hidden;
			clear:both;
			} 
			
			/*** D News Content ***/
			#LAYOUT1-D2 {
			width: 689px;
			height: 181px;
			background: url(LAYOUT1-D2.png) left top no-repeat;
			clear:both;
			overflow:hidden;
			padding: 0px 100px 0px 20px;
			margin: 0px;
			line-height:normal;
			} 
			
			/*** D News Bottom ***/
			#LAYOUT1-D3 {
			width: 729px;
			height: 41px;
			background: url(LAYOUT1-D3.png) left no-repeat;
			clear:both;
			overflow:hidden;
			text-align:right;
			padding: 0px 80px 0px 0px;
			} 
			
		/*** E Footer ***/
		#LAYOUT1-E {
		width: 809px;
		height: 15px;
		overflow:hidden;
		float:left;
		}
			
			
/*** == End Site Layout ========================================================  ***/

				
				
/*** == Start Classes ========================================================  **/

/** 4Sale Items **/
.Item {
overflow:hidden;
clear:both;
padding: 8px 0px 8px 0px;
}

/** 4Sale Groups **/
.Group {
overflow:hidden;
clear:both;
padding: 8px 0px 8px 0px;
}

/** Readmore Buttons **/	
.Readmore,
.Readmore a,
.Readmore a:link,
.Readmore a:visited,
.Readmore a:hover,
.Readmore a:active {
	color:#ad0009;
}


/** == End Classes ========================================================  **/	

/* == Start Forms and Components  ======================================================== */	

/* Contactform */
.ContactForm {
}

	.ContactForm .Submit {
	background-color: #e0e0e0;
	}
	
	.ContactForm .Checkbox {
	width:15px; 
	height:15px; 
	border:0px;
	}
	
/* Horizontal Navigatie */
.Nav1 {
height: 20px;
float:left;
color:#000;
}

	.Nav1 a,
	.Nav1 a:link,
	.Nav1 a:visited,
	.Nav1 a:active,
	.Nav1 a:hover {
	color:#000;
	margin-right: 15px;
	border-right: solid 1px #ccc;
	padding: 0px 15px 0px 0px;
	font-weight:bold;
	font-size: 11px;
	}
	
	.Nav1 a.Active,
	.Nav1 a.Active:link,
	.Nav1 a.Active:visited,
	.Nav1 a.Active:hover,
	.Nav1 a:active,
	.Nav1 a:hover {
	color:#ff0000;
	}
	
/* Vertical Navigation */
.Nav2 {
	padding: 25px 0px 0px 0px;
}
	
	.Nav2 dt {
	padding: 5px 0px 0px 0px;
	}
	
	.Nav2 dd {
	padding: 5px 0px 2px 21px;		
	}
	
	
	.Nav2 dd a,
	.Nav2 dd a:link,
	.Nav2 dd a:visited,
	.Nav2 dd a:hover,
	.Nav2 dd a:active {
	color:#41433a;
	font-weight:bold;
	text-decoration:none;
	}
	
	.Nav2 dd a.Active,
	.Nav2 dd a.Active:link,
	.Nav2 dd a.Active:visited,
	.Nav2 dd a.Active:hover,
	.Nav2 dd a:active,
	.Nav2 dd a:hover {
	color:#122020;
	}
	
/* News Archive */
.News .Item {
border-top: solid 1px #CCCCCC;
margin: 8px 0px 0px 0px;
}

	.News .Item img {
	margin: 2px 8px 0px 0px;
	}
	
	.News .Item .Info {
	padding: 0px 0px 0px 0px;
	overflow:hidden;
	}
	
	.News .Item .Info .Readmore a {
	}


.News .Detail {
border-top: solid 1px #CCCCCC;
margin: 8px 0px 0px 0px;
padding: 8px 0px 0px 0px;
}

.News .Detail img {
margin: 0px 0px 8px 8px;
}

.Galerie {
}

	.Galerie .ImagesSmall {
	width: 68px;
	overflow:hidden;
	float:right;
	background-color:#CCCCCC;
	margin: 0px 0px 0px 3px;
	padding: 0px 0px 3px 0px;
	white-space:nowrap;
	}
	
	.Galerie .ImagesSmall .Small {
	width: 60px;
	height:35px;
	overflow:hidden;
	float:right;
	margin: 3px 3px 0px 3px;
	border: solid 1px #FFFFFF;
	white-space:nowrap;
	display:inline;
	} 
	
	.Galerie .ImagesLarge {
	width: 210px;
	height: 300px;
	float:right;
	position:relative;
	}
	
	.Galerie .ImagesLarge .Large {
	position:absolute;
	top:0px;
	left: 0px;
	z-index: 0;
	display:block;
	}

.ImagesLarge .Large2 {
position:absolute;
top:0px;
left: 0px;
z-index: 20;
display:block;
}

.OudeSchoenen {
	position:absolute;
	top: 275px;
	right: 0px;
	z-index: 1000;
	}

/* == End Forms and  Componets ========================================================  */	
