img {behavior:url(/iepngfix.htc);}

body {
	margin: 0;
	font-family: arial;
	font-size: 0.8em;
	color: #3e4648;
}

iframe
{
    border:1px;
}

img {
	border: none 0px;
}

#centersite {
	width: 890px;
	margin: 0px auto;
}

#top-balk {
	float: left;
	width: 890px;
	height: 65px;
	margin-top: 19px;
}

.taal
{
    float:right;
    text-align:right;
    width: 890px;
}

#nav {
	float: left;
	width: 890px;
	height: 32px;
	margin-top: 21px;
	background: url(images/bg-nav.jpg) no-repeat;
	text-align: right;
}

#nav ul 
{
	margin: 0;
	padding: 0;
	margin-right: 27px;
	margin-top: 2px;
	color: #02547d;
	height: 24px;
}

#nav ul li {
	display: inline;
	margin-left: 50px;	
}

#nav ul li a:link, #nav ul li a:visited {
	text-decoration: none;
	color: #02547d;
    padding: 6px 15px 0 15px;
    float:right;	
    height: 23px;
	border-right: 1px solid #e8f2f7;
	font-weight: bold;
	font: Arial;
	font-size: 1.1em;
}

#nav ul li a:link.last, #nav ul li a:visited.last, #nav ul li a:link#last, #nav ul li a:visited#last { 
    border-right: none;
}

#nav ul li a:hover, #nav u li a:active, #nav ul li a.active {
	color: #02547d;
	background: #ffffff;
}

#flash {
	float: left;
	width: 890px;
	height: 322px;
	margin-top: 17px;
}

#left {
	float: left;
	width: 464px;
	height: 100px;
	margin-top: 22px;
}

#left2 {
	float: left;
	display: inline;
	width: 683px;
	height: 100px;
	margin-top: 22px;
}

#left3 {
	float: left;
	display: inline;
	width: 300px;
	height: 100px;
	margin-top: 22px;
}

#left3 #video-top {
	float: left;
	display: inline;
	width: 300px;
	background: url(images/video-top.jpg) no-repeat;
	padding-top: 10px;
}

.title4 {
	height: 30px;
	color: #0a70a3;
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 10px;
}

.video {
	margin-left: 2px;
	margin-top: 10px;
}

.title1 {
	height: 30px;
	color: #03547e;
	font-size: 1.3em;
	font-weight: bold;
}

.title1 a
{
	color: #03547e;
}

.title1 a:hover
{
	text-decoration: none;
}

.title3 {
	height: 30px;
	color: #0a70a3;
	font-size: 1.2em;
	font-weight: bold;
}

#tab-box-top {
	float: left;
	display: inline;
	width: 464px;
	height: 502px;
	background: url(images/bg-tab-box.jpg) no-repeat;
	padding-top: 15px;
}

.latestAdd
{
	padding: 8px 5px 5px 5px;
	font-weight: bold;
	font-size: 1.1 em;
	color: #ffffff;
	background: url(images/bg_rc.jpg);
	margin: 2px 2px 2px 2px;
	margin-bottom: 2px;
}

#tab-scroll
{
    height: 468px;
    overflow: auto;
    margin-left: 1px;
}

#tab-scroll a
{
    display: block;
    padding: 0 0 0 10px;
    margin: 1px 0px;
    float:left;
    border: 0px;
    text-decoration:none;
    color: #3e4648;
    width: 430px;
    background: #f1f7fb url(images/arrow.jpg) no-repeat right center;
}

#tab-scroll a:hover
{
    cursor: pointer;
    background: #cce4f0 url(images/arrow-h.jpg) no-repeat right center;
}

#tab-scroll a img
{
    margin: 7px 25px 7px 10px;
    border: 0px;
}

#tab-scroll a span
{
    padding-top: 6px;
    padding-left: 10px;
    width: 300px;
    float:left;
    display:block;    
}	

#tab-scroll a span span.arrow
{
    color: #d0d0d0;	
    padding: 0px;
}





#tab-whitepapers {
	float: left;
	diplay: inline;
	height: 26px;
	width: 134px;
	margin-left: 10px;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 12px;
}

#tab-whitepapers a:link, #tab-whitepapers a:visited {
	color: #0a4166;
	text-decoration: none;
	background: url(images/bg-tab-item.jpg) no-repeat center top;
	height: 35px;
	width: 134px;
	padding-top: 8px;
	padding-bottom: 12px;
	padding-left: 40px;
	padding-right: 40px;
}

#tab-whitepapers a:hover, #tab-whitepapers #active {
	color: #0a4166;
	text-decoration: none;
	background: url(images/bg-tab-item-h.jpg) no-repeat center top;
	height: 35px;
	width: 134px;
	padding-top: 8px;
	padding-bottom: 12px;
	padding-left: 40px;
	padding-right: 40px;
}

#tab-webinars {
	float: left;
	diplay: inline;
	height: 26px;
	width: 134px;
	margin-left: 20px;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 12px;
}

#tab-webinars a:link, #tab-webinars a:visited {
	color: #0a4166;
	text-decoration: none;
	background: url(images/bg-tab-item.jpg) no-repeat center top;
	height: 35px;
	width: 134px;
	padding-top: 8px;
	padding-bottom: 12px;
	padding-left: 46px;
	padding-right: 46px;
}

#tab-webinars a:hover, #tab-webinars #active {
	color: #0a4166;
	text-decoration: none;
	background: url(images/bg-tab-item-h.jpg) no-repeat center top;
	height: 35px;
	width: 134px;
	padding-top: 8px;
	padding-bottom: 12px;
	padding-left: 46px;
	padding-right: 46px;
}

.link { font-family: Arial, Helvetica, sans-serif; color: #BC8F0D; text-decoration: underline; }
.link a{ font-family: Arial, Helvetica, sans-serif; color: #BC8F0D; text-decoration: underline; }
.link a:hover{ font-family: Arial, Helvetica, sans-serif; color: #BC8F0D; text-decoration: none; }

.tab-item {
	float: left;
	display: inline;
	width: 412px;
	background: #f1f7fb;
	margin-left: 2px;
	padding: 10px;
	padding-left: 19px;
/*	margin-top: 2px;*/
	cursor: pointer;
	border-bottom: solid 2px #ffffff;
}

.tab-item .icon{
    width: 65px;    
    text-align:left;
    float:left;
}

.tab-item .text {
	float: left;
	width: 300px;
	color: #3e4648;
	text-decoration: none;
}

.tab-item .text a:link {
	color: #3e4648;
	text-decoration: none;
}

.tab-item .arrow {
	float: right;
	width: 18px;
	height: 18px;
}

.tab-item .arrow img
{
    vertical-align: middle;
}

.tab-item .arrow .arrow-img:link, .tab-item .arrow .arrow-img:visited {
	background: url(images/arrow.jpg) no-repeat;
	width: 18px;
	height: 18px;
	display: block;
	padding-left: 5px;
}

.tab-item .arrow .arrow-img:hover, .tab-item .arrow .arrow-img:active {
	background: url(images/arrow-h.jpg) no-repeat;
	width: 18px;
	height: 18px;
	display: block;
	padding-left: 5px;
}
	

#tab-box-bottom {
	float: left;
	display: inline;
	width: 464px;
	height: 15px;
	background: url(images/bg-tab-box-bottom.jpg) no-repeat;
}

#middle {
	float: left;
	padding-left: 11px;
	margin-top: 22px;
	width: 204px;
}

.title2 {
	height: 30px;
	color: #976c0a;
	font-size: 1.3em;
	font-weight: bold;
}

#slide-box-top {
	float: left;
	display: inline;
	width: 208px;
	background: url(images/bg-slide-box.jpg) no-repeat;
}

#slide-box-bottom {
	float: left;
	display: inline;
	width: 208px;
	height: 15px;
	background: url(images/bg-slide-box-bottom.jpg) no-repeat;
}

#accordion {
	width: 202px;
	margin-top: 10px;
	margin-left: 3px;
	color: #a1710c;
}

#accordion .element {
	width: 194px;
}

#accordion .element .text {
	margin-left: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
}

.arrow-orange {
	float: left;
}

h3.toggler {
	cursor: pointer;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	background: url(images/bg_accordion.jpg);
	color: #ffffff;
	margin: 0;
	font-size: 1em;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 2px;
	margin-top: 1px;
	height: 21px;
}

#right {
	float: right;
	width: 196px;
	height: 100px;
	padding-left: 10px;
	margin-top: 51px;
}

#right2 {
	float: left;
	display: inline;
	width: 194px;
	height: 100px;
	margin-left: 13px;
	margin-top: 50px;
}

#right2 #downloads-top {
	float: left;
	display: inline;
	width: 194px;
	background: url(images/downloads-top.jpg) no-repeat;
	padding-top: 20px;
}

#titleCss {
	margin-left: 15px;
	color: #0a70a3;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 15px;
}

#right2 #downloads-top ul {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: 15px;
	width: 164px;
}

#right2 #downloads-top ul li {
	background: url(images/pdf.jpg) no-repeat left top;
	padding-left: 25px;
	padding-bottom: 15px;
}

#right2 #downloads-top ul li a:link, #right2 #downloads-top ul li a:visited {
	color: #092a3b;
	text-decoration: none;
}

#right2 #downloads-top ul li a:hover {
	color: #092a3b;
	text-decoration: underline;
}

#right3 {
	float: left;
	display: inline;
	width: 555px;
	height: 100px;
	margin-top: 22px;
	margin-left: 22px;
}


#leftContent
{
    float:left;
    width: 684px;
    padding: 10px 10px 0 0;
}

.leftText
{
    width: 600px;
    padding-right: 50px;
    display: inline;
}

#leftContent div
{
    padding-bottom: 10px;
}


#leftContent h1, #centersite h1
{
    color: #0a4166;
    padding-top: 20px;
    font-size: 1.7em;
    float:left;
    width: 890px;
}

#leftContent h2
{
    color: #0a70a3;
    font-size: 1.3em;
}

#rightButton
{
    float:left;
    width: 194px;
    padding: 10px 0 0 0;   
}

#rightButton h2
{
    color: #0a4166;
    font-size: 1.7em;
    padding-bottom: 9px;
}


#rightButton img
{
    padding-bottom: 10px;
}

a#tellAFriend img
{
    background: url(images/tellafriend.gif) no-repeat top right;
}

a#tellAFriend:hover img
{
    background: url(images/tellafriend_h.gif) no-repeat top right;
}

a#tellAFriend_de img
{
    background: url(images/tellafriend_DE.gif) no-repeat top right;
}

a#tellAFriend_de:hover img
{
    background: url(images/tellafriend_DE_h.gif) no-repeat top right;
}

a#tellAFriend_fr img
{
    background: url(images/tellafriend_FR.gif) no-repeat top right;
}

a#tellAFriend_fr:hover img
{
    background: url(images/tellafriend_FR_h.gif) no-repeat top right;
}


/*** slider ***/

.basic  {
	margin: 15px 2px 5px 2px;
	height: 499px;
}
.basic div {
	background-color: #fdfcef;
}

.basic p {
	margin-bottom : 2px;
	border: none;
	text-decoration: none;
	font-size: 0.9em;
	margin: 0px;
	padding: 10px;
	padding-bottom: 0px;
	color: #b6880e;
}

.basic p a
{
    background: none;
	color: #b6880e;
	padding-left: 0px; 
}

.basic p a:hover
{
    background: none;
}

.basic a 
{
	cursor:pointer;
	display:block;
	padding:7px 5px 8px 5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	background-color: #00a0c6;
	border-top: 1px solid #FFFFFF;
	background-image: url(images/bg_accordion_h.jpg);
}
.basic a:hover {
	background-color: white;
	background-image: url(images/bg_accordion_h.jpg);
}
.basic a.selected {
	color: white;
	background-color: #80cfe2;
	background-image: url(images/bg_accordion_h.jpg);
}


/*** form ***/

.elqfield
{
    border: 1px solid #999999;
    float:left;
}

td
{
    vertical-align: top;
}

select
{
    width: 275px;
}

table
{
    font-size: 1.0em;
    padding-top: 0px;
    margin-top: 0px;
}

.btnMore
{
    background:none;
    border: none;
	color: #b6880e;
	padding-left: 0px; 
     cursor:pointer;
     font-weight: bold;
     font-size: 1.0em;
     float:left;
     text-align:left;
    
}

.arrowBtn
{
    float:right;
}

#footer
{
    float:left;
    background: url(images/footer.gif) bottom left;
    height: 147px;
    margin-top: 50px;
    width: 890px;
    color: #ffffff;
    font-size: 0.85em;
}

#footer #rightLinks
{
    float:left;
    
    padding: 5px;
    padding-top: 65px;
}

#footer #rightLinks a
{
    color: #ffffff;
    padding: 0 20px;
}

#footer #leftCopy
{
    float:right;
    padding: 5px;
    padding-top: 65px;
}


.leftText a
{
    font-weight: bold;
}

/*** resources ***/

.resourceTop
{
    width: 680px;
    background:url(images/bgKader.gif) top no-repeat;
    float:left;
    padding-top: 14px;
}

.resourceTop div
{
    margin: 1px;
    padding: 0px;    
}

.resourceTop a
{
	display: block;
	margin: 1px 0px 0px 5px;
	float: left;
	border: 0px;
	text-decoration: none;
	font-weight: normal;
	color: #3e4648;
	width: 655px;
	background: #f1f7fb url(images/arrow.jpg) no-repeat right center;
}

.resourceTop a:hover
{
    cursor: pointer;
    background: #cce4f0 url(images/arrow-h.jpg) no-repeat right center;
}

.resourceTop a img
{
    margin: 7px 25px 7px 10px;
    border: 0px;
}

.resourceTop a span
{
    padding-top: 6px;
    padding-left: 10px;
    width: 515px;
    float:left;
    display:block;    
}	

.resourceTop a span span.arrow
{
    color: #d0d0d0;	
    padding: 0px;
}

.resourceBottom
{
    float:left;
    width: 680px;
    background: url(images/kaderBottom.gif) top no-repeat;
}

#legende
{
    display: inline;    
    background: url(images/bgLegende.gif) top no-repeat;
    width: 194px;
    float: left;
    padding: 15px 0 0px 0px;
    text-align:center;
}

#legende table
{
    float: right;
    text-align: left;
    width: 175px;
}

#legendeBottom
{
    float:left;
    width: 194px;
    background: url(images/legendeBottom.gif) top no-repeat;
}