/*===== CSS 4 keha Sport.de ====*/

body {
	margin:0; padding:0;
	background: #4b4b4b url(../img/main-bg.gif) top right no-repeat;
	text-align:center;
	color: white;
	font: normal 12px/18px  Arial, Verdana, sans;
}

#mainframe table { font: normal 12px/18px Arial, Helvetica, sans-serif; }

#wrapper { width:990px; margin:  0 auto;   }

#header { height:138px; text-align:left; clear: both; overflow: hidden; }

#header #logo { float: left; }
#header #rightnavi{ float: right; margin: 105px  50px 0; }
#header #rightnavi a { color: #CECECE !important; }

#header #search { float:left;  padding-top:85px; margin-left:80px;}
#header #search input { border: none; }

#header #logo img { margin-left:50px;}


#mainnavi { height:50px; background: #9b0000;}
#headerpic{ height:157px; clear:both; background: url(../img/headerpic-1.jpg);  }

#breadcrumb{ height: 15px; background: black; padding:5px 20px; font-size:10px; color:white; }
#breadcrumb a{ font-size:10px; color: #a5a5a5; }

#main {    }
#main .csc-textpic-image { margin-bottom:5px; } /* abstand zwischen bildern bei text/w. image */

#logobar { height:116px; background: black url(../img/logobar.gif) center  no-repeat; }
#footer { height: 50px;  }

#content { overflow: hidden; background: white; color: #4b4b4b; clear: both; text-align:left; width:990px; }

#main {
  width: 790px; float:left; overflow: hidden; background: white;
}
#mainframe { padding:20px; overflow:hidden;   }

#left {
  width:200px; float:left; background: #ffae13 url(../img/left-bg.jpg) top left no-repeat;
}


/* ===== MAINNAVI ===== */

#navi ul { margin:0; padding:0; list-style-type:none;}
#navi li { margin:0; padding:0; display: block; padding:7px;  }
#navi ul li ul li { padding-left: 10px; }
#navi ul li.active { display: block; background: #CC0000;  }
#navi li a { display:block;  }
#navi li a:hover { background:#FFFFFF;}

/* ===== MAINNAVI ende ==== */

/* ===== LEFTNAVI ===== */

#left ul { margin:10px 5px 5px 5px; padding:0; list-style-type:none;}
#left li { margin:0; display: block; padding:2px 0 6px 6px;  }
#left ul li ul li { padding-left: 10px; }
#left li a { display:block; color:black; padding:3px; border-bottom: 1px dotted #999999; }
#left li a.active { display:block; color: #FFA611; padding:3px; border-bottom: 1px dotted #999999; background: black; }

#left li a:hover { background:#FFA611; color: black; }

/* ===== LEFTNAVI ende ==== */

#rightnavi ul{ margin:0; padding:0; list-style-type:none; }


/* ===== FOOTERNAVI ==== */

#footer { padding-top:10px;}
#footernavi { float:right; }
#footer ul { margin:0; padding:0; list-style-type:none; text-align:right; }
#footer li { float:left;}
#footer a { font-size:10px; color: #a5a5a5; float: left; padding: 0 5px ; border-right: 1px solid white; }

/* ===== FOOTERNAVI ende ==== */

a { color: #0033CC; text-decoration:none; }


h1 { font: normal 28px Arial, Helvetica, sans-serif; color: black; margin:10px 0 ; padding:0; }
h2 { font: normal 18px Arial, Helvetica, sans-serif; color: black; margin:5px 0 ; padding:0; }

h3 { font: bold 16px Arial, Helvetica, sans-serif; color: black; margin:0 ; padding:0; }
h4 { font: bold 14px Arial, Helvetica, sans-serif; color: black; margin:0 ; padding:0; }


/* ===== BIKES Extension ==== */

/* ===== LIST  ==== */
.listprice {
	color: #9b0000;
	font: bold 16px Arial, Helvetica, sans-serif;
}

table.bikeslist th {
	height:44px;
	background: url(../img/list-table-th.jpg) bottom repeat-x;

	text-align:left;
	color: #ffad12;
	font-weight: bold;
}

table.bikeslist td {
	border-bottom: 2px solid #999999;
	padding-top:10px;
}

/* ===== SINGLE  ==== */

#single-header {
 	background: url(../img/detail-h1.jpg)  center no-repeat;
	height:58px;
	margin-bottom: 20px;

}

#single-bikes h2 {
	margin:0; padding: 20px 0 0 20px;
	float: left;
}

#single-bikes h2 img {
float:left; margin-top:3px; margin-right:5px;
}

.single-price {
	float:right;
	color: #9b0000;
	font: bold 16px Arial, Helvetica, sans-serif;
	padding: 20px 20px 0 0px;
}

.single-images { float: left; width:310px; }
.single-desc { float: left; width:380px; }
.single-image-small { float:left; width: 100px; border:1px dotted #CCCCCC; }

.single-table td { 
	text-align:left; /* background: url(../img/detail-table-right.jpg) bottom left no-repeat; */ color: black; padding:8px; 
	border-bottom:1px dotted #FFA611;
}

.single-table td.theader { 
	text-align:right; background: url(../img/detail-table-left.jpg) bottom right no-repeat; padding:8px;
	font-weight: bold;
}

.specialprice-old {
	font-size: 11px;
	text-decoration: line-through;
}

/* ===== FOMRS ==== */
input, textarea { border: 1px solid #CCCCCC; background: #fffaf4;  padding:5px; }
input:focus, textarea:focus { background: #feedd7; }
.formbutton { border: none; padding:10px; color: #f49b17; font-weight:bold; background: url(../img/list-table-th.jpg) repeat-x center bottom; }


/* ===== ALERTS  ==== */

.box.green {
	background-color: #B6EFB3;
	padding: 7px;
	border: 1px solid #648F62;
}
.box.red {
	border: 1px solid #9B0000;
	padding: 7px;
	background-color: #EFC2C2;
}

a:link, a:visited { color: #383838; font-weight: bold; }
a:hover { color: black; }

.hidden{ display:none; }