/*  CSS Layout
----------------------------------------------- */

div#container
{
	width:900px;
	text-align:left;
	height:110%;
	background: #fff url(http://www.motorradfreunde-kevelaer.de/s/img/slider_264_8D0B15.png) repeat-y top left; 
}

div#wrapper
{
	/*float:left;
	width:100%;*/
 
}

div#content
{
	/*margin: 0 140px 0 300px;*/
	margin: 0;
	background: #8D0B15;
	border-left:1px solid white;
	width:360px;
	float:left;
	
}

div#navigation
{
	float:left;
	width:140px;
	padding-top:10px;
	margin-left:20px;
}

div#sidebar
{
	float:left;
	background: #CBC3C0;
	width:300px;
	/*margin-left:-800px;*/
}

div#footer
{
	clear:left;
	width:100%;
}

/* gutter */
div#content .gutter { padding: 10px; }
div#sidebar .gutter { padding: 10px; border-top: 1px solid white; }
div#footer .gutter{ padding: 10px; }



/*  Navigation
----------------------------------------------- */

ul.mainNav1
{
	text-align: left;
	margin: 0 0 0 15px;
	padding:0;
}

ul.mainNav2,
ul.mainNav3
{
	text-align: left;
	margin:0;
	padding: 0;
}


ul.mainNav1 li,
ul.mainNav2 li,
ul.mainNav3 li
{
	display: inline;
	margin: 0;	
	padding: 1px 0;
}

ul.mainNav1 li a,
ul.mainNav1 li a:visited,
ul.mainNav2 li a,
ul.mainNav2 li a:visited,
ul.mainNav3 li a,
ul.mainNav3 li a:visited
{
	color: black;
	text-decoration: none;
	display: block;
	border:1px solid white;
	color:#333;
}


ul.mainNav1 li a, ul.mainNav1 li a:visited { padding:2px 2px 2px 5px; }
ul.mainNav2 li a, ul.mainNav2 li a:visited { padding:2px 2px 2px 10px; }
ul.mainNav2 li a, ul.mainNav2 li a:visited { padding:2px 2px 2px 15px; }


ul.mainNav1 li a:hover,
ul.mainNav2 li a:hover,
ul.mainNav3 li a:hover
{
	background-color : #8D0B15;
	border-top : 1px solid silver;
	border-right : 1px solid black;
	border-bottom : 1px solid black;
	border-left : 1px solid silver;
}

ul.mainNav1 li a.current,
ul.mainNav2 li a.current,
ul.mainNav3 li a.current { font-weight:bold; }