﻿body 
{
	background-image:url(./file/bg.jpg);
	background-repeat:repeat-x;
	text-align:center;
	background-color:#8ca3a9;
	background-attachment:fixed;	
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border: solid 0px #000;
	font-family:Verdana,Berlin Sans FB,Arial,Verdana;
	color:#ffffff;
	font-size:0.8em;
}

a{ color:#5cf2ff; font-size:0.85em;}
a:hover{ color:#f1fb9a; font-size:0.85em;}

.TopLine
{
	background-color:#344454;
	height:20px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;	
	text-align:left;
	padding-left:10px;
}

.Main
{
	width:800px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;		
}

.ZeroAll
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border: solid 0px #000;
}

.Banner
{
	background-image:url(./file/Banner_03.jpg);
	background-color:#000;
	background-repeat:no-repeat;	
	width:800px;
	height:199px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border: solid 0px #000;
	vertical-align:bottom;
	
	
}

.Button
{
	background-image:url(./file/ButtonLine_05.jpg);
	background-color:#344454;
	background-repeat:no-repeat;	
	width:795px;
	height:50px;
	text-align:right;
	padding:0px 5px 0px 0px;
	letter-spacing:0px;
	font-size:0px;
	font-weight:lighter;
}

.MainBody
{
	background-color:#035b8d;
	display:block;
	background-image:url(./file/MainLine.jpg);
	background-repeat:repeat-x;
}

.MainBodyPic
{
	background-image:url(./file/MainLine.jpg);
	background-color:#035b8d;
	background-repeat:repeat-x;
	padding-bottom:0px;
	min-height:400px;
	height:auto;
	text-align:left;
	display:block;
	clear:both;
	
}

.Footer
{
	background-color:#034b73;
	height:29px;	
	text-align:left;
	padding-top:10px;
	padding-left:10px;
	color:#c0c0c0; 
	font-size:0.85em;
	
}

.FloatLeft
{
	display:block;
	float:left;	
}

.ClearFloat
{
	clear:both;
}

.FontBerlinFB
{
	font-family:Berlin Sans FB,Arial,Verdana;
	color:#ffffff;	
	font-size:1.3em;
}

.FontBerlinFBDemi
{
	font-family:Berlin Sans FB Demi,Arial,Verdana;
	color:#ffffff;	
	font-size:1.3em;
}

.FontBerlinFB2
{
	font-family:Berlin Sans FB,Arial,Verdana;
	font-size:1.3em;
}

.FontBerlinFBDemi2
{
	font-family:Berlin Sans FB Demi,Arial,Verdana;
	font-size:1.3em;
}

.Brick
{
	font-family:Stencil Std,Cooper Std Black,Berlin Sans FB Demi,Arial,Verdana;
	color:#ffffff;	
	font-size:1.3em;
	color:#04bbff;
}

.Blocks
{
	font-family:Stencil Std,Cooper Std Black, Sans FB Demi,Arial,Verdana;
	color:#ffffff;	
	font-size:1.3em;
	color:#eeb94a;
}

.Brick3
{
	font-weight:bold;
	color:#04bbff;
}

.Blocks3
{
	font-weight:bold;
	color:#eeb94a;
}


.Brick2
{
	
	
}

.Blocks2
{
	font-family:Berlin Sans FB, Sans FB Demi,Stencil Std,Cooper Std Black, Arial,Verdana;
	color:#ffffff;	
	font-size:1.3em;
	color:#eeb94a;

	
}




#Welcome
{
	padding-left:20px;
	padding-top:20px;
	text-align:left;	
	width:370px;
	display:block;
}

.WelcomeContent
{
	margin-top:5px;
	display:block;
}


.Images
{
	margin-left:0px;
	margin-top:10px;
	text-align:left;
	margin-bottom:10px;
}

.Images img
{
	margin-left:0px;
}

.ImagesMargin
{
	border:solid 1px #ffffff;
	margin-right:10px;
}

.SmallButton
{
	
	margin-left:440px;
	text-align:right;
	background-position:right;
	padding:0px 0px 0px 0px;
	display:inline-block;	
	width:210px;
}

.HomeButton
{
	height:12px;
	width:13px;
	margin-top:3px;	
	
}
.AdminButton
{
	height:12px;
	width:12px;
	margin-top:3px;	
	
}
.LoginButton
{
	height:12px;
	width:11px;
	margin-top:3px;	
	
}



#News
{
	
	text-align:left;
	display:block;
	
	width:365px;
	padding-top:20px;
	padding-left:20px;
}

.tdNews
{
	text-align:center;
	height:39px;	
	width:50%;
	background-repeat:no-repeat;
}
.tdNews2
{
	
	height:39px;
	background-repeat:no-repeat;
	
}

.tdNews3
{	
	width:14px;
	background-repeat:no-repeat;
	
}

.tdNewsBody
{
	background-image:url(file/tabBody.jpg);
	background-repeat:repeat-x;
	height:358px;
	background-color:#035b8d;
	vertical-align:top;
	text-align:left;
	
}

.Center
{
	 
}

#News table td
{
	border:solid 0px #fff;	
	padding:0px;
	
}



.NewsTitle
{
	font-size:0.95em;	
	font-weight:bold;
	font-family:Verdana;
	color:#f9faad;
	padding-bottom:2px;
	display:block;
	text-decoration:underline;
	padding-top:18px;
}

.NewsShortContent
{
	padding-bottom:5px;
	display:block;	
}

#DataPager a
{
	font-size:1.0em;
	padding-left:2px;
	padding-right:2px;
	
}

#DataPager
{
	text-align:center;
	margin-top:10px;	
}

.NewsDate
{
	color:#dddddc;
	font-size:0.75em;	
}

.Body
{
	padding:20px 20px 20px 20px;
	display:block;	
}


.NewsContent
{
	margin-top:0px;
	display:block;
	margin-bottom:30px;
}

.NewsShortContent
{
	font-style:italic;
	padding-top:10px;
	color:#f0f0f0;
	font-size:0.9em;
	}
	
.NewsContentMain
{
	margin-top:0px;
	display:block;
	margin-bottom:5px;
	font-size:0.85em;
	}

.Onderdelen
{
	text-align:center;	
	
}

.Right
{
	text-align:right;	
	padding-right:20px;
}

.Materiaal
{
	background-image:url(file/materiaal.jpg);
	height:440px;
	width:750px;	
	margin-left:50px;
	background-repeat:no-repeat;
}

.Historie
{
	
	width:750px;	
	margin-left:50px;	
	background-repeat:no-repeat;
	padding-bottom:10px;
}

.Historie img
{
	margin-left:3px;
	border:solid 1px #000;
}

.HistorieBody
{
	width:690px;
	padding-top:30px;
	display:block;	
	
}



ul
{
	margin-top:0px;	
	padding-top:10px;
}


.Padding
{
	padding:20px 20px 20px 20px;	
}


.Padding2
{
	padding:10px 0px 0px 0px;	
}

.ItemTemplate
{
	border:solid 1px #ffffcc;	
	border-collapse:collapse;
	margin-bottom:10px;
	padding:5px 5px 5px 5px;
}


.EditTemplate
{
	border:solid 1px #ffffcc;	
	border-collapse:collapse;
	margin-bottom:10px;
	padding:5px 5px 5px 5px;
	background-color:#12394f;
}

.EditClass
{
	margin-top:8px;
	display:block;	
}

.EditClass2
{
	margin-top:8px;
	display:inline-block;
}

.italicGray
{
	font-style:italic;
	color:#a0a0a0;
	font-size:0.85em;
	font-weight:bold;
	}

.InsertTemplate
{
	margin-top:10px;
	border:solid 1px #ffffcc;	
	border-collapse:collapse;
	margin-bottom:10px;
	padding:5px 5px 5px 5px;
	background-color:#f0f0e6;
	color:#083963;
}

#LinkColor a
{
	color:Green;	
	font-weight:bold;		
}

#LinkColor a:hover
{
	color:#ffffbb;	
	font-weight:bold;		
}

#LinkColor
{
	text-align:right;
	display:block;
	padding-top:5px;
	padding-bottom:5px;
		
}

.MessageError
{
	margin-left:10px;
	color:#dd0606;	
	font-weight:normal;
	
}

#AlignForm
{
	margin-top:50px;
	padding-left:200px;	
	padding:20px 0px 20px 0px;
	
	border:solid 1px #ffffcc;	
	width:350px;
	
}

#AlignForm label  
{
	width:100px;
	text-align:right;
	display:block;	
	float:left;
	padding-top:2px;
	padding-right:5px;
	padding-bottom:10px;
}

#AlignForm br
{
	clear:both;	
}

#AlignForm input
{
	float:left;
	width:200px;
	
}

.table1
{
	padding:0px 0px 0px 0px;
	border-collapse:collapse;
	
}

.Padding2 table td, th
{
	border:1px solid #ffffcc;
	padding-left:5px;
	
}


#InsertDiv  label 
{
	width:80px;
	display:block;
	float:left;
	text-align:right;
	padding-right:5px;
	padding-top:2px;
	
	
}

#InsertDiv
{
	margin:10px 10px 10px 10px;
}


.HeaderTable
{
	background-color:#264c72;	
}

.FooterTable
{
	
	background-color:#54728f;	
}

.Item
{
	background-color:#4681bc;	
}

.alternate
{
	background-color:#60a4e8;	
}

.insert
{
	background-color:#436b94;	
}

.Edit
{
	background-color:#985c07;	
}

.panelpopup
{
    padding: 2px 2px 2px 2px;
    color: #404040;
    border: solid 1px #404040;
    background-color: #8ca4aa;
}

.modalbackground
{
	background-color:#000000;
	filter:alpha(opacity=70);
	opacity:0.9;
}

 .paneltooltip
{
    border: solid 1px #c0c0c0;
    display:block;
    color:#303030;
    background-color:#034b73;    
    margin-left:2px;
    margin-right:2px;
    margin-top:2px;
    padding:5px 5px 5px 5px;   
    font-size:12px;
    text-align:left;
}

.divTooltip
{
	margin-top:5px;
	margin-bottom:5px;
	display:block;
	padding:0px 2px 5px 2px;
	border-bottom:dotted 1px #ffffff;
}

.divTooltip a
{
	text-decoration:none;	
}

.ColourAndStructure
{
	
}

.CASContent
{
	display:block;
	width:300px;
	margin-top:30px;	
}

#CASPicture
{
	display:block;
	width:380px;
	margin-left:60px;
	margin-top:30px;
}

#CASPicture img
{
	margin-right:12px;
	margin-bottom:12px;
	border:solid 1px #000;
	width:100px;
	height:80px;
}

.CASColour1
{
	background-image:url(file/ColourAndStructure/color_34.gif);
	background-repeat:no-repeat;
	display:block;
	width:250px;
	height:240px;
	border:solid 1px #035b8d; /*035b8d*/
	margin-top:30px;
	margin-left:60px; 
}

.CASColour2
{
	background-image:url(file/ColourAndStructure/color_33.gif);
	background-repeat:no-repeat;
	display:block;
	width:180px;
	height:160px;
	margin-top:50px;
	margin-left:70px;
	border:solid 1px #035b8d;
	
}

.CASColour3
{
	background-image:url(file/ColourAndStructure/color_36.gif);
	background-repeat:no-repeat;
	display:block;
	width:100px;
	height:80px;
	margin-top:50px;
	margin-left:70px;
}

.extension4
{
	background-image:url(file/extensionBB532_01.jpg);
	background-repeat:no-repeat;
	width:800px;
	height:600px;	
}

.extension4Content
{
	width:185px;
	margin-left:130px;
	margin-top:60px;
}

.extension4Title
{
	width:340px;
	margin-left:345px;
	margin-top:30px;	
}

.VoorbeeldenText
{
	margin-top:20px;
	width:230px;
	
}

.VoorbeeldenMain
{
	border-bottom:dotted 1px #fff;
	margin-bottom:20px;
	padding-bottom:10px;
}

#VoorbeeldenImages
{
	margin-left:30px;
	width:500px;
	text-align:right;	
}

#VoorbeeldenImages img
{
	margin-right:10px;
	margin-bottom:10px;
	border:solid 1px #fff;
}

#VoorbeeldenImages2
{
	margin-left:0px;
	width:350px;	
}

#VoorbeeldenImages2 img
{
	margin-right:10px;
	margin-bottom:10px;
	border:solid 1px #fff;
}

.VoorbeeldenText2
{
	margin-top:20px;
	width:400px;
	margin-left:10px;
	
}

.Contact
{
	margin-top:30px;
}

.ContactForm
{
	width:450px;
	margin-left:100px;	
	margin-top:30px;
}

.ContactForm Label
{
	width:70px;
	display:inline-block;
	margin-bottom:10px;	
	text-align:right;
	
}

.ContactForm input
{
	margin-bottom:8px;
	
}

.ContactLabel
{
	vertical-align:top;	
}

.ContactLabel Label
{
	width:70px;
	text-align:right;
	display:inline-block;
}

.ContactButton
{
	text-align:right;
	margin-right:20px;
	margin-top:5px;
}


.ContactLabel
{
	display:block;
	margin-top:10px;
	color:#ffffbb;
	font-style:italic;	
}


.WelcomeItalic
{
	
	font-style:italic;
	color:#DFAF35;
}

.Voorbeelden
{
	background-image:url(file/stijlvol_01.jpg);
	background-repeat:no-repeat;
	width:800px;
	height:470px;	
}

.MarginLeft
{
	margin-left:65px;
	}
	
	
.ImageCaption
{
	/*background-color: #7a949b;*/
	color:#ffff66;
	font-weight:bold;
	}
	
.examples
{
	padding-top:30px;
	padding-left:50px;
	padding-right:50px;
	padding-bottom:30px;
	clear:both;
	height:850px;
	}
	
.ExampleHeader
{
	font-family:Berlin Sans FB;
	font-size:large;
	text-align:center;
	}


.ExampleImages
{
	margin-top:50px;
	}
	
.FloatMargin
{
	float:left;
	margin-left:30px;
	}
	
.FloatWidth
{
	float:left;
	width:180px;
	text-align:center;	
	
	
	}
	
.FloatWidth img
{
	margin-left:0px;
}

.popup_text
{
	font-family:Berlin Sans FB, Sans FB Demi,Stencil Std,Cooper Std Black, Arial,Verdana;
	color:#ffffff;	
	font-size:1.3em;
	color:#eeb94a;
	width:180px;
	border:solid 0px #000;
	text-align:center;

	
}


.Blocks2 a
{
	text-decoration:none;
	}


.Blocks2 a:hover
{
	text-decoration:underline;
}

.lblFont
{
	color:Black;
	width:100px;
	display:inline-block;
	}

.lblFont2
{
	color:#ffffcc;
	width:100px;
	display:inline-block;
	}

.interiors
{
	font-size:0.85em;
	padding: 20px 30px 30px 30px;
	}
	

.interiors a
{
	font-size:1.0em;
	margin-left:5px;
	margin-right:5px;
	}
	
	
.btnInteriors
{
	text-align:right;
	margin-top:10px;
	margin-bottom:5px;
	
	}
	
.itemInteriors
{
	margin-left:10px;
	margin-top:5px;
	}
	
.editInteriors
{
	margin-left:10px;
	margin-top:5px;
	}
	
.editInteriors span
{
	line-height:25px;

	}
	
	

.interiorsTable table
{
	border:solid 1px #f0f0f0;
	border-collapse:collapse;
	}
	
.interiorsTable td
{
	border:solid 1px #f0f0f0;
	border-collapse:collapse;
	}
	
.interiorsTable2 table, td
{
	border:solid 0px #f0f0f0;
	border-collapse:collapse;
	
	}
	
.interiorsTable2 
{
	background-color:#436b94;
	padding:10px;
	
	}


#InputStyle input
{
	/*-moz-width:98%;
	width:98%;*/
	
	}
	
.TextBoxes
{
	color:Black;
	font-size:1em;
	}


.interiorsTable #DataPager a
{
	margin:0px;
	}
	
.interiorsTable #DataPager
{
	margin-bottom:5px;
	margin-top:5px;
	text-align:right;
	}
	
.AdminUL a
{
	font-size:0.9em;
	}
	
.interiorsMain
{
	margin-left:45px;
	padding-top:10px;
	}
	
.Interior_PaddingBottom
{
	padding-bottom:10px;
	}
	
	
.Interior
{
	background-image:url(file/InteriorBuildingBlock.jpg);	
	width:700px;	
	margin-left:50px;	
	height:550px;
	background-repeat:no-repeat;	
}

.InteriorBody
{
	width:250px;	
	padding-top:30px;		
	padding-left:90px;
}

.welcomeMain
{
	
	}
	
.welcome1
{
	background-image:url(file/welcome1_01.gif);
	height:154px;
	width:800px;
	}
	
.welcome2
{
	background-image:url(file/welcome2_02.gif);
	height:154px;
	width:800px;
	}

.welcome3
{
	background-image:url(file/welcome3_03.gif);
	height:154px;
	width:800px;
	}
	
.welcome4
{
	background-image:url(file/welcome4_04.gif);
	height:154px;
	width:800px;
	}
	
	
.welcomeFooter
{
	background-color:Black;
	min-height:210px;
	}
	
.welcome_pdf
{
	background-image:url(file/pdf_print_12.gif);
	height:30px;
	width:215px;
	}
	
.welcome_image_orig
{
	margin-top:10px;
	margin-left:70px;
	}
	
.welcome_image_shadow
{
	margin-top:5px;
	margin-left:70px;
	}
	

.welcome_image_orig a
{
	margin-left:30px;
	color:Black;
	margin-right:0px;
	padding:0px 0px 0px 0px;
	}
	
.welcome_image_shadow img
{
	margin-left:30px;
	color:Black;
}

.WhyBB li
{
	line-height:20px;
	list-style-type:decimal;
	
	}
	
.WhyBB
{
	padding-top:10px;
	
	}
	
	
.MarginPage
{
	padding:20px 30px 10px 30px;
	}
	
.FloatLeft_Text
{
	float:left;
	margin-right:20px;
	}
	
.FloatRight_Text
{
	float:right;
	margin-left:20px;
	}
	
.LineHeight
{
	line-height:25px;
	}
	
.LineHeight img
{
	border:solid 1px #000;
	}
	
.the_principle_Top
{
	
	background-image:url(images/the_principle/the_principle_01.gif);
	height:115px;
	width:800px;
	}
	
.base_product_Top
{
	background-image:url(images/the_principle/base_product_01.gif);
	height:93px;
	width:800px;
	}
	
.FreeTextBox
{
	background-color:Black;
	color:White;
	}
	
#ClearTable  table
{
	border: solid 1px #d4d0c8;
	border-collapse:collapse;
	
	}
	
	
#ClearTable td
{
	border: solid 1px #d4d0c8;
	border-collapse:collapse;
	
	}
	



