/*----------------------------------------------------------------------*/
    /* MOBILE Portrait Version */

    body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:80%;
	font-style:normal;
	color:#202446;
	background-color: #202446;
    }
    
    #logo {
	height:80px;
	background-color:#202446;
    }
    
    #logo img {
	width:100%;
	max-width:320px;
    }
    
    #teaser img {
	width:100%;
    }
    
    /*----------------------------------------------------------------------*/
    
    ul#mainnavigation {
	display:block;
	background:#333333;
	list-style:none;
	border:1px solid #666666;
    }
    
    ul#mainnavigation li.toplevel {
	border-top:1px solid #666666;
	border-bottom:1px solid #000000;
    }
    
    ul#mainnavigation li.toplevel > a {
	display:block;
	padding:2%;
	width:96%;
	font-weight:bold;
	color:#FFFFFF;
	
    }
    
    ul#mainnavigation li.toplevel > a:hover {
	color:#FFFFFF;
	font-weight:bold;
	background: #444444; /* Old browsers */
    }
    
    /*----------------------------------------------------------------------*/
    
    ul.levelone {
	display:none;
    }
    
    ul.levelone li {
    }
    
    ul.levelone li a {
	display:block;
	padding:0.5em 1.5em;
	width:100%;
	color:#FFFFFF;
	background-color:#666666;
    }
    
    ul.levelone a:hover {
	color:#FFFFFF;
	background-color:#999999;
    }
    
    /*----------------------------------------------------------------------*/
    
    #content {
	padding:0.5em;
	background-color:#EDEDED;
    }
    
    #content h1 {
	padding:0 0.2em;
	font-family: 'serpentinewebfont', Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:normal;
	color:#C40000;
    }
    
    #content p {
	padding:0.5em;
	font-size:1em;
	color:#202446;
    }
    
    #content ul {
	margin-left:2em;
	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;	
    }
    
    #contact address {
	padding:1em 1em 2em 1em;
	border-top:0.125em solid #CCCCCC;
	background-color:#202446;
    }
    
    #contact address p {
	padding: 1em;
	color:#FFFFFF;
	font-weight:bold;
    }
    
    #contact address a.tel, #contact address a.email{
	display:block;
	padding:1em;
	font-size:1.2em;
	font-weight:bold;
	color:#000000;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	border:1px solid #CCCCCC;
	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 */	
    }
    
    #contact address a.tel:hover, #contact address a.email:hover {
	background: rgb(242,246,248); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */
    }
    
    #quicklinks {
	background-color:#CCCCCC;
    }
    
    #quicklinks nav {
    }
    
    #quicklinks ul {
	display:none;
    }   
    
    #quicklinks-werkstatt li a:hover,
    #quicklinks-bike li a:hover,
    #quicklinks-info li a:hover {
	color:#C40000;
    }
    
    #social {
	padding:2em;
	text-align:right;
    }
    
    #social img {
	width:3em;
    }
    
    #social p {
	display:inline;
    }
    
    .useditem {
	margin:0.5em 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #c8c9d1;
    }
    
    .useditem-image {
	display:block;
	width:100%;
    }
    
    .useditem-description  {
	display:lock;
	width:100%;
    }
    
    .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 {
	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 {display:none;}