@charset "UTF-8";
body {
font-family:Arial, Helvetica, sans-serif;
color:#222222;
font-size:12px;
line-height:18px;
background-color:#c6d6e3;
background-image:url(../img/bg-body.jpg);
background-repeat:repeat-x;
margin:0;
text-align:center;
}
a:link, a:visited{
color:#000;
text-decoration: underline;
}
a:hover, a:active{
text-decoration: none;
color:#24509b;
}
h1 {
font-family:"Trebuchet MS", "News Gothic MT", Arial, Verdana;
font-size:16px;
color:#24509b;
border-bottom:1px solid #24509b;
margin:15px 0 0 0;
}
h2 {
font-family:"Trebuchet MS", "News Gothic MT", Arial, Verdana;
font-size:16px;
color:#24509b;
margin:15px 0 15px 0;
}
h3 {
font-family:"Trebuchet MS", "News Gothic MT", Arial, Verdana;
font-size:12px;
color:#666;
margin:0;
padding:2px;
background-color:#EDEDED;
}
hr{
color:#F7F7F7;
border:0;
border-top:1px solid #DDD;
height:10px;
background-image:url(../img/bg-hr.jpg);
background-repeat:repeat-x;
margin:0 0 10px 0;
}
.clearLeft { clear:left; }
.clearRight { clear:right; }
#page {
text-align:left;
width:930px;
margin:0 auto;
background-color:#c6d6e3;
background-image:url(../img/bg-page.jpg);
background-repeat:no-repeat;
}
/* ////////// header ////////// */
#header {
width:900px;
height:165px;
margin:0 auto;
background-color:#24509b;
}
#title{
display:none;
}
#flashcontent {
width:450px;
height:165px;
float:left;
background-color:#24509b;
}
#headerRight {
width:450px;
float:left;
height:165px;
}

/* ////////// topNav ////////// */
#topNavBox {
width:900px;
height:30px;
padding:0;
margin:0 auto;
background-color:#000;
background-image:url(../img/bg-topnav.jpg);
background-repeat:repeat-x;
background-position:top left;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}
#topNav {
padding:8px 0;
margin:0;
border-left:1px solid #d5ba82;
}
#topNav ul {
margin:0;
padding:0;
}
#topNav li {
display:inline;
margin:0;
padding:0;
}
#topNav a:link, #topNav a:visited {
padding:8px 8px 8px 6px;
color: #efefef;
text-decoration: none;
font-size:12px;
line-height:normal;
font-weight:bold;
background-image:url(../img/bg-topnav-off.jpg);
background-repeat:repeat-x;
background-position:top right;
}
#topNav a:hover {
color: #fff;
background-image:url(../img/bg-topnav-over.jpg);
}
#topNav a#current {
color: #fff;
background-image:url(../img/bg-topnav-on.jpg);
}
#topNavRight {
float:right;
text-align:right;
}
#search-area {
margin:0;
padding-top:6px;
}
#search-area form{
margin:0;
padding:0;
float:left;
}
#searchbox {
text-align:left;
margin:0;
width:108px;
height:19px;
background: url(../img/search-box.jpg);
background-repeat:no-repeat;
float:left;
}
#search-bar {
height:15px;
width:82px;
background:none;
border:none;
margin: 2px 0 0 22px;
padding:0;
font-size:11px;
line-height:normal;
}
#go {
width:20px;
float:left;
}
#topNavRight a:link img, #topNavRight a:visited img {
opacity: .85;
filter: alpha(opacity=85);
}
#topNavRight a:hover img {
opacity: 1;
filter: alpha(opacity=100);
}
/* ////////// content ////////// */
#content {
width:838px;
margin:0 auto;
padding:10px 10px 20px 50px;
background-color:#fff;
background-image:url(../img/bg-rechts.gif);
background-position:right;
background-repeat:repeat-y;
border:1px solid #000;
}
#contentBgLeft {
width:888px;
margin:0 auto;
padding:10px 10px 20px 0px;
background-color:#fff;
background-image:url(../img/bg-links.gif);
background-position:left;
background-repeat:repeat-y;
border:1px solid #000;
}
#datum {
font-size:10px;
line-height:normal;
font-weight:bold;
color:#888;
text-align:right;
}
#marken {
width:600px;
}
#marken img {
margin-bottom:10px;
border:0;
}
.markenImgMitte {
margin-left:72px;
margin-right:72px;
}
#katalog {
width:600px;
}
#katalog .seiten{
width:143px;
float:left;
padding:10px 7px 10px 0;
}
#katalog .getAcrobat{
width:425px;
float:left;
padding:10px 0 10px 20px;
}
#katalog img {
margin:0 0 5px 0;
border-left:1px solid #eaeaea;
border-top:1px solid #eaeaea;
border-right:2px solid #B6B6B6;
border-bottom:2px solid #B6B6B6;
}
#katalog .pdf{
border:0;
}
#katalog a:link, #katalog a:visited {
font-size:11px;
color:#000;
text-decoration: underline;
} 
#katalog a:hover, #katalog a:active {
font-size:11px;
color:#24509b;
text-decoration: none;
}
#contenLinkeSpalte{
width:300px;
float:left;
}
#contenRechteSpalte{
width:250px;
float:left;
}
.wochentage{
width:50px;
float:left;
}
#contentLeft {
width:600px;
float:left;
margin:0;
padding:0;
font-size:12px;
line-height:18px;
height: auto !important; /* for modern browsers */
height: 300px; /* for IE5.x and IE6 */
min-height: 300px; /* for modern browsers */
}
#contentLeftLaden {
width:600px;
margin:0 0 5px 0;
padding:0;
}
.bezeichnung{
font-size:11px;
text-align:right;
}
#contentLeftLaden .imgMitte {
border-left:6px solid #FFF;
border-right:6px solid #FFF;
}
#contentLeftNav {
width:204px;
float:left;
margin:54px 0 0 0;
padding:0 50px 0 0 ;
font-size:12px;
line-height:normal;
}
/* ////////// Subnavigation ////////// */
ul#subNavigation {
list-style: none;
margin:0;
padding:0;
border: none;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}
ul#subNavigation li {
border-bottom: 1px solid #fff;
margin:0;
}
ul#subNavigation li a{
display: block;
padding: 5px 3px 4px 10px;
background-color:#D9D9D9;
color: #24509b;
text-decoration: none;
border-left: 5px solid #24509b;/*border-top: 1px solid #fff;
border-bottom: 1px solid #fff;*/
}
ul#subNavigation li a:hover{
color: #fff;
border-left: 5px solid #00A5EA;
background-color:#24509b;
}
ul#subNavigation li a#subCurrent {
color: #fff;
border-left: 5px solid #000;
padding: 5px 3px 4px 10px;
background-color:#002C6B;
background-image:url(../img/bg-subnav-on.gif);
background-repeat:repeat-x;
}
#contentRight  {
width:175px;
float:left;
margin:0 0 0 60px;
padding:0;
font-size:12px;
line-height:18px;
}
#contentRight h3 {
font-family:"Trebuchet MS", "News Gothic MT", Arial, Verdana;
font-size:13px;
color:#333;
border-bottom:1px solid #999;
margin:22px 0 0 0;
text-align:center;
background:none;
}
.zweiZeilen {
margin:4px 0 0 0!important;
}
#logos {
text-align:center;
}
#logos img {
margin:12px 0 0 0;
}

/* ////////// footer ////////// */
#footer {
width:900px;
padding:9px 0;
margin:0 auto;
border-top:1px solid #fff;
border-bottom:5px solid #fbba00;
background-color:#000;
background-image:url(../img/bg-footer.jpg);
background-repeat:repeat-x;
background-position:top left;
font-size:11px;
line-height:normal;
font-weight:bold;
color:#eee;
text-align:center;
}
#footer a:link, #footer a:visited {
color:#eee;
text-decoration:none;
}
#footer a:hover, #footer a:active {
text-decoration:underline;
color:#fff;
}
#footerShadow {
width:900px;
margin:0 auto;
height:15px;
background-color:#c6d6e3;
background-image:url(../img/bg-footer-shadow.jpg);
background-repeat:no-repeat;
}
#sign4u {
text-align:center;
font-size:9px;
color: #999;
}
#sign4u a:link, #sign4u a:visited {
color: #999;
font-size:9px;
text-decoration: none;
}
#sign4u a:hover, #sign4u a:active {
text-decoration: underline;
}
/* ////////// Newsletter-Abo ////////// */
#newsletter {
width:260px;
margin:20px 0 50px 0;
border-left:170px solid #FFF;
}
#newsletter form{
margin:0;
}
/*
#newsletter input[type=radio] {
padding-top:6px;
}
*/
#newsletter .box{
width:246px;
border: 1px solid #ccc;
padding: 2px;
margin-bottom:2px;
}	    
.feldlinks {
font-size: 12px;
background-color: #F2FAFF;
width: 240px;
border: 1px solid #ccc;
padding: 5px;
color:#24509b;
font-weight:bold;
margin-bottom:2px;
}  
#katalogTitel{
width:230px;
height:295px;
margin-top:22px;
float:left;
background-color:#FFF;
background-image:url(http://www.3w-motosport.ch/3W-Motosport/katalog/bg-katalog.jpg);
background-repeat:no-repeat;
}
#gutschein {
border:1px solid #003EA4;
padding:3px;
background: #D4EBFF;
margin-left:230px;
text-align:center;
letter-spacing:1px;
color:#003EA4;
font-weight:bold;
}
#katalogBestellen{
width:600px;
}

#katalogBestellen fieldset {
padding:15px;
margin:0;
font-size:12px;
color:#000;
border:1px solid #24509b;
background-color:#fff;
}
#katalogBestellen legend {
margin:0;
padding:2px 5px;
font-family:"Trebuchet MS", "News Gothic MT", Arial, Verdana;
font-size:14px;
letter-spacing:normal;
font-weight:bold;
color:#24509b;
}
#katalogBestellen form{
margin:0;
padding:0;
}
#katalogBestellen label { 
width: 75px;
float:left;
margin: 2px 0 0 0;
padding:2px 0;
}
#katalogBestellen input {
width: 196px;
float:left;
margin: 2px 5px 0 0;
padding:2px 2px;
border:1px solid #ccc;
background-color:#F8F8F8;
color:#222;
font-size:12px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
}
#katalogBestellen select { 
width: 202px;
margin: 2px 0 0 0;
padding:2px 0;
border:1px solid #ccc;
background-color:#fff;
color:#222;
font-size:12px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
}
#katalogBestellen input[type=checkbox] {
width: auto;
background-color:#fff;
border:0;
}
#katalogBestellen input[type=submit] {
width: 202px;
float:left;
margin: 2px 5px 0 0;
padding:1px 0;
border:1px solid #24509b;
background-color:#F8F8F8;
color:#000;
font-size:12px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
cursor:pointer;
}
.eignungBestellen, label.eignungBestellen{
width: 180px!important;
}
#katalogBestellen .kennzeichenSDb{
width: 22px!important;
text-align:center;
}
#katalogBestellen .kennzeichenSDz{
width: 36px!important;
text-align:center;
}
#katalogBestellen table td{
line-height:normal;
padding:0 0 10px 0;
}
.meldung{
font-weight:bold;
color:#990000;
line-height:normal;
}
/* /////  Bestellen  ///// */
#bestellen fieldset {
padding:15px;
margin:0;
font-size:12px;
color:#000;
border:1px solid #24509b;
background-color:#fff;
}
#bestellen legend {
padding:2px 5px;
font-family:"Trebuchet MS", "News Gothic MT", Arial, Verdana;
font-size:14px;
letter-spacing:normal;
font-weight:bold;
color:#24509b;
}
#bestellen form{
margin:0;
padding:0;
}
#bestellen label { 
width: 75px;
float:left;
margin: 2px 0 0 0;
padding:2px 0;
}
#bestellen input {
width: 196px;
margin: 2px 5px 0 0;
padding:2px 2px;
border:1px solid #ccc;
background-color:#F8F8F8;
color:#222;
font-size:12px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
}
#bestellen .anzahl{
width: 20px;
text-align:center;
}
#bestellen .artikel{
width: 150px;
text-align:left;
}
#bestellen .bildnummer{
width: 80px;
text-align:right;
}
#bestellen .farbe{
width: 210px;
text-align:left;
}
#bestellen .size{
width: 35px;
text-align:left;
}
#bestellen .preis{
width: 54px;
text-align:right;
}
#bestellen .bemerkung{
width: 196px;
margin: 2px 5px 0 0;
padding:2px 2px;
border:1px solid #ccc;
background-color:#F8F8F8;
color:#222;
font-size:12px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
}
#bestellen .radioCheckbox{
width: auto;
background-color:#FFF;
border:0;
}
#bestellen input[type=submit] {
width: 202px;
margin: 2px 5px 0 0;
padding:2px 0;
border:1px solid #24509b;
background-color:#F8F8F8;
color:#000;
font-size:12px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
cursor:pointer;
}
/* ///// Newsletter ///// */
.input { 
font-size: 12px;
background-color: #F2FAFF;
width: 240px;
border: 1px solid #ccc;
padding: 5px;
color:#24509b;
font-weight:bold;
margin-bottom:2px;
} 
 
.select {
font-size: 12px;
background-color: #F2FAFF;
width: 252px;
border: 1px solid #ccc;
padding: 5px;
color:#24509b;
font-weight:bold;
margin-bottom:2px;
}
.box{
width:246px;
border: 1px solid #ccc;
padding: 2px;
margin-bottom:2px;
background-color: #F2FAFF;
color:#24509b;
font-weight:bold;
} 
/* ///// Fundgrube ///// */
.fundgrubeProdukt{
width:290px;
float:left;
margin-top:15px;
border-right:5px solid #fff;
border-left:5px solid #fff;
line-height:normal;
background-color:#F7F7F7;
font-size:11px;
}
.fundgrubeProdukt p{
margin:0;
}
.fundgrubeProdukt .bestellen{
margin:5px 0 0 0;
text-align:right;
}
.fundgrubeProdukt .bestellen a{
padding-right:5px;
}
.fundgrubeProdukt img{
/*width:90px;*/
float:left;
padding-right:5px;
border:0;
}
.preis {
font-size:13px;
font-weight:bold;
color:#24509b;
}
/*  CSS Table Design
Author: Stanislav Filev
Theme: Stainless Steel: Stenli Style
URL: http://www.stenli.net

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

#downloadTable table {
border: 1px solid #666;
background-color: #FFF;
color: #000;
margin-bottom:15px;
}
 
#downloadTable td, #downloadTable th { padding:3px;}

#downloadTable caption {
text-transform: uppercase;
text-align:left;
font-family:font-family:"Trebuchet MS", "News Gothic MT", Arial, Verdana; 
font-size:14px;
font-weight:bold;
color: #24509b;
margin: 3px 0;
border-bottom:1px dotted #24509b;
padding-left:5px;
}

/* =links
----------------------------------------------- */
#downloadTable img { border: none;}
#downloadTable table a { color:#24509b; text-decoration: none;}
#downloadTable table a:link {color:#24509b; text-decoration: none;}
#downloadTable table a:visited { color: #24509b;}
#downloadTable table a:hover {color:000;}

/* thead tbody tfoot
----------------------------------------------- */

#downloadTable thead th, #downloadTable tfoot th, #downloadTable tfoot td, #downloadTable tbody th, #downloadTable tbody td {
	color: #000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	border-right: 1px solid #aaa; 
	border-top: 1px solid #eee; 
	border-left:1px solid #eee; 
	border-bottom: 1px solid #aaa; 
}

#downloadTable thead th, #downloadTable tfoot th, #downloadTable tfoot td {
background-color: #ECF4FF;
font-weight: bold;
text-align:center;
color: #627E97;
}
#downloadTable tfoot td { text-align:right }
#downloadTable tbody th { white-space: nowrap; font-weight: bold; text-align:left; }


/* Visual and hover effects */
#downloadTable tbody tr:hover td{
background-color: silver;
border-right: 1px solid #eee;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-bottom: 1px solid #eee;
background-color: #FFFFF0;
}

/* ///// Admin ///// */

.eingabebreit {
width: 210px;
margin: 0;
padding:2px 2px;
border:1px solid #ccc;
background-color:#F8F8F8;
color:#222;
font-size:12px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
}

.eingabeschmal {
width: 90px;
margin: 0;
padding:2px 2px;
border:1px solid #ccc;
background-color:#F8F8F8;
color:#222;
font-size:12px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
}

.eingabeschmal70 {
width: 70px;
margin: 0;
padding:2px 2px;
border:1px solid #ccc;
background-color:#F8F8F8;
color:#222;
font-size:12px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
}
.eingabeschmal40 {
width: 55px;
margin: 0;
padding:2px 2px;
border:1px solid #ccc;
background-color:#F8F8F8;
color:#222;
font-size:12px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
}