/* The Holly Hack */
* html div p {
height: 1%;
}
* html div h3 {
height: 1%;
}


/* ### Scrollbar ### */

#gecko_scrollbar {
 display: none;
}

html>body #gecko_scrollbar {
 position: absolute;
 z-index: 1;
 bottom: -1px;
 left: 0;
 width: 1px;
 height: 1px;
 display: block;
 font-size: 0;
}

/* End The Holly Hack */

body {
    margin: 0px;
    padding: 0px;
    font-family: Vogue, Arial;
    font-size: 12px;
    background-color: #FFFCF1; 
    
    /* Scrollbar */
    scrollbar-3dlight-color: #E8EB99;
    scrollbar-darkshadow-color: #95A13E;
    scrollbar-highlight-color: #EAEC9D;
    scrollbar-shadow-color: #BED63A;
    scrollbar-track-color: #E3E883;
    scrollbar-face-color: #E0E473;
}

#container {
    height: 578px;
    width: 1000px;
    margin: auto;
    /*background-color: brown; */
}

#top {
    position: absolute;
    /* Buttons-Hoehe 140px; Gesamthoehe 160 */
    height: 140px;
    padding-top: 20px;
    background-color: #FFF1BE;
    margin: 0px 0px 0px 115px;
    /* 1000 - 115 */
    width: 885px;
}

/* ### Startseite ### */
#customer {
    z-index: 10;
    position: absolute; 
    background-image: url(../img/layout/HomeE.gif);
    width: 450px; 
    width: 350px; 
    height: 418px;
    margin-left: 541px;
    margin-top: 84px;
}

#customer a, #dealer a {
    width: 350px;
    height: 418px;  
    display: block;          
}

#customer a {
    width: 450px;    
    width: 350px;  
}

#customer a:hover {
    background: url(../img/layout/Face.gif) no-repeat;
    background-position: 70px 60px;
}

#dealer {
    z-index: 10;
    position: absolute; 
    background-image: url(../img/layout/HomeH.gif);
    width: 350px; 
    height: 418px;
    margin-left: 173px;
    margin-top: 84px;
}

#dealer a:hover {
    background: url(../img/layout/Face2.gif) no-repeat;
    background-position: 125px 43px;
}

#stripe_menu {
    position: absolute;
    margin-left: 130px;
    margin-top: 110px;
    background-color: #FFFCF1;
    /* 1000 - 130 */
    width: 870px;
    height: 50px;
}

#slogan1 {
    position: absolute;
    margin-left: 179px;
    margin-top: 15px;
}

#slogan2 {
    position: absolute;
    margin-left: 518px;
    margin-top: 43px;
    z-index: 20;
}

#photoholder1 {
    position: absolute;
    margin-left: 360px;
    top: 129px;
}

#photoholder2 {
    position: absolute;
    margin-left: 555px;
    top: 129px;
}

#photoholder3 {
    position: absolute;
    margin-left: 742px;
    top: 230px;
}

#photoholder4 {
    position: absolute;
    margin-left: 642px;
    top: 372px;
}

#photoholder5 {
    position: absolute;
    margin-left: 450px;
    top: 413px;
}

#photoholder6 {
    position: absolute;
    margin-left: 257px;
    top: 372px;
}

#photoholder7 {
    position: absolute;
    margin-left: 174px;
    top: 230px;
}

#intro_text {
    position: absolute;
    top: 295px;
    margin-left: 360px;
    width: 373px;
    text-align: center;
}

#img_startpage {
    position: absolute;
    margin-left: 386px;
    margin-top: 174px;

}

#img_text {
    position: absolute;
    margin-left: 185px;
    margin-top: 437px;
}

/* ### Menu ### */
ul.menu {
    margin: 0px;
    padding: 0px;
    height: 140px;
}

ul.menu li.left, ul.menu li.right {
    background-color: #FFFCF1;
    margin-top: 90px;
    height: 50px;
}

ul.menu li.left {
    width: 15px;
}

ul.menu li.right {
    width: 16px;
}

ul.menu li {
  display: block;
  float: left;
  height: 140px;
  width: 122px;
  margin: 0px;
  padding: 0px;
}

ul.menu li a {
  height: 140px;
  width: 122px;
  display: block;
  float: left;
  text-indent: -9999px; 
}

ul.menu li.active   {
  background-position: 0px -140px;
}

ul.menu li.inactive {
  background-position: 0px 0px;
}

/* ------------ */
#mainpage {
    margin-left: 115px;
    position: absolute;
}

* html #mainpage {
    /* 115 - 3 */
    margin-left: 112px;
}

/** --- Submenu --- */
#stripe {
    width: 15px;
    /* 578 - 110 - 28 */
    height: 440px;
    margin-left: 115px;
    position: absolute;
    background-color: #FFFCF1;
}

#strip_footer {
    position: absolute;
    width: 15px;
    bottom: 0px;
    height: 28px;
    background-color: #FFF1BE;  
    z-index: 2;
}

#submenu {
    position: absolute;
    z-index: 2;
    margin-top: 110px;
    width: 130px;
    background-color: #BED730;
    /* 578 - 110 */
    height: 468px;
}

ul.submenu {    
    position: absolute;
    /* Begin bei 174px (-110) */
    margin: 64px 0px 0px 0px;
    padding: 0px;
    height: 26px;
}

ul.submenu li {
  display: block;
  float: left;
  height: 26px;
  width: 130px;
  margin: 0px 0px 3px 0px;
  padding: 0px;  
  /*border: 1px solid black;*/
}

ul.submenu li a {
  height: 26px;
  width: 130px;
  display: block;
  float: left;
  text-indent: -9999px; 
}

ul.submenu li.active   {
  background-position: 0px -26px;
}

ul.submenu li.inactive {
  background-position: 0px 0px;
}

ul.submenu li.submenu_button1 {
  background-image: url(../img/button/Hauptnavi1.gif);
}

ul.submenu li.inactive a.submenu_button1:hover {
    position:absolute;
  background: url(../img/button/Hauptnavi1.gif) 0px -26px no-repeat;
  z-index: 9999;
}

ul.submenu li.submenu_button2 {
  background-image: url(../img/button/Hauptnavi2.gif);
}

ul.submenu li.inactive a.submenu_button2:hover {
  background: url(../img/button/Hauptnavi2.gif) 0px -26px no-repeat;
}

ul.submenu li.submenu_button3 {
  background-image: url(../img/button/Hauptnavi3.gif);
}

ul.submenu li.inactive a.submenu_button3:hover {
  background: url(../img/button/Hauptnavi3.gif) 0px -26px no-repeat;
}

ul.submenu li.submenu_button4 {
  background-image: url(../img/button/Hauptnavi4.gif);
}

ul.submenu li.inactive a.submenu_button4:hover {
  background: url(../img/button/Hauptnavi4.gif) 0px -26px no-repeat;
}

ul.submenu li.submenu_button5 {
  background-image: url(../img/button/Hauptnavi5.gif);
}

ul.submenu li.inactive a.submenu_button5:hover {
  background: url(../img/button/Hauptnavi5.gif) 0px -26px no-repeat;
}

ul.submenu li.submenu_button6 {
  background-image: url(../img/button/Hauptnavi6.gif);
}

ul.submenu li.inactive a.submenu_button6:hover {
  background: url(../img/button/Hauptnavi6.gif) 0px -26px no-repeat;
}

/* --- Logo --- */
#logo {
    position: absolute;
    /** 110 - 30 */
    height: 80px;
    /** 115 - 12 */
    width: 103px;
    padding: 30px 0px 0px 12px;
    background-color: #FD0;
}

/* Seite */

#side {    position: absolute;
    width: 138px; 
    height: 390px;
    /* rechts: 1000 - 138 */
    margin: 160px 0px 0px 862px;
}

ul.side {    
    /* Begin bei 174px (-160) */
    margin: 14px 0px 0px 0px;
    padding: 0px 0px 0px 13px;  
    list-style-type: none;
}

ul.side li {
    display: block;
    margin: 0px 0px 3px 0px;
    padding: 0px;  
    height: 26px;
}

ul.side li {
    text-align: right;
}

/* --- Navigation --- */
#nav {
    position: absolute;
    width: 96px;
    /* 418 - 28 (footer)*/
    height: 390px;
    margin: 169px 0px 0px 143px;
    /*background-color: red;*/
    padding: 0px;
}


ul.nav {    
    position: absolute;
    /* Begin bei 196px (-115) */
    margin: 94px 0px 0px 0px;
    padding: 0px;
    font-size: 14px;
}

ul.nav li {
  display: block;
  float: left;
  width: 130px;
  margin: 0px 0px 0px 0px;
  padding: 0px;  
  /*border: 1px solid black;*/
}

ul.nav li a,
ul.nav li a:link,
ul.nav li a:visited,
ul.nav li a:hover,
ul.nav li a:active,
ul.nav li a:focus  {
    text-decoration: none;
    /*font-weight: bold;*/
    color: #000;
    font-size: 14px;
}

ul.nav li.active a  {
  color: #C03;
}

ul.nav li.inactive a:hover  {
  color: #C03;
}

/* --- Body ---*/

#body {
    position: absolute;
        /* 753 - 265 + 96 */
    width: 584px;
    /* 578 - 174 - 28 - 22 */
    height: 354px;
    margin: 174px 0px 0px 265px;
    /*background-color: yellow;*/
    overflow: auto;
}

#caption {
    position: absolute;
    height: 14px;
    width: 584px;
    margin: 160px 0px 0px 265px;
}

#footer, #address {
    position: absolute;
    z-index: 3;
    height: 28px;
    /* 1000 - 110 */
    width: 870px;
    padding-left: 20px;
    background-color: #FFF1BE;  
    /* 578 - 28 */
    margin: 550px 0px 0px 115px;
}



#address {
    padding-top: 8px;
    height: 20px;
    text-align: center;
    z-index: 4;
    color: #690;
    font-size: 11px;
}

#img_if {
    position: absolute;
    margin-top: -19px;   
    height: 42px; 
    width: 36px;
    /* 810 - 115 */
    left: 695px;
}

#img_spielgut {
    position: absolute;
    margin-top: -19px;   
    height: 37px; 
    width: 37px;
    /* 766 - 115 */
    left: 651px;
}

#img_tuev {
    position: absolute;
    margin-top: -19px;  
    height: 43px; 
    width: 41px;
    /* 894 - 115 */
    left: 779px;
}

#img_astm {
    position: absolute;
    margin-top: -19px; 
    height: 35px;
    width: 38px;
    /* 850 - 115 */
    left: 735px;
}

#img_reiter {
    position: absolute;
    height: 52px;
    width: 38px;
    margin-top: -28px;  
    /* 942 - 115 */
    left: 827px;
}

/** ### Box mit abgerundeten Ecken ### */
.roundedcornr_box {
	background: url(../img/corner/roundedcornr_tl.png) no-repeat top left;
        margin-bottom: 3px;
}
.roundedcornr_top {
	background: url(../img/corner/roundedcornr_tr.png) no-repeat top right;
}
.roundedcornr_bottom {
	background: url(../img/corner/roundedcornr_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom div.roundedcornr {
	background: url(../img/corner/roundedcornr_br.png) no-repeat bottom right;
}
.roundedcornr_content {
	background: url(../img/corner/roundedcornr_r.png) top right repeat-y;
}

.roundedcornr_top div.roundedcornr,.roundedcornr_top,
.roundedcornr_bottom div.roundedcornr, .roundedcornr_bottom {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content {
	margin-top: -19px;
}

.roundedcornr_bottom {
	margin-bottom: 0px;
}

.roundedcornr_content { 
    padding: 0 15px;
}


/* Messe */
#fair,
#fair .roundedcornr_box,
#history .roundedcornr_box {
    width: 560px;
}

div.fair {
    height: 26px;    
    margin-top: 18px;
    margin-left: -15px;
}


div.fair_name {
    position: absolute;
    width: 96px;
    margin-left: 10px;
}

div.fair_booth {
    position: absolute;
    margin-left: 122px;
    width: 96px;
}

div.fair_date {
    position: absolute;
    margin-left: 244px;
    width: 96px;
}

div.fair_descr {
    position: absolute;
    margin-left: 366px;
    width: 182px;
}

/* Karte */

p.map {
    margin: 20px 0px 20px 0px;
}

div.shop {  
    height: 84px;
    padding-top: 5px;
}

div.address {
    position: absolute;
}

div.phone {
    position: absolute;
    left: 229px;
    width: 300px;
    height: 60px;
    margin-top: 0px;
    padding-top: 14px;
}

#caption div.zip_code {
    margin-left: 15px;
}

/* Mitarbeiter */
div.employee {
    padding-top: 5px;
    height: 84px;
}

div.empl_position {
    position: absolute;
}

div.empl_name {
    position: absolute;
    left: 229px;
}

div.empl_contact {
    position: absolute;
    left: 351px;
    margin-top: 14px;
}

/* Route */
div.route1 {
    position: absolute;
    width: 277px;
    height: 291px;
    margin-left: 72px;
}

div.route1_text {
    position: absolute;
    text-align:right;
    width: 340px;
    top: 291px;
}

div.route2 {
    position: absolute;
    width: 462px;
    height: 282px;
    margin-left: 122px;
}
div.route2_text {
    position: absolute;
    top: 282px;
    text-align:right;
    margin-left: 122px;
    width: 462px;
}

div.route_back {
    position: absolute;
    margin-left: 122px;
    top: 285px;
}

div.route_back img {
    border: 0px;
}

/* Handelsvertreter */

div.agent {
    padding-top: 5px;
}

div.agent_left {
    float: left;
    text-align: right;
    width: 203px;
}
div.agent_right {
    margin-left: 229px;
}


/* Allgemein */


a:active, a:link, a:visited {
    color: #BDD72F;
    cursor: pointer;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}

p.middle {
    text-align: center;
}

div.row {
    position: relative;
    margin-bottom: 3px;
    height: 22px;
}

div.row_label {
    position: absolute;
    width: 218px;
    text-align: right;
}

div.row_value {
    position: absolute;
    left: 244px;
    width: 218px;
}

div.row_error {
    position: absolute;
    left: 488px;
}

div.bold {
    font-weight: bold;
}

#boxSmall {
    position: absolute;
}

#boxSmall div.roundedcornr_box {
    position: absolute;
    width: 340px;
    overflow: hidden;
    background-color: transparent;
}

#box {
    position: absolute;
}

#box div.roundedcornr_box {
    position: absolute;
    width: 560px;
    overflow: hidden;
    background-color: transparent;
}

div.box_outer {
    /* gleichen Maße wie body */
    height: 324px;
    overflow: hidden;
    margin-top: 18px;
    padding: 0px 0px 0px 10px;
    background-color: transparent;
}


div.box_inner, div.box_inner_small {
    position: absolute;
    width: 549px;
    height: 349px;
    padding: 4px 20px 0px 0px;
    left: 15px;
    top: 0px;
    overflow: auto;
}

div.box_inner_small {
    width: 316px;
    padding: 4px 253px 0px 10px;
    left: 5px;
}

div.strip_top,
div.strip_top_small {
    position: absolute;
    width: 530px;
    height: 4px;
    top: 0px;
    left: 15px;
    background-color: #BDD62D;
    font-size: 1px;
}

div.strip_bottom_small,
div.strip_bottom {
    position: absolute;
    width: 530px;
    height: 4px;
    bottom: 1px;
    left: 15px;
    background-color: #BDD62D;
    font-size: 1px;
}

div.strip_bottom_small,
div.strip_top_small {
    width: 297px;
}

p.faq_title {
    margin-top: 0px;
}

/* Werksverkauf */

#werksverkauf1 {
    position: absolute;
    right: 0px;
}

#werksverkauf2 {
    position: absolute;
    top: 180px;
    left: 0px;
}

#werksverkauf3 {
    position: absolute;
    right: 0px;
    top: 180px;
}

#werksverkauf_text {
    position: absolute;
    left: 0px;
    width: 218px;
    /*border: 1px solid black;*/
    font-size: 12px;

}



/* Fotos */
div.foto {
    width: 100px;
    height: 100%;
    float: left;
    padding: 2px;
    vertical-align: bottom;
    font-size: 8pt;
    text-align: center;
}

div.fotos {
    width: 535px;
    vertical-align: bottom;
    border-top: 1px solid #339933;
    border-left: 1px solid #339933;
    border-right: 1px solid #339933;
    clear: both;
}

div.markFotos {
    width: 533px;
    border-left: 1px solid #339933;
    border-right: 1px solid #339933;
    padding-bottom: 2px;
    padding-left: 2px;
    
}


#nav_next, #nav_prev{
    width: 367px;
    /*border: 1px solid black;*/
    margin-bottom: 20px;
    margin-top: 10px;
}

#nav_prev {
    float: left;
}

#nav_next {
    float: right;
    text-align: right;
}

#advent {
	position: absolute;
    z-index: 3;
	margin-top: 290px;
}