/* STRUKTUR ****** STRUKTUR ****** STRUKTUR ****** STRUKTUR ****** */

body { text-align: center; }

ul,li { margin: 0; padding: 0; list-style-type: none; }

ul#referenzen li a { outline: none; display: block; background: url("../images/referenz_background.jpg") no-repeat; width: 100%; height: 60px; margin-bottom: 12px; padding: 3px 3px; }
ul#referenzen li a:hover { background: url("../images/referenz_background-hover.jpg") no-repeat; }

#wrapper { width: 700px; margin: auto; margin-top: 90px; text-align: left; position: relative;}
#content { position: relative; width: 700px; text-align: left; }

#logo { margin: 0; padding: 0; display: block; width: 207px;}

#nav { margin-top: 12px; padding: 0; list-style-type: none; }

.container { width: 207px; }
.wide { width: 454px; }

#left { float: left; margin-top: 60px; }
#middle { float: left; margin-top: 60px; margin-left: 40px; width: 208px; }
#right { float:right; margin-top: 60px; }

.prev { position: absolute; top: 60px; left: 240px; z-index: 80; display: block; height: 100px; width: 210px; overflow: hidden; text-indent: -210px;}
.prev:hover { text-indent: 0px; }

.next { position: absolute; top: 385px; left: 240px; z-index: 80; display: block; height: 100px; width: 210px; overflow: hidden; text-indent: -210px;}
.next:hover { text-indent: 0px; }

.clear { clear: both; float: none;}

h1 { margin: 0; }


/* TYPO ********** TYPO ********** TYPO ********** TYPO ********** */

body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; color: #555; }

a:link, a:active, a:visited { text-decoration: underline; color: #555; }
a:hover { text-decoration: none; color: #000; }
a:focus { outline:none; }

img { border: 0; }

.big { font-size: 36px; display: block; margin: 18px 0; color: #ccc; }
.hidden { display: none; }

p { margin-top: 0; }