﻿/*Globale Styles*/

html
{
	background-image: url(../images/BG_HTML.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #020B1C;
}

body 
{
	margin: 0px;
	padding: 0px;
	background-image: url(../images/BG_Main_Neu.jpg);
	background-repeat: no-repeat;
	background-position: left top;

}

/*Std. Definitionen*/
img
{
	border: 0px;
}

h1
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
}

h2
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
}

h3
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
}

h4
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
}

ul
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	list-style-type:none;
}

a
{
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
}

p
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;	
	font-size: 12px;
}


div
{
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 12px;
	color: #FFFFFF;
}

a:link {text-decoration:underline;}
a:hover {text-decoration:none;}
a:active {text-decoration:underline;}
a:visited {text-decoration:underline;}


legend
{
	color: #504F57;
}

input
{
	
}

td
{
	color: #504F57;
}

hr
{
	color: #71707D;
}


/*Definitionen für Layout*/

/*1px mehr wegen Border CM*/
div#Wrapper
{
	width: 1001px;
	background-image: url(../images/bg_linien.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

/*Header*/
div#Header
{
	height: 110px;
	/*background-color: Green;*/
	margin-right: 32px;
	border-right: 1px solid #FF9900;
	background-image: url(../images/BG_Header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

div#Logo
{
	float: left;
	width: 550px;
	padding-left: 64px;
}



div#HeaderNavigation
{
	text-align: right;	
	color: #FFFFFF;
	font-size: 12px;
	padding-top:7px;
	padding-right: 5px;
}

div#HeaderNavigation a
{
	color: #FF9900;
	font-size: 12px;
}

div#HeaderNavigation a:link
{
	color: #FF9900;
	text-decoration: none;
}

div#HeaderNavigation a:hover
{
	color: #FF3300;
	text-decoration: underline;
}

div#HeaderNavigation a:active
{
	color: #FF3300;
	text-decoration: none;
}

div#HeaderNavigation a:visited
{
	text-decoration: none;
	color: #FFFFFF;
}


/*Hauptnavigation*/


div#Hauptnavigation
{
	height: 20px;
	border-bottom: 1px solid #FF9900;
	border-top: 1px solid #FF9900;
	background-image: url(../images/BG_Hauptnavigation_neu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


div#Hauptnavigation div#HauptnavigationAbstandRechts
{
	width: 170px;
	border-right: 1px solid #FF9900;
	height: 20px;
	float: left;
}

div#Hauptnavigation a
{
	display: block;
	width: 128px;
	border-right: 1px solid #FF9900;
	height: 17px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	padding-top: 3px;
	padding-left: 4px;
	
}

div#Hauptnavigation div
{

}
div#Hauptnavigation div.float
{
	float: left;
}

/*nicht fuer IE 6*/
div#Hauptnavigation div > a
{
	background-image: url(../images/BG_Hauptnav.png);
	background-repeat: repeat;
}

div#Hauptnavigation div > a:link
{
	background-image: url(../images/BG_Hauptnav.png);
	background-repeat: repeat;
}

div#Hauptnavigation div > a:hover
{
	background-image: url(../images/BG_HauptnavOver.png);
	background-repeat: repeat;
}

div#Hauptnavigation div > a.Markiert
{
	background-image: url(../images/BG_HauptnavOver.png);
	background-repeat: repeat;
}

/*AlphaImage Loader fuer IE 6*/
* html div#Hauptnavigation div a
{
	cursor:pointer;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/BG_HauptnavIE6.png');
}

* html div#Hauptnavigation div a:link
{
	cursor:pointer;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/BG_HauptnavIE6.png');
}

* html div#Hauptnavigation div a:hover
{
	cursor:pointer;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/BG_HauptnavOverIE6.png');
}

* html div#Hauptnavigation div a.Markiert
{
	cursor:pointer;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/BG_HauptnavOverIE6.png');
}

div#Hauptnavigation div div.PunktLeer
{
	width: 132px;
	float: left;
	border-right: 1px solid #FF9900;
	height: 20px;
	
}

/*nicht fuer IE 6*/
div#Hauptnavigation div > div.PunktLeer
{
	background-image: url(../images/BG_Hauptnav.png);
	background-repeat: repeat;
}

/*Alpha Image fuer IE 6*/
* html  div#Hauptnavigation div.PunktLeer
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/BG_HauptnavIE6.png');
}

/*Spalten*/

div#MainContent
{
	min-height: 10px;
}

* html div#MainContent 
{
	height: 10px;
}

div#LinkeSpalte
{
	width: 170px;
	float: left;
	background-image: url(../images/BG_HeaderLinks.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

div#RechteSpalte
{
	float: left;
	width: 831px;
}

/*FlashHeader*/
div#FlashHeader
{
	border-left: 1px solid #FF9900;
	border-bottom: 1px solid #FF9900;
	height: 180px;
}

div#FlashHeader div
{
	border-right: 1px solid #FF9900;
	margin-right: 32px;
	height: 180px;
}

/*Srachwahl*/
div#Sprachwahl
{
	border-top: 1px solid #FF9900;
	border-bottom: 1px solid #FF9900;
	
	height: 24px;
}

div#SprachwahlHeading
{
	margin-top: 137px;
	height: 18px;
	padding-left: 10px;
}

div#Sprachwahl div#Sprachen
{
	border-left: 1px solid #FF9900;
	margin-left: 10px;
	height: 24px;
}

* html div#Sprachwahl img
{
	behavior: url("../pngbehavior.htc");
	border: 0px;
	width: 24px;
	height: 24px;

}

div#Sprachwahl a
{
	border-right: 1px solid #FF9900;
	height: 24px;
	display: block;
	float: left;
}




/*Content*/
div#Content
{
	margin-right: 32px;
	border-right: 1px solid #FF9900;	
	border-left: 1px solid #FF9900;
}

* html div#Content
{
	
}


/*Unternehmen*/
div#ContentUnternehmen
{
	margin-right: 32px;
}

div#UnternehmenLinks
{
	background-color: #FFFFFF;
	float: left;
	width: 531px;
	border-right: 1px solid #FF9900;
	border-left: 1px solid #FF9900;
	min-height: 400px;
}

* html div#UnternehmenLinks
{
	height: 400px;
}

div#UnternehmenRechts
{
	float: left;
	width: 265px;
	border-right: 1px solid #FF9900;
}

 div#UnternehmenRechts img
{
	margin-left: 12px;
	margin-top: 33px;	
	margin-bottom: 10px;
}

* html div#UnternehmenRechts  img
{
	behavior: url("../pngbehavior.htc");
	width: 178px;
	height: 42px;
}

/*Produkte*/

div#ProdukteRechts
{
	float: left;
	width: 265px;
	border-right: 1px solid #FF9900;
}

 div#ProdukteRechts img
{
	margin-left: 12px;
	margin-top: 33px;	
	margin-bottom: 10px;
}

* html div#ProdukteRechts  img
{
	behavior: url("../pngbehavior.htc");
	width: 178px;
	height: 42px;
}


/*TechnologieFibel*/
div#ContentTechnologieFibel
{
	margin-right: 32px;
}

div#ContentProdukte
{
	margin-right: 32px;
}

div#ContentTechnologieFibelUnterseite
{
	padding-right: 32px;
	background-image: url(../images/BG_Fibel.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

div#TechnologieFibelLinks
{
	background-color: #FFFFFF;
	float: left;
	width: 531px;
	border-right: 1px solid #FF9900;
	border-left: 1px solid #FF9900;
	min-height: 400px;
}

/*IE 6*/
* html div#TechnologieFibelLinks
{
	height: 400px;
}

div#TechnologieFibelRechts
{
	float: left;
	width: 265px;
	border-right: 1px solid #FF9900;
}

div#TechnologieFibelEineSpalte
{
		border-right: 1px solid #FF9900;
		background-color: #FFFFFF;
}

/*Produkte*/
div#ProdukteLinks
{
	background-color: #FFFFFF;
	float: left;
	width: 531px;
	border-right: 1px solid #FF9900;
	border-left: 1px solid #FF9900;
	min-height: 400px
}

/*IE 6*/
* html div#ProdukteLinks
{
	height: 400px;
}

div#ProdukteRechts
{
	float: left;
	width: 265px;
	border-right: 1px solid #FF9900;
}









/*Startseite*/

div#ZeileHeadingNews
{

}

div#ZeileHeadingNews div.HeadingNewsLinks
{
	background-color: #FFFFFF;
	height: 85px; 
	width: 531px;
	border-right: 1px solid #FF9900;	
	float: left;
}

div#ZeileHeadingNews div.HeadingNewsRechts
{
	height: 85px; 
	width: 265px;
	float: left;
	
}

div.HeadingNewsRechts img
{
	margin-left: 12px;
	margin-top: 33px;	
}

* html div#ZeileHeadingNews div.HeadingNewsRechts img
{
	behavior: url("../pngbehavior.htc");
	width: 178px;
	height: 42px;
}




/*Normaler Content*/

div#ZeileContent
{
}

div#ZeileContent div.ZeileContentLinks
{
	width: 531px;
	background-color: #FFFFFF;
	float: left;
	padding-top: 5px;
	border-right: 1px solid #FF9900;
}

div#ZeileContent div.ZeileContentRechts
{
}

/*Startseite*/
div#ZeileContentStartseite
{
}

div#ZeileContentStartseite div#StartseiteLinks
{
	width: 398px;
	background-color: #FFFFFF;
	float: left;
	padding-top: 5px;
	height: 350px;
}

/*IE 6*/

* html div#ZeileContentStartseite div#StartseiteLinks
{


}

div#ZeileContentStartseite div#StartseiteRechts
{
	width: 399px;
	/*background-color: green;*/
	float: left;
	
}

/*Aktuelles*/
div#ZeileContentStartseite div#StartseiteRechts div#AktuellesLinks
{
	background-color: #FFFFFF;
	width: 133px;
	border-right: 1px solid #FF9900;	
	padding-top: 5px;
	float: left;
	height: 350px;
}

img.AktuellesBild
{
	border-top: 1px solid #FF9900 !important;
	border-bottom: 1px solid #FF9900 !important;
	border-left: 1px solid #FF9900 !important;

}
div#ZeileContentStartseite div#StartseiteRechts div#AktuellesLinks div
{
	margin-bottom: 33px;
}

div#AktuellesRechts
{
	float: left;
	width: 265px;
	padding-top: 5px;
}

div.AktuellesBox
{
	height: 104px;
	border-top: 1px solid #FF9900;
	border-bottom: 1px solid #FF9900;	
	margin-bottom: 33px;
	
}

div#AktuellesRechts > div.AktuellesBox
{
	background-image: url(../images/BG_AktuellesStart.png);
	background-repeat: repeat-x;
}

/*IE 6*/
* html div#AktuellesRechts div.AktuellesBox
{
	width: 265px;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/BG_AktuellesStartIE6.png');*/
}

div.AktuellesBox div.AktuellesContainer
{
	padding: 7px;
}


div.AktuellesBox p
{
	color: #FFFFFF;
	font-size: 12px;
	line-height: 15px;
}

div.AktuellesBox p.Link
{
	text-align: right;
}
div.AktuellesBox p.Link a
{
	text-align: right;
	color: #FF9900;
	font-weight: bold;
	cursor: pointer;
}

div.AktuellesBox p.Link a:link
{
	color: #FF9900;
	text-decoration: none;
}

div.AktuellesBox p.Link a:hover
{
	color: #FF3300;
	text-decoration: none;
}

div.AktuellesBox p.Link a:active
{
	color: #FF3300;
	text-decoration: none;
}

div.AktuellesBox p.Link a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

/*Fuer IE6 da mit AlphaImageLoader keine Links  mehr klappen BG wird direkt geladen*/

* html div#BGAktuellesStartEins
{
	background-image: url(../images/BG_AktuellesStart1.jpg);
	background-repeat: no-repeat;
	width: 265px;
	height: 104px;
}

* html div#BGAktuellesStartZwei
{
	background-image: url(../images/BG_AktuellesStart2.jpg);
	background-repeat: no-repeat;
	width: 265px;
	height: 104px;
}

/*Eigentlicher Content*/
div#EigentlContent
{
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-left: 22px;
	padding-right: 10px;

}

/*IE 6*/
* html div#EigentlContent
{
}

div#ContentUnternehmen div#EigentlContent
{
}


div#ContentTechnologieFibel div#EigentlContent
{
}

div#ContentProdukte div#EigentlContent
{
}

div#ContentTechnologieFibelUnterseite div#EigentlContent
{
}

/*IE 6*/
* html div#ContentUnternehmen div#EigentlContent
{
}

* html div#ContentTechnologieFibel div#EigentlContent
{
}

* html div#ContentProdukte div#EigentlContent
{
}



* html div#ContentTechnologieFibelUnterseite div#EigentlContent
{
}






/*#########  Diese Klassen muessen in den Editor  #########*/

div#Content h1, div#ContentUnternehmen h1, div#ContentTechnologieFibel h1, div#ContentTechnologieFibelUnterseite h1, div#ContentProdukte h1, div#ContentAktuelles h1
{
	color: #000023;
	margin-left: 22px;
	margin-top: 20px;
	line-height: 30px;
	font-size: 24px;
	font-weight: normal;
}



div#ContentUnternehmen h1, div#ContentTechnologieFibel h1, div#ContentProdukte h1, div#ContentAktuelles h1
{
	margin-left: 0px;
	margin-bottom: 20px;
}

div#ContentTechnologieFibelUnterseite h1
{
	margin-bottom: 10px;
	margin-left: 0px;
	margin-top: 15px;
}

div#Content h2, div#ContentUnternehmen h2, div#ContentTechnologieFibel h2, div#ContentTechnologieFibelUnterseite h2, div#ContentProdukte h2, div#ContentAktuelles h2
{
	color: #FF9900;
	margin-bottom: 10px;
	line-height: 17px;
	font-size: 14px;
}




div#EigentlContent p
{
	color: #000000;
	font-size: 12px;
	line-height: 15px;
}

div#EigentlContent p.ZitatGross
{
	color: #000033 !important;
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
}

div#EigentlContent p.HervorhebungGross
{
	color: #FF9900 !important;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

div#EigentlContent .Fett
{
	font-weight: bold;
}

div#EigentlContent .Orange
{
	color: #FF9900 !important;
}

div#EigentlContent .KleinerText
{
	font-size: 11px;
}


div#EigentlContent ul
{
	color: #000000;
	list-style-type:square;
	margin-left: 20px;
}

div#EigentlContent ul li
{
	color: #000000;
	padding-bottom: 15px;
}

div#EigentlContent a
{
	color: #FF9900;
}

div#EigentlContent a:link
{
	color: #FF9900;
}


div#EigentlContent a:hover
{
	color: #FF3300;
}

div#EigentlContent a:active
{
	color: #FF3300;
}

div#EigentlContent a:visited
{
	color: #000000;
}


/*Technikfibel*/
div#ContentTechnologieFibelUnterseite h2.HeadlineBGDunkel
{
	background-color: #000033;
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	margin: 0px;
}

div#ContentTechnologieFibelUnterseite h2.HeadlineBGHell
{
	background-color: #FF9900;
	color: #000033;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	margin: 0px;
}

div#TechnikFibelUnterseiteAufgabeContainer
{
	height: 126px;
}

div#ContentTechnologieFibelUnterseite p
{

}

table.TechnikFibelUnterseite
{
	width: 97%;
	padding: 0px;
	margin: 0px;
}

table td.TechnikFibelUnterseiteLinks
{
	width: 50%;
	vertical-align: top;
	background-color: #E5E9EC;
	border-right: 1px solid #FF9900;
}

table td.TechnikFibelUnterseiteRechts
{
	width: 50%;
	vertical-align: top;
	background-color: #FCDBB8;
}

table.TechnikFibelUnterseite p
{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 17px !important;
}

table.TechnikFibelUnterseiteBeispiel
{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

table.TechnikFibelUnterseiteBeispiel td.Bild
{
	width: 192px;
	vertical-align:top;
}

table.TechnikFibelUnterseiteBeispiel td.BildZweiSpalten
{
}

table.TechnikFibelUnterseiteBeispiel td.BildZweiSpalten img
{
	border-bottom: 1px solid #FF9900;
}

table.TechnikFibelUnterseiteBeispiel td.Bild img
{
	border-bottom: 1px solid #FF9900;
	border-right: 1px solid #FF9900;
}

table.TechnikFibelUnterseiteBeispiel img.BildRahmenUnten
{
	border-bottom: 1px solid #FF9900;
}

table.TechnikFibelUnterseiteBeispiel img.BildRahmenOben
{
	border-top: 1px solid #FF9900;
}



table.TechnikFibelUnterseiteBeispiel td.Text
{
	padding: 0px;
	vertical-align: top;
}

table.TechnikFibelUnterseiteBeispiel td .BildText
{
	font-size: 11px !important;
	line-height: 12px !important;
	padding-top: 5px !important;
}




table.TechnikFibelUnterseite p.BGBlau
{
	background-color: #E5E9EC;
}

table.TechnikFibelUnterseite p.BGOrange
{
	background-color: #FCDBB8;
}


table.Produkt
{
	width: 384px;
	border: 1px solid #FF9900;
	padding: 0px;
	margin: 0px;
}

table.Produkt td
{
	font-size: 12px;
}

table.Produkt td.Bild
{
	border-bottom: 1px solid #FF9900;
}

img.Bildrahmen
{
	border: 1px solid #FF9900;
}

table.Produkt td.Inhalt
{
	background-color: #E5E9EC;
}


table.Produkt td.Inhalt h2
{
	padding-left: 10px;
	width: 192px;
	color: #000000 !important;
	background-color: #FF9900;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 20px !important;

}

table.Produkt td.Inhalt h3
{
	color: #000000 !important;
	font-size: 14px;
	padding-left: 10px;
	margin-bottom: 10px;
	font-weight: bold !important;
}

table.Produkt td.Inhalt p.SubNummer
{
	color: #000000 !important;
	font-size: 11px;
	padding-left: 10px;
}

table.ProduktListeZweiSpalten
{
	width: 96%;
	padding: 0px;
	margin: 0px;
}

table.KontaktZweiSpalten
{
	width: 96%;
	padding: 0px;
	margin: 0px;
}

table.KontaktZweiSpalten td
{
	vertical-align: top;
}



table.ProduktListeZweiSpalten td
{
	width: 50%;
	vertical-align: top;
	color: #000000;
}

table.ProduktListeZweiSpalten td p
{
	padding-left: 10px;
	font-size: 11px !important;
	color: #000000;
	padding-right: 10px;
}

table.ProduktListeZweiSpalten ul
{
	padding-left: 10px;
	margin-left: 20px;
}

table.ProduktListeZweiSpalten ul li
{
	font-size: 11px;
	padding: 0px !important;
	margin: 0px !important;
}

table.ProduktListeZweiSpalten td h3
{
	color: #000000 !important;
	font-size: 14px;
	padding-left: 10px;
	margin-bottom: 10px;
	font-weight: bold !important;
}

table.ProduktListeZweiSpalten td h4
{
	color: #000000 !important;
	font-size: 12px;
	padding-left: 10px;
	margin-bottom: 10px;
	font-weight: bold !important;
}


td.Blau
{
	background-color: #E5E9EC;
}



/*#########  Diese Klassen muessen in den Editor  #########*/







/*Klassen*/
div.clear
{
	clear: both;	
	border: 0px solid #000 !important;
}

.Fehler
{
	font-size: 16px !important;
	color: Red !important;
	font-weight: bold !important;
	padding: 0px !important;
	margin: 0px !important;
}

.Zentriert
{
	text-align: center;
}

.Rechts
{
	text-align: right;
}


/*Wegweiser*/
div.Wegweiser
{
	padding-left: 22px;
	font-size: 11px;
	color: #465464;
	padding-top: 10px;
}

div.Wegweiser a
{
	font-size: 11px;
	color: #465464;
}


/*Aktuelles*/
div.AktuellesKurz
{
	margin-bottom: 20px;
	color: #3E3E3E;
}

img.AktuellesKurzBild
{
	margin-right: 7px;
	margin-bottom: 5px;
	margin-top: 2px;
}

div.AktuellesAnriss
{
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	color: #000000;
}

div.AktuellesKurzLink
{
	text-align: right;
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	text-align: right;
	padding-top: 3px;
	margin-top: 10px;
	border-top: 1px solid #FF9900;
}

div.AktuellesKurzLink a
{
	font-size: 11px;
}

div.Aktuelles img
{
	margin-bottom: 5px;
}

img.BildAktuelles
{
	float:left;
	margin-right: 10px;
	margin-bottom: 5px;
}

/*IE 6*/
*html img.BildAktuelles
{
	position:relative;
}
	

div.Zurueck
{
	text-align: right;
	font-size: 11px !important;
	border-top: 1px solid #FF9900;
	clear:both;
	margin-top: 10px;
	padding-top: 3px;
	
}


/*Footer*/
div#Footer
{
	border-top: 1px solid #FF9900;
	/*border-bottom: 1px solid #FF9900;
	border-right: 1px solid #FF9900;*/

	background-color: #020B1C;
	margin-right: 32px;
	padding-top: 4px;
	padding-bottom: 2px;
	color: #5C6980;
	font-size: 11px;
	text-align: right;
	padding-right: 10px;
}

/*Copyright*/
div#Copyright
{
	text-align: right;
	font-size: 11px;
	padding-top: 10px;
	background-color: #020B1C;
	margin-right: 32px;
	padding-bottom: 20px;
	padding-right: 10px;
}

div#Copyright a
{
	color: #353E4E;
}


/*Druckinfos*/
div.DruckInfos
{
	display: none;
}


/*Aktuelles*/
div#ContentAktuellesNeu
{
	margin-right: 32px;
}

div#AktuellesLinksNeu
{
	background-color: #FFFFFF;
	float: left;
	width: 531px;
	border-right: 1px solid #FF9900;
	border-left: 1px solid #FF9900;
	min-height: 400px
}

/*IE 6*/
* html div#AktuellesLinksNeu
{
	height: 400px;
}

div#AktuellesRechtsNeu
{
	float: left;
	width: 265px;
	border-right: 1px solid #FF9900;
}