/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* PART OF ... */
/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h6 {font-size:1em;font-weight:bold;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}

/* ideas taken from Blueprint */
hr
{
	background:#fff;color:#fff;
	clear: both; float: none;
	height:.1em; margin:0 0 1.45em; border:none;
}

.column
{
	float: left;
	margin-right: 24px;
}

/* mods to Blueprint defaults */
p { margin-bottom: 1em; }
h1, h2, h3, h4, h5, h6 {font-weight:bold;color:#044999;line-height:1.25em;}
h2 {font-size:2.5em;margin-bottom:0.25em;}
h3 {font-weight:normal;margin-bottom:0.25em;}

#content_container hr
{
	background:#e6e6e6;color:#e6e6e6;
	width:10px;
}

/* our stuff */
body 
{
	background-color: #bebebe;	
	text-align: center;
	color: #666;
}

a { color: #044999;}
a:hover { color: #4894e9; }
p.warn {color: red;}

#container 
{
	width: 980px;
	margin: 0 auto;
	text-align: left;
	margin-top: 0;
}

#header 
{
	height: 264px;
	background-color: #4894e9;
	background-image: url(../img/headpic-startseite.jpg);
}

#header.unternehmen  { background-image: url(../img/headpic-unternehmen.jpg); }
#header.referenzen   { background-image: url(../img/headpic-referenzen.jpg);  }
#header.technologie { background-image: url(../img/headpic-technologie.jpg); }
#header.karriere     { }
#header.kontakt      { }


#header h1
{
	height: 0; width: 188px;
	background-image: url(../img/logo-bzd.gif);
	padding-top: 66px;
	overflow: hidden;
}

#main
{
	background-color: #FFF;
	margin: 0; padding: 24px;
}

#topnav_container, #footer
{
	text-align: right;
	padding: 10px 0;
	margin: 0;
}

#topnav 
{
	padding: 0; margin: 0;
}

#topnav li
{
	display: inline;
	padding: 0; margin: 0;
	padding-left: 5px;
}

#topnav a, #footer, #footer a
{
	color: #666;
	text-decoration: none;
}

#footer a
{
	text-decoration: underline;
}

#topnav a:hover, #footer a:hover
{
	color: #000;
}

#nav_container 
{
	text-align: left;
	background-color: #044999;
}

#nav
{
	list-style: none;
}

#nav li 
{
	display: inline;
}

#nav a
{
	padding: 5px 35px;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	font-size: 1.25em;
	font-weight: bold;
	border-right: solid 2px #fff;
}

#nav a.last
{
	border-right: none;
}

#nav a:hover 
{
	background-color: #4894e9;
}

#nav a.current
{
	background-color: #fff;
	color: #044999;
}

#content_container
{
	background-color: #e6e6e6;
	padding: 24px; padding-bottom: 1px;
	margin-top: 24px;
}

#content_container hr
{
	background:#e6e6e6;color:#e6e6e6;
}

#content_container
{
   background-image: none;
   background-repeat: no-repeat;
   background-position: bottom right;
}

#leftCol
{
	width: 125px;
	padding-bottom: 50px;
}

#mainCol
{
	width: 400px;
	margin-right: 130px;
}

#mainCol td
{
	vertical-align: top;
	padding-right: 10px;
}

#rightCol
{
	width: 200px;
	margin-right: 0;
}

#mainCol ul {
	margin-left: 2em;
	margin-bottom: 1.25em;
}

#rightCol ul {
        margin-top: 0em;
	margin-left: 1.5em;
}

/* deviatons from standard start here */

#mainCol.startseite
{
	width: 450px;
	margin-right: 230px;
}

.startseite p {  }

a.more 
{
	display: inline-block;
	padding: 2px 10px 2px 23px;
	margin-bottom: 20px;
	background-color: #4894e9;
	color: #fff;
	text-decoration: none;
	background-image: url(../img/button-pfeil.gif);
	background-repeat: no-repeat;
	background-repeat: center left;
}

a.more:hover { text-decoration: underline; }

#mainCol.wide
{
	width: 730px;
	margin-right: 0px;
}

/* this is here because IE6 is STUPID. And ugly */
.wide
{
	width: 730px !important;
	margin-right: 0px !important;
}


#mainCol.wide .contenttable td
{
	width: 375px;
	padding-right: 50px;
}

/* #mainCol, #rightCol { background-color: Blue; } /* this is here for test purposes only */

/* deviatons from standard end here */

#subnav
{
	padding: 0; margin: 0;
	list-style: none;
}

#subnav li
{
	margin-bottom: 0.75em;
}

#subnav a 
{
	text-decoration: none;
	color: #666;
	font-size: 1.2em;
}

#subnav a:hover
{
	color: #4894e9;
}

#subnav a.current
{
	color: #044999;
}


/* forms */
table.form{ margin: 0px 0px 10px 0px; width: 600px; }
table.form td, table.form th{ padding: 5px 0px; vertical-align: top; }
table.form th{ text-align: left; color: #044999; font-weight: bold; }
select, input.text, input.shorttext, textarea { width: 300px;  }
input.shorttext{ width: 145px; background-color: #eee; }
select{ width: 150px; }
input.radio{ border: 0px; margin-bottom: -2px; }
textarea { /* height: 50px; */ }

/* downloads */
table.downloads, table.downloads p { margin:0 }
table.downloads td, table.downloads th{ padding: 5px 2px; vertical-align: top; }
table.downloads td, table.downloads th{ padding: 5px 2px; vertical-align: top; }
table.downloads td{ background-color: #EEE; }
table.downloads tr.alt td{ background-color: #FFF; }
table.downloads th{ color: #044999; font-weight: bold; padding-top: 0px }


.tx-wecmap-pi1 { margin-bottom: 15px; }