/* RESET */
body, div, dl, dt, dl, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockoute, th, td {margin:0;padding:0}
h1, h2, h3, h4, h5, h6 {font-size:100%}
ol, ul {list-style:none}
adress, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal}
table {border-collapse:collapse;border-spacing:0;font-size:100%}
fieldset, img {border:0}
caption, th {text-align:left}
q:before, q:after {content:''}

/* ALLGEMEIN */
body { color: #696969; font-family: arial, Verdana, Helvetica, sans-serif; background-color: #dcdcdc; background-image: url(/media/media_css/bodyhg.gif); background-repeat: repeat-x; background-position: left top; text-align: center; padding-top: 10px; padding-bottom: 10px; }
#complete { background-color: white; text-align: left; width: 950px; margin: 0 auto; padding: 0; }

/* NAVI */
.nav { background-image: url(/media/media_css/navihg.gif); background-position: left top; height: 53px; padding-left: 10px; }
.nav ul { margin:0; font-size:0.8em; font-weight:bold; padding: 0; list-style:none; }
.nav li { letter-spacing: 2px; float:left; margin: 0; padding: 0; }
.stricher { background-image: url(/media/media_allgemein/navitrenner.gif); background-repeat: no-repeat; background-position: right top; }
.nav a:link, .nav a:visited { float:left; display:block; text-decoration:none; color:#dcdcdc; text-transform: uppercase; padding: 10px 15px; }
.nav a:hover, .nav a.aktiv { color: #6ea1e3; }

/* LINKS */
#links { background-color: #f5f5f5; background-image: url(/media/media_css/spaltenschatten.gif); background-repeat: repeat-x; background-position: left top; vertical-align: top; width: 200px; padding-top: 20px; padding-bottom: 10px; border-right: 1px solid #dcdcdc; }
#links h1 { color: #f5f5f5; font-size: 0.75em; background-image: url(/media/media_css/h1verlauf.gif); background-repeat: repeat-x; background-position: left center; text-transform: uppercase; margin: 0 0 10px; padding: 8px 10px 8px 20px; }
#links p { font-size: 0.75em; line-height: 1.6em; padding: 10px 10px 10px 20px; }
#links p a:link, #links p a:visited { color: #6495ed; font-weight: 700; }
#links p a:hover, #links p a.aktiv { color: #808080; }
#navlinks { font-size: 0.75em; width: 200px; margin: 0 0 30px; padding: 0; }
#navlinks li { list-style: none; margin: 0; padding-top: 6px; padding-bottom: 6px; padding-left: 20px; border-bottom: 1px dotted #dcdcdc; }
#navlinks li:hover { background-image: url(/media/media_css/navlisthg.gif); background-repeat: repeat-y; background-position: right top; }
#navlinks li a:link, #navlinks li a:visited { color: #375aa6; font-weight: 700; text-decoration: none; }
#navlinks li a:hover, #navlinks li a.aktiv { color: #696969; }

/* CONTENT */
#content { background-image: url(/media/media_css/contentschatten.gif); background-repeat: repeat-x; background-position: left top; vertical-align: top; width: 550px; padding-top: 20px; padding-bottom: 20px; }
#content h1 { color: #375aa6; font-size: 1.5em; padding: 0 20px 10px 30px; }
#content h1 strong { color: #6c9fe0; font-weight: 700; }
#content h2 { color: #696969; font-size: 0.9em; font-weight: 700; line-height: 1.2em; padding: 10px 20px 10px 30px; }
#content h3 { color: #6c9fe0; font-size: 0.85em; line-height: 1.3em; background-color: #f5f5f5; text-transform: uppercase; letter-spacing: 2px; clear: both; margin-top: 10px; margin-bottom: 10px; padding: 7px 20px 7px 30px; }
#content h4 { color: #3b5493; font-size: 0.95em; line-height: 1em; background-color: #f5f5f5; margin-top: 10px; margin-bottom: 10px; padding: 20px 10px; }
#content p { font-size: 0.8em; line-height: 1.7em; padding: 10px 20px 10px 30px; }
#content iframe { padding: 6px; border: solid 1px #d3d3d3; }
#content ul { font-size: 0.75em; line-height: 1.6em; padding-top: 10px; padding-left: 30px; }
#content ul li { background-image: url(/media/media_css/ul_li.gif); background-repeat: no-repeat; background-position: left center; padding-top: 6px; padding-bottom: 6px; padding-left: 25px; }
#content ol { font-size: 0.7em; line-height: 1.7em; margin-right: 20px; margin-left: 30px; padding-right: 20px; }
#content ol li { margin-left: 20px; padding-bottom: 25px; }
#content a:link, #content a:visited { color: #375aa6; font-weight: 700; }
#content a:hover { color: #808080; }

/* RECHTS */
#rechts { background-color: #f5f5f5; background-image: url(/media/media_css/spaltenschatten.gif); background-repeat: repeat-x; background-position: left top; vertical-align: top; width: 200px; padding-top: 10px; padding-bottom: 10px; border-left: 1px solid #dcdcdc; }
#rechts form { background-color: #aed953; }
#rechts h1 { color: #f5f5f5; font-size: 0.75em; background-image: url(/media/media_css/h1verlauf.gif); background-repeat: repeat-x; background-position: left center; text-transform: uppercase; margin: 10px 0 0; padding: 8px 10px 8px 20px; }
#rechts p { font-size: 0.75em; line-height: 1.6em; text-align: left; padding: 10px 10px 10px 20px; }
#rechts p a:link, #rechts p a:visited { color: #375aa6; font-weight: 700; }
#rechts p a:hover, #rechts p a.aktiv { color: #808080; }

/* CONCLUSIO */
#conclusio { background-color: #385179; }
#conclusio h1 { color: #b0c4de; font-size: 1.4em; font-weight: normal; background-image: url(/media/media_css/markele.png); background-repeat: no-repeat; background-position: left center; letter-spacing: 2px; margin-top: 20px; margin-bottom: 10px; margin-left: 60px; padding-left: 50px; }
#conlinks { float: left; margin-bottom: 20px; margin-left: 80px; }
#conlinks li, #conrechts li { color: #b0c4de; font-size: 0.75em; font-weight: normal; background-image: url(/media/media_css/greenpfeil.png); background-repeat: no-repeat; background-position: left center; letter-spacing: 1px; padding-top: 3px; padding-bottom: 3px; padding-left: 30px; }
#conrechts { margin-bottom: 20px; margin-left: 500px; }

/* FOOT */
#foot { color: #a9a9a9; font-size: 0.7em; background-image: url(/media/media_css/fuss.gif); background-repeat: no-repeat; background-position: left bottom; text-align: center; letter-spacing: 2px; padding: 20px 16px; }
#foot a:link, #foot a:visited { color: white; font-weight: 700; text-decoration: none; padding-right: 5px; padding-left: 5px; }
#foot a:hover, #foot a.aktiv { color: #98bee8; }

/* KLASSEN */
.bira { background-color: white; padding: 6px; border: solid 1px #d3d3d3; }
.birali   { background-color: white; margin-right: 20px; margin-bottom: 20px; padding: 6px; float: left; border: solid 1px #d3d3d3   }
.birare { background-color: white; margin-bottom: 20px; padding: 6px; float: right; margin-left: 20px; border: solid 1px #d3d3d3   }
.bili { margin-right: 30px; margin-bottom: 10px; float: left }
.bire { margin-bottom: 10px; margin-left: 30px; float: right }
.clearer { clear: both; }
.rundling { background-color: #f7f7f9; margin-right: 10px; margin-bottom: 20px; margin-left: 10px; border: solid 1px #d4d4d6; border-radius: 5px; -o-border-radius: 5px; -icab-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.pdf { background-image: url(/media/media_leistungen/pdf.gif); background-repeat: no-repeat; background-position: left center; padding-left: 17px; }

/* TABLE */
#kontakttable { background-color: white; background-image: url(/media/media_css/handy.gif); background-repeat: no-repeat; background-position: left bottom; width: 500px; margin-left: 30px; }
#kontakttable td  { font-size: 0.8em; line-height: 1.6em; vertical-align: top; padding: 15px 40px 15px 0; border-bottom: 1px dotted #dcdcdc; }
#kontakttable td strong { color: #6c9fe0; font-weight: 700; }
.pfeildown { background-image: url(/media/media_css/pfeildown.gif); background-repeat: no-repeat; background-position: left center; padding-left: 17px; }

#newstable { width: 500px; margin-top: 20px; margin-left: 30px; }
#newstable td  { font-size: 0.8em; line-height: 1.6em; vertical-align: top; padding: 10px 20px 10px 0; }

#maschinentable { background-color: white; background-image: url(/media/media_css/maschinentabellehg.gif); background-repeat: no-repeat; background-position: right center; width: 500px; margin-top: 10px; margin-left: 30px; }
#maschinentable th  { color: #f5f5f5; font-size: 0.7em; font-weight: 700; background-color: #696969; vertical-align: top; padding: 5px 3px; }
#maschinentable td { font-size: 0.7em; line-height: 1.2em; vertical-align: top; padding: 10px 5px; border-bottom: 1px solid #dcdcdc; }
.blauhinterlegt { color: white; background-color: #5a84c4; text-transform: uppercase; letter-spacing: 3px; }
.grauhinterlegt { background-color: #f0f8ff; border-right: 1px solid #dcdcdc; }
.vertikallinie { border-right: 1px solid #dcdcdc; }
#leistungshuelle { margin-top: 20px; margin-bottom: 20px; margin-left: 30px; }
.leistungsbox { font-size: 0.65em; line-height: 1.3em; background-color: #f5f5f5; background-image: url(/media/media_css/leistunghg.gif); background-repeat: no-repeat; background-position: right top; width: 210px; height: 180px; float: left; margin-right: 15px; margin-bottom: 15px; padding: 10px; border: solid 1px #dcdcdc; }
.leistungsbox strong { font-weight: 700; }