/** CSS created by Applic?2005-2007 (www.applic.be) **/
/* Feel free to browse the code? of this page, but do NOT rip without using Applic WPS or having our permission */
/*============================================================*/

/*============================================================*/
/* HTML BASIC TAG 								*/
/*============================================================*/
html {margin:0px; padding:0px; text-align:center;}

body{width:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;  margin:0px; padding:0px; text-align:center;}

img{border:none;}

a{color: #837259;}
a:link{color: #837259;}
a:visited{color: #2B1909;}
a:hover{color: #f60;}
h1{}
h2{}
h3{}
h4{}
h5{}
img{}
form {}
label{}

.Clear{clear:both; height:0px; _display:none;}
.clear{clear:both; height:0px; _display:none;}

/*============================================================*/
/* HTML MAIN TAG									*/
/*============================================================*/

body{
background-image:url(../img/Pixel_darkBrown.png);
_background-image:url(../img/Pixel_darkBrown.gif);
font-size:12px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

#BasisDiv{
padding:0px;
background:none;
border:none;
width:100%;
text-align:center;
}




/*------------------------------------------------------------------------------------*/
#BodyTop{
}
#MenuTop{
}
#MenuMiddle{
}
#MenuBottom{
}


/*------------------------------------------------------------------------------------*/
#BodyMiddleDiv{
width:960px;
position:relative;
top:40px;
height:530px;
margin-bottom:50px;
left:50%;
margin-left:-480px;

left:0px !ie;
margin-left:0 !ie;

background-image:url(../img/Pixel_darkBrown.gif);
}

#BodyMiddleSet{height:530px;}

#BodyMiddle{
width:960px;
background-color:#ccc;
height:530px;
background-image:url(../img/CornerTopLeft.png);
_background-image:url(../img/CornerTopLeft.gif);
background-position:top left;
background-repeat:no-repeat;
padding:0px;
}

#BodyMiddle .Clear{
_background-image:url(../img/Pixel_darkBrown.gif);}

#BodyMiddle #ContentPage .Clear{
_background:#cccccc;}

#LeftSet{
background-color:#B0A086;
background-image:url(../img/CornerBottomLeft.png);
_background-image:url(../img/CornerBottomLeft.gif);
background-position:bottom left;
background-repeat:no-repeat;
height:530px;

}
#MiddleSet{
left:0px;
width:760px;
text-align:left;
height:530px;
top:0px;
position: relative;
background-image:url(../img/CornerBottomRight.png);
_background-image:url(../img/CornerBottomRight.gif);
background-position:bottom right;
background-repeat:no-repeat;
}
/*#MiddleSet{
zoom: 1 !important;
text-align:left;
float:none;
overflow:hidden;
position:absolute;
top:0px;
left:200px;
z-index:1001;
}
*/

/*------------------------------------------------------------------------------------*/
#BodyBottom{
background-image:url(../img/Pixel_darkBrown.png);
_background-image:url(../img/Pixel_darkBrown.gif);
border:none;
}
#SiteFooter{
}


/*------------------------------------------------------------------------------------
Components
------------------------------------------------------------------------------------*/
#ContentPage li{margin-left:30px; display:list-item; list-style-type: disc; list-style-position: outside !ie; _list-style-position: outside;}


#LineNav{width:760px; padding-top:8px; position:relative; left:0px; height:22px; background-color:#CBC1B0; 
background-image:url(../img/CornerTopRight.png); 
_background-image:url(../img/CornerTopRight.gif); 
background-repeat:no-repeat; 
background-position:top right;}

#LineNav li{display:inline; float:left; list-style-type:none;}
#LineNav a {text-decoration:none; color:#A39888;font-weight: bold;}
#LineNav a:hover {text-decoration:underline; color:#A39888;}
#LineNav .selected a{color:#7A705F; text-decoration:none; padding-left:5px;
padding-right:5px;}

#LineNav .selectedMiddle{
background-image:url(../img/LineNavSelected.gif);
_background-image:url(../img/ie6_LineNavSelected.gif);
background-repeat:repeat-x;
background-position:top;
height:30px;
_height:22px;
float:left;
margin-top:-8px;
_margin-top:0px;
padding-top:8px;
_padding-top:0px;
padding-left:10px;
padding-right:10px;
}

#LineNav .SelectedItemLeft{
background-image:url(../img/LineNavSelectedStart.gif);
_background-image:url(../img/ie6_LineNavSelectedStart.gif);
background-repeat:no-repeat;
background-position:top left;
height:30px;
_height:22px;
width:2px;
float:left;
margin-top:-8px;
_margin-top:0px;
margin-left:-2px;
}

#LineNav .SelectedItemRight{
background-image:url(../img/LineNavSelectedStop.gif);
_background-image:url(../img/ie6_LineNavSelectedStop.gif);
background-repeat:no-repeat;
background-position:top right;
height:30px;
_height:22px;
width:2px;
float:left;
margin-top:-8px;
_margin-top:0px;
}

#CopyInfo{
color:#555;
font-size:11px;
float:right;
margin-right:30px;
}
#CopyInfo a{
color:#555;
}
#CopyInfo a:hover{
text-decoration:none;
}

#BodyBottom{margin-top:3px;}

#BodyBottom #Bottombar{
float:left;
margin-top:0px;
margin-left:30px;
}

#Bottombar .titleListItem {
display:inline; 
float:left;}

#BodyBottom #Bottombar a{color:#777; text-decoration:none;}

#BodyBottom #Bottombar a:hover{color:#999; text-decoration:underline;}

#Bottombar .symbolListItem{
color:#777; 
float:left; 
display:inline;
margin-left:5px;
margin-right:5px;}

#BodyBottom #Bottombar .selected a{color:#ccc;}

#ContentPage .Title{
font-size:14px;
font-weight:bold;
color:#2B1909;
margin-left:30px;
margin-top:30px;
width:420px;
}

#ContentPage .Teaser{
color:#7A705F;
font-weight:bold;
margin-left:30px;
width:420px;
margin-top:10px;
}

#ContentPage .Text{
margin-top:5px;
margin-top:10px !ie;
_margin-top:10px;
float:left;
width:420px;
color:#2B1909;
margin-left:30px;
_margin-left:15px;
}

.TitleET{
font-size:14px;
font-weight:bold;
color:#2B1909;
margin-left:30px;
margin-top:30px;
width:700px;
}
.TeaserET{
color:#7A705F;
font-weight:bold;
margin-left:30px;
width:700px;
margin-top:10px;
}
 .TextET{
margin-top:5px;
margin-top:10px !ie;
_margin-top:10px;
float:left;
width:700px;
color:#2B1909;
margin-left:30px;
_margin-left:15px;
}

#ContentPage li{margin-left:30px; display:list-item; list-style-image: url(../img/ListItem.gif); list-style-position: outside !ie; _list-style-position: outside;}


#BF_Form{margin-bottom:25px;
}

#BF_Form .Contactform{margin-left:22px;
margin-top:10px;
margin-bottom:25px;
}

#BF_Form {margin-bottom:10px;}
#BF_Form .Teaser{margin-top: 10px;}
#BF_Form .Text{float:none; margin-top: 10px; margin-bottom:10px;
_position:relative; _left:15px;}
#BF_Form .Form_label{color:#2B1909; margin-right:12px;}
#BF_Form #city{width:130px; _width:128px; width:128px !ie;}
#BF_Form .Form_label{text-transform:capitalize; margin-right:3px; margin-bottom:-2px; width:130px;}
#BF_Form .Attention{color:#f60; font-weight:bold;}
#BF_Form .Contactform table, .Contactform table tr, .Contactform table tr td {border-collapse: collapse;border:none;}

#BF_Form input{position:relative; left:5px;border:1px solid #7A705F; height:13px; font-size:11px; margin-top:2px; background-image:url(../img/note.gif); }

#BF_Form select{display: block; border:1px solid #7A705F; margin-top:2px;  font-size: 11px; width:205px;}

#BF_Form #note{position:relative; left:5px; border:1px solid #7A705F; width:203px; margin-top:2px; _width:209px; width:209px !ie; background-image:url(../img/note.gif);}

#BF_Form .btnSubmit{font-weight:bold; color:#f60; background-image:url(../img/note.gif);height:21px; border:1px solid #7A705F;}

#BF_Form .Required{color:#2B1909; font-size:9px; position:relative; left:5px;}
#BF_Form .Star {color:#f60; font-weight:bold;}

#BF_Form .CompanyInfo{
float:right;
font-size:11px;
color:#2B1909;
position:relative;
top:0px;
left:-100px;
}

#BF_Form .CompanyInfo span{display:block;}

#Tzip, #Tcity{display:inline;}
#Tcity{margin-left:3px;}
#Tname{font-weight:bold;}

#BF_Form #zip, #BF_Form #city{display:inline;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#BF_Form input{width:200px;}
#BF_Form .btnSubmit{width:auto;}
#BF_Form #city{width:130px;}
#BF_Form #zip{width:58px;}
}

#MiddleSet #ContentImages2{
margin-left:15px;
margin-left:15px !ie;
margin-top:10px !ie;
_margin-top:5px;
}

#MiddleSet #ContentImages{
width:180px;
float:right;
position:relative;
left:40px;
left:-75px !ie;
_left:-65px;
top:-30px;
}

#MiddleSet #ContentImages .aroundImage{
background-image:url(../img/ContentImagesPixel.gif);
}


#MiddleSet #ContentImages img{
}

#MiddleSet #ContentImages .Title{
margin-left:5px;
_margin-left:10px;
_margin-right:-10px;
margin-top:5px;
width:170px;
font-size:10px;
font-weight:bold;
color:#2B1909;
}

#MiddleSet #ContentImages .Text{
width:170px;
_width:160px;
margin-left:5px;
_margin-right:-10px;
margin-top:5px;
font-size:10px;
color:#2B1909;
}

#MiddleSet #ContentImages .Top{
background-image:url(../img/ContentImagesTop.gif);
background-position:bottom;
background-repeat:no-repeat;
height:15px;
}

#MiddleSet #ContentImages .Bottom{
background-image:url(../img/ContentImagesBottom.gif);
background-position:bottom;
background-repeat:no-repeat;
height:15px;
_margin-top:0px;
margin-bottom:10px;
clear:both;
}

#BF_SiteMap {margin-left:7px; margin-top:-30px !ie; _margin-top:-30px;}
#BF_SiteMap .main{clear:both; margin-bottom:5px; display:list-item; list-style-image: url(../img/li_orange.gif); list-style-position: outside !ie; _list-style-position: outside;}
#BF_SiteMap .cat{margin-left:50px; margin-bottom:5px;}
#BF_SiteMap .cat{display:list-item; list-style-image: url(../img/li_orange.gif); list-style-position: outside !ie; _list-style-position: outside;}
#BF_SiteMap .subcat {margin-left:70px;display:list-item; list-style-image: url(../img/li_orange.gif); list-style-position: outside !ie; _list-style-position: outside; margin-bottom:5px;}

#BF_Newsletter{margin-left:30px;}
#BF_Newsletter input{border:1px solid #7A705F; height:16px; font-size:12px; margin-top:2px; background-image:url(../img/note.gif);}
#BF_Newsletter .BtnSubscribe input{font-weight:bold; color:#f60; background-image:url(../img/note.gif);height:21px; border:1px solid #7A705F;}

#BF_Newsletter .Field input{border:1px solid #7A705F; margin-bottom:10px; background-image:url(../img/note.gif); text-align:left; clear:both;}
#BF_Newsletter .TextUnsubscribe a{color:#2B1909;}
#BF_Newsletter .TextUnsubscribe a:hover{color:#f60;}

#BF_Newsletter .btnSubmit{margin-bottom:5px;}

#BF_Newsletter .btnSubmit{font-weight:bold; color:#333; background-image:url(../img/note.gif); height:21px; border:1px solid #7A705F; padding-bottom:3px;}
#BF_Newsletter .btnSubmit:hover{color:#F30;}

#BF_Login{text-align:left; margin-left:30px;}
#BF_Login #textLoginname, #BF_Login #TextPassword{color:#2B1909; margin-bottom:5px; clear:both;}
#BF_Login #RequestForm {color:#2B1909;}
#BF_Login #RequestForm:hover{color:#f60;}
#BF_Login #TextForget {color:#2B1909;}
#BF_Login #TextForget:hover{color:#f60;}
#BF_Login #fieldLoginname, #BF_Login #FieldPassword{margin-bottom:5px;
 clear:both;}
#BF_Login input{border:1px solid #7A705F; width:250px; background-image:url(../img/note.gif); height:16px; font-size:12px;}
#BF_Login .Message{color:#f33;}


#GoogleMaps {margin-left:20px;
color:#2B1909;
margin-top:-10px;
_margin-top:-10px;
line-height:90%;
_line-height:80%;
}

#GoogleMaps #markertag{line-height:120%;}

#GoogleMaps Button{
margin-left:7px;
margin-left:3px !ie;
_margin-left:3px;
border:1px solid #7A705F;
font-weight:bold;
color:#f60;
font-size:11px;
font-weight:bold;
margin-left:0px;
_padding-top:3px;}

#GoogleMaps Button:hover{
color:#2B1909;
}


#GoogleMaps #frm_inputAdress{
border:1px solid #7A705F;
margin-top:5px;
position:relative;
left:-25px;
background-image:url(../img/note.gif); 
}

#GoogleMaps #gmForm{color:#2B1909;
font-weight:bold;}

/*--------------------------- SCROLLBAR contentpage----------------------------------- */
#words {
	position: absolute;
	width: 760px;
	height: 460px;
	left: 0px;
	top: 30px;
text-align:left;
}

#words-Content {
	position: absolute;
	top: 10px; 
	width: 760px;
	height: 460px;
	overflow: hidden;
	left: 0px;
}

#words .Scroller-Container {
	position: absolute;
	top: 0px; 
	left: 0px;
}


#words-Scrollbar {
	position: absolute;
	left: 720px;
}

#words .Scrollbar-Track,
 .Scrollbar-Track-Pressed {
	width: 1px; 
	height: 450px;
	position: absolute;
	top: 20px;
	background-color: #DBD7D2;
}

#words .Scrollbar-Track-Pressed {
	background-color: #DDD;
}

#words .Scrollbar-Handle,
 .Scrollbar-Handle-Pressed {
	position: absolute;
	width: 27px; height: 28px;
	background-color: #CCC;
	background: transparent url(../img/scrollbarHandler.jpg) repeat scroll 0% 0%;
	left: -13px;
	cursor: n-resize;
}

#words .Scrollbar-Handle-Pressed, 
 .Scrollbar-Down-Pressed, .Scrollbar-Up-Pressed {
	background-color: #AAA;
	background: transparent url(../img/scrollbarHandler.jpg) repeat scroll 0% 0%;
}

#words .Scrollbar-Disabled {
	display: none;
}
/*------------------------------------------------------------------------------------*/
/*BF_HOME OVERVIEW*/
.OverviewContainer {position: absolute; top: 386px;left:30px; color:#2B1909;}
.RolloverLeft {width: 8px;float:left;}
.RolloverRight {width: 9px;float:left;}
.Rollover, .RolloverBottomLeft, .RolloverTitle, RolloverBottomRight {float:left;}
.RolloverBorder img{}
.RolloverTitle{width: 165px;height:30px;_height: 25px;font-size: 15px;padding-top: 8px;font-weight: normal;}
.OverviewContainer .RolloverTitle{_width: 166px;_margin-right: -5px;_padding-right: -5px;}
.OverviewContainer .RolloverBottomRight {_margin-left:-5px;padding-left: -5px;}
.OverviewElement{float:left;width: 195px;height: 130px; cursor: pointer;}
.OverviewElement a,.OverviewElement a:hover {border: none; color:#f60;}
.RolloverTitle{background: transparent url(../img/Rollover_Title.png) repeat scroll 0% 0%;}
