/* Start of CMSMS style sheet 'holzenthaler' */
body{
font-family: arial;
font-size: 13px;
color: #666666;
text-decoration: none;
background-color: #ebe8e6;
margin-top:0px;
}

#wrapper{
   position: relative;
padding: 0;
  border: 0;
   margin: auto;
  top: 0px;
   width: 920px;
   background-color:#ffffff;
   background-image: url(uploads/images/schatten.png);
  }

#rel{
      margin:0;
padding-top:5px;
     margin-left: 7px;
      width: 906px;
   }

/* Transparenter Bereich */
#column-1 {
  position: absolute;
  top: 50px;
  left: 694px;
  width: 219px; /* remember to set a width */
  height: 199px;
font-size: 13px;
}
.overlay{
  position: absolute;
  top: 0; /* These positions makes sure that the overlay */
  bottom: 0;  /* will cover the entire parent */
  left: 0;
  width: 100%;
  background: #F3b5bc;
/*background-image:url(uploads/images/adresse-hintergrund.png);*/
  opacity: 0.80;
  -moz-opacity: 0.80; /* older Gecko-based browsers */
  filter:alpha(opacity=80); /* For IE6 and 7 */
}
#column-1 .content {
width: 205px;
padding: 4px 20px;
color: #FFFFFF;
font-size: 13px;
}
.content {
  position: relative;
}

.content p a {
color: #ffffff;
font-weight:normal;
text-decoration: none;
}
/* Lets use the * html hack so only IE6 reads the rule */
* html #column-1 .overlay {
  height: expression(document.getElementById("column-1").offsetHeight);
}
/* Ende Transparenter Bereich */

#header {
background-image: url(uploads/images/logo-holzenthaler-elektro.png);
background-color: #FFFFFF;
height: 123px;
}

#preheader {
margin-left:702px;
margin-top: 4px;
text-align: left;
}

.menulink1, a.menulink1:hover, a.menulink1:active, a.menulink1:visited{
font-size: 13px;
width: auto;
color: #666666;
font-weight:normal;
text-decoration: none;
}


#banner {
background-color: #ffffff;
width: 651px;
float: right;
height: 197px;
}


#inhalt-box {
width: 906px;
float: right;
height: 100%;
margin-top: 4px;
background-image:url(uploads/images/submenue-hg.png);
background-repeat: repeat-y;
background-position: left top;
overflow: auto; 
}

#menu-box {
background-image:url(uploads/images/menue.png);
width: 251px;
float: left;
height: 197px;
}

.inhalt {
background-color: #ffffff;
padding-left: 70px;
padding-right:  20px;
padding-top: 14px;
padding-bottom: 14px;
width: 500px;
float: left;
text-align:justify;}

.inhalt p a {
font-size: 13px;
width: auto;
color: #666666;
font-weight:normal;
text-decoration: underline;
}


.link {
font-size: 13px;
width: auto;
color: #666666;
font-weight:normal;
text-decoration: underline;
}

h1 {clear:both; margin:0.5em 0em; color:#999999; font-weight:normal; font-size:150%;}

h2 {clear:both; margin-top:0; margin-bottom: 0.4em; font-family:arial,sans-serif; color:#999999; font-weight:normal; font-size:140%;}

h3 {clear:both; margin:1em 0em; font-family:arial,sans-serif; color:#999999; font-weight:normal; font-size:110%;}

#submenu-box {
/*background-color: #ee99a3;*/
/*background-image:url(uploads/images/submenue-hg.png);*/
background-repeat: repeat-y;
padding: 0;
margin-top: 4px;
margin-right: 4px;
width: 251px;
height: 278px;
float: left;
}

.sidebar li, .sidebar1 li  {
display:block;
list-style-type:none;
font-family: Arial,Verdana,Tahoma,sans-serif;
font-size: 14px;
height: 30px;
line-heght:160%;
color:#FFFFFF;
text-decoration:none;
}


.sidebar li a, .sidebar1 li a{
display:block;
list-style-type:none;
font-family:Arial,Verdana,Tahoma,sans-serif;
font-size: 14px;
height: 20px;
line-heght:160%;
color:#FFFFFF;
text-decoration:none;
}

.sidebar li a:hover, .sidebar li a:active, .sidebar1 li a:hover, .sidebar1 li a:active, .currentpage{
display:block;
list-style-type:none;
font-family:Arial,Verdana,Tahoma,sans-serif;
font-size: 14px;
font-weight: bold;
height: 20px;
line-heght:160%;
color:#FFFFFF;
text-decoration:none;
}

.footer{
  clear: both;
  position: relative;
  width: 920px;
  height: 14px;
  font-size: 0px;
   background-image: url(uploads/images/schatten_unten.png);
  background-repeat: no-repeat;

}

/* Sample FormBuilder CSS base */
form {margin-top:10px; 
         font-family: arial;
         font-size: 13px;
         color: #666666;
text-align: left;}

form, td, th, li { font-size: 100%}
form div {margin-bottom:0; }
fieldset div {
	margin-bottom:0.5em;
       margin-top:0.5em;
	margin-left:0.5em;
text-align:left;
}
fieldset div div {
	margin-top:0.5em;
	margin-left:1em
text-align:left;
}
fieldset {
        margin-top:1em;
	margin-bottom:1em;
border:1px solid #ffffff;
text-align:left;
	
}
fieldset label {
	width:auto;text-align:left;
}

/* Apply this class to text/select input fields with shorter labels
	to help alignment */
.short-label label {float:left; width:10em;}
.short-label fieldset div input,
.short-label fieldset div select {width:16em}

/* Pretty up your Captcha image output */
.captcha {
	margin:0.5em 0;
	width:200px;
	text-align:left
}
.captcha img {border:1px solid #F60; margin-bottom:0.5em}
.captcha input {width:196px; margin-top:0.5em}

/* Just a bit more room for the Submit button */

.contactform input{border: 1px solid #999999; width: 300px; text-align: left;}
.contactform input.fbsubmit {margin-left: 200px; text-align: center; background-color: #ffffff; border: 1px solid #999999; width: 100px; font-family: arial; font-size: 13px; color: #666666;}
.contactform input.checkbox {width: 10px; border: none; text-align: left;}
.contactform label {
	display: block;
	float: left;
	width: 100px;
margin-bottom:0.5em
margin-top:0.5em
}
.contactform label.label {
	display: inline;
	float: none;
	width: 100px;
	font-size: 13px;
        font-family: arial;
}
.contactform textarea {
	border: 1px solid #999999;
        width: 300px;
        height: 200px;
        font-size: 13px;
        font-family: arial;
}

.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}
/* End of 'holzenthaler' */