/* General Definitions v1.0 */
html, body  {height: 100%; margin: 0px; padding: 0px; text-align: center; font-family: Verdana, Arial, 'Trebuchet MS', 'Century Gothic', Verdana; font-size: 11px; background-color: #e8e8ea; color: #0c3660}
img {border: 0px}
img.border {border: 1px solid #0c3660}
hr {margin: 5px 0px; padding: 0px; height: 1px; border: dotted 1px #0c3660; clear: both}
table {margin: 0px; padding: 0px; text-align: left}
td {vertical-align: top}
form {margin: 0px; padding: 0px}
p {margin: 10px 0px}
ul {margin-left: 20px}
ul li {margin-left: 0px;}
dt {font-weight: bold; margin: 15px 0px 5px }
dd {font-style: italic; margin-left: 30px}
.text2 {font-size: 11px; font-style: normal}

/* FIREFOX HACK */
.hackende {}
.imageleft {float: left; margin-right: 20px !important; margin-bottom: 20px}
.imageright {float: right !important; margin-left: 10px !important}
.left {float: left;}
.right {float: right }
.nomargin {margin: 0px}
.cleaner {clear: both}
.noborder {border: 0px !important}
.print, .gotcha {display: none; visibility: hidden} 
img.noborder {border: 0px}
.center {text-align: center !important}
.nolink {text-decoration: none}
.nobg {background-color: transparent}
.linethrough {text-decoration: line-through}
.small { margin-left: 20px}

/* Fonts */
h1 {font-size: 15px; margin: 0 0 10px 0}
h2 {font-size: 12px; margin: 0; line-height: 100%; padding: 10px; border-top: 1px line #0c3660; border-bottom: 1px line #0c3660; font-weight: normal; font-style: italic}
h2.neuhuberXXX {height: 100px; padding: 0 20px 5px 100px; background: url('../img/alexander-neuhuber2.jpg') left 10px no-repeat}
h3 {font-size: 13px; margin: 20px 0 -5px 0}
#sidebar h3, #sidebar div {border-left: 2px solid #0c3660; margin: 20px 0 0 20px; padding: 5px 0 5px 10px; width: 150px }
#sidebar h3 {font-size: 12px; padding: 5px 0 5px 10px}
#sidebar div {font-size: 11px; padding: 0 0 0 10px; text-transform: italic}
#sidebar div li {margin: 5px 0}
#sidebar img {border-bottom: 1px solid white}
#sidebar img.berlin {border: 0; margin: 20px 0 0 45px}
.felder h3 {font-size: 14px; padding: 5px 0 5px 10px; line-height: 100%}
h4 {font-size: 13px; margin: 30px 0 0 0}
h5 {font-size: 14px; color: red; margin-bottom: 0px}
h6 {font-size: 16px; color: #008000; margin-top: 0px; margin-bottom: 10px}
.text2 {line-height: 100%}

/* Navigation */ 

/* 
ul#nav {list-style-type: none; margin: 3px 0 22px -5px}
ul#nav li {float: left; padding: 2px 5px; margin-right: 15px; border: 1px solid white; font-size: 12px}
ul#nav a {color: white; text-decoration: none; }
ul#nav li.active {background-color: white}
ul#nav li.active a {color: #0c3660}

ul#subnav {list-style-type: none; margin: 0 0 0 30px; font-size: 10px}
ul#subnav.geschaeftsfelder {margin-left: 60px}
ul#subnav.referenzen {margin-left: 290px}
ul#subnav.presse {margin-left: 500px}
ul#subnav li {float: left; padding: 0; margin-right: 20px; font-size: 12px}
ul#subnav a {color: #999; text-decoration: none; }
ul#subnav li.active {}
ul#subnav li.active a {color: white}
*/

/* FIREFOX HACK */
ul#nav>/**/li {margin-left: -5px; margin-top: -10px}/* */
ul#subnav>/**/li {margin-left: -10px; margin-top: -10px}/* */
ul#sidebarlist>/**/li {margin-left: -40px}/* */

/* Layout - Container */
#global {position: relative; width: 770px; padding: 0; text-align: left; margin: auto; margin-top: 20px; background: url('../img/bg-global.jpg') repeat-y}
#top {width: 770px; height: 138px; background: url('../img/bg-top.jpg') no-repeat; text-align: center; padding-top: 12px}
#sidebar {float: left; width: 210px; margin: 20px 0 10px 10px; background-color: #a6b2bf; padding: 1px 1px 20px 1px; }
#sites {float: right; width: 490px; margin: 20px; padding-right: 5px; line-height: 150%}
#sites img.imageright {border: 1px solid #0c3660; margin: 10px 0 10px 10px}
#footer {width: 770px; height: 65px; background: url('../img/bg-footer.jpg') no-repeat; text-align: center; color: white; padding-top: 20px; line-height: 120%} 
#footer a {color: white}

table#felder {margin-top: 40px; font-size: 12px; line-height: 110%}
table#felder h3 {margin: 5px 0}
table#felder td {vertical-align: middle}
table#felder td.logo {width: 35px; text-align: center}
table#felder .color1 {background-color: #778ca1; color: white}
table#felder .color2 {background-color: #c0c9d2; color: #0c3660}

table#kontaktform td.feldname {width: 120px}
table#kontaktform .size1 {width: 300px}
table#kontaktform .size2 {width: 145px}

#referenzen div.pic {float: left; width: 110px; height: 120px}
#referenzen div.pic img {border: 1px solid #0c3660}
#referenzen div.desc {float: left; width: 120px; height: 120px; vertical-align: middle; margin-right: 15px}

#referenzen table td.pic {width: 110px}
#referenzen table td.pic img {border: 1px solid #0c3660}
#referenzen table td.desc {vertical-align: middle}
.refs {float: left; width: 110px; height: 70px; font-size: 12px; text-align: center; line-height: 110%; padding: 5px}
.refs.active {background-color: #0c3660; color: white}
.refs:hover {color: white}
.felder {float: left; width: 220px; text-align: left; padding: 10px}
.felder h3 {margin: 0; padding: 0}
.felder a {color: #0c3660}
.felder:hover {color: white}
.felder:hover a {color: white}

#sites.team img {border: 1px solid #0c3660; float: left; margin: 5px 10px 5px}
#sites.team h2 {font-size: 14px; margin: 25px 0 0 0}
#sites.team p.text2 {font-size: 11px; margin: 0}
#sites.team p.text2 a {float: right; margin-top: 15px}

#sites.archiv {font-size: 11px}

#sites.research strong a {font-size: 11px}

#sites.homeXXX {height: 420px; background: url('../img/geschaeftsfelder.gif') bottom right no-repeat;}
#sites.home img.imageleft {border: 1px solid #0c3660; margin: 0 10px 0 0 !important}