@charset "utf-8";
/*************************************************

/*
======================================================
>>BASIC
======================================================
*/

html 
{
	margin: 0; 
	padding: 0; 
	text-align: center; /*centering for <--IE6 */
	overflow-y: scroll; /*always show vertical scrollbar - to keep page from jumping in FF*/
	font: 76%/160% Arial, Calibri, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	/*color: #3c3737;*/
	/*background: url(../images/bodybg.png);*/
}

body 
{ 
	width: 100%;
	font-family: Arial, Calibri, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color: #424242;
	background: #EFEFEF;
}

html, body
{
	height: 100%;
	padding: 0px;
	margin: 0px;
}

.clear
{
	clear: both;
}

#videoPopup
{
	height: 390px;
	width: 640px;
}

/*
======================================================
>>HEADINGS
======================================================
*/

h1, h2, h3, h4, h5, h6 
{
	font-weight: normal;
	margin: 0;
	padding: 0;
}

h2 
{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	/*text-transform: uppercase;*/
}

h3
{
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: bold;
	/*color: #005A9D;*/
	/*color: #000000;*/
}

/*
======================================================
>>IMAGES
======================================================
*/
img
{
	border: 1px solid #D3D5D5;
}

/*
======================================================
>>LINKS 
======================================================
*/

a { 
text-decoration: none;
color: #F47C20;
font-weight: bold;
outline: none;
}

a:link { 
text-decoration : none;
color: #F47C20;
}

a:visited { 
text-decoration : none;
color: #F47C20;
} 

a:hover { 
color: #666666; 
text-decoration : underline; 
}

a:active, a:focus {
color: #666666; 
text-decoration : none; 
}


/*Twitter*/
div#twitter a.twitterLink { 
text-decoration: none;
color: #1985B5;
font-weight: bold;
outline: none;
}

div#twitter a.twitterLink:link { 
text-decoration : none;
color: #1985B5;
}

div#twitter a.twitterLink:visited { 
text-decoration : none;
color: #1985B5;
} 

div#twitter a.twitterLink:hover { 
color: #666666; 
text-decoration : underline; 
}

div#twitter a.twitterLink:active, a:focus {
color: #666666; 
text-decoration : none; 
}

/*
======================================================
>>FORMS
======================================================
*/

.subtext
{
	color: gray;
	font-size: 80%;
}

.subtextBlog
{
	color: gray;
	font-size: 80%;
}

.input1
{
	background: url(../images/box-trans.png) repeat-x;
	/*background-position: 0px -1px;*/
	border: 1px solid #E5E5E5;
	padding: 5px;
	font-family: Calibri, Arial, Tahoma, Verdana, sans-serif;
	font-size: 12px;
}

.asterix
{

}

div#IEroot .asterix {
margin-bottom: 5px;
}

.input1:hover, .input1:focus
{
	border: 1px solid #CDCFCF;
}

.textarea1
{
	background: url(../images/box-trans.png) repeat-x;
	border: 1px solid #E5E5E5;
	padding: 5px;
	font-family: Calibri, Arial, Tahoma, Verdana, sans-serif;
	font-size: 12px;
}

.textarea1:hover, .textarea1:focus
{
	border: 1px solid #CDCFCF;
}

.button1
{

}

a.button {
    background: transparent url('../images/bg_button_a.png') no-repeat scroll top right;
    color: gray;
    display: block;
    float: left;
    font: normal 11px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	 cursor: pointer;
	 font-weight: bold;
}

a.button:hover {
	color: #424242;
}

div#IEroot a.button span {
	width: auto;
	overflow: auto;
}

a.button span { 
    background: transparent url('../images/bg_button_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button:active {
    background-position: bottom right;
    color: #424242;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

/*
======================================================
>>CONTAINER
======================================================
*/

.push 
{
	height: 200px; /* .push must be the same height as .footer */
}

div#wrapper 
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -200px; /* the bottom margin is the negative value of the footer's height */
	width: 100%;
}

div#container 
{
	margin: 0 auto;
	width: 1000px;
}


/*
======================================================
>>TOP
======================================================
*/
	/*<div id="header-top-left"></div> 
	<div id="header-top-middle"></div> 
	<div id="header-top-right"></div> */
div#header
{ 
	background: url(../images/header-bg-top10.png) repeat-x;
	width: 100%;
	height: 160px;
}

div#header-logo
{
	margin: 0 auto;
	width: 1000px;
	height: 160px;
	background: url(../images/header10.png) no-repeat;
}

div#logo
{
	position: relative;
	top: 15px;
	left: 0px;
	width: 195px;
	height: 33px;
	float: left;
}

div#youtube_top
{
	position: relative;
	top: 20px;
	left: 565px;
	width: 45px;
	height: 45px;
	float: left;
}

div#linkedin_top
{
	position: relative;
	top: 20px;
	left: 574px;
	width: 45px;
	height: 45px;
	float: left;
}

div#facebook_top
{
	position: relative;
	top: 20px;
	left: 584px;
	width: 45px;
	height: 45px;
	float: left;
}

div#twitter_top
{
	position: relative;
	top: 20px;
	left: 594px;
	width: 45px;
	height: 45px;
	float: left;
}

div#logo a, div#youtube_top a, div#linkedin_top a, div#facebook_top a, div#twitter_top a
{
	display: block;
	width: 100%;
	height: 100%;
}		

/*
======================================================
>>MAIN MENU
======================================================
*/

div#menu
{
	position: relative;
	top: 77px;
	height: 37px;
	width: 100%;
	font-family:  Arial, Calibri, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	float: left;
	text-transform: uppercase;
	/*background: red;*/
}

ul#main-menu
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul#main-menu li
{
	float: left;
}

ul#main-menu li a
{
	color: white;
	text-decoration: none;
}

ul#main-menu li a:hover span
{
	/*text-decoration: underline;*/
	background: #0068b5;
	/*color: #E5E5E5;*/
}

ul#main-menu li a span
{
	display: block;
	padding: 5px 10px 5px 10px;
	line-height: 27px;
	/*border: 1px solid red;*/ /*726a68  2b2827   */
	border-left: 1px solid #0d70bb;
	border-right: 1px solid #004578;
	/*background: url(../images/box-trans.png) repeat-x;*/
}

ul#main-menu li.first a span
{
	border-left: none;
	/*padding-left: 0px;*/
}

ul#main-menu li.last a span
{
	border-right: none;
}

/*
======================================================
>>SUBMENU
======================================================
*/

.submenuDiv
{
	border: 1px solid #CDCFCF;
	border-top: none;
	border-bottom: none;
	background: #E5E5E5;
	padding: 0px;
	margin: 10px;
	margin-left: 0px;
	width: 190px;
}

ul.submenu
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul.submenu li
{
	display: block;
}

ul.submenu li a 
{
	color: #3c3737;
}

ul.submenu li a span
{
	display: block;
	/*width: 190px;*/
	height: 30px;
	line-height: 30px;
	background: #E5E5E5; /* url(../images/box-trans.png) repeat-x*/
	border-top: 1px solid #CDCFCF;
	border-bottom: 1px solid #eaebeb;
	padding: 0px 5px 0px 10px;
	font-size: 12px;
}

ul.submenu li a:hover span
{
	background: #ffffff url(../images/box-trans.png) repeat-x;
}

ul.submenu li.last-item a span
{
	border-bottom: 1px solid #CDCFCF;
}

ul.submenu li.active a span
{
	background: #ffffff url(../images/box-trans.png) repeat-x;
}

/*
======================================================
>>CONTENT
======================================================
*/

.noborder
{
	border: none;
}

.borderright
{
	border-right: 15px;
}

div#content {

/*overflow: hidden;*/
/*border: 1px solid red;*/
}

/*==SECTIONS==*/
div#content-section-left{
width: 200px; /*180*/
min-height: 10px;
float: left;
text-align: left;
/*padding-left: 10px;
padding-right: 10px;*/
}

div#content-section-right
{
	float: left;
	text-align: left;
	width: 300px;
	min-height: 10px;
	/*
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -57px;
	
	margin-top: -28px;*/
}

/*div#IEroot div#content-section-right {
margin-top: -27px;
margin-bottom: -56px;
}*/

/*div#content-section-left h3, div#content-section-right h3
{
	padding-bottom: 7px;
}*/


/*==MAIN==*/
div#content-main {
width: 700px; /* 560px;*/
/*min-height: 100px;*/
float: left;
text-align: left;
/*padding-left: 20px;
padding-right: 20px;*/
margin-bottom: 30px;
}

div#content-main-wide {
width: 1000px; /* 560px;*/
/*min-height: 100px;*/
float: left;
text-align: left;
/*padding-left: 20px;
padding-right: 20px;*/
margin-bottom: 30px;
}

div#content-main-small {
width: 500px; /* 560px;*/
/*min-height: 100px;*/
float: left;
text-align: left;
/*padding-left: 20px;
padding-right: 20px;*/
margin-bottom: 30px;
}

.content-box
{
	border: 1px solid #CDCFCF;
	background: #E5E5E5 url(../images/box-trans.png) repeat-x;
	/*width: 100%;*/
	padding: 20px;
	margin: 10px;
	margin-left: 0px;
}

.banner
{
	border: 1px solid #CDCFCF;
	background: #ffffff url(../images/box-trans.png) repeat-x;
	/*width: 100%;*/
	padding: 10px;
	margin: 10px;
	margin-left: 0px;
}

/*div#IEroot .content-box 
{
	margin: 10px;
}*/

div.spacer
{
	width: 100%;
	height: 30px;
	border: 1px solid red;
}

.inner-content
{
	border: 1px solid #D3D5D5;
	background: #ffffff url(../images/box-trans.png) repeat-x;
	background-position: 0px -1px;
	padding: 7px;
	/*margin-top: 5px;*/
	margin-bottom: 7px;
}

div#IEroot .inner-content 
{
	/*margin-bottom: 50px;*/
}

/*.content-box-left
{
	border: 1px solid #CDCFCF;
	background: #E5E5E5;
	width: 180px;
}

.content-box-right
{
	border: 1px solid #CDCFCF;
	background: #E5E5E5;
	width: 180px;
}

.content-box-middle
{
	border: 1px solid #CDCFCF;
	background: #E5E5E5;
	width: 560px;
}

.content-box-wide
{
	border: 1px solid #CDCFCF;
	background: #E5E5E5;
	width: 560px;
}*/

/*
======================================================
>>ABOUT US
======================================================
*/

.profilePicture
{
	float: left;
	width: 130px;
	height: 120px;
}

.profileText
{
	float: left;
	width: 470px;
}

/*
======================================================
>>REFERENCES
======================================================
*/

.referenceFloated{
	width: 133px;
	height: 133px;
	float: left;
	margin: 10px;
	text-align: center;
}

.referenceFloated img{
	border: 1px solid #D3D5D5;
	border: none;
}

.reference
{
	width: 100%;
}

.referencePicture
{
	float: left;
	width: 130px;
	height: 120px;
}

.referenceMiddleDiv
{
	background:url(../images/comment_arrow2.png) no-repeat;
	width: 32px;
	height: 32px;
	float: left;
	position: relative;
	top: 20px;
	left: 1px;
}

.referenceText
{
	/*float: left;*/
	width: 438px;
}

.reference-inner-content
{
	border: 1px solid #D3D5D5;
	background: #ffffff url(../images/box-trans.png) repeat-x;
	padding: 10px;
	float: left;
	/*margin-top: 5px;*/
	margin-bottom: 20px;
}

/*
======================================================
>>FOOTER
======================================================
*/

div#footer {
width: 100%;
height: 200px;
/*background: #44403C;*/
/*background: url(../images/footer-bg.png) repeat-x;*/
/*background: url(../images/footer_bgtop.png) repeat-x;*/
color: #666666;
}	

div#footer-top
{
	width: 100%;
	height: 17px;
	background: url(../images/footer_bgtop.png) repeat-x;
}

/*div#footer-bottom
{
	width: 100%;
	height: 45px;
	background: url(../images/footer-bottom.png) repeat-x;
}*/

div#footer-container
{
	width: 100%;
	height: 183px;
	background: #E5E5E5;
}

div#footer-content
{
	width: 1000px;
	height: 100%;
	margin: 0 auto;
}

div#footer-contact
{
	width: 600px;
	text-align: left;
	margin: 0 auto;
}

/*div#footer-address
{
	width: 450px;
	float: right;
	margin-right: 10px;
	text-align: left;
}*/

div#footer-contact h2, div#footer-address h2 
{
	font-size: 13px;
	font-weight: bold;
	font-family: Calibri, Arial;
	padding: 0px;
	margin: 0px;
}

div#footer-contact span, div#footer-address span
{
	display: inline;
	color: #F47C20;
}

/*.contactTable td.left
{
	border-right: 1px solid #EFEFEF;
}

.contactTable td.right
{
	border-left: 1px solid #CDCFCF;
}*/

div#copyright
{
	font-size: 13px;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

.footer-content-box
{
	border: 1px solid #CDCFCF;
	background: #EFEFEF url(../images/box-trans.png) repeat-x;
	/*width: 100%;*/
	padding: 20px;
	margin: 10px 0px 10px 0px;
	/*position: relative;
	top: -40px;*/
}

/*
======================================================
>>EMBED AND VIDEO
======================================================
*/
.embedDiv
{
	display: none;
}

/*
======================================================
>>TABS
======================================================
*/
div.tabs
{
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
}

div.tabs a
{
	float: left;
	margin-right: 5px;
}


div.tabs a span
{
	display: block;
	padding: 8px;
	border: 1px solid #D3D5D5;
	position: relative;
	top: 1px;
	background: #F4F4F2 url(../images/box-trans.png) repeat-x;
	background-position: bottom left;
	/*background: #E5E5E5;*/
	color: gray;
	border-bottom: none;
	padding-bottom: 8px;
	outline: none;
}

div.tabs a.active span
{
	position: relative;
	top: 1px;
	background: #F4F4F2 url(../images/box-trans.png) repeat-x;
	background-position: bottom left;
	border-bottom: none;
	/*background: #0068B5;*/
	/*border-bottom: 1px solid #F4F4F2;*/
	color: #424242;
	padding-bottom: 9px;
}

div.tabs a:hover, div.tabs a:hover span
{
	color: #424242;
	text-decoration: none;
}

div.tabs a.active:hover, div.tabs a.active:hover span
{
	cursor: default;
	text-decoration: none;
}

/*
======================================================
>>MINDMAPS
======================================================
*/

div#videoplattform
{
	background: url(../images/circle.png) no-repeat;
	width: 600px;
	height: 600px;
	/*border: 1px solid red;*/
}


#dynamic-content
{
	position: relative;
	zoom: 1;
}