body { background-color: #666; margin: 0; }
body * { font-family: Verdana, Arial, Helvetica, sans-serif; color: #666; }

/* container */
div#container	{ position: relative; width: 765px; text-align:left; margin: 30px auto 0 auto; background-color:#e3e3e3; }

/* gora streifen oben */
div#gora { height: 60px; background-image: url(img_index/bg_header.gif); background-repeat: repeat-x; text-align: left;}
img#logo {  border: none; position: absolute; top: 554px; left: 30px; }
img#logo2 {  border: none; position: absolute; top: 414px; left: 30px; }
img#logo3 {  border: none; position: absolute; top: 459px; left: 30px; }

/* navigation */
div#navigation { position: absolute; top: 14px; left: 600px; }
div#navigation a.active {  }
div#navigation a:hover { color: #f30; }
div#navigation form { display: inline; margin: 0; padding: 0;} 
div#navigation input.text { width: 81px; margin-right: 4px; border: 1px inset; font-size: 10px; }
div#navigation h1 { color: #f30; font-size: 65%; }
div#navigation a { margin-right: 5px; font-size: 10px; text-transform: uppercase; color: #555; font-weight: bold; text-decoration: none;}

/* kleine Buchstaben */
div#b_klein { height: 20px; text-align: center; font-size: 65% }
div#b_klein * { text-decoration: none; margin: 0 2px; }
div#b_klein s { font-weight: bold; }
div#b_klein a:hover { color: #f00; }
div#b_klein a { display: inline-block; text-decoration: none; padding-right: 10px; background: url(img_index/redArrow.gif) right no-repeat;  }

/* navibox */
div#navibox h2 { font-size: 65%; margin-top: 30px; }
div#navibox li { margin: 0; }
div#navibox a.navilink { display: block; margin: 0; padding: 2px 18px 2px 8px; font-weight: bold; text-decoration: none; color: #888; font-size: 65%; background: url(img_index/_li.gif) no-repeat 0em 0.6em; }
div#navibox a.navilink:hover { color: #f30; }

/* Information */
div.Info { width: 160px; padding: 0; margin: 10px 0 10px 0; }
div.Info h1, div.Info h2 { padding: 3px 10px 3px 10px; margin: 0; background: #f7f7f7 url(img_index/gotted.gif) repeat-x bottom;}
div.Info p { padding: 6px 10px 6px 10px; margin: 0; background: #fff; }
p.dottedLine { background: #fff url(img_index/kropki.gif) bottom no-repeat !important; }


/* Anschrift */
address { margin: 15px 0; color: #666; font-style: normal; font-size: 65%; }
address strong { color: #888; margin-bottom: 0; } 
address a { color: #f30; font-weight: bold; text-decoration: none; color: #888 }

/*Design links*/
div#left { float: left; width: 175px; padding: 0 0 30px 15px; margin-right: 30px; }

/* content */
div#content { float: left; width: 530px; padding: 0; }
div#contentLeft, div#contentRight { float: left; padding: 0 0 10px 0;  }
div#contentLeft 	{ width: 325px; margin-right: 30px; }
div#contentRight 	{ width: 175px;  }
div#contentRight img { border: 1px solid #999; }
div#contentBottom { clear: both; width: 515px; padding: 0 0 30px 0; }
div#contentRight li { margin-left: -6px; }

/*footer*/
div#footer { clear: both; position: relative; bottom: 0; border-top: 1px solid #666; padding: 1px 20px 3px 20px; font-size: 65%; background-color: #999; text-align: center; }
div#footer span.copyrighttext { padding-right: 20px; font-weight: bold;  color: #E3E3E3; }
div#footer a { margin-left: 10px; padding-left: 11px; text-decoration: none; color: #444; }
div#footer a:hover { color: #f00; }
div#footer a.stepback { background: url(img_index/stepback.gif) no-repeat left; }
div#footer a.top { background: url(img_index/top.gif) no-repeat left; }
div#footer a.print { background: url(img_index/print.gif) no-repeat left; }
div#footer a.imprint {  background: url(img_index/imprint.gif) no-repeat left;}


div.teaser{ margin-bottom: 10px; }
div.teaser p { margin: 0; }
div.teaser a { padding-right: 10px; 
background-image: url(img_index/redA.gif); 
background-position: right; 
background-repeat: no-repeat; 
font-weight: bold; 
text-decoration: none; 
color: #888; 
font-size: 100%; }
div.teaser a:hover { color: #f00; }

div.teaser a.teaserImage { background-color: transparent; background-image: none;}

div.newscontent{ background-color: #fff; padding: 10px; }
div.newscontent h1{ }
div.newscontent img { float: left; margin: 0 20px 20px 0; border: 1px solid #999; }
p.date{ font-weight: bold; margin: 10px 0; }


/* text elements */
h1 { font-size: 80%; margin: 0 0 5px 0; color: #000;  }
h2, h3 { font-size: 65%; color: #f30; margin: 10px 0 5px 0; }
h4 { font-size: 65%; margin: 0 0 5px 0; color: #f30; }
h3 { margin-top: 0; }
p,td	{ font-size: 65%; line-height: 150%; margin: 5px 0 0 0; color: #666; }

ul, ol { margin: 4px 0 4px 18px; padding: 0; }
div#left ul { list-style-image: url(img_index/_li.gif); }
div#content ul { list-style-image: url( img_index/grey.gif);  }
ul li, ol li{ font-size:65%; margin: 3px 0 3px 0;  }
ul li ul li,  ol li ol li { margin: 0 0 2px 0; line-height: 100%;  font-size:100%; }

/* links */
a.inline{} a.back{} a.pdf{} a.swf{} a.www{} 
.back{ display: inline-block; margin: 0 0 10px 0; font-weight: bold; text-decoration: none; color: #888; font-size: 65%; padding-right: 10px; padding-left: 10px; background: url(img_index/redABack.gif) left no-repeat;  }

.inline { display: inline-block; font-weight: bold; text-decoration: none; color: #888; padding-right: 10px; background: url(img_index/redA.gif) right no-repeat;  }
.back:hover, .inline:hover { color: #f00; }


/* images */
img { border: 0; float: none; }
img.left { float: left; margin: 3px 10px 10px 0; }
img.right { float: right; margin: 3px 0 10px 10px;}
img.border { border: 1px solid #999; }


/* tables */
table { border-collapse: collapse; }
th, td { padding: 0; vertical-align: top; }
table.twocol {}
table.twocol td{width: 50%; margin-right: 15px; }
table.kundenliste { width: 100%; }
table.kundenliste td  { width: 50%; background: #fff; }
table.kundenliste td ul  { padding: 0; margin: 0;}
table.kundenliste td ul li { padding: 2px 0 2px 0; margin: 0; margin-left: 20px; font-size: 100%; }



/* toggler */
table.toggler{ background: url(img_index/gotted.gif) repeat-x bottom #fff; }
table.toggler td{ padding: 0; }
td#togglerImage {  }
td#togglerImage img { border: 1px solid #999; }
td#togglerControls { font-size: 65%; white-space: nowrap; padding-bottom: 1px; width: 100%;}
span#togglerText { display: block; float: right; padding: 5px 2px; }
td#togglerControls a, td#togglerControls a:visited{ font-weight: bold; display: block; float: left; padding: 5px 2px; color: #888; text-decoration: none; }
td#togglerControls a:hover{ color: #f00; }

table.topteaser{ width: 320px; margin-right: 0; background: url(img_index/gotted.gif) repeat-x bottom #fff; }
table.topteaser td.c1{ padding: 0 0 1px 0; width: 160px; }
table.topteaser td.c1 img { border-right: 1px solid #ccc;  }
table.topteaser td.c2{ vertical-align: top; width: 147px; font-size: 100%; }
table.topteaser td.c2 * { margin-top: 0;  }
table.topteaser td.c2 h1 { color: #f00; font-size: 60%; margin-bottom: 0; }
table.topteaser td.c2 h2 { line-height: 130%; color: #333; font-size: 70%; padding: 3px 0 3px 0; }
table.topteaser td.c2 h3 { color: #333;  }
table.topteaser td.c2 p { color: #333; color: #000; line-height: 110%; }


table.news{ background-color: #fff; }
table.news tr { background: url(img_index/gotted.gif) bottom repeat-x; }
table.news td { vertical-align: top; padding: 5px; font-size: 65%; color: #888; background-color: #fff; }
table.news td a { text-decoration:none; display: block; font-weight: bold; color: #888; }
table.news td a:hover { color: #f00;  }
table.news td.c1 { white-space: nowrap; font-weight: bold; }
table.news td.c2 { width: 99%; padding: 5px 20px 5px 20px }
table.news td.c3 { width: 1%; color: #f30; }
table.news td.c3 a { color: #f30; }
table.news img { border: 1px solid #999; } 

table.kunden{ background-color: #fff; width: 100%; }
table.kunden tr { background: url(img_index/gotted.gif) repeat-x bottom; }
table.kunden td { vertical-align: top; padding: 5px; font-size: 65%; color: #888; }
table.kunden td a { text-decoration:none; display: block; font-weight: bold; color: #888; }
table.kunden td a:hover { color: #f00;  }
table.kunden td.c1 { width: 50%; padding: 5px 10px 5px 20px; list-style-type: square;}
table.kunden td.c2 { width: 50%; padding: 5px 20px 5px 10px; }
table.kunden td.c3 { width: 1%; color: #f30; }
table.kunden td.c3 a { color: #f30; }

table.sitemap {  }
table.sitemap td { padding-right: 10px; }
table.sitemap a.lvl1, table.sitemap a.lvl2, table.sitemap a.lvl3, table.sitemap a.lvl4 { 
display: block; float: none; margin: 0; padding: 0; width: 110px; overflow: hidden; text-decoration: none; color: #808080;
}
table.sitemap a.lvl1 { height: 18px; padding-bottom: 1px; margin-bottom: 2px; background: transparent url(img_index/gotted.gif) repeat-x bottom;  }
table.sitemap a.lvl1:hover { background-color: transparent; color: #f30; }
table.sitemap a.lvl2 { font-weight: bold; background-image: none; }
table.sitemap a.lvl2:hover { color: #f30 !important; }
table.sitemap a.lvl3 { padding-left: 10px; }
table.sitemap a.lvl3:hover { color: #f30 !important; }
table.sitemap a.lvl4 { padding-left: 10px; }
table.sitemap a.lvl4:hover { color: #f30 !important; }



table.jobs{ background-color: #fff; width: 520px; }
table.jobs th { background: url(img_index/gotted.gif) repeat-x bottom; padding: 3px; text-align: left; font-size: 65%; color: #f30; }
table.jobs td { width: 33%; vertical-align: top; padding: 5px; color: #888; }
table.jobs ul { padding: 0; margin: 0; }
table.jobs ul li { padding: 2px 0 2px 0; margin: 0; margin-left: 10px; font-size: 100%; }


/* forms */
fieldset { padding-bottom: 16px;  }
legend { margin: 10px 10px 15px 0; padding: 0 8px 6px 4px; color: #333; font-size: 80%; font-weight: bold;  }
label { font-size: 75%; margin: 10px; }
textarea { width: 200px; font-family: Verdana, Helvetica, sans-serif; font-size: 75%; border: 1px solid #666;}
textarea { height: 80px;  }
input.button { width: 120px; border: 1px solid #666; }
select {  }
option {  }

table.form { width: 100%; }
table.form td.Label { font-weight: bold; width: 50%; padding: 2px 3px 2px 5px; background-color: #F0F0F0; }
table.form td.Input { width: 50%; padding: 2px 5px 2px 3px; background-color: #F0F0F0; }
table.form td.Title { padding: 0 3px 2px 5px; background-color: #F0F0F0; }
table.form td.Input input { width: 155px; height: 12px; border: 1px solid #A5ACB2; font-size: 100%; }
table.form td.Input textarea { width: 155px; height: 40px; border: 1px solid #A5ACB2; font-size: 100%; }
table.form td.submitCellLeft, table.form td.submitCellRight { background-color: #fff; }
table.form td.submitCellRight { background: #fff url(img_index/_dots.gif) no-repeat 0 3px ;  }
table.form input.Submit { width: 100%; padding: 3px 10px 3px 10px; border: 0 solid red; background-color: transparent; font-size: 10px; font-weight: bold; color: #808080; cursor: hand;}
table.form h2 { font-size: 100%; }
table#koepfe td { padding: 0 20px 20px 0; line-height: 110%;}
table#koepfe td.image {   }
table#koepfe img { border: 1px solid #999; }


/* Design für Navigoation */
div#nav { padding-bottom: 1px; background: url(img_index/gotted.gif) repeat-x bottom #F1F1F1; }
div#nav a{ display:block; font-size: 65%; text-decoration: none; }
/* Standard1 Tlo w menu */
.sta1, .sta1a, .sta1e, .sta1p, .sta1ap, .sta1ep { height: 12px; padding: 10px 18px 10px 18px; text-transform: uppercase; font-weight: bold; color: #F86D04; background: url(img_index/gotted.gif) repeat-x #F1F1F1; }
.sta1:hover, .sta1p:hover, .sta1ap:hover, .sta1ep:hover, .sta1a, .sta1ap, .sta1ep { background-color: #E1E1E1; }
/* Standard 2 */
.sta2, .sta2a, .sta2e, .sta2p, .sta2ap, .sta2ep { margin: 0 0 5px 20px; padding: 2px 18px 2px 8px; color: #666; background: url(img_index/_li.gif) no-repeat 0em 0.6em;}
.sta2a{ font-weight: bold; color: #000;  }
/* .sta2, .sta2e{background-color: #F1F1F1;} */
.sta2p, .sta2ap, .sta2ep{ font-weight: bold; text-transform: uppercase; background-image: url(img_index/A_right.gif); }
.sta2ap, .sta2ep{ background-image: url(img_index/A_down.gif); }
.sta2:hover, .sta2a:hover, .sta2e:hover, .sta2p:hover, .sta2ap:hover, .sta2ep:hover { color: #000 !important; }
/* Standard 3 */
.sta3, .sta3a, .sta3e, .sta3p, .sta3ap, .sta3ep { margin: 0 0 5px 32px; color: #666; padding: 0 18px 0 8px; background: url(img_index/_li.gif) no-repeat 0em 0.4em; }
.sta3a{ font-weight: bold; color: #000;  }
.sta3p, .sta3ap, .sta3ep { background-image: url(img_index/A_right.gif); }
.sta3ap,.sta3ep { background-image: url(img_index/A_down.gif); }
.sta3:hover, .sta3a:hover, .sta3e:hover, .sta3p:hover, .sta3ap:hover, .sta3ep:hover { color: #000 !important; }
/* Standard 4 */
.sta4, .sta4a, .sta4e, .sta4p, .sta4ap, .sta4ep { margin: 0 0 5px 44px; color: #666; padding: 0 18px 0 8px; background: url(img_index/_li.gif) no-repeat 0em 0.4em; }
.sta4a{ font-weight: bold; color: #000;  }
.sta4p, .sta4ap, .sta4ep { background-image: url(img_index/A_right.gif); }
.sta4ap,.sta4ep { background-image: url(img_index/A_down.gif); }
.sta4:hover, .sta4a:hover, .sta4e:hover, .sta4p:hover, .sta4ap:hover, .sta4ep:hover { color: #000 !important; }


/* google  */
div#google	{ display: none; }