/*CSS - Styleguide*/

/*
	http://www.pepa-bikes.de/
   	css styles
   
   	Copyright 2008, Markus Spiske
   	http://www.temporausch.com
*/

/*general styles*/
html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li {
	margin: 0;
	padding: 0;
	color: #141414;
}

body {
	font: 12px/140%  Arial, Verdana, Helvetica, Geneva, Swiss, Sans-serif;
	text-align: center;
}

h1 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #141414;
}

h2 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #141414;
}

h3 {
	font-size: 11px;
	font-weight: bold;
	padding-left: 5px;
	color: #fff;
	background-color: #ff6600;
}

h4 {
	font-size: 11px;
	font-weight: bold;
	color: #003088;
}

a:link, a:visited, a:active {
	color: #003088;
	text-decoration: none;
}

a:hover {
	color: #ff6600;
  	text-decoration: none;
}

a.white:link, a.white:visited, a.white:active {
	color: #fff;
	text-decoration: underline;
}

a.white:hover {
	color: #fff;
  	text-decoration: none;
}

a.navi:link, a.navi:visited, a.navi:active {
	font-size: 16px;
	font-weight: bold;
	color: #141414;
	text-decoration: none;
	line-height: 180%;
}

a.navi:hover {
	font-size: 16px;
	font-weight: bold;
  	color: #0e3c67;
  	text-decoration: none;
  	line-height: 180%;
}

a.aktuell:link, a.aktuell:visited, a.aktuell:active {
	font-size: 10px;
	font-weight: normal;
	color: #666;
	text-decoration: underline;
	line-height: 175%;
}

a.aktuell:hover {
	font-size: 10px;
	font-weight: normal;
  	color: #003088;
  	text-decoration: underline;
	line-height: 175%;
}

a img, a:hover img {
	border: none;
}

a.pic_popup img, a.pic_popup:hover img {
	border: 1px solid #ff6600;
}

.pic {
	padding: 2px; 
	border: 1px solid #ff6600;
}

.news {
	background-color: #f0f0f0;
	padding: 8px;
	color: #666;
	line-height: 140%;
	margin-top: 10px;
}

.blue {
	font-size: 12px;
	font-weight: bold;
	color: #003088;
}

.black {
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

.orange {
	font-size: 12px;
	font-weight: bold;
	color: #ff6600;
}

.indent_box {
	font-size: 11px;
	width: 670px;
	padding-left: 10px;
	line-height: 130%;
}

.indent {
	padding-left: 10px;
}

.txt_pic {
	margin-top: 10px;
}

.box_pic {
	margin-bottom: 10px;
	float: left;
	width: 120px;
	padding-top: 0px;
}

.box_txt {
	margin-bottom: 10px;
	width: 583px;
	height: 80px;
	float: left;
	background-color: #f0f0f0;
	margin-left: 16px;
	padding-left: 10px;
	padding-top: 10px;
	font-size: 11px;
	color: #666;
}

.clear {
	clear: both;
}

/*----------formular----------*/

form div label {
	float: left;
	width: 170px;
	font-size: 11px;
	color: #666;
}

form div {
	clear: left;
	margin: 0;
	padding-left: 5px;
	padding-bottom: 5px;
	background-color: #f0f0f0;
}

input.txt {
	border: 1px solid #999;
	font-size: 10px;
	color: #666;
	width: 158px;
}

input.send {
	margin-top: 5px;
	border: 1px solid #ff6600;
	font-size: 10px;
	color: #fff;
	width: 160px;
	background-color: #ff6600;
}

/*------------------container------------------*/
#container {
	width: 962px;
	margin: 0 auto;
	
}

#wrapper {
	width: 960px;
	margin-top: 30px;
   	border: 1px solid #ff6600;
	float: left;		
}

/*------------------header------------------*/
#header {
	width: 960px;
	height: 105px;
	background: url(../img/line_top.gif) repeat-x;
}

#logo {
	float: left;
}

#flash {
	float: right;
}

/*------------------navi_01------------------*/
#navi_01 {
	width: 759px;
	height: 40px;
	float: left;
	margin-top: 10px;
	margin-left: 5px;
	background: url(../img/bg_navi_01.gif) no-repeat;
}

#navi_01 ul{
	list-style: none;
}

#navi_01 li{
	float: left;
	margin-left: 15px;
}

#navi_01 li a.home, #navi_01 li a.modelle, #navi_01 li a.service, #navi_01 li a.gebrauchte, #navi_01 li a.kontakt, #navi_01 li a.links {
	display :block;
}

#navi_01 li a.home {
	background: url(../img/navi_home_over.gif) no-repeat;
	width: 39px;
	height: 13px;
	margin-left: 0px;	
}

#navi_01 li a:hover.home {
	background: url(../img/navi_home.gif) no-repeat;
}

#navi_01 li a.modelle {
	background: url(../img/navi_modelle.gif) no-repeat;
	width: 55px;
	height: 13px;
	margin-left: 0px;
}

#navi_01 li a:hover.modelle {
	background: url(../img/navi_modelle_over.gif) no-repeat;
}

#navi_01 li a.service {
	background: url(../img/navi_service.gif) no-repeat;
	width: 55px;
	height: 13px;
	margin-left: 0px;
}

#navi_01 li a:hover.service {
	background: url(../img/navi_service_over.gif) no-repeat;
}

#navi_01 li a.gebrauchte {
	background: url(../img/navi_gebrauchte.gif) no-repeat;
	width: 84px;
	height: 13px;
	margin-left: 0px;
}

#navi_01 li a:hover.gebrauchte {
	background: url(../img/navi_gebrauchte_over.gif) no-repeat;
}

#navi_01 li a.kontakt {
	background: url(../img/navi_kontakt.gif) no-repeat;
	width: 57px;
	height: 13px;
	margin-left: 0px;
}

#navi_01 li a:hover.kontakt {
	background: url(../img/navi_kontakt_over.gif) no-repeat;
}

#navi_01 li a.links {
	background: url(../img/navi_links.gif) no-repeat;
	width: 39px;
	height: 13px;
	margin-left: 0px;
}

#navi_01 li a:hover.links {
	background: url(../img/navi_links_over.gif) no-repeat;
}

#navi_01 span {
	display:none;
}

/*------------------navi_02------------------*/
#navi_02 {
	width: 759px;
	height: 40px;
	float: left;
	margin-top: 10px;
	margin-left: 5px;
	background: url(../img/bg_navi_02.gif) no-repeat;
}

#navi_02 ul{
	list-style: none;
}

#navi_02 li{
	float: left;
	margin-left: 15px;
}

#navi_02 li a.home, #navi_02 li a.modelle, #navi_02 li a.service, #navi_02 li a.gebrauchte, #navi_02 li a.kontakt, #navi_02 li a.links {
	display :block;
}

#navi_02 li a.home {
	background: url(../img/navi_home.gif) no-repeat;
	width: 39px;
	height: 13px;
	margin-left: 0px;	
}

#navi_02 li a:hover.home {
	background: url(../img/navi_home_over.gif) no-repeat;
}

#navi_02 li a.modelle {
	background: url(../img/navi_modelle_over.gif) no-repeat;
	width: 55px;
	height: 13px;
	margin-left: 0px;
}

#navi_02 li a:hover.modelle {
	background: url(../img/navi_modelle.gif) no-repeat;
}

#navi_02 li a.service {
	background: url(../img/navi_service.gif) no-repeat;
	width: 55px;
	height: 13px;
	margin-left: 0px;
}

#navi_02 li a:hover.service {
	background: url(../img/navi_service_over.gif) no-repeat;
}

#navi_02 li a.gebrauchte {
	background: url(../img/navi_gebrauchte.gif) no-repeat;
	width: 84px;
	height: 13px;
	margin-left: 0px;
}

#navi_02 li a:hover.gebrauchte {
	background: url(../img/navi_gebrauchte_over.gif) no-repeat;
}

#navi_02 li a.kontakt {
	background: url(../img/navi_kontakt.gif) no-repeat;
	width: 57px;
	height: 13px;
	margin-left: 0px;
}

#navi_02 li a:hover.kontakt {
	background: url(../img/navi_kontakt_over.gif) no-repeat;
}

#navi_02 li a.links {
	background: url(../img/navi_links.gif) no-repeat;
	width: 39px;
	height: 13px;
	margin-left: 0px;
}

#navi_02 li a:hover.links {
	background: url(../img/navi_links_over.gif) no-repeat;
}

#navi_02 span {
	display:none;
}

/*------------------navi_03------------------*/
#navi_03 {
	width: 759px;
	height: 40px;
	float: left;
	margin-top: 10px;
	margin-left: 5px;
	background: url(../img/bg_navi_03.gif) no-repeat;
}

#navi_03 ul{
	list-style: none;
}

#navi_03 li{
	float: left;
	margin-left: 15px;
}

#navi_03 li a.home, #navi_03 li a.modelle, #navi_03 li a.service, #navi_03 li a.gebrauchte, #navi_03 li a.kontakt, #navi_03 li a.links {
	display :block;
}

#navi_03 li a.home {
	background: url(../img/navi_home.gif) no-repeat;
	width: 39px;
	height: 13px;
	margin-left: 0px;	
}

#navi_03 li a:hover.home {
	background: url(../img/navi_home_over.gif) no-repeat;
}

#navi_03 li a.modelle {
	background: url(../img/navi_modelle.gif) no-repeat;
	width: 55px;
	height: 13px;
	margin-left: 0px;
}

#navi_03 li a:hover.modelle {
	background: url(../img/navi_modelle_over.gif) no-repeat;
}

#navi_03 li a.service {
	background: url(../img/navi_service_over.gif) no-repeat;
	width: 55px;
	height: 13px;
	margin-left: 0px;
}

#navi_03 li a:hover.service {
	background: url(../img/navi_service.gif) no-repeat;
}

#navi_03 li a.gebrauchte {
	background: url(../img/navi_gebrauchte.gif) no-repeat;
	width: 84px;
	height: 13px;
	margin-left: 0px;
}

#navi_03 li a:hover.gebrauchte {
	background: url(../img/navi_gebrauchte_over.gif) no-repeat;
}

#navi_03 li a.kontakt {
	background: url(../img/navi_kontakt.gif) no-repeat;
	width: 57px;
	height: 13px;
	margin-left: 0px;
}

#navi_03 li a:hover.kontakt {
	background: url(../img/navi_kontakt_over.gif) no-repeat;
}

#navi_03 li a.links {
	background: url(../img/navi_links.gif) no-repeat;
	width: 39px;
	height: 13px;
	margin-left: 0px;
}

#navi_03 li a:hover.links {
	background: url(../img/navi_links_over.gif) no-repeat;
}

#navi_03 span {
	display:none;
}

/*------------------navi_04------------------*/
#navi_04 {
	width: 759px;
	height: 40px;
	float: left;
	margin-top: 10px;
	margin-left: 5px;
	background: url(../img/bg_navi_04.gif) no-repeat;
}

#navi_04 ul{
	list-style: none;
}

#navi_04 li{
	float: left;
	margin-left: 15px;
}

#navi_04 li a.home, #navi_04 li a.modelle, #navi_04 li a.service, #navi_04 li a.gebrauchte, #navi_04 li a.kontakt, #navi_04 li a.links {
	display :block;
}

#navi_04 li a.home {
	background: url(../img/navi_home.gif) no-repeat;
	width: 39px;
	height: 13px;
	margin-left: 0px;	
}

#navi_04 li a:hover.home {
	background: url(../img/navi_home_over.gif) no-repeat;
}

#navi_04 li a.modelle {
	background: url(../img/navi_modelle.gif) no-repeat;
	width: 55px;
	height: 13px;
	margin-left: 0px;
}

#navi_04 li a:hover.modelle {
	background: url(../img/navi_modelle_over.gif) no-repeat;
}

#navi_04 li a.service {
	background: url(../img/navi_service.gif) no-repeat;
	width: 55px;
	height: 13px;
	margin-left: 0px;
}

#navi_04 li a:hover.service {
	background: url(../img/navi_service_over.gif) no-repeat;
}

#navi_04 li a.gebrauchte {
	background: url(../img/navi_gebrauchte_over.gif) no-repeat;
	width: 84px;
	height: 13px;
	margin-left: 0px;
}

#navi_04 li a:hover.gebrauchte {
	background: url(../img/navi_gebrauchte.gif) no-repeat;
}

#navi_04 li a.kontakt {
	background: url(../img/navi_kontakt.gif) no-repeat;
	width: 57px;
	height: 13px;
	margin-left: 0px;
}

#navi_04 li a:hover.kontakt {
	background: url(../img/navi_kontakt_over.gif) no-repeat;
}

#navi_04 li a.links {
	background: url(../img/navi_links.gif) no-repeat;
	width: 39px;
	height: 13px;
	margin-left: 0px;
}

#navi_04 li a:hover.links {
	background: url(../img/navi_links_over.gif) no-repeat;
}

#navi_04 span {
	display:none;
}

/*------------------navi_05------------------*/
#navi_05 {
	width: 759px;
	height: 40px;
	float: left;
	margin-top: 10px;
	margin-left: 5px;
	background: url(../img/bg_navi_05.gif) no-repeat;
}

#navi_05 ul{
	list-style: none;
}

#navi_05 li{
	float: left;
	margin-left: 15px;
}

#navi_05 li a.home, #navi_05 li a.modelle, #navi_05 li a.service, #navi_05 li a.gebrauchte, #navi_05 li a.kontakt, #navi_05 li a.links {
	display :block;
}

#navi_05 li a.home {
	background: url(../img/navi_home.gif) no-repeat;
	width: 39px;
	height: 13px;
	margin-left: 0px;	
}

#navi_05 li a:hover.home {
	background: url(../img/navi_home_over.gif) no-repeat;
}

#navi_05 li a.modelle {
	background: url(../img/navi_modelle.gif) no-repeat;
	width: 55px;
	height: 13px;
	margin-left: 0px;
}

#navi_05 li a:hover.modelle {
	background: url(../img/navi_modelle_over.gif) no-repeat;
}

#navi_05 li a.service {
	background: url(../img/navi_service.gif) no-repeat;
	width: 55px;
	height: 13px;
	margin-left: 0px;
}

#navi_05 li a:hover.service {
	background: url(../img/navi_service_over.gif) no-repeat;
}

#navi_05 li a.gebrauchte {
	background: url(../img/navi_gebrauchte.gif) no-repeat;
	width: 84px;
	height: 13px;
	margin-left: 0px;
}

#navi_05 li a:hover.gebrauchte {
	background: url(../img/navi_gebrauchte_over.gif) no-repeat;
}

#navi_05 li a.kontakt {
	background: url(../img/navi_kontakt_over.gif) no-repeat;
	width: 57px;
	height: 13px;
	margin-left: 0px;
}

#navi_05 li a:hover.kontakt {
	background: url(../img/navi_kontakt.gif) no-repeat;
}

#navi_05 li a.links {
	background: url(../img/navi_links.gif) no-repeat;
	width: 39px;
	height: 13px;
	margin-left: 0px;
}

#navi_05 li a:hover.links {
	background: url(../img/navi_links_over.gif) no-repeat;
}

#navi_05 span {
	display:none;
}

/*------------------navi_06------------------*/
#navi_06 {
	width: 759px;
	height: 40px;
	float: left;
	margin-top: 10px;
	margin-left: 5px;
	background: url(../img/bg_navi_06.gif) no-repeat;
}

#navi_06 ul{
	list-style: none;
}

#navi_06 li{
	float: left;
	margin-left: 15px;
}

#navi_06 li a.home, #navi_06 li a.modelle, #navi_06 li a.service, #navi_06 li a.gebrauchte, #navi_06 li a.kontakt, #navi_06 li a.links {
	display :block;
}

#navi_06 li a.home {
	background: url(../img/navi_home.gif) no-repeat;
	width: 39px;
	height: 13px;
	margin-left: 0px;	
}

#navi_06 li a:hover.home {
	background: url(../img/navi_home_over.gif) no-repeat;
}

#navi_06 li a.modelle {
	background: url(../img/navi_modelle.gif) no-repeat;
	width: 55px;
	height: 13px;
	margin-left: 0px;
}

#navi_06 li a:hover.modelle {
	background: url(../img/navi_modelle_over.gif) no-repeat;
}

#navi_06 li a.service {
	background: url(../img/navi_service.gif) no-repeat;
	width: 55px;
	height: 13px;
	margin-left: 0px;
}

#navi_06 li a:hover.service {
	background: url(../img/navi_service_over.gif) no-repeat;
}

#navi_06 li a.gebrauchte {
	background: url(../img/navi_gebrauchte.gif) no-repeat;
	width: 84px;
	height: 13px;
	margin-left: 0px;
}

#navi_06 li a:hover.gebrauchte {
	background: url(../img/navi_gebrauchte_over.gif) no-repeat;
}

#navi_06 li a.kontakt {
	background: url(../img/navi_kontakt.gif) no-repeat;
	width: 57px;
	height: 13px;
	margin-left: 0px;
}

#navi_06 li a:hover.kontakt {
	background: url(../img/navi_kontakt_over.gif) no-repeat;
}

#navi_06 li a.links {
	background: url(../img/navi_links_over.gif) no-repeat;
	width: 39px;
	height: 13px;
	margin-left: 0px;
}

#navi_06 li a:hover.links {
	background: url(../img/navi_links.gif) no-repeat;
}

#navi_06 span {
	display:none;
}

/*------------------content------------------*/
#content {
	width: 960px;
	float: left;
	color: #141414;
  	background: url(../img/bg_content.gif) repeat-y;
}

#box_left {
	width: 759px;
	float: left;
	/*
	border-right:solid 1px;
	border-color:#ff6600;
	*/
}

#navi {
	width: 750px;
	float: left;
}

#text {
	width: 350px;
	float: left;
	text-align: left;
	margin-left: 20px;
}

#pic {
	width: 356px;
	float: right;
	text-align: left;
	margin-right: 10px;
}

#gallery {
	width: 730px;
	float: left;
	text-align: left;
	margin-left: 20px;
	margin-top: 20px;
}

#box_right {
	font-size: 10px;
	width: 200px;
	float: right;
	text-align: left;	 		
}

#box_right_input {
	padding: 10px;
	font-size: 10px;
	text-align: left;	 		
}

/*------------------footer------------------*/
#footer_frame	{
	width: 962px;
	float: left;
	height: 55px;
  	background: url(../img/bg_footer.gif) no-repeat;
	margin-bottom: 30px;
}

#footer_content {
	text-align: left;
	font-size: 11px;
	padding: 11px;
	line-height:140%;
	color: #fff;
}

/*------------------XL_pic------------------*/
#XL_pic {
	margin: 0 auto;
}

/*----------SLIMBOX----------*/

#lbOverlay {

	position: absolute;

	left: 0;

	width: 100%;

	background-color: #000;

	cursor: pointer;

}



#lbCenter, #lbBottomContainer {

	position: absolute;

	left: 50%;

	overflow: hidden;

	background-color: #fff;

}



.lbLoading {

	background: #fff url(loading.gif) no-repeat center;

}



#lbImage {

	position: absolute;

	left: 0;

	top: 0;

	border: 15px solid #fff;

	background-repeat: no-repeat;

}



#lbPrevLink, #lbNextLink {

	display: block;

	position: absolute;

	top: 0;

	width: 50%;

	outline: none;

}



#lbPrevLink {

	left: 0;

}



#lbPrevLink:hover {

	background: transparent url(prevlabel.gif) no-repeat 0% 15%;

}



#lbNextLink {

	right: 0;

}



#lbNextLink:hover {

	background: transparent url(nextlabel.gif) no-repeat 100% 15%;

}



#lbBottom {

	font-family: Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif;

	font-size: 10px;

	color: #990000;

	line-height: 1.4em;

	font-weight:normal;

	text-align: left;

	border: 15px solid #fff;

	border-top-style: none;

	padding-top: 0px;

}



#lbCloseLink {

	display: block;

	float: right;

	width: 66px;

	height: 22px;

	background: transparent url(closelabel.gif) no-repeat center;

	margin: 5px 0;

}



#lbCaption, #lbNumber {

	margin-right: 71px;

}



#lbCaption {

	font-weight: bold;

}