/**Author Name:prometheus 
   Developed in Vin Labs 
   Copyright at computerunlimited 
   ProjectName:TIKOBV 2017
   Single ID is preceded by #
   Class is preceded by .
	font: .8em normal small,Tahoma, verdana, arial, helvetica, sans-serif;line-height: 1.6em;   **/
*{ margin: 0; padding: 0; box-sizing: border-box; }* 
body
{ background:#C6C5C2  repeat scroll;
  color: #898989;
  font: 1em normal small,Palatino, Lucida, Georgia, "Times New Roman", Times, serif;
  line-height: 1.6em;
}
a
{
	color:#36C;
	text-decoration: none;
}
a:hover
{
	color:#E07;
}
a[href^="tel:"]
 {
  color: white;
  text-decoration: none;
}
a[href^="tel:"]:hover
 {
	color: #FA0; 
	font-weight: bold; 
	text-decoration: none;
}
a img {
 border:none;
}
.style1 {
	font-size: xx-large;
}
.style3 {
	border-width: 3px;
}
tab1 { padding-left: 4em; }
tab2 { padding-left: 8em; }

marquee
{
	text-align:center;
	font: .8em normal small, Palatino, Lucida, Georgia, "Times New Roman", Times, serif;
	color: #9796A8;
}
#wrapper
{
	width:1024px;
	margin:10px auto;
	border:2px solid #eee;
	background:#fff;
}
#logo 
{
background:#eee url(images/tiko.jpg) no-repeat;
height:400px;
}
#logo2 
{
background:#eee url(images/E-klasse.jpg) no-repeat;
height:400px;
}
#logoBMW 
{
background:#eee url(images/BMW.jpg) no-repeat;
height:400px;
}
#logo h1
{
	text-align:center;
	font: 2.8em normal small,Palatino, Lucida, Georgia, "Times New Roman", Times, serif;
	color:#9796A8;
}
#logo2 h1
{
	text-align:center;
	font: 2.8em normal small,Palatino, Lucida, Georgia, "Times New Roman", Times, serif;
	color:#9897BD;
}
#logoBMW h1
{
	text-align:center;
	font: 2.8em normal small,Palatino, Lucida, Georgia, "Times New Roman", Times, serif;
	color:#9897BD;
}
@media screen and (min-width: 480px) and (max-width: 960px) {
    #logo {
        display: none;
	}
    #logo2 {
        display: none;
	}
    #logoBMW {
        display: none;
	}
    #wrapper {
        width:960px;
		margin:5px auto;
		border:0px solid #eee;
    }
}
/**Menu **/
ul
{
	list-style:none;
	padding:0px 0 0 10px;
	background:#eee;
}
li a
{
   color:#8D8BAD;
    font-family:Palatino, Lucida, Georgia, "Times New Roman", Times, serif;
    font-size:15px;
    padding-right:15px;
	text-decoration:none;
}
li a:hover
{
	color:#000;
}
li
{
display:inline;
}
#breadcrumb
{ 
	padding: 10px; font-size: 15px; font-weight: 500; 
}
#breadcrumb a
{
	color: #06c;
}
#breadcrumb a:hover
{
	color: #444; font-weight: 600; text-decoration: none;
}
.breadcrumb-list
{
	font-size: 15px; font-weight: 500; color: #444;
}
#menu ul
{
	text-align:center;
}
nav
{
	text-align:center;
	background:#eee;
}
.dropbtn {
  background-color: #eee;
  color: #444;
  padding: 8px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropdown {
  background-color: #eff;
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ddd;
  min-width: 160px;
  width: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  overflow: auto;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ccc}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #D9D9D9;
}
/**left navigator **/
#leftnav
{    
     clear:both;   
	 width:200px;
	 background:#adacc2;
	 float:left;
}
#leftnav h1
{
	color: #fff;
	font-size: 1.5em;
	padding-left:15px;
}
#leftnav h2
{
	color: #fff;
	font-size: 1.2em;
	padding-left:15px;
	text-align: center;
}
#leftnav h3
{
	color: #fff;
	font-size: 1.2em;
	padding-left:15px;
}
#leftnav h4
{
	color: #fff;
	font-size: 1.2em;
	padding-left:15px;
}
#leftnav p
{
 	font-size:1.0em;
	color:#333;
	border-bottom:1px dotted #36C;
	padding:1em;
}
#leftnav a
{
	color: #048;
}
#leftnav a:hover
{
	color: #FFF; font-weight: bold; text-decoration: none;
}
/**content**/
#content
{   
   margin-left:200px;
   border:1px solid #DDD;
}
#main
{
	margin:5px 5px 5px 5px;
}
#main h1
{
	color:#606066;
	text-align:left;
	padding:5px 0 0 0px;
	font-size:1.5em;
}
#main h2
{
   text-align:center;
}
#main h3
{
	color:#606066;
	text-align:left;
	
	font-size:1.2em;
}
#main h4
{
   text-align:center;
}
#main p
{
	color:#606066;
	padding:5px 0 0 0px;
	font-size:1.0em;
}
#main details
{
	color:#606066;
	padding:5px 0 0 0px;
	font-size:1.2em;
}
.avatar
{
	vertical-align: middle;
	width: 172px;
	height: 156px;
	border-width: 0px;
}
.maincontent p
{
	text-align:left;
	padding-top:20px;
	font-size:1.0em;
}
.img
{
	float:left;
	padding-left:5px;
}
.line
{
	border-top:1px solid #e4e4e4;
}
.gift p
{
	float:left;
}
.col,.col1
{
width:180px;
padding:2% 0 0 2%;
float:left;
border-right:1px solid #DDD;
}
.col1
{
	border:none;
}
.col h3 ,.col1 h3
{
	padding-left:30px;
}

#page
{
height:480px;
}
/**footer ***/
#footer {
	background: #FFF;
	margin: 0 auto;
	text-align: center;
	padding: 6px;
	clear:both;
}
#footer a {
	color: #9796A8;
	text-decoration: none;
}
#footer a:hover {
	color: #06F;
	text-decoration: underline;
}
@page {
  size: A4;
  margin: 70pt 60pt 70pt;
}
@page :left {
  margin-left: 3cm;
  @bottom-left {
    content: counter(page) " of " counter(pages);
  }
}
@page :right {
  margin-left: 4cm;
  @bottom-left {
    margin: 10pt 0 30pt 0;
    border-top: .25pt solid #666;
    content: "tikobv.nl";
    font-size: 9pt;
    color: #333;
  }
  @bottom-right {
  content: counter(page) " of " counter(pages);
  }
}