/*     Font style etc                                                         */
/*                                                                            */
/*                                                                            */
/*                                                                            */

* {font-family:Verdana;font-size:13px; color : black; }


html, body
overflow-x:hidden;


{ margin : 0px; overflow : auto; height : 100%; width : 100%;}
a
{ text-decoration : none; color : #000000; font-weight : bold;}
a:hover
{ color : #a41100;}

a.LinkOrganisatie
{ text-decoration : none; color : #000000; font-weight : bold;}

a:hover.LinkOrganisatie,a:active.LinkOrganisatie
{ color : #a41100;}


img
{ border : 0px; margin : 0px;}

h2
{color:#939598; font-size: 18px;font-variant: small-caps;margin-top:30px;}

h3
{color:#e31836; font-size: 18px;}

th
{
  text-align: left;
  font-weight: normal;
}
#status
{z-index:10000;position:absolute;top:30%;left:50%;margin-left:-150px;background-color:white;padding:10px;border:1px solid red;width:300px;}
.title
{ font-size : 28px; width:400px;margin-top:20px;margin-bottom :10px; color:#939598;font-variant: small-caps;  }
.titlenext
{ font-size : 28px; width:420px;margin-top:20px;margin-bottom :10px; color:#939598;font-variant: small-caps; }

.homepage_intro
{margin-bottom:20px;  width:400px;line-height     :150%;}
.intro, .body
{margin-bottom:10px;  width:670px;line-height     :150%;}

.titleshortcut
{ font-family :Verdana, ; font-size : 18px; width:180px;margin-top:20px;margin-bottom : 10px; color:#939598; font-variant: small-caps;line-height     :150%; }




/*                  layout IDs                                                */
/*                                                                            */
/*                                                                            */
/*                                                                            */




#container

  {
  	position:absolute;
    left:20px;
   }

#right_bg

{

    position:absolute;
    background-image: url(/shared/images/balk.gif);
    z-index:1;
    right:0px;
    top:200px;
    height:295px;
    width:23px;

}

#header

{
    height:102px;
    width:905px;
    background-color: WHITE;

}

#logo
 
{ 
    position:absolute;
    top: 1px;
    height :100px;  
    width  :260px;
    background-image:url(../images/logo.gif);
    background-repeat: no-repeat;
    z-index:10000;
}

#imagediv{
 position:absolute;
    top: 10px;
    height :100px;  
    width  :260px;
    z-index:10000;
    left:350px;
}


#sub_logo
{
    position:absolute;
    top: 99px;
    left: 1px;
    width:55px;
    height:40px;
    background-image:url(../images/sub_logo.gif);
}

#slogan 

{
    position:absolute; 
    right  : 50px;
    top:   20px;
    height :60px;  
    width  :300px;
    background-image:url(../images/slogan.gif);
}

#left_navcontainer

{
    position:absolute;
    left:0px;
    top:102px;
    width: 225px;
    height: 554px;
    background-color:#e31836;
    border-top: 1px solid #939598;
    border-right: 1px solid #939598;
}

#main_nav_container
{
    position:absolute;
    top: 50px;
    left: 10px;
    width: 226px;
    height:200px;
}

#left_bottom
{
    position: absolute;
  	width: 201px;
  	height: 30px;
  	background-color: black;
  	bottom: 0px;
    padding-left:25px;
    padding-top:10px;
}

#top_navcontainer
{
    position:absolute;
    left: 226px;
    width: 678px;
    height: 24px;
    border-bottom:1px solid #939598;
    border-top:1px solid #939598;
    z-index:10000;
}


#search_field
{

    position:absolute;
    right:0px;
    top:0px;
    width:250px;
    height:24px;
    background-color:#e31836;

}

#search_button
{
    float:right;
    width:80px;
    height:24px;
    border-left: 1px solid white;
}

#dropdownmenu
{
position:absolute;
top:102px;
left:226px;
z-index: 10000;
}

/*
#ring

{
position:absolute;
left:0px; 
top:0px;
width:400px;
}*/


#no_results
{
float:left;

}

#subsubmenu
{
  margin-top:25px;
  height:25px;
  width:678px;
  background-color:#939598;
}

/*                  Classes                                                   */
/*     Controls the right column                                              */


#sub_body
{
	border-left: 1px solid #939598;
	position: absolute;
	left: 410px;
	top: 0px;
	height: 415px;
  width: 250px;
	background-image: url(../images/balk.gif);
	background-position: right;
	background-repeat: no-repeat;
}

.shortcut
{
  width:180px; 
  margin-top:20px;
  margin-left:20px; 
  padding:5px;
}

#sub_bodydetail
{
    border-left:1px solid #939598;
    position:absolute;
    left:310px;
    top:70px;
    height:444px;
    width: 350px;
}

.product_title{margin-left:20px;font-size:18px;color:#e31836;}
.product_subtitle{margin-left: 20px;margin-top: 20px;font-variant: small-caps;font-size:16px;}
.product_omschrijving{margin-left:20px;margin-top:5px;}
.product_search{margin-top:20px;}
.products{float: right;}
.product_items{font-size:18px;font-weight:bold;margin-bottom:10px;width:350px;}


#sub_bodyproject
{
    border-left:1px solid #939598;
    position:absolute;
    left:490px;
    top:0px;
    height:514px;
}

#grossierskaart
{
    float: left;
    width: 380px;
    padding-top: 20px;
    border-right: 1px solid black;
}

#grossierslijst
{
    float: right;
    width: 200px;
    padding-top: 20px;
    /*order: 1px solid red;*/
}

.GrossierAdressen
{
width: 350px;
margin-bottom:15px;
}

/*                  end                                                       */

.footer
{
    margin-top:20px;
    position:absolute;
    height: 30px;
    bottom: 0px;
    left:60px;
    font-variant: small-caps;
    color:grey;
    width:230px;

}

a.footlink
{
    margin-right:20px;
    color:#939598;
    font-size:14px;
    font-weight:normal;
    float:left;
}

a.footlink:hover


{
    color:silver;
    margin-right:40px;
    font-size:14px;
    font-weight:normal;
    float:left;
}

/*                  Classes                                                   */
/*                                                                            */



/*        the body is per page defined                                        */



.homepage_body
{
    padding-bottom  :10px;
    width           :400px;
    line-height     :150%;
/*margin-top      :100px;*/

}



.content

{
    position:absolute;
    top: 129px;
    left: 245px;
    height:540px;
    z-index:1;
    width:630px;
}

.spacer

  {
    float:left;
    height: 100px;


}

.firstword

{
    color:#939598;
    font-family:,Verdana;
    font-size:28px;
    font-variant: small-caps;
}

a.readon 

{
    color:#e31836;
    font-weight:normal;
    font-size:10px;
    margin-left:20px;
    margin-top:10px;
}


a.goback 

{
    color:#e31836;
    font-weight:normal;
    font-size:10px;
    margin-left:20px;
    margin-top:10px;
}

.project
{
    font-weight: bold;
    margin-right:10px;
    margin-bottom:20px;
    float:left;

}

.projectdisc

{
    margin-left:10px;
    font-size:12px; 
    width:280px; 
    color:black;
    float:right;
    margin-bottom:20px;
}


.kenmerk

{
    margin-bottom:20px; 

}

a.kenmerk

{

    font-weight:normal;
    color:#e31836;
    border: 1px solid #e31836;
    margin-bottom:20px; 
}


.productitem

{
    font-size:13px;
    margin-bottom: 10px;

}


/*                  form and selectfields product_toepassen                    */

.textfield
{
    border: #808080 solid 1px;

}


.technisch
{
    text-transform:uppercase;
    border-left:2px solid #a9a9a9;
    border-top:2px solid #a9a9a9;
    width: 250px;

}

.techkeus
{
    font-size:12px;
    text-transform:uppercase;
    color:#a9a9a9;
    border:1px solid #ffffff;
}

.techkeus_selected
{
    font-size:12px;
    text-transform:uppercase;
    color:black;
    border:1px solid #ffffff;
}


/*                  search divs                                               */


.search_title
{

    float:left;
    font-size:24px;
    margin-bottom:20px;
    margin-top:20px;
    width:600px;

}


.search_result

{
    float:left;
    width:150px;
    margin-top:15px;
    margin-right:40px; 
    border-bottom:1px solid grey;

}

/******************************************************************************
/* Status messages                                                             *
 ******************************************************************************/
#disabler
{ z-index           : 9999;
  position          : absolute;
  width             : 100%;
  height            : 100%;
  border            : 0px;
  background-color  : black;
  opacity           : .4;
  filter            : alpha(opacity=40);
}

#status
{
  z-index:10000;
  position:absolute;
  top:30%;
  left:50%;
  margin-left:-150px;
  background-color:white;
  padding:10px;
  border:1px solid red;
  width:300px;
}

.fakeBtn
{
  position:absolute;
  border:2px outset silver;
  padding:2px 6px;
  cursor:default;
}


/*      Navigatie Level1                                                      */
/*                                                                            */



#navLevel1

{
margin-bottom:10px;
}

.navLevel1,
.navLevel1Hilite,
.navLevel1:hover,
.navLevel1Active:hover,
.navLevel1Active
{
  width:175px;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid white;
  font-size : 15px; 
  color : #ffffff;
  padding : 0px 0px 5px 5px;
  font-family : "Verdana"; 
  display:block;
  float:left;
}

.navLevel1:hover,
.navLevel1Active:hover

{
  color : #d6e8e9;
}


.navLevel1Active
{

  color : #1c4859;
}

#navLevel2
{
  position:relative;
  z-index:10000;
}

.navLevel2
{

background-color:white;
border-right:1px solid silver;
color:black;
display:block;
float:left;
font-size:11px;
font-variant:small-caps;
height:24px;
line-height:200%;
padding-left:5px;
padding-right:5px;
text-align:center;

 }

.navLevel2:hover,
.navLevel2Active:hover,
.navLevel2Active
{
background-color:black;
border-right:1px solid silver;
color:white;
display:block;
float:left;
font-size:11px;
font-variant:small-caps;
height:24px;
line-height:200%;
padding-left:5px;
padding-right:5px;
text-align:center;
}

.navLevel2Hilite,
.navLevel2Hilite:hover

{
   border-right      :1px solid silver;
  color             :white;
  height            :24px;
  font-size         :12px;
  background-color  :black;
  text-align        :center;
  font-variant      :small-caps;
  display           :block;
  float             :left;
  line-height       :200%;
  padding-left:5px;
  padding-right:5px;
}


.productDetail
{
padding:10px; 
padding-left:0px;
}

.productDetailTitle
{
font-size:20px;
font-weight:bold;
margin-bottom:10px;
margin-top:10px;
}



.menubutton3
{
  display:block;
  height:25px;
  display:block;
  font-variant:small-caps;
  text-align:center;
  white-space:nowrap;
  width:200px;
  float:left;
}

div#JSMX_loading{
	position:absolute;
	top:160px;
	left:750px;
	margin:0px;
	padding:0px;
	width:112px;
	height:30px;
	background-image:url(http://www.veveo.nl/shared/images/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position:center center;
	z-index:999999;
}