/* ///////////////////////////////////////////////////////////////////////////////////////////
///////////////// Basic Style Sheet - www.srd-biotec.de //////////////////////////////////////
///////////////// Author: Karsten Hufer (karsten@hufer.org) 2005 /////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////// */

html {
height: 101%;
background-color: #e6e6e6;
}

body {
height: 100%;
text-align: center;
background-color: #e6e6e6;
background: url(../img/bg_body.gif) top left repeat-x;
margin: 0;
padding: 0;
font-size: 100.01%;
font-family: 'bitstream vera sans', verdana, 'lucida grande', 'lucida sans unicode', helvetica, sans-serif, arial;
color: #000;
}

#container {
position: relative;
z-index: 100;
width: 781px;
min-height: 100%;
margin: 0 auto;
/*padding-bottom: 7.5em;*/
text-align: left;
background: url(../img/bg_container.gif) top left repeat-y;
}

/*html>body #container {
background: url(../img/bg_content2.png) top left repeat-y;
}*/

* html #container {
height: 100%;
}

#header {
background: url(../img/logo2.gif) top left no-repeat #fff;
height: 60px;
width: 753px;
margin: 0 auto 0 14px;
}

#headerimg {
background: url(../headerimg/rotate.php) top left no-repeat #fff;
width: 753px;
height: 126px;
margin: 0 auto 0 14px;
}

#nav {
position: relative;
width: 753px;
margin: 0 auto 0 14px;
background-color: #ff0;
}

#service {
margin: 0;
padding: 0;
width: 753px;
margin: 0 auto 0 14px;
}

#breadcrumb {
float: left;
width: 535px;
margin: 20px 0 0 0;
padding: 0;
font-size: 0.60em;
font-family: verdana, sans-serif;
}

#kontakt-box {
float: right;
width: 200px;
margin: 20px 0 0 0 ;
height: 28px;
background: url(../img/bg_kontakt.jpg) top left no-repeat #f5f5f5;
}

#content {
margin: 0;
padding: 0 0 150px 0;
width: 753px;
margin: 0 auto 0 14px;
}

#main {
float: left;
width: 535px;
}

.einspalter #main {
float: left;
width: 753px;
}

#box-rechts {
float: right;
width: 200px;
margin-top: 18px;
background-color: #fff;
}

#stickyfooter {
position: relative;
z-index: 200;
margin: -7.5em auto 0 auto;
padding: 0;
width: 781px;
background: url(../img/bg_stickyfooter.gif);
text-align: left;
}

* html stickyfoter {
margin-top: -7.4em;
}

#footer {
width: 753px;
margin: 0 0 0 14px;
/*padding: 7.5em 0 0 0;*/
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ allgemeines Defs ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

a {
color: #f00;
text-decoration: underline;
}

a:hover, a:focus {
color: #fff;
background-color: #f00;
text-decoration: none;
}

a.raquo {
background-image: url(../img/raquo_schwarz.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 13px;
}

strong {
font-weight: bold;
}

/* Original von www.einfach-fuer-alle.de */
.fixfloat {
float: none;
clear: both;
width: 1px;
margin: 0;
padding: 0;
font-size: 0px;
line-height: 0px;
height: 0.1px;
}

.hide, .drucken {
position: absolute;
top: -999em;
left: -999em;
}

.ie-fallback {
position: absolute;
top: -999em;
left: -999em;
}

* html .ie-fallback {
display: block;
position: relative;
top: 0;
left: 0;
background-color: #ffc;
padding: 5px;
}

p.no-indent {
text-indent: 0px!important;
}

#main a img {
border: 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#skipnavi {
position: absolute;
top: -999em;
left: -999em;
}

#logolink a {
float: left;
display: block;
width: 200px;
height: 60px;
}

#logolink a:hover, #logolink a:focus {
background: none;
}

#logolink a span {
position: absolute;
top: -999em;
left: -999em;
}

/*
#header #metanav {
margin: 3px 0 0 0;
float: right;
font-size: 0.60em;
font-family: verdana, sans-serif;
}

* html #header #metanav {
margin: 3px 0 0 0;
}

#header #metanav ul {
margin: 0;
padding: 0;
list-style-type: none;
display: inline;
}

#header #metanav ul li {
display: inline;
margin: 0 0 0 15px;
padding: 3px 0 0 18px;
height: 16px;
}

#header #metanav a {
padding: 3px 0 0 0;
}

#header #metanav ul li#icon-home {
background-image: url(../img/icon_home.gif);
background-repeat: no-repeat;
}

#header #metanav ul li#icon-sitemap {
background-image: url(../img/icon_sitemap.gif);
background-repeat: no-repeat;
}

#header #metanav ul li#icon-kontakt {
background-image: url(../img/icon_kontakt.gif);
background-repeat: no-repeat;
}

* html #metanav ul li {
background-position: 0px 0px;
voice-family: "\"}\"";
voice-family: inherit;
background-position: 0px 5px;
}
*/

#header #metanav {
margin: 0 0 0 0;
float: right;
font-size: 0.60em;
font-family: verdana, sans-serif;
width: 400px;
height: 50px;
text-align: right;
}

#header #metanav ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#header #metanav ul li {
display: inline;
margin: 0 0 0 10px;
padding: 3px 0 0 18px;
line-height: 20px;
}

#header #metanav ul li#icon-home {
background-image: url(../img/icon_home.gif);
background-repeat: no-repeat;
}

#header #metanav ul li#icon-sitemap {
background-image: url(../img/icon_sitemap.gif);
background-repeat: no-repeat;
}

#header #metanav ul li#icon-impressum {
background-image: url(../img/icon_impressum.gif);
background-repeat: no-repeat;
}

#header #metanav ul li#icon-kontakt {
background-image: url(../img/icon_kontakt.gif);
background-repeat: no-repeat;
}

* html #metanav ul li {
background-position: 0px 0px;
voice-family: "\"}\"";
voice-family: inherit;
background-position: 0px 0px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Service ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#kontakt-box a {
position: relative;
font-size: 0.75em;
font-weight: bold;
text-decoration: none;
left: 60px;
/* top: 0.3em;
voice-family: "\"}\"";
voice-family: inherit; */
/* top: 0.15em; */
top: 0.3em;
}

* html #kontakt-box a {
top: 0.7em;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#main h2 {
margin: 0 0 0 0;
padding: 0 0 0 16px;
height: 20px!important;
border-bottom: 1px solid #f00;
/* font-size: 1em;
font-family: 'bitstream vera serif', georgia, 'times new roman', serif;
background: url(../img/bg_h2.gif) no-repeat bottom left; */
text-indent: -999em;
font-size: 0.1em;
}

#ueberuns #main h2 {
background: url(../img/head_ueberuns.gif) top left no-repeat;
}
#geschaeftsfelder #main h2 {
background: url(../img/head_geschaeftsfelder.gif) top left no-repeat;
}
#zielgruppen #main h2 {
background: url(../img/head_zielgruppen.gif) top left no-repeat;
}

#sequenzierung #main h2 {
background: url(../img/head_sequenzierung.gif) top left no-repeat;
}
#full-service-seq #main h2 {
background: url(../img/head_full-service-seq.gif) top left no-repeat;
}
#ready-to-sequence #main h2 {
background: url(../img/head_ready-to-sequence.gif) top left no-repeat;
}
#vergleichssequenzierung #main h2 {
background: url(../img/head_vergleichssequenzierung.gif) top left no-repeat;
}
#tipps-sequenzierung #main h2 {
background: url(../img/head_tipps-sequenzierung.gif) top left no-repeat;
}
#ausgangsmaterialien #main h2 {
background: url(../img/head_ausgangsmaterialien.gif) top left no-repeat;
}
#primersynthese #main h2 {
background: url(../img/head_primersynthese.gif) top left no-repeat;
}
#primerliste #main h2 {
background: url(../img/head_primerliste.gif) top left no-repeat;
}

#fossile-proben #main h2 {
background: url(../img/head_fossile-proben.gif) top left no-repeat;
}

#molekularbiologie #main h2 {
background: url(../img/head_molekularbiologie.gif) top left no-repeat;
}
#klonierung #main h2 {
background: url(../img/head_klonierung.gif) top left no-repeat;
}
#proteinexpression #main h2 {
background: url(../img/head_proteinexpression.gif) top left no-repeat;
}
#biotransformation #main h2 {
background: url(../img/head_biotransformation.gif) top left no-repeat;
}

#stammdesign #main h2 {
background: url(../img/head_stammdesign.gif) top left no-repeat;
}

#forschung #main h2 {
background: url(../img/head_forschung.gif) top left no-repeat;
}

#kontakt #main h2 {
background: url(../img/head_kontakt.gif) top left no-repeat;
}

#wegbeschreibung #main h2 {
background: url(../img/head_wegbeschreibung.gif) top left no-repeat;
}

#impressum #main h2 {
background: url(../img/head_impressum.gif) top left no-repeat;
}

#uebersicht #main h2 {
background: url(../img/head_uebersicht.gif) top left no-repeat;
}

#fehler #main h2 {
background: url(../img/head_fehler.gif) top left no-repeat;
}

#main h3.head-line {
margin: 20px 0 15px 0;
font-size: 0.9em;
font-weight: bold;
border-bottom: 1px dashed #ccc;
}

#main h3 {
font-size: 0.75em;
font-weight: bold;
}

#main p {
font-size: 0.75em;
margin: 10px 0 0 0;
padding: 0;
text-indent: 21px;
line-height: 150%;
}

#main p.no-indent {
font-size: 0.75em;
margin: 10px 0 0 0;
padding: 0;
text-indent: 0px;
line-height: 150%;
}

#main ul, #main dl {
font-size: 0.75em;
margin: 10px 5px 10px 0px;
padding: 0;
/* list-style-type: square; */
list-style: none;
}

#main dl dt {
margin-bottom: 10px;
}

#main ul li, #main dl dd {
/* margin-left: 33px; */
margin-left: 21px;
padding-left: 16px;
line-height: 1.7em;
background-image: url(../img/raquo_rot.gif);
background-repeat: no-repeat;
background-position: 0px 8px;
voice-family: "\"}\"";
voice-family: inherit;
background-position: 0px 6px;
}

#main ul.p-list li, #main dl.p-list dd {
margin-bottom: 15px;
}

#main ul.linklist li, #main dl.linklist dd {
background-image: url(../img/raquo_schwarz.gif);
}

/* * html #main ul li {
background-position: 0px 8px;
} */


table#tab01 {
border: 1px solid #ccc;
font-size: 0.8em;
}

table#tab01 th {
padding: 5px;
background: #ddd;
border: 0px solid #ccc;
}

table#tab01 td {
padding: 5px;
background: #eee;
border: 0px solid #ccc;
}

#content-footer {
font-size: 0.75em;
margin-top: 30px;
background-color: #f5f5f5;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 4px 0 4px 4px;
width: 200px;
}

#content-footer a:hover {
background-color: #f00;
}

#content-footer-top {
background: url(../img/top.gif) no-repeat bottom left;
padding-left: 15px;
}

#content-footer-top:hover {
background: url(../img/top_h.gif) no-repeat bottom left;
padding-left: 15px;
}

#content-footer-print {
background: url(../img/print.gif) no-repeat bottom left;
padding-left: 15px;
}

#content-footer-print:hover {
background: url(../img/print_h.gif) no-repeat bottom left;
padding-left: 15px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Box rechts ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#box-rechts h2 {
margin: 2px 0 0 0;
padding: 1px 0 0 25px;
/* background: url(../img/bg_h2_box.gif) no-repeat bottom left #f00;
font-size: 1em;
font-family: 'bitstream vera serif', georgia, 'times new roman', serif;
color: #fff; */
text-indent: -999em;
font-size: 0.1em;
height: 28px;
}

#ueberuns #box-rechts h2, #geschaeftsfelder #box-rechts h2, #zielgruppen #box-rechts h2 {
background: url(../img/head_box_fakten.gif) no-repeat;
}

#sequenzierung #box-rechts h2, #full-service-seq #box-rechts h2, #ready-to-sequence #box-rechts h2, #vergleichssequenzierung #box-rechts h2, #tipps-sequenzierung #box-rechts h2, #ausgangsmaterialien #box-rechts h2, #primersynthese #box-rechts h2, #primerliste #box-rechts h2  {
background: url(../img/head_box_download.gif) no-repeat;
}

#fossile-proben #box-rechts h2, #molekularbiologie #box-rechts h2, #klonierung #box-rechts h2, #proteinexpression #box-rechts h2, #biotransformation #box-rechts h2, #stammdesign #box-rechts h2, #forschung #box-rechts h2 {
background: url(../img/head_box_leistungen.gif) no-repeat;
}

#stammdesign #box-rechts h2.box-leistungen {
background: url(../img/head_box_leistungen.gif) no-repeat;
}

#forschung #box-rechts h2.box-projekte {
background: url(../img/head_box_projekte.gif) no-repeat;
}

#kontakt #box-rechts h2 {
background: url(../img/head_box_impressum.gif) no-repeat;
}

/* #box-rechts h3 {
font-size: 0.75em;
font-weight: bold;
} */

#infobox {
background-color: #eee;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 0 0 20px 0;
margin: -8px 0 20px 0;
}

#infobox-img {
display: none;
/* margin: 0;
padding: 0;
background-color: #ccc; */
}

#infobox-img-text {
display: none;
/* margin: 0 0 0 0;
padding: 0 5px 2px 5px;
font-size: 0.7em;
background-color: #ccc; */
}

/* * html #infobox-img-text {
padding: 3px 5px 2px 5px;
} */

#infobox p {
margin: 0;
padding: 10px 5px 0 5px;
font-size: 0.7em;
line-height: 135%;
}

#infobox ul, #infobox dl {
font-size: 0.7em;
margin: 0px 5px 10px 5px;
padding: 10px 0 0 0;
list-style-type: none;
}

#infobox dt {
font-weight: bold;
}

#infobox ul li, #infobox dl dd {
line-height: 150%;
margin-left: 10px;
padding-left: 14px;
background-image: url(../img/raquo2_rot.gif);
background-repeat: no-repeat;
background-position: 0px 7px;
voice-family: "\"}\"";
voice-family: inherit;
background-position: 0px 5px;
}

#infobox ul.linkliste-box li, #infobox dl.linkliste-box dd {
background-image: url(../img/raquo2_schwarz.gif);
}

/* * html #infobox ul li {
background-position: 0px 7px;
} */

#infobox ul.download {
font-size: 0.7em;
margin: 0px 0px 10px 5px;
padding: 10px 0 0 0;
list-style: none;
}

#infobox ul.download li {
margin-left: 0px;
padding-left: 20px;
line-height: 150%;
background-image: url(../img/download.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
voice-family: "\"}\"";
voice-family: inherit;
background-position: 0px 4px;
}

/* * html #infobox ul.download li {
background-position: 0px 6px;
} */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer p {
margin: 20px 0 0 0;
padding: 10px 0;
font: 0.6em verdana, arial, helvetica, sans-serif;
border-top: 1px dashed #ccc;
}

#print-adresse, #print-return {
display: none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ einz. Seiten ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Zielgruppen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#zielgruppen #main img {
margin: 20px 0 0 0;
border: 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Kontakt / Impressum ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#kontakt #main p, #impressum #main p {
text-indent: 0;
}

#impressum p#spindoc {
margin: 30px 0 0 0;
padding: 10px 0 20px 0;
border-top: 1px solid #ccc;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Uebersicht ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#uebersicht #main ul ul {
margin: 0 0 0 25px;
font-size: 100%;
}

#uebersicht #main ul li {
margin-top: 10px;
}

#uebersicht #main ul li ul li {
margin-top: 0px;
}

#uebersicht #box-rechts {
display: none;
}