/********************************
 margit jäschke content rules
********************************/
#switchThumb{
  cursor: pointer;
  margin-right: 10px; 
  letter-spacing: 2px; 
  unused:~ color: ;
}
.ThumbsActive{
  color: #ff6600!important;
}

h2{
  margin: 0px;
  margin-bottom: 5px;
  padding:0px;
  font-size:12px;
  border-bottom: 2px solid #A2A2A2; 
  padding-bottom: 5px;
}

h3{
  margin: 0px;
  margin-bottom: 5px;
  padding:0px;
  font-size:12px;
  border-bottom: 1px solid #A2A2A2; 
  padding-bottom: 5px;
}

.col_left{
  float: left; 
  width: 230px; 
  margin-right: 30px; 
  display: inline-block;
}
.col_middle{
  float: left; 
  width: 380px; 
  display: inline-block;
}


/********************************
 content templates
********************************/
.leftcol{
  display: inline-block;
  width:220px;
  height:408px;
  border-bottom: 1px solid #B8B8B8;
}
.lefttop{
  display: block;
  width:220px;
  height:280px;
  border-bottom: 1px solid #B8B8B8;  
}
.leftbottom{
  display: block;
  width:220px;
  height:100px; 
  padding-top:5px;  
  line-height: 20px;
}
.piccol{
  text-align: center; 
  width:680px; 
  height:400px; 
  display:inline-block; 
  float:right;  
}
.piccontainer{
  unused:~ display: inline-block; 
  height:400px;  
  unused:~ margin-left:auto;
  unused:~ margin-right:auto;
  text-align: center;
}


.rightcol{
  float:none!important;
  position: absolute; 
  right: 15px!important;
  top:-67px!important;  
}

.bottomnavi{
  clear:both;
  display:block;  
  padding-top:5px;
} 


/********************************
  prev/next page
********************************/
.prevpage{
  float:left;
  width:30px;
  height:100%;
  display:inline-block;
  cursor: pointer;  
  background: url(/img/go_left.png) center center no-repeat;
}
.clearpage{
  width:30px;
  unused:~ height:100%;
  display:inline-block;  
  
}
.nextpage{
  float:right;
  width:30px;
  height:100%;
  display:inline-block;  
  cursor: pointer;
  background: url(/img/go_right.png) center center no-repeat;
}