/* PCdot.de - Webdesign */

/* font global in table rows*/
td { 	
	font-family : Arial, Helvetica, sans-serif; 	 
	color : #000000; 	
	font-size : 11px;
    }

/* font global, background color and scrollbar */
body {
	background : url(http://www.holzhaus-huett.de/bilder/bg.jpg);
	background-color : #ffffff;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 2px;
	margin-bottom : 0px;
	font-family : Arial, Helvetica, sans-serif;
	color : #000000; font-size : 11px;
}

h1 { 
	font-size: 1.3em;
	}
		
h2 {
	font-size: 1.4em;
	}

p {
	margin-right: 10px;
	text-align : justify;
	}
	
/* Pageheader */
.pageheader {
	background : url(http://www.holzhaus-huett.de/bilder/oben150.jpg); 
	height : 150px;
	width : 940px;	
	}

.pagemiddle {
	background : url(http://www.holzhaus-huett.de/bilder/mitte.jpg); 
	width : 940px;	
	}

.pagefoot {
	background : url(http://www.holzhaus-huett.de/bilder/unten20.jpg); 
	height : 20px;
	width : 940px;	
	}
	
/* Tabellen */
.tabellemenu {
	width : 140px;
	vertical-align : top;
	}

.tabelleleer {
	width : 30px;
	}
	
.tabelleinhalt {
	text-align : left;
	vertical-align : top;
	}

.tabellebildergesamt {
	border-color : #000000;
	border-collapse : collapse;
	}
	
.tabellebilder {
	width : 210px;
	vertical-align : top;
	text-align : center;
	border-collapse : collapse;
	border-color : #000000;
	}

.tabelletext {
	width : 480px;
	vertical-align : top;
	text-align : left;
	border-collapse : collapse;
	border-color : #000000;
	}

.tdprojekteh1 {
	background-color: #6e7073;
	font-size: 1.1em;
	font-weight: bold;
	width : 152px;
	}

.tdprojekteimg {
	background-color: #6e7073;
	width : 152px;
	vertical-align : top;
	text-align : center;
	}

.tdprojektetd {
	background-color : #6e7073;
	font-size : 11px;
	vertical-align : top;
	text-align : left;
	width : 137px;
	}		

.tdgalerietd {
	background-color : #6e7073;
	font-size : 11px;
	vertical-align : top;
	text-align : center;
	width : 175px;
	}

.tdgalerieueber {
	background-color : #666666;
	font-size : 11px;
	vertical-align : top;
	text-align : left;
	width : 175px;
	}
		
/* Inhalt Oben*/
.inhaltoben {
	background : url(http://www.holzhaus-huett.de/bilder/inhaltoben.jpg);
	width : 680px;
	height : 20px;
	vertical-align : top;
	}
	
/* Inhalt mitte*/
.inhaltmitte {
	background : url(http://www.holzhaus-huett.de/bilder/inhaltmitte.jpg);
	width : 675px;
	text-align : left;
	padding-left : 5px;
	vertical-align : top;
	}

/* Inhalt unten*/
.inhaltunten {
	background : url(http://www.holzhaus-huett.de/bilder/inhaltunten.jpg);
	width : 680px;
	height : 20px;
	vertical-align : top;
	}
		
/* Menu Links oben */
.menulinksoben1 {
	background : url(http://www.holzhaus-huett.de/bilder/menuoben30.jpg);
	width : 140px;
	height: 30px;
	vertical-align : top;
	}

/* Menu Links oben 2 */
.menulinksoben2 {
	background : url(http://www.holzhaus-huett.de/bilder/menuoben30produkte.jpg);
	width : 140px;
	height: 30px;
	vertical-align : top;
	}
	
/* Menu Links oben 3 */
.menulinksoben3 {
	background : url(http://www.holzhaus-huett.de/bilder/menuoben30besucher.jpg);
	width : 140px;
	height: 30px;
	vertical-align : top;
	}
	
/* Menu Links mitte */
.menulinksmitte {
	background : url(http://www.holzhaus-huett.de/bilder/menumitte.jpg);
	width : 140px;
	height : 14px;
	vertical-align : top;
	text-align : left;
	padding-left: 20px;
	}
/* Menu Links mitte 2*/
.menulinksmitte2 {
	background : url(http://www.holzhaus-huett.de/bilder/menumitte.jpg);
	width : 140px;
	height : 14px;
	vertical-align : top;
	text-align : center;
	}
	
/* Menu Links unten */
.menulinksunten {
	background : url(http://www.holzhaus-huett.de/bilder/menuunten20.jpg);
	width : 140px;
	height: 20px;
	vertical-align : top;
	}

/* Navigation */
.navi1 {
	width : 20px;
	vertical-align : top;
	}

.navi2 {
	width : 128px;
	vertical-align : top;
	text-align : left;
	}
	
/* images*/
img {
	border: 1px;
	border-color : #000000;
	cursor : pointer;
}


/* images with link settings */
img.products {
	border: 1px #333366 solid;
	cursor:  pointer;
}


/* horizontal lines */
hr {
	height : 1px;
	border-top : 1px solid #333366;
}

/* sitemap*/
.sitemap {
 	padding : 3px;
	font-size : 11px;
	font-family : Helvetica, sans-serif, verdanna;
	}

/* foot note*/
.footnote {
	border-top : 1px solid #333366;
	padding-top : 5px;
	color : #333366;
}


/* category links*/
a.menue {
	font-size         : 11px;
	text-decoration   : none;
	display           : block;
	color             : #3F405A;
	background-color  : #ffaa00;
	border            : 1px #3F405A solid;
	margin-bottom     : 3px;
	cursor            : pointer;
	padding           : 3px;
}
a.menue:link {
	font-size         : 11px;
	text-decoration   : none;
	display           : block;
	color             : #3F405A;
	background-color  : #ffaa00;
	border            : 1px #3F405A solid;
	margin-bottom     : 3px;
	cursor            : pointer;
	padding           : 3px;
}
a.menue:visited {
	font-size         : 11px;
	text-decoration   : none;
	display           : block;
	color             : #3F405A;
	background-color  : #ffaa00;
	border            : 1px #3F405A solid;
	margin-bottom     : 3px;
	cursor            : pointer;
	padding           : 3px;
}
a.menue:hover {
	font-size         : 11px;
	text-decoration   : none;
	display           : block;
	color             : #FFFFFF;
	background-color  : #ffaa00;
	border            : 1px #ffffff solid;
	margin-bottom     : 3px;
	cursor            : pointer;
	padding           : 3px;
}


/* homepagenav links: next page etc. */
a {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}
a:link {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

a:visited {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	}
a:hover {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

a:active {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	}


/* buttons and boxes*/
.inputbox {
	font-size : 11px;
	font-family : Arial, Helvetica, sans-serif;
	color : #3F405A;
	background-color : #CFDDE9;
	height: 20px;
}
.buttons {
	font-size : 10px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	text-align : center;
	color : #3F405A;
	background-color : #DCE1E5;
	padding : 0px;
	margin-bottom : 5px;
	cursor : pointer;
	border : 1px #3F405A solid;
}


/* list boxes */
.select {
	font-size : 10px;
	font-family : Arial, Helvetica, sans-serif;
	color : #3F405A;
	background-color : #CFDDE9;
}

.textarea {
	font-size : 11px;
	font-family : Arial, Helvetica, sans-serif;
	color : #3F405A;
	padding : 0px;
	background-color : #CFDDE9;
	}


/* banner */
.bannertext {
	font-size : 11px;
	font-family : "Courier New", Courier, mono;
	font-weight: bold;
	color: #3C4751;
	text-align : center;
}

.tablebanner {
	width: 800px;
}


/* warning message */
.red {
	font-family : Arial, Helvetica, sans-serif;
	color : #E10000;
	font-size : 11px;
}


.gruen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #66FF33;
	
}

.weiss {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	
}

