﻿/*grundlegende Einstellungen für die gesamte Site*/
#body {
	background: #929292;
	font-family: Verdana;
	font-size: 11px;
}
/*grundlegende Einstellungen für den umschließenden Container*/
#outerContainer {
	margin: auto;
	width: 820px;
	background: #005e9d;
	padding-top: 10px;
	padding-right: 35px;
	padding-bottom: 14px;
	padding-left: 35px;
} 





/* oberer Frame inkl. Logo und Links*/
#topFrame {
	width: 100%;
	padding-top: 8px;

}
#topFrameMenu li {
	display: inline;
	padding-right: 10px;
}
/* Frame mit Logo*/
#topFrameInnerLeft {
	float: left;
}
#topFrameInnerLeft img {
	float: left;
	margin-right: 20px;
	margin-top: -50px;
}
#topFrameInnerLeftText {
	padding-top: 50px; /*Abstand von oben*/;
	font-weight: bold;
	font-size: 20px;
	color: #ffffff;
	margin: 0px;
}
#layout {
	overflow: auto;
}
/* Frame mit Links*/
#topFrameInnerRight {
	float: right;
	padding-right: 5px;
}
/*clear*/
.clearBoth {
	clear: both;
}
/* oberer mittlerer Frame mit runden Ecken*/
.TopMiddleFrame {
	margin-top: 10px;
}
.TopMiddle {
	display: block;
}
.TopMiddle * {
	display: block;
	height: 1px;
	overflow: hidden;
	font-size: .01em;
	background: #9cb9db;
}
.TopMiddle1 {
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 1px;
	padding-right: 1px;
	border-left: 1px solid #4284b6;
	border-right: 1px solid #4284b6;
	background: #74a1ca;
}
.TopMiddle2 {
	margin-left: 1px;
	margin-right: 1px;
	padding-right: 1px;
	padding-left: 1px;
	border-left: 1px solid #0f66a1;
	border-right: 1px solid #0f66a1;
	background: #7da6ce;
}
.TopMiddle3 {
	margin-left: 1px;
	margin-right: 1px;
	border-left: 1px solid #7da6ce;
	border-right: 1px solid #7da6ce;
}
.TopMiddle4 {
	border-left: 1px solid #4284b6;
	border-right: 1px solid #4284b6;
}
.TopMiddle5 {
	border-left: 1px solid #74a1ca;
	border-right: 1px solid #74a1ca;
}
/* Inhaltsbox für oberen mittleren Frame */
.TopMiddleFrameContent {
	background: #9cb9db;
	padding-top: 5px;
	padding-left: 53px; /*Abstand vom Container, buendig mit senkrechter Linie im Logo*/;
	padding-bottom: 5px;
	color: #ffffff;
	height: 85px; /* Abstimmung der Höhe auf die Höhe des Logos */;
/*	overflow: visible; */
}
/* Ende oberer mittlerer Frame*/
/* unterer mittlerer Frame*/
.BottomMiddleFrame {
	margin-top: 10px;
}
.BottomMiddle {
	display: block;
}
.BottomMiddle * {
	display: block;
	height: 1px;
	overflow: hidden;
	font-size: .01em;
	background: #ffffff;
}
.BottomMiddle1 {
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 1px;
	padding-right: 1px;
	border-left: 1px solid #6da2c6;
	border-right: 1px solid #6da2c6;
	background: #bfd6e6;
}
.BottomMiddle2 {
	margin-left: 1px;
	margin-right: 1px;
	padding-right: 1px;
	padding-left: 1px;
	border-left: 1px solid #196da5;
	border-right: 1px solid #196da5;
	background: #cee0ec;
}
.BottomMiddle3 {
	margin-left: 1px;
	margin-right: 1px;
	border-left: 1px solid #cee0ec;
	border-right: 1px solid #cee0ec;
}
.BottomMiddle4 {
	border-left: 1px solid #6da2c6;
	border-right: 1px solid #6da2c6;
}
.BottomMiddle5 {
	border-left: 1px solid #bfd6e6;
	border-right: 1px solid #bfd6e6;
}
/* Inhaltsbox für unteren mittleren Frame */
.BottomMiddleFrameContent {
	background: #ffffff;
	color: #63635d;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 53px; /* Abstand vom outerContainer-Rand*/
}
/* Beginn unterer mittlerer Frame links*/
.BottomMiddleFrameContentLeft {
	width: 65%;
	float: left;
	min-height: 260px;
	padding-top: 30px;
}
/* Ende unterer mittlerer Frame links*/
/* Beginn unterer mittlerer Frame rechts*/
.BottomMiddleFrameContentRight {
	width: 30%;
	float: right;
	padding-top: 59px;  /*hier*/
}
/* Ende unterer mittlerer Frame rechts*/
/* Ende unterer mittlerer Frame*/
#mainMenu {
	text-align: right;
}
#mainMenu p {
	display: inline;
}
#mainMenu a {
	text-decoration: none;
	padding-left: 10px;
	font-family: Verdana;
	font-size: 11px;
	color: #FFFFFF;
}
#mainMenu a:hover {
	text-decoration: underline;
}
#mainMenu a:active {
	text-decoration: underline;
}
#bottomFrame {
	margin-top: 10px;
	padding-left: 5px;
}
#bottomFrame a {
	padding-right: 10px;
	font-size: 11px;
	text-decoration: none;
	font-family: Verdana;
	font-weight: normal;
	color: #FFFFFF;
}
#bottomFrame p {
	display: inline;
}
#bottomFrame a:hover {
	text-decoration: underline;
}
.headlineTopMiddleFrame {
	font-size: 11px;
	font-weight: bold;
	height: 70px;
}
.headlineTopMiddleFrame a {
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	color: #ffffff;
}
.headlineTopMiddleFrame a:hover {
	font-size: 11px;
	text-decoration: underline;
	font-weight: bold;

}
.headlineBottomMiddleFrame {
	font-size: 15px;
	font-weight: bold;
	color: #005e9d;
}
.justified {
	margin-top: 5px;
	text-align: justify;
}

/*Styles für die Referenzenseiten*/

.refLogo {
	text-align: center;
	padding-right: 55px;
	padding-bottom: 20px;
}

.refLogo a:link, a:visited, a:active, img {
	border:none;
}

.refHeadLine {
	color: #929292;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	padding-right: 55px;
}

.refContent {
	padding-bottom: 10px;
}
.refContent ul {
	list-style-type:circle;
	list-style-position:inside;
	padding-left: 8px;
}

.refMetrics {
	text-align: justify;
	padding-right: 55px;
	margin-bottom: 10px;
}

/*Styles für die Referenzenseiten Ende*/ 


.newsheadLine {
	color: #929292;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	padding-right: 55px;
}
.newsOverview {
	text-align: justify;
	margin: auto;
	padding-right: 55px;
	margin-bottom: 10px;
}
.newsOverview img {
	padding-left: 20px;
}

.newsOverview a {
	color: #9CB9DB;
	text-decoration: none;
}
.newsOverview a:hover {
	text-decoration: underline;
}
.mythBustersHeadline {
	/*	background-image: url('../images/ghostbusters.gif');
	background-position: left;
	background-repeat: no-repeat; */
	color: #929292;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	padding-right: 55px;
}
.mythBustersOverview {
	text-align: justify;
	margin: auto;
	padding-right: 55px;
/*	margin-bottom: 10px; */
}
#spacerDiv {
	height: 40px;
}

.mythBustersOverview a {
	color: #9CB9DB;
	text-decoration: none;
}
.mythBustersOverview a:hover {
	text-decoration: underline;
}
.topMiddleFrameContentLeft {
	float: left;
	width: 65%;
}
.topMiddleFrameContentRight {
	float: right;
	width: 30%;
	text-align: center;
}
.topMiddleContentRightImage {
	padding-right: 55px;
}
.bold {
	font-weight: bold;
}


/* BEGIN Animation im Header*/

.animatedHeaderContent {
	text-decoration: none;
	display: none;
	position: absolute;
	background: #9cb9db;
	padding-top: 10px;
	padding-left: 5px;

}
.animatedHeaderContent a {
	text-decoration: none;
	font-size: 1.5em;
}

.animatedHeaderContent a:hover {
	text-decoration: none;
	font-size: 1.5em;
}



#div1 {}
#div2 {}
#div3 {}
#div4 {}
#div5 {}



/* END Animation im Header*/

/* BEGIN Links auf entireVision-Seite*/
.entireVision a {
	color: #9CB9DB;
	text-decoration: none;
}
.entireVision a:hover {
	text-decoration: underline;
}


/* END Links auf entireVision-Seite*/

