@charset "utf-8";

/* ALLGEMEINE EINSTELLUNGEN */
* {
	margin:0;
	padding:0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #c8c8c8;
	background-image: url(../images/hintergrund_holz.jpg);
	background-repeat: repeat-x;
	color: #000000;
}

p {
	line-height: 1.6em;
	font-size: 12px;
	text-align: justify;

}

ul {
	line-height: 1.6em;
	font-size: 12px;
	padding-left: 20px;

}

h1 {
	width: 653px;
	height: 52px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 16px;
	overflow: hidden;
	position: relative;
	float: left;
}

  h1 em {
	display: block;
	background-repeat: no-repeat;
	height: 52px;
}

h2 {
	width: 653px;
	height: 23px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 14px;
	overflow: hidden;
	position: relative;
	float: left;
}

  h2 em {
	display: block;
	background-repeat: no-repeat;
	height: 23px;
}

/* DIVs */

div#wrap {
	width: 840px;
	height: auto;
	min-height: 100%;
	margin: 0px auto;
}

div#logolinks {
	width: 187px;
	height: 343px;
	position: relative;
	float: left;
}

div#header {
	width: 653px;
	height: 343px;
	position: relative;
	float: left;
}

div#contentwrap {
	width: 653px;
	height: auto;
	min-height: 350px;
	position: relative;
	float: left;
	background-image: url(../images/hintergrund_contentwrap.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

div#content {
	width: 623px;
	height: auto;
	position: relative;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
}

div#footer {
	background-image:url(../images/hintergrund_holz.jpg);
	background-repeat: repeat-x;
	width: 100%;
	height: 50px;
	position: relative;
	float: left;
}

div#footertext {
	width: 840px;
	height: 30px;
	margin: 0px auto;
	margin-top: -14px;
}

div.adress {
	width: 155px;
	height: auto;
	position: relative;
	float: right;
	padding-right: 10px;
	padding-left: 10px;
}

div.adress p {
	font-size: 10px;
	color: #fff;
	line-height: 1.4em;
}

div.adress img {
	padding-top: 2px;
}

div#galerie {
	margin-left: 38px;
	margin-bottom: 30px;
	width: auto;
	height: auto;
	position: relative;
	float: left;
}

div.galeriebild {
	width: 175px;
	height: 125px;
	position: relative;
	float: left;
	margin-left: 2px;
	margin-bottom: 4px;
	background-image:url(../images/hintergrund_galeriebild.gif);
	background-repeat: no-repeat;
}

div.galeriebild img {
	padding-left: 12px;
	padding-top: 12px;
	border: 0px;
}




/* NAVIGATION */

div#menu {
	width: 187px;
	height: 300px;
	background-image:url(../images/hintergrund_menu.gif);
	background-repeat: no-repeat;
	position: relative;
	float: left;
}

  div#navigation {
	display: block;

}

/* Font size for text links */
  div#navigation ul {
	font-size: 10px;
	padding-left: 0px;
	list-style-type: none;
}
	*:first-child+html div#navigation ul {text-indent: -5000em;}

/* List elements */
  div#navigation li {
	display: block;
	height: 21px;
	background-position: 0 -21px;
	background-repeat: no-repeat;
	float: left;
}

/* Link elements */
  div#navigation a {
	display: block;
	height: 0;
	padding-top: 21px;
	background-repeat: no-repeat;
	overflow: hidden;
}
	* html div#navigation a:link, * html div#navigation a:visited {height: 21px; he\ight: 0;}

/* List and Link element images */
div#navigation li.nav1, div#navigation a.nava1 {background-image: url(../images/menu/menu_startseite.gif); width:187px;}
div#navigation li.nav2, div#navigation a.nava2 {background-image: url(../images/menu/menu_ueberuns.gif); width:187px;}
div#navigation li.nav3, div#navigation a.nava3 {background-image: url(../images/menu/menu_materialien.gif); width:187px;}
div#navigation li.nav4, div#navigation a.nava4 {background-image: url(../images/menu/menu_referenzen.gif); width:187px;}
div#navigation li.nav5, div#navigation a.nava5 {background-image: url(../images/menu/menu_kundenservice.gif); width:187px;}
div#navigation li.nav6, div#navigation a.nava6 {background-image: url(../images/menu/menu_kontakt.gif); width:187px;}
div#navigation li.nav7, div#navigation a.nava7 {background-image: url(../images/menu/menu_impressum.gif); width:187px;}

div#navigation li.mininav1, div#navigation a.mininava1 {background-image: url(../images/menu/menu_tueren.gif); width:187px;}
div#navigation li.mininav2, div#navigation a.mininava2 {background-image: url(../images/menu/menu_fenster.gif); width:187px;}
div#navigation li.mininav3, div#navigation a.mininava3 {background-image: url(../images/menu/menu_sonstiges.gif); width:187px;}

div#navigation li.nav8 {width: 187px;}
div#navigation a.nava8 {
  height: auto;
  padding-left: 33px;
  text-decoration: none;
  color: #319ACD;
  font-size: 14px;

}
div#navigation a.nava8:hover {
  color: #000000;
}

div#navigation li.mininav1, div#navigation li.mininav2, div#navigation li.mininav3 {
	display: block;
	height: 15px;
	background-position: 0 -15px;
	background-repeat: no-repeat;
	float: left;
}

  div#navigation a.mininava1, div#navigation a.mininava2, div#navigation a.mininava3 {
	display: block;
	height: 0;
	padding-top: 15px;
	background-repeat: no-repeat;
	overflow: hidden;
}
	* html div#navigation a:link, * html div#navigation a:visited {height: 21px; he\ight: 0;}


/* Initiate mouseover */
  div#navigation a:hover {
	background-image: none;
}