/*
	Allgemeine Definitionen
	===============================================================================================
*/
body { margin : 0; padding : 0; border : none; background : #fff; font : normal 12px Arial, Verdana, sans-serif; color : black;}
div, p, form { margin : 0; padding : 0; border : none; }
hr { display : none; }
a {	color : #003263;text-decoration : underline;}
a:hover {color : #000;text-decoration : underline;}
.hidden { display : none; }
.uppercase { text-transform : uppercase; }
.clearboth { clear : both; }
#container_index { width : 780px; margin : 30px 0 0 20px;}
#container { width : 780px; margin : 0 0 0 20px;}
.fl { float: left; }
.fr { float: right; }
img { border : 0; }
p.csc-caption {
	margin 2px 0 0 0; padding 0; border: 0;	font : normal 11px Arial, Verdana, sans-serif; color : #003263;
}
table.contenttable {	border:1px solid #939498;border-collapse:collapse;}
table.contenttable td {	border-color:#939498; padding:2px;vertical-align:top;}

/*
	Textklassen
	===============================================================================================
*/
.text1 { font : normal 12px Arial, Verdana, sans-serif; color : white; }
.text2 { font : normal 12px Arial, Verdana, sans-serif; color : #7392A7; }
.text3 { font : normal 12px Arial, Verdana, sans-serif; color : #003263; }
.text4 { font : normal 12px Arial, Verdana, sans-serif; color : black; }
.text5 { font : normal 10px Arial, Verdana, sans-serif; color : #003263; }

/*
	�berschriften
	===============================================================================================
*/
h2 { font : normal 20px Arial, Verdana, sans-serif; color : #003263; margin : 0; padding : 0; }
h3 { font : bold 16px Arial, Verdana, sans-serif; color : #003263; margin : 0 0 20px 0; padding : 0;}
h5 { font : normal 12px Arial, Verdana, sans-serif; color : #003263; margin : 0; padding : 1px 0 1px 0; }


/*
	Links
	===============================================================================================
*/
a.weiter1 {
	padding : 0 0 0 18px;
	font : normal 10px Arial, Verdana, sans-serif; color : #003263; text-decoration : none;
	text-transform : uppercase;
	background : url("../pix/weiter1.gif") no-repeat 0 1px;
}

a.weiter1:hover {
	padding : 0 0 0 18px;
	font : normal 10px Arial, Verdana, sans-serif; color : #003263; text-decoration : underline;
	background : url("../pix/weiter1.gif") no-repeat 0 1px;
}

a.weiter1b {
	padding : 0 0 0 18px;
	font : bold 11px Arial, Verdana, sans-serif; color : #003263; text-decoration : none;
	text-transform : uppercase;
	background : url("../pix/weiter1.gif") no-repeat 0 1px;
}

a.weiter1b:hover {
	padding : 0 0 0 18px;
	font : bold 11px Arial, Verdana, sans-serif; color : #003263; text-decoration : underline;
	background : url("../pix/weiter1.gif") no-repeat 0 1px;
}

a.weiter2 {
	padding : 0 0 0 18px;
	font : normal 10px/20px Arial, Verdana, sans-serif; color : #003263; text-decoration : none; text-transform : uppercase;
	background : url("../pix/weiter2.gif") no-repeat 0 1px;
}

a.weiter2:hover {
	padding : 0 0 0 18px;
	font : normal 10px/20px Arial, Verdana, sans-serif; color : #003263; text-decoration : underline; text-transform : uppercase;
	background : url("../pix/weiter2.gif") no-repeat 0 1px;
}

a.ub {
	padding : 0 0 0 18px;
	font : bold 12px Arial, Verdana, sans-serif; color : #003263; text-decoration : none; text-transform : uppercase; line-height : 20px;
	background : url("../pix/weiter1.gif") no-repeat 0 2px;
}

a.ub:hover {
	padding : 0 0 0 18px;
	font : bold 12px Arial, Verdana, sans-serif; color : #003263; text-decoration : underline; text-transform : uppercase; line-height : 20px;
	background : url("../pix/weiter1.gif") no-repeat 0 2px;
}


/*
	Header
	===============================================================================================
*/
#header {
	width : 780px; height : 60px; overflow : hidden; margin : 4px 0 0 0;
	background : #003263 url("/fileadmin/templates/pix/logo.jpg") no-repeat 695px 14px;
}

#header h1 {
	width : 630px; height : 60px; overflow : hidden; display : block;
	margin : 0 0 0 10px; padding : 0;
	background : url("/fileadmin/templates/pix/schriftzug.jpg") no-repeat 0px 15px;
}

#language {
	margin : 30px 0 0 0;
	padding : 0;
	text-align: right;
}

#language ul { padding : 0; margin : 0; list-style-type : none; }

#language li {
	display: inline;
	font : normal 9px Arial, Verdana, sans-serif;
}

#language a {
	margin : 0; padding : 1px 5px 1px 5px;
	font : normal 9px Arial, Verdana, sans-serif; color : #003263; text-transform : uppercase; text-decoration : none; line-height : 11px;
}
#language a:HOVER { background : #D8B50F; color : white; }
/*
	Menu 1 - das Hauptmen�
	===============================================================================================
*/
#menu1 {
	width : 780px; height : 30px; overflow : hidden; margin : 0 0 10px 0; 

}
#menu1 ul {
	list-style-type : none; margin : 0; padding : 0;
}
#menu1 ul.dw { margin : 0; }
#menu1 ul li {
	margin : 5px 0 0 0; padding : 0; float : left;
}
#menu1 a {
	height : 15px; margin : 0 0 0 5px; padding : 0 5px 0 5px; float : left;
	font : normal 11px Arial, Verdana, sans-serif; color : black; text-decoration : none; text-transform : uppercase; letter-spacing : 1px;
}

#menu1 .active {
	height : 15px; margin : 0 0 0 5px; padding : 0 5px 0 5px; float : left;
	font : normal 11px Arial, Verdana, sans-serif; color : black; text-decoration : none; text-transform : uppercase; letter-spacing : 1px;
	background : #D8B50F; color : white;
}

#menu1 a:HOVER { background : #D8B50F; }
#menu1 a.dw:HOVER, #menu1 span.active { background : #D8B50F; color : white; }
#menu1 a:HOVER span.en { color : white; }
#menu1 a span.en { color : #939498; }

/*
	Klickpfad oben
	===============================================================================================
*/
#klickoben {
  padding-bottom: 10px;
  padding-left: 8px;
}
#klickoben a {
  text-decoration:none;

}
#klickoben a:hover {
  text-decoration:underline;
}

/*
	Menu 2 - das Submen� auf den Contentseiten der Drahtweberei
	===============================================================================================
*/
#menu2 {
	width : 780px; height : 45px; overflow : hidden; margin : -10px 0 0 0;
	background : url("../pix/bg05.gif") top left repeat-x #003263;
}
#menu2 ul {
	list-style-type : none; margin : 0; padding : 0 0 0 10px; height : 18px; overflow : hidden;
	background : url("../pix/bg13.gif") 0 10px no-repeat white;
	float : right;
}
#menu2 ul li {
	margin : 0; padding : 0;
	background : white;
	float:left;
}
#menu2 a {
	height : 11px; margin : 3px 0 0 0; padding : 1px 5px 1px 5px; float : left;
	font : normal 9px Arial, Verdana, sans-serif; color : #003263; text-transform : uppercase; text-decoration : none; line-height : 11px;
}
#menu2 a:HOVER { background : #D8B50F; color : white; text-decoration : none; }
#menu2 h2 {
	margin : 0; padding : 18px 0 0 15px;
	color : white; text-transform : uppercase; font : bold 15px Arial, Verdana, sans-serif;
}


/*
	1. Ebene Ueberschrift in linkem Menue
	===============================================================================================
*/
.m2 {
  width: 166px;
  text-transform : uppercase; text-decoration : none; line-height : 20px;
  background : #D8B50F; 
  color : white;
  padding-left: 4px;
  margin-bottom: 10px;  
}


/*
	Unternehmensbereiche - nur auf der Splitting-Seite!
	===============================================================================================
*/
#unternehmensbereiche {
	width : 780px; height : 150px; overflow : hidden;
	background : white url("../pix/bg01.gif") no-repeat bottom center;
}
#unternehmensbereiche .bereich1 {
	width : 387px; height : 140px; overflow : hidden; margin : 0 6px 0 0;
	float : left;
	background : #CCD6E0 url("../pix/drahtweberei.jpg") no-repeat;
}
#unternehmensbereiche .bereich2 {
	width : 387px; height : 140px; overflow : hidden;
	float : left;
	background : #CCD6E0 url("../pix/maschinenfabrik.jpg") no-repeat;
}
#unternehmensbereiche h2 {
	visibility : hidden; display : block; width : 387px; height : 95px; overflow : hidden; margin : 0; padding : 0;
}
#unternehmensbereiche .bereich1 form {
	width : 387px; height : 45px; display : block; overflow : hidden; margin : 0; padding : 15px 0 0 14px;
	background : url("../pix/bg02.gif") no-repeat 345px 18px;
}
#unternehmensbereiche .bereich2 form {
	width : 387px; height : 45px; display : block; overflow : hidden; margin : 0; padding : 15px 0 0 173px;
	background : url("../pix/bg03.gif") no-repeat 14px 18px;
}
#unternehmensbereiche select {
	width : 200px; height : 19px; border : solid #A5ACB2 1px; padding : 0 0 0 3px;
	font : normal 11px Arial, Verdana, sans-serif; color : black;
}


/*
	contentsplit - nur auf der Splitting-Seite!!!
	===============================================================================================
*/
#contentsplit {
	width : 780px; min-height : 355px;
	background : #003263 url("../pix/bg04.gif") no-repeat top;
}
#contentsplit h3 {
	width : 150px; height : 355px; margin : 0 0 -295px 0; padding : 0; overflow : hidden; display : block;
	position : relative; top : 0; left : 20px;
	background : url("../pix/willkommen.jpg") no-repeat 0px 45px;
}
#contentsplit .content {
	width : 535px;
	position : relative; top : 0; left : 245px;
}
#contentsplit p { padding : 0 45px 20px 0; }


/*
	Balken - das Contentbild auf den Seiten der Drahtweberei
	===============================================================================================
*/
#balken {
	width : 780px; height : 105px;
}


/*
	content1 - linker Contentbereich auf der Drahtweberei-Home-Seite
	===============================================================================================
*/
#content1 {
	width : 430px; float : left; padding : 0 0 0 10px;
}
#content1 h2 { margin : 0; padding : 0 0 25px 0; }
#content1 h3.ub {
	display : block; width : 400px; height : 95px; overflow : hidden; margin : 0 0 25px 0; padding : 0;
	background : url("../pix/unternehmensbereiche.jpg") no-repeat bottom;
}
#content1 p { padding : 0 60px 0 0; }
#content1 .l p, #content1 .r p { padding : 0 30px 0 0; }
#content1 .l { width : 185px; margin : 0; padding : 0; float : left; }
#content1 .r { width : 245px; margin : 0; padding : 0; float : left; }
#content1 ul { list-style-type : none; margin : 0; padding : 0; }
#content1 ul li { margin : 0; padding : 0; }
#content1 h3.ww {
	display : block; width : 185px; height : 105px; overflow : hidden; margin : 0; padding : 0;
	background : url("../pix/weltweit.gif") no-repeat 0px 34px;
}
#content1 .hr {
	display : block; height : 40px; width : 100%; overflow : hidden;
	position : relative; left : -10px;
	background : white url("../pix/linie1.gif") repeat-x center;
	clear : both;
}

#cover01 {
	position : absolute; top: 280px; left: 20px;
	width : 439px;
	height : 20px;
	background : url("../pix/cover01.gif") top left no-repeat;
}
#cover02 {
	position : absolute; top: 290px; left: 460px;
	width : 341px;
	height : 37px;
	background : url("../pix/cover02.gif") top left no-repeat;
}

/*
	rollover Men�s
	==============================================================================================
*/
.rollover {
	background : white;
	width : 252px;
	margin : 0;
	padding : 0;
	border-top : 1px solid #fff; border-right : 1px solid #003263; border-bottom : 1px solid #003263; border-left : 1px solid #003263;
	margin-top: -23px;
}

* html .rollover {
  margin-top: 83px;
}

#sub0 {
  margin-top: 0px;
}

.abschluss { margin : 3px 0 0 0; background : url("../pix/linie3.gif") repeat-x top ; }

.rollover ul{
	margin : 5px 0 0 0; padding : 0 10px 30px 10px; list-style-type : none;
	width : 230px;

}

.rollover li {
	padding : 0 0 4px 0;
	background : url("../pix/linie3.gif") repeat-x bottom;
	margin : 0;
}

.rollover a {
	display : block; xheight : 11px; margin : 3px 0 0 0; padding : 1px 5px 1px 5px;
	font : normal 10px Arial, Verdana, sans-serif; color : #333333; text-transform : uppercase; text-decoration : none; line-height : 11px;

}
.rollover a:HOVER { background : #D8B50F; color : white; text-decoration : none; }

/*
	Position und default display style der einzelnen Drop Down Men�s.
	sub0 bezeichnet das Layer der Sprachauswahl.
	==============================================================================================
*/

#sub0 { position : absolute; top : 45px; left : 546px; display : none;}
#sub1 { position : absolute; top : 145px; left : 20px; display : none;}
#sub2 { position : absolute; top : 145px; left : 69px; display : none;}
#sub3 { position : absolute; top : 145px; left : 168px; display : none;}
#sub4 { position : absolute; top : 145px; left : 333px; display : none;}
#sub5 { position : absolute; top : 145px; left : 400px; display : none;}
#sub6 { position : absolute; top : 145px; left : 535px; display : none;}



/*
	content2 - rechter Contentbereich auf der Drahtweberei-Home-Seite
	===============================================================================================
*/
#content2 {
	width : 340px; float : left;
}

#content2 h3 { margin : 0; padding : 32px 0 22px 25px; }
#content2 .teaser {
	width : 310px; height : 130px; overflow : hidden; margin : 0 0 0 25px;
	background : #CCD6E0 url("../pix/bg07.gif") no-repeat bottom;
}
#content2 img {
	width : 75px; height : 80px; overflow : hidden; margin : 8px 17px 0 0; padding : 0; float : left;
	border : solid white 2px;
	border-left : none;
}
#content2 .teaser h5 { padding : 11px 0 1px 0; }
#content2 .teaser p { padding : 0 50px 0 0; }
#content2 .news {
	width : 290px; margin : 20px 0 0 50px;
}
#content2 .news p { padding : 0 15px 30px 0; }


/*
	content3 - enth�lt das Submen� auf den Contentseiten
	===============================================================================================
*/
#content3 sup { font-size: 80%; vertical-align: top; }
#content3 {
	width : 202px; float : left;
	background : url("../pix/bg09.gif") no-repeat top left;
	margin : 0 0 300px 0;

}
#content3 ul { list-style-type : none; margin : 0 0 0 10px; padding : 40px 0 0 0; border : none; }
#content3 ul ul { margin : 0; padding : 0; }
#content3 li {
	display : inline; width : 150px; margin : 0; padding : 0; list-style-type : none;
}
#content3 span {
	display : block; width : 170px; overflow : hidden; margin : 0; padding : 2px 0 0 0;
	background : url("../pix/linie2.gif") repeat-x top;
}
#content3 span.linie { margin : 0 0 0 10px; }

#content3 div.spacer {
	display : block; width : 170px; overflow : hidden; margin : 0; height : 10px; padding : 2px 0 0 0;
	background : url("../pix/linie2.gif") repeat-x top;
}

#content3 ul a {
	display : block; width : 170px; margin : 0 0 1px 0; padding : 2px 0 2px 3px;
	font : normal 10px/10px Arial, Verdana, sans-serif; color : #333333; text-decoration : none; text-transform : uppercase;
}
#content3 ul ul a.active {
	padding : 2px 0 2px 15px;
	background : url("../pix/bg10.gif") no-repeat 15px 10px;
	font : normal 10px/10px Arial, Verdana, sans-serif; color : #003263; text-decoration : none; text-transform : uppercase;
	width : 155px;
}

#content3 ul ul ul ul {
	margin : 0; padding : 0;
}

#content3 ul ul ul a {
	padding : 2px 0 2px 25px; width : 145px;
}
#content3 ul ul ul ul a {
	padding : 2px 0 2px 38px;
	background : url("../pix/bg10.gif") no-repeat 31px 5px;
	 width : 125px;
}
#content3 ul ul ul ul ul a {
	padding : 2px 0 2px 45px;
	background : url("../pix/bg10.gif") no-repeat 38px 5px;
	 width : 105px;
}

#content3 ul ul a {
	padding : 2px 0 2px 15px;
	width : 155px;
}
#content3 ul ul ul a.active {

	padding : 2px 0 2px 25px; width : 145px;
	font : normal 10px/10px Arial, Verdana, sans-serif; color : #003263; text-decoration : none; text-transform : uppercase;
}
#content3 ul ul ul ul a.active {
	padding : 2px 0 2px 38px;
	background : url("../pix/bg10.gif") no-repeat 31px 5px;
	 width : 125px;
	font : normal 10px/10px Arial, Verdana, sans-serif; color : #003263; text-decoration : none; text-transform : uppercase;
}
#content3 ul ul ul ul ul a.active {
	padding : 2px 0 2px 45px;
	background : url("../pix/bg10.gif") no-repeat 38px 5px;
	 width : 105px;
	font : normal 10px/10px Arial, Verdana, sans-serif; color : #003263; text-decoration : none; text-transform : uppercase;
}
/*
#content3 ul a:HOVER { background : #DDB309; color : white; } 
#content3 ul a.active { background : #DDB309; color : white; }
*/


#content3 ul a.active, #content3 ul a:hover { 
font : bolt 10px/10px Arial, Verdana, sans-serif; color : #003263; text-decoration : none; text-transform : uppercase;
 }


#content3 ul ul a:HOVER { background : url("../pix/bg10.gif") no-repeat 8px 5px; color : #003263; }
#content3 ul ul a.active { background : url("../pix/bg10.gif") no-repeat 8px 5px; color : #003263; }
#content3 ul ul ul a:HOVER { background : url("../pix/bg10.gif") no-repeat 18px 5px; color : #003263; }
#content3 ul ul ul a.active{ background : url("../pix/bg10.gif") no-repeat 18px 5px; color : #003263; width : 145px; }
#content3 ul ul ul ul a:HOVER { background : url("../pix/bg10.gif") no-repeat 31px 5px; color : #003263; width : 125px; }
#content3 ul ul ul ul ul a:HOVER { background : url("../pix/bg10.gif") no-repeat 38px 5px; color : #003263; width : 105px; }
/*
	contentbild - Enth�lt das Contentbild, das dynamisch ausgetauscht werden kann;
	die eckigen Aussparungen liegen als transparentes GIF (#cover03) dar�ber.
	===============================================================================================
*/

#contentbild {
	float : right; width : 578px; height : 107px;
	overflow:hidden; 
}

#cover03 {
	position : relative; top: -95px; left : 0px;
	width : 578px; height : 107px;
	background : url("../pix/cover03.gif") no-repeat top;
}

#cover04 {
	position : relative; top: -95px; left : 0px;
	width : 578px; height : 107px;
	background : url("../pix/cover04.gif") no-repeat top;
}



/*
	content4 - Enth�lt die mittlere Spalte der Contentseiten
	===============================================================================================
*/

#content4 sup { font-size: 80%; vertical-align: top; }
#content4 ul { list-style-type : none; padding : 0 20px 0 0; }
#content4 li { padding : 0 0 10px  15px; background : url("../pix/weiter3.gif") 0 2px no-repeat; }
#content4 ol li { padding : 0 0 10px  0; background : none;}
#content4 {
	width : 393px; overflow : hidden; float : left; padding : 0 20px 0 0;
	position : relative; top: -15px; left : 0px;
}
#content4 h2 { padding : 0; margin : 10px 0 0 0; }
#content4 h3 { padding : 0; margin : 0; }
#content4 h4 { padding : 0; margin : 0; }
#content4 h5 { padding : 0; margin : 0; }
#content4 p { padding : 0 0 5px 0; }
#content4 .hr {
	display : block; height : 10px; width : 388px; overflow : hidden;
	margin : 10px 0 0 0;
	background : white url("../pix/linie1.gif") repeat-x top;
	clear : both;
}
#content4 .teaser { clear : both; margin : 0; padding : 0; }
#content4 .teaser h5 { font : bold 12px Arial, Verdana, sans-serif; text-transform : uppercase; margin : 0; padding : 0 0 2px 0; }
#content4 .teaser div.r { width : 312px; float : left; padding : 0 0 10px 0; }

#content4 .ref_teaser { clear : both; margin : 0; padding : 0; }
#content4 .ref_teaser {
	width : 65px; height : 65px; border : none; margin : 0 20px 20px 0; padding : 0; float : left;
}
#content4 .ref_teaser h5 { font : bold 12px Arial, Verdana, sans-serif; text-transform : uppercase; margin : 0; padding : 0 0 2px 0; }
#content4 .ref_teaser p { margin : 0; padding : 0 50px 0 0; }
#content4 .ref_teaser div.r { width : 322px; float : left; padding : 0 0 10px 0; }


#content4 .box {width : 368px;background : #CCD6E0;padding : 5px 10px 0 10px;margin: 10px 0 0 0;
}

#content4 .box a {text-decoration : none;}
#content4 .box a:hover {text-decoration : underline;color: black;}
#content4 .box a.weiter1 {background : url("../pix/weiter2.gif") no-repeat 0 1px;}
#content4 .box a.weiter1:hover {background : url("../pix/weiter2.gif") no-repeat 0 1px;}

#content4 table.contenttable {	margin:0; padding:0;border:0px;width : 100%;}

.detail {
	margin : 12px 0 5px 0;
	padding : 0;
}



/*
	content5 - die Teaser in der rechten Spalte der Contentseiten
	===============================================================================================
*/
#content5 {
	width : 165px; float: right; margin : 35px 0px 0px 0px;
	overflow: hidden;
}
#content5 .box {
	width : 100%;
	background-color: #CCD6E0;
	background-image: url("../pix/bg12.gif");
	background-position: 152px bottom;
	background-repeat: no-repeat;
	padding : 5px 0px 5px 15px;
	margin: 0px 0px 10px 0px;
}
#content5 .box img {
	margin: 0 0 0 -15px;
}
#content5 .bild {
	margin : 0 0 15px 0;
}
#content5 ul {
	padding : 10px 0 10px 0;
	margin: 0;
	list-style-type : none;
	line-height : 12px;
}
#content5 li {
	margin : 0;
	padding: 0;
	list-style-type : none;
}

#content5 p {
	margin : 10px 0 10px 0;
}
#content5 a.weiter1 {
	padding : 0 0 0 18px;
	font : normal 10px/20px Arial, Verdana, sans-serif; color : #003263; text-decoration : none; text-transform : uppercase;
	background : url("../pix/weiter2.gif") no-repeat 0 1px;
}

#content5 a.weiter1:hover {
	padding : 0 0 0 18px;
	font : normal 10px/20px Arial, Verdana, sans-serif; color : #003263; text-decoration : underline; text-transform : uppercase;
	background : url("../pix/weiter2.gif") no-repeat 0 1px;
}
.trennlinie {
	width : 100%; height : 1px; margin : 0; padding : 0; background : url("../pix/linie3.gif") repeat-x top;
	font-size : 1px;
}
#content5 .hr {
	display : block; height : 40px; width : 100%; overflow : hidden;
	position : relative; left : -10px;
	background : white url("../pix/linie1.gif") repeat-x center;
	clear : both;
}
#content5 .hr2 {
	height : 10px; width : 100%; overflow : hidden;
	background : white url("../pix/linie1.gif") repeat-x center;
	clear : both;
	margin : 0 0 10px;
}
.termin {
	font : normal 11px Arial, Verdana, sans-serif; color : black; padding : 0 0 0 15px; margin : 5px 0 20px 0; text-transform :  uppercase;
}

.auswahl {
	width : 165px;
	font : normal 11px Arial, Verdana, sans-serif;
	color : black;
	background : #CCD6E0;
	margin : 0 0 15px 0;
}


.projekt_thumbs {
	margin : 0;
	padding : 0;
}

.img1 {
	width : 80px;
	height : 80px;
	float : left;
	margin : 0 5px 5px 0;
	padding : 0;
}

.img2 {
	width : 80px;
	height : 80px;
	margin : 0;
	padding : 0;
	float : right;
}

.comment_links a {
	width : 64px; height : 64px; margin : 0 5px 5px 0; padding : 8px;	float : left;
	background : #CCD6E0;
	font : normal 9px Arial, Verdana, sans-serif; color :  #003263; text-decoration : none;
}
.comment_links a:hover {
	width : 64px; height : 64px; margin : 0 5px 5px 0; padding : 8px;	float : left;
	background : #CCD6E0;
	font : normal 9px Arial, Verdana, sans-serif; color :  #003263; text-decoration : underline;
}

.comment_rechts a {
	width : 64px; height : 64px; margin : 0; padding : 8px;	float : right;
	background : #CCD6E0;
	font : normal 9px Arial, Verdana, sans-serif; color :  #003263; text-decoration : none;
}

.comment_rechts a:hover {
	width : 64px; height : 64px; margin : 0; padding : 8px;	float : right;
	background : #CCD6E0;
	font : normal 9px Arial, Verdana, sans-serif; color :  #003263; text-decoration : underline;
}



/*
	Architektur Homepage
	===============================================================================================
ACHTUNG: wird nicht mehr verwendet (daf�r .boarder .box_1)

#content6 {
	margin : 10px 0 0 0;
}

#content6 .l{
	float : left;
	width : 272px; height : 231px;
	padding : 10px 0 0 0;
}
#content6 .r, #content6 .rf{
	float : right;
	width : 246px; height : 201px;
	padding : 40px 30px 0 30px;
	background : url("../pix/arch_02.jpg") top left no-repeat;
	font : normal 12px Arial, Verdana, sans-serif;
	color : black;
}
#content6 .rf {
	background : url("../pix/arch_04.gif") no-repeat top left;
}

#content6 ul {
	list-style-type : none;
	margin : 20px 0 0 117px;
	padding : 0;
}

#content6 a {
	font-size : 11px;
	font-weight : bold;
	text-transform : uppercase;
	line-height : 18px;
}
*/


#content7 {
	width : 403px; overflow : hidden; float : left; padding : 0 0 0 0;
}
#content7 h2 { padding : 0; margin : 0; }
#content7 p { padding : 15px 20px 10px 0; }
#content7 .hr {
	display : block; height : 20px; width : 388px; overflow : hidden;
	background : white url("../pix/linie1.gif") repeat-x top;
	clear : both;
}
#content7 .teaser { clear : both; margin : 0; padding : 0; }
#content7 .teaser img {
	width : 106px; height : 95px; border : none; margin : 0 20px 20px 0; padding : 0; float : left;
}
#content7 .teaser h5 { font : bold 12px Arial, Verdana, sans-serif; text-transform : uppercase; margin : 0; padding : 0 0 2px 0; }
#content7 .teaser p { margin : 0; padding : 0 40px 0 0; margin : 0 0 10px 0; }
#content7 .teaser div.r { width : 275px; float : left; padding : 0 0 10px 0;}

#content7 .ref_teaser { clear : both; margin : 0; padding : 0; }
#content7 .ref_teaser img {
	width : 65px; height : 65px; border : none; margin : 0 20px 20px 0; padding : 0; float : left;
}
#content7 .ref_teaser h5 { font : bold 12px Arial, Verdana, sans-serif; text-transform : uppercase; margin : 0; padding : 0 0 2px 0; }
#content7 .ref_teaser p { margin : 0; padding : 0 50px 0 0; }
#content7 .ref_teaser div.r { width : 322px; float : left; padding : 0 0 10px 0; }


/*
	fassaden-startseite (etc.)
	===============================================================================================
ACHTUNG: wird nicht mehr verwendet (daf�r .boarder .box_2)

#content8 {width : 568px; overflow : hidden; float : left; padding : 0 0 0 0;}
#content8 h2 { padding : 0; margin : 0; }
#content8 p { padding : 15px 20px 10px 0; }
#content8 .hr {	display : block; height : 20px; width : 568px; overflow : hidden;	background : white url("../pix/linie1.gif") repeat-x top;	clear : both;}
#content8 .teaser { float : left; margin : 0 0 20px 0; padding : 0; }
#content8 .teaser img {	width : 106px; height : 95px; border : none; margin : 0 20px 0 0; padding : 0; float : left;}
#content8 .teaser h5 { font : bold 12px Arial, Verdana, sans-serif; text-transform : uppercase; margin : 0; padding : 0 0 2px 0; }
#content8 .teaser p { margin : 0; padding : 0 40px 0 0; margin : 0 0 10px 0; }
#content8 .teaser div.r { width : 148px; float : left; padding : 0 0 10px 0; }
#content8 {width : 578px;height :500px;float : right;}
#content8 #intro {width : 578px;margin : 10px 0 0 0;}
#content8 #intro .links {width : 165px;	height : 194px;	background : #fff;	float : left;	margin : 10px 0 30px 0;}
#content8 #intro .rechts {width : 411px;height : 204px;	background : url("../pix/bg15.gif") top right no-repeat #CCD6E0;	margin : 0 0 30px 2px;	float : right;}
#content8 #intro #text {	height : 174px;	margin : 40px 0 0 0;	padding : 0 20px 0 30px;	background : url("../pix/bg16.gif") bottom right no-repeat #CCD6E0;}
#content8 ul {	list-style-type : none;	padding : 0;	margin : 15px 0 0 120px;}
#content8 li {	padding : 0 0 2px 15px;	background : url("../pix/bg17.gif") 0 2px no-repeat;}
#content8 .hr {	display : block; height : 20px; width : 388px; overflow : hidden;	background : white url("../pix/linie1.gif") repeat-x top;	clear : both;}
#content8 .teaser { margin : 0; padding : 0; float : left; width : 289px; margin : 20px 0 0 0}
#content8 .teaser p { margin : 0 0 5px 0; }
#content8 .teaser img {	width : 65px; height : 65px; border : none; margin : 0 15px 0 0; padding : 0; float : left;
}
*/

/*
	Suche
	===============================================================================================
*/
/* -- Allgemeine Einstellungen f�r Schriftart, Links etc.--*/
div.tx-indexedsearch {
	width : 578px;
	margin : 10px 0 0 0;
	float : right;
}
.tx-indexedsearch {
	font : normal 12px Arial, Verdana, sans-serif;
}
.tx-indexedsearch-res br {line-height:15px; }

.tx-indexedsearch h2 a { font : bold 16px Arial, Verdana, sans-serif; color : #003263; margin : 0; padding : 0; }
.tx-indexedsearch h3 a { font : bold 16px Arial, Verdana, sans-serif; color : #003263; margin : 0; padding : 0;}
.tx-indexedsearch h4 a { font : normal 12px Arial, Verdana, sans-serif; color : #003263; margin : 0; padding : 1px 0 1px 0; }
.tx-indexedsearch .hr {	margin : 0; display : block; height : 20px; width : 578px; overflow : hidden;	background : white url("../pix/linie1.gif") repeat-x top;clear : both;}
.tx-indexedsearch ul {	list-style-type : none;	padding : 0; margin : 15px 0 0 0px;}




.tx-indexedsearch li { padding : 0 0 4px 15px; background : url("../pix/weiter2.gif") 0 2px no-repeat;}

.tx-indexedsearch a {
	height : 15px; font : normal 11px Arial, Verdana, sans-serif; color: black; text-decoration : underline; text-transform : uppercase; 
}
.tx-indexedsearch a:hover { color : #003263; }
.tx-indexedsearch li a { padding : 0 0 0 5px; }

/* -- Block der Ergebnisliste */
div.tx-indexedsearch-res { margin : 15px 0 0 0; }


/* -- Hervorhebung vom Suchwort im Text-Auszug -- */
.tx-indexedsearch-redMarkup {color:#D8B50F;font: bold 12px Arial, Verdana, sans-serif;}
/* -- eingegebener Suchbegriff -- */
.tx-indexedsearch-sw {	font : bold 12px Arial, Verdana, sans-serif; color : #003263; }
/* -- Zahlen-Angaben bei Ergebnis-�bersicht -- */
.tx-indexedsearch-browsebox-strong {font : bold 12px Arial, Verdana, sans-serif; color : #003263;}

/* -- Such-Box mit Formular und Erkl�rungen ("rules") -- */
div.tx-indexedsearch-searchbox {padding: 0 0 15px 0; }
.tx-indexedsearch-searchbox p{margin: 3px 0 0 0;float:right;}

div.tx-indexedsearch-rules {padding : 0 0 15px 0;clear:both;}

/* -- Box mit Suchbegriff -- */
div.tx-indexedsearch-whatis {	margin : 10px 0 0 0; padding: 10px 0 0 0; width : 578px; overflow : hidden; background : white url("../pix/linie1.gif") repeat-x top;clear : both;}

/* -- Zusammenfassung: Anzahl der gefundenen Seite je Bereich -- */
div.tx-indexedsearch-browsebox {margin: 0 0 10px 0;}
div.tx-indexedsearch-sectionlinks {margin: 0 0 25px 0;}

/* -- Navigations-Leiste durch die Ergebnis-Seiten  --*/
div.tx-indexedsearch-browsebox table {	margin : 0; padding: 0; overflow : hidden; clear : both;}
div.tx-indexedsearch-browsebox td  {white-space:noWrap;	margin-left: 1px;}
div.tx-indexedsearch-browsebox td  p {margin:0; padding:0;}
div.tx-indexedsearch-browsebox td  p a {display:block: margin:0; padding: 1px; background:#CCD6E0;   font : normal 10px Arial, Verdana, sans-serif; color :  #003263; text-decoration : none;}
div.tx-indexedsearch-browsebox td  p a:hover {background:white;}
div.tx-indexedsearch-browsebox td.tx-indexedsearch-browsebox-SCell p a {background:white;}

/* -- Hauptbereich, in dem Seiten gefunden wurden -- */
div.tx-indexedsearch-secHead table { width : 578px; margin : 15px 0 15px 0; padding : 0;}
.tx-indexedsearch-secHead td { overflow : hidden; vertical-align: top; background : #003263; }
.tx-indexedsearch-secHead td p {width : 70px; height : 16px; font : bold 11px Arial, Verdana, sans-serif; color: #003263; background : url("../pix/bg13.gif") 0 10px no-repeat white; margin: 0 0 0 0; padding: 0 5px 1px 15px;}
.tx-indexedsearch-secHead h3 {color : white; margin : 0; padding : 10px 15px 10px 15px; }
.tx-indexedsearch-secHead h3 a {letter-spacing : 1px; color : white; text-decoration : none;}
.tx-indexedsearch-secHead td h2 {background : white; width : 488px; padding :10px 0 0 0; margin:0;}
.tx-indexedsearch-secHead td h2 a {
	letter-spacing : 1px; color : white; text-decoration : none;
	display:block;height : 25px;	background : #003263; overflow : hidden; width : 473px; 
	white-space:nowrap; padding : 7px 5px 2px 10px; margin:0;
	}
.tx-indexedsearch-secHead h2 a:hover {color : white; text-decoration : underline;}

/* -- Auflistung der Ergebnisse:  --*/
.tx-indexedsearch-res  table { width : 578px; overflow : hidden; background : white url("../pix/linie1.gif") repeat-x bottom; margin: 0; padding: 0 10px 2px 0; }

/* -- Auflistung der Ergebnisse: Titel der gefundenen Seite --*/
.tx-indexedsearch-title td {vertical-align:top;}
.tx-indexedsearch-title td p, .tx-indexedsearch-title td p a {
	letter-spacing : 1px;
	font : normal 12px/14px Arial, Verdana, sans-serif;
	text-transform : uppercase; color : #003263; 
	margin : 0; padding : 0;	
}
.tx-indexedsearch-title td p a { color : #003263;}
.tx-indexedsearch-title td p.tx-indexedsearch-percent {color:black; text-decoration:none;}

/* -- Auflistung der Ergebnisse: Text-Auszug (Beschreibung) der Seite -- */
.tx-indexedsearch-descr p { white-space:normal; font-style: italic;text-align:justify; padding: 0 0 0 30px;margin: 0;}
.tx-indexedsearch-descr p img {clear:both; border:0; height : 3px;}
/* -- Auflistung der Ergebnisse: Zusatz-Infos zur Seite --*/
td.tx-indexedsearch-info { white-space:normal;}
.tx-indexedsearch-info p { white-space:normal; margin:0; padding-bottom: 10px;}
.tx-indexedsearch-info a { color : #003263;text-decoration : none;}
.tx-indexedsearch-info a:hover {text-decoration : underline;}





.tx-indexedsearch-searchbox-sword { width : 320px; height : 18px; background: #CCD6E0; padding : 5px 0 2px 3px; font : normal 12px Arial, Verdana, sans-serif; border : 1px solid #003263; }



/*
	path
	===============================================================================================
*/

#path {
	position : relative; top: 0px; left : 25px;
	height : 70px; width : 780px; overflow : hidden;
	background : url("../pix/bg08.gif") no-repeat;
}
/*
#path p { margin : 0; padding : 35px 0 0 10px; }
#path.c {
	width : 567px; margin : 0 0 0 202px;
	background : url("../pix/bg11.gif") no-repeat 0px 50px;
}

#path.c2 {
	width : 770px; margin : 0 0 0 10px;
	background : url("../pix/bg14.gif") no-repeat 0px 50px;
}
*/
#path a {
	color : #003263;
	text-decoration : none;
}

#path a:hover {
	color : #003263;
	text-decoration : underline;
}



/*
	Sitemap
	===============================================================================================
*/
#sitemap {

	width : 760px; margin : 20px 0 0 10px;
}

/*
  Die Hauptbereiche gehen jeweils �ber gesamte Breite ...
  */
 #sitemap div { clear:both; margin:0;padding:0;}
 

/* allgemeine Listen-style */
#sitemap ul {list-style-type : none; margin : 0; padding : 0; border : 0;}
#sitemap li {list-style-type : none; margin : 0; padding : 0; border : 0;}

#sitemap li a {
	padding : 0 0 0 18px;
	font : normal 10px Arial, Verdana, sans-serif; color : #003263; text-decoration : none;
	text-transform : uppercase;
	background : url("../pix/weiter1.gif") no-repeat 0 1px;
	display : block; margin : 0;
}
#sitemap li a:hover {
	padding : 0 0 0 18px;
	font : normal 10px Arial, Verdana, sans-serif; color : #003263; text-decoration : underline;
	text-transform : uppercase;
	background : url("../pix/weiter1.gif") no-repeat 0 1px;
	display : block; margin : 0;
}

#sitemap .csc-sitemap { width : 760px; margin: 0 0 20px 0 ; padding: 0 0 20px 0;}	

#sitemap .csc-sitemap li.csc-sitemap-level1 {
	 width : 758px; margin: 0;
	 padding-bottom: 20px;
	border:1px solid;border-color:#003263;
}
	

#sitemap .csc-sitemap li.csc-sitemap-level1 ul {
	clear:both;
	width : 730px; margin: 0; padding :0 8px 0 20px;	
}

#sitemap .csc-sitemap li.csc-sitemap-level2 {
	clear:both; width : 728px; margin: 20px 0 0 0;
	padding-bottom:20px;
	display : block;
	overflow: hidden;
	border:1px solid;border-color:#CCD6E0;
	
}
	

#sitemap .csc-sitemap li.csc-sitemap-level2 ul {
	overflow:hidden;
	width : 700px;
	display : block;
	padding :0 5px 0 20px;
	
}

/*
  Die ersten Unterbereiche werden in einzelne Bl�cke unterteilt
*/

#sitemap .csc-sitemap li.csc-sitemap-level3 {
	float:left;
	width : 210px;
	 margin: 20px 13px 0 0;  padding-bottom:20px;
	display : block;border:1px solid;border-color:#D8B50F;
}

/*
  Alle nachfolgenden Ebenen werden UNTEREINANDER immer 10px einger�ckt ...
*/
#sitemap .csc-sitemap li.csc-sitemap-level3 ul {
   width : 180px;  
   margin: 0;
   padding : 0 0 0 10px;
}

#sitemap .csc-sitemap li.csc-sitemap-level4 {
	width : 170px;
	display : block;
	padding-top:10px;
	clear:both;
	margin: 2px 0 0 0; 	
}

#sitemap .csc-sitemap li.csc-sitemap-level4 ul {
   width : 170px;
   padding : 0 0 0 10px;
}

#sitemap .csc-sitemap li.csc-sitemap-level5 {
	width : 160px;
	margin-top: 2px; padding : 0;  	
}

/*
  Styles f�r die Links der unterschiedlichen Ebenen
*/
#sitemap .csc-sitemap li.csc-sitemap-level1 a {
	padding : 5px 10px 5px 10px;
	font-size : 16px;
	font-weight: bold; 
	color : #CCD6E0;
	background:#003263;
	text-decoration : none;
	display:block;
}
#sitemap .csc-sitemap li.csc-sitemap-level1 a:hover {
       	/* text-decoration : underline; */
	background: #CCD6E0;
	color :#003263;
}
#sitemap .csc-sitemap li.csc-sitemap-level2 a {
	padding : 2px 0 2px 10px;
	font-size : 12px;
	font-weight: bold; 
	color : #003263;
	background:#CCD6E0;
	text-decoration : none;
	display:block;
}
#sitemap .csc-sitemap li.csc-sitemap-level2 a:hover {
       	color : #CCD6E0;
	background:#003263;

}
#sitemap .csc-sitemap li.csc-sitemap-level3 a{	
	padding : 2px 0 2px 10px;
	font-size : 12px;
	font-weight : normal; 
	color : #003263; 
	text-decoration : none;	
	background : #D8B50F;	
	display : block; 	
}
#sitemap .csc-sitemap li.csc-sitemap-level3 a:hover {
	
	background : #003263; 
	color : #D8B50F;	
}
#sitemap .csc-sitemap li.csc-sitemap-level4 a {	
	font-size : 11px;
	padding : 0 0 0 18px;
	background : white url("../pix/weiter1.gif") no-repeat 0 1px;
}
#sitemap .csc-sitemap li.csc-sitemap-level4 a:hover {
	background : white url("../pix/weiter1.gif") no-repeat 0 1px;
	text-decoration : underline;	
}
#sitemap  .csc-sitemap li.csc-sitemap-level5 a {	
	font-size : 10px;
	background : #fff url("../pix/bg10.gif") no-repeat 10px 5px;
}
#sitemap  .csc-sitemap li.csc-sitemap-level5 a:hover {
	background : #fff url("../pix/bg10.gif") no-repeat 10px 5px;
}

/*
	border (Inhalt oben, �ber 2 Spalten)
	==============================================================================================
*/
DIV.border {	MARGIN: 0; BORDER: 0;	PADDING: 0; WIDTH: 578px; float:left;}
.border .hr {
	CLEAR: both; DISPLAY: block; BACKGROUND: url(../pix/linie1.gif) white repeat-x top; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 578px; HEIGHT: 20px
}
.border UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 20px 0px 0px 132px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.border A {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; TEXT-TRANSFORM: uppercase; LINE-HEIGHT: 18px; TEXT-DECORATION: none
}
.border A:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; TEXT-TRANSFORM: uppercase; LINE-HEIGHT: 18px; TEXT-DECORATION: underline
}
/* Graue Box auf Architekten-Seite */
#s_box_1 div.box_1 {
	width : 260px; height : 201px;
	padding : 35px 20px 0 15px;
	background : url("../pix/arch_02b.jpg") top left no-repeat;
	font : normal 12px Arial, Verdana, sans-serif;
	color : black;
}
#s_box_1 .box_1 A {FONT-WEIGHT: bold;}
#s_box_1 .box_1 A:hover {FONT-WEIGHT: bold;}

#s_box_1 table.imgtext-table {
	border : 0;
	padding: 0;
	margin: 9px 0 0 0;
}

#s_box_1 table.imgtext-table td {
	BACKGROUND: url(../pix/arch_02a.jpg) repeat-x left top;
}


/* Graue Box f�r Fassade, DEcke etc ... */
.border #s_box_2 div.box_1 {height : 204px;}
.border #s_box_2 div.box_1_text {height : 174px;}
#s_box_2 div.box_1 {
	width : 401px;	
	background : url("../pix/bg15.gif") top right no-repeat  #CCD6E0;
	margin : 0 0 30px 0;padding:0;
}
#s_box_2 div.box_1_text {
		margin : 0 0 0 0;	padding : 40px 20px 0 30px;
	background : url("../pix/bg16.gif") bottom right no-repeat ;
}
#s_box_2 .box_1_text .text4 { font : normal 12px Arial, Verdana, sans-serif; color : #003263; }
#s_box_2 .box_1_text UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 15px 0px 0px 120px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#s_box_2 .box_1_text LI {
	font : normal 12px Arial, Verdana, sans-serif; color : #003263;
	PADDING-RIGHT: 0px; PADDING-LEFT: 15px; BACKGROUND: url(../pix/bg17.gif) no-repeat 0px 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 0px
}
#s_box_2 table.imgtext-table {
	margin: 9px 0 0 0;
}

#s_box_2 table.imgtext-table td {
	BACKGROUND: url(../pix/arch_02a.jpg) repeat-x left top;
}




/*
	footer
	===============================================================================================
*/
#footer {
	width : 780px; height : 20px;
	margin : 0 0 50px 0;
	text-align : right;
	clear : both;
}
#footer.c { width : 750px; }
#footer.c p { font-size : 11px; }
#footer span {
	text-transform : uppercase;
	font-weight : bold;
}


/* Plugin hs_ref - List View */



div.tx-hsref-pi1-browsebox {clear:both;text-align:center;margin: 0 0 10px 0;background : #CCD6E0;}
div.tx-hsref-pi1-browsebox p {text-align:left;padding: 10px 0 10px 0;background : #fff;}
div.tx-hsref-pi1-browsebox .tx-hsref-pi1-browsebox-strong {font-weight : bold; }
div.tx-hsref-pi1-browsebox table {}
div.tx-hsref-pi1-browsebox td {text-align: left;}
div.tx-hsref-pi1-browsebox td p {padding: 0; margin:0;background : #CCD6E0;}
div.tx-hsref-pi1-browsebox td {padding: 0 10px 0 10px;}
td.tx-hsref-pi1-browsebox-SCell p a {font-weight : bold; color: black;}

div.tx-hsref-pi1-listrow { width : 393px; overflow : hidden; margin: 0; float : left; padding : 10px 10px 0 0;}
div.tx-hsref-pi1-listrow-box { 	width : 393px;	clear : both; margin : 0; padding : 10px 0 0 0; 
	background : url("../pix/linie2.gif") repeat-x top; }


div.tx-hsref-pi1-listrow-picture_small {
	width : 80px; height : 90px; border : none; margin : 0 10px 0 0; padding : 0; float : left;
}
.tx-hsref-pi1-listrow-box h5 { font : bold 12px Arial, Verdana, sans-serif; text-transform : uppercase; margin : 0; padding : 0 0 2px 0; }
.tx-hsref-pi1-listrow-box p { margin : 0; padding : 0 50px 0 0; }

.tx-hsref-pi1-listrow-box div.r { width : 302px; float : left; margin: 0; padding : 0; }

div.tx-hsref-pi1-listrow-go {margin: 5px 0 10px 0;padding: 0;}
.tx-hsref-pi1-listrow-go a { padding : 0 0 0 18px;	font : normal 10px Arial, Verdana, sans-serif; color : #003263; text-decoration : none;	text-transform : uppercase;	background : url("../pix/weiter1.gif") no-repeat 0 1px;}
.tx-hsref-pi1-listrow-go a:hover {	padding : 0 0 0 18px;	font : normal 10px Arial, Verdana, sans-serif; color : #003263; text-decoration : underline;	background : url("../pix/weiter1.gif") no-repeat 0 1px;}



/* Plugin hs_ref - Single View */

div.tx-hsref-pi1-singleView-box {MARGIN: 0; BORDER: 0;	PADDING: 0; WIDTH: 578px; float:left;}
DIV.tx-hsref-pi1-singleView-left {
	width : 393px; overflow : hidden; float : left; padding : 0 20px 0 0;
}
.tx-hsref-pi1-singleView-left h2 { width : 388px; padding : 0; margin : 0; text-transform : uppercase;}
.tx-hsref-pi1-singleView-left h3 { padding : 0; margin : 0; }
.tx-hsref-pi1-singleView-left h4 { padding : 0; margin : 0; }
.tx-hsref-pi1-singleView-left h5 { padding : 0; margin : 0; }
.tx-hsref-pi1-singleView-left p { padding : 0 0 5px 0; }
.tx-hsref-pi1-singleView-left .hr {
	display : block; height : 10px; width : 388px; overflow : hidden;
	margin : 10px 0 0 0;
	background : white url("../pix/linie1.gif") repeat-x top;
	clear : both;
}
.tx-hsref-pi1-singleView-left ul { list-style-type : none; padding : 0 20px 0 0; }
.tx-hsref-pi1-singleView-left li { padding : 0 0 10px  15px; background : url("../pix/weiter3.gif") 0 2px no-repeat; }
.tx-hsref-pi1-singleView-left ol li { padding : 0 0 10px  0; background : none;}

div.tx-hsref-pi1-singleView-picture {width : 393px;}
.tx-hsref-pi1-singleView-picture img {margin : 12px 0 5px 0;padding : 0;width:385px;}

DIV.tx-hsref-pi1 DIV.tx-hsref-pi1-singleView-description { width: 388px;margin : 15px 0 15px 0;font : normal 12px Arial, Verdana, sans-serif; color : black;}
DIV.tx-hsref-pi1 DIV.tx-hsref-pi1-singleView-description ul {MARGIN: 5px 0px 0px 15px; }
DIV.tx-hsref-pi1-singleView-text {width: 388px;margin : 15px 0 15px 0;}
DIV.tx-hsref-pi1 DIV.tx-hsref-pi1-singleView-title { width: 100px; margin: 0 0 2px 0; float: left;font: bold 12px Arial, Verdana, sans-serif; color : black;}
DIV.tx-hsref-pi1 DIV.tx-hsref-pi1-singleView-content { width: 280px;margin: 0 0 2px 0; font: normal 12px Arial, Verdana, sans-serif; color : black; }

DIV.tx-hsref-pi1 DIV.tx-hsref-pi1-singleView-back { clear: left; float: left; width: 50%; margin: 20px 0 10px 0;}
DIV.tx-hsref-pi1 DIV.tx-hsref-pi1-singleView-back a { padding : 0 0 0 18px;	font : normal 10px Arial, Verdana, sans-serif; color : #003263; text-decoration : none;	text-transform : uppercase;	background : url("../pix/weiter1.gif") no-repeat 0 1px;}
DIV.tx-hsref-pi1 DIV.tx-hsref-pi1-singleView-back a:hover {	padding : 0 0 0 18px; font : normal 10px Arial, Verdana, sans-serif; color : #003263; text-decoration : underline;	background : url("../pix/weiter1.gif") no-repeat 0 1px;}

DIV.tx-hsref-pi1 DIV.tx-hsref-pi1-singleView-next { float: right; width: 50%; margin: 20px 0 10px 0; text-align: right; }
DIV.tx-hsref-pi1 DIV.tx-hsref-pi1-singleView-next a { padding : 0 0 0 18px;	font : normal 10px Arial, Verdana, sans-serif; color : #003263; text-decoration : none;	text-transform : uppercase;	background : url("../pix/weiter1.gif") no-repeat 0 1px;}
DIV.tx-hsref-pi1 DIV.tx-hsref-pi1-singleView-next a:hover {	padding : 0 0 0 18px; font : normal 10px Arial, Verdana, sans-serif; color : #003263; text-decoration : underline;	background : url("../pix/weiter1.gif") no-repeat 0 1px;}

div.tx-hsref-pi1-singleView-right {width : 165px; float : left; margin : 35px 0 0 0; padding : 0;}
div.projekt_thumbs {width : 170px;margin-left: -5px}
div.tx-hsref-pi1-singleView-picture_small {width : 170px;}
div.tx-hsref-pi1-singleView-picture_small div.tx-hsref-pi1-singleView-picture_small {width : 85px;height : 85px;float : left;padding:0;}
.tx-hsref-pi1-singleView-right img {width : 80px;height : 80px;margin : 0 0 5px 5px;	padding : 0;}

.tx-hsref-pi1-singleView-right .box {
        clear: both;
	width : 150px;
	background : url("../pix/bg12.gif") bottom right no-repeat #CCD6E0;
	padding : 5px 0 5px 15px;
	margin: 0 0 10px 0;
}
.tx-hsref-pi1-singleView-right .box img {
	margin: 0 0 0 -15px;
}
.tx-hsref-pi1-singleView-right .bild {
	margin : 0 0 15px 0;
}
.tx-hsref-pi1-singleView-right ul {
	padding : 10px 0 10px 0;
	margin: 0;
	list-style-type : none;
	line-height : 12px;
}
.tx-hsref-pi1-singleView-right li {
	margin : 0;
	padding: 0;
	list-style-type : none;
}

.tx-hsref-pi1-singleView-right p {
	margin : 10px 0 10px 0;
}
.tx-hsref-pi1-singleView-right li.weiter1 a{
	padding : 0 0 0 18px;
	font : normal 10px/20px Arial, Verdana, sans-serif; color : #003263; text-decoration : none; text-transform : uppercase;
	background : url("../pix/weiter2.gif") no-repeat 0 1px;
}

.tx-hsref-pi1-singleView-right li.weiter1 a:hover {
	padding : 0 0 0 18px;
	font : normal 10px/20px Arial, Verdana, sans-serif; color : #003263; text-decoration : underline; text-transform : uppercase;
	background : url("../pix/weiter2.gif") no-repeat 0 1px;
}
.tx-hsref-pi1-singleView-right a.weiter1 {
	padding : 0 0 0 18px;
	font : normal 10px/20px Arial, Verdana, sans-serif; color : #003263; text-decoration : none; text-transform : uppercase;
	background : url("../pix/weiter2.gif") no-repeat 0 1px;
}

.tx-hsref-pi1-singleView-right a.weiter1:hover {
	padding : 0 0 0 18px;
	font : normal 10px/20px Arial, Verdana, sans-serif; color : #003263; text-decoration : underline; text-transform : uppercase;
	background : url("../pix/weiter2.gif") no-repeat 0 1px;
}
.tx-hsref-pi1-singleView-right .trennlinie {
	width : 100%; height : 1px; margin : 0; padding : 0; background : url("../pix/linie3.gif") repeat-x top;
	font-size : 1px;
}
.tx-hsref-pi1-singleView-right .hr {
	display : block; height : 40px; width : 100%; overflow : hidden;
	position : relative; left : -10px;
	background : white url("../pix/linie1.gif") repeat-x center;
	clear : both;
}
.tx-hsref-pi1-singleView-right .hr2 {
	height : 10px; width : 100%; overflow : hidden;
	background : white url("../pix/linie1.gif") repeat-x center;
	clear : both;
	margin : 0 0 10px;
}




div.tx-hsref-pi1-listrow-weavesort-box { 
	clear: both;
	width : 393px;	margin : 10px 0 0 0 ; padding :10px 0 0 0; 	
	background : url("../pix/linie2.gif") repeat-x top; 
}
div.tx-hsref-pi1-listrow-weavesort-box br { clear:both;}
div.tx-hsref-pi1-listrow-weavesort-weavesort {
	width : 280px; float:left;
	font : bold 12px Arial, Verdana, sans-serif; text-transform : uppercase; color : #003263;  
	padding: 0 5px 0 0;
}
div.tx-hsref-pi1-listrow-weavesort-weavetype {
	width : 280px; float:left; font : bold 12px Arial, Verdana, sans-serif; text-transform : uppercase; color : #003263; 
	}
div.tx-hsref-pi1-listrow-weavesort-subtitle {width : 292px; float:left; background :none}

div.tx-hsref-pi1-listrow-weavesort-picture_small {

	width : 80px; height : 90px; border : none; margin : 0 10px 0 0; padding : 0; float : left;
}

div.tx-hsref-pi1-listrow-weavesort-go {width : 292px; float:left; margin: 5px 0 10px 0;padding: 0;}
.tx-hsref-pi1-listrow-weavesort-go a { padding : 0 0 0 18px;	font : normal 10px Arial, Verdana, sans-serif; color : #003263; text-decoration : none;	text-transform : uppercase;	background : url("../pix/weiter1.gif") no-repeat 0 1px;}
.tx-hsref-pi1-listrow-weavesort-go a:hover {	padding : 0 0 0 18px;	font : normal 10px Arial, Verdana, sans-serif; color : #003263; text-decoration : underline;	background : url("../pix/weiter1.gif") no-repeat 0 1px;}

/* Selection */
/*
div.tx-hsref-pi1-selection-box {  clear: both; float: left; }
div.tx-hsref-pi1-selection-selectcity-box {  clear: both; float: left; margin: 0 0 5px 0; background: #CCD6E0; width: 100%; }
div.tx-hsref-pi1-selection-selectcity-country { clear: both; float: left; padding: 5px; }
div.tx-hsref-pi1-selection-selectcity-city { clear: both; float: left;  padding: 0 5px 5px 5px; }
div.tx-hsref-pi1-selection-selectarchitect-box {  clear: both; float: left; margin: 0 0 5px 0; background: #CCD6E0; width: 100%; } 
div.tx-hsref-pi1-selection-selectarchitect-architect { clear: both; float: left;  padding: 5px; } */

/* Erweiterte Projektsuche */
div.tx-hsref-pi1-selection-box { width : 578px; margin : 30px 0 30px 0; }
div.tx-hsref-pi1-selection-selectcity-box { margin : 0 0 3px 0; background : #CCD6E0; padding : 10px 10px 10px 10px; }
div.tx-hsref-pi1-selection-selectcity-box select { width : 400px; height : 20px; margin : 0; padding : 0; border : 1px solid #000; font : normal 12px Arial, Verdana, sans-serif; color : #000; }
div.tx-hsref-pi1-selection-selectcity-box input { height : 20px; border : 1px solid #003263; padding : 0 20px 0 20px; margin : 0 0 0 10px; font : normal 12px Arial, Verdana, sans-serif; color : #003263; background : #fff; }
div.tx-hsref-pi1-selection-selectarchitect-box { background : #CCD6E0; padding : 10px 10px 10px 10px; }
div.tx-hsref-pi1-selection-selectarchitect-box select { width : 400px; height : 20px; margin : 0; padding : 0; border : 1px solid #000; font : normal 12px Arial, Verdana, sans-serif; color : #000; }
div.tx-hsref-pi1-selection-selectarchitect-box input { height : 20px; border : 1px solid #003263; padding : 0 20px 0 20px; margin : 0 0 0 10px; font : normal 12px Arial, Verdana, sans-serif; color : #003263; background : #fff; }

.tx-hsref-pi1 table tr td p {
    font-weight: normal;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 16px;
}

.tx-hsref-pi1 table tr td p a {
    text-decoration: none;
}

.weave {
     margin-left: 100px;
}

* html .weave {
     margin-left: 0px;
}

.box_1 {
  margin-bottom: 10px;
}

/* Formular neu */
fieldset.csc-mailform {
  border: 0;
}

.csc-mailform-field label {
  display: block;
  float: left;
  width: 235px;
  margin-top: 3px;
}

.csc-mailform-field input {
  margin-bottom: 3px;
}

.funktionen {
  border-top: 1px solid #000;
  margin: 20px 0 20px 0;
  font-size: 11px;
  width: 400px;
  position: relative;
  left: 200px;
}

.funktionen a {
  color: #000;
  text-decoration: none;
  padding: 0 0 0 5px;	
  vertical-align: 4px;
  border: none !important;
}

.funktionen a:hover {
  text-decoration: underline;
  border: none !important;
}

.funktionen .seitenanfang {
  float: left;
  padding: 8px 0 0 0;
}

.funktionen .drucken {
  float: right;
  padding: 5px 10px 0 0;	
}