@CHARSET "UTF-8";

body,div,span,td,textarea {
	font: normal 12px Arial, sans-serif;
	line-height: 16px;
	color:#666;
}

br.half {line-height:8px;}

img { border:0px; }

a { 
	font:bold 12px Arial, sans-serif;
	line-height: 16px;
	color:#890066; 
	text-decoration:none;
}
a:hover { color:#890066; text-decoration:none;}
a:focus { color:#890066; text-decoration:none;}

.singleBacklink {padding-left:16px;}

h1{
	font-size:32px;
	line-height:32px;
	color:#fff;
}

h2{
	font-size:20px;
	line-height:24px;
	color:#890066;
	margin-bottom:6px;
}


#mainContainer{
	position:relative;
	width:994px;
	background-image:url(../img/bg_shadow.png);
	margin:auto;
}
#logo{ 
	position:absolute;
	top:0;
	left:45px;
	z-index:10;

}
#contentContainer{
	margin:0 10px 0 10px;
	width:974px;
	overflow:hidden;
	padding-bottom:40px;
}
#headNavi{
	width:974px;
	height:32px;
	background-image:url(../img/bg_head_navi.png); 
	text-align:right;
}
#headNavi ul.navi{
	padding-top:8px;
	margin-right:10px;
}


#headerNoPeople {position:relative; width:100%; line-height:0; height:200px; }
#headerCompany {position:relative; width:100%; line-height:0; height:180px; }
#headerWithPeople {position:relative; width:100%; line-height:0; height:214px; padding-bottom:14px; }
#headerWithPeople img.peopleImage{position:absolute; top:0; right:0; }
#headerWithPeople h1, #headerNoPeople h1 {position:absolute; top:79px; left:222px;}
img.headImage{
	padding-bottom:6px;
	background:url(../img/main_image_shadow.png) repeat-x bottom;
}
.headHeadline{margin-bottom:32px; padding-left:16px;}


#footer{
	width:994px;
	height:100px;
	background-image:url(../img/bg_footer.png);
	margin:auto;
	text-align:center;
}

#footer ul.navi{
	padding-top:52px;
} 

ul.navi {
	list-style-type:disc;
	color:#fff;	
	
}

ul.navi li {
	display:inline;
	padding-left:10px;
	margin-left:8px;
	background:url(../img/navi_bullet.png) no-repeat center left;
	
}

ul.navi li.first{
	padding-left:0;
	margin-left:0;
	background:none;
}

ul.navi li a{
	color:#fff;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}

ul.navi li.active a, ul.navi li a:hover {color:#890066}


#mainColumn{
	width:646px;
	padding-bottom:40px;
}
#rightColumn{
	float:right;
	display:inline;
	width:328px;
}

/* HOME PAGE */
#headerHome {position:relative; width:100%; line-height:0; height:407px; padding-bottom:14px;}
#headerHome img.homeSpecial{position:absolute;top:-19px;left:344px;}
#homeFliesen{position:absolute; top:132px; left:18px;}
#homeFeuer{position:absolute; top:149px; left:743px;}
#headerHome h1{ margin-bottom:8px; font-size:30px; color:#666666;}
#headerHome a{color:#666666;}

#teaserHome{overflow:hidden; width:974px; margin:11px 8px 24px 8px;}
#teaserHome h3 {font-size:16px;}
.teaserHomeAktuell{
	width:191px;
	height:88px;
	background:url(../img/teaser-home-aktuell.png)  no-repeat top left;
	float:left;
	display:inline;
	padding:8px 12px 16px 12px;
	margin-top:1px;
	color:#fff;
	font-size:11px;
}
.teaserHomeImage{
	width:203px;
	height:88px;
	margin-left:18px;
	float:left;
	display:inline;
	padding:8px 12px 16px 134px;
	font-size:11px;
}
#teaserHome a {font-size:11px;}
.teaserHomeAktuell h3, .teaserHomeImage h3 {margin-bottom:7px;}

/* RIGHT COLUMN ELEMENTS*/

.peopleInfo{
	font-size:11px;
	margin:8px 0 28px 10px;
}
.peopleInfo h3{
	font-size:14px;
	line-height:14px;
	color:#890066;
	margin-bottom:8px;
}

.peopleInfo a{
	font-size:11px;
	color:#666; 
	text-decoration:none;
	font-weight:normal;
}

.teaserBoxRightGrey{
	background:url(../img/teaser-grey.png)  no-repeat top left;
	padding:12px 20px 16px 20px;
	margin-left:4px;
}
.teaserBoxRightGreyClose{
	background:url(../img/teaser-grey.png)  no-repeat bottom left;
	height:16px;
	margin-bottom:12px;
	margin-left:4px;
}
.teaserBoxRightGrey a {margin-top:8px; display:block;}
.teaserBoxRightGrey a.smallMail {margin-top:0; display:inline;}

.teaserBoxRightViolet{
	background:url(../img/teaser-violet.png)  no-repeat top left;
	padding:12px 20px 16px 20px;
	margin-left:4px;
	color:#fff;
}
.teaserBoxRightViolet h2, .teaserBoxRightViolet a, .teaserBoxRightViolet span {color:#fff;}
.teaserBoxRightViolet ul {margin:12px 0 0 12px;}
.teaserBoxRightViolet ul li {list-style-type:disc;}
.teaserBoxRightVioletClose{
	background:url(../img/teaser-violet.png)  no-repeat bottom left;
	height:16px;
	margin-bottom:12px;
	margin-left:4px;
}
.teaserBoxRightViolet a {margin-top:8px; display:block;}
.teaserBoxRightViolet a.smallMail {margin-top:0; display:inline;}
.teaserContact h4, .teaserBoxRightGrey h4, .teaserBoxRightViolet h4 {
	font-size:12px;
	line-height:16px;
	color:#666;
	margin-bottom:4px;
	font-weight:bold;
}
.teaserContact a, a.smallMail, a.smallMail:hover {
	color:#666; 
	text-decoration:none;
	font-weight:normal;
	display:inline;
}

.teaserBoxRightImage{
	padding:130px 20px 16px 20px;
	margin-left:4px;
}
.teaserBoxRightImageClose{
	height:16px;
	margin-bottom:12px;
	margin-left:4px;
}
.teaserBoxRightImage a {margin-top:8px; display:block;}
.teaserBoxRightImage a.smallMail {margin-top:0; display:inline;}

/* special padding */
.teaserOfenbau {padding-top:175px;} 


.serviceText {color:#890066; display:block; margin-bottom:6px; margin-right:230px;}
.serviceTeaser {text-align:right; margin-bottom:16px;}
.serviceTeaser img {margin-bottom:8px;}



/* MAIN COLUMN ELEMENTS */


#mainColumn ul, .mod_article ul {margin:0 0 0 16px;}
#mainColumn ul li, .mod_article ul li {list-style-type:disc;}

.serviceParagraph{
	border-bottom:2px solid #f1f1f1;
	padding: 0 16px 28px 16px;
	margin-bottom:20px;
}

.ce_text {padding: 0 16px 28px 16px;}
.ce_text h1 {color:#890066; font-size:20px; line-height:24px; margin:0 0 8px 0;}


.underlineHeadline {
	padding: 0 16px 10px 16px;
	border-bottom:2px solid #f1f1f1;
	margin-bottom:6px;
}
.logoList{width:100%; overflow:hidden; border-bottom:2px solid #f1f1f1; padding-bottom:3px;}
.supplierLogo {float:left; display:inline; text-align:center;}
.supplierLogo img {display:block; margin-bottom:9px;}
.supplierLogo a { font-weight:normal;}

.furnaceInfo {width:100%; overflow:hidden; margin-top:8px; margin-bottom:40px}
.furnaceInfoLogo {float:left; display:inline; margin-left:36px;}
.furnaceInfoText{margin-left:260px; width:380px;}

.ce_furnaceGallery {
	width:640px;
	overflow:hidden;
}

.furnaceCaption {text-align:center;margin-top:4px;}
.furnaceCaption a {font-weight:normal;}

.imageContainer {text-align:center;}
.imageContainer span{color:#890066; display:block;}


/* contact form */
.formbody{padding: 24px 16px 28px 16px; width:614px; overflow:hidden;}
.formField{width:614px; overflow:hidden; margin-bottom:8px;}
label.error{color:red; margin-top:24px;}
.formField p.error {color:red; float:right; displa:inline; margin-bottom:4px;margin-top:4px;}
label{float:left; display:inline; width:160px;}
input.text, textarea{ float:right; display:inline; width:438px;}
textarea {height:104px; width:442px;}

.radio_container{float:right; display:inline; width:442px;}
.radio_container input, .radio_container label{ float:none; display:inline; margin-right:10px;}
.radio_container span {margin-right:30px;}
#ctrl_8 {margin:16px 0 16px 0;}
#ctrl_10 span {display:block; margin-top:12px;}
.submit_container {margin: 32px 0 0 170px;}
.submit{
		border:none;
		padding:0;
		margin:0;
		font-size:12px;
		font-weight:bold;
		text-decoration:none;
		color:#890066;
		background-color:transparent;
		}
		
/* standorte */
.wrapperStandorte{position:relative; height:540px;}
.teaserStandort1, .teaserStandort2 {width:279px; height:540px; padding:268px 20px 0 20px;}
.teaserStandort1{position:absolute; top:0; left:0; }
.teaserStandort2{position:absolute; top:0; left:325px; }

.teaserStandortRight {height:496px;}
		
/* SMALL INFO PAGE */
#infoPage{position:relative; width:644px; height:567px;}
#infoHeadImage{position:absolute; top:0; left:0; width:644px; height:126px;}
#infoText{position:absolute; top:168px; left:24px; width:350px; height:390px;}
#infoText ul {margin:12px 0 0 0;}
#infoText li {margin-left:24px; list-style:disc;}
#infoPersonText{position:absolute; top:167px; left:390px; width:240px;}
#infoPersonImage{position:absolute; bottom:0; right:0;}

/* SMALL NEWS PAGE */
#newsPage{position:relative; width:644px; height:410px;}
#newsImage{position:absolute; top:16px; left:16px; width:310px;}
#newsTextImage{position:absolute; top:19px; left:345px; width:287px; height:389px;}
#newsTextNoImage {position:absolute; top:16px; left:16px; width:617px; height:389px;}
		
		

/* stuff from typolight */
.invisible{width:0px;height:0px;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline;}