/* @group Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	background: white;
	color: black;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/* @end */

/* @group Raster */

body {
	text-align: center;
	background: #f3f2e8 url(images/hintergrund.gif) repeat-y center 0;
}

img {
	display: block;
	margin: 4px 0 18px 0;
}

#seiten_container {
	margin: 0 auto;
	width: 960px;
}

#kopf,
#navigation,
#inhalt,
#fuss {
	clear: both;
	margin: 0 auto;
	width: 900px;
	text-align: left;
}

#inhalt,
#fuss {
  position: relative;
  z-index: 10;
}

#kopf {
	height: 100px;
}

#druckstudio_logo {
	display: block;
	float: right;
	padding: 0;
	background: transparent;
	margin: 34px 0 0 0;
}

#druckstudio_logo img {
  margin: 0;
}

#willkommen {
	display: block;
	float: left;
	padding: 0;
	background: transparent;
	margin: 62px 0 0 0;
}

#navigation {
	margin-bottom: 20px;
}

#haupt_navigation {
  position: relative;
  z-index: 10;
	height: 30px;
}

#fuss_navigation .rechts {
  float: right;
}


/* @end */

/* @group Spalten */

.vierspaltig {
	clear: both;
}

.vierspaltig .spalte {
	float: left;
	margin: 0 10px;
	width: 210px;
}

.vierspaltig .doppelspalte {
	width: 440px;
	float: left;
	margin: 0 10px;
}

.vierspaltig .dreifachspalte {
	width: 670px;
	float: left;
	margin: 0 10px;
}

.vierspaltig .kontaktspalte,
.vierspaltig .anderthalbfachspalte {
	width: 325px;
	float: left;
	margin: 0 10px;
}

.vierspaltig .erste {
	clear: left;
	margin-left: 0;
}

.vierspaltig .letzte {
	clear: right;
	margin-right: 0;
}

.vierspaltig .erstletzte {
	clear: both;
	margin-left: 0;
	margin-right: 0;
}

.kontaktspalte {
  position: relative;
  font-size: 11px;
  padding-bottom: 18px;
}

.kontaktspalte div {
  position: absolute;
  bottom: 18px;
  left: 95px;
}

.kontaktspalte div h3 {
  font-size: 12px;
}

.kontaktspalte div p {
  margin: 0;
}

.kontaktspalte img {
  margin: 0;
  float: left;
  margin-right: 10px;
}

/* @end */

.trenner, dt{
  position: relative;
	border-bottom: 1px solid #606366;
	line-height: 17px;
	margin-bottom: 18px;
	clear: both;
	z-index: 20;
}

dd {
  margin-bottom: 18px;
}

.abschluss {
	height: 1px;
	clear: both;
}

#fuss {
	height: 30px;
	border-top: 20px solid #a81c3b;
	margin-top: 40px;
}

body {
	color: #606366;
	font: 12px/18px Verdana, Arial, sans-serif;
}

a {
	text-decoration: underline;
	color: #606366;
	padding-left: 8px;
	background: url(images/link.gif) no-repeat 0 4px;
}

a:hover {
	text-decoration: underline;
	background-position: 0 -146px;
	color: #78a917;
}

h1 {
  padding: 2px 0 16px 0;
	color: #b7274c;
	font-size: 24px;
	font-weight: normal;
	line-height: 36px;
}

h1 span.subheadline{
	font-size: 16px;
	line-height: 16px;
	color: #606366;
}

h1 strong span{
	display: block;
	line-height: 24px !important;
}

h1.einfachabstand {
  margin-bottom: 18px;
}

h2, dt, label {
	color: #b7274c;
	font-weight: bold;
	margin-bottom: 18px;
}

h3 {
	font-weight: bold;
}

.vorspann {
  font-weight: bold;
}

.vorspann span {
  font-weight: normal;
}

p {
	margin-bottom: 18px;
}

strong {
  font-weight: bold;
}

#brotkrumen {
  position: relative;
  z-index: 10;
	margin-top: 4px;
}

#brotkrumen span {
	padding-left: 8px;
	background: url(images/link.gif) no-repeat 0 4px;
	font-weight: bold;
}

.leistungsuebersicht ul,
.kleinstnavigation ul {
  margin-bottom: 18px;  
}

.kleinstnavigation li {
  display: inline;
}

.kleinstnavigation a {
  display: block;
}

.glossarinhalt li {
  display: inline;
  float: left;
}

.glossarinhalt li a {
  display: block;
  background: none;
  width: 24px;
}

.aufzaehlung {
  margin-bottom: 18px;
}

.aufzaehlung li {
	padding-left: 12px;
	background: transparent url(images/aufzaehlungspunkt.gif) no-repeat 1px 6px;
}

.spaltenliste .listenende {
  margin-bottom: 18px;
}

.spaltenliste .listenende {
  margin-bottom: 18px;
}

.spaltenliste li {
  float: left;
  display: block;
  width: 210px;
  margin: 0 20px 0 0;
}

.spaltenliste li.letzte {
  margin-left: 0;
}

.kontaktformular label {
  display: block;
  margin: 0;
}

.kontaktformular #name,
.kontaktformular #firma,
.kontaktformular #telefon {
  margin-right: 20px !important;
  margin-right: 6px;
  width: 210px;
  float: left;
}

.kontaktformular #vorname,
.kontaktformular #position,
.kontaktformular #email {
  width: 210px;
  float: left;
  clear: right;
}

.kontaktformular #strasse {
  margin-right: 20px !important;
  margin-right: 6px;
  width: 325px;
  float: left;
}

.kontaktformular #nr {
  width: 95px;
  float: left;
  clear: right;
}

.kontaktformular #plz {
  margin-right: 20px !important;
  margin-right: 6px;
  width: 95px;
  float: left;
}

.kontaktformular #ort {
  width: 325px;
  float: left;
  clear: right;
}

.kontaktformular textarea,
.kontaktformular input {
  width: 100%;
  border: 1px solid #606366;
}

.kontaktformular #ftp input,
.kontaktformular #kunden input,
.kontaktformular #einverstanden input {
  border: 0;
  width: auto;
}

.kontaktformular input#anfordern {
  width: 210px;
  margin: 18px 115px;
  
  cursor: pointer;
}

.kontaktformular .fieldWithErrors input {
  width: 100%;
  border: 1px solid red;
}

/* @group haupt_navigation */

#haupt_navigation {
	background: transparent url(images/nav_balken.gif) repeat-x 0 0;
}

#haupt_navigation ul li {
	float: left;
	height: 30px;
}

#haupt_navigation ul li#hn_english {
  float: right;
  padding-left: 107px;
  background: url(images/nav_language.jpg);
}
#haupt_navigation ul li#hn_english a{
	height: 100%;
	width: 25px;
	background-image: url(images/nav_language.jpg);
	float: left;
	display: block;
	_display: inline;
	text-indent: -9999px;
}

#germanLanguage{
	background-position: -107px 0 !important;
}
#englishLanguage{
	background-position: -132px 0 !important;
	margin-right: 4px;
}
#germanLanguage:hover{
	background-position: -107px -30px !important;
}
#englishLanguage:hover{
	background-position: -132px -30px !important;
}

.invisible{
	display: none !important;
	visibility: hidden !important;
}


#haupt_navigation ul li a {
	background: transparent no-repeat 0 0;
	display: block;
	height: 30px;
	padding: 0;
}

#haupt_navigation ul li a:hover {
	background-position: 0 -30px;
}

#haupt_navigation ul li a span {
	display: none;
}

#haupt_navigation ul li#hn_unternehmen a {
	background-image: url(images/nav_unternehmen.gif);
	width: 127px;
}

#haupt_navigation ul li#hn_leistungen a {
	background-image: url(images/nav_leistungen.gif);
	width: 110px;
}

#haupt_navigation ul li#hn_referenzen a {
	background-image: url(images/nav_referenzen.gif);
	width: 111px;
}

#haupt_navigation ul li#hn_service a {
	background-image: url(images/nav_service.gif);
	width: 86px;
}

#haupt_navigation ul li#hn_kontakt a {
	background-image: url(images/nav_kontakt.gif);
	width: 90px;
}

#kategorie_unternehmen ul li#hn_unternehmen a,
#kategorie_leistungen ul li#hn_leistungen a,
#kategorie_referenzen ul li#hn_referenzen a,
#kategorie_service ul li#hn_service a,
#kategorie_kontakt ul li#hn_kontakt a{
	background-position: 0 -60px;
}

#kategorie_english #unter_menu {
  display: none;
}

/* @end */

/* @group unter_navigation */

#unter_navigation {
  position: relative;
	height: 160px;
	width: 900px;
	overflow: visible;
	background-color: #e6ecd8;
}

#unter_navigation a {
	text-decoration: none;
}

#unter_navigation a.aktiv {
	font-weight: bold;
}

#unter_navigation #unter_menu {
  position: relative;
  z-index: 10;
	float: left;
	height:  152px;
	background: #e0e5d2 url(images/nav_schatten.png) repeat-y right;
	padding: 8px 32px 0 20px;
}

#unter_menu ul li ul li{
	padding-left: 9px;
}

#kategorie_leistungen #unter_navigation #unter_menu {
	margin-left: 127px !important;
	margin-left: 64px;
}

#kategorie_referenzen #unter_navigation #unter_menu {
	margin-left: 237px !important;
	margin-left: 119px;
}

#kategorie_service #unter_navigation #unter_menu {
	margin-left: 348px !important;
	margin-left: 174px;
}

#kategorie_kontakt #unter_navigation #unter_menu {
	margin-left: 434px !important;
	margin-left: 217px;
}

/* @end */

#gefuehl {
  position: absolute;
  left: -80px;
  top: 0px;
  width: 1060px;
  height: 400px;
  background: transparent no-repeat 0 0;
  z-index: 1;
}

/* @group tmp */

#emo {
  display: none;
	border: 1px solid black;
	background-color: #eee;
	margin-bottom: 20px;
}

#emo strong {
	font-weight: bold;
}

.hidden {
  display: none;
}

.todo, #todo {
	border: 1px solid red;
	background-color: #fee;
}

/* @end */

.news_flash {
	width: 670px;
	height: 367px;
	margin-bottom: 30px;
}

.kasten_kontakt {
	height: 158px;
	width: 208px;
	margin-bottom: 30px;
	border: 1px solid #f6e3e8;
}
.kasten_kontakt_startseite{
	height: 180px;
	
	margin-bottom: 55px;
}

.kasten_kontakt p {
	padding: 10px 10px 0 10px;
	font-size: 23px;
	font-weight: bold;
	color: #b7274c;
	letter-spacing: -1px;
	margin: 0;
}

.kasten_kontakt_startseite p {
	padding: 25px 10px 0;
}

.kasten_kontakt p span {
	font-size: 17px;
	margin: 0;
}

.kasten_kontakt_startseite p span{
	/*display: block;*/
}

.kasten_kontakt div {
	position: relative;
	background: #f6e3e8 url(images/kontakt.gif) no-repeat right bottom;
	height: 100px;
	padding: 10px;
}

.kasten_kontakt div p {
  height: auto;
	padding: 0;
	color: black;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0;
}

.kasten_kontakt div h1 {
	color: black;
	font-size: 18px;
	margin-bottom: 8px;
	padding: 0;
	letter-spacing: -1px;
	top: 0;
}

.kasten_kontakt .infos {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 19px;
	display: block;
	background: transparent url(images/link_kasten.gif) no-repeat right 0;
	color: white;
	font-weight: bold;
	padding: 1px 22px 0px 9px;
	text-decoration: none;
}

.kasten_kontakt.schwebend a.infos,
.kasten_kontakt a.infos:hover {
	background-position: right -20px;
	text-decoration: none;
}

/**/

.kasten_kontakt_dynamisch {
	font: 11px/15px Verdana, Arial, sans-serif;
	width: 208px;
	margin-bottom: 30px;
	border: 1px solid #f6e3e8;
}

.kasten_kontakt_dynamisch p {
	padding: 0;
	color: #b7274c;
	margin: 0;
}

.kasten_kontakt_dynamisch p.telefon {
  font-size: 20px;
  line-height: 20px;
  padding: 10px 10px 0 10px;
  font-weight: bold;
}

.kasten_kontakt_dynamisch p.small{
	font-size: 18px;
}
.kasten_kontakt_dynamisch p em{
	font-style: italic;
}

.kasten_kontakt_dynamisch p.telefon span {
  font-size: 14px;
}

.kasten_kontakt_dynamisch p.email {
  padding: 0 10px 10px 10px;
  color: #606366;
}

.kasten_kontakt_dynamisch p span {
  font-weight: bold;
	margin: 0;
}

.kasten_kontakt_dynamisch div {
	position: relative;
	background: #f6e3e8 url(images/kontakt.gif) no-repeat right bottom;
	padding: 10px 10px 10px 10px;
}

.kasten_kontakt_dynamisch.drechsler div {
	background: #f6e3e8 url(images/kontakt_drechsler.gif) no-repeat right bottom;
}

.kasten_kontakt_dynamisch.koslowski div {
	background: #f6e3e8 url(images/kontakt_koslowski.gif) no-repeat right bottom;
}
.kasten_kontakt_dynamisch.steinhausen div {
	padding-bottom: 20px;
	background: #f6e3e8 url(images/kontakt_steinhausen.gif) no-repeat right bottom;
}

.kasten_kontakt_dynamisch div p {
  height: auto;
	padding: 0;
	margin: 0;
	color: black;
	font-weight: normal;
	letter-spacing: 0;
}

.kasten_kontakt_dynamisch div h1 {
  font-size: 12px;
  line-height: 15px;
  font-weight: bold;
	color: black;
	margin: 0 0 8px 0;
	padding: 0;
	top: 0;
}

.kasten_kontakt_dynamisch .infos {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 19px;
	display: block;
	background: transparent url(images/link_kasten.gif) no-repeat right 0;
	color: white;
	font-weight: bold;
	padding: 1px 22px 0px 9px;
	text-decoration: none;
}

.kasten_kontakt.schwebend a.infos,
.kasten_kontakt a.infos:hover {
	background-position: right -20px;
	text-decoration: none;
}

/**/
.kasten {
	position: relative;
	padding: 28px 10px 10px 10px;
	width: 190px;
	background: #ededee url(images/kasten_bg.gif) no-repeat 0 0;
	font: 11px/15px Verdana, Arial, sans-serif;
	color: black;
	margin: 0 0 36px 0;
}

#kategorie_startseite .kasten {
  margin: 0;
}

.kasten.kopflos {
	padding: 13px 10px 10px 10px;
	height: 117px;
}

.kasten.kopflos2 {
	padding: 13px 10px 10px 10px;
	height: 117px;
}


.kasten h1 {
	color: black;
	font: bold 11px/15px Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
}

.kasten h1 span {
	position: absolute;
	color: white;
	left: -10px;
	top: -10px;
	width: 150px;
	height: 26px;
	background: transparent url(images/kasten_kopf.gif) no-repeat 0 0;
	padding: 7px 0 0 10px;
	z-index: 100;
}

.kasten .infos {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 19px;
	display: block;
	background: transparent url(images/link_kasten.gif) no-repeat right 0;
	color: white;
	font-weight: bold;
	padding: 1px 22px 0px 9px;
	text-decoration: none;
}

.schwebend .kasten a.infos,
.kasten.schwebend a.infos,
.kasten a.infos:hover {
	background-position: right -20px;
	text-decoration: none;
}

.schwebend {
  cursor: pointer;
}

.schwebend .news {
  background-color: #e6ecd8;
}

.links {
  float: left;
  margin: 4px 8px 0 0;
}

.bebildert {
  position: relative;
}

.bebildert .platzfuerbild {
  position: relative;
  float: left;
  width: 115px;
  height: 72px;
}

.bebildert .platzfuerbild img {
  position: absolute;
  z-index: 10;
}

.bebildert p {
  position: relative;
  z-index: 20;
}

.mittig {
  margin: 18px auto;
}

.kasten.news {
	height: 102px;
}

.kasten.news.kopflos {
  padding: 13px 10px 10px 10px;
	height: 117px;
}

.kasten.news.invertiert,
.kasten.news.invertiert h1 {
	color: white;
}

.download .kasten.kopflos {
	background-position: 0 -80px;
	margin-bottom: 10px;
	height: 57px;
}

.download .kasten.kopflos2 {
	margin-bottom: 10px;
	height: 57px;
}

.weiss {
  color: white;
}

.download {
	margin-bottom: 18px;
}

.download .kasten.schwebend {
  background-position: 0 0;
}

.grosserlink .kasten {
	background-position: 0 -120px;
	margin-bottom: 24px;
  height: 82px;
}

.grosserlink .kasten.schwebend {
  background-position: 0 0;
}

.awardlink,
.zertifikatlink {
  margin-bottom: 28px;
}

.awardlink .kopf,
.zertifikatlink .kopf {
  position: relative;
  height: 130px;
}

.awardlink .kopf div,
.zertifikatlink .kopf div {
  width: 210px;
  position: absolute;
  bottom: 20px;
}

.awardlink .kopf img,
.zertifikatlink .kopf img {
  margin: auto;
}

.awardlink .kasten,
.zertifikatlink .kasten {
  background-image: none;
  height: 107px;
}

.illustration {
  position: relative;
  width: 210px;
}

.illustration img {
  position: absolute;
}

.illustration.links img {
  right: 0;
}

.illustration.rechts img {
  left: 0;
}

.ueberschrift span {
  position: relative;
  top: -6px;
  display: block;
	font-weight: bold;
	font-size: 12px;
	line-height: 17px;
	border-bottom: 1px solid black;
}

.ueberschrift {
  clear: both;
	font-size: 18px;
	line-height: 28px;
	top: 0;
	margin: 0;
	padding: 0;
	padding-top: 24px;
	margin-bottom: 12px;
}

.schnelldownloads li span,
.pressemitteilungen li span {
  display: block;
  float: left;
  width: 95px;
  margin-right: 20px;
	color: #b7274c;
	font-weight: bold;
}

.schnelldownloads ul,
.pressemitteilungen ul {
  margin-bottom: 36px;
}

table.verwaltung th,
table.verwaltung td {
  padding: 8px;
  border-left: 1px dashed #606366;
  border-right: 1px dashed #606366;
}

table.verwaltung th {
  border-bottom: 1px solid #606366;
}

sub {
  font-size: 0.7em;
  position: relative;
  top: 2px;
}

.subMenu{
	margin-bottom: 25px;
}

.subMenu li a{
	padding-left: 0;
	background: none;
}
.subMenu li{
	padding-left: 8px;
	background: url(images/link.gif) no-repeat 0 5px;
}

/* THIS IS A COMMENT TO PREVENT THE 16KB BUG */

.job-controller{
	display: block;
	width: 154px;
	padding: 8px 0 0 56px;
	color: white;
	background: #b7264d url(/images/de/unternehmen/jobs/pdf.jpg) no-repeat top left;
	text-decoration: none;
		cursor: pointer;
}
.job-controller:hover {
	display: block;
	width: 154px;
	padding: 8px 0 0 56px;
	color: white;
	background: #b7264d url(/images/de/unternehmen/jobs/pdf.jpg) no-repeat top left;
	text-decoration: none;
}

.job-controller .infos {
	height: 19px;
	display: block;
	background: transparent url(images/link_kasten.gif) no-repeat right 0;
	color: white;
	font-weight: bold;
	padding: 1px 22px 0px 9px;
	text-decoration: none;
	margin-top: 10px;
}

.job-controller:hover .infos{
	background-position: right -20px;
	text-decoration: none;
}

h2.jobs{
	font-size:20px;
	font-weight: normal;
	line-height: 18px;
	padding-bottom: 5px;
}

h2 span.hinweis{
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #666666;
	display: block;
	_padding-bottom: 5px;
	_border-bottom: 1px solid #606366;	
}

.directions{
	display: block;
	width: 190px;
	height: 100px;
	
	text-indent: -9999px;
	
	background: url(/images/de/kontakt/directions.jpg)  no-repeat;
}

.noMargin{
	margin: 0 !important;
}

#subject{
	border-bottom: 1px solid #CCCCCC;
	height: 25px;
	margin-bottom: 10px;
}

* html #subject{
	height: 20px;
}

#subject label{
	width: auto;
	float: left;
}
#subject input{
	width: auto;
	float: left;
	margin-top: 4px;
	border:none;
}
*+html #subject input{
	margin-top: 2px;
}
*html #subject input{
	margin-top: 0px;
}
#subject .headline{
	width: 95px;
	
	float: left;
}

#subject .label{
	color: #606366;
	font-weight: normal;
}

#subject div{
	width: 95px;
	float: left;
	margin-left: 20px;
}

.clear{
	float: none;
	clear: both;
}

ul.list a{
	display: block;
	background-position: 0 6px;
}
ul.list li{
	margin-bottom: 5px;
}