/* GLOBAL  */
* {color: #404040; font-family: arial, helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0; letter-spacing:0.5px;}
html, body {background: url('bilder/bg.jpg') repeat-x; background-color: #FFFFFF;} 

/* REPLACEMENT TAGS */
a {color: #0066ff; text-decoration: underline; font-weight:normal;}
a:hover {color: #cccccc; text-decoration: none;}
b, strong {font-weight: bold;}
em {font-style: italic;}
h1, h2, h3 {display: block; font-weight: bold; padding-bottom: 3px;}
img {border: 0; margin: 0; padding: 0;}
li {margin: 1.2em 1.1em 1.2em 60px;}
ol {margin: .8em 0 .8em 0;}
p {margin: 0px; padding: 0px}
table {border: 0; margin: 0; padding: 0;}
td {vertical-align: top;}
ul {margin: .8em 0 .8em 0;}
hr { border-bottom:dotted;}

/* CONTAINER */
.container {margin: 0 auto 0 auto; width: 900px;}
.container h1 {color: #006699; display: block; font-size: 24px; font-weight: normal; margin: 0px 0 0 0; padding: 0; letter-spacing:1px;}
.container h2 {color: #cccccc; display: block; font-size: 20px; font-weight: normal; margin: -5px 0 15px 0; padding: 0; letter-spacing:1px;}

/* LOGO */
#logo { background: url('bilder/xxxx.jpg') no-repeat; float: left; height: 80px; margin: 0px 0px 0 0; padding: 0; width: 320px;}
@media print  { #logo { display:none;}
 }

/* HEADER */
#header-top {background: url('bilder/header-top.jpg') no-repeat; float: left; height: 80px; margin: 0px 0 0 1px; width: 900px;}
@media print  { #header-top { display:none;}
 }
#header {background: url('bilder/header.jpg') no-repeat; float: left; height: 240px; margin: 0px 0 0 1px; width: 900px;}
#header img#leistung {background: url('bilder/leistung.jpg') no-repeat; float: left; height: 75px; margin: 0px 0px 0 0; padding: 0 0 10px 0; text-align: center; width: 200px;}
#header img#referenzen {background: url('bilder/referenzen.jpg') no-repeat; float: left; height: 75px; margin: 0px 0px 0 0; padding: 0 0 10px 0; text-align: center; width: 170px;}
#header img#forschung {background: url('bilder/forschung.jpg') no-repeat; float: left; height: 75px; margin: 0px 0px 0 0; padding: 0 0 10px 0; text-align: center; width: 160px;}
#header img#unternehmen {background: url('bilder/unternehmen.jpg') no-repeat; float: left; height: 75px; margin: 0px 0px 0 0; padding: 0 0 10px 0; text-align: center; width: 170px;}
#header img#kontakt {background: url('bilder/kontakt.jpg') no-repeat; float: left; height: 75px; margin: 0px 0px 0 0; padding: 0 0 10px 0; text-align: center; width: 200px;}
@media print  { #header { display:none;}
 }


/* INHALTE */
.page {background: url('bilder/buchseitebg.jpg') no-repeat; float: left; font-family: arial; font-size: 11px; height: 375px; margin: 0px 0px 0px 0px; padding: 0 0px 0 0px; width: 278px;}
.inhalt {float: left; font-family: arial; font-size: 11px; height: 225px; margin: 0px 0px 0px 0px; padding: 0 0px 0 0px; width: 265px;}

.bild {float: left; font-family: arial; font-size: 11px; margin: 0px 0px 0px 0px; padding: 0 20px 0 0px; width: 200px;}
@media print  { .bild { display:none;}
 }
.page2 {float: left; font-family: arial; font-size: 11px; margin: 0px 0px 0px 10px; padding: 0 0px 0 0px; width: 610px;}
.inhalt2 {float: left; font-family: arial; font-size: 11px; margin: 0px 0px 0px 0px; padding: 0 0px 0 0px; width: 610px;}
.inhalt2 p{ text-align:justify;}

.news {background: url('bilder/button.jpg') no-repeat; float: left; font-family: arial; font-size: 11px; height: 70px; margin: 0px 0 0 0px; padding: 0 0px 0 0px; width: 278px;}
.newsbut {background: url('bilder/button1.jpg') no-repeat; float: left; font-family: arial; font-size: 11px; height: 70px; margin: 0px 0 0 0px; padding: 0 0px 0 0px; width: 278px;}
a.newsbut { background-image:url('bilder/button1.jpg');text-decoration: none;}
a.newsbut:hover {background-image:url('bilder/button2.jpg');text-decoration: underline;}

/* CONTENT */
.content {margin: 0px auto 0px auto; width: 860px; padding-left:20px;}
.content h1 {color: #006699; display: block; font-size: 24px; font-weight: normal; margin: 0px 0 0 0; padding: 0; letter-spacing:1px;}
.content h2 {color: #cccccc; display: block; font-size: 20px; font-weight: normal; margin: -5px 0 15px 0; padding: 0; letter-spacing:1px;}

/* DOTTED */
.dotted { margin: 0px auto 0px auto; width: 820px;}
.dotted a{ font-size: 11px; letter-spacing:3px; margin: 0px auto 0px auto; width: 820px;}
@media print  { .dotted { display:none;}
 }
 
/* FOOTER */
#footer { }

@media print  { #footright { display:none;}
 }
#bottom {margin: 0 auto 0 auto; width: 854px; background-color:transparent;}
#bottomright {color: #ccc; font-size: 9px; float: right; margin: 17px 29px 0 0;}

.leftimg {
background-color:#fff;
border: 1px solid #f2f2f2;
padding:5px;
margin: 0px; 

}