@charset "utf-8";
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/* id */
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/


/********************************************************************************/
/* common */
body {
  background: #D8D8D4;
  margin: 0px;
  padding: 0px;
  text-align: center;
}


/********************************************************************************/
/* page */
#page {
  margin: auto;
  width: 930px;
}

/********************************************************************************/
/* header */
#header {
  background: url(../_img/content/header.png) no-repeat top;
  width: 930px;
  height: 140px;
}

/********************************************************************************/
/* main */
#main {
  width: 930px;  
  padding: 110px 0px 0px 20px;
}
#main #home {
  float: left;
  width: 82px;
}
#main #about {
  float: left;
  width: 82px;
}
#main #store {
  float: left;
  width: 82px;
}
#main #testimonial{
  float: left;
  width: 82px;
}
#main #products {
  float: left;
  width: 82px;
}
#main #advice {
  float: left;
  width: 82px;
}
#main #contact {
  float: left;
  width: 82px;
}
#main #blog {
  float: left;
  width: 82px;
}

/********************************************************************************/
/* subtop */
#subtop {
  width: 930px;  
  padding: 0px 0px 0px 0px;
} 

#subtop #main {
  float: left;
  width: 700px;  
  padding: 5px 5px 5px 5px;
}

#subtop #side {
  float: left;
  width: 190px;  
  padding: 5px 5px 5px 5px;
}

/********************************************************************************/
/* submain */
#submain {
  width: 930px;  
  padding: 0px 0px 0px 0px;
} 

#submain #main {
  float: left;
  width: 700px;  
  padding: 5px 5px 5px 5px;
}

#submain #side {
  float: left;
  width: 190px;  
  padding: 5px 5px 5px 5px;
}


/********************************************************************************/
/* footermain */
#footermain {
  width: 930px;
  padding: 10px 0px 0px 10px;
}
#footermain #marantec {
  float: left;
  width: 104px;
  padding: 10px 0px 0px 10px;
}
#footermain #sommer {
  float: left;
  width: 78px;
  padding: 10px 0px 0px 10px;
}
#footermain #dormann {
  float: left;
  width: 33px;
  padding: 10px 0px 0px 10px;
}


/********************************************************************************/
/* footer */
#footer {
  width: 930px;
  height: 65px;
  margin-bottom:10px;
}
#footer #copyright {
  float: left;
  width: 350px;
  padding: 10px 0px 0px 10px;
}
#footer #image {
  float: right;
  width: 500px;
  padding: 10px 0px 0px 10px;
}

/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/* class */
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/


/********************************************************************************/
/* buttons */
.home
{
  display: block;
  width: 80px;
  height: 30px;
  background: url(../_img/content/btn_home.png) no-repeat 0 0;

}

.home:hover
{ 
    background: url(../_img/content/btn_home_on.png) no-repeat 0 0;
}

.home span
{
  display: none;
}

.about
{
  display: block;
  width: 80px;
  height: 30px;
  background: url(../_img/content/btn_about.png) no-repeat 0 0;

}

.about:hover
{ 
    background: url(../_img/content/btn_about_on.png) no-repeat 0 0;

}

.about span
{
  display: none;
}

.store
{
  display: block;
  width: 80px;
  height: 30px;
  background: url(../_img/content/btn_store.png) no-repeat 0 0;

}

.store:hover
{ 
    background: url(../_img/content/btn_store_on.png) no-repeat 0 0;

}

.store span
{
  display: none;
}

.testimonial
{
  display: block;
  width: 80px;
  height: 30px;
  background: url(../_img/content/btn_testimonial.png) no-repeat 0 0;

}

.testimonial:hover
{ 
    background: url(../_img/content/btn_testimonial_on.png) no-repeat 0 0;

}

.testimonial span
{
  display: none;
}


.products
{
  display: block;
  width: 80px;
  height: 30px;
  background: url(../_img/content/btn_products.png) no-repeat 0 0;

}

.products:hover
{ 
    background: url(../_img/content/btn_products_on.png) no-repeat 0 0;

}

.products span
{
  display: none;
}

.advice
{
  display: block;
  width: 80px;
  height: 30px;
  background: url(../_img/content/btn_advice.png) no-repeat 0 0;

}

.advice:hover
{ 
    background: url(../_img/content/btn_advice_on.png) no-repeat 0 0;

}

.advice span
{
  display: none;
}

.contact
{
  display: block;
  width: 80px;
  height: 30px;
  background: url(../_img/content/btn_contact.png) no-repeat 0 0;

}

.contact:hover
{ 
    background: url(../_img/content/btn_contact_on.png) no-repeat 0 0;

}

.contact span
{
  display: none;
}

.blog{
  display: block;
  width: 80px;
  height: 30px;
  background: url(../_img/content/btn_blog.png) no-repeat 0 0;

}

.blog:hover
{ 
    background: url(../_img/content/btn_blog_on.png) no-repeat 0 0;
}

.blog span
{
  display: none;
}
/********************************************************************************/
/* footer buttons */
.marantec
{
  display: block;
  width: 104px;
  height: 40px;
  background: url(../_img/content/ad_marantec_off.png)  no-repeat 0 0;

}

.marantec:hover
{ 
    background: url(../_img/content/ad_marantec_on.png)  no-repeat 0 0;

}

.marantec span
{
  display: none;
}

.sommer
{
  display: block;
  width: 78px;
  height: 40px;
  background: url(../_img/content/ad_sommer_off.png)  no-repeat 0 0;

}

.sommer:hover
{ 
    background: url(../_img/content/ad_sommer_on.png)  no-repeat 0 0;

}

.sommer span
{
  display: none;
}

.dormann
{
  display: block;
  width: 33px;
  height: 40px;
  background: url(../_img/content/ad_dormann_off.png)  no-repeat 0 0;

}

.dormann:hover
{ 
    background: url(../_img/content/ad_dormann_on.png)  no-repeat 0 0;

}

.dormann span
{
  display: none;
}


/********************************************************************************/
/* content box main 930px */
.contentbox {
  background: transparent url(../_img/content/middle.png) repeat-y left;
  float: left;
  margin-bottom: 10px;
  width: 930px;
}
.contentbox .top {
  background: transparent url(../_img/content/top.png) no-repeat top left;
  padding-top: 10px;
}
.contentbox .bottom {
  background: transparent url(../_img/content/bottom.png) no-repeat bottom left;
  padding-bottom: 10px;
  width: 930px;
}
.contentbox .content {
  min-height: 400px;
  margin: 0px;
  padding: 0px 10px 0px;
  width: 900px;
}
* html .contentbox .content {
  height: 220px;
}

/********************************************************************************/
/* content box main 930px */
.contentboxfooter {
  background: transparent url(../_img/content/middle-dark.png) repeat-y left;
  float: left;
  margin-top: 10px;
  width: 930px;
}
.contentboxfooter .top {
  background: transparent url(../_img/content/top-dark.png) no-repeat top left;
  padding-top: 0px;
}
.contentboxfooter .bottom {
  background: transparent url(../_img/content/bottom-dark.png) no-repeat bottom left;
  padding-bottom: 10px;
  width: 930px;
}
.contentboxfooter .content {
  min-height: 50px;
  margin: 0px;
  padding: 0px 10px 0px;
  width: 900px;
}
* html .contentboxfooter .content {
  height: 80px;
}

/********************************************************************************/
/* content box main 930px */
.contentboxindex {
  background: transparent url(../_img/content/middle.png) repeat-y left;
  float: left;
  width: 930px;
}
.contentboxindex .top {
  background: transparent url(../_img/content/top.png) no-repeat top left;
  padding-top: 10px;
}
.contentboxindex .bottom {
  background: transparent url(../_img/content/bottom.png) no-repeat bottom left;
  padding-bottom: 5px;
  width: 930px;
}
.contentboxindex .content {
  min-height: 220px;
  margin: 0px;
  padding: 0px 10px 0px;
  width: 900px;
}
* html .contentboxindex .content {
  height: 220px;
}

/********************************************************************************/
/* sub box main 700px */
.subbox {
  background: transparent url(../_img/content/sub_middle.png) repeat-y left;
  float: left;
  margin-bottom: 10px;
  width: 700px;
}
.subbox .top {
  background: transparent url(../_img/content/sub_top.png) no-repeat top left;
  padding-top: 10px;
}
.subbox .bottom {
  background: transparent url(../_img/content/sub_bottom.png) no-repeat bottom left;
  padding-bottom: 10px;
  width: 700px;
}
.subbox .content {
  min-height: 200px;
  margin: 0px;
  padding: 0px 10px 0px;
  width: 680px;
}
* html .subbox .content {
  height: 200px;
}



/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/* fonts */
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/

.caption {
  line-height: 14px;
  margin-top:10;
  padding-left: 16px;
  text-align: center;
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 10px;
  color: #999999;
}

.caption a:link {
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 10px;
  color: #999999;
  text-decoration: none;
}

.caption a:visited {
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 10px;
  color: #999999;
  text-decoration: none;
}

.caption a:hover {
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 10px;
  color: #999999;
  text-decoration: underline;
}



.copyright {
  line-height: 12px;
  padding-left: 16px;
  text-align: left;
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 10px;
  color: #ffffff;
}

.copyright a:link {
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 10px;
  color: #ffffff;
  text-decoration: none;
}

.copyright a:visited {
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 10px;
  color: #ffffff;
  text-decoration: none;
}

.copyright a:hover {
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 10px;
  color: #ffffff;
  text-decoration: underline;
}


.bodytext {
  line-height: 20px;
  text-align: justify;
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 12px;
  color: #4C4C4C;
}


.bodytext a:link {
  line-height: 20px;
  text-align: justify;
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 12px;
  color: #4C4C4C;
  text-decoration: none;
}

.bodytext a:visited {
  line-height: 20px;
  text-align: justify;
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 12px;
  color: #4C4C4C;
  text-decoration: none;
}

.bodytext a:hover {
  line-height: 20px;
  text-align: justify;
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 12px;
  color: #4C4C4C;
  text-decoration: underline;
}