@charset "utf-8";
/* *****************************************  */
/* Orangefluid GbR                            */
/* www.orangefluid.com                        */
/* ****************************************** */

/* ****************************************** */
/* Global settings for Maaß Industriebau      */
/* ****************************************** */

 * {
	margin: 0px;
	padding: 0px;
  }

  html, body {
	height: 100%;
  }

  body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #fff;
  }
  
  h1 {
	font-weight: bold;
	font-size: 16px;
	height: 25px;
	overflow: hidden;
	margin-top: 4px;
	margin-bottom: 5px;
	padding-left: 25px;
}

  h1 em {
	display: block; 
	background-repeat: no-repeat;
	height: 25px;
}

  h2 {
	font-weight: bold;
	font-size: 16px;
	height: 20px;
	overflow: hidden;
	margin-top: 4px;
	margin-bottom: 20px;
	padding-left: 50px;
}

  h2 em {
	display: block; 
	background-repeat: no-repeat;
	height: 20px;
}

  a, a:visited, a:active {
    color: #d41634;
    text-decoration: none;
  }
  
  a:hover {
	 color: #d41634;
	 text-decoration: underline;
  }
  
  div.tx-freemp3player-pi1 {
  padding-left: 17px;
  }
  
  div.tx-rzgooglemaps-pi1 {
  padding-left: 17px;
  }

  
/* ****************************************** */
/* Container & Layout Settings	              */
/* ****************************************** */ 
  
   div#wrap {
	margin: 0px auto;
	width: 900px;
	height: auto;
	min-height: 100%;
	position: relative;
	background: url(../images/content_hintergrund.gif) no-repeat /*#eaeaea*/;
	background-position: 0 368px;
  }
  
  div#contentwrap {
    width: 900px;
    min-height:100%;
    position: relative;
    float: left;
    background-image: url(../images/content_hintergrund.gif);
  }
  
  div#navi {
	  width: 900px;
	  height: 73px;
	  position: relative;
	  float: left;
	  background-image: url(../images/header_rot.jpg);
	  background-repeat: x-repeat;
  }
  
   div#header_links {
	  width: 50%;
	  height: 219px;
	  position: absolute;
	  left: 0px;
	  float: left;
	  background-image: url(../images/header_links.jpg);
	  background-repeat: repeat-x;
  }
  
      div#header_rechts {
	  width: 50%;
	  height: 219px;
	  position: absolute;
	  right: 0px;
	  float: right;
	  background-image: url(../images/header_rechts.jpg);
	  background-repeat: repeat-x;
  }
  
  div#header {
	  width: 645px;
	  height: 295px;
	  position: relative;
	  float: left;
	  background-image: url(../images/header.jpg);
	  background-repeat: no-repeat;
  }
  
  div#headerbild {
	  width: 585px;
	  height: 258px;
	  position: relative;
	  float: left;
	  /*background-image: url(../images/headerbild.jpg);*/
	  margin-top: 13px;
	  margin-left: 32px;
	  margin-right: 28px;
	  margin-bottom: 24px;
  }
  
  div#transparent {
	  width: auto;
	  height: 21px;
	  position: absolute; right:28px;
	  padding:5px;
	  background-image: url(../images/transparenter_balken.png);
	  background-repeat: repeat-x;
	  top: 210px;
  }
  
  div#header_logo {
	  width: 255px;
	  height: 295px;
	  position: relative;
	  float: left;
	  background-image: url(../images/logo2.gif);
	  background-repeat: no-repeat;
  }
  
  div#content {
	  width: 645px;
	  height: auto;
	  min-height: 100%;
	  position: relative;
	  float: left;
	  padding-top: 10px;
	  padding-bottom: 15px;
  }
  
  div#content p {
	  padding-left: 30px;
	  padding-right: 20px;
	  line-height: 1.6em;
	  color: #000;
  }
  
  p.align-right { text-align: right; }
  
  div#content ul {
	  padding-left: 60px;
	  padding-right: 20px;
  }
  
  div#content li {
	  line-height: 1.6em;
  }
  
  div#content ol {
  	margin-left: 5em;
  	}
  
  div#content_rechts {
	  width: 255px;
	  height: auto;
	  min-height: 100%;
	  position: relative;
	  float: left;
	  padding-top: 10px;
  }
  
  div#content_rechts p {
	  padding-left: 20px;
	  padding-right: 20px;
	  line-height: 1.6em;
	  color: #000; 
  }
  
  div#content_rechts img {
	  border: none;
  }
  
/* ****************************************** */
/* Bildnavi				      */
/* ****************************************** */   

  div#bildnavi {
	display: block;
	padding-left: 29px;

}

/* Font size for text links */
  div#bildnavi ul {
	font-size: 10px;
	padding-left: 0px;
	list-style-type: none;
}
	*:first-child+html div#mainnavi ul {text-indent: -5000em;}

/* List elements */
  div#bildnavi li {
	display: block;
	height: 73px;
	background-position: 0 -73px;
	background-repeat: no-repeat;
	float: left;
}

/* Link elements */
  div#bildnavi a {
	display: block;
	height: 0;
	padding-top: 73px;
	background-repeat: no-repeat;
	overflow: hidden;
}
	* html div#bildnavi a:link, * html div#bildnavi a:visited {height: 73px; he\ight: 0;}

/* List and Link element images */
div#bildnavi li.nav1, div#bildnavi a.nava1 {background-image: url(../images/navi/navi_01.gif); width:72px;}
div#bildnavi li.nav2, div#bildnavi a.nava2 {background-image: url(../images/navi/navi_02.gif); width:116px;}
div#bildnavi li.nav3, div#bildnavi a.nava3 {background-image: url(../images/navi/navi_03.gif); width:96px;}
div#bildnavi li.nav4, div#bildnavi a.nava4 {background-image: url(../images/navi/navi_04.gif); width:82px;}
div#bildnavi li.nav5, div#bildnavi a.nava5 {background-image: url(../images/navi/navi_05.gif); width:89px;}
div#bildnavi li.nav6, div#bildnavi a.nava6 {background-image: url(../images/navi/navi_06.gif); width:141px;}

/* Initiate mouseover */
  div#bildnavi a:hover {
	background-image: none;
}
 
 
/* ****************************************** */
/* Beispielboxen		      				  */
/* ****************************************** */
div.beispielbox h1 {
	color: #D41634;
	font-size: 12px;
	font-weight: bold;
}

  
/* ****************************************** */
/* Footer        			      			  */
/* ****************************************** */  

  div#footer {
	  margin: 0px auto;
	  width: 900px;
	  height: 112px;
	  /*position: relative;*/
	  background-image: url(../images/footer.jpg);
	  background-repeat: no-repeat;
  }
  
  div.footertext p {
	  color: #fff;
	  line-height: 1.3em;
	  font-size: 11px;
	  padding-top: 4px;
  }
  
  div.footertext {
	  width: auto;
	  height: auto;
	  position: relative;
	  float: left;
	  padding-top: 30px;
	  padding-left: 30px;
  }
  
  div#footerback {
	background-image:url(../images/footer_hintergrund.jpg);
	background-position:center bottom;
	background-repeat:repeat-x;
	height:113px;
	margin:0;
	padding:0;
	position:relative;
	float: left;
	width:100%;
}


/****************************/
/* KONTAKTFORMULAR          */
/****************************/	
fieldset {
  border: 0px;
  margin: 0px;
  padding-left: 30px;
  font-size: 11px;
  }
  fieldset span {
  	color: #d20c2a;
  }
  
  
  fieldset dt {width: 25%; float: left;}
  fieldset dd {float: left; width: 75%; padding-bottom: 10px;}
  
  fieldset input {
    width: 400px;
    padding: 2px;
    color: #d20c2a;
    border: 1px solid #cfd6bf;
    font-size: 10px;
    }
	fieldset input.ultrasmall {width: 50px; margin-right: 10px;}
	fieldset input.small {width: 84px; margin-right: 10px;}
	fieldset input.small2 {width: 160px; margin-right: 10px;}
	fieldset input.wide {width: 300px;}
	fieldset input.half {width: 193px; margin-right: 10px;}
	fieldset input.full {width: 400px;}
	fieldset input.radio {width: 10px;}
	fieldset input:focus, fieldset input:hover {
	    border: 1px solid #d20c2a;
	    }
	
	fieldset input.checkbox {
    width: 12px;
	border: 0px;
	margin-bottom: 10px;
    }
	fieldset input.radio {
    width: 12px;
	   border: 0px;
    }

  fieldset textarea {
    width: 400px;
    height: 100px;
    padding: 2px;
    color: #d20c2a;
    border: 1px solid #cfd6bf;
   	font-family: Arial, Verdana, Helvetica, sans-serif;
   	font-size: 10px;
    }
	fieldset textarea:focus, fieldset textarea:hover {
	    border: 1px solid #d20c2a;
	    }
    fieldset input.button {
	    width: 100px;
	    padding: 2px;
	    color: #d20c2a;
	    border: 1px solid #cfd6bf;
	    background-color: #ffffff;
	    }
		fieldset input.button:hover {
			border: 1px solid #d20c2a;
			background-color: #ffffff;
			color: #d20c2a;
		}