/* Bedrijvenbode.css */
/* Voor Internet Explorer zie tevens iehacks.css */

/* BASIC CSS */

*
{
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
body
{
   font-size: 11px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-align:center;
}

h1 { font-size:16px; text-align:left; letter-spacing:1px; font-weight:bolder;}
h2 { font-size:14px; text-align:center; letter-spacing:1px; font-weight:bolder;}
h3 { font-size:12px; text-align:left; letter-spacing:1px; font-weight:bolder;}
h4 { font-size:11px; text-align:left; letter-spacing:1px; font-weight:bolder;} 

a
{
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:link
{
  color:blue;
}

a:visited
{
  font-size: 12px;
  color:blue;
}

a:hover 
{
    color:orange;
}

a:active
{
    color:blue;
}

a strong.googleref {background-color:red; color:#fff; padding:2px; display:block; width:200px; cursor:pointer }
table.cattable a {display:block;}
a.frmlink:link 
{
    color:blue;
}

#navbar {text-align:center; border:0px solid red; width:230px; margin-left:auto; margin-right:auto;}
#navbar table {text-align:center; margin-left:auto; margin-right:auto;}

a.navbar:link
{
    color:blue;
}

a.navbar:visited 
{
    color:#5B9DFE;
}

.navbar
{
text-aling:center; 
}

a.tblBotMessage:link, .linkbalk a:link
{
    color:#fff;
}

a.tblBotMessage:visited, .linkbalk a:visited
{
    color:#fff;
}

a.tblBotMessage:hover, .linkbalk a:hover
{
    color:orange;
}

a.tblBotMessage:active, .linkbalk a:active
{
    color:orange;
}

a.logintxtkwijtlink:link, a.logintxtkwijtlink:visited, a.logintxtkwijtlink:hover, a.logintxtkwijtlink:active
{
  font-size:9px;
  color: darkblue;
}

hr.floatcontainer {display: block; clear: both; margin: 0; visibility:hidden;}




.blauwtext, .blauwtextbold
{
    color: #3165FF;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size: 12px;
    letter-spacing:1px;
}
.blauwtextbold
{
    font-weight:bolder;
    font-size: 13px;
    letter-spacing:1px;
}
.blacktextbold
{
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
    font-size: 13px;
    margin-left: 10px;
    letter-spacing:1px;
}
.wittextbold
{
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bolder;
    font-size: 13px;
    margin-left: 10px;
    letter-spacing:1px;
}



.morelink
{
float:right;

}



div#googleunderbar
{
float:right;
}




tr.sponsored {background-color:#eee;}

/* Zaken voor het nieuwe menu!*/

/* Deze code staat nu in header.php */
/* en nu weer niet*/


#menu dl, #menu dt, #menu dd, #menu ul, #menu li.menuitem
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: #0160f2;
	color:#010066; 
	letter-spacing:0px; 
	border-bottom:0px solid #eee;
}

.menucontainer
{
	width: 960px;
	height: 160px;
}

#menu
{	
	position:absolute;
	float:left;
	z-index: 100;

}

#menu dl 
{
	float: left;
	width: 92px;
	margin: 0 1px;
	
}
#menu dt 
{
	cursor: pointer;
	text-align: left;
	font-weight: bold;
	font-size:12px;
	color:#FFFFFF;
	height:18px;
	padding-left: 3px;
}
#menu dd 
{
	border: 2px solid #0160f2;
	color:#FFFFFF;
}
#menu li.menuitem
{
	color:#FFFFFF;
	text-align: left;
	background: #0160f2;
	font-weight: bold;
	height: 18px;
}

#menu a, #menu dt a 
{
	color:#FFFFFF;
	text-decoration: none;
	font-weight: bold;
	display: block;
	height: 100%;
	border: 0 none;
	text-align: left;
	padding-left: 3px;
}

#menu a:hover, #menu dt a:hover 
{
	background: #C6D5FF;
	font-weight: bold;
	color: #000000;
	text-align: left;
	padding-left: 3px;
}



/*behavior*/

#menu dd {display:none;} 
#menu dl:hover dd {display:block; }

/* LAYOUT ELEMENTEN Brr, infoboxen roeleren bigtime! */

#banner
{
	position:relative;
	float:left; 
	margin-top:5px;
	margin-left:350px;

}




.cssnav 
{

float:left;
position: relative;
height: 170px;
font-family: arial, helvetica, sans-serif;
background-repeat: no-repeat;
display: block;
margin-left: 20px;
margin-top:10px;
padding: 0;

}










#infobox
{
	position:relative;
	float: left;
	background-image: url('images/table.jpg');
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	background-position: right top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	border: 1px solid #A0C7FE;
	padding-left: 8px;
	padding-right: 8px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 290px;
	height: 200px;
	z-index:4;
}

#infocontainer
{
	width: 670px;
	height: 200px;
	margin: 0 auto;
}

#inlogform 
{
    position:relative;
    float:right; 
    margin-right: 10px; 
    margin-top:-115px; 
    width: 190px;
    height:80px; 
    margin-bottom:5px; 

}

#loginsubmit
{
    position:relative;
    float:right; 
    margin-top: 5px;
    margin-right:-0px;
}

#loginnieuw
{
    position:relative;
    float:right;
    margin-top: -10px;
}

#loginpass
{
    float:right;
}

#loginuser
{
    float:right;
    margin-top: 10px;
}

#loginkwijt
{
    float:right;
    position:absolute;
    margin-top: -120px;
}
#logintxtpass
{
    float:right;
    margin-right:92px;
    margin-top: -10px;
    font-size:  10px;
    color:  darkblue;
}
#logintxtlogin
{
    float:right;
    margin-right: 9px;
    margin-top: 13px;
    font-size:   10px;
    color: darkblue;
}

#logintxtkwijt
{
    font-size:9px;
    color: darkblue;
}

#editprofile 
{
    text-align:center;
}
#profiletable 
{
    margin-left:auto; margin-right:auto;
}

#toplogo 
{
    background:url('images/bar-nieuw.jpg') top left no-repeat;
    height:120px;
}



/* IMAGECOVERS LINK*/

a.frmlink 
{
	padding-right:23px;
	background: url('/images/vraagteken.gif') right top no-repeat;
	padding-bottom:15px;
}
a.emptylink
{
	position:relative; 
	background: url('/images/vraagteken2.gif') left center no-repeat; 
	width:25px; 
}
a.emptylink:link, a.emptylink:visited, a.emptylink:hover, a.emptylink:active 
{
	color:#fff; 
	text-decoration:none; 
	font-weight:bold; 
	font-size:14px; 
	padding-left:5px; 
	padding-top:2px; 	
	padding-right:6px; 
	padding-bottom:4px;
}
a.btnlink:link, a.btnlink:visited, a.btnlink:hover, a.btnlink:active
{
    text-decoration:none; 
    color:white; 
    position:relative; 
    padding-top: 15px;
    padding-bottom:14px; 
    padding-right:15px; 
    padding-left:2px; 
    background: url('/images/leegbutton.gif') right center no-repeat; 
}
a.btnlink:hover, a.btnlink:active
{
	color:yellow; 
}

/* IMAGECOVERS SPAN */

span.btnlinkleft
{
    	position:relative; 
	padding-top:15px;
	padding-bottom:11px; 
	padding-right:-2px; 
	padding-left:7px; 
	background: url('/images/leegbuttonlinks.gif') left center no-repeat; 
	width:10px; 
}


/* LABEL ELEMENTEN */

label.topinlogform 
{
	padding-right:15px; 
	font-weight:bold; 
	cursor:pointer;
}

label.frmLabel 
{
	cursor:pointer;
	letter-spacing:1px;
}

span.required
	{
	color:red;
	font-weight:bold; 
	}

label.required
	{
	font-weight:bold; 
	}
	
/* LAYOUTBALKEN */


.copyrightbalk 
{
   margin-left: auto;
   margin-right: auto;
   width: 960px;
   height: 20px;
   padding-left:  5px;
   padding-right: 5px;
}

.infobalk
{
    background-image: url('images/copyrightbalk.jpg'); background-repeat: repeat-x
}

#letterbalk 
{
    /*background-image: url('images/copyrightbalk.jpg'); background-repeat: repeat-x; color:#fff; */
    border: 0px solid red;
    float:left;
    width:770px;
    margin-top: 50px;
    float:left;
    padding-left: 5px;
    padding-right: 5px;
    height: 18px;
    font-size:9px;
    font-weight:bold; 
    text-decoration:none;
    text-align: center;
}

#catheader
{
float:left;
width: 770px;
height: 25px;
margin-top: 5px;
border: 0px solid red;
color: #0066FF;
}


.linkbalk 
{ 
    background-image: url('images/copyrightbalk.jpg'); background-repeat: repeat-x; color:#fff;
    width:960px;
    border: 0px solid red;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5px;
    padding-right: 5px;
    height: 18px;
    font-size:9px;
    font-weight:bold; 
    text-decoration:none;
    text-align: center;
}

#linkbalklinks
{
float:left;
}

#linkbalkrechts
{
float:right;
display:none;
margin-right: 10px;
}

tr.linkbalk 
{
	background-color: #0066CC
}






/* LAYOUTTABLES (Layout voor en in tabellen / Moet nog beter worden ingedeeld)*/


.table 
{
	background-image: url('images/table.jpg');
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	background-position: right top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	border: 1px solid #A0C7FE;
}

div.table {width:323px; margin-left:auto; margin-right:auto;}

table.serestab th 
{
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:strong;
    font-size: 12px;
    background:none;
    text-align:left;
}


.tabelheader 
{ 
    color: #ffffff; 
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif 
    background-color:#0066FF;
}

.zoekIntern, .zoekExtern 
{
    background-image: url('images/table2.jpg');
    background-repeat: repeat-y;
    background-color: #FFFFFF;
    background-position: right top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    border: 1px solid #FF9900;
    text-align:left;
    width: 230px;
    height: 215px; 
}


.zoekProvincie
{
    background-image: url('images/table.jpg');
    background-repeat: repeat-y;
    background-color: #FFFFFF;
    background-position: right top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    border: 1px solid #A0C7FE;
    text-align:left;
    width: 230px;
    height: 215px ;
}


.zoekInternHeader, .zoekExternHeader
{
  color: #ffffff; 
  font-size: 12px; 
  font-weight:bolder; 
  background-color: #FF9900;
  text-align:center;
  height: 20px;
}

.zoekProvincieHeader
{
  color: #ffffff; 
  font-size: 12px; 
  font-weight:bolder; 
  background-color: #0066FF;
  text-align:center;
  height: 20px;
}





.logintabel 
{
    background:-attachment: fixed;
    background-image: url('images/logintabel.jpg');
    background-repeat: no-repeat;
    background-position: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: normal;
    color: #000000;
    border: 1px solid #0066CC;
}

.detailtabel 
{
    background-image: url('images/logintabel.jpg');
    background-repeat: no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    border: 1px solid #0066CC;
    font-size: small;
    background-position: bottom;
    text-align:left;
    margin-left: auto;
    margin-right: auto;
}

.hoofdtabel
{
    border: 1px solid #0066CC;
}


.cattable
{
    background-image: url('images/table.jpg');
    background-repeat: repeat-y;
    background-color: #FFFFFF;
    background-position: right top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    border: 1px solid #A0C7FE;
    text-align:center;
}

.divCell 
{   
    height:140px;
    width:223px;
    overflow:auto;
}

.scrollable 
{
    height:130;
}

.scrolltable 
{
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.hoofd
{
    margin-top:20px;
   border: 1px solid #015BED;
    width: 740px;
}

h2.entryheader, tr.entryheader
{
    background-color:#015BED;
}

h2.catheader { text-align: center; color:#015BED;  }

tr textarea, tr h3
{
    margin-left:5px;
}

th
{
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    background-color:#0267FD;
}
td
{
    text-align:left;
}







div#navbar
{
    margin-top: 10px;
    width: 720px;
    height: 40px;
    margin-bottom 40px;
    padding-right: 30px;
}
div#resultset 
{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    border 1px solid red;
    padding-right: 12px;
    
}
div resultset table
{
    background: url('/images/table.jpg') 
    top right repeat-y; 
    border: 1px solid #A0C7FE;
}

/*TROEP VOOR DE NIEUWE ENTRY */

.sitelement
{
	background-image: url('images/table.jpg');
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	border: 1px solid #A0C7FE;
	background-position:right;
    margin-top: 7px; 
	padding-bottom: 5px;
    margin-bottom: 5px; 
    padding-left: 5px;
}
div#container	
{	
    width: 740px;
    border: 1px solid #0066FF; 
    background-image:url(images/logintable.jpg); 
    margin-left: auto; 
    margin-right: auto;
} 

div#links
{
    float:left; 
    width: 350px;
	margin-left: 6px;
}
div#rechts
{
    float:left; 
	position:relative;
	margin-left: 16px;
    width: 350px;
    
}
div#onder
{
    float: left;
	margin-left: 6px;
	width: 715px;
} 
 



div#bedrijfsinformatie		{width: 330px;}
div#bedrijfsfoto		{width: 330px;}
div#bedrijfsagenda		{width: 330px;}
div#bedrijfsopeningstijden	{width: 330px;}
div#breaker			{clear:both;}	
div#bedrijfsopties		{width: 330px;}
div#bedrijfsprofiel		{width: 330px; text-align:justify;}
div#entrylogin			{width: 330px;}
div#entryvacatures			{width: 330px;}

div#googleadds {float:right; width: 165px;}
div#pageinfo  {width: 700px; float:left; margin-left: 10px;}
div#content    {border: 1px solid blue; width: 960px;} 

div#catview   {width: 780px; float:left; margin-left: 10px; }


div#merken			{width: 330px;}
div#contact			{width: 330px;}
div#routeplanner		{width: 670px;}
div#producten			{width: 330px;}
div#adverteren			{width: 330px;}

div#entrynavigatie
{
float:left; width:740px; margin-top: 0px; color:#FFFFFF; background-color:#0066FF;
}
div#entrynavigatie ul
{
list-style-type: none; margin=0px; padding: 0px;
}
div#entrynavigatie ul li a
{
color:#FFFFFF; padding: 0.2em 0.4em; float:left; text-decoration: none; border-right: 1px solid #FFFFFF; background-color: #0066FF;
}
div#entrynavigatie ul li a:hover
{
color:#CCCCCC
}
div#entrynavigatie ul li
{
display:inline;
}

div#entryheader2
{
    float:left;
    width: 740px;
    margin-top:0px;
    color: #000000;

}
div#entryfooter 
{
    height: 24px;
    float: left; 
    width: 740px;
    color: #000000;
    margin-top: 0px;
    text-align:center;

}


.vissible
{
    visibility: visible;
    width:310px;
    overflow:hidden;
    position:relative;
    margin-top:15px;
    margin-bottom: 8px;
}
.hide
{
    visibility: hidden;
    height: 1px;
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 8px;
}

.showImage
{
width: 11px;
height:  11px;
}

.hideImage
{
width: 1px;
height: 1px;
visibility: hidden;
}

.merkenfoto
{
    height: 75px;
    width: 75px;
}









/* TROEP VAN SHANE ALL TOGETHER NOW ! */


div.colofon {color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; width:740; margin-left:auto; margin-right:auto;}
.bottommessage {display:block; width:760;  margin-left:auto; margin-top:25px; margin-right:auto;}
table.maintabletop {margin-top:10px;}
.style1 {font-family: Arial, Helvetica, sans-serif; color: #ffffff;}
h1.style1{font-size:large; text-align:center; color:#fff947; padding-bottom:5px;}
#saleswarning, .warning {color:red; font-weight:bold;}
td.tblBotMessage {text-align:center;}

#resultset table{background: url('/images/table.jpg') top right repeat-y; border: 1px solid #A0C7FE;}

div.formnav {float:left; display:none;}

#searchoptions h3 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	background-color:#0267FD;
	margin-top:0px;
	text-align:center;
}
#frmPostcode, #frmProvincies, #frmPlaatsen {position:relative; border: 1px solid #A0C7FE;}
#frmPostcode {left:-75px; top:-80px; }
#frmProvincies {left:-135px; top:-15px;}
#frmPlaatsen {left:-104px; top:-5px;}
div.tblUitgebreidzoeken {padding-top:9px;}
span.titleid {position:relative; top:15px; font-weight:strong; color:#fff; float:right; font-size:14px; padding-right:4px; }

div.geenentrytopfoto, img.entrytopfoto {margin-top:25px;}
div.geenbedrijfsfoto, div.geenentrytopfoto, img.entrytopfoto, img.bedrijfsfoto {width:160px; border:1px solid #000;}
h1.entryheader{font-family: Arial, Helvetica, sans-serif; font-size:large; text-align:center; color:#fff947; padding-bottom:5px;}

div.geenbedrijfsfoto, div.geenentrytopfoto {text-align:center; border-color:#A0C7FE; color:#015BED; font-size:13px;}

div.geenentrytopfoto {padding-top:20px; height:50px;}
div.geenbedrijfsfoto {padding-top:70px; height:90px;}

div.banner, div.geenbanner {float:left; position:relative; border: 1px solid #A0C7FE; text-align:center; color:#015BED; font-size:13px; margin-left:20px; padding-top:5px; width:200px; height:60px;}

div.banner img {max-width:200px; max-height:60px; border:0px;}

area:hover 
{
	color:red;
}

img.hiddenimages 
{
	display:none;
}

.inputerror  {border: 2px solid red;}
.inputpass {border: 1px solid green;}
.accountmsg, .sysmsg {font-style:italic; background:#e0edFE; margin:3px; border:1px solid #A0C7FE; padding:2px;}
.accountmsg {font-style:normal; font-weight:bold; text-align:center;} 

div.sysmsg dl {margin-top:5px; font-style:normal;}
div.sysmsg dt {font-weight:bold; margin-left:1px;}
div.sysmsg dd {position:relative; margin-left:1px;}
span.syshint {font-size:65%; display:block; font-weight:bold; letter-spacing:2px;}
img.noservice, img.geenlogo, img.geenfoto {-moz-opacity:0.4; filter:alpha(opacity=40); opacity: .4;
-khtml-opacity:0.4; border:0px;}

p.frmmsg {font-size:90%; float:left; margin-left:5px;}

h1.login { background: #015BED;}

#mapdoc, #helpbody, #messagesbody, #servicesbody, #loginbody {background:url('/images/logintabel2.jpg') top right no-repeat #C7DCFB; text-align:center;}

#contactpage address {letter-spacing:1px; font-style:normal; padding-left:15px;}
#contactpage address a:link{letter-spacing:0px; }
#contactpage p {margin-top:-10px; margin-left:5px;}
#contactpage img {margin-top:5px; margin-left:auto; margin-right:auto;}
#contactpage h1, #contactpage h2 {font-size:16px;}
#contactpage h3 {font-size:14px;}

#btnfeedbacksubmit {width:250px; margin-left:auto; margin-right:auto;}

td.resCity {text-transform:uppercase; }

select.frmfeedback, input.frmfeedback {float:right; margin-top:-20px; width:250px; border-bottom:0px; border-top:1px solid #A0C7FE; color:#1C3166;}
div#feedbackform {width:390px; text-align:left; }
div#feedbackform label {position:relative; left:0px; color:#1C3166; font-weight:bold;}
div#feedbackform textarea {margin-left:0px; color:#1C3166;}
div#feedbackform p {padding-bottom:3px; border-bottom:1px dotted #A0C7FE;} 

h3.sitemap {margin-left:0px;}

div#helldeskform {width:395px; text-align:left; padding:2px;}
div#helldeskform label {position:relative; left:0px; color:#1C3166; font-weight:bold;}
div#helldeskform textarea {margin-left:0px; color:#1C3166;}
div#helldeskform p {padding-bottom:3px; border-bottom:1px dotted #A0C7FE;} 
div#helldeskform select, div#helldeskform input {float:right; margin-top:-22px; width:250px;}

div#navcontent {position:fixed; left:0px; top:0px;display:block; width:100%; background:#e0edFE; border:1px solid #A0C7FE; height:60px;}
 div.infobox {margin-bottom:50px;} 
#helpbody {padding-top:50px;}
#navcontent h1.entryheader {font-family: Arial, Helvetica, sans-serif; font-size:normal; text-align:center; color:#fff947; padding:0px; margin:0px;}

div#offerteform select.frmofferte, div#offerteform input.frmofferte {margin-top:-22px; width:380px; border-bottom:0px; border-top:1px solid #A0C7FE; color:#1C3166; }
div#offerteform {width:590px; text-align:left; margin-left:auto; margin-right:auto;}
div#offerteform label {position:relative; color:#010066; letter-spacing:2px; z-index:20;}
div#offerteform textarea {margin-left:0px; color:#1C3166;}
div#offerteform p {padding-bottom:3px;}
div#offerteform legend {color:#B9CDFF; letter-spacing:2px; font-size:14pt; text-align:right;}
div#offerteform fieldset {color:#1C3166; letter-spacing:2pt; font-size:8px; border: 0px;}
div#offerteform input.frmofferte {background-color:#FFF; color:#010066; font-weight:bold; z-index:50; margin-bottom:2px; float:right;}

div#offerteform H3 {text-align:center; border:1px solid green;}

span.toplink {position:absolute; float:left; color:#010066; top:90px; font-weight:bold;  font-size:120%; margin-left:38px;}

span.toplink a:link, span.toplink a:visited {color:#0267FD; }
span.toplink a:hover, span.toplink a:active {color: orange; }

#voordelen {text-align:left;}
#pageinfo  h1 {color:#0160f2;}
#voordelen div.hoofd {width:740px; text-align:left; margin-left: auto; margin-right:auto; padding-left:10px; padding-right:10px; }
#pageinfo li {list-style-type:none;}
#pageinfon p {color:#010066;}
#pageinfo .slogan {color:#0160f2; font-weight:bold;}
#pageinfo p.slogan {font-size:14px; text-align:center;}
#pageinfo ul.bedrijfsinformatie { margin-top:-10px;}
#pageinfo ul.bedrijfsinformatie li {color:#010066; letter-spacing:1px; margin-top:1px; margin-left:-30px; border-bottom:1px solid #eee;}

#voordelen ul.services li {color:#0160f2; letter-spacing:1px; margin-top:1px; margin-left:-30px;}
#voordelen ul.services li span.label {font-weight:bold;}


#mapdoc {text-align:center;}
#mapdoc table#content {margin-right:auto; margin-left:10px; text-align:left;}
#mapdoc span.logo {float:left; clear:left; margin-left:20%; margin-right:0px; margin-top:10px;}
#mapdoc span.foto {float:left; clear:left; margin-left:20%; margin-right:0px;}

div.saleshoofd {width:740px; text-align:left; margin-left:auto; margin-right:auto; padding-left:10px; padding-right:10px; }

#salesmenu {height:18px; background:#555;}
#salesmenu span {float:right; color:#FFF; font-size:10px; padding-right:2px; font-weight:bold;}
#salesmenubreak {padding-top:25px;}
div.salescontainer {width:740px; text-align:left; margin-left:auto; margin-right:auto; border:1px solid #555; background-color:#efefef; text-align:left;}

dl.salesbedrijfoverzicht{position:absolute; width:300px; margin-left:5px; top:100px;}

dl.salesuseroverzicht {width:350px; margin-left:10%; margin-left:auto; }
dt.saleslabel { font-weight:bold; letter-spacing:1px; border-bottom:1px dotted #333; padding-bottom:2px; padding-top:2px; }

dd.salesdescription {margin-left:100px; margin-top:-19px; clear:right; height:15px;}
dl.salesbedrijfoverzicht dd.salesdescription {margin-left:160px;}
ul.salesnavtop {margin-left:20%; clear:both; }
li.salesnavtop{ list-style:none; float:left; padding-left:5px; }
legend.saleslegend {font-weight:bold; letter-spacing:2px; background:#0160f2; color:#fff; border:1px solid #333;}
#usereditform, #saleslogin {width:250px; border: 1px solid #0160f2; margin-left:auto; margin-right:auto; margin-bottom:15px;}
#usereditform label.salesfrm, #saleslogin label.salesfrm {font-weight:bold; cursor:pointer; }
#usereditform input.salesfrm, #saleslogin input.salesfrm {float:right; margin-top:-15px;}

input.resetbtn {float:right; margin-top:-25px;}

fieldset.bedrijfeditform {width:400px; border: 1px solid #0160f2; margin-left:auto; margin-right:auto; margin-bottom:15px;}

#salesbedrijfpreview div.shout
	{
	float:right;
	
	margin-right:50px;
	max-height:400px;
	overflow:auto;
	}

#salesbedrijfpreview fieldset.bedrijfeditform {width:185px; clear:both; border: 1px solid #333}
#salesbedrijfpreview textarea.salesfrm {margin:0px; width:175px; border:1px solid #0160f2;}
#salesbedrijfpreview div.salescontainer {height:750px; margin-bottom:15px;}
#salesbedrijfpreview ul.salesnavtop { position:relative; top:-50px; }
div.salescontainer H2 {color:#fff; background:#0160f2;}

div.resnav {
	position:relative;
	margin-top:0px;
	margin-bottom:5px;
	text-align:center;
	}

ul.resnav, ul.salesnavtop 
	{
	margin-left:auto;
	margin-right:auto;
	width:250px;
	}

li.resnav, li.salesnavtop{ list-style:none; float:left; padding-left:5px;margin-left:auto; margin-right:auto;}
ul.resnav a:link, ul.resnav a:visited{color:#555; text-decoration:none;}
li.resnav, ul.resnav {margin-top:0px; margin-bottom:0px; }
ul.resnav a:hover{font-size:20px; font-weight:bold; padding:5px; border: 1px solid #aaa; background:#ddd;}

h3.resnavaantal {padding-top:3px; margin-top:0px;}
p.resnavcurrent {font-weight:bold; padding:0px; }