/* ==========================
Allgemeine CSS-Angaben für Seiten von DREMEL

Farben:
#0060A9: DREMEL Blau Grundfarbe
#E2EAF6: Helles Blau - Hintergrundfarbe der Navigation
#949494: Dunkler Grauton für den Seitenhintergrund
#9E9FA1: Mittlerer Grauton für den HOVER Effekt der Navigation
#000000: Schriftfarbe für Headlines, Subheadlines und Fließtext

Erstellt 2004-08 von www.kittelberger.de
========================== */

body {
	width: 800px;
	margin: 0 auto;
	background-color: #949494;
	font-family: Verdana, sans-serif; 
	font-size: 11px;
}

a {
	text-decoration:none;
	color:#000000;
}	

p, h2 {
	font-size: 100%;
	margin: 10px;
	margin-right: 0;
	line-height: 14px;
}

h1 {
	font-size: 17px;
	line-height: 18px;
	margin: 10px;
	margin-bottom: 20px;
}

h2 {
	font-weight: bold;
}

table {
	border-collapse: collapse;
}

td {
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}

img {
	border: none;
	margin: 0px 0 10px 10px;
	display:block;
}

ul {
	margin: 10px;
	padding: 0px;
	list-style-type: square;
}	

li {
	margin: 0px;
	margin-left: 1.5em;
	padding: 0px;
	line-height: 14px;
}

li p {
	margin: 0;
}

form {
	margin: 0px;
	padding: 0px;
}

input, textarea {
	font-size: 100%;
}

input.button {
	border: none;
	background: none;
	font-weight: bold;
	text-align: left;
	background-image: url('bullit.gif');
	background-repeat: no-repeat;
	background-position: 0 1px;
	padding-left: 17px;
	padding-top: 1px;
	margin-bottom: 4px;
	font-family: Verdana, sans-serif;
}

ul.links {
	list-style-type: image;
	list-style-image:url('bullit-ulli.gif');
	font-weight: bold;
}

/* --------------------------
Kopfbereich mit Meta-Navigation, Sprachauswahl und gestaltetem Schriftzug
-------------------------- */

#pageHeader {
	height: 159px;
	width: 756px;
	background-image: url('keyvisual.jpg');
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	margin: 22px 0px 0px 22px;
}

#pageHeader p {
	margin: 0;
}

#pageHeader p.links {
	width: 528px; 
	text-align: right;
	padding-top: 0px;
	padding-bottom: 2px;
	margin: -2px 0 2px 228px;
}

#pageHeader p.links a {
	background-image: url('bg-metanavigation.jpg');
	background-repeat:repeat-x;
	font-weight: bold;
	margin: 0;
	font-size: 10px;
	line-height: 2.3em;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 4px;
	padding-bottom: 7px;
	border-left: 1px solid #007DC5;
}

#pageHeader p.switchlanguage {
	text-align: right;
	margin: 0;
	padding-top: 21px;
	clear: left;
}

#pageHeader p.switchlanguage a {
	background-color: #E2EAF6;
	padding: 3px;
	font-weight: bold;
	font-size: 10px;
	color: #0060A9;
	border-left: solid 1px #0060A9;
}

#pageHeader p.switchlanguage a.first {
	border-left: none;
}


#pageHeader img.logo {
	margin: 0;
	float: left;
}

#pageHeader a {
	color:#FFFFFF;
}

#applicationStatus {
	margin: 2px;
	padding: 2px;
	background-color: orange;
	font-weight: bold;
}


/* --------------------------
Seitenformatierende Tabelle
-------------------------- */

table#pageMain {
	width: 100%;
	background-color: #FFFFFF;
}


/* --------------------------
Navigationsspalte mit Haupt- und Zurück-Navigation und Suchfunktion
-------------------------- */

td#pageNavigation {
	width: 206px;
	background-image: url('bg-navigation.gif');
	background-repeat:repeat-y;
	line-height: 16px;
}

#pageNavigation p {
	margin: 0;
}

#pageNavigation h2 {
	margin: 0;
	border: 1px solid #FFFFFF;
	font-size: 11px;
	padding: 4px 4px 4px 4px;
	margin: 10px 10px 10px 30px;
}

#pageNavigation h3 {
	font-size: 11px;
	padding: 0px 4px 8px 0px;
	margin: 0px 10px 0px 0px;
}

#pageNavigation a {
	display: block;
	padding: 2px 0 3px 30px;

}

#pageNavigation ul {
	margin: 0;
	list-style-position: inside;
	list-style-type: image;
	list-style-image:url('bullit-link.gif');
}

#pageNavigation li {
	margin: 0;
	font-weight: bold;
}

#pageNavigation ul ul {
	list-style-position: outside;
	list-style-type: image;
	list-style-image: url('dot-clear.gif');
}

#pageNavigation li li {
	font-weight: normal;
}

#pageNavigation ul ul li a {
	font-weight: normal;
}

#pageNavigation ul ul ul li a {
	padding-left: 46px;
	color: #666666;
}

#pageNavigation ul ul ul ul li a {
	padding-left: 62px;
	color: #666666;
}

#pageNavigation a:hover {
	background-color: #C8D0DB;
}

#pageNavigation p.selected a, #pageNavigation p.selected a:hover {
	background-color: #C90505;
	color: #FFFFFF;
}

#pageNavigation li p {
	text-indent: -16px;
	padding-left: 16px;
}

#pageNavigation li li p {
	text-indent: 0px;
	padding-left: 0px;
	margin-left: -16px;
}

#pageNavigation li li li p {
	text-indent: 0;
	padding-left: 0px;
	margin-left: 0px;
}

#pageNavigation li li li li p {
	text-indent: 0;
	padding-left: 0;
}


#pageNavigation li p a {
	margin-left: -16px;
	padding-left: 48px;
}

#pageNavigation li li p a {
	margin-left: 0px;
}


div.quicksearch {
	background-color: #BAC9E1;
	margin: 25px 10px 10px 30px;
}

div.quicksearch a {
	font-weight: bold;
	padding-left: 0px;
	margin-left: -9px;
	margin-top: -7px;
}

div.quicksearch input.button {
	width: 158px;
}

#pageNavigation div.quicksearch h3 {
	margin: 4px;
	padding: 0;
}

#pageNavigation div.quicksearch p {
	margin: 4px;
}


/* --------------------------
Content
-------------------------- */

td#pageContent {
	width: 550px;
	background-color: #FFFFFF;
}

#pageContent p {
	margin-right: 190px;
}


#pageContent h2 {
	border-top: 1px solid #D4D4D4; 
	margin-left:10px;
	margin-right: 190px;
	margin-top: 15px;
	padding: 0px;
	padding-top: 5px;
	font-weight: bold;
}

.floatRight {
	float: right;
}

.lightblue {
	background-color: #E2EAF6;
}

.error {
	color: #FF0000;
}

#pageContent table {
	margin: 22px 10px 10px 10px;
	width: 350px;
}

#pageContent table p {
	margin: 2px 4px 4px 4px;
	padding: 0;

}

#pageContent table ul {
	margin: 2px 4px 4px 0px;
	padding: 0;
}

#pageContent table ul.listbenefits {
	margin-left: 4px;
}

#pageContent table img {
	margin: 0;
	padding: 0 6px 6px 0;
}	

div.anwendungsbilder {
	width: 360px;
}

#pageContent p.divider {
	border-top: solid 1px #D4D4D4;
	padding-top: 8px;
}

#pageContent td.searchresult {
	padding: 8px 0;
}

#pageContent td.searchresult.divisor {
	border-bottom: solid 1px #D4D4D4;
}

/* ----------------------------
Teaserboxen im Content
---------------------------- */

#pageContent div.teaserboxes {
	width: 360px;
	margin: 30px 0 0 0px;
}

#pageContent div.teaserboxes div {
	width: 170px;
	float: left;
	height: 156px;
	display: inline;
	margin: 0 0px 10px 10px;
	background-color: #ECECEC;
}

#pageContent div.teaserboxes h2 {
	margin: 0;
	padding: 1px 3px 3px 3px;
	background-color: #CECECE;
	border-top: 1px solid #C4C4C4; 
	border-bottom: solid 1px #FFFFFF;
}

#pageContent div.teaserboxes h3 {
	margin: 0;
	padding: 3px 3px 0 3px;
	font-weight: bold;
	font-size: 11px;
}

#pageContent div.teaserboxes img {
	margin: 0;
	padding: 0;
}

#pageContent div.teaserboxes p {
	margin: 0;
	padding: 0 3px 3px 3px;
}

/* ----------------------------
Teaserboxen auf der rechten Seite
---------------------------- */

#pageContent div.sideboxes div.teaserboxes {
	width: 170px;
	float: left;
	display: inline;
	margin: 0 0 8px 0;
	background-color: #ECECEC;
}

#pageContent div.sideboxes div.teaserboxes h3 {
	margin: 0;
	padding: 3px 3px 0 3px;
	font-weight: bold;
	font-size: 11px;
	line-height: 13px;
}

#pageContent div.sideboxes div.teaserboxes p {
	margin: 0;
	padding: 0 3px 3px 3px;
}

#pageContent div.sideboxes div.teaserboxes a {
	margin: 0;
	font-weight: normal;
}

#pageContent div.sideboxes div.teaserboxes a:hover {
	background-color: #ECECEC;
}


/* ----------------------------
Boxen auf der rechten Seite
---------------------------- */

div.sideboxes {
	width: 170px;
	float: right;
	display: inline;
	margin: 0 10px 0 0;
}

div.sideboxes div {
	background-color: #C6C6C6;
	margin-bottom: 10px;
}

#pageContent div.sideboxes p, #pageContent div.sideboxes div.technicalspecs li p {
	margin: 4px;
}

#pageContent div.sideboxes li p {
	margin: 0;
}

div.sideboxes img {
	margin: 0;
	padding: 0;
}

div.sideboxes a {
	font-weight: bold;
	display: block;
	padding: 0px 0 3px 6px;
	margin: 0px;
	text-indent: -16px;
	line-height: 16px;
}

div.sideboxes a.banner {

	padding: 0px;
	margin: 0px;
	text-indent: 0px;
	line-height: 16px;
}

div.sideboxes li a {
	padding: 1px 0 3px 20px;
}


div.sideboxes a:hover {
	background-color: #B2B2B2;
}

div.sideboxes p.selected a, div.sideboxes p.selected a:hover {
	background-color: #969696;
	color: #FFFFFF;
}

div.sideboxes ul {
	margin: 0px;
	padding: 0px;
	list-style-position: inside;
	list-style-type: image;
	list-style-image:url('bullit-link.gif');
}

div.sideboxes li {
	padding: 0px;
	margin: 0;
}

div.sideboxes div.technicalspecs {
	background-color: #ECECEC;

}

div.sideboxes div.technicalspecs ul {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}

div.sideboxes div.technicalspecs li {
	margin: 0;
}

div.sideboxes div.technicalspecs a {
	font-weight: bold;
	display: inline;
	padding: 1px 4px 1px 4px;
	margin: 0px;
}

div.sideboxes div.technicalspecs a:hover {
	background-color: #BAC9E1;
}

#pageContent div.sideboxes h2 {
	border-top: none;
	border-bottom: 1px solid #FFFFFF; 
	margin: 0;
	padding: 2px 4px 3px 4px;
}


/* --------------------------
Rechter Rand
-------------------------- */

td#rightBorder {
	width: 44px;
	background-image: url('bg-rightborder.gif');
	background-repeat:repeat-y;
}


/* --------------------------
Seitenabschluss
-------------------------- */

#footer {
	width: 756px;
	height: 88px;
	background-image: url('bg-footer.gif');
	background-repeat:repeat-x;
	margin: 0 22px 22px 22px;
}


#footer p {
	padding-top: 25px;
	margin-left: 0px;
	margin-top: 0px;
}

#footer a {
	color: #FFFFFF;
	background-image: url('bullit-white.gif');
	background-repeat: no-repeat;
	margin-left: 9px;
	padding-left: 16px;

}


/* --------------------------
Externe Fenster
-------------------------- */

body.popup {
	width: 100%;
	margin: 0;
	background-color: #FFFFFF;
}

#productpicture {
	width: 530px;
	height: 540px;
	margin: 0;
	padding: 0;
}

#productpicture img {
	margin: 0;
	padding: 0;
}

#popupHeader {
	height: 60px;
	width: 400px;
	background-image: url('keyvisual-popup.jpg');
	background-repeat: no-repeat;
	color: #FFFFFF;
}

#popupHeader h1 {
	margin: 0;
	padding: 10px;
}

#popupContent p {
	width: 330x;
	margin-right: 10px;
}

#popupContent ul {
	margin-right: 50px;
}

#servicecenter {
	background-color: #ECECEC;
	margin: 10px 10px 10px 10px;
}

#servicecenter h2{
	border-bottom: 1px solid #FFFFFF; 
	margin: 0px 0 0 0;
	padding: 3px 4px 5px 4px;
	font-weight: bold;
}

#servicecenter h3 {
	font-size: 11px;
	border-top: 1px solid #FFFFFF;
	margin: 0 0 0 0;
	padding: 4px;
	font-weight: bold;
}

#adress {
	border-bottom: 1px solid #DCDCDC;
}

#servicecenter p {

	margin: 0;
	padding: 4px;
}

#popupHeader p {
	text-align: left;
	padding-top: 3px;
}



#pageFooter {
	border-top: 1px solid #D4D4D4;
}

#pageFooter ul {
	float: right;
	margin: 4px 10px;
	display: inline;
}

#pageFooter p {
	margin: 0;
	padding: 0;
}


/* --------------------------
Browser-Eigenheiten
-------------------------- */

/* Anfang IEWin: Abstand unter Sideboxes korrigieren \*/
* html div.sideboxes div {
	padding-bottom: 1px;
}
/* Ende IEWin: Abstand unter Sideboxes korrigieren */


/* Anfang IEWin bis Version 5.5SP2: Fehlende Seitenzentrierung nachbauen \*/
* html body {
	text-align: center;
}

* html #pageBody {
	width: 800px;
	text-align: left;
}

* html body.popup #pageBody {
	width: 100%;
}
/* Ende IEWin bis Version 5.5SP2: Fehlende Seitenzentrierung nachbauen */


/* Anfang IEWin bis Version 5.5SP2: Fehlende Schriftgrößen-Kaskade nachbauen \*/
* html table, * html td {
	font-size: 100%;
}
/* Ende IEWin bis Version 5.5SP2: Fehlende Schriftgrößen-Kaskade nachbauen */