/* G. Baumgartner Fenster AG */
/* Programmiert: ScreenConcept | Roman Simecek */


/* Body */
body { color: #000000; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
/* Links */
A { text-decoration: none; }
/* Logo */
#logo {
	position:absolute;
	left:25px;
	top:15px;
	width:144px;
	height:43px;
	z-index:1;
}





/* list */
ul { margin: 5px 0px 0px 0px; padding: 0px; }
ul li { list-style: none; margin: 0px 0px 13px 0px; padding: 0px; }


/* Text with Picture */
/* hide picture definiton 
dd.csc-textpic-caption { visibility: hidden; } */


/* pictures list */
#maincontent div.csc-textpic { margin-left: 15px; }
#maincontent div.csc-textpic p.bodytext { margin-left: 0px; }
#maincontent div.csc-textpic dl.csc-textpic-image { margin-left: 15px; }
#maincontent div.csc-textpic dl.csc-textpic-firstcol { margin-left: 0px; }
#maincontent div.csc-textpic dd.csc-textpic-caption { visibility: visible; margin-top: 5px; }
#maincontent div.csc-textpic-imagewrap div.csc-textpic-imagerow { float: right; }
#maincontent div.csc-textpic-imagewrap img { margin-bottom: 10px; }
/* #maincontent div.csc-textpic-intext-right-nowrap dd.csc-textpic-caption { visibility: hidden;  } */
#maincontent div.csc-textpic-right div.csc-textpic-imagewrap { width: 280px; }
.csc-frame-rulerBefore { border-top: 2px solid #666666; margin-bottom: 15px; }
/* list */
#maincontent ul { margin-left: 15px; list-style-type: square; }
#maincontent ul li { list-style-type: square; margin: 0px 0px 3px 0px; }
/*****************************************************************************************************************************/

/* Content Styling */
/* Main and References */
#maincontent, #contentreferences { position:absolute; left: 215px; top: 115px; width: 545px; margin: 0; padding: 0; z-index: 4; }
/* content postion on the home page */
#maincontenthome { position:absolute; left: 215px; top: 55px; width: 570px; margin: 0; padding: 0; z-index: 4;  }

/* Headers H1 */
/* home page */
#maincontenthome H1 { margin: 0px 0px 0px 0px; padding: 0px 0px 10px 70px; font-size: 12px; color: #666666; background-color: #FFFFFF; }
/* rest of pages */
/* title */
#maincontent H1 { font-size: 12px; font-variant: normal; padding-left: 15px; padding-bottom: 5px; font-weight: bold; }
/* red box */
#maincontent div.csc-frame-frame1, #contentreferences div.csc-frame-frame1 { height: 70px; border: 3px solid #E4232F; margin-bottom: 20px; }
/* header red box */
#maincontent div.csc-frame-frame1 H1, #contentreferences div.csc-frame-frame1 H1 { font-weight: bold; color: #E4232F; background-color: #FFFFFF; font-size: 16px; line-height: 16px; margin: 11px 0px 0px 12px; padding: 0px 0px 0px 0px; border-top: none; }
/* subtitle red box */
#maincontent div.csc-frame-frame1 p.csc-subheader, #maincontent div.csc-frame-frame1 p.bodytext, #contentreferences div.csc-frame-frame1 p.csc-subheader, #contentreferences div.csc-frame-frame1 p.bodytext { font-weight: bold; font-size: 16px; color: #666666; background-color: #FFFFFF; margin: 0px 165px 0px 12px; padding: 0px 0px 0px 0px; line-height: 16px; }
	/* untertitel */
#maincontent div.csc-frame-rulerBefore { margin-top: 20px; }


/* internal & download link in text */
p.bodytext a.internal-link, p.bodytext a.download { color: #000000; background-color: #FFFFFF; text-decoration: underline; }
p.bodytext a.download:hover { color: #E4232F; background-color: #FFFFFF; }

/**************************************************************************************************************************************/
/* image center referenzen */
#maincontent div.csc-textpic-center { margin-top: 60px; }
/* image left referenzen-auflistung */
#contentreferences div.csc-textpic-left { margin-left: 15px; text-align: left; }
#contentreferences div.csc-textpic-left dl.csc-textpic-image { margin-left: 73px;  }
#contentreferences div.csc-textpic-left dd { visibility: visible; font-size: 11px; }
#contentreferences div.csc-textpic-imagewrap { float: left; }
/* image left text right referenz */
#contentreferences div.csc-textpic-intext-left-nowrap, #maincontent div.csc-textpic-intext-left-nowrap { margin-left: 15px; }
/**************************************************************************************************************************************/

/* ruler after in the jobs page */
#maincontent div.csc-frame-rulerAfter { border-top: 1px solid #CCCCCC; margin-top: 10px; margin-bottom: 25px; }
/* Bodytext */
/* home page */
#maincontenthome P { margin: 0px 70px 0px 70px; padding: 0px 0px 0px 0px; }
/* rest of pages */
#maincontent P { margin: 0px 175px 0px 15px; padding: 0px 0px 0px 0px; }
/* references */
#contentreferences P { margin: 0px 15px 0px 15px; padding: 0px 0px 0px 0px;  }

/* table in the team site */
#maincontent table p.bodytext { text-align:left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 12px; }
#maincontent table { margin-left: 18px; }
#maincontent table img { margin-right: 15px; }
#maincontent table span.name-of-person { display:block; width: 170px; }

/* page links format of the links in a table */
#maincontent table a { color: #000000; background-color: #FFFFFF; text-decoration: underline; }
#maincontent table a:hover { color: #E4232F; background-color: #FFFFFF; }

/* contact-formular */
#maincontent .csc-mailform { border: none; margin: 0; margin-left: 15px; padding: 0; }
#maincontent .csc-mailform label { display: block; float: left; width: 200px; }
#maincontent .csc-mailform input, #maincontent .csc-mailform textarea { width: 300px; margin-bottom: 10px; }
#maincontent .csc-mailform .csc-mailform-field span.csc-mailform-label { visibility: hidden; margin-bottom: 10px; }
#maincontent .csc-mailform .csc-mailform-submit { margin-left: 200px; }
#maincontent .csc-mailform .csc-mailform-check { width: auto; float: left; margin-right: 40px; }

/**************************************************************************************************************************************/
/* Additional */
#additionalcontent { position: absolute; left: 790px; top: 115px; width: 210px; height: 475px; margin: 0; padding: 0; z-index: 5; background-color: #CCCCCC; color: #000000; }
/* #additionalcontent */ div.content { margin: 10px 10px 0px 10px;  background-color: #CCCCCC; }
#additionalcontent div.content a { color: #666666; background-color: #CCCCCC; text-decoration: none; }
#additionalcontent div.content p.bodytext { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#additionalcontent div.content p.bodytext strong { color: #E4232F; background-color:#CCCCCC; }
#additionalcontent div.content ul li {  margin: 0px 0px 13px 0px; }
#additionalcontent div.csc-frame-frame2 { border-top: 2px solid #FFFFFF; padding-top: 5px; padding-bottom: 5px; margin-top: 5px; margin-bottom: 5px; margin-left: -10px; margin-right: -10px; background-color: #CCCCCC; color: #000000; }
#additionalcontent div.csc-frame-frame2 div.csc-textpic-imagewrap { margin-left: 10px; }
#additionalcontent div.csc-frame-frame2 div.csc-textpic-text { margin-left: 5px; }
#additionalcontent div.csc-frame-frame2 a { color: #E4232F; background-color: #CCCCCC; font-weight: bold; }
#additionalcontent div.csc-frame-frame2 p.bodytext { margin-left: 10px; }
#additionalcontent div.csc-frame-invisible { margin: -10px -10px 0px -10px; }
/* Aufzählungszeichen für linke Box */
#additionalcontent ul { margin: 5px 0px 0px 13px; padding: 0px; }
#additionalcontent ul li { list-style: square; margin: 0px 0px 13px 0px; padding: 0px; }
/* Referenznavigation */
#additionalcontent div.content ul.referenzen { margin: 5px 0px 0px 23px; padding: 0px; background-color: #CCCCCC; }
#additionalcontent div.content ul.referenzen li { list-style: square; margin: 0px 0px 5px 0px; padding: 0px; }
#additionalcontent div.content ul.referenzen li.act, #additionalcontent div.content ul.referenzen li.act a { color: #FF0000; }
.ref div.content { margin: 0px 0px 0px 0px; }
/**************************************************************************************************************************************/

/* Language Selection */
#languageselection { position:absolute; left: 25px; top: 563px; width: 100px; height: 30px; margin: 0; padding: 0; z-index: 6; vertical-align: bottom; }
#languageselection a { color: #666666; font-size: 11px; background-color: #FFFFFF; }
#languageselection a.act { color: #666666; font-weight: bold; background-color: #FFFFFF; }

/**************************************************************************************************************************************/
/* page images */
#image { position:absolute; left: 600px; top: 214px; width: 168px; height: 475px; margin: 0; padding: 0;/* margin-top: 20px; */z-index: 6; }

/**************************************************************************************************************************************/
/* file browser */
#maincontent table tr td.tx-filelist-pi1-header-filename { width: 290px; }
#maincontent table tr td.tx-filelist-pi1-header-info { width: 100px; }
#maincontent table tr td.tx-filelist-pi1-header-last_modification { width: 100px; }

/**************************************************************************************************************************************/
/* products */
#products { position:absolute; left: 215px; top: 40px; width: 545px; margin: 0; padding: 0; z-index: 4; }
#products div.csc-textpic-imagewrap { margin-bottom: 10px; }
#products dl.csc-textpic-firstcol { margin-right: 15px; } 
#products dd { visibility: hidden; height: 0px; }

/* products details */
#productimage { position:absolute; left: 600px; top: 40px; width: 168px; height: 475px; margin: 0; padding: 0;/* margin-top: 20px; */z-index: 6; }
#productimage img.rechts, #image img.rechts { float: right; margin-top: 10px; }

/*****************************************************************************************************************************/

/* Navigation Styling */
/* additonal navigation */
#additionalnavi { position: absolute; left:805px; top: 15px; width: 195px; margin: 0; padding: 0; z-index: 2; }
#additionalnavi ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 120px; }
#additionalnavi ul li { list-style-type: disc; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 60px; float: left; }
#additionalnavi a { color: #666666; font-size: 11px; line-height: 14px; background-color: #FFFFFF; }
#additionalnavi a:hover { color: #E4232F; background-color: #FFFFFF; }


#print { position: absolute; left: 805px; top: 85px; width: 195px; height: 15px; margin: 0; padding: 0; z-index: 5; background-color: #ffffff; color: #000000; }
#print a { color: #666666; font-size: 11px; line-height: 14px; background-color: #FFFFFF; }
#print a:hover { color: #E4232F; background-color: #FFFFFF; }

/* main navigation */
#mainnavi { position: absolute; left: 20px; top: 115px; width: 170px; margin: 0; padding: 0; z-index: 3; }
/* link format */
#mainnavi A.mainnavi {
	color: #666666;
	margin-left: 5px;
	background-color: #FFFFFF;
	font-weight: bold;
}
#mainnavi A.mainnavi:hover { color: #E4232F; background-color: #FFFFFF; }

/* navigation menu format */
#mainnavi ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 2px solid #9B9B9B/*#666666*/;
}
#mainnavi ul li { border-top: 2px solid #9B9B9B/*#666666*/; margin: 0px 0px 0px 0px; padding: 1px 0px 1px 0px; }
#mainnavi ul li.after { border-top: none; }
#mainnavi ul ul { border-bottom: none; }
#mainnavi ul li.act { border-top: 2px solid #E4232F; }
#mainnavi ul li ul li { border-top: none; border-bottom: none; padding: 0px 0px 0px 0px; }
#mainnavi ul ul li a.second { padding-left: 20px; }
#mainnavi ul ul li a.second:hover { /*background-image: url(/fileadmin/red_arrow.gif); background-repeat: no-repeat; background-position: left center;*/ color: #000000; background-color: #FFFFFF; }
#mainnavi ul ul li.lastli { margin-bottom: 21px; }

/* first layer */
#mainnavi A.first { font-size: 13px; }
#mainnavi A.mainnavi:hover { color: #E4232F; background-color: #FFFFFF; }
/* active navigation-point first layer */
#mainnavi A.act { color: #E4232F; background-color: #FFFFFF; }
/* active navigation-point second layer */
#mainnavi ul ul A.now { background-image: url(/fileadmin/red_arrow.gif); background-repeat: no-repeat; background-position: left center; color: #E4232F; background-color: #FFFFFF; }

/*****************************************************************************************************************************/
#maincontent div.csc-frame-invisible div.csc-textpic { margin-left: -15px; }
/* #maincontent div.csc-frame-invisible dd.csc-textpic-caption { visibility: hidden; } */
#maincontent div.csc-frame-invisible dl.csc-textpic-image { margin-left: 10px; }

/*****************************************************************************************************************************/
/* SITEMAP */
#maincontent div.tx-dropdownsitemap-pi1 div.expAll, div.tx-dropdownsitemap-pi1 div.level_1 { border: 2px solid #9B9B9B; background-color: #FFFFFF; color: #000000; }
div.tx-dropdownsitemap-pi1 div.level_1 { margin-left: -15px; }
#maincontent div.tx-dropdownsitemap-pi1 div.level_2, #maincontent div.tx-dropdownsitemap-pi1 div.level_3, #maincontent div.tx-dropdownsitemap-pi1 div.level_4 { border: none; background-color: #FFFFFF; color: #000000; }
#maincontent div.tx-dropdownsitemap-pi1 A { color: #000000; background-color: #FFFFFF; }
#maincontent div.tx-dropdownsitemap-pi1 A:hover { color: #E4232F; background-color: #FFFFFF; }
#maincontent div.tx-dropdownsitemap-pi1 ul li, div.tx-dropdownsitemap-pi1 ul { list-style-type: none; }

/* Download-Center */

.tx-filelist-pi1-header-info, .tx-filelist-pi1-header-last_modification, .tx-filelist-pi1-last_modification { visibility: hidden; }
.tx-filelist-pi1-header-tr { display: none; }
.tx-filelist-pi1-filename { width: 350px; }

/* Statements im Grauen Balken mit Bild Bereich: Porträt */
/* 
div.csc-textpic-above div.csc-textpic-imagewrap { margin-left: -10px; margin-top: -10px; } 
div.csc-frame-invisible div.csc-textpic-above div.csc-textpic-imagewrap, div#maincontenthome div.csc-textpic-above div.csc-textpic-imagewrap, div#products div.csc-textpic-above div.csc-textpic-imagewrap { margin-left: 0px; margin-top: 0px; }
*/