/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: "Open Sans", Arial, Verdana, Helvetica, sans-serif;
	background-color: #E3E2E2;
	color: #686868;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Headings - Kapitel 14 */
h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #4e4d4d; }

h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 14px; }
h6 { font-size: 14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0px; }

/* Text Elements */
p 			{ color: #686868; font-size: 13px; line-height: 1.5em; }
p .left 	{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right 	{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a			{ }
a:link		{ color: #00f; }
a:visited	{ color: #00f; }
a:active	{ color: #00f; }
a:focus		{ color: #00f; }
a:hover		{ color: #00f; }

blockquote	{ color: #000; font-size: 12px; }

strong		{ font-weight: bold; }
em			{ font-style: italic; }

/* Images */


/* Lists */

ul			{}
ol			{ list-style-type: decimal; }

ul li		{ color: #686868; font-size: 13px; }
ol li		{ color: #686868; font-size: 13px; }

dl			{}
dt			{}
dd			{}

/* Tables */

table		{ width:100%; }

tr			{}
.odd		{ background-color: #eee; }
.even		{ background-color: #fff; }

th			{ font-weight: bold; }
thead, th	{ background: #ccc; }

tbody		{}

th, td, caption	{}
caption			{}

tfoot			{}
.tfooter		{ background-color: #ccc; text-align: center; font-style: italic; }

caption		{ background: #efefef; }

.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

/* Containers */
#wrapper			{ width: 1000px; margin: 0px auto; }

#top				{
	width: 960px;
	padding: 10px 0px;
	margin: 0 auto;
	overflow: hidden;
}

#logo					{ margin: 0 0 0 10px; float: left; font-style: italic; font-size: smaller; }
#social-media-company	{ float: right; margin: 0 5px 0 0; }
#social-media-person	{ float: right; margin: 0 5px 0 0; }
.social-media		{ }
.social-media p		{ font-size: 11px; margin: 4px 10px 4px 0px; }
.social-media img	{ width: 12px; height: 12px; }
.social-media ul li	{ display:inline; padding: 0px 0px 0px 0px !important; }

#topnav				{ }

nav {
    margin: 20px auto 30px;
    border-radius: 1px;
    border: 1px solid #DDDDDD;
    clear: both;
    color: #333;
    font-family: Verdana, Arial, serif;
    margin: 0 auto 5px;
    overflow: hidden;
   	width: 960px;
    z-index:99999999;
}
nav ul {
    padding: 0px;
    margin: 0px;
	z-index:99999999;
	
    box-shadow: 2px 2px 2px #dfdfdf;
    -moz-box-shadow: 2px 2px 2px #dfdfdf;
    -webkit-box-shadow: 2px 2px 2px #dfdfdf;
}
nav ul:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
nav ul,nav ul li{
    background-color: #555555;
}
.mainNavActive {
    color: #555555 !important;
    background-color: #FFFFFF;
}
nav ul li {
    list-style: none;
    float:left;
    border-right: 1px solid #dfdfdf;
}
nav ul li a {
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    color: #333;
    padding: 14px 44px 14px 44px;
    letter-spacing: 0.075em;

    transition: background 0.3s ease-out; /* explorer 10 */
    -webkit-transition: background 0.3s ease-out; /* chrome & safari */
    -moz-transition: background 0.3 ease-out; /* firefox */
    -o-transition: background 0.3 ease-out; /* opera */
}
#topnav>nav>ul>li:last-child {
    border-right: 0px solid #dfdfdf;
}
#topnav>nav>ul>li:last-child>a {
	padding: 14px 47px 14px 48px;
}

/*
nav ul li:last-child {
    list-style: none;
    float:left;
    border-right: 0px solid #dfdfdf;
}
*/
/*
nav ul li:last-child a:first-child {
	padding: 14px 52px 14px 52px;
}
*/
nav ul li a:visited, nav ul li a:link {
	color: #fefefe;
}
nav ul li a:hover, nav ul li:hover > ul li a  {
	/* background-color: #f0f0f0; */
    background-color: #ffffff;
}
nav ul li:hover > a {
    color: #555555;
    /* background-color: #f0f0f0; */
    background-color: #ffffff;
}
nav ul li:hover > ul {
    visibility: visible;
}
nav ul li ul{
    display: inline;
    visibility: hidden;
    position: absolute;
    padding:0px;
}
nav ul li ul li{
	float: none;
}
nav ul li ul li a {
    color: #555555;
}
nav ul li ul li a:visited, nav ul li ul li a:link {
    color: #555555;
}
nav ul li ul li a:hover{
	color: #333;
	background-color: #cfcfcf !important;
}
#content {
	width: 960px;
	padding: 20px 0 20px 0;
	margin: 0 auto;
}
#slider-wrapper {
	width: 950px;
	margin: 0px auto;
}
#content-tab {
/*	width: 900px; */
	margin: 0px auto;
}
#content-tab-content {
	/* background-color: #F5F5F5; */
	background-color: #FFFFFF;
	padding: 5px 0px 0px 5px;
	overflow: hidden;
	padding-bottom: 20px;
}
#content-tab-content p:not(:last-child) {
	margin: 0 0 10px 0;
}
#content-tab-content h3 {
	margin: 0 0 5px 0;
}
#content-tab-content-text h3:not(:first-child) {
	margin: 30px 0 5px 0;
}

/*
#content-tab-content ul {
	list-style: disc;
	list-style-position: inside;
	margin: 0 0 5px 0;
}
*/
#content-tab-content ul {
    list-style: disc outside none; 
    margin-left: 0; 
    padding-left: 1em;
	margin: 5px 0 5px 0;
}
#content-tab-content ul li {
    padding-left: 1em;
	line-height: 150%;
}
#content-tab-content-news-text ul li {
    padding-left: 1em;
	line-height: 150%;
}

#content-tab-header {
    clear: both;
    color: #333;
    font-family: Verdana, Arial, serif;
    overflow: hidden;
    z-index:99999999;
   	width: 850px;
}
#content-tab-header ul li {
    list-style: none;
    float:left;
}
#content-tab-header ul li a {
    text-decoration: none;
    display: block;
    color: #333;
    padding: 10px 9px 10px 9px;
    text-transform: uppercase;
	letter-spacing: 0.05em;
}
.content-tab-header-active {
	/* background-color: #f5f5f5; */
	background-color: #ffffff;
}
.content-tab-header-inactive {
	background-color: #cfcfcf;
    /* border-top: 1px solid #bbbbbb; */
    border-right: 1px solid #bbbbbb;
	border-left: 1px solid #bbbbbb;
}
#content-tab-content-title
{
	margin: 10px 0 20px 10px;
	line-height: 150%;
}
#content-tab-content-subtitle
{
	margin: 0 0 20px 10px;
	line-height: 150%;
}

#content-tab-content-subtitle2
{
	margin: 10px 0 20px 10px;
	line-height: 150%;
}

#content-tab-content-title em {
	font-size: 12px;
}
#content-tab-content-text
{
	width: 620px;
	float:left;
}
#content-tab-content-image {
	width: 280px;
	margin-left: 630px;
	border-left: 1px #dfdfdf solid;
	padding: 0 0 0 10px;
}

#content-tab-content-image a {
	margin: 0px auto;
}
#content-tab-content-image img {
	display: block;
	width: 220px;
	margin: 20px 0 0 0;
}
.content-image-caption {
	font-size: 11px;	
}
.content-facts {
	padding: 5px;
	margin: 10px 0 10px 0;
	border: 1px #dfdfdf solid;
}
#fact-01{
	width: 300px;
	float: left;
}
#fact-02{
	width: 300px;
	float: right;
}
#newsPanel {
	padding:10px;
	margin-left:-5px;
}
.newsContainer {
	margin: 5px 0 50px 0;
}

.content-tab-header {
	margin-right: 260px;
	margin-left: 260px; 
}
.content-tab-header em {
	font-size: 12px;
}

.content-tab-image {
	width: 250px;
	float: left;
    max-height: 150px;
}
.content-tab-image img {
	max-width: 200px;
    max-height :100px;
	padding-left: 25px;
}
.content-tab-text {	
	margin-left: 250px;	
}

#content-tab-image-DVG {
    height: 80px;
}

#content-tab-text-DVG {
	height :80px;
}

.content-tab-text em {
	font-size: 12px;
}
.content-tab-content-person {
	margin: 25px 0;	
}
#content-tab-content-news-image{
	width: 250px;
	max-height:150px;
	float: left;
	margin-bottom: 20px;
}
#content-tab-content-company {
	margin-bottom: 25px;
	border-bottom: 1px #dfdfdf solid;
	padding-bottom: 20px;

}
#content-tab-content-company ul li {
	list-style: none;
}

.content-alphabetic-list {
	list-style: upper-alpha outside none !important;	
    margin-left: 5px !important; 
    padding-left: 1em;
}
.content-alphabetic-list li {
    padding-left: 1em;
	line-height: 150%;	
}
.content-styleless-list {
	list-style: none outside none !important;
    margin-left: 0px !important; 
    padding-left: 0 !important;
}
.content-styleless-list li {
	padding-left: 0 !important;
}
.content-reference-company {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px #dfdfdf solid;
}

#content-tab-content-videoplayer {
	margin: 15px 130px;
    width: 640px;
    height: 390px;
}
.content-separator {
	border-bottom: 1px #dfdfdf solid;
}
span.displaynone { display:none; }
#footer	{ clear: both; 	width: 960px; background-color: #cccccc; overflow: hidden; margin: 10px auto 0 auto;	}

#bottomnav 				{ display: inline; }
#bottomnav ul			{ float: left; margin: 0px; }
#bottomnav ul li		{ display: inline; }
#bottomnav ul li a		{ float: left; padding: 5px 10px; text-decoration: none; color: #4e4d4d; }
#bottomnav a:hover		{ background-color: #f5f5f5; color: #333;}

.openedSideableToogleBox, .closedSideableToogleBox {
	cursor: pointer;
	font-size: 13px;
}

.opal-logo{
	width: 25px;
	height:25px;
	margin:5px;
}

#opalOverview {
	margin-left:-5px;
}

#logoConnective{
	width:180px;
	margin-bottom: 3px;
	/* height:50px; */
}

#footerCopyright {
	float: right;
	color: #4e4d4d;
	font-size: 12px;
    padding: 5px 10px;
}

/* Definition Reference Page */
#referencePanel {
	padding:10px;
	margin-left:-5px;
}
.referenceContainer {
	margin: 5px 0 50px 0;
	/*min-height:100px;
}

.referenceLogo {
	/*background-color:#555555;*/
	color:white;
	/*min-height:100px;*/
}

.referenceLogo-Logo {
	width: 250px;
	height:150px;	
}
.referenceLogo-Text {	
	float: left;
    
}
.referenceLogo-Text p {    
    color:black;
}

.referenceLogo .referenceLogo-VU {	
	float: left;	
}
.referenceLogo .referenceLogo-Proj {
	float: left;
}
.referenceLogo ul li {
	color:black;
	list-style: none;
}
.referenceDetail {
	min-height:25px;
    float: right;    
}
.referenceDetail:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.referenceDetailText {
	margin: 10px 0px 50px 200px;
	width: 700px;
}
.referenceDetailImage {
	float: left;
	margin-bottom: 30px;
	margin-left:5px;
}
.referenceDetailText p {
	margin: 0 0 10px 5px !important;
}
/*Unsere Kunden*/

.connectiveAttentionMarker {
	color:fuchsia;
	font-weight:bold;
}
.tab1 {
	padding-left:20px;
}
.referenceZitat {
	font-style:italic;
	font-weight:bolder;
}

.pdfDownload {
	float:right;
	margin-right: 5px;
}
.pdfDownloadImg {
/*	
	height:45px;
	width:45px;	
*/
}

.content-text-insertion {
	margin-left: 20px;
}

.halfsized-flyer {
	width: 475px;
	float: left;
	margin-bottom: 10px;
}

/*
.referenceBox {
	width: 850px;
	margin: 15px;
	overflow: visible;
	background-color: #E3E2E2;
}

.referenceLogoBox {
}
.referenceLogoBox div {
	float:left;
	padding: 5px 10px 5px 10px;
}
.referenceLogoBox img {
	width: 100px;
	height:100px;
}

.referenceLogoBox div:last-child {
	clear:both;
}
.referencePhoto {
	width: 800px;
}

.referencePhotoText {
	background-color: rgb(0,159,227);
	color: #ffffff;
	padding: 5px 10px 5px 10px;	
	font-size: 13px;
	font-weight:lighter;
}
.referenceText {
	position:relative;
	border: #E3E2E21px solid;
}
.referenceTextBox {
	background-color: white; /* rgba(0,159,227, 0.1); *//*
	padding: 5px 5px 0px 5px;
}
.referenceZitat {
	font-style:italic;	
}
*/