@charset "utf-8";


/*  @group meyers reset */

/*
Eric Meyers Reset Reloaded
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 */
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, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* own additions */
a img { border: 0; }
form { display: inline; } /* necessary? Test it! */


/* @end */

/* @group Aufbau */

body {
	background-color: #7ec9ed;
	
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

div#panel {
	background-color: white;
	margin: 0 auto;
	height: 100%;
	width: 100%;
}

/* @end */

/* @group Metanavigation */

div#header_container {
	background: url('../img/metanavigation_bg.gif') top repeat-x;
}
div#metanavigation {
	height: 25px;
	padding: 6px 30px 0 15px;
	width: 955px;
	margin: 0 auto;
}
div#metanavigation ul {
	float: right;
}
div#metanavigation ul li {
	border-right: 1px solid #0057a3;
	font-size: 11px;
	float: left;
	display: block;
	padding: 0 2px;
}
div#metanavigation ul li a {
	color: #0057a3;
	float: left;
	display: block;
	padding: 0 5px;
	text-decoration: none;
}
div#metanavigation ul li.last {
	border: 0;
	margin-right: 8px;
}
div#metanavigation ul li.lang {
	padding: 0 0 0 13px;
}
div#metanavigation ul li.lang a {
	padding: 0;
}
/* @end */

/* @group Header */
div#header {
	padding: 0 31px 0 15px;
	width: 954px;
	margin: 0 auto;
}
div#header img {
	float: left;
	margin-right: 35px;
}

/* @end */

/* @group Searchbar */

div#searchbar {
	float: right;
	margin-top: 3px;
	margin-right: 1px;
}
div#searchbar input#search_input {
	border: 1px solid #499ec8;
	color: #c6c5c6;
	font-size: 11px;
	width: 106px;
	height: 18px;
	line-height: 18px;
	padding: 0 8px;
	margin-right: 8px;
}

/* @end */
/* @group Categories */

div#categories_container {
	background: url('../img/categories_bg.gif') top repeat-x;
	height: 33px;
/*	border: 1px solid green; */
}
div#categories {
	margin: 0 auto;
	width: 1000px;
}
div#categories ul {
	background: url('../img/categories_spc.gif') right no-repeat;
	float: left;
	margin-left: 15px;
	padding-right: 2px;
}
div#categories ul li {
	background: url('../img/categories_spc.gif') left no-repeat;
	display: block;
	float: left;
	padding-left: 2px;
}
div#categories ul li a {
	color: white;
	display: block;
	float: left;
	font-weight: bold;
	line-height: 33px;
	padding: 0 10px 0 12px;
	text-decoration: none;
	text-transform: uppercase;
}
div#categories ul li.active a {
	background: url('../img/categories_act.gif') top repeat-x;
}

/* @end */

/* @group Image */

div#image-wrap {
	background: url('../img/header_bg.jpg') top repeat-x;
	border-bottom: 2px solid white;
	text-align: center;
}

body.home div#image-wrap {
	background-image: url('../img/header-home_bg.jpg');
}

div#image-wrap div#image {
	background: url('../img/header-home.jpg') top repeat-x;
	height: 164px;
	width: 1000px;
	margin: 0 auto;
}
	.english div#image-wrap div#image { background-image: url('../img/header-home-en.jpg'); }
	

/* @end */
/* @group Body */

div#body_container {
	background: url('../img/body_bg.gif') top repeat-x;
}
div#body {
	width: 1000px;
	margin: 0 auto;
}

/* @end */
/* @group Rootline */

div#rootline {
	height: 29px;
	padding-top: 9px
}
div#rootline p {
	font-size: 11px;
}
div#rootline p a {
	text-decoration: none;
}

/* @end */
/* @group Navigation */

div#navigation {
	float: left;
	padding-top: 38px;
	margin-left: 15px;
	margin-right: 15px;
	width: 205px;
}
div#navigation div {
	background-color: #e1323c;
}
div#navigation ul {
	margin-bottom: 40px;
}
div#navigation ul li {
	display: block;
}
div#navigation ul li.parent {
	background: url('../img/navigation_parent_bg.gif') left top no-repeat;
	background-color: #e1323c;
	color: white;
	font-weight: bold;
	line-height: 16px;
	padding: 6px 10px 3px 25px;
	text-transform: uppercase;
}
div#navigation ul li a {
	background: url('../img/navigation_li_bg.gif') 24px 4px no-repeat;
	display: block;
	color: #0057a3;
	line-height: 16px;
	padding: 2px 10px 2px 38px;
	text-decoration: none;
	margin-bottom: 1px;

	background-color: #abdff9;
	border-top: 1px solid #bce5fa;
	border-right: 1px solid #bce5fa;
	border-left: 1px solid #bce5fa;
}
div#navigation ul li.active a {
	background: url('../img/navigation_li_act.gif') 24px 5px no-repeat;
	background-color: #abdff9;
}

div#navigation ul li.active li a {
	background: url('../img/navigation_li_li_bg.gif') 38px 6px no-repeat;
	background-color: #abdff9;
	padding: 2px 10px 2px 51px;
}

div#navigation ul li.active li.active a {
	background: url('../img/navigation_li_li_act.gif') 38px 6px no-repeat;
	background-color: #6dbaea;
	padding: 2px 10px 2px 51px;

	border-top: 1px solid #8ac8ee;
	border-right: 1px solid #8ac8ee;
	border-left: 1px solid #8ac8ee;
}

/* @end */
/* @group Startseite */

.startbox { float: left; margin-left: 8px; margin-bottom: 10px; position: relative; width: 192px; height: 113px; padding: 116px 20px 50px;  }
* html .startbox { margin-left: 6px; }

html body.home div#content {  width: 721px; margin-right: 5px; }

#projektarbeiten {  background: url(../teaser/projektarbeiten.png) no-repeat right top; }
	.english #projektarbeiten {  background-image: url(../teaser/projektarbeiten-en.png); }
#maschínen { background: url(../teaser/maschinen.png) no-repeat right top; }
	.english #maschínen {  background-image: url(../teaser/maschinen-en.png); }
#ersatzteile { background: url(../teaser/ersatzteile.png) no-repeat right top; }
	.english #ersatzteile { background-image: url(../teaser/ersatzteile-en.png); }

.home #content .startbox p { font-size: 12px; color: #0057a3; line-height: 1.2; padding-bottom: 7px; }

.startbox .mehr { display: block; height: 25px; width: 25px; background: url(../img/arrow_red-home.png) no-repeat; text-indent: -5555em; position: absolute; bottom: 15px; right: 17px; }

.overflow { border: transparent; height: 113px; overflow: hidden; }


#aktuelle-events { background: url(../img/aktuelle-events.png) no-repeat 0 0; width: 244px; height: 279px; position: relative; margin-bottom: 9px; }
	.english #aktuelle-events { background: url(../img/aktuelle-events-en.png) no-repeat 0 0;}

#aktuelle-events ul { padding: 51px 30px 0 17px; height: 170px; overflow: hidden; }
#aktuelle-events a { font-size: 11px; text-decoration: none; color: #0057a3; line-height: 1.2; }
#aktuelle-events span { font-weight: bold; display: block; }
#aktuelle-events li { padding-bottom: 11px;padding-left: 22px; background: url(../img/speechbubble.gif) no-repeat 0 1px; }
#aktuelle-events .alleevents { bottom: 21px; left: 37px; position: absolute; text-decoration: underline; color: #4394bc;}


#news-latest { margin-left: 745px; padding-top: 44px; padding-bottom: 9px;width: 206px; height: 96px; text-align: left;overflow: hidden; position: relative;}
		* html #news-latest { margin-left: 699px; padding-top: 40px;}
		* + html #news-latest { margin-left: 699px; }
#news-latest li { padding: 0 0 9px 20px; margin-bottom: 1px; background: url(../img/speechbubble.gif) no-repeat; font-size: 11px;color: #0057a3; font-weight: bold; line-height: 1.2; }
#news-latest .alleevents { bottom: 0; left: 20px; position: absolute; font-size: 11px; color: #4394bc; }
#news-latest a { color: #4394bc; text-decoration: none; }
#news-latest .overflow { height:90px; }

#unternehmens-gruppe { background: url('../teaser/h2-unternehmen.gif') 6px top no-repeat; padding-top: 32px; padding-left: 6px; float: left; }
	.english #unternehmens-gruppe { background-image: url('../teaser/h2-unternehmen-en.gif'); }


.banner { float: left; }
.col3 { margin-left: 6px; }

#deutsche-tradition { background: url(../teaser/tradition.png) no-repeat top left; width: 244px; height: 145px; }
	#deutsche-tradition div { display: none; }
	.english #deutsche-tradition { background: url(../teaser/tradition-en.png); }

#deutsche-tradition p { text-decoration: none; color: #0053a3; display: block; padding: 92px 60px 0 22px; font-size: 11px; line-height: 1.2; }

/* @end */

/* @group Content */

div#content {
	float: left;
	margin-right: 10px;
	width: 500px;
}
body.home div#content {
	padding-top: 40px;
	padding-bottom: 15px;
	width: 716px;
}

div#content h1 {
	color: #0057a3;
	font-size: 17px;
	font-weight: bold;
	line-height: 21px;
	margin-bottom: 13px;
}
div#content h2 {
	color: #0057a3;
	font-weight: bold;
	line-height:  16px;
	margin-top: 10px;
	margin-bottom: 5px;
}
div#content p, div#content ul {
	color: #6f6f6f;
	line-height: 16px;
	padding-bottom: 8px;
}
div#content ul {
	list-style-type: circle;
	padding-left: 25px;
}
div#content a {
	color: #0057a3;
}

.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
strong, b {
	color: #0057a3;
	font-weight: bold;
}

/* @end */
/* @group Content-Navigation */

div#contentnavigation {
	height: 16px;
	margin-top: 30px;
	margin-bottom: 6px;
}
div#contentnavigation ul {
	padding-left: 0;
	list-style-type: none;
}
div#contentnavigation ul li.print {
	float: left;
}
div#contentnavigation ul li.print a {
	background: url('../img/icon_print.gif') left 0 no-repeat;
	font-size: 11px;
	line-height: 16px;
	padding: 0 10px 0 21px;
	text-decoration: none;
}
div#contentnavigation ul li.top {
	float: right;
}
div#contentnavigation ul li.top a {
	background: url('../img/icon_top.gif') left 3px no-repeat;
	font-size: 11px;
	line-height: 16px;
	padding: 0 0 0 15px;
	text-decoration: none;
}

/* @end */
/* @group Teaser */

div#teaser {
	float: left;
	padding-top: 40px;
	width: 227px;
}

body.home div#teaser {
	width: 245px; ;
}

.teaserbox { color: #0057a3; margin-bottom: 1em;  padding-bottom: 1em; }

.teaserbox h2 {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold; 
	background: url(../img/teaser_h2.png) no-repeat top left;
	padding: 11px 0px 7px 14px;
}

.teaserbox h2 span {
	background: url(../img/teaser_pfeil.gif) no-repeat 0 2px;
	display: block;
	padding-left: 14px;
}
		
.teaser_cont {
	background: url(../img/teaser_bg.png) bottom;
	padding: 15px 28px 22px;
}

.teaserbox ul {
	margin-top:  10px;
}
.teaserbox li {
	background: url(../img/nav_li_bg.gif) no-repeat 5px left;
	display: block;
	padding-left: 18px; 
	padding-bottom: 0;
	line-height: 20px;
	margin-right: 17px;
}


	.teaserbox a { text-decoration: none; font-weight: bold; 
		color: #0057a3; font-size: 11px; }
	
.teaserbox .csc-uploads { padding: 0 ; }
.teaserbox .csc-uploads-icon a { background: none;  }
.teaserbox .csc-uploads-fileName { font-size: 11px; font-weight: bold; }
	.teaserbox .csc-uploads-fileName a { background: none; padding-left: 0; }

/* @end */
/* @group Footer */

div#footer {
	background: url('../img/footer_bg.gif') top repeat-x;
	background-color: #7ec9ed;
	height: 130px;
	padding: 20px 30px 0 15px;
}
div#footer p {
	color: #0057a3;
	text-align: center;
}
div#footer a {
	color: #0057a3;
	text-decoration: none;
}

/* @end */

/* @group Mailform */

fieldset.csc-mailform .csc-mailform-field {
	clear: both;
	margin-bottom: 15px;
}
fieldset.csc-mailform .csc-mailform-field label {
	color: #003d8b;
	font-weight: bold;
	float: left;
	line-height: 20px;
	padding-right: 15px;
	width: 115px;

}
fieldset.csc-mailform .csc-mailform-field input {
	color: #6f6f6f;
	border: 1px solid #639ecd;
	border-bottom: 1px solid #003d8b;
	line-height: 20px;
	width: 260px;

	padding: 0;
	margin: 0;
}
fieldset.csc-mailform .csc-mailform-field input.csc-mailform-submit {
	color: #000;
	width: auto;
	margin-left: 130px;
	padding: 1px 15px;
}

fieldset.csc-mailform .csc-mailform-field textarea {
	border: 1px solid #639ecd;
	border-bottom: 1px solid #003d8b;
	height: 160px;
	width: 355px;
}


/* @end */

/* @group News */

.news-teaser { border-bottom: 1px dotted rgb(204, 204, 204); padding-bottom: 13px; margin-bottom: 24px; }
	#content .date { padding-bottom: 0; font-weight: bold; }
	#content .news-teaser h2 { margin-top:  5px; }
	#content .news-teaser p { padding-bottom: 0; }
	#content .news-teaser a { text-decoration: none; }

/* @end */