/* Styles for screen media */

/*
--------------------------------------------------------------------------------

morphay.de Style Sheet

Author:   morphay, www.morphay.de

Version:  2010.03



www.cae-racing.de



-------------------------------------------------------------------------------- */


html, body, div, p, td {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #333; 
	cursor: default;
}

body {
	padding: 0; 
	margin: 0; 
	background: #fff url(../images/bodybg.gif) repeat-y center top; 
}



/* 
LINKS -------------------------------------------------------------------------- */


a:link, a:active, a:visited {
	color: #225cae; 
	text-decoration: none; 
}
a:hover {
	color: #000; 
	text-decoration: none; 
}

a img {
	border-width: 0; 
	border-style: none; 
	background: none;
}

a.none:link, a.none:active, a.none:visited { 
	background: none; 
	color: #333; 
	text-decoration: none; 
	border: none; 
}

a.none:hover { 
	background: none; 
	color: #000; 
	text-decoration: none; 
	border: none; 
}



/* 
COMMON ------------------------------------------------------------------------- */


h1 { 
	display: none;
}

.upper { 
	text-transform: uppercase; 
}

.upperno { 
	text-transform: none; 
}

.small {
  font-size: 10px; 
}

.bigger {
  font-size: 16px; 
  font-family: Georgia, Times, "Times New Roman", serif; 
}

.center {
  text-align: center; 
}

.right {
  text-align: right; 
}

.important { 
	font-weight: bold; 
	color: #c92e00; 
	text-transform: uppercase; 
}

.leftimg { 
	float: left; 
	margin: 0 10px 20px 0; 
}

.leftimg2 { 
	float: left; 
	margin: .6em 10px 0 0; 
	padding: 5px; 
	border: 1px solid #7b7673; 
}

.leftimg3 { 
	float: left; 
	margin: .5em 10px 1.5em 0; 
	padding: 5px; 
	border: 1px solid #7b7673; 
}

.leftimg4 { 
	float: left; 
	margin: 0 10px .5em 0; 
	padding: 5px; 
	border: 1px solid #7b7673; 
}

.rightimg { 
	float: right; 
}

.rightimg2 { 
	float: right; 
	margin: -15px 0 0 15px; 
}

.rightimg3 { 
	float: right; 
	margin: .5em 0 0 10px; 
	padding: 5px; 
	border: 1px solid #7b7673; 
}

.nocurs {
  cursor: default; 
}

form { 
  margin: 0; 
  padding: 0; 
}

label { 
  cursor: pointer; 
}

table {
  width: 100%; 
  border-collapse: collapse; 
  border: none; 
  margin: .5em 0; 
}

td {
  vertical-align: top; 
  border-bottom: 1px solid #ccc; 
}

.divider { 
  margin: 25px 0; 
  background: #fff; 
  border-bottom: 1px solid #999; 
  width: 100%; 
  height: 1px; 
  overflow: hidden;
}

.divider2 { 
  margin: 15px 0 5px 0; 
  background: #fff; 
  border-bottom: 1px solid #ddd; 
  width: 100%; 
  height: 1px; 
  overflow: hidden;
}

.divider3 {
  margin: 0; 
  padding: 0; 
  border-bottom: 1px solid #ccc; 
  width: 100%; 
}


#container { 
	width: 950px; 
	position: relative; 
	margin: 0 auto; 
	background: #f0f0f0 url(../images/containerbg.gif) repeat-x left top; 
}



/*
HEAD AND NAVIGATION ------------------------------------------------------------ */


#head {
	height: auto; 
	background: transparent url(../images/headerbg.gif) no-repeat 30px top; 
	padding: 0 0 0 30px;
	margin: 0; 
}

#head .logo { 
	width: 360px;	
	height: 140px; 
	overflow: hidden; 
	display: block; 
	position: relative; 
}

#head .logo h1 { 
	display: block; 
	position: relative; 
	color: #025cb8; 
	font-weight: bold; 
	text-transform: uppercase; 
	font: 40px Arial, Helvetica, sans-serif; 
	padding: 23px 0 0 7px; 
	margin: 0; 
}

* html #head .logo h1 { 
	padding: 23px 0 0 0; 
	margin: 0; 
}

#head .logo p { 
	font-weight: bold; 
	text-transform: uppercase; 
	font: 14px Arial, Helvetica, sans-serif; 
	padding: 0 0 0 12px; 
	margin: 0; 
}

#head .logo a:hover { 
	color: #7b7673; 
}

#head .logo span { 
	background: transparent url(../images/logo.gif) no-repeat left top; 
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 360px;	
	height: 140px; 
	display: block; 
}

#head .langnav { 
	position: absolute; 
	width: 97%; 
	text-align: right; 
	top: 17px; 
  font-size: 10px; 
	margin: 0; 
	padding: 0; 
	clear: both; 
}

#head .langnav ul { 
	margin: 0; 
	padding: 0; 
}

#head .langnav ul, #head .langnav ul li { 
	display: inline; 
}

#head .langnav ul li { 
	font-size: 10px; 
	color: #999; 
	margin: 0 5px 0 0; 
	text-transform: uppercase; 
}

#head .infonav { 
	position: absolute; 
	width: 98%; 
	text-align: right; 
	left: 20px; 
	top: 73px; 
  font-size: 11px; 
	margin: 0; 
	padding: 0; 
	clear: both; 
}

#head .infonav ul { 
	margin: 0; 
	padding: 0; 
}

#head .infonav ul, #head .infonav ul li { 
	display: inline; 
	line-height: 40px;
}

#head .infonav ul li a.active { 
	color: #000; 
	cursor: default; 
}

#head .infonav ul li { 
	font-size: 11px; 
	margin: 0 20px 0 0; 
	text-transform: uppercase; 
}

#navbar {
  width: 100%; 
  height: 30px; 
  background: transparent; 
  clear: both; 
}

.navi { 
  height: auto; 
  width: 100%; 
  background: transparent; 
  position: absolute; 
  font-size: 12px; 
  margin-bottom: 18px;
}

.navi .menu { 
  margin: 0; 
  padding: 0; 
  list-style: none; 
  white-space: nowrap;
}

.navi li { 
  float: left; 
  background: #225cae url(../images/navbgon.gif);
}

.navi .menu li a { 
  display: block; 
  height: 28px; 
  float: left; 
  background: url(../images/navbgoff.gif); 
  padding: 0 0 0 15px; 
  text-decoration: none; 
  line-height: 25px; 
  white-space: nowrap; 
  color: #fff;
}

.navi .menu li a.active { 
  display: block; 
  height: 28px; 
  float: left; 
  background: url(../images/navbgon.gif); 
  padding: 0 0 0 15px; 
  text-decoration: none; 
  line-height: 25px; 
  white-space: nowrap; 
  color: #fff;
}

.navi .menu li a b { 
  display: block; 
  padding: 0 25px 10px 10px; 
  background: url(../images/navbgoff.gif) right top;
}

.navi .menu li a.active b { 
  display: block; 
  padding: 0 25px 9px 10px; 
  line-height: 27px; 
  background: url(../images/navbgon.gif) right top; 
  cursor: default; 
}

.navi .menu li:hover a, .navi .menu li a:hover { 
  background: url(../images/navbgon.gif); 
  padding: 0 0 0 15px; 
  line-height: 27px; 
  color: #fff;
}

.navi .menu li:hover a b, .navi .menu li a:hover b { 
  display: block; 
  padding: 0 25px 9px 10px; 
  background: url(../images/navbgon.gif) right top; 
}

#path { 
  clear: both; 
}

#path p { 
  font-size: 10px; 
  color: #666; 
}

#head #submenu { 
  width: 885px; 
  height: auto; 
  background: #39f; 
	padding: 0 0 0 25px; 
	margin: 0; 
	position: relative; 
	float: left; 
}

* html #head #submenu { 
	margin: -8px 0 0 0; 
}

#head #submenu li { 
	display: inline; 
	font-size: 11px; 
	line-height: 26px; 
	background: #39f; 
	color: #000; 
	margin-right: 15px; 
	text-transform: uppercase; 
	font-weight: normal; 
}

#head #submenu li a { 
	font-size: 11px; 
	color: #000; 
}

#head #submenu li a:hover { 
	color: #fff; 
}

#head #submenu li a.active { 
	color: #fff; 
	font-weight: bold; 
	cursor: default; 
}

#head #subsubmenu { 
  width: 885px; 
  height: auto; 
  background: #bbb; 
  text-align: right; 
	padding: 0 0 0 25px; 
	margin: 0; 
	position: relative; 
	float: left; 
	border-top: 1px solid #fff; 
}

#tuning #head #subsubmenu { 
  text-align: left; 
}

#head #subsubmenu li { 
	display: inline; 
	font-size: 10px; 
	line-height: 20px; 
	background: #bbb; 
	color: #000; 
	margin-right: 25px; 
	text-transform: uppercase; 
	font-weight: normal; 
}

#head #subsubmenu li a { 
	font-size: 10px; 
	color: #000; 
}

#head #subsubmenu li a:hover { 
	color: #fff; 
}

#head #subsubmenu li a.active { 
	color: #fff; 
	font-weight: bold; 
	cursor: default; 
}

#head #banner { 
	position: relative; 
	float: left; 
	width: 898px; 
	height: 132px; 
	background: #025cb8 url(../images/headerblue.jpg) no-repeat top; 
	margin: 0; 
}

#tuning #head #banner { 
	background: #025cb8 url(../images/headerorange.jpg) no-repeat top; 
}

#racing #head #banner { 
	background: #025cb8 url(../images/headergrey.jpg) no-repeat top; 
}



/*
MAINCONTENT -------------------------------------------------------------------- */


#content { 
	width: 100%; 
	padding-top: 9px; 
	position: relative; 
	float: left; 
	background: #f0f0f0;
}

#content a:hover {
  text-decoration: underline; 
}

#content a.none:hover {
  text-decoration: underline; 
}

#content .main { 
	float: left; 
	width: 540px; 
	padding: 10px 0 10px 30px; 
	position: relative; 
}

#content .main h2, #content #cash h2 { 
	font-size: 17px; 
	font-weight: bold; 
	margin: 8px 0; 
	padding: 0; 
	clear: both; 
}

#content .main h2.space { 
	margin: 25px 0 0 0; 
}

#content .main h3 { 
	font-size: 12px; 
	font-weight: bold; 
	margin: 1.5em 0 0 0; 
	padding: 0; 
}

#content .main h4 { 
	font-size: 12px; 
	text-transform: uppercase; 
	margin: .5em 0; 
	padding: 0; 
}

#content .main h5 { 
	font-size: 17px; 
	font-weight: bold; 
	margin: 0 0 25px 0; 
	padding: 0; 
	clear: both; 
}

#content .main p { 
	margin: 0; 
	line-height: 130%; 
	padding: .9em 0 0 0; 
}

.basket { 
  border-top: 1px solid #ccc; 
  border-bottom: 1px solid #ccc; 
  background: #fff;
  margin: 1.5em 0 1.5em 0; 
  padding: 10px 5px 10px 15px; 
  float: left; 
  width: 245px; 
}

.basket form p, .basket select, .basket input { 
  font-size: 11px; 
}

#ssk .basket { 
  float: right; 
  margin: 1.1em 0 1.5em 15px; 
}

#content .main p.price { 
	font-size: 12px; 
	font-weight: bold; 
	margin: 0; 
	padding: 0; 
}

#content .main .priceinfo { 
	font-size: 10px; 
	font-weight: normal; 
	font-style: italic; 
	padding: 0; 
}

#content .main p.buy { 
  display: inline; 
	font-size: 11px; 
	text-transform: uppercase; 
	font-weight: bold; 
	margin: .5em 0 .5em 25px; 
	float: right; 
}

#content .main p.right { 
	text-align: right; 
}

#content .main ul li { 
	font-size: 11px; 
  margin: .5em 0 0 1.5em; 
  padding: 0;  
	line-height: 130%; 
}

#content .main ul { 
	margin: 0 0 0 1.5em; 
	padding: 0;
}



/*
RIGHTBAR ----------------------------------------------------------------------- */


#content .rightbar { 
	float: right; 
	width: 320px; 
	padding: 0 10px 10px 15px; 
	position: relative; 
}

#content .rightbar p {
	margin: 0; 
	line-height: 130%; 
	padding: .9em 0 0 0; 
}

#content .rightbar p.nospace {
	margin: 0; 
	line-height: 130%; 
	padding: 0 0 .5em 0; 
}

#content .rightbar p.liner {
  margin: 0; 
  padding: .7em 0 .7em 0; 
  border-bottom: 1px solid #ccc;  
}

#content .rightbar a.none:hover {
  text-decoration: underline; 
}

.icon { 
  width: 100%; 
	margin: 15px 0 25px 0; 
	padding: 0; 
}

.icon img {
	border: 2px solid #fff; 
	margin: 0 2px 2px 0; 
	padding: 0; 
}

.icon a img {
	border: 2px solid #fff; 
	background: none; 
	text-decoration: none; 
}

.icon a:hover img {
	border: 2px solid #225cae; 
	background: none; 
	text-decoration: none; 
}
	
a.ico {
	color: #fff; 
}

a.ico:hover {
	color: #225cae; 
	background: none; 
	text-decoration: none; 
}

#content .rightbar .faqbox, #content .rightbar .box3, #content .rightbar .box2, #content .rightbar .box1 { 
	padding: 0; 
	margin: 0; 
}

#content .rightbar .box3 table { 
  width: 300px; 
}

#content .rightbar .box3 td.left { 
  padding: 0 5px 5px 0; 
}

#content .rightbar .box3 td.right { 
  padding: 0 0 5px 5px; 
}

#content .rightbar .box3 ul { 
  margin-left: 22px; 
  padding-left: 0
}

#content .rightbar .box1 {
	padding: 5px 0 5px 0; 
}

#content .rightbar .box1 select {
	background: #fff; 
	border: 1px solid #777; 
	padding: 3px; 
	margin-bottom: 5px; 
	font: 11px Verdana, Geneva, Arial, sans-serif; 
	color: #000; 
	width: 100%; 
}

#content .rightbar .box1 select.tun {
	background: #fff; 
	border: 1px solid #777; 
	padding: 3px; 
	margin-bottom: 5px; 
	font: 11px Verdana, Geneva, Arial, sans-serif; 
	color: #000; 
	width: 100%; 
}

#content .rightbar h3 { 
	font-size: 17px; 
	font-weight: bold; 
	margin: 18px 0 14px 0; 
	padding: 0; 
	clear: both;  
}

#content .rightbar h4 { 
	font-size: 12px; 
	font-weight: bold; 
	margin: 1.5em 0 0 0; 
	padding: 0; 
}

#content .rightbar h5 { 
	font-size: 16px; 
	font-weight: bold; 
	margin: 2.2em 0 1.5em 0; 
	padding: 0 0 5px 0; 
	color: #7b7673; 
}

#content .rightbar p.price { 
	font-size: 12px; 
	font-weight: bold; 
	margin: 1.5em 0 0 0; 
	padding: 0; 
}

#content .rightbar .priceinfo { 
	font-size: 10px; 
	font-weight: normal; 
	font-style: italic; 
	padding: .5em 0 0 0; 
	width: 95px;
	display: block;
	line-height: 100%; 
}

#content .rightbar p.buy { 
	font-size: 11px; 
	text-transform: uppercase; 
	font-weight: bold; 
	margin: .5em 0 .5em 25px; 
	float: right; 
}

#content .rightbar .box2 p { 
	margin: 3px 3px 13px 3px; 
}

#content #legal { 
	float: right; 
	width: 395px; 
	padding: 77px 0 10px 0; 
	position: relative; 
}

#content #legal h2 { 
	font-size: 16px; 
	font-weight: bold; 
	margin: 6px 0; 
	padding: 0; 
	clear: both; 
}

#content #legal h3 { 
	font-size: 11px; 
	font-weight: bold; 
	margin: 1em 0 0 0; 
	padding: 0; 
}

#content #legal p { 
	font-size: 10px; 
}



/*
FOOTER ------------------------------------------------------------------------- */


#footer { 
	width: 100%; 
	height: 200px; 
	position: relative; 
	margin: 0; 
	padding: 16px 0 0 0; 
	clear: both; 
	background: #777; 
	border-top: 7px solid #fff; 
	border-bottom: 7px solid #fff; 
}

#footerbox { 
	position: relative; 
	float: left; 
	width: 540px;
	margin: 14px 0 0 0; 
	padding: 80px 0 0 30px; 
	text-align: left; 
	background: transparent url(../images/cae.gif) no-repeat 30px top; 
}

#footerbox p, #linkbox p { 
	color: #d0d0d0; 
	margin: 0; 
}

#footerbox a:link, #footerbox a:active, #footerbox a:visited, #linkbox a:link, #linkbox a:active, #linkbox a:visited {
	color: #fff; 
	font-weight: bold;
	text-decoration: none; 
}

#footerbox a:hover, #linkbox a:hover {
	color: #fff; 
	text-decoration: underline; 
}

#footerbox a.none:link, #footerbox a.none:active, #footerbox a.none:visited { 
	color: #999; 
	font-weight: normal;
	text-decoration: none; 
}

#footerbox a.none:hover { 
	color: #d0d0d0; 
	text-decoration: none; 
}

#linkbox { 
	float: right; 
	width: 320px; 
	padding: 15px 10px 0 0; 
	margin: 0; 
	position: relative; 
}

#linkbox p.liner {
  margin: 0; 
  padding: .7em 0 .7em 0; 
}



/*
FORM ELEMENTS ------------------------------------------------------------------ */


#conform { 
	padding: 0; 
	margin: 0; 
	background: none; 
}

#conform p { 
	padding: 0 0 0 0; 
	margin: 0 0 10px 0; 
}

#name, #email, #captcha { 
	background: #fff; 
	padding: 9px 5px; 
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000; 
	width: 300px; 
	margin: 1px 0; 
	border: 1px solid #7b7673; 
}

#captcha { 
	width: 100px; 
}

#subject { 
	background: #fff; 
	padding: 9px 5px; 
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000; 
	width: 500px; 
	margin: 1px 0; 
	border: 1px solid #7b7673; 
}

#message { 
	background: #fff; 
	padding: 9px 5px; 
	color: #000; 
	width: 500px; 
	margin: 1px 0; 
	border: 1px solid #7b7673; 
}

#name:focus, #email:focus, #subject:focus, #message:focus { 
	border: 1px solid #c92e00; 
}

#submitbtn { 
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	text-transform: uppercase; 
	color: #000; 
}

#resetbtn, #printbtn { 
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	text-transform: uppercase; 
	color: #000; 
}