/* SAT Elektrotechnik */
/* CSS Document */
* {
  margin: 0px;
  padding: 0px;
  border: 0;
}

body {
	text-align: center;
	margin:0;
	padding:0;
	background-color: #EEEEEE;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* Mit 100% ist die Größe 12px... */
	font-size: 90%;		/* Setzt 1em auf 10px */
/*	font-size: 62.5%; *//* Resets 1em to 10px -> stimmt nicht */
/*	color: #666666;*/
	color: #333333;
}
h1 {
	font-size: 1.0em;
	font-weight: bold;

/*	clear: both;*/
}
h2 {
	font-size: 0.9em;
	font-weight: bold;
}
h3 {
	font-size: 0.9em;
	font-weight: normal;
	font-style: italic;
}

a {
	text-decoration: none;
/*	color: #666666;*/
	color: #333333;
}
a.current,
a:hover {
	color: #FF6600;
}

DIV.clearer,
#topNavContainerDiv DIV.clearer,
#leftContainerDiv DIV.clearer,
#contentContainerDiv DIV.clearer {
	clear: both;
	border: none;
}
HR,
#containerDiv HR,
HR.clearer,
#containerDiv HR.clearer {
	height: 1px;
	clear: both;
	margin: 0;
	border: 0;
	background-color: #999999;
	color: #999999;
/*border: 1px solid #FF0000;*/
}

#containerDiv {
	width: 692px;
	margin: 32px auto;
	padding: 0;

	text-align: left;
/*border: 1px solid #000080;*/
}
/* Nur für der Seite "Home" - template "template_home.html" */
#containerDiv.home {
	width: 870px;	/* ohne rightBorderContainer: width: 692px; */
}
#containerDiv DIV {
/*	float: left;*/
}
/* Nur für der Seite "Home" - template "template_home.html" */
#rightBorderContainer2 {
	position: relative;
	top: -120px;
	right: -110px;
/*	margin: auto;*/
	padding: 0;
/*	float: right;*/	/* bewirkt im FF & Opera, dass das containerDiv nicht 170px nach unten ausgeweitet wird, IE is es egal */
/*display: block;*/
/*border: 1px solid #FF0000;*/
}
#rightBorderContainer {
	position: relative;
	width: 120px;
	height: 0;
	top: -150px;
	right: -410px;
	margin: 0 auto;
	padding: 0;
	overflow: visible;
/*border: 1px solid #FF0000;*/
}
#headerDiv {
/*	width: 690px;*/	/* 692 - 2x1 (rand) */
	width: 692px;
	height: 67px;	/* 70 - 14 */

/*	background-color: #FFFFFF;*/
/*	border: 1px solid #BBBBBB;*/
	text-align: right;
/*	padding-top: 14px;*/
}
#headerDiv img {
/*	padding: 5px 0;*/
	padding: 0;
}
#headerDiv img.leftLogo {
	padding: 8px 0;		/* vertikal mittig setzen (ist 16px kleiner, als das SAT-Logo) */
	float: left;
}
#headerPicDiv {
	width: 690px;
/*	height: 102px;*/	/* 70 - 14 */

/*	border: 1px solid #CCCCCC;*/	/* Logo-Rahmen: #BBBBBB - Content-Rahmen: #DDDDDD */
	margin: 5px 0 5px 0;
}
#headerPicDiv img {
	border: 1px solid #CCCCCC;	/* Logo-Rahmen: #BBBBBB - Content-Rahmen: #DDDDDD */
}

/* Container um alle Elemente unter den beiden Headern */
#contentContainerDiv {
	width: 690px;	/* 692 - 2x1 (rand) */
	padding: 0;
	padding-bottom: 17px;
	margin-bottom: 5px;

	text-align: left;

	background-color: #FFFFFF;

	border: 1px solid #DDDDDD;
}

/* Umschließt das loginLinkDiv und das topNaviDiv */
#topNavContainerDiv {
	width: auto;
	height: 26px;
/*border: 1px solid #00FF00;*/
}
#loginLinkDiv {
	width: 124px;	/* 140 - 16 (padding) */
	height: 20px;	/* 26 - 6 (padding) */
	
	padding-top: 6px;
	padding-left: 16px;

	font-size: 0.9em;
	text-align: left;

	float: left;
/*background-color:#00FFFF;*/
}
#topNaviDiv {
	/*width: 550px;*/	/* 690 - 140 */
	width: auto;	/* nur so funzt die ausrichtung an der rechten seite */
	height: 20px;	/* 26 - 6 (padding) */

	padding: 0;
	padding-top: 6px;

	font-size: 0.9em;
	text-align: right;	/* nützt nichts */

	float: right;
/*background-color: #0000FF;*/
}

#leftContainerDiv {
	width: 140px;	/* 141 - 1 (border) */
	float: left;
}
#leftContainerDiv DIV {
	width: 140px;	/* 141 - 1 (border) */
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;

	border: 1px solid #DDDDDD;
	border-left: none;

	text-align: left;
}
#leftContainerDiv DIV#naviDiv {
	margin-bottom: 18px;
}

#leftContainerDiv DIV#langSwitchDiv {
	width: 106px;	/* 107 - 1 (border) */
	padding: 5px;

	text-align: center;
}
#leftContainerDiv DIV#langSwitchDiv img {
	margin: 0 7px;
	border: none;
}
#leftContainerDiv DIV.leftColContent {
	border: none;
	margin-top: 18px;

	font-size: 0.9em;
}
#leftContainerDiv DIV.leftColContent img,
#leftContainerDiv DIV.leftColContent p {
	margin: 3px 10px;
}
#leftContainerDiv DIV.leftColContent a {
	text-decoration: none;
}

#contentDiv {
	width: 498px; /*!important	/* 549 - 19+12 (margin) - 2x10 (padding) - 2x1 Für FF und Opera */
	float: left;
	margin: 0 17px 0 12px;
	margin-right: 0;	/* sonst verbreitert der IE das Container-DIV */
	padding: 0 10px 7px 10px;	/* 19px 10px 7px 10px */

	border: 1px solid #DDDDDD;

	font-size: 0.9em;
	font-style: normal;
	text-align: justify;
}

/* Container für die Links zu Druck- und PDF-Version */
#contentDiv #versionLinksDiv {
	width: auto;
	margin: 0;
	margin-top: 10px;
	float: right;
	border: none;
/*border: 1px solid #FF0000;*/
}
#contentDiv #versionLinksDiv img {
	margin: 0 0 9px 9px;
}

#contentDiv h1,
#contentDiv h2,
#contentDiv h3,
#contentDiv p,
#contentDiv ul,
#contentDiv dl,
#contentDiv table {
/*	margin: 0;*/
	margin: 15px 0;
}
/* Links im Text kenntlich machen */
#contentDiv a {
/*	text-decoration: underline;*/
	color: #FF6600;
}
#contentDiv ul {
	list-style: inherit;
}
#contentDiv ul li {
	margin-left: 20px;
}
#contentDiv table {
	border: 1px solid #BBBBBB;
	border-collapse: collapse;
}
#contentDiv tr {
	border: 1px solid #BBBBBB;
}
#contentDiv th {
	border: 1px solid #BBBBBB;
	padding: 3px;
}
#contentDiv td {
	border: 1px solid #BBBBBB;
	padding: 3px;
}
/* Layout-Tabelle ohne Rand */
#contentDiv table.layoutTab {
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
}
#contentDiv table.layoutTab tr {
	border: 0;
}
#contentDiv table.layoutTab th,
#contentDiv table.layoutTab td {
	border: 0;
	vertical-align: middle;
}

#footerDiv {
	width: 690px;	/* 692px - 2x1 (rand) */
	height: 30px;
	clear: both;
	background-color: #666666;
	padding: 0;

	border: 1px solid #FFFFFF;

	color: #DDDDDD;
}
#copyrightDiv {
	width: 215px;	/* 190 - 1x20 (padding) */
	height: 14px;	/* 30 - 2x8 (padding) */
	float: left;

	padding: 8px 0 8px 15px;

	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
/*background-color: #FF0000;*/
}
#footerNaviDiv {
	width: 460px;
	height: 14px;	/* 30 - 2x8 (padding) */
	float: left;
	
	padding: 8px 0 8px 0;

	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	text-align: right;
/*background-color:#00FF00;*/
}

/********************************/
/* Content-Elemente formatieren */
/********************************/

/* Bilder-Container beim Inhaltselement "Text mit Bild" */
.csc-textpic-imagewrap {
/*border: 1px solid #00FF00;*/
}
/* "Text mit Bild" - Liste um Bild (dt) mit Bildunterschrift (dd) */
dl.csc-textpic-image {
	padding: 0;
	padding-top: 15px;
	padding-right: 45px;
/*border: 1px solid #FF0000;*/
}
/* "Text mit Bild" - Bild */
dl.csc-textpic-image dt {
}
/* "Text mit Bild" - Bildunterschrift */
dl.csc-textpic-image dd {
/*border: 1px solid #000000;*/
}
/* "Text mit Bild" - erstes Bild */
dl.csc-textpic-firstcol {
/*border: 1px solid #0000FF;*/
}
/* "Text mit Bild" - letztes Bild */
dl.csc-textpic-lastcol {
	padding-right: 0;
/*border: 1px solid #FF00FF;*/
}

/*********************************************/
/* Horizontale Navigationen (TOP und FOOTER) */
/*********************************************/
ul.horiNavList {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
/*border: 1px solid #FF0000;*/
}
ul.horiNavList li {
	margin: 0 11px;		/* 0 17px */
	padding: 0;
	float: left;
}
/* Horizontal-Navigations-Link und Login-Link */
ul.horiNavList li a,
#loginLinkDiv a {
/*	width: 130px;	*//* 141 - 1 (rand) - 2x5 (padding)*/
	padding: 0;

/*	color: #666666;*/
	color: #333333;
	font-weight: bold;
	
	text-decoration: none;
}
ul.horiNavList li a.current,
#loginLinkDiv a.current {
	color: #FF6600;
}
ul.horiNavList li a:hover ,
#loginLinkDiv a:hover {
	color: #FF6600;
}

/*******************/
/* Hauptnavigation */
/* 1. Navi-Ebene   */
/*******************/
ul.navList1 {
	list-style: none;
	margin: 15px 0;
	padding: 0;
}
ul.navList1 li {
	margin: 0;
	padding: 4px 0;
/*border: 1px solid #FF0000;*/
}
ul.navList1 li a {
	display: block;
	width: 119px;	/* 141 - 1 (rand) - 16+5 (padding)*/
	padding: 0;
	padding-left: 16px;
	
	background-color: #FFFFFF;
/*	color: #666666;*/
	color: #333333;

	font-size: 0.9em;
	font-style: normal;
	font-weight: bold;

	text-decoration: none;
/*border: 1px solid #00FF00;*/
}
ul.navList1 li a.current,
ul.navList1 li a:hover {
	color: #FF6600;
}

/*******************************/
/* Text-Menü - Hauptnavigation */
/* 2. Navi-Ebene 			   */
/*******************************/
ul.navList2 {
	list-style: none;
	margin: 0;
	margin-top: 2px;
	padding: 0;
}
ul.navList2 li {
	margin: 0;
	padding: 0;
	padding-top: 5px;

	font-size: 0.75em;	/* Nur mit diesen Größenangaben für LI und A ist die Größe in allen 3 Browsern gleich - Opera macht Blödsinn... */
/*border: 1px solid #0000FF;*/
}
/* nur für den IE <= 6 */
* html ul.navList2 li {
	padding-top: 2px;
/*	font-size: 85%;*/
}
ul.navList2 li a {
	display: block;
/*	width: 112px;*/	/* 141 - 1 (rand) - 26 (padding-left) - 2 (padding)*/
	width: 114px;	/* 141 - 1 (rand) - 24 (padding-left) - 2 (padding)*/
	margin: 0;
	padding: 0;
	padding-left: 24px;	/* 26px */

/*	font-size: 0.9em;*/
	font-size: 1em;		/* Nur mit diesen Größenangaben für LI und A ist die Größe in allen 3 Browsern gleich - Opera macht Blödsinn... */
/*border: 1px solid #CC0099;*/
}
ul.navList2 li a.current,	/* typo3 verpasst dem aktiven link in der 2. navi-eben nicht die klasse "current" - kein plan wieso... */
/*ul.navList2 li a:active,*/ /* nutzt auch nix */
ul.navList2 li a:hover {
	color: #FF6600;
}

/*******************************/
/* Text-Menü - Hauptnavigation */
/* 3. Navi-Ebene 			   */
/*******************************/
ul.navList3 {
	list-style: none;
	margin: 0;
	margin-top: 2px;
	padding: 0;
}
ul.navList3 li {
	margin: 0;
	padding: 0;
	padding-top: 5px;

/*	font-size: 0.75em;*/	/* Nur mit diesen Größenangaben für LI und A ist die Größe in allen 3 Browsern gleich - Opera macht Blödsinn... */
/*border: 1px solid #0000FF;*/
	font-size: 1em;
}
/* nur für den IE <= 6 */
* html ul.navList3 li {
	padding-top: 2px;
/*	font-size: 85%;*/
}
ul.navList3 li a {
	display: block;
/*	width: 102px;*/	/* 141 - 1 (rand) - 36 (padding-left) - 2 (padding)*/
	width: 106px;	/* 141 - 1 (rand) - 32 (padding-left) - 2 (padding)*/
	margin: 0;
	padding: 0;
	padding-left: 32px;	/* 36px */

	font-size: 0.9em;
/*	font-size: 1em;	*/	/* Nur mit diesen Größenangaben für LI und A ist die Größe in allen 3 Browsern gleich - Opera macht Blödsinn... */
/*	font-size: 1em;*/
/*border: 1px solid #CC0099;*/
}
ul.navList3 li a.current,	/* typo3 verpasst dem aktiven link in der 2. navi-eben nicht die klasse "current" - kein plan wieso... */
/*ul.navList2 li a:active,*/ /* nutzt auch nix */
ul.navList3 li a:hover {
	color: #FF6600;
}

/*******************************************/
/* Newsletter-Anmelde-Formular formatieren */
/*******************************************/

fieldset.newsletterSubscripFieldset {
}

fieldset.newsletterSubscripFieldset label {
}
/*  */
fieldset.newsletterSubscripFieldset .requiredFieldInfo {
	color: #FF0000;
}
/* Liste der Newsletter-Kategorien */
fieldset.newsletterSubscripFieldset div.newsletterCatListDiv {
	margin-top: 15px;

}
fieldset.newsletterSubscripFieldset div.newsletterCatListDiv input {
	margin-left: 10px;
}
fieldset.newsletterSubscripFieldset input {
	margin: 1px;
	margin-left: 10px;
	padding: 1px;
	border: 1px solid #DDDDDD;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
/*	line-height: 0.9em;*/
/*	color: #666666;*/
	color: #333333;
}
fieldset.newsletterSubscripFieldset input.submit {
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
/*	color: #666666;*/
	color: #333333;
}

/******************************/
/* Login-Formular formatieren */
/******************************/
#contentDiv table.loginform {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	border: 0;
	border-collapse: collapse;
}
#contentDiv table.loginform tr.loginform-labelrow {
	margin: 0;
	padding: 0;
	border: 0;
/*border: 1px solid #FF0000;*/
}
#contentDiv table.loginform td.loginform-labelcell,
#contentDiv table.loginform td.loginform-fieldcell {
	height: 18px;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: middle;
/*border: 1px solid #00FF00;*/
}
#contentDiv table.loginform td.loginform-labelcell p {
	margin: 1px;
	vertical-align: middle;
/*border: 1px solid #0000FF;*/
}
#contentDiv table.loginform td.loginform-fieldcell input,
#contentDiv table.loginform td.loginform-fieldcell input.input {
	margin: 1px;
	padding: 1px;
	border: 1px solid #DDDDDD;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
/*	line-height: 0.9em;*/
/*	color: #666666;*/
	color: #333333;
}
#contentDiv table.loginform td.loginform-fieldcell input.submit {
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
/*	color: #666666;*/
	color: #333333;
}
/****************************/
/* Mailformular formatieren */
/****************************/
.mailform {
	width: 450px;	/* frei gewählt */
	border: 0px;
}
.mail-formular {
	border: none;
}
.mailform-input,
.mailform-textarea {
	border: 1px solid #DDDDDD;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
/*	color: #666666;*/
	color: #333333;
}
/* DIV um jedes Lable und jeden Kommentar */
.mailform-lable-wrap-div {
}
/* DIV um jedes "Pflichtfeld"-Lable */
.mailform-req-lable-wrap-div {
}
/* Rahmen um jede "Feld"-Zeile des Formulars */
.mailform-field {
	padding: 0.2em 0;
}
.mailform-field label {
/*	width: 450px;*/	/* frei gewählt */
	display: block;
	margin-right: 0.5em;
/*	padding-top: 0.2em;*/
	text-align: left;
}
.mailform-submit {
/*	margin-left: 5.5em;*/
/*	margin-left: 152px;*/
	margin-top: 6px;	/* Höhenunterschried zum Reset-Button ausgleichen */
	margin-bottom: 10px;
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
/*	color: #666666;*/
	color: #333333;

	float: left;
}
.mailform-reset {
	margin: 0;
	margin-left: 10px;

	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
/*	color: #666666;*/
	color: #333333;
/*	float: right;*/
}
.mailform-submit-nonfloat {
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
/*	color: #666666;*/
	color: #333333;

	float: left;
}