html, div, span, applet, object, iframe,
h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
}

ol, ul {
        list-style: none;
}
blockquote, q {
        quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: '';
        content: none;
}

/* remember to define focus styles! */
:focus {
        outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
        text-decoration: none;
}
del {
        text-decoration: line-through;
}

body {
	margin: 0px auto;
	background: url('../images/head_background_bluetoothmarketing.jpg') repeat-x;
	height: 100%;
	font: normal 13px Arial, Verdana, Helvetica;
	color: #555555;
	text-align: center;
}
td{
	font: normal 13px Arial, Verdana, Helvetica;
	color: #555555;
}
img {
	border: 0px;
}
a {
	text-decoration: none;
	color: #008bca;
	font: normal 13px Arial, Verdana, Helvetica;;
}
a:HOVER {
	text-decoration: none;
	font: normal 13px Arial, Verdana, Helvetica;
	color: #008bca;
}

#blueline {
	width: 100%;
	height: 5px;
	background: #49c3ea;
}

#container {
	width: 960px;
	min-height:100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position: relative;
}
#header {
	background: url(images/header_background.jpg) no-repeat;
	width: 960px;
	height: 110px;
	margin-top: 0px;
}

#header a{
	position: absolute;
	margin-top: 0px;
	width: 250px;
  height: 110px;
}
#header a h1{
	display: none;
}

#sidebar {
	float: left;
	width: 240px;
	margin-top: 0px;
	margin-left: 20px;

}
#photo {
	float: left;
	background: url(images/photo_background.jpg) no-repeat;
	margin-top: 0px;
	width: 700px;
	height: 200px;

}
#content {
	float: left;
	margin-top: 0px;
	height: 100%;
	width: 600px;
	padding-left: 15px;
	padding-top: 5px;
	z-index: 1;

}
#contentindex {
	float: left;
	margin-top: 0px;
	height: 100%;
	width: 650px;
	padding-left: 8px;
	padding-top: 5px;
}
#logos {
	width: 960px;
	text-align: center;
	padding-top: 5px;
}

#bottom {
	height: 100%;
	bottom:0; 
	width:960px; 
	padding-top: 5px;
	padding-left: 25px;
	background: url(images/bottom_background.jpg) no-repeat;
}

#sitemap {
	width: 940px;
	text-align: left;
}

.indextext{
	font: bold 14px Times new Roman, Verdana, Helvetica;
	color: #333333;
	line-height: 1.5em;
	padding-right: 10px;
}

.photo {
	padding-left: 15px;
	padding-top: 15px;
}
a.menu {
	text-decoration: none;
	font: normal 11px Arial, Verdana, Helvetica;
	color: #555555;
}
a.menu:HOVER {
	text-decoration: none;
	font: normal 11px Arial, Verdana, Helvetica;
	color: #008bca;
}
a.submenu {
	text-decoration: none;
	font: normal 13px Arial, Verdana, Helvetica;
	color: #555555;
}
a.submenu:HOVER {
	text-decoration: none;
	font: normal 13px Arial, Verdana, Helvetica;
	color: #008bca;
}
ul.sidebar {
	width: 220px;
	border: 1px solid #c5c5c5;
	border-bottom-width: 0;
}
.sidebar  li{
	padding: 4px;
	padding-left: 8px;
	border-bottom: 1px solid #c5c5c5;
	background: url(images/submenu_background.jpg) repeat-x;
}

.sidebar li#submenu-diensten {
    background: #fff;
    display: none;
}

.sidebar li#submenu-diensten ul li {
    background: #fff;
    border: none;
}
.sidebar li#submenu-smsprogramma {
    background: #fff;
    display: none;
}

.sidebar li#submenu-smsprogramma ul li {
    background: #fff;
    border: none;
}
.sidebar li#submenu-applicaties {
    background: #fff;
    display: none;
}

.sidebar li#submenu-applicaties ul li {
    background: #fff;
    border: none;
}

.naw {
	color: #a2a2a2;
}
.bluefont {
	color: #008bca;
}
.buttons {
	padding-left: 270px;
	padding-top: 78px;
}
.button_bluetooth {
	background: url(images/button_bluetooth.jpg) no-repeat;
	padding: 3px;
	text-indent: 5px;
	width: 133px;
	height: 26px;
	float: left;
}
.button_sms {
	background: url(images/button_sms.jpg) no-repeat;
	padding: 3px;
	text-indent: 5px;
	width: 133px;
	height: 26px;
	float: left;
}
.button_mobileweb {
	background: url(images/button_mobileweb.jpg) no-repeat;
	padding: 3px;
	text-indent: 5px;
	width: 133px;
	height: 26px;
	float: left;
}
.button_applicaties {
	background: url(images/button_applicaties.jpg) no-repeat;
	padding: 3px;
	text-indent: 5px;
	width: 133px;
	height: 26px;
	float: left;
}
.subtitle {
	font: normal 16px Calibri, Arial, Verdana, Helvetica;
	color: #0095d9;
}
.title {
	font: normal 18px Calibri, Arial, Verdana, Helvetica;
	color: #0095d9;
}
.sitemap  {
	font: normal 12px Calibri, Arial, Verdana, Helvetica;
	color: #a1a1a1;
	text-align: left;
}
.sitemap a {
	font: normal 12px Calibri, Arial, Verdana, Helvetica;
	color: #a1a1a1;
	text-align: left;
}
.sitemaptitle {
	font: normal 12px Calibri, Arial, Verdana, Helvetica;
	color: #666666;
	text-align: left;
}
ul.checklist {
	width: 274px;
	border: 1px solid #7ec9ea;
	border-bottom-width: 0;
}
.checklist  li{
	padding: 4px;
	padding-left: 28px;
	border-bottom: 1px solid #7ec9ea;
	background: url(images/checklist_background.jpg) no-repeat;
}
table.liteprolist{
	margin-left: 5px;
	width: 600px;
	border-width: 1px;
	border-style: solid;
	border-color: #c5c5c5;
	border-collapse: collapse;
}
table.liteprolist th {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: #c5c5c5;
	background-color: #e4e4e4;
	
	-moz-border-radius: ;
}
table.liteprolist td {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: #c5c5c5;
	-moz-border-radius: ;
}

ul.litepro {
	width: 274px;
	border: 1px solid #7ec9ea;
	border-bottom-width: 0;
}
.litepro  li{
	padding: 4px;
	padding-left: 28px;
	border-bottom: 1px solid #7ec9ea;
}

table.mobileapps{
	width: 600px;
	height: 250px;
	border: 0;
	background-image:url('images/mobileappsbackground.jpg');
}
table.mobileapps td {
	vertical-align:top;
	width: 150px;
	color: #FFFFFF;
	padding: 7px
}
.mah{
	font: bold 14px Arial, Verdana, Helvetica;
	color: #FFFFFF;
}


.login{
  width: 115px;
  height: 20px;
  background-image:url('images/login.jpg');
  background-repeat:no-repeat;
  font: normal 12px Arial, Verdana, Helvetica;
  border: 0;
}
.smslogin{
  width: 115px;
  height: 20px;
  background-image:url('images/smslogin.jpg');
  background-repeat:no-repeat;
  font: normal 12px Arial, Verdana, Helvetica;
  border: 0;
}
.loginbutton{
  width: 80px;
  height: 20px;
  background-image:url('images/login_button.jpg');
  background-repeat:no-repeat;
  border: 0;
  font: normal 12px Calibri, Arial, Verdana, Helvetica;
  margin-left: 100px;
}

/* SIRF */

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
	
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
	
  }
}

@media screen {
  
.sIFR-active h1 {
    font: normal 24px Calibri, Arial, Verdana, Helvetica;
	color: #0095d9;
    visibility: hidden;
	margin-bottom: 5px;
	margin-top: 0px;
}
.sIFR-active h2 {
    font: normal 18px Calibri, Arial, Verdana, Helvetica;
	color: #000000;
    visibility: hidden;
	margin-bottom: 5px;
}
.sIFR-active h3 {
    font: normal 16px Calibri, Arial, Verdana, Helvetica;
	color: #0095d9;
    visibility: hidden;
	margin: 0;
}
.sIFR-active h4 {
    font: normal 12px Calibri, Arial, Verdana, Helvetica;
	color: #333333;
    visibility: hidden;
	margin-top: 5px;
}
a.sIFR-active h4 {
	text-decoration: none;
	color: red;
}	
}

/* Screen scroller */

.next, .prev{
	cursor:pointer;
	padding: 0;
}
#screen{
	position:relative;
	height:170px;
	width:600px;
	padding-left: 15px;
	padding-top: 15px;
}
#previous{
	width: 16px;
	height: 32px;
	position: absolute;
	margin-top: 65px;
}
#nextpage{
	width: 16px;
	height: 32px;
	position: absolute;
	margin-top: 65px;
	margin-left: 584px;
}
#infobalk{
	width: 600px;
	height: 30px;
	position: absolute;
	margin-top: 155px;
	background-color: #000000;
	filter:alpha(opacity=50); /* IE's opacity*/
    opacity: 0.50;
}
#sections{
	overflow:hidden;
	background-color:white;
	width:600px;
	height:170px;
	padding: 0;
}
#sections ul{
	width:2400px;
}
#sections li{
	float:left;
	padding:0;
}

