@import url("form.css");
/* 
 ------------------------------------------------
 CSS Layout 
 Elektromaschinenbau Bratfisch 
 ------------------------------------------------
*/

* {margin:0;padding:0;}

body {font-family: Arial, Helvetica, sans-serif;font-size: 101%;color: #000000;}
#masthead {color: #999;border:1px solid #c2d5df;padding:0;margin: 0 0 1em 0;}
#masthead .content {padding: 10px 20px;}
#wrapper {width: 940px;margin: 0 auto;}
#column_wrapper {background-image: url(../images/border_bg.jpg);background-repeat: repeat-y;}
/* 
 ------------------------------------------------
 Header Logo & Grafiken
 ------------------------------------------------
*/
#column_top {background-image: url(../images/top_bg.jpg);background-repeat: no-repeat;}
#column_top ul {padding: 0em 2.5em 0.2em 0em;margin: 0 0 0 14em;}
#column_top li {margin:0 0 0 5em;font-size:100%;color:#FFFFFF;letter-spacing: 0.2em;display: inline;}
#column_logo {height:160px;}
#column_logo p {margin: 0 0 0 1em;font-size:75%;letter-spacing: 0.2em;}
#column_logo .logo {float:left;width:240px;}
#column_logo .img_mbau {background-image: url(../images/img_mbau.jpg);background-repeat: no-repeat;background-position: center center;float:right;width:680px;height: 150px;}
#column_slogan {height: 40px;margin-top:0.2em;}
#column_slogan h2 {padding: 0.4em 0 0 3em;margin: 0px 0 0 0;font-size:100%;font-weight:normal;color:#FFFFFF;letter-spacing: 0.2em;}
#column_slogan .left {background-image: url(../images/sloganr_bg.jpg);background-repeat: repeat-x;float:left;width:240px;border:1px solid #c2d5df;height: 30px;}
#column_slogan .right {background-image: url(../images/slogan.jpg);background-repeat: no-repeat;background-position: center center;float:right;width:680px;border:1px solid #c2d5df;height: 30px;}

/* 
 ------------------------------------------------
 Sidebar & Navigation 
 ------------------------------------------------
*/
#sidebar {width: 242px;float: left;}
#sidebar .content {padding: 1.2em 0;font-size: 0.75em;line-height: 1.5em;}
.mainnavi {margin-top: 2em;border-bottom:solid 1px rgb(200,200,200);}
.mainnavi dt a {display:block;min-height:2.0em /*Non-IE6*/;height:auto !important;height:2.0em /*IE6*/;line-height:2.0em;padding:0 0.8em 0 3em;border-top: solid 1px rgb(200,200,200);text-decoration:none;color:rgb(70,122,167);font-weight:bold;letter-spacing: 0.1em;background-image: url(../images/arrow.jpg);background-repeat: no-repeat;background-position: 1.5em center;}
.mainnavi dt a:hover {text-decoration:none;color:#c62f3b;}
.mainnavi dt a.current {text-decoration:none;color:#9c9c9c;border-right: 10px solid #c62f3b;background-image: url(../images/arrow_current.jpg);background-repeat: no-repeat;background-position: 1.5em center;}
#sidebar h2 {margin-top: 0;padding: 0.2em 1em;font-size:100%;letter-spacing: 0.2em;}
/* 
 ------------------------------------------------
 Content
 ------------------------------------------------
*/
#content {width: 678px;float: right;}
#content a:hover {text-decoration:none;color:#c62f3b;}
#content a {line-height:2.0em;padding: 0 0 0 1.5em;text-decoration:none;color:rgb(70,122,167);font-weight:normal;letter-spacing: 0.1em;background-image: url(../images/arrow.jpg);background-repeat: no-repeat;background-position: 0.5em center;}
#content .content_col {padding: 2em;font-size: 0.8em;line-height: 1.65em;}

/* --- Back-Images  ---*/
#content .imp {background-image: url(../images/logo.jpg);background-repeat: no-repeat;background-position: 25em 12em;}
#content .pump { background-image: url(../images/pumpen/modell_2.jpg); background-repeat: no-repeat; background-position: 25em 12em; }

#content li { background-image: url(../images/arrow.jpg); background-repeat: no-repeat; background-position: 0 center;
padding: 0.3em  0  0.3em 1em}
#content .left { float:left; padding: 0 1em 0 0}
#content .right {float:right;} 
/* 
 ------------------------------------------------
 Content Bilder und Texte
 ------------------------------------------------
*/
#content #cell { width:620px; font-size: 94%  }

#content .col1 {float:left; width:200px; }
#content .col2 {float:left; width:100px; }
#content .col3 {float:left; width:200px; }
#content .col4 {float:left; width:100px; }
#content .col5 {float:left; width:300px; }


/* 
 ------------------------------------------------
 Tag Allgemeine Formatierung
 ------------------------------------------------
*/
hr 		{display: none;}
div.hr	{border-bottom: 1px #8da3c5 dotted;margin: 1em 0 1em 0;}

h1		{font-size: 1.5em;margin: 0;}
h2		{font-size: 1em;margin: 1em 0 0 0;}
h3		{font-size: 0.9em;margin: 1em 0 0 0;}
h4		{font-size: 0.5em;margin: 1em 0 0 0;}
p		{padding: 0;margin:0;}
ul		{list-style-type: none;padding: 0 0 0 0.5em;}
li		{line-height: 140%;}
strong	{color:#c62f3b; font-weight:normal; letter-spacing:0.1em; }

li {list-style-type: none;}

/* 
	  ------------------------------------------------
		Tabellen
	  ------------------------------------------------
*/

table {border-collapse: collapse; text-align:left; font-size: 1em;  text-align:center;}                             
table th {border:1px solid #E4E4E4 ;color:#970000; padding: 0.5em; text-align: left; vertical-align:top;}
table td {border:0px solid #dddddd; padding: 0.5em; text-align:left;}
table a  { text-decoration:none; color:#666666;}
table a:hover{text-decoration:none;color:#900000;  }

/* 
 ------------------------------------------------
 Footer
 ------------------------------------------------
*/

#column_bottom {background-color: #ffffff;border:1px dashed #c2d5df;height: 2.5em;}
#column_bottom p {float:right;margin: 1em 1em 0.2em 0;font-size:80%;color:#666666;letter-spacing: 0.2em;}

/* 
 ------------------------------------------------
 Clearing
 ------------------------------------------------
*/
.clearfix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.clearfloat {clear: both;height: 0;line-height: 0;font-size: 0;}