html {
	overflow-y: scroll;
}

/******************************************************************************************
 * Globale Seiteneinstellungen
 ******************************************************************************************/
.myPage { 
	#background-color: lightgray;
	#background-color: #E6E9F9;
	background-color: #EBEEE7;
}

.myFrame {
	background-color: white;
	width: 980px;
	min-height: 100%;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -490px;
	padding: 0;
	top: 0;
}

.myPageBorder {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

.baseColor {
	background-color: rgb(13, 104, 177);
}

.shadow {
	-moz-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	-webkit-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
}


.verticalFooterSpacer{
	height: 152px;	
}

/******************************************************************************************
 * Header / Logo 
 ******************************************************************************************/

.myHeaderContainer {
	position: absolute;
	background-image: url(../img/header3.png);
	z-index: 0;
	top: 0px;
	#height: 216px;
	height: 67px;
	float: left;
}

.myHeaderLeftContainer {
	position: absolute;
	#background-image: url(../img/header2.png);
	#background-color: green;
	z-index: 3;
	top: 0px;
	width: 226px;
	height: 205px;
	float: left;
}



/******************************************************************************************
 * Nav-Bar 
 ******************************************************************************************/
.myNavBarAdditional {
	position: absolute;
	background-color: darkgray;
	top: 230px;
	z-index: 1;
	width: 100%;
	height: 40px;
	left: 0px;
}

.myNavBarContainer {
	background-image: url(../img/bg_head.jpg);
	float: right;
	height: 60px;
	width: 575px;
}

.myNavBar { 
	#background-color: black;
	#margin-left: -20px;
	width: 980px;
	float: left;
}

.myNavBarPicture {
	with: 150px
}

.myNavBarElement {
	width: 100px;
	vertical-align: top;
	line-height: 44px;
	height: 44px;
	text-decoration: none;
	display: inline-block;
	text-align: center;
}

.myNavBarText {
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	
	margin-left: 0 px;
	text-align: right;
}

/******************************************************************************************
 * Side Bar / Panel rechts 
 ******************************************************************************************/
.mySidePanel {
	position: absolute;
	/*background-image: url(../img/side_panel.png);*/
	background-color: #F5F5F9; 
	#background-color: blue;
	width : 226px;
	min-height: 100%;
	left: 50%;
	/* top , right, bottom, left */
	margin: 0px 0 0 -490px;
	top: 0px;
	z-index: 0;
	#opacity: 0.2;
	bottom: 0px;
	
}


.mySidePanelInfos {
	position: absolute;
	width: 240px;
	height: 500px;
	left: 50%;
	margin: 0 0 0 -470px;
	top: 230px;
	z-index: 3;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
}




/******************************************************************************************
 * Main Content 
 ******************************************************************************************/
.myContent {
	clear: left; 
	margin-top: 90px;
	margin-bottom: 172px;
	margin-left: 247px;
	#padding-top: -100px;
	width: 690px;
	min-height: 500px; 
	#overflow: scroll;
	z-index: 1;
}

.myContentText {
	#margin-top: -60px;
	#margin-left: 247px;
	color: black; 
	#font-family: arial, verdana, sans-serif !important;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	text-align: justify;
	font-stretch: normal !important;
}

.myBoldText {
	font-weight: bold;
}

.myListSpace{
	margin-top: 2.5ex;
}

.myPictureContainer {
	background-color: red;
	margin-right: 20px;
	margin-bottom: 10px;
	min-width: 150px;
	min-height: 150px;
	float: left;
}


.myPictureContainerSmall {
	#background-color: red;
	margin-right: 20px;
	margin-bottom: 10px;
	min-width: 10px;
	min-height: 10px;
	float: left;
}

.myPortraitContainer {
	background-color: red;
	margin-right: 20px;
	margin-bottom: 10px;
	width: 250px;
	height: 250px;
	float: left;
}

/******************************************************************************************
 * Footer Content 
 ******************************************************************************************/
.myFooter {
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	position: absolute; 
	#background-color: black; 
	#background-color:rgb(13, 104, 177);
	color: white; 
	#margin-left: -20px;
	margin-top: 20px; 
	#padding-top: 20px;
	width: 980px;
	height: 172px;
	bottom: 0;
}


/******************************************************************************************
 * Links
 ******************************************************************************************/
a.xing-link{
	background: url("../img/xing_icon.png") no-repeat scroll left top transparent;
	padding-left: 27px;
	display: block;
	line-height: 20px;
	width: 100px;
}

.standardLink{
	color: #0B538E;
	font-weight: bold;
	#text-decoration: none;
}

.agbLink{
	color: #0B538E;
	font-weight: bold;
	text-decoration: none;
}

a.standardLink:hover{
	color: #E9B14D;
	font-weight: bold;
	text-decoration: none;
}


a.impressumLink:hover {
  color: #E9B14D;
  font-weight: bold;
  text-decoration: none;
}

/******************************************************************************************
 * Nav Bar Links 
 ******************************************************************************************/
a.head:link {
	color: white;
}

a.head:visited {
	color: white;
	#background-image: url(../img/line_red.png);
}

a.head:hover {
	color: #E9B14D;
	#background-image: url(../img/line_blue.png);
	#background-color: grey;
}

a.headActive:link {
	color: #E9B14D;
	background-color: #0D68B1;
}

a.headActive:visited {
	color: #E9B14D;
	background-color: #0D68B1;
}

a.headActive:hover {
	color: #E9B14D;
	background-color: #0D68B1;
}

/******************************************************************************************
 * Nav Bar Links Special (schräger Hintergrund -> muss auch im JavaSkript angepasst werden)
 ******************************************************************************************/
a.head2Active:link {
	color: #E9B14D;
	background-image: url(../img/navElement.png);
}

a.head2Active:visited {
	color: #E9B14D;
	background-image: url(../img/navElement.png);
}

a.head2Active:hover {
	color: #E9B14D;
	background-image: url(../img/navElement.png);
}

/******************************************************************************************
 * Footer Links 
 ******************************************************************************************/
.myFooterElement {
	line-height: 20px;
	height: 20px;
	text-decoration: none;
	display: inline-block;
	text-align: center;
}

a.footer:link {
	margin-left: 5px;
	#width: 75px;
	color: white;
}

a.footer:visited {
	#width: 75px;
	color: white;
	#background-image: url(../img/line_red.png);
}

a.footer:hover {
	font-weight: bold; 
	#width: 75px;
	color: white;
	#background-image: url(../img/line_blue.png); 
	#background-color: grey;
}

a.footerActive:link {
	margin-left: 5px;
	#width: 75px;
	color: white;
	font-weight: bold;
}

a.footerActive:visited {
	#width: 75px;
	color: white; 
	#background-image: url(../img/line_red.png);
	font-weight: bold;
}

a.footerActive:hover {
	font-weight: bold; 
	#width: 75px;
	color: white;
	#background-image: url(../img/line_blue.png); 
	#background-color: grey;
	font-weight: bold;
}

.bg_bottom_1 {
	background-image: url(../img/bg_bottom_1.png); 
}

.bg_bottom_2 {
	background-image: url(../img/bg_bottom_2.png); 
}

.bg_bottom_3 {
	background-image: url(../img/bg_bottom_3.png); 
}

.bg_bottom_4 {
	background-image: url(../img/bg_bottom_4.png); 
}

.bg_bottom_5 {
	background-image: url(../img/bg_bottom_5.png); 
}

.bg_bottom_6 {
	background-image: url(../img/bg_bottom_6.png); 
}

.bg_bottom_7 {
	background-image: url(../img/bg_bottom_7.png); 
}

.bg_bottom_8 {
	background-image: url(../img/bg_bottom_8.png); 
}

.bg_left_1 {
	background-image: url(../img/bg_left_1.png); 
}

.bg_left_2 {
	background-image: url(../img/bg_left_2.png); 
}

.bg_left_3 {
	background-image: url(../img/bg_left_3.png); 
}

.bg_left_4 {
	background-image: url(../img/bg_left_4.png); 
}

.bg_left_5 {
	background-image: url(../img/bg_left_5.png); 
}

.bg_left_6 {
	background-image: url(../img/bg_left_6.png); 
}

.bg_left_7 {
	background-image: url(../img/bg_left_7.png); 
}

.bg_left_8 {
	background-image: url(../img/bg_left_8.png); 
}
