/*
Theme Name: Perr Holzzaun
Theme URI: http://www.perr-holzzaun.de/
Author: Florian Pahlow & Torsten Naujoks
Copyright: 2008 - Codecasters GmbH - www.codecasters.com - www.websmith.de
*/

BODY, H1, H2, H3, TABLE, TD, DIV, P, BLOCKQUOTE, FORM, INPUT, SELECT, TEXTAREA{
margin:						0px;
padding:					0px;
}

BODY{
font-family:				Verdana, sans-serif;
font-size:					11px;
text-align:					center;
color:						#000000;
background:					#ECEACF;
margin: 					0px 0px 18px 0px;
overflow:					auto;
}

#a{
position:					relative;
margin: 					0px auto;
width:						768px;
text-align:					left;
background:					#FFFFFF;
}

#b{
border-left:				1px solid #CD9360;
border-right:				1px solid #CD9360;
}

#b IMG{
border-left:				3px solid #FFFFFF;
border-right:				3px solid #FFFFFF;
border-bottom:				3px solid #FFFFFF;
}

#c{
position:					relative;
top:						-76px;
left:						17px;
margin:						0px 0px -51px 0px;
}

#d{
margin: 					0px 0px 0px 0px;
padding: 					0px 3px 3px 3px;
background-color: 			#FFFFFF;
border-left:				1px solid #CD9360;
border-right:				1px solid #CD9360;
border-bottom:				1px solid #CD9360;
}

#e STRONG{
font-family:				Verdana, "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
font-size:					13px;
font-weight:				900;
line-height:				18px;
text-decoration:			none;
color:						#FFFFFF;
background:					#CC8B51;
border-bottom:				3px solid #FFFFFF;
padding:					1px 0px 3px 18px;
display:					block;
}

#f{
background:					#FFFDE0;
border-right:				3px solid #FFFFFF;
}

/* main item first level mouseout */

#f A{
font-family:				Verdana, "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
font-size:					13px;
font-weight:				900;
line-height:				18px;
text-decoration:			none;
color:						#000000;
background:					#CD9360;
border-bottom:				3px solid #FFFFFF;
padding:					2px 0px 2px 18px;
display:					block;
}


/* main item first level mouseover, subitem second level active */

#f A:HOVER{
font-family:				Verdana, "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
font-size:					13px;
font-weight:				bold;
line-height:				18px;
text-decoration:			none;
color:						#FFFFFF;
background:					#CD9360;
border-bottom:				3px solid #FFFFFF;
padding:					2px 0px 2px 18px;
display:					block;
}


/* main item first level active */

#f H1{
font-family:				Verdana, "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
font-size:					13px;
font-weight:				900;
line-height:				18px;
text-decoration:			none;
color:						#FFFFFF;
background:					#cd9360 url(/layout/menue_arrow_right_white.gif) 0px 2px no-repeat;
border-bottom:				3px solid #FFFFFF;
padding:					2px 0px 2px 18px;
}


/* main item first level mouseout, when category subitem active */

#f STRONG A{
font-family:				Verdana, "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
font-size:					13px;
font-weight:				900;
line-height:				18px;
text-decoration:			none;
color:						#000000;
background:					#CD9360;
border-bottom:				3px solid #FFFFFF;
padding:					2px 0px 2px 18px;
display:					block;
}


/* main item first level mouseover, when category subitem active */

#f STRONG A:HOVER {
font-family:				Verdana, "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
font-size:					13px;
font-weight:				900;
line-height:				18px;
text-decoration:			none;
color:						#000000;
background:					#CD9360;
border-bottom:				3px solid #FFFFFF;
padding:					2px 0px 2px 18px;
display:					block;
}


/* category not active */

#f DIV{
background:					#FFEEAA;
display:					block;
}


/* subitem mouseout, when category not active */

#f DIV A{
font-family:				Verdana, "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
font-size:					13px;
font-weight:				300;
line-height:				18px;
color:						#000000;
background:					transparent;
padding:					2px 0px 2px 24px;
}


/* subitem mouseover, when category not active */

#f DIV A:HOVER{
font-family:				Verdana, "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
font-size:					13px;
font-weight:				bold;
line-height:				18px;
color:						#FFFFFF;
background:					#E7C694;
padding:					2px 0px 2px 24px;
}


/* category active */

#f #fa{
background:					#e7c694;
display:					block;
}

/* subitem mouseout, when category active */

#f #fa A{
font-family:				Verdana, "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
font-size:					13px;
font-weight:				300;
line-height:				18px;
color:						#000000;
background:					transparent;
padding:					2px 0px 2px 24px;
}


/* subitem mouseover, when category active */

#f #fa A:HOVER{
font-family:				Verdana, "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
font-size:					13px;
font-weight:				bold;
line-height:				18px;
color:						#FFFFFF;
background:					#e7c694;
padding:					2px 0px 2px 24px;
}

/* subitem active */

#f DIV H2{
font-family:				Verdana, "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
font-size:					13px;
font-weight:				900;
line-height:				18px;
text-decoration:			none;
color:						#CA670E;
background:					#e7c694 url(/layout/menue_arrow_right_white.gif) 0px 2px no-repeat;
border-bottom:				3px solid #FFFFFF;
padding:					2px 0px 2px 24px;
display:					block;
}


/* content area */

#g{
font-family:				Arial, sans-serif;
font-size:					12px;
font-weight:				300;
line-height:				16px;
color:						#333333;
background:					#FFFFFF url(/layout/actionbar_long.gif) top right no-repeat;
border-left:				1px solid #e7c694;
padding:					0px 0px 0px 0px;
}

#g #ga{
font-family:				Verdana, "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
font-size:					13px;
font-weight:				300;
line-height:				18px;
text-align:					right;
color:						#CD9360;
margin:						0px 0px 0px 202px;
padding:					1px 18px 2px 0px;
}

#g #ga A{
font-weight:				900;
text-decoration:			none;
color:						#CA670E;
}

#g #ga A:HOVER{
font-weight:				900;
text-decoration:			underline;
color:						#CA670E;
}

#g #ga B{
font-weight:				900;
color:						#000000;
}

#g H1, #g H2{
font-family:				Verdana, "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
font-size:					13px;
font-weight:				900;
line-height:				18px;
color:						#000000;
padding:					31px 0px 9px 18px;
}

#g H2{
padding:					12px 0px 6px 18px;
}

#g H3{
font-family:				Verdana, "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
font-size:					13px;
font-weight:				900;
line-height:				18px;
text-decoration:			none;
color:						#000000;
padding:					0px 0px 0px 0px;
}

#g A{
font-weight:				600;
text-decoration:			none;
color:						#CA670E;
}

#g A:HOVER{
font-weight:				600;
text-decoration:			underline;
color:						#CA670E;
}

#g LI{
line-height:				16px;
margin:						9px 0px 9px 0px;
}

#g LI H3{
line-height:				16px;
padding:					0px 0px 2px 0px;
}

#g LI H3 A{
font-weight:				900;
text-decoration:			none;
color:						#617521;
}

#g LI H3 A:HOVER{
font-weight:				900;
text-decoration:			underline;
color:						#666666;
}

#g P{
color:						#333333;
padding:					0px 18px 6px 18px;
}

#g BLOCKQUOTE{
padding:					9px 18px 9px 36px;
}

#g LI{
list-style-type:			none;
background:					url(/layout/bullet.gif) no-repeat 0px 1px;
padding:					0px 18px 0px 15px;
}

#g EM{
font-style:					normal;
color:						#CA670E;
}

TD{
font-family:				Arial, sans-serif;
font-size:					12px;
line-height:				16px;
}

#g #gn{
font-family:				Arial, sans-serif;
font-size:					12px;
font-weight:				300;
color:						#333333;
margin:						3px 0px 0px 18px;
}

#g #gn B{
font-family:				Verdana, "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
font-size:					13px;
font-weight:				900;
line-height:				18px;
}

#g #gn A B{
display:					block;
font-weight:				600;
text-decoration:			none;
margin:						12px 0px 0px 0px;
}

#g #gn A:HOVER B{
display:					block;
font-weight:				600;
text-decoration:			underline;
margin:						12px 0px 0px 0px;
}

#g #gn P{
font-weight:				300;
padding:					0px;
margin:						3px 18px 6px 99px;
}

#g #gz{
font-family:				Arial, sans-serif;
font-size:					10px;
font-weight:				300;
text-align:					center;
color:						#CA670E;
border-top:					1px solid #CD9360;
margin:						12px 18px 0px 18px;
padding:					3px 0px 1px 0px;
}

#g .legende{
font-family:				Arial, sans-serif;
font-size:					10px;
font-weight:				300;
color:						#333333;
}

#g .gcella{
font-family:				Arial, sans-serif;
font-size:					12px;
font-weight:				300;
color:						#CA670E;
padding:					6px 18px 6px 18px;
}

#g .gcellaa{
font-family:				Arial, sans-serif;
font-size:					12px;
font-weight:				300;
color:						#CA670E;
padding:					6px 18px 6px 36px;
}

#g .gcellb{
font-family:				Arial, sans-serif;
font-size:					12px;
font-weight:				300;
color:						#000000;
padding:					6px 18px 6px 0px;
}

#g .gcellb .rabatt{
color:						#617521;
}

#g .gcellb UL{
margin:						-9px 0px 0px 0px;
padding:					0px;
}

#g .spc{
font-size:					6px;
line-height:				6px;
height:						6px;
}


/* taglinks */

#h{
position:					absolute;
top:						78px;
left:						21px;
background:					#FFEEAA;
}

#h FORM{
border:						1px solid #E7C694;
}

#h select{
width:						400px;
margin:						5px 4px 4px 5px;
}

/* form */

/* the formular-table */

#KONTAKT{
display:					none;
}

.gft{
border-collapse:			collapse;
}


/* spacer between blocks */

.gfhr{
height:						12px;
width:						100%;
font-family:				sans-serif;
font-size:					12px;
line-height:				12px;
}

.gfsp{
height:						3px;
width:						100%;
font-family:				sans-serif;
font-size:					3px;
line-height:				3px;
}

/* tabled input container, including their text to the left and right */

.gfRowInpLeft{
height:						25px;
font-weight:				300;
line-height:				17px;
padding:					4px 0px 0px 28px;
}

.gfRowInpRight{
height:						25px;
font-weight:				300;
line-height:				17px;
padding:					4px 0px 0px 28px;
}

.gfRowInp{
height:						25px;
margin:						0px;
padding:					0px;
}


/* tabled checkbox container, including their text to the left and right */

.gfRowCbx{
height:						22px;	
padding:					0px;
}

.gfRowCbxRight{
text-align:					right;
height:						22px;
padding:					0px 18px 0px 6px;
}

.gfRowCbxLeft{
height:						22px;
padding:					0px 0px 0px 28px;
}


/* inputs */

.inp{
font-family:				Arial, sans-serif;
font-size:					12px;
font-weight:				300;
line-height:				15px;
width:						258px;
color:						#000000;
margin:						2px 0px 2px 0px;
padding:					1px 3px 0px 3px;
}

.inpORT{
font-family:				Arial, sans-serif;
font-size:					12px;
font-weight:				300;
line-height:				15px;
width:						201px;
color:						#000000;
margin:						2px 0px 2px 2px;
padding:					1px 3px 0px 3px;
}

.inpPLZ{
font-family:				Arial, sans-serif;
font-size:					12px;
font-weight:				300;
line-height:				15px;
text-align:					center;
width:						55px;
color:						#000000;
margin:						2px 0px 2px 0px;
padding:					1px 0px 0px 0px;
}

.inpUSER{
font-family:				Arial, sans-serif;
font-size:					12px;
font-weight:				300;
line-height:				15px;
width:						128px;
color:						#000000;
margin:						2px 0px 2px 0px;
padding:					1px 2px 0px 2px;
}

.selAnrede{
font-family:				Arial, sans-serif;
font-size:					12px;
font-weight:				300;
line-height:				14px;
height:						19px;
width:						158px;
color:						#000000;
margin:						2px 0px 2px 0px;
padding:					0px 0px 1px 0px;
}

.selCountry{
font-family:				Arial, sans-serif;
font-size:					12px;
font-weight:				300;
line-height:				14px;
height:						19px;
width:						158px;
color:						#000000;
margin:						2px 0px 2px 0px;
padding:					0px 0px 1px 0px;
}

.txtarea{
font-family:				Arial, sans-serif;
font-size:					12px;
font-weight:				300;
height:						90px;
width:						492px;
color:						#000000;
margin:						3px 0px 3px 28px;
padding:					1px 3px 1px 3px;
overflow:					auto;
}

.chb{
float:						left;
height:						13px;
width:						13px;
margin:						1px 4px 0px 0px;
padding:					0px;
overflow:					hidden;
}


/* the formular buttons (submit, reset,...) */

.but{
font-family:				Verdana, Helvetica, Arial, sans-serif;
font-size:					11px;
font-weight:				900;
text-align:					center;
text-decoration:			none;
color:						#000000;
background:					#FFEEAA;
border:						0px;
margin:						6px 18px 6px 442px;
padding:					2px;
border:						2px solid #cc8b51;
cursor:						pointer;
}

.but:HOVER{
font-family:				Verdana, Helvetica, Arial, sans-serif;
font-size:					11px;
font-weight:				900;
text-align:					center;
text-decoration:			none;
color:						#000000;
background:					#FFEEAA;
border:						0px;
margin:						6px 18px 6px 442px;
padding:					2px;
border:						2px solid #ca670e;
cursor:						pointer;
}


/*	Produkt view 	*/

#produkt, #firma, #farben{
width:						552px;
margin:						-20px 0px 0px 0px;
border:						0px;
}

#produkt TD, #firma TD, #farben TD{
color:						#333333;
vertical-align:				top;
padding:					5px 0px 0px 18px;
}

#produkt TD.desc, #firma TD.desc{
padding:					5px 5px 0px 9px;
}

#farben TD.desc{
padding:					5px 5px 0px 0px;
}

#produkt TD H2, #firma TD H2, #farben TD H2{
padding:					22px 0px 0px 0px;
}

#produkt TD IMG, #firma TD IMG{
border:	 					0px;
margin:		 				0px;
}

#produkt TD H1{
margin:					 	0px 0px -8px -19px;
}

#produkt TD.desc LI, #firma TD.desc LI{
list-style-type:			none;
background:					url(/layout/bullet.gif) no-repeat 0px 1px;
margin: 					0px 0px 0px -27px;
line-height:				18px;
}

#produkt td.produkt_footer, #firma td.produkt_footer{
font-size:					11px;
padding:					0px 0px 0px 19px;
}

#produkt TD.nix, #firma TD.nix{
padding:					0px;
}

#produkt td A, #farben td A{
display:					block;
margin:						5px 0px 9px 20px;
}

#firma td.nav{
vertical-align: 			bottom;
}

#firma td A.left{
margin:						21px 0px 0px 0px;
}

#firma td A.right{
margin:						21px 30px 0px 0px;
float:						right;
}

#produkt TD IMG.sonderpic{
margin:						0px 0px 0px 0px;
border:						0px;
}

.abmessungen{
padding:					0px 0px 0px 0px; 
margin:						0px 0px 0px 0px; 
border: 					0px;
width: 						60px;
}