@charset "iso-8859-1";
/* ------ AUTHOR -----------------------------------------

Chergo Zelfo ~ newMediaDesign ~ www.zelfo.com
for Sim Racing Equipment >> www.sim-racing-equipment.de

--------- UPDATE INFO -----------------------------------
  
Revision number: 1.0  */



/* specific tags */

* {
  margin: 0;
  padding: 0;
  }

body { 
  font: 0.7em/13pt Verdana, Arial, Helvetica, sans-serif;
  color: #d4d4d4;
	background: #797979 url(images/bg.jpg) repeat-x;
  }

li {
  list-style: none;
	}

img {
  border: 0;
	}

#outer {
	margin: 0 auto;
  width: 1002px;
	}

#container {
  width: 782px;
  float:left;
  background: url(images/bg-outer-shadow.jpg) repeat-y -1px 0;
  }


#header {
  background: url(images/header.jpg) no-repeat;
  height: 131px;
  }
#header h1 {
  visibility: hidden;
  }

#logo {
  float: right;
	margin-right: 20px;
	}

#nav-0 {
  margin: 90px 0 0 21px;
  }
#nav-0 ul {
  }
#nav-0 li {
  display: inline;
  }
#nav-0 li.last {
  padding: 0;
  }
#nav-0 li a {
	text-decoration: none;
	color: #919191;
	font-size: 0.8em;
	font-weight: bold;
	padding: 0 8px 6px 8px;
	text-transform: uppercase;
  }
#nav-0 li a:hover {
  color: #DDDDDD;
	border-bottom: #ff6c00 2px solid;
  }
#nav-0 li a#current {
  color: #DDDDDD;
	border-bottom: #ff6c00 2px solid;
  }

#nav-0 h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  padding-top: 6px;
  color: #565E65;
	}

#wrapper {
  float: left;
  width: 100%;
  background: url(images/bg-content.jpg) no-repeat;
  }

#content {
  margin: 15px 16px 0 17px;
	min-height: 400px;
  }
#content h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.3em;
  margin-bottom: 1.5em;
  }
#content h2 {
  font-size: 1em;
  margin-bottom: 1.5em;
  }
#content h3 {
  font-size: 1.1em;
  margin: 1.5em 0;
  }

#content p {
  padding-bottom: 1.5em;
	}

#content ul {
	margin: 0 11px 1.5em 21px;
  }
#content ul li {
	margin: 0 11px 1em 21px;
	list-style-image: url(images/icon_arrow_s_r.gif);
  }
#content a {
 	color: #ff6c00;
	background: url(images/icon_arrow_s_r.gif) no-repeat center left;
	padding-left: 8px;
	text-decoration: none;
  }
#content a.img {
	background: none;
	padding-left: 3px;
	text-decoration: none;
  }
#content a.pdf {
  padding: 5px 0 5px 25px;
	background: url(images/icon_pdf.gif) no-repeat 0 center;
	}
#content a.email {
  padding: 5px 0 5px 25px;
	background: url(images/icon_email.gif) no-repeat 0 center;
	}
#content a.anker {
 	color: #000000;
	background: none;
	padding: 0;
	margin: 0;
  }


#adbox {
	width: 220px;
	min-height: 300px;
	margin: 0 0 20px 770px;
	padding-top: 131px;
	}

#adbox.standard {
	background: url(images/header-partner.jpg) no-repeat;
	}

#adbox.sponsors {
	background: url(images/header-sponsoren.jpg) no-repeat;
	}




#news-teaser {
  float: left;
  width: 535px;
	height: 328px;
	background: url(images/news-teaser.jpg) no-repeat;
	}
#news-teaser h3 {
  position: relative;
	top: 247px;
	left: 11px;
	color: #ff6c00;
	font-weight: bold;
	}
#news-teaser p {
  position: relative;
	top: 255px;
	margin-left: 11px;
	}
#news-teaser a {
  position: relative;
	background: none;
	top: 247px;
	left: 6px;
	color: #ff6c00;
	font-weight: bold;
	}

#prod-box {
  background: url(images/prod-box.jpg) no-repeat 0 0;
	float: left;
	width: 249px;
	height: 280px;
	margin-bottom: 8px;
  }
#prod-box h2 {
  background: url(images/box-header.jpg) no-repeat center left;
	height: 26px;
	color: #000000;
	font-weight: normal;
	margin: 4px 4px 8px 4px;
	padding: 0 0 0 11px;
	}
#prod-box p {
	margin-left: 11px;
  }
#prod-box img {
  margin: 0 0 0 3px;
	}
#prod-box object {
  margin: 0 0 0 3px;
  }


#box-left {
  float: left;
  width: 535px;
	margin-top: 4px;
  background: url(images/bg-box-left.jpg) repeat-y bottom left;
	}
#box-left h2 {
  background: url(images/box-header.jpg) no-repeat top left;
	height: 26px;
	color: #000000;
	font-weight: normal;
	margin: 0 4px 8px 4px;
	padding: 0 0 0 11px;
	}
#box-left h3 {
  padding-left: 21px;
	clear: both;
	}
#box-left p {
	padding: 0 21px 10px 21px;
	}
#box-left p.last {
  background: url(images/bg-box-left-footer.jpg) no-repeat bottom left;
	}
#box-left object,
#box-left img.left {
  float: left;
	width: 222px;
	height: 176px;
	border: #BBBBBB 2px double;
	margin: 0 10px 10px 0;
	}

#box-left object,
#box-left img.right {
  float: right;
	width: 222px;
	height: 176px;
	border: #BBBBBB 2px double;
	margin: 0 10px 10px 0;
	}


#box-right,
#box-right-news {
  background: url(images/bg-box-right.jpg) repeat-y bottom left;
	float: right;
	width: 211px;
	margin: 4px 3px 0 0;
  }
#box-right h2,
#box-right-news h2 {
  background: url(images/box-header.jpg) no-repeat center left;
	height: 26px;
	color: #000000;
	font-weight: normal;
	margin: 0 4px 8px 4px;
	padding: 0 0 0 11px;
	}
#box-right-news {
	min-height: 321px;
  }
#box-right-news h2 {
  background: url(images/box-header-o.jpg) no-repeat center left;
	}
#box-right p,
#box-right-news p {
	padding: 0 11px 5px 11px;
  }
#box-right p.last,
#box-right-news p.last {
  background: url(images/bg-box-right-footer.jpg) no-repeat bottom left;
	padding-bottom: 10px;
	}
#box-right a img,
#box-right-news a img {
  border: #BBBBBB 1px solid;
	margin-bottom: 10px;
	}
#box-right a img.noborder,
#box-right-news a img.noborder {
  border: 0;
	}
#box-right a.image,
#box-right-news a.image {
  background:none;
	padding: 0 0 0 14px;
	}



#footer {
  clear: both;
  width: 100%;
	background: url(images/footer.jpg) bottom left;
	padding: 10px 0 10px 0;
  }
#footer p {
  font-size: 0.9em;
	color: #919191;
	margin: 0 20px 10px 20px;
	text-align: center;
  }
#footer a {
 	color: #ff6c00;
	background: url(images/icon_arrow_s_r.gif) no-repeat center left;
	padding-left: 8px;
	text-decoration: none;
  }




/*  Forms */
form img {
  vertical-align: top;
	}
legend {
  display: none;
	}
input {
  margin: 5px 0 10px 10px;
	}
textarea {
  margin: 5px 0 0 10px;
	}
fieldset {
  border: 0;
	}
input[type=text],
textarea {
  padding: 2px;
  border:1px solid #CCCCCC;
	padding-left:.3em;
	width:80%;
	min-width: 10em;
	max-width:30em;
	}
textarea {line-height:1.4}
.error {
  background:#FFE8E2
	}
#fehlermeldung {
  border:2px solid #c00;
	padding:5px;
	width:28em;
	background:#fcc;
	margin: .5em 0 1em 20px;
	} 
#fehlermeldung img {
  vertical-align:baseline
	}
textarea.error:focus,
textarea.error:active {
  background:#fff!important;
	}