.workbookPage {
	clear:both;
	float:left;
	margin-top:10px;
	font-size:10px;
}

.picto {
    float:left;
    width:270px;
    margin-right:5px;
    margin-bottom:5px;
    border:1px solid #BEC8E1;    
}

.picto span {
    float:left;
	display:block;
	width:220px;
    font-size:10px;
    line-height:normal;
    padding-top:2px;    
}

.picto .left {
	background-color:#f4f8f9;
	float:left;
	margin:0;
	margin-right:5px;
	border-right:1px solid #BEC8E1;
}

.picto img {
  
}

fieldset.customerSessionArea {
	padding: 12px;
	margin-bottom: 25px;
	border: 1px solid #01539d;
	border-top: 1px solid #01539d;
} 

fieldset.customerSessionArea legend {
	color:#01539d;
	font-size:120%;
	text-transform:uppercase;
}

p.customerSessionAreaLogin {
	
}

fieldset.customerSessionArea input, p.customerSessionAreaLogin input {
	float:left;
}

fieldset.customerSessionArea label, p.customerSessionAreaLogin label {
	float:left;
	margin-top:2px;
}



tr.outOfStock td {
	color:#b9b9b9;	

}

tr.outOfStock td img {
	opacity: .2;
	filter: alpha(opacity=20);
}

tr.outOfStock td span.desc {
	color:red;
	text-decoration: none;
	font-size:80%;
	opacity: .5;
	filter: alpha(opacity=50);
}

h2 {
    font-weight: normal;
    font-size: 16px;
}

ol.numeric {
	list-style: decimal;
}

ol.roman {
	list-style-type:lower-alpha;
}

ul {
	list-style:square;
}

.copyright {
  font-size:80%;
}

input, option, select {
}

img {
  border-width: 0px;
}

.defaultPage {
  width: 868px;
}

.welcomeArea {  
  float: left;  
  width: 868px;  
}

.welcomeArea .mainArea {
  float: left;
  width: 620px;  
}

.welcomeArea .mainArea .panoramaArea {
  float: left;
  height: 162px;
  margin-bottom: 20px;  
}

.welcomeArea .mainArea .panoramaArea img {
  border: 1px solid #B9B5AD;
}

.welcomeArea .mainArea .quickSearchArea {
  width: 100%;
  float: left;
}

.quickSearchArea .searchArea {
  width: 300px;
  float: left;
  background-color: #F1EDEC;
}

.quickSearchArea .right {
  float: right;  
}

.searchArea .desc {
  padding: 6px;
  padding-top: 12px;
}

.searchArea p {
  margin:0;
  padding: 6px;
}

.welcomeArea .infoArea {
  float: left;
  width: 228px;
  margin-left: 20px;  
}

.welcomeArea .infoArea .specialHeight {
}

.heightBoxes {
  height: 280px;
}



.newsArea {
  float: left;
  width: 100%;
  background-color: #F0F1F5;
  border: 1px solid #B9B5AD;  
  margin-bottom: 20px;
}

.bgWhite {
  background-color: #FFFFFF;
}

.marginTop {
  margin-top: 25px;
}

.newsArea h2 {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 100%;
  background-color: #677494;
  text-transform: uppercase;
  border-bottom: 1px solid #B9B5AD;
  margin-bottom: 10px;
}

.newsArea h2 span {
  display: block;
  color: #FFFFFF;
  font-size: 12px;
  padding: 6px;
}

.newsArea .news {
  clear: both;  
  margin-bottom: 10px;
}

.newsArea .news .date {
  padding-left: 25px;
  color: #6E7273;
}

.newsArea .news h3 {
  margin: 0px;
  display: block;  
  padding-left: 10px;
  margin-right: 10px;
}

.newsArea .news h3 span {
  display: block;
  background-image: url(arrow.gif);
  background-repeat: no-repeat;
  padding-left: 15px;
  font-size: 11px;
}

.newsArea .news h3 span a {
  font-weight: bold;
}


.newsArea .news .shortDescription {
  padding-left: 25px;
  padding-right: 25px;
  margin-right: 10px;
}

.newsArea .all {
  margin-top: 10px;
  margin-bottom: 20px;
  border-width: 0px;
}

h2.newsDetail span {
  padding-left: 25px;
}

h3.newsDetail span {
  padding-bottom: 20px;  
}


.downloadDetailArea {
  width: 100%;    
}

.downloadDetailArea h2 {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  background-color: #D69A66;
  text-transform: uppercase;
}

.downloadDetailArea h2 span {
  display: block;
  color: #FFFFFF;
  font-size: 12px;
  padding: 6px;
}

.downloadDetailArea .subHeadline {
  display: block;
  font-size: 12px;
  padding-bottom: 18px;
}

.downloadDetailArea .description {
  float: left;
  width: 100%;
  border-top: 1px solid #667EBA;
  border-bottom: 1px solid #667EBA;
  background-image: url(line-blue.gif);
  background-repeat: repeat-y;
}

.downloadDetailArea .description .mediaArea {
  float: left;
  width: 269px;  
}

.downloadDetailArea .description .mediaArea span {
  display: block;
  padding: 0px;
}

.downloadDetailArea .description .textArea {
  float: left;
  width: 100%;
}

.downloadDetailArea .description .textAreaSmall {
  float: left;
  width: 594px;
}

.downloadDetailArea .description .textArea .pad {
  display: block;
  padding: 24px;
}

.downloadDetailArea .description .textArea .season {
  color: #716F70;
}

.downloadDetailArea .description .textArea .shortDescription {
  font-weight: bold;
}

.downloadDetailArea .description .textArea h3 {
  margin: 0px;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 16px;
}

.downloadDetailArea .mediaDownloads {
  float: left;
  width: 100%;
  background-color: red;
}

.downloadTable {
  float: left;
  clear: both;
  background-color: #BEC8E1;
  width: 100%;
  margin-bottom: 6px; 
}

.downloadTable th,
.downloadTable td
{
  text-align: left;
  padding: 6px;
}

.downloadTable th {
  background-color: #667EBA;
  color: #FFFFFF;
  font-size: 11px;
  vertical-align: top;
}

.downloadTable th.col_1 {
  text-align: center;
}

.downloadTable th.col_3,
.downloadTable th.col_4,
.downloadTable th.col_5
{
  width: 15%;
}

.downloadTable td {
  font-size: 11px;
}

.downloadTable td.col_1 {
  background-color: #FFFFFF;
  text-align: center
}

.downloadTable td.col_2 {
  background-color: #FFFFFF;  
}

.downloadTable td.col_3 {
  background-color: #FFFFFF;
  text-transform: uppercase;
}

.downloadTable td.col_4 {
  background-color: #FFFFFF;
}

.downloadTable td.col_5 {
  background-color: #FFFFFF;  
}

.downloadTable td.col_6 {
  background-color: #FFFFFF;
}




.downloadTableTop {
  float: left;
  clear: both;
  background-color: #BEC8E1;
  width: 100%;  
}

.downloadTableTop th,
.downloadTableTop td
{
  text-align: left;
  vertical-align: top;
  padding: 6px;
}

.downloadTableTop th {
  background-color: #D69A66;
  text-transform: uppercase;
  font-size: 12px;
  color: #FFFFFF;
}

.downloadTableTop td {
  background-color: #FFFFFF;
  font-size: 11px;
}

.downloadTableTop .season {
  color: #716F70;
}

.downloadTableTop .articleDescription {

}

.downloadTableTop .priceVK {
  padding-top: 6px;
}

.downloadTableTop .linkToArticle {
  padding-top: 12px;
  padding-bottom: 12px;
}


.downloadTableTop .shortDescription {
  font-weight: bold;
}

.downloadTableTop .longDescription {

}

.downloadTableTop h3 {
  margin: 0px;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 16px;
}

.downloadTableTop .col_1 {
  width: 269px;
}

.searchArea {
  float: left;
  width: 100%;
  background-color: #F1EDEC;
  border: 1px solid #B9B5AD;
  margin-bottom: 20px;
}

.searchArea h2 a {
  color: #FFF;
  font-weight: bold;
}
.searchArea h2 a:hover {
  color: #FFF;
  font-weight: bold;
}

.pageNavi {
  float:right;
  
}

.pageNavi .searchArea {
  width: 230px;  
}

.pageNavi .searchArea .productGroup {
 
}

.pageNavi #right {
  float: right;
  width: 410px;  
}

.searchArea form {
  padding: 0px;
  margin: 0px;
}

.searchArea h2 {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 100%;
  background-color: #D69A66;
  text-transform: uppercase;
  border-bottom: 1px solid #B9B5AD;
  margin-bottom: 10px;
}

.searchArea h2 span {
  display: block;
  color: #FFFFFF;
  font-size: 11px;
  padding: 6px;
}

.searchArea h2 .title {
  float: left;
  width: 60%;
}

.searchArea h2 .help {
  float: right;  
}

.searchArea h2 .help a {
  color: #FFFFFF;
}


.searchArea .criteria {
  float: left;
  width: 250px;
  padding: 6px;
}

.criteria2 {
  float: left;
  width: 250px;
  padding: 1px;
  padding-left: 6px;
  padding-right: 6px;
  
}

.searchArea .criteria .caption {
  width: 100%;
}

.searchArea .criteria .caption span {
  
}

.searchArea .criteria .element {
  width: 100%;
}

.searchArea .criteria .element input,
.searchArea .criteria .element select
{
  width: 230px;  
}

.searchArea .submitElement {
  clear: both;
  padding: 6px;
}

.searchArea .submitElement input {
  color: #FFFFFF;
  background-color: #687494;
}

.searchArea ul {
  clear: both;
  margin: 0px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 9px;
}

.searchArea ul li {
  
}

.searchPage {
  clear: both;
  float: left;
  width: 868px;
}

.searchPage .searchArea {
  margin-bottom: 0px;
}

.searchPage .searchArea .criteria {
  clear: both;
}

.searchPage .helpLink {
  clear: both;
  display: block;  
  padding-top: 5px;
  padding-bottom: 30px;
}

.searchPage a span {
  display: block;
  background-image: url(arrow.gif);
  background-repeat: no-repeat;
  padding-left: 15px;
}



.productGroup {
  float: left;
  width: 90px;
  padding-top: 4px;
  padding-left: 16px;
  padding-bottom: 6px;  
}

.productGroup .image {
  
}

.productGroup .caption {
  margin-top: 3px;
}

.productGroup .caption a {
  display: block; 
  height: 13px;
  background-image: url(arrow.gif);
  background-repeat: no-repeat;
  white-space: nowrap;
}

.productGroup .caption a span {
  display: block;
  padding-left: 11px;
  font-size: 11px;  
}





.batcherBar {
  width: 100%;  
}

.batcherBar .previous {
  float: left;
  width: 20%;  
}

.batcherBar .pages {
  float: left;
  width: 60%;
  text-align: center;
}

.batcherBar .next {
  float: right;
  width: 20%;
  text-align: right;
}

.batcherBar .previous span,
.batcherBar .pages span,
.batcherBar .next span
{
  display: block;
  padding: 6px;
}

.batcherBar .pages span b,
.batcherBar .pages span a
{
  padding-left: 3px;
  padding-right: 3px;
}

.infoBar {
  float: left;
  width: 100%;
  background-color: #BEC8E1;
}

.infoBar .leftArea {
  float: left;
  width: 40%;
}

.infoBar .leftArea span {
  display: block;
  padding: 8px;
  padding-top: 15px;
}

.infoBar .rightArea {
  float: right;
  width: 40%; 
  text-align: right; 
}

.infoBar .rightArea span {
  display: block;
  padding: 8px;
  padding-top: 12px;
}

.infoBar .rightArea span .caption {
  display: inline;
  padding: 0px;
  width: 100px;
  padding-right: 6px;
  padding-bottom: 3px;
  text-align: right;
}


.resultsArea {
  clear: both;
  float: left;
  width: 100%;
}

.resultsArea table {
  clear: both;
  background-color: #BEC8E1;
}

.resultsArea th {
  text-align: left;
  background-color: #667EBA;
  color: #FFFFFF;
  font-size: 11px;
  padding: 8px;
}

.resultsArea td {
  text-align: left;
  background-color: #FFFFFF;
  font-size: 11px;
  padding: 8px;
}

.resultsArea td a img {
  border-width: 0px;
}

.resultsArea .col_1 {
  width: 1%;
  text-align: center;
}

.resultsArea .col_2 {
  width: 70%;
}

.resultsArea .col_3 {
  width: 29%;
}


.zip {
  display: block;  
  height: 30px;
  background-image: url(zip.gif);
  background-repeat: no-repeat; 
  padding-left: 30px;
}

.zip span {
  display: block;
  padding-top: 8px;
}

.events tr td.col_1 {

}

.events tr td.col_2 {
  width: 50%;  
}

.events tr td.col_3 {
  width: 10%;  
}

.events tr td.col_4 {
  
}

.picture tr td.col_1 {

}

.picture tr td.col_2 {
  width: 50%;  
}

.picture tr td.col_3 {
  width: 15%;  
}

.picture tr td.col_4 {
  width: 25%;
}


.contentArea {
  width: 868px;
}


.panoramaArea {
  height: 156px;
}


.overviewArea {
  float: left;
  width: 100%;
  margin-top: 24px; 
  background-color: #F1EDEC; 
  border-bottom: 1px solid #677494; 
}

.overviewArea h2 {
  width: 868px;
  padding: 0px;
  margin: 0px;
  background-color: #677494;
}

.overviewArea h2 span {
  display: block;
  padding: 6px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 11px;
  color: white;
  text-transform: uppercase;
}

.entryArea {
  float: left;
  width: 434px;
}


.entryArea a,
.entryArea .empty
{
  display: block;
  padding: 6px;
  padding-left: 10px;  
}

.entryArea a span
{
  display: block;
  background-image: url(arrow.gif);
  background-repeat: no-repeat;
  padding-left: 20px;
}

.defaultLink {  
  
}

.defaultLink span {  
  background-image: url(arrow.gif);
  background-repeat: no-repeat;
  padding-left: 20px;
}

.entryArea .external span {
  background-image: url(nav_right_blue.gif);
}


.imageCaption {
  font-size: 11px;
}


.tableAreaCIC {
  margin-bottom: 40px;
}

.tableAreaCIC h2 {
  font-size: 11px;
}

.tableAreaCIC th,
.tableAreaCIC td
{
  font-size: 10px;
  padding: 7px;
  text-align: left; 
}
.tableAreaCIC td a {
  font-size: 10px;
}

.tableAreaCIC th {
  padding-top: 9px;
}

.tableAreaCIC td {
  vertical-align: top;
}

.tableAreaCIC table {
  background-color: #BEC8E1;
}

.tableAreaCIC th {
  background-color: #667EBA;
  color: #FFFFFF;
}

.tableAreaCIC td {
  background-color: #FFFFFF;
}

.tableAreaCIC th.col_1 {
  width: 18%;    
}

.tableAreaCIC td.col_1 {
  font-weight: bold; 
}

.tableAreaCIC th.col_2 {
  width: 18%;
}

.tableAreaCIC th.col_3 {
  width: 18%;  
}

.tableAreaCIC th.col_4 {
  width: 18%;
}

.tableAreaCIC th.col_5 {
  width: 28%;
}

.tableAreaCIC td.col_3,
.tableAreaCIC td.col_4
{
  white-space: nowrap;
}




.productGroupsArea {
  float:left;
  width: 610px;
  clear: both;  
}

.level_0 {
  margin-left: 0px;
}

.level_1 {
  margin-left: 0px;  
  margin-bottom: 20px;
  background-color: #395782;  
  border: 1px solid #BEC8E1;
}
.level_1 .caption {  
  font-weight: bold;
  color: #FFFFFF;
  padding: 6px;
  padding-top: 9px;
  padding-bottom: 9px;  
}

.level_1 .caption a {
  font-size: 14px;
  width: 16px;
  margin-top: 2px;  
  font-weight: bold;
  white-space: nowrap;  
  color: #FFFFFF;
}

.level_1 .caption a:hover {
  text-decoration: none;
}

.containerTop {
  background-repeat: no-repeat;
  background-color: #E1E1E9;
}

.containerTop .description {
  color: #595A5C;
  padding-top: 168px;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 12px;
  border-top: 1px solid #BEC8E1;
  border-bottom: 2px solid #BEC8E1;
}

#Active_Trail {   
  background-image: url(pan_active-trail.jpg);  
}

#Schoeffel_Plus {   
  background-image: url(pan_plus.jpg);
}

#Ski {   
  background-image: url(pan_ski.jpg);
}

#X_Trail {   
  background-image: url(pan_xtrail.jpg);
}

#Werbematerial {   
  display:none;
}


.level_2 {
  margin-left: 0px;  
  background-color: #F1EDEC;  
}
.level_2 .caption {
  font-size: 11px;
  font-weight: bold;
  color: red;
  text-transform: uppercase;
  padding: 3px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 6px;
  border-bottom: 1px solid #BEC8E1;  
}

.level_2 .caption a {
  font-size: 11px;
  font-weight: bold;
  white-space: nowrap; 
  color: #11328F; 
}

.level_3 {
  margin-top: 0px;
  padding-left: 10px;
  background-color: #FFFFFF;
  border-bottom:1px solid #BEC8E1;
}
.level_3 .caption {
  font-size: 11px;
  font-weight: bold;
  padding: 3px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 25px;
  border-bottom: 0px solid #BEC8E1;
  text-transform: none;
}

.level_3 .caption a {
  font-size: 11px;
  font-weight: normal;
  white-space: nowrap;
}

.level_4 {
  margin-top: 0px;
  padding-left: 10px;
}
.level_4 a {
  font-size: 12px;
  font-weight: normal;
}


#marketingTeaser, #vertriebsTeaser, #kundendienstTeaser {
  width: 195px;
  height: 360px;  
}
#marketingTeaser h2, #vertriebsTeaser h2, #kundendienstTeaser h2, #repairTeaser h2, #complaintTeaser h2 {  
  height: 180px;
  background-repeat: no-repeat;  
}
#marketingTeaser h2 span, #vertriebsTeaser h2 span, #kundendienstTeaser h2 span, #repairTeaser h2 span, #complaintTeaser h2 span {  
   background-color: #01539D;
   margin-top: 0px;
}
#marketingTeaser ul, #vertriebsTeaser ul, #kundendienstTeaser ul, #repairTeaser ul, #complaintTeaser ul {  
  list-style: square;
}

#marketingTeaser {
  float: left;
}
#marketingTeaser h2 {
  background-image: url(marketing.jpg);
}

#vertriebsTeaser {
  float: left;
  margin-left: 17px;
}
#vertriebsTeaser h2 {
  background-image: url(vertrieb.jpg);
}

#kundendienstTeaser {
  float: right; 
}
#kundendienstTeaser h2 {
  background-image: url(kundendienst.jpg);
}
#kundendienstTeaser p, #complaintTeaser p {
  clear: both;
  margin-top: 0px;
  margin-left: 6px;  
  margin-right: 6px;  
}

#repairTeaser {
  float:left;
  width:300px;
  height:260px;
}

#repairTeaser h2 {
  background-image: url(repair.jpg);
}



#complaintTeaser {
  float:right;
  width:300px;
  height:260px;
}

#complaintTeaser h2 {
  background-image: url(complaint.jpg);
}

img.left {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

img.right {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}



h2.swiss {
	background: url("swiss-flag.gif") no-repeat 5px .25em;
    border-bottom-width:0;
	background-color:#FFF;	
}

h2.swiss span {
	display:block;
	padding-top:10px;
	padding-left:48px;
	padding-bottom:13px;
	color:#000;
}

span.required {
	color:red;
}