p,h1,h2,h3,h4,ul,ol,li,div,td,th,address,blockquote,nobr,i { font-family:Arial,Helvetica,sans-serif; color:#000000; }

td b,strong { font-weight:bold; }

.arial1weiss { font-size:10px; line-height:10px; color:#ffffff }
.arial1schwarz { font-family: Arial; font-size:11px; line-height:12px; }

.arial1-2weiss { font-size:11px; line-height:11px; color:#ffffff }
.arial1-2schwarz { font-size:11px; line-height:11px; }

.arial2weiss { font-size:12px; line-height:13px; color:#ffffff }
.arial2schwarz { font-size:12px; line-height:13px; }

.arial2weisshdl { font-size:13px; line-height:13px; color:#ffffff; font-weight:bold; }
.arial2schwarzhdl { font-size:13px; line-height:13px; color:#777777; font-weight:bold; }

.arial3weiss { font-size:14px; line-height:14px; color:#ffffff }
.arial3schwarz { font-size:14px; line-height:14px; }

.arial4weiss { font-size:10pt; line-height:13pt; color:#ffffff }
.arial4schwarz { font-size:10pt; line-height:13pt; }

.arial5weiss { font-size:14pt; line-height:16pt; color:#ffffff }
.arial5schwarz { font-size:14pt; line-height:16pt; }

/* Die folgenden Stile generieren knstlich erzeugte Abstnde
   ober- und/oder unterhalb eines Text- oder Bildelementes. Damit sie
   richtig funktionieren, mssen die Stile mit dem DIV-Tag zugewiesen
   und also ggf. manuell im Seitenquelltext eingefgt werden.

   Erster Block: Allgemeine Abstnde, die stndig bentigt werden
   Zweiter Block: Spezielle Abstnde fr spezielle Zwecke. SpaceSubhdl ist 
   fr grafische Zwischenberschriften. "FIRST"-Variante benutzen, falls die 
   Zwischenberschrift direkt unter der Seitenberschrift steht */

.Space4pxOben { margin-top:4px; }
.Space4pxUnten  { margin-bottom:3px; }
.Space4pxObenUnten { margin-top:4px; margin-bottom:3px; }

.Space8pxOben { margin-top:6px; }
.Space8pxUnten { margin-bottom:6px; }
.Space8pxObenUnten { margin-top:8px; margin-bottom:6px; }

.Space12pxUnten { margin-bottom:10px; }
.Space12pxObenUnten { margin-top:12px; margin-bottom:10px; }

.Space16pxOben { margin-top:16px; }
.Space16pxUnten { margin-bottom:16px; }
.Space16pxObenUnten { margin-top:16px; margin-bottom:14px; }

.Space24pxOben { margin-top:24px; }
.Space32pxOben { margin-top:32px; }

.SpaceSubhdl { margin-top:18px; margin-bottom:10px; }
.SpaceSubhdlNeu { margin-top:30px; }
.SpaceSubhdlTrenner	{ margin-top:5px; margin-bottom:5px; }
.SpaceSubhdlFIRST { margin-top:6px; ; margin-bottom: 10px}
.SpaceSubhdlFIRSTNeu {  margin-top: 6px}

/* SPEZIELLE FORMATIERUNGEN, DIE ANSTELLE DER BLICHEN FORMATIERUNGEN ANGEWENDET WERDEN  
   Glossar-Randspalte: Abgesetzte berschrift, Erklrungstext, Trennlinien-Abstand, Abschlusslink  
   Achtung: Glossar-Stile werden auerdem im Pressebereich benutzt */
.GlossarHDL { font-size:12px; line-height:13px; color:#ffffff; font-weight:bold; margin-top:8px; }
.GlossarHDLsmall { font-size:11px; line-height:12px; color:#ffffff; font-weight:bold; margin-top:4px; }
.GlossarXPL { font-size:11px; line-height:12px; color:#ffffff; }
.GlossarSEP { margin-top:8px; margin-bottom:6px; }
.GlossarEND { font-size:12px; line-height:13px; color:#ffffff; font-weight:bold; margin-bottom:8px; }

/* Formatierungen fr Formularfelder */
.FormularKlein { font-size:11px; }
.FormularMittel { font-size:11px; }
.FormularGross { font-size:11px; }

.formularSuche { font-size:14pt; color:#000; }

/* Spezielle Linkformatierungen (Standard-Farben werden jeweils im Seitenhead angegeben) */
#linkGlossarAufeinenblick 	{ color:#000000; text-decoration:none; }
#linkStartseiteWeiss		{ color:#D0D9D8;text-decoration:none; }
#linkStartseiteWeiss2		{ color:#FFFFFF; text-decoration:underline; }
#linkPresseNavi3 			{ color:#ffffff; text-decoration:none; }

/* Twitter Styles */
#twitter_div { background-color:#466a79; width:160px; border-bottom:1px solid #ffffff; }
div.knowledgebase { background-color:#3f5551 !important; }
div.aktuell { background-color:#75909b !important; }
#twitter_update_list { list-style-type:none; font-size:12px; padding:0 5px 0 10px; }
#twitter_update_list li { margin-bottom:10px; }
#twitter_update_list li a { color:#FFF; text-decoration:none; }
#twitter_update_list li span { color:#FFFFFF; }
#twitter_update_list li span a { color:#FFFFFF; text-decoration:underline; }
#twitter-link { display:block; text-align:right; color:#FFF; font-size:12px; padding:0 5px 5px 0; }

h1 { font-family: DINWebProMedium, Arial, Helvetica, sans-serif; font-weight:normal; font-size:28px; margin-left:20px; margin-bottom:18px; margin-top:15px;  line-height:28px; letter-spacing:-0.3px; }
h2 { font-family: DINWebProBold, Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; margin-left:20px; margin-top:-10px; margin-bottom:13px; line-height:16px; letter-spacing:-0.1px; }
h3 { font-family: DINWebProBold, Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; text-transform:uppercase; border-bottom:1px dotted #000000; letter-spacing:-0.45px; margin-top:28px; padding-bottom:4px; margin-bottom:-14px; line-height:16px; }

td.index_sub { background-color:#f5f5f5; }
/* HDL Startseiten auf Grau */
td.index_sub h2.first { margin:0 0 10px -1px; padding:0; text-transform: uppercase; }
td.index_sub h2 { margin:15px 0 9px -1px; padding:0; text-transform: uppercase; }

/* News */
td.news_index  { font-size:14px; }
td.news_index p { margin:11px 0 16px 0; line-height:14px; }
td.news_content p { margin-top:6px; font-size:10pt; line-height:17px; }

td.news_content img.rechts { margin:10px 0 10px 10px; float:right; }
td.news_content span.rechts { margin:10px 0 10px 10px; width:170px; float:right; }
td.news_content span.links { margin:10px 10px 10px 0; width:170px; float:left; }
td.news_content img.links { margin:10px 10px 10px 0; float:left; }
td.news_content ul, td.news_content ol, td.news_content li { font-size:12px; }

td.news_index h3 { border:0; text-transform:none; margin:4px 0 13px 0; padding:0; font-size:15px; line-height:14px; letter-spacing:0px; }
td.news_content h3 { margin:32px 0 -2px 0; padding:0 0 5px 0; line-height:17px; letter-spacing:-0.3px; }
td.news_content h3.first { margin-top:0; }

/* JOBS */
td.jobs_start { padding-bottom:20px; }
td.jobs_start h3 { margin-top:20px; margin-bottom:0; border:0; font: 10pt Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:0; }
td.jobs_start h3.first { margin-top:10px; margin-bottom:0; border:0; font: 10pt Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:0; }

/* Überuns Fragebogen */
div.fragebogen { background-image:url(http://www.bokowsky.net/de/ueber-uns/img/bg_chefsache_markus.jpg); background-repeat:no-repeat; background-position:10px 10px; min-height:832px; padding-left:30px; }
div.fragebogen h1 { margin-top:0; margin-left:0; padding-top:30px; }
div.fragebogen h2 { margin-left:0; margin-top:-2px; }
div.fragebogen h2 div.antwort { font-family: 'Schoolbell', cursive !important; font-size:18px !important; color:#133e93; display:inline; line-height:19px }
div.fragebogen ul { float:right; margin-top:270px; margin-right:30px; list-style-type:none; padding:0; min-width:180px }
div.fragebogen li { font-family:Arial, Helvetica, sans-serif; font-size:12px; overflow:hidden; padding-bottom:8px; }
div.fragebogen li a { text-decoration:none; }
div.fragebogen li a:hover, div.fragebogen li a:active, div.fragebogen li a:focus { text-decoration:underline; }
div.fragebogen li img { float:left; margin-right:8px; }
div.fragebogen li span { display:block; margin-top:5px; }

/* Fonts */
/* first for IE 6/7/8 */
			@font-face {
				font-family: DINWebProMedium;
				src: url(../fonts/DINWebPro-Medium.eot);
			}
			
			@font-face {
				font-family: DINWebProRegular;
				src: url(../fonts/DINWebPro.eot);
			}

			@font-face {
				font-family: DINWebProBold;
				src: url(../fonts/DINWebPro-Bold.eot);
			}

			/* then for Mozilla browsers -> Firefox */
			@font-face {
				font-family: DINWebProMedium;
				src: url(../fonts/DINWebPro-Medium.woff) format('woff');
			}

			@font-face {
				font-family: DINWebProRegular;
				src: url(../fonts/DINWebPro.woff) format('woff');
			}

			@font-face {
				font-family: DINWebProBold;
				src: url(../fonts/DINWebPro-Bold.woff) format('woff');
			}