/* G. Baumgartner Fenster AG */
/* Programmiert: ScreenConcept | Roman Simecek */

/* Body */
body { color: #FFFFFF; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-image: url(/fileadmin/hg_saphir.gif); background-repeat: repeat-y; }
/* Links */
A { text-decoration: none; }
A.link3d { margin-left: 10px; }
/* 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 3px 0px; padding: 0px; }


/* Text with Picture */
/* hide picture definiton
dd.csc-textpic-caption { visibility: hidden; } */

/* 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 #666666;
}
/* pictures list */
/*#maincontent div.csc-textpic { margin-left: 0px; }*/
#maincontent div.csc-textpic dl.csc-textpic-image { margin-left: 15px; }
#maincontent div.csc-textpic dl.csc-textpic-firstcol { margin-left: 15px; }
#maincontent div.csc-textpic dd.csc-textpic-caption { visibility: hidden; height: 0px; }
#maincontent div.csc-textpic-imagewrap div.csc-textpic-imagerow { float: right; }
#maincontent div.csc-textpic-imagewrap img { margin-bottom: 10px; margin-left: 15px; }
#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: 1px solid #FFFFFF; margin-top: 15px; margin-bottom: 15px; }
/* list */
#maincontent ul { margin-left: 15px; list-style-type: square; }
#maincontent ul li { list-style-type: square; }
/*****************************************************************************************************************************/

/* 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: normal; }
/* red box */
#maincontent div.csc-frame-frame1, #contentreferences div.csc-frame-frame1 { height: 70px; border: 3px solid #E4232F; margin-bottom: 20px; background-color: #FFFFFF; color: #000000; }
/* 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; }

#maincontent p.bodytext { /*color: #FFFFFF;*/ margin-bottom: 5px; }

/* 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; }
#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.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; }
/* 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; }
/**************************************************************************************************************************************/

/* 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; }

#mainnavi ul li { border-top: 2px solid #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; }

/*****************************************************************************************************************************/