body { 
	background: #231F20; width: 100%;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: auto; color: #CDCDCD; font-size: 70%;
	text-align: center; 
	margin: auto; padding: auto;
}
#Content { 
	width: 982px; 
	border-bottom: 25px solid #231F20;
	padding: 0;
	margin-top: 25px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto; 	
	/* opera does not like 'margin:20px auto' */
	background: #ed1b24 url(../images/bg_content_yellow.gif) 0 0 repeat-x;
	text-align: center; 
	/* part 2 of 2 centering hack */
	width: 982px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 982px;
}
* html #Content {
	width: 982px; /* ie5win fudge ends */
}
#Content.noBalk { background: none; }
#Content.BalkYellow { background: #F6EE31 url(../images/bg_content_yellow.gif) 0 0 repeat-x; } 
#Content.BalkRed { background: #ED1B24 url(../images/bg_content_red.gif) 0 0 repeat-x; } 

#Content input.Checkbox { margin-right: 5px; }

#Main { 
	float: none; text-align: left;
	width: 960px; overflow: hidden;
	border: 1px solid #C8C6C7;
	background: #231F20; 
	margin-right: 20px;
}
.Header { 
	width: 942px; text-align: left; 
	padding: 30px 9px 53px 9px; margin: 0;
}
.Logo { margin-left: 68px; }

.TopNavig {
    padding-left: 11px;
    text-align:left;
    width:auto;
}
.TopNavig a {
    float:left;
    margin-right: 10px;
}
/*
.TopNavig { 
	width: auto; text-align: left; 
	padding-left: 9px;
}
.TopNavig a { float: left; margin-right: 6px; }
*/

form.Search { width: 100%; text-align: right; margin-bottom: 20px; }
.Search input { 
	width: 79px; height: auto; 
	background: #FFF; border: none;
	font-size: 90%;
}
.Search select {
	width: 79px; height: 17px;
	background: #231F20; border: 1px solid #C8C6C7; 
	font-size: 95%; color: #FFF; line-height: 18px; 
}

#Block {
	float: left; clear: both; overflow: hidden;
	width: 942px; background: #404040;
	color: #CDCDCD;
	margin: 28px 9px 0 9px; !margin-top: 25px; 
	padding: 10px 0 10px 0;
}


#Block.productBlock { background-color: white; }

* html #Block { 
	float: none; width: 942px; 
	border-top: 20px solid #231F20; 
}

#Block a { color: #aaa; text-decoration: none; }
#Block a:hover { text-decoration: underline; }

/* -------------------------------- Farbwelt -- */
#Main .Blue { background: #00ADEF; color:#e7e7e9;}
#Main .Purple { background: #ED008C; color:#e7e7e9; }
#Main .Yellow { background: #F6EE31; color: #333; }
#Main .Green { background: #54A725; color:#e7e7e9; }
#Main .Red { background: #ED1B24; color:#e7e7e9; }

#Block h1 { 
	font-weight: normal; font-size: 145%; line-height: 125%; 
	padding: 0 10px; margin: 0 0 55px 0;
}

#Block .OneColumn,
* html #Block .OneColumn {
	float: left; width: 942px; 
	padding: 0; margin: 0 0 10px 0; 
}

#Block .TwoColumn,
* html #Block .TwoColumn {
	float: left; width: 625px; 
	padding: 0; margin: 0 0 10px 9px; 
}

#Block .TwoColumn.First,
* html #Block .TwoColumn.First,
* html #Block.Blue .TwoColumn.First,
* html #Block.Green .TwoColumn.First,
* html #Block.Yellow .TwoColumn.First,
* html #Block.Purple .TwoColumn.First,
* html #Block.Red .TwoColumn.First,
* html #Block.Grey .TwoColumn.First { width: 625px; margin-left: 0; margin-bottom: 0; }

#Block .ThreeColumn,
* html #Block .ThreeColumn {
	float: left; width: 308px;
	padding: 0; margin: 0 0 10px 9px; 
}

#Block .ThreeColumn.First,
* html #Block .ThreeColumn.First { width: 308px; margin-left: 0; }

* html #Block .ThreeColumn.Last { position: absolute; }

#Block .SmallColumn { 
	float: left; width: 150px; overflow: hidden; 
	margin: 13px 0 0 8px; padding: 0; 
}

#Block .SmallColumn.First { margin-left: 0; }
* html #Block .ThreeColumn .SmallColumn.First { width: 150px; margin-left: 0; }

#Block .ThreeColumn img,
#Block .ThreeColumn.First img,
#Block .SmallColumn img { float: left; margin: 0; padding: 0; }

#Block .ThreeColumn p,
* html #Block .ThreeColumn p  { 
	float: none; height: 215px; 
	padding: 0px 10px 13px 10px; margin: 0; 
}
#Block .SmallColumn p,
* html #Block .SmallColumn p { 
	height: auto; 
	margin: 0; padding: 0px 0 10px 1px; 
}

#Block .ThreeColumn .Title { font-size: 110%; font-weight: bold; }

#Block .MainText { clear: both; height: 58px; overflow: hidden; margin: 0; padding: 8px 0 0 0; }
#Block .MainText p { margin: 0; padding: 0 0 13px 1px; }
#Block .MainText a,
#Block .MainText .Title { color: #FFF; }

* html #Block div .ThreeColumn,
* html #Block .TwoColumn.First .ThreeColumn.First { width: 308px; margin-top: 10px; }

#Block .TwoColumn p,
#Block .TwoColumn.First p,
#Block div .ThreeColumn p,
#Block div .ThreeColumn.First p,
* html #Block div .ThreeColumn p,
* html #Block div .ThreeColumn.First p { clear: both; height: auto; }

#Content .NoneSpace_Bottom { margin-bottom: 0; padding-bottom: 0; }

/* -- About us -- */
#Block .about { padding: 10px 10px 0 68px; }
#Block .about p { line-height: 145%; }

/* -- Literature -- */
#Block .literature { font-size: 1.1em; margin-left: 68px; padding-top: 10px; }
#Block .literatureLeft { float: left; width: 520px; padding: 0 0 15px 0; margin: 0; }
#Block .literatureRight { float: left; width: 290px; padding: 0 0 15px 0; margin: 0; }
#Block .literatureRight p { padding: 0 0 25px 0; margin: 0; }

#Block .literature label { display: block; margin-bottom: 2px;}
#Block .literature input { 
	background: transparent; border: none; 
	font-family: arial, helvetica, verdana, sans-serif; 
}
#Block .literature input.Textfield { 
	background: #FFF; border: none; 
	width: 290px; 
	padding: 2px 3px 3px 3px;
}
#Block .cpd input.Textfield1 { 
	background: #FFF; border: none; 
	width: 390px; 
	padding: 2px 3px 3px 3px;
}
#Block .literature textarea  { 
	background: #FFF; border: none; 
	width: 290px; height: 68px; 
	font-family: arial, helvetica, verdana, sans-serif; font-size: 100%;
	padding: 2px 3px 3px 3px; 
}
#Block .literature .SendButton { 
	border: none; background: #000; 
	padding: 2px 8px; margin-top: 10px; 
}
#Block .literature table p { padding: 5px 0 0 0; margin: 0; }

#Block .literatureRight table p { font-size: 90%; }

/* -- Project -- */
.project {
	font-size: 110%;
	padding: 10px 0 0 10px;
}
.project p { margin: 0 0 5px 0; padding: 0; }
#Block .project a { color: #CDCDCD; } 

.projectLeft {
	float: left; width: 148px; overflow: hidden;
	margin: 0; padding: 0;
}
.projectLeft form { 
	margin: 30px 0 0 0; padding: 0;
}

.projectLeft input { margin-left: -1px; !margin-left: -5px; padding-left: 0; }

.projectRight { 
	float: none; width: auto;
	margin: 10px 0 0 148px; padding: 0;
}

.projectRight a { 
	/* border-right: 1px solid #e7e7e9; */
	margin: 0 0 0 5px; padding: 0 7px 0 0; 
}
.projectRight a.NoneLine { border-right: none; }

.projectSet { /*width: 784px;*/
	background: #312f30; height: 90px; overflow: hidden;
	margin: 0 0 20px 0; padding: 1px 0;
}

.ShowImg {
	width: 735px; white-space: nowrap; overflow: hidden;
	margin: 0; padding: 0;
}

.ShowImgScrollable {
    width: 720px; white-space: nowrap; overflow: hidden;
    margin: 0; padding: 0;
    position: relative;
    left: 32px;
}
.projectRight .projectSet a {
	border: none; 
	margin: 0 12px 0 0; padding: 0; 
}
.projectRight a.NextLink { position: absolute; margin: 34px 0 0 759px; padding: 0; }
.projectRight a.PrevLink { position: absolute; margin: 34px 0 0 9px; padding: 0; }

.projectRight a.NextLink img { 
	margin: 0; padding: 0;
}

/* ------------------------------------- Balken auf der rechten Seite -- */		
#Balk {
	position: absolute; width: 20px;
	color: #444; text-align: left;
	margin: 0px 0 0 966px; 
	padding: 0;			
}
#Balk .Quotation {
	height: 172px;
	padding: 20px 0 0 0; margin: 0;
}
#Balk .Portfolio {
	height: 170px;
	padding: 20px 0 0 0; margin: 0;
}

#Footer { 
	float: left; width: 942px; text-align: left; overflow: hidden;
	padding: 0; margin: 0 10px;
}
#Footer p { padding: 10px 0; margin: 0; }
.Space { margin-top: 10px; }

/* ------------------------------------------------------ Floater -- */	
#Floater {
	width: 735px; height: 568px;
	border: 1px solid #C8C6C7;
	margin: auto; padding: auto;
}
#Floater .Top {
	text-align: right; font-size: 90%;
	margin: 0; padding: 10px 10px 5px 10px;
	background-color: #404040;
}
#Floater .Top a.CloseLink { 
	text-decoration: none; color: #FFF;
	background: transparent url(../images/close.gif) center right no-repeat;
	padding: 0 22px 0 0; margin: 0;
}
#Floater .Top a.CloseLink:hover { 
	text-decoration: none; color: #FFF;
	background: transparent url(../images/close_a.gif) center right no-repeat;
	padding: 0 22px 0 0; margin: 0;
}
#Floater .projectInfo { 
	width: 735px;
	background: #FFF; overflow: hidden;
	color: #404040; text-align: right;
	margin: 0; padding: 35px 0;
}

#Floater .projectInfo .scrollable { text-align: left }

/*#Floater .projectInfo .ShowImg { text-align: right }*/

#Floater .projectInfoLeft { text-align: left; float: left; width: 165px; margin:0; padding: 0 10px 0 40px; }
#Floater .projectInfoLeft a { color: #404040; text-decoration: none; }
#Floater .projectInfoLeft a:hover { text-decoration: underline; }
#Floater .projectInfo p { margin: 0 0 12px 0; padding: 0; }
#Floater .projectInfo p .Title { font-size: 120%; font-weight: bold; margin: 0; padding: 0; }

#Floater .projectInfoRight { float: left; width: 480px; height: 360px; vertical-align: top; margin:0; padding: 0 40px 0 0; overflow: hidden; }
* html #Floater .projectInfoRight { float: left; }
#Floater .projectInfoRight img { /*float: right;*/ margin: 0; padding: 0; }

#Floater .projectSet {
	clear: both;
	background: #FFF; height: 92px; overflow: hidden;
	margin: 0; padding: 18px 0 0 0; 
}
#Floater .projectSet img { /*float: left;*/ margin: 0 20px 0 0; padding: 0; }
#Floater .projectSet .ShowImg img { /*float: left;*/ margin: 0 0 0 20px; padding: 0; }
#Floater .projectSet a {
	border: none; margin: 0; padding: 0;			
}
#Floater .ShowImg {
	width: 660px; white-space: nowrap; overflow: hidden;
	margin: 0 35px; padding: 0;
}

#Floater .ShowImgScrollable {
    width: 655px; white-space: nowrap; overflow: hidden;
    margin: 0 8px; padding: 0;
    position: relative;
    left: 40px;
}

#Floater a.NextLink { position: absolute; margin: 4px 0 0 712px; padding: 0; }
#Floater a.PrevLink  { position: absolute; margin: 4px 0 0 4px; padding: 0; }
#Floater a.NextLink img { 
	margin: 0; padding: 0;
}

/* ---------------------------------------------------------------- IMPORT Old CSS -- */
.projectcontent p {
	color: #000000;
	font-size: 1.1em;
	text-align:left;
}

th.title {
	border-bottom:1px solid #000000;
	color:#000000;
	text-align:left;
}
td.line {
	border-bottom:1px solid #000000;
	color:#000000;
	font-size:1em;
	padding-left:1px;
}
#Block td.line a:hover {
	text-decoration:none;
}
#Block td.line a {
	color:#000000;
	font-size:1em;
	text-decoration:none;
}
#Block .thumbnails { 
color:#000000; font-size: 1.1em;
display:block;
text-align:left;
width:260px;
}

#Block .content_thumbnails img {
	margin-bottom:13px;
	margin-right:28px;
}
.btLink {
	background: #FFFFFF;
	border: 1px solid #000000;
	color: #000000;
	font-family: arial,verdana;
	font-size: 1.05em;
	margin-top: 8px; margin-bottom: 15px;
	text-align: center;
	width: 9em;
}

a.float { 
display: block;
background:transparent url(http://woodhouse.co.uk/images/arrow.gif) no-repeat scroll 0 1px;
color:#787878;
margin:0;
padding-left:12px;
text-decoration:none;
}

#bgTransparent {
	position: absolute; z-index: 1;
	background: #000;
	filter:alpha(opacity=80); /* IE */
 	-moz-opacity:0.80; /* FF */
 	opacity: 0.80; /* Opera */
	width: 596px; height: 611px;
	margin-left: 364px;
	margin-top: 1px;
}
#bgTransparentQuotation {
	position: absolute; z-index: 1;
	background: #000;
	filter:alpha(opacity=60); /* IE */
 	-moz-opacity:0.60; /* FF */
 	opacity: 0.60; /* Opera */
	width: 596px; height: 911px;
	margin-left: 364px;
	margin-top: 1px;
}

#collectionIMG {
	position: absolute; z-index: 10;
	color: #FFFFFF; font-size: 1.1em; text-align: left;
	margin-left: 364px;
	margin-top: 1px;
	padding: 0;
}
#collectionIMG.LayerPortfolio { 
	width: 596px; height: 610px; overflow: hidden;
	border: 1px solid #F83C3B; border-top: none; border-right: 1px solid #C8C6C7; 
}
#collectionIMG.LayerQuotation,
* html .LayerQuotation { 
	width: 596px; height: 910px; overflow: hidden;
	border: 1px solid #F6EE31; border-top: none; border-right: 1px solid #C8C6C7;  
}

#collectionIMG.LayerQuotation div.sidebarContent,
* html .LayerQuotation div.sidebarContent {
    width: 580px;
    padding: 30px 8px 8px 8px;
}

.sidebarContent .columnIMG p, .sidebarContent td p.Line {
    width: 320px;
}

#collectionIMG a { text-decoration: none; }

#collectionIMG .tool {
	background: #FFF;
	margin:0;
	padding: 2px 10px;
	width: auto;
}

#collectionIMG.LayerPortfolio .tool a.Closed {
	background: transparent url(http://woodhouse.co.uk/images/closed.gif) 0 2px no-repeat;
	color: #F83C3B; text-decoration: none;
	margin:0;
	padding:0 0 0 15px;
}
#collectionIMG.LayerQuotation .tool a.Closed {
	background: transparent url(../images/close_quotation.gif) 0 2px no-repeat;
	color: #949057; text-decoration: none;
	margin:0;
	padding:0 0 0 15px;
}
.sidebarContent {
	float: left;
	margin: 0;
	padding: 32px 0 0 22px;
	position: absolute;
	z-index: 200;
}
.sidebarContent img {
	border: 1px solid #C19C72;
	float: left;
	height: 120px;
	margin-right: 21px;
	width: 120px;
}
.sidebarContent .columnIMG p, .sidebarContent td p {
	/*font-size: 12px;*/
	margin: 3px 0 5px 0;
	text-align: left;
	/*width: 130px;*/
}

.sidebarContent input.fieldEmail {
	background: #FFF;
	border: none;
	font-family: Arial,Helvetical,Verdana,Sans-Serif;
	height: 18px;
	margin: 3px 0 0;
	width: 200px;
}
.sidebarContent input.btSave {
	background: #000;
	border: 1px solid #FFF;
	color: #FFFFFF;
	font-family: Arial,Helvetical,Verdana,Sans-Serif;
	height: 20px;
	line-height: 12px;
	margin: 5px 0 0;
	padding: 1px 5px;
	text-align: center;
	width: 60px;
}
.sidebarContent a.delete:hover { text-decoration: none; }
.sidebarContent a.delete {
	background: transparent url(http://woodhouse.co.uk/images/delete.gif) no-repeat scroll 0 0;
	color: #FFFFFF;
	display: block;
	margin: 0 0 5px;
	padding: 0 0 0 15px;
}

#my_collection a { color: #aaa; }
#my_collection a:hover { text-decoration: underline; }

#collectionIMG.LayerQuotation label { display: block; }
#collectionIMG.LayerQuotation input { margin-bottom: 10px; }
#collectionIMG.LayerQuotation input.Textfield {
	background: #FFF; border: none;
	width: 210px;  font-size: 100%;
	padding: 2px 3px 3px 3px;
}
#collectionIMG.LayerQuotation input.TextfieldSmall { 
	background: #FFF; border: none;
	width: 20px;  font-size: 100%;
	padding: 2px 3px 3px 3px; margin-bottom: 0; 
}
#collectionIMG.LayerQuotation textarea  { 
	background: #FFF; border: none; 
	width: 210px; height: 68px; 
	font-family: arial, helvetica, verdana, sans-serif; font-size: 100%;
	padding: 2px 3px 3px 3px; 
}
#collectionIMG.LayerQuotation .SendButton { 
	border: none; background: #000; 
	padding: 2px 8px; margin-top: 10px; 
}

#collectionIMG.LayerQuotation h1 { font-size: 130%; }
#collectionIMG.LayerQuotation p { margin: 0; padding: 5px 0 3px 0; }

#collectionIMG.LayerQuotation .Line { border-bottom: 1px solid #FFF; margin-bottom: 8px; }

#Footer { padding-bottom: 10px; }
#Footer img { float: left; }
#Footer a { 
    float: left;
    color: #FFF; text-decoration: none; 
    margin-top: 3px;
    margin-left:36px;
    padding-left:14px; 
}
#Footer a:hover,
#Footer .actv {
    color: #FFF;
    background:transparent url(../images/footernav_arrow.gif) center left no-repeat;
    margin-left:36px;
    padding-left:14px;
    text-decoration:none;
}

/***/

#Footer a { 
    color: #FFF; text-decoration: none;
    margin-left:36px;
    padding-left:14px; 
}
#Footer a:hover,
#Footer .actv {
    color: #FFF;
    background:transparent url(../images/footernav_arrow.gif) center left no-repeat;
    margin-left:36px;
    padding-left:14px;
    text-decoration:none;
}
.TopNavig { 
    margin: 0;
    padding: 0; padding-left: 11px;
    text-align:left;                
    width:auto; line-height: 0;
}
* html .TopNavig { padding-left: 9px; }
.TopNavig a {
    float:left;
    padding: 0;line-height: 0;
    margin: 0;margin-right: 10px;
}

#Block.News {
    background: #231F20;
    padding:10px 10px 0 68px;
}
.TBNews {
    width: 622px;
    margin: 22px 0 10px 92px;
    padding: 0;
 }
 .TBNews img { margin-right: 5px; }
 .TBNews td { 
    vertical-align: top;
    border-bottom: 1px solid #FFF;
    padding: 12px 10px 12px 0; 
}

.TBNews td p, .TBNews td a { font-size: 10pt; }
