/********************************/
/* page-defaults                */
/********************************/

body {
  margin: 0;
  padding: 0;
  font-family: "trebuchet ms", verdana, sans-serif;
  font-size: 12px;
  text-align: center; /* centering layers for IE*/
  color: #636363;
  background-color: #02457D;
  letter-spacing: 0.03em;
}

input {
  font-family: "trebuchet ms", verdana, sans-serif;
  font-size: 11px;
  color: #292A29;
}

input.textfield {
    width: 200px;
	border: 1px solid #ccc;
	padding-left: 3px; 
}
input.numberfield {
    width: 40px;
	border: 1px solid #ccc;
	padding-left: 3px; 
}
textarea {
    width: 200px;
    font-family: "trebuchet ms", verdana, sans-serif;
    font-size: 11px;
    color: #292A29;
	border: 1px solid #ccc;
	padding-left: 3px;
}

blockquote {
  margin: 0 0 0 30px;
  padding: 10px 0 0 20px;
  font-size: 88%;
  line-height: 1.5em;
  color: #666;
  background: url("images/quotes.gif") no-repeat top left;
}

blockquote p {
  margin-top: 0;
}

abbr, acronym {
  cursor: help;
  font-style: normal;
  border-bottom: 1px dotted;
}

code {
  color: #f63;
}

hr {
  display: none;
}

img {
  border: none;
}

p {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: bold;
    color: #bC2c39;
    letter-spacing: 0.1em;
    padding-left: 26px;
}
h1, h2 {
    background: transparent url("images/dot1.gif") no-repeat 0 5px;
}
h1 { 
    font-size: 12px;
    padding-bottom: 8px;
}
h2 { 
    font-size: 12px; 
    padding-bottom: 8px;
}
h3 { 
    font-size: 12px; 
    padding-bottom: 8px;
}
.csc-header { padding-right: 26px; }

.error_header {
    font-size: 14px;
    color: #9a0202;
    font-weight: bold;
}
.error {
    color: #9a0202;
    font-weight: bold;
}

/********************************/
/* unordered list style         */
/********************************/

ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: 26px;
}

li {
  list-style: none;
  padding-left: 12px;
  margin-bottom: 5px;
  background: url("images/dot2.gif") no-repeat 0 7px;
}

/********************************/
/* userdefined-Standards        */
/********************************/
#error_header {
    font-size: 14px;
    color: #9a0202;
    font-weight: bold;
}
#error {
    color: #9a0202;
    font-weight: bold;
}
#skip {
  left: -9999px;
  position: absolute;
}
.hidden {display: none;}

/********************************/
/* links                        */
/********************************/
a:link { color: #636363; text-decoration: none; }
a:visited { color: #636363; text-decoration: none; }
a:hover { color: #636363; text-decoration: underline; }
a:active { color: #bC2c39; text-decoration: none; }

.bodytext a:link { color: #bC2c39; text-decoration: none; }
.bodytext a:visited { color: #bC2c39; text-decoration: none; }
.bodytext a:hover { color: #bC2c39; text-decoration: underline; }
.bodytext a:active { color: #bC2c39; text-decoration: none; }

.more {
  background: transparent url("images/more.gif") no-repeat 100% 50%;
  padding-right: 15px;
  white-space: nowrap;
  overflow: hidden;
}
a.more {
    color: #bC2c39;
    font-weight: bold;
}
h1 a:link, h1 a:hover, h1 a:active, h1 a:visited,
h2 a:link, h2 a:hover, h2 a:active, h2 a:visited {
    color: #bC2c39;
}
/********************************/
/* page-layout                  */
/********************************/

#container {
  width: 836px;
  margin: 0 auto; /* centering layers */
  margin-bottom: 10px;
  text-align: left;
  background: url("images/background.gif") repeat-y 0px 3px;
}
.left {
    float: left;
    margin: 0;
    padding: 0;
    width: 150px;
}
.middle {
    float: left;
    margin: 0;
    padding: 0;
    width: 501px;
}
.right {    
    float: left;
    margin: 0;
    padding: 0;
	width: 149px;
}
.spacer {
    float: left;
    margin: 0;
    padding: 0;
	width: 18px;
	height: 1px;
	background-color: #02457D;
}

/********************************/
/* top                          */
/********************************/
#top div.spacer {
    height: 100px;
}
#top #logo {
	margin: 14px 0px 0px 16px;
}
#top #naviTop {
	margin: 0px 0px 0px 16px;
}
#top #naviTop ul {
    position: relative;
    width: 327px; 
	height: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
}
#top #naviTop ul li {
    display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}
#top #naviTop ul li a {
    display: block;
    height: 14px;
    float: left;
}
#top #naviTop ul li a#home {
	width: 54px;
	height: 14px;
	background: url("images/nav_home.gif") top left no-repeat;
}
#top #naviTop ul li a:hover#home, ul li a:active#home {
	background: url("images/nav_home_o.gif") top left no-repeat;
}
#top #naviTop ul li a#kontakt {
	width: 75px;
	height: 14px;
	background: url("images/nav_kontakt.gif") top left no-repeat;
}
#top #naviTop ul li a:hover#kontakt, ul li a:active#kontakt {
	background: url("images/nav_kontakt_o.gif") top left no-repeat;
}
#top #naviTop ul li a#anfahrt {
	width: 73px;
	height: 14px;
	background: url("images/nav_anfahrt.gif") top left no-repeat;
}
#top #naviTop ul li a:hover#anfahrt, ul li a:active#anfahrt {
	background: url("images/nav_anfahrt_o.gif") top left no-repeat;
}
#top #naviTop ul li a#agb {
	width: 46px;
	height: 14px;
	background: url("images/nav_agb.gif") top left no-repeat;
}
#top #naviTop ul li a:hover#agb, ul li a:active#agb {
	background: url("images/nav_agb_o.gif") top left no-repeat;
}
#top #naviTop ul li a#impressum {
	width: 79px;
	height: 14px;
	background: url("images/nav_impressum.gif") top left no-repeat;
}
#top #naviTop ul li a:hover#impressum, ul li a:active#impressum {
	background: url("images/nav_impressum_o.gif") top left no-repeat;
}

/********************************/
/* main                         */
/********************************/
#main div.spacer {
    height: 53px;
}
#main .left {
    width: 168px;
}
#main .right {
    height: 471px;
    background: transparent url("images/right_background.jpg") no-repeat 0px 0px;
}

/********************************/
/* bottom                       */
/********************************/
#bottom {

}
#footer{
    text-align: center;
    padding: 2px 11px 2px 26px;
    font-size: 11px;
    background: #E6E6E6;
}


/********************************/
/* main/navigation              */
/********************************/
#main .left .gap {
    position: absolute; 
    width: 36px; height: 52px; 
    background: url("images/nav_empty.gif") repeat-y top left;
}
#naviMain {
    padding-top:49px;
}
#naviMain ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#naviMain ul li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
}
#naviMain div{
	height: 25px;
	padding-left: 43px;
}
#naviMain div.active{
	background-image: url("images/nav_active.gif");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#naviMain div, #naviMain a {
    font-size: 11px;
    font-weight: bold;
    color: #02457D;
    text-decoration: none;
    letter-spacing: 0.1em;
}
#naviMain div.active a {
    color: #BC2C39;
}
#naviMain a:hover{
    text-decoration: none;
    color: #BC2C39;
}

#mainSearch {
    text-align: left;
    padding-top: 25px;
    margin-left: 43px;
}
#mainSearch INPUT.imagefield{
    margin: 0;
    padding: 0;
    padding-left: 3px;
    margin-bottom: 1px;
    vertical-align:middle;
	cursor: pointer;
}
#mainSearch INPUT.textfield {
    width: 80px;
    color: #292A29;
	background: #FFF url(images/textfield.gif) no-repeat top left;
	border: 0;
	padding-left: 5px;
}

#mainIso {
  text-align: left;
  padding-top: 25px;
  margin-left: 43px;
}

#mainIso img{
  margin-bottom: 15px;
}

/********************************/
/* content                      */
/********************************/
#subline{
    height: 48px;
}
#content{

}
.block {
    margin-bottom: 20px;
}
.block_indent{
    margin-left: 26px;
    margin-right: 26px;
    margin-bottom: 20px;
}
.block_bg {
    background: url("images/block_background.jpg") repeat-y top left;
    margin-bottom: 20px;
    margin-right: 11px;
}
p.bodytext { 
    margin-left: 26px;
    margin-right: 26px;
}
table p.bodytext { 
    margin-right: 0px;
}
p.bodytext img {
    float: left;
    padding-right: 10px;
}
h1 img, h2 img {
    float: right;
    padding-left: 10px;
}

.csc-textpic-intext-right-nowrap, .csc-textpic-right, .csc-textpic-intext-right { margin-right: 26px; }
.csc-textpic-intext-left-nowrap, .csc-textpic-left .csc-textpic-imagewrap, .csc-textpic-intext-left { margin-left: 26px; }
.csc-textpic-imagewrap { margin-bottom: 10px;}

/********************************/
/* page: news                   */
/********************************/
#news .block {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 8px solid #e6e6e6;
}
#news h2 {
    padding-right: 26px;
}
.subheader {
    margin-bottom: 15px;
    font-weight: bold;
    letter-spacing: 0.1em;
}
.news-single-img {
    float: right;
    padding-left: 11px;
    padding-right: 26px;
    text-align: center;
}
.news-single-imgcaption {
    font-size: 10px;
    padding:2px;
    clear:both;
    margin-bottom: 5px;
}
.news-single-backlink {
    padding-top: 5px;
    margin-left: 26px;
}
.tx-ttnews-browsebox {
    margin-top: 15px;
}
/********************************/
/* page: produkte               */
/********************************/
.produkte_infotext {
    padding: 7px;
    margin-bottom: 1px;
}
#pkw .produkte_infotext { background: #B8D4E6; }
#lkw .produkte_infotext { background: #E6CFBA; }
#industrie .produkte_infotext { background: #E5BEC1; }
#werkstatt .produkte_infotext { background: #E6CFBA; }

.produkte_buttons ul { margin: 0; padding: 0; list-style: none; text-align: left; }
.produkte_buttons ul li { display: inline; margin: 0; padding: 0; list-style: none; }
.produkte_buttons ul li a { display: block; float: left; width: 150px; height: 15px; }

#pkw .produkte_go_katalog { background: url("images/go_katalog_pkw.gif") 0px 0px no-repeat; }
#lkw .produkte_go_katalog { background: url("images/go_katalog_lkw.gif") 0px 0px no-repeat; }
#werkstatt .produkte_go_katalog { background: url("images/go_katalog_werkstatt.gif") 0px 0px no-repeat; }
#industrie .produkte_go_katalog { background: url("images/go_katalog_industrie.gif") 0px 0px no-repeat; }


#pkw.produkte_go_produktdetails { background: url("images/go_produktdetails_pkw.gif") 0px 0px no-repeat; }
#lkw .produkte_go_produktdetails { background: url("images/go_produktdetails_lkw.gif") 0px 0px no-repeat; }
#werkstatt .produkte_go_produktdetails { background: url("images/go_produktdetails_werkstatt.gif") 0px 0px no-repeat; }
#industrie .produkte_go_produktdetails { background: url("images/go_produktdetails_industrie.gif") 0px 0px no-repeat; }

#pkw .produkte_go_anfrage { background: url("images/go_anfrage_pkw.gif") 0px 0px no-repeat; }
#lkw .produkte_go_anfrage { background: url("images/go_anfrage_lkw.gif") 0px 0px no-repeat; }
#werkstatt .produkte_go_anfrage { background: url("images/go_anfrage_werkstatt.gif") 0px 0px no-repeat; }
#industrie .produkte_go_anfrage { background: url("images/go_anfrage_industrie.gif") 0px 0px no-repeat; }

#pkw .produkte_buttons a:hover { background-position: 0px -15px; }
#lkw .produkte_buttons a:hover { background-position: 0px -15px; }
#industrie .produkte_buttons a:hover { background-position: 0px -15px; }
#werkstatt .produkte_buttons a:hover { background-position: 0px -15px; } 

table.produkte_hersteller {
    margin-left: 1px;
    margin-top: 2px;
    border-collapse: collapse;
}
table.produkte_hersteller td {
    width: 92px;
    height: 70px;
    text-align: center;
}
#pkw table.produkte_hersteller td { border:1px solid #B8D4E6; }
#lkw table.produkte_hersteller td { border:1px solid #CDCDEE; }
#industrie table.produkte_hersteller td { border:1px solid #E5BEC1; }
#werkstatt table.produkte_hersteller td { border:1px solid #E6CFBA; }




#pkw h1, #pkw h2 {
    color: #71aacd;
    background: transparent url("images/dot_pkw.gif") no-repeat 0 5px;
    padding-bottom: 6px;
}
#pkw h2 a  {
  color: #71aacd;
}
#lkw h1, #lkw h2 {
    color: #9a9bdd;
    background: transparent url("images/dot_lkw.gif") no-repeat 0 5px;
    padding-bottom: 6px;
}
#lkw h2 a {
  color: #9a9bdd;
}
#industrie h1, #industrie h2 {
    color: #ca7c83;
    background: url("images/dot_industrie.gif") no-repeat 0 5px;
    padding-bottom: 6px;
}
#industrie h2 a  {
  color: #ca7c83;
}
#werkstatt h1, #werkstatt h2 {
    color: #cd9f75;
    background: url("images/dot_werkstatt.gif") no-repeat 0 5px;
    padding-bottom: 6px;
}
#werkstatt h2 a  {
  color: #cd9f75;
}
/********************************/
/* sidebar                      */
/********************************/
#main .right #sidebar{
    padding-top: 52px;
}

/********************************/
/* hacks                        */
/********************************/
.clearfix {display: block;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    width: 430px;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */