/* CSS Document */

center, isindex, menu, dir,
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 101%;
font-family: inherit;
font-variant: inherit;
vertical-align: baseline;}

img {
   behavior: url("pngbehavior/pngbehavior.htc");
}

body {		
	background:#280906;
	background-image: url(images/bg.jpg);
}

strong{
   font-weight: bold;
}

/* ############### STRUKTUR ############### */

#outer_container {
	width: 1024px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;

	margin-bottom: 20px;
	position: relative;
	}
	
#outer_container_portal {
	width: 1024px;
	height: 768px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	}
	
#head {
  width: 930px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
}	

#language {
  float: left;
  width: auto;
  height: auto;
  margin-top: 40px; 
}

#language a {
  margin-right: 5px;
}

#logo {
  float: right;
  margin-top: 20px;
}

#logo_portal {
  margin-top: 100px;
  width: 341px;
  height: 171px;
}

#logo_service {
  margin-top: 100px;
  width: 339px;
  height: 171px;
}

#inner_container {
  width: 930px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  /*
  background: #B3CE35;
  */
  background: #ffffff;
  margin-bottom: 0px;
  overflow: hidden;
}

#left {
  width: 273px;
  /*
  height: 669px;
  */
  height: 1070px;
  
  background:url(images/div_left.jpg);
  float: left;
  overflow: hidden;
}

#content {
  width: 487px;
  height: 548px;
  background: #ffffff;
  float: left;
  overflow: hidden;
  padding-left: 50px;
  padding-top: 120px;
  padding-right: 120px;
}

#content_kontakt {
  width: 487px;
  height: 100%;
  background: #ffffff;
  float: left;
  overflow: hidden;
  padding-left: 50px;
  padding-top: 120px;
  padding-right: 120px;
  padding-bottom: 30px;
}



#pagination {
position: absolute;
top: 720px;
left: 785px;
font-family: verdana, arial;
font-size: 11px;
color: #C8C8C8;
font-weight: bold;
width: 80px;
height: 40px;

}

#pagination a{
text-decoration: none;
font-family: verdana, arial;
font-size: 11px;
color: #C8C8C8;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 15px;
display: block
width: auto;
height: auto;
background-image: url(images/pagination_bg.gif);
background-repeat: no-repeat;
background-position: center bottom; 

}


#pagination a:hover, #pagination a.active{
background: url(images/pagination_bg_activ.gif);
background-repeat: no-repeat;
background-position: center bottom; 
}

/* ############## MAINNAVI ################ */

.mainnavi {
  top: 275px;
  left: 80px;
  width: auto;
  height: auto;
  position: absolute
}

.mainnavi a {
  color: #C9E34E;
  font-family: Arial, Verdana;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  width: 194px;
  height: 24px;
  display: block;
  margin-bottom: 10px;
}

.mainnavi .one a {
background: url(images/decor.png) no-repeat 0 0;
}

.mainnavi .two a {
background: url(images/flooring.png) no-repeat 0 0;
}

.mainnavi .three a {
background: url(images/systems.png) no-repeat 0 0;
}

.mainnavi .four a {
background: url(images/portrait.png) no-repeat 0 0;
}

.mainnavi .one a:hover {
background: url(images/decor_active.png) no-repeat 0 0;
}

.mainnavi .two a:hover {
background: url(images/flooring_active.png) no-repeat 0 0;
}

.mainnavi .three a:hover {
background: url(images/systems_active.png) no-repeat 0 0;
}

.mainnavi .four a:hover {
background: url(images/portrait_active.png) no-repeat 0 0;
}

ul.mainnavi li a:hover {
  color: #ffffff;
}


.mainnavi_portal {
margin-top: 20px;
}

/*
ul.mainnavi_portal li {
  list-style-type: none;
  float: left;
    color: #fff;
}
*/

.mainnavi_portal a, .mainnavi_portal {
  color: #ffffff;
  font-family: Arial;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  text-decoration: none;
}

.mainnavi_portal a {
padding: 0 10px 0 10px;
}

.mainnavi_portal a:hover {
color: #C9E34E;
}

.mainnavi_portal_dots {
  height: 24px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
width: 220px;
text-align: center;
}

.mainnavi_portal_dots a {
  margin: 0 10px 0 10px;
  width: 24px;
  height: 24px;
  padding: 0px;
  border: 0px;
  float: left;
  display: inline;
}

.mainnavi_portal_dots a:hover {
  }
  
  

/* ############## SERVICENAVI ################ */

#service_headline {
  top: 445px;
  left: 47px;
  width: auto;
  height: auto;
  position: absolute
}

.servicenavi {
  top: 490px;
  left: 80px;
  width: auto;
  height: auto;
  position: absolute
}

.servicenavi a {
  color: #C9E34E;
  font-family: Arial, Verdana;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  width: 210px;
  height: 24px;
  display: block;
  margin-bottom: 10px;
}


.servicenavi .one a {
background: url(images/beratung.png) no-repeat 0 0;
}

.servicenavi .two a {
background: url(images/kollektion.png) no-repeat 0 0;
}

.servicenavi .three a {
background: url(images/newsletter.png) no-repeat 0 0;
}

.servicenavi .four a {
background: url(images/schulung.png) no-repeat 0 0;
}

.servicenavi .five a {
background: url(images/besichtigung.png) no-repeat 0 0;
}

.servicenavi .six a {
background: url(images/praesenter.png) no-repeat 0 0;
}

.servicenavi .one a:hover {
background: url(images/beratung_active.png) no-repeat 0 0;
}

.servicenavi .two a:hover {
background: url(images/kollektion_active.png) no-repeat 0 0;
}

.servicenavi .three a:hover {
background: url(images/newsletter_active.png) no-repeat 0 0;
}

.servicenavi .four a:hover {
background: url(images/schulung_active.png) no-repeat 0 0;
}

.servicenavi .five a:hover {
background: url(images/besichtigung_active.png) no-repeat 0 0;
}

.servicenavi .six a:hover {
background: url(images/praesenter_active.png) no-repeat 0 0;
}
.servicenavi li a:hover {
  color: #ffffff;
}


.servicenavi_portal {
margin-top: 20px;
}

/*
ul.mainnavi_portal li {
  list-style-type: none;
  float: left;
    color: #fff;
}
*/


.servicenavi_portal a, .servicenavi_portal {
  color: #ffffff;
  font-family: Arial;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  text-decoration: none;
}

.servicenavi_portal a {
padding: 0 5px 0 5px;
}

.servicenavi_portal a:hover {
color: #C9E34E;
}

.servicenavi_portal_dots {
  height: 24px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
width: 300px;
text-align: center;
}

.servicenavi_portal_dots a {
  margin: 0 10px 0 10px;
  width: 24px;
  height: 24px;
  padding: 0px;
  border: 0px;
  float: left;
  display: inline;
}

.servicenavi_portal_dots a:hover {
  }

  
/* ############ Service Button ############# */

.service_button {
	margin-top:55px;

}

/* ######################################### */


/* ############## METANAVI ################ */



.metanavi {
  text-align: center;
  height: 50px;
  margin-top: 20px;
}

.metanavi_portal {
  text-align: center;
  height: 50px;
  margin-top: 240px;
}

/*
.metanavi li, ul.metanavi_portal li {
  list-style-type: none;
  padding: 10px 10px 0 10px;
  float: left;
}
*/

.metanavi a, .metanavi_portal a, .metanavi_portal, .metanavi{
  color: #ffffff;
  font-family: Verdana, Arial;
  font-size: 10px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  text-decoration: none;
}

.metanavi a:hover, .metanavi_portal a:hover{
color: #C9E34E;
}

/* ############## KONTAKTBUTTON ################ */

.kontaktbutton{
background-image: url(images/kontaktbutton.png);
background-repeat: no-repeat;
width: 194px;
height: 24px;
display: block;
/* top: 677px; */
top: 210px;
left: 80px;
position: absolute;
}

.kontaktbutton:hover{
background-image: url(images/kontaktbutton_active.png);
}

.musterbutton{
  background-image: url(images/musterbutton.png);
  background-repeat: no-repeat;
  width: 212px;
  height: 24px;
  display: block;
  /* top: 677px; */
  top: 175px;
  left: 80px;
  position: absolute;
}

.musterbutton:hover{
  background-image: url(images/musterbutton_active.png);
}


a.portal_musterbutton, a.en_portal_musterbutton {
  color: #ffffff;
  font-family: Arial;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  top: 20px;
}

a.portal_musterbutton:hover, a.en_portal_musterbutton:hover {
  color: #C9E34E;
}


.en_kontaktbutton{
background-image: url(images/en_kontakt.png);
background-repeat: no-repeat;
width: 194px;
height: 24px;
display: block;
/* top: 677px; */
top: 210px;
left: 80px;
position: absolute;
}

.en_musterbutton{
  background-image: url(images/en_musterbutton.png);
  background-repeat: no-repeat;
  width: 212px;
  height: 24px;
  display: block;
  /* top: 677px; */
  top: 175px;
  left: 80px;
  position: absolute;
}

.en_kontaktbutton:hover{
background-image: url(images/en_kontakt_active.png);

}

.en_musterbutton:hover{
  background-image: url(images/en_musterbutton_active.png);

}

/* ############## KONTAKTFORMULAR ################ */

.fieldset {
  float: left;
  margin-right: 0px;
  padding-right: 20px;
  margin-bottom: 20px;
  width: 530px;
  text-align: left;
}

.formtext {
  position: relative;
  left: 30px;
  border: 1px solid #B3CE35;
  margin-bottom: 5px;
  width: 240px;
  padding-left: 10px;
}
#auswahl {
width: 252px;
}

.formtextfield {
position: relative;
left: 30px;
border: 1px solid #B3CE35;
margin-bottom: 7px;
width: 240px;
height: 150px;
padding-left: 10px;
}

.formhinweis {
width: auto;
}

label {
width: 200px;
display: block;
float: left;
text-align: left;
}

legend {
margin-left: -7px;
margin-bottom: 5px;
}

text[id]legend {
margin-left: 0px;
}

.formsubmit {
border: 1px solid #B3CE35;
background: #e5e5e5;
margin-top: 7px;
}

.checkbox {
float: left;
margin-left: 30px;
}

.error {
margin-top: 10px;
}

/* ############## FONTS ################ */

p, label, .formhinweis, .error, .forminfo, a, td {
  color: #000000;
  font-family: Verdana, Arial;
  font-size: 12px;
  line-height: 18px;
  text-align: justify;
}
td {
width: 250px;
}
table {
margin: 0px;
}

li {
  color: #000000;
  font-family: Verdana, Arial;
  font-size: 12px;
  line-height: 18px;
}


a:hover, .green {
color: #789102;
}

label, formhinweis, .error, .forminfo {
text-align: left;
} 

legend {
font-weight: bold;
}

.forminfo, .error {
color: #db0133;
}

.forminfo {
margin-bottom: 10px;
}

h1 {
  color: #B3CE35;
  font-family: Arial;
  text-transform: uppercase;
  margin-top: 70px;
  text-align: left;
  float: right;
  margin-right: 13px;
  margin-bottom: 13px; 
  font-size: 22px;
  width: 490px;
  position: absolute;
  left: 370px;
}

h2, legend {
  color: #789102;
  font-family: Verdana, Arial;
  margin-top: 20px;
  margin-bottom: 3px;
  font-size: 14px;
  text-align: left;
}

.en_servicenavi .one a {
background: url(images/en_beratung.png) no-repeat 0 0;
}

.en_servicenavi .two a {
background: url(images/en_kollektion.png) no-repeat 0 0;
}

.en_servicenavi .three a {
background: url(images/en_newsletter.png) no-repeat 0 0;
}

.en_servicenavi .four a {
background: url(images/en_schulung.png) no-repeat 0 0;
}

.en_servicenavi .five a {
background: url(images/en_besichtigung.png) no-repeat 0 0;
}

.en_servicenavi .six a {
background: url(images/en_praesenter.png) no-repeat 0 0;
}

.en_servicenavi .one a:hover {
background: url(images/en_beratung_active.png) no-repeat 0 0;
}

.en_servicenavi .two a:hover {
background: url(images/en_kollektion_active.png) no-repeat 0 0;
}

.en_servicenavi .three a:hover {
background: url(images/en_newsletter_active.png) no-repeat 0 0;
}

.en_servicenavi .four a:hover {
background: url(images/en_schulung_active.png) no-repeat 0 0;
}

.en_servicenavi .five a:hover {
background: url(images/en_besichtigung_active.png) no-repeat 0 0;
}

.en_servicenavi .six a:hover {
background: url(images/en_praesenter_active.png) no-repeat 0 0;
}

#service_headline {
  top: 445px;
  left: 47px;
  width: auto;
  height: auto;
  position: absolute
}

.en_servicenavi {
  top: 490px;
  left: 80px;
  width: auto;
  height: auto;
  position: absolute
}

.en_servicenavi a {
  color: #C9E34E;
  font-family: Arial, Verdana;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  width: 210px;
  height: 24px;
  display: block;
  margin-bottom: 10px;
}

p {
   margin-bottom: 10px;
}