/*----------------------------------------------------------------------*/
    /* DESKTOP Landscape Version */

    body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:80%;
	font-style:normal;
	color:#202446;
	background: rgb(226,226,226); /* Old browsers */	
    }
    
    #blackbox {
	display:none;
    }
    
    #workspace {
	margin:0 auto;
	width:100%;
	max-width: 99vw;
	border:1px solid #CCCCCC;
	-moz-box-shadow: 0px 0px 10px #666666;
	-webkit-box-shadow: 0px 0px 10px #666666;
	box-shadow:  0px 0px 10px #666666;
	background-color:#EDEDED;
    }
    
    #logo {
	height:80px;
	background-color:#202446;
    }
    
    #logo img {
	width:100%;
	max-width:320px;
    }
    
    #teaser img {
	width:100%;
    }
    
    /*----------------------------------------------------------------------*/
    
    ul#mainnavigation {
	display:block;
	margin:10px;
	height:30px;
	list-style:none;
	border:1px solid #CCCCCC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: rgb(226,226,226); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
    }
    
    ul#mainnavigation li.toplevel {
	display:inline-block;
	width:150px;
	vertical-align:top;
    }
    
    ul#mainnavigation li.toplevel > a {
	display:block;
	padding:5%;
	width:90%;
	font-weight:bold;
	color:#202446;
	
    }
    
    ul#mainnavigation li.toplevel > a:hover {
	color:#C40000;
	font-weight:bold;	
    }
    
    /*----------------------------------------------------------------------*/
    
    ul.levelone {
	display:none;
	position:relative;
	margin-top:20px;
	top:-20px;
	border:1px solid #CCCCCC;
	list-style:none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;		
	background-color:#FFFFFF;
	-moz-box-shadow: 3px 3px 4px #333333;
	-webkit-box-shadow: 3px 3px 4px #333333;
	box-shadow: 3px 3px 4px #333333;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333');
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
    }
    
    ul.levelone li {

    }
    
    ul.levelone li a {
	display:block;
	padding:3%;
	width:94%;	
	color:#202446;
    }
    
    ul.levelone a:hover {
	color:#C40000;
	background-color:#EDEDED;
    }
    
    /*----------------------------------------------------------------------*/
    
    #content {
	padding:0.5em;
	background-color:#EDEDED;
    }
    
    #content h1 {
	padding:0 0.5em;
	font-family: 'serpentinewebfont', Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:normal;
	color:#C40000;
    }
    
    #content p {
	padding:0.5em 0 0.5em 1em;
	font-size:1em;
	color:#202446;
    }
    
    #content ul {
	margin-left:2em;
	font-size:1em;
	color:#202446;
    }
    
    #content ul  li {
	font-size:1em;
	color:#202446;
    }
    
    #content section #hondamodels {
	margin-left:1em;
	list-style:none;	
    }
    
    #content section #hondamodels li a {
	color:#202446;	
    }
    
    #content section #hondamodels li a:hover {
	color:#C40000;	
    }
    
    #content section#options {
	width:20%;
	display:inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	background-color:#CCCCCC;
	vertical-align: top;
    }
    
    #content section#text {
	width:75%;
	display:inline-block;
	vertical-align: top;
    }
    
    #contact address {
	padding:0.5em;
	border-top:0.125em solid #CCCCCC;
	background-color:#202446;
    }
    
    #contact address p {
	display:inline-block;
	padding:0.5em;
	color:#FFFFFF;
	font-weight:bold;
	vertical-align:middle;
    }
    
     
    #contact address br {
	display:none;
    }
    
    #contact address a.tel, #contact address a.email, #contact address a.wapp {
	display:inline-block;
	padding:0.5em;
	color:#FFFFFF;
	vertical-align:middle;
    }
    
    #contact address a.tel:hover, #contact address a.email:hover, #contact address a.wapp:hover {

    }
    
    #quicklinks {
	background-color:#CCCCCC;
    }
    
    #quicklinks nav {
	display:inline-block;
	width:80%;
	vertical-align: text-top;
    }
    
    #quicklinks ul {
	list-style:none;
    }
        
    #quicklinks-werkstatt,
    #quicklinks-bike,
    #quicklinks-info {
	border-right:1px dashed #666666;
    }
    
    #quicklinks-werkstatt,
    #quicklinks-bike,
    #quicklinks-info{
	margin:1em;
	display:inline-block;
	width:20%;
	height:100px;	
	vertical-align: top;
    }
    
    #quicklinks-werkstatt li,
    #quicklinks-bike li,
    #quicklinks-info li {

    }
    
    #quicklinks-werkstatt li a.toplevel,
    #quicklinks-bike li a.toplevel,
    #quicklinks-info li a.toplevel {
	font-weight:bold;
	color:#202446;
    }
    
    #quicklinks-werkstatt li a,
    #quicklinks-bike li a,
    #quicklinks-info li a {
	color:#202446;
    }
    
    #quicklinks-werkstatt li a:hover,
    #quicklinks-bike li a:hover,
    #quicklinks-info li a:hover {
	color:#C40000;
    }
    
    #social {
	display: inline-block;
	padding:1em;
	vertical-align: text-bottom;
	text-align:right;
	vertical-align:top;
    }
    
    #social p {
	display:inline;
	vertical-align:top;
    }
    
    .useditem {
	margin:0.5em 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #c8c9d1;
    }
    
    .useditem-image {
	display:inline-block;
	width:25%;
	vertical-align: middle;
    }
    
    .useditem-description  {
	display:inline-block;
	width:65%;
	vertical-align: middle;
    }
    
    .useditem-image img {
	margin:5%;
	width:90%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #CCCCCC;
    }
    
    .useditem-description  .useditem-table {
	width:100%;
    }
    
    .useditem-table td {
	padding:0.125em;
    }
    
    .useditem-table td.model {
	padding:0.25em 0;
	font-family: 'serpentinewebfont', Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:normal;	
	color:#202446;
    }
    
    .useditem-table td.left-td {
	width:30%;
	border-bottom:1px dashed #9092a3;
    }
    
    .useditem-table td.right-td {
	width:70%;
	border-bottom:1px dashed #9092a3;
    }
         
    .useditem-table td.useditem-contact {

    }
    
    .useditem-table td.useditem-contact a {
	color:#C40000;
	font-weight:bold;
    }
    
    #googlemap, .googlemap {
	border:1px solid #CCCCCC;
    }
    
    #googlemapaddress {
	margin:1em 0;
	padding:0.5em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #c8c9d1;
	color:#202446;
    }
    
    #googlemapaddress a {
	font-weight:bold;
	color:#C40000;
	text-decoration:none;	
    }
    
    #mapOutput {
	display:none;
	padding:1em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #CCCCCC;
	background-color: #c8c9d1;
    }
    
    #mapOutput h1 {
	padding:0.5em;
    }
      
    #mapOutput .step {
	padding:0.5em;
	border-bottom:1px dashed #9092a3;
    }
    
    #mapOutput .step div {
	display:inline;
	padding:1em 0;
	font-style: italic;
	color:#666666;
    }
    
    #ads {text-align: center;}
    
    #ads section {
	display:inline-block;
	width:24%;
	padding:2% 4% 2% 4%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #CCCCCC;
	vertical-align: top;
	text-align:center;
    }
    
    #ads section a {
	color:#202446;
	font-family: 'serpentinewebfont', Arial, Helvetica, sans-serif;
	font-size:1.2em;
    }
    
    #ads section a:hover {
	color:#C40000;
    }

	#mapContact address {
		padding:0.5em;
		border-top:0.125em solid #CCCCCC;
		text-align:center;
	}

	#mapContact address a.tel, 
	#mapContact address a.email{
		display: inline-block;
		margin:0.3em 0;
		padding:0.4em;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border:1px solid #666;
		color:#fff;
		background-color: #202446;
		width:90%;
		white-space: nowrap;
	}

	.leaflet-popup-content-wrapper, .leaflet-popup-tip {
		background: none !important;
	}