@charset "utf-8";
/* CAPABLE TECHNOLOGIES - CSS Document */
html, body { margin: 0px; padding: 0px; width: 100%; height: 100%;}
.fixed { position: fixed; top: 0px; bottom: 0px;}
a { outline: none;}

#container { margin: 0px; padding: 0px; width: 100%; height: 100%;}
#top { position: absolute; top: 0px; left: 0px;}
.trenner { float: left; display: inline; width: 160px; margin-left: 17px; height: 1px; overflow: hidden; border: none; background-color: #000; margin-top: 10px; margin-bottom: 10px;}

/* HEADER SECTION */
#header { position: absolute; width: 100%; top: 0px; left: 0px; height: 20px; background-color: #333333; z-index: 5; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #ffffff; overflow: hidden; }
#bookmark { float: left; margin-left: 39px; margin-top: 4px; width: 130px; display: inline; background-image: url(plus.gif); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 16px;}
#bookmark a{ text-decoration: none; color: #ffffff;}
#xing { float: left; margin-left: 39px; margin-top: 0px; height: 17px; display: inline; background-image: url(xing.gif); background-repeat: no-repeat; background-position: 0px 1px; padding-left: 18px; padding-top: 4px;}
#xing a{ text-decoration: none; color: #ffffff;}
/* SEARCH */
#search { float: left; display: inline; margin-left: 174px;}
#search #rexsearch_form { z-index: 4; margin: 0px; padding: 0px;}
#search #rexsearch_form .text{ position: relative; width: 156px; height: 10px; background-color: #ebebeb; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #333333; text-transform: uppercase; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; cursor: text; margin-top: 2px; padding-top: 2px; padding-right: 2px; padding-left: 2px; padding-bottom: 2px; }
#search #rexsearch_form input {}
#search #rexsearch_form .button { position: relative; z-index: 4; background-color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #ffffff; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; cursor: pointer; margin-top: 0px; margin-left: 9px; text-transform: uppercase; padding: 0px; margin-right: 0px; margin-bottom: -2px; }

/* LEFT SECTION */
#left { position: relative; float: left;   width: 964px; min-height: 100%; height: auto !important; height: 100%; z-index: 2; background-image: url(sidebar_bg.png); background-repeat: repeat-y; background-position: 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #2f2a26; }
#left_portal { position: relative; float: left;   width: 964px; min-height: 100%; height: auto !important; height: 100%; z-index: 2; background-image: url(sidebar_portal_bg.png); background-repeat: repeat-y; background-position: 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #2f2a26; }

/* MAIN SECTION */
#main { position: relative; float: left; width: 755px; margin-top: 0px; background-image: url(content_bg.jpg);  background-repeat: no-repeat; background-position: 0px 0px; z-index: 2; min-height: 400px; heigth: 400px;}
#main_portal { position: relative; float: left; width: 755px; margin-top: 0px; background-image: url(content_portal_bg.jpg);  background-repeat: no-repeat; background-position: 0px 0px; z-index: 2; min-height: 400px; heigth: 400px;}

/* LANGUAGE */
#language { float: left; width: 744px; padding-right: 11px; padding-top: 6px; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; text-transform: uppercase;}
#language .deutsch {}
#language .deutsch a { text-decoration: none; text-transform: uppercase; color: #666666; background-image: url(german_flag_default.gif); background-position: 0px 0px; padding-left: 20px; background-repeat: no-repeat; letter-spacing: 1px; }
#language .deutsch a:hover { background-image: url(german_flag_hover.gif); background-position: 0px 0px; background-repeat: no-repeat; }
#language .english {}
#language .english a { text-decoration: none; text-transform: uppercase; color: #666666; background-image: url(english_flag_default.gif); background-position: 0px 0px; padding-left: 35px; background-repeat: no-repeat; letter-spacing: 1px;}
#language .english a:hover {background-image: url(english_flag_hover.gif); background-position: 0px 0px; background-repeat: no-repeat;}

/* LOGO */
#logo { float: left; width: 100%; margin-top: 30px; margin-bottom: 60px;}
#logo img{ margin-left: 159px;}
#tabs { float: left; width: 100%; }

/* NAVIGATION */

/* 1ST LEVEL */
#menu ul.rex-navi1 { margin-left: 26px; margin-top: 9px; }
#menu ul.rex-navi1 li{ padding-top: 5px; padding-bottom: 5px; padding-left: 20px;}
#menu ul.rex-navi1 li.rex-normal { color: #666666; font-weight: bold;}
#menu ul.rex-navi1 li.rex-normal a{ color: #666666; font-weight: bold; text-decoration: none;}
#menu ul.rex-navi1 li.rex-normal a:hover{ color: #004780;}
#menu ul.rex-navi1 li.rex-active { color: #004780; font-weight: bold; }
#menu ul.rex-navi1 li.rex-active a{ color: #004780;}
#menu ul.rex-navi1 li.rex-current { color: #004780; font-weight: bold; background-image: url(nav_icon.gif); background-repeat: no-repeat; background-position: 3px 5px;}
#menu ul.rex-navi1 li.rex-current a{ color: #004780; font-weight: bold;}

/* 2ND LEVEL */
#menu ul.rex-navi2 { padding-top: 5px;}
#menu ul.rex-navi2 li{ padding-top: 5px; padding-bottom: 3px; background-image: none;}
#menu ul.rex-navi2 li.rex-normal{ font-weight: normal; padding-left: 14px; color: #666666;}
#menu ul.rex-navi2 li.rex-normal a{ font-weight: normal; color: #666666;}
#menu ul.rex-navi2 li.rex-current { color: #004780; font-weight: normal; padding-left: 14px; background-image: url(nav_icon.gif); background-repeat: no-repeat; background-position: 5px 6px;}
#menu ul.rex-navi2 li.rex-current a{ color: #004780; font-weight: normal;}

/* 3ND LEVEL */
#menu ul.rex-navi3 { padding-top: 5px;}
#menu ul.rex-navi3 li{ padding-top: 5px; padding-bottom: 3px; background-image: none;}
#menu ul.rex-navi3 li.rex-normal{ font-weight: normal; padding-left: 14px; color: #666666;}
#menu ul.rex-navi3 li.rex-normal a{ font-weight: normal; color: #666666;}
#menu ul.rex-navi3 li.rex-current { color: #004780; font-weight: normal; padding-left: 14px; background-image: url(nav_icon.gif); background-repeat: no-repeat; background-position: 5px 6px;}
#menu ul.rex-navi3 li.rex-current a{ color: #004780; font-weight: normal;}

/* TABS */
.firstnav-active { float: left; width: 217px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-transform: uppercase; background-image: url(menu_tab_active.gif); background-repeat: no-repeat; background-position: 0px 0px; margin-top: 3px;}
.firstnav-passive { float: left; width: 217px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-transform: uppercase; background-image: url(menu_tab_passive.gif); background-repeat: no-repeat; background-position: 0px 0px; height: 34px;}
#menu a {text-decoration: none;}
.tabtwo-active { position: relative; float: left; width: 538px; height: 34px; background-image: url(tab_two_active.gif); background-repeat: no-repeat; background-position: 0px 0px;}
.tabtwo-passive { position: relative; float: left; width: 538px; height: 34px; background-image: url(tab_two_passive.gif); background-repeat: no-repeat; background-position: 0px 0px; margin-top: 3px;}
.tab_training { float: left; display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-left: 45px; margin-top: 10px;}
.tabtwo-active .tab_training a{ text-decoration: none; color: #004780; font-weight: bold; text-transform: uppercase;}
.tabtwo-passive .tab_training a{ text-decoration: none; color: #666; font-weight: bold; text-transform: uppercase;}
.tab_company { float: left; display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-left: 45px; margin-top: 10px;}
.firstnav-active .tab_company a{ text-decoration: none; color: #004780; font-weight: bold; text-transform: uppercase;}
.firstnav-passive .tab_company a{ text-decoration: none; color: #666; font-weight: bold; text-transform: uppercase;}

/* TIME */
#time { float: right; font-family: Arial, Helvetica, sans-serif; font-size: 10px; margin-right: 11px; margin-top: 10px; display: inline;}
#time .date { color: #333333; padding-right: 3px;}
#time .time { color: #acaaa8;}

/* BREADCRUMP */
#breadcrumb { float: left; width: 521px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; margin-top: 27px; margin-left: 17px; display: inline;}
#breadcrumb .rex-breadcrumb { float: left; display: inline;}
#breadcrumb .rex-breadcrumb li{ float: left; display: inline; color: #999999; padding-right: 4px;}
#breadcrumb .rex-breadcrumb li a{ color: #333333; text-decoration: none;}

/* CONTENT */
#content { position: relative; float: right; width: 538px; padding-bottom: 70px; z-index: 0; }
#content .tinymcewysiwyg { float: left; display: inline; width: 491px; margin-left: 17px; margin-top: 16px; z-index: 1;}
#content .tinymcewysiwyg h1{ text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; color: #000; padding-bottom: 25px;}
#content .tinymcewysiwyg h2,h3,h4,h5,h6{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #2f2a26; padding-bottom: 10px;}
#content .tinymcewysiwyg p{ padding-bottom: 10px;}
#content .tinymcewysiwyg a{ text-decoration: underline; color: #000; font-weight: bold;}
#content .tinymcewysiwyg a:hover{ color: #00c6ff;}
/*TRAININGSPORTAL */
#main_portal #content .tinymcewysiwyg h1{ text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; color: #004780; padding-bottom: 25px;}
#trainingslinks { float: left; width: 192px; padding-left: 25px; margin-top: 68px;}
#trainingslinks ul li { padding-bottom: 10px; padding-left: 20px; background-image: url(nav_dots.gif); background-repeat: no-repeat; background-position: 2px 19px;}
#trainingslinks ul li a{ color: #666666; text-transform: none; text-decoration: none;}
#trainingslinks ul li a:hover{color: #004780;}


#content .tinymcewysiwyg ul{ padding-top: 4px;}
#content .tinymcewysiwyg ul li{ padding-bottom: 14px; padding-left: 30px; background-image: url(listitem.gif); background-repeat: no-repeat; background-position: 14px 5px; }
#content .tinymcewysiwyg ul li ul{ padding-top: 0px;}
#content .tinymcewysiwyg ul li ul li{ padding-top: 14px; padding-bottom: 0px; padding-left: 16px; background-image: url(listitem.gif); background-repeat: no-repeat; background-position: 0px 19px; }
#content .tinymcewysiwyg table tr {}
#content .tinymcewysiwyg table tr td{ padding-right: 10px; padding-bottom: 10px; vertical-align: top;}

/* CONTENT IMAGES */
#content .content_image {float:left; margin-left:17px;}
#content .content_image img{}

/* REFERENZEN */
.ref-table {}
.ref-table tr td{ padding-right: 20px !important; padding-bottom: 20px !important;}

/* FLASH CONTENT */
#flashcontent { margin-top: 300px; /* background-image: url(dots.gif); background-repeat: repeat-x; background-position: 0px bottom; */  outline: none;}

/* VIMEO */
.vimeo_player { margin-left: 17px;} 

/* MAPS */
#map_canvas { margin-left: 17px;} 

/* KONTAKT */
.formular { float: left; display: inline; width: 491px; margin-left: 17px; margin-top: 16px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.formular .error { padding-bottom: 10px;}
.formular table { padding: 0px; margin: 0px;}
.formular table td .error { padding-left: 20px;}
.formular table td.label { padding-right: 20px; padding-left: 0px;}
.formular table td.label p{ padding: 0px;}
.formular table td { padding-bottom: 8px; vertical-align: top;}
.formular textarea { border: 1px solid #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 178px; height: 160px;}
p.required { display: none;}
/* DEUTSCH */
#f1_field1, #f1_field2, #f1_field3, #f1_field4, #f1_field5, #f1_field6 { border: 1px solid #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#f1_submit { border: 1px solid #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FFF;}
/* ENGLISCH */
#f2_field8, #f2_field9, #f2_field10, #f2_field11, #f2_field12, #f2_field13, #f2_field14 { border: 1px solid #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#f2_submit { border: 1px solid #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FFF;}

/* DOWNLOAD ITEMS */
.download_item_first { float: left; display: inline; width: 497px; margin-right: 14px; margin-left: 17px; background-image: url(dots.gif); background-repeat: repeat-x; background-position: 0px 0px; padding-top: 16px; z-index: 3; padding-bottom: 8px; margin-top: 10px;}
.download_item_first a{ font-size: 10px; color: #666666; text-transform: uppercase; padding-left: 24px; background-image: url(link_arrow.gif); background-repeat: no-repeat; background-position: 15px 4px; }
.download_item_first a:hover{ color: #00c6ff; background-image: url(link_arrow_hover.gif); background-repeat: no-repeat; background-position: 15px 4px;}
.download_item { float: left; display: inline; width: 497px; margin-right: 14px; margin-left: 17px; padding-bottom: 8px; z-index: 3;}
.download_item a{ font-size: 10px; color: #666666; text-transform: uppercase; padding-left: 24px; background-image: url(link_arrow.gif); background-repeat: no-repeat; background-position: 15px 4px; }
.download_item a:hover{ color: #00c6ff; background-image: url(link_arrow_hover.gif); background-repeat: no-repeat; background-position: 15px 4px;}

/* SIDEBAR */
#sidebar { position: relative; float: left; width: 209px; margin-top: 20px; }

/* RIGHT SECTION */
#right { position: fixed; left: 755px; top: 0px; min-height: 100%; height: auto !important; height: 100%; z-index: 1; overflow: hidden;}
#right img{ position: fixed; left: z-index: 1; }
#right #fancysupersize-content { opacity:1 !important; }

/* SEARCHRESULTS */
.searchresults { float: left; display: inline; width: 491px; margin-left: 17px; margin-top: 16px;}
.searchresults li{ float: left; display: inline; padding-bottom: 24px; margin-bottom: 24px; background-image: url(search_dotline.gif); background-repeat: no-repeat; background-position: left bottom; }
.searchresults li h2{ float: left; display: inline; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; color: #000; padding-bottom: 8px;}
.searchresults li h2 a{ text-decoration: none; color: #000; font-weight: normal;}
.searchresults li h2 a:hover{ text-decoration: underline; color: #000;}
.searchresults a{ text-decoration: underline; color: #000; font-weight: bold;}
.searchresults a:hover{ color: #00c6ff;}
.searchresults .search_description { float: left; display: inline; width: 491px;}
.searchresults .search_url { float: left; display: inline; width: 491px; margin-top: 4px;}

/* TAG CONTENT */
#tagcontent { float: left; display: inline; width: 491px; margin-left: 17px; margin-top: 16px;}
#tagcontent h1{ text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; color: #000; padding-bottom: 30px;}
#tagcontent .tagname {}
#tagcontent li{ float: left; display: inline; padding-bottom: 24px; margin-bottom: 24px; background-image: url(search_dotline.gif); background-repeat: no-repeat; background-position: left bottom; }
#tagcontent li h2{ float: left; display: inline; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; color: #000; padding-bottom: 8px;}
#tagcontent li h2 a{ text-decoration: none; color: #000; font-weight: normal;}
#tagcontent li h2 a:hover{ text-decoration: underline; color: #000;}
#tagcontent .tags_teaser { float: left; display: inline; width: 491px;}
#tagcontent a{ text-decoration: none; color: #000;}
#tagcontent a:hover{ text-decoration: underline; color: #000;}
#tagcontent .tags_teaser:hover{ text-decoration: underline; color: #000;}


/* FOOTER */
#footer { position: absolute; float: left; left: 0px; bottom: 0px; width: 755px; height: 292px; background-image: url(footer_wave.png); background-repeat: no-repeat; background-position: left bottom;}
#footer_portal { position: absolute; float: left; left: 0px; bottom: 0px; width: 755px; height: 292px; background-image: url(footer_wave_portal.png); background-repeat: no-repeat; background-position: left bottom;}
#footercontent { position: absolute; right: 0px; bottom: 0px; margin-right: 5px; padding-top: 18px; padding-bottom: 10px; width: 529px; background-image: url(dots.gif); background-repeat: repeat-x; background-position: 0px 0px; font-size: 9px; z-index: 5;}
#footercontent .copy { float: left; display: inline; padding-left: 8px; padding-right: 26px; z-index: 4;}
#footercontent a{ float: left; display: inline; text-decoration: none; text-transform: uppercase; color: #666666; font-weight: bold; z-index: 5;}
#footercontent a:hover{ color: #004780;}
#footercontent .footer_item { float: left; margin-right: 20px; display: block;}
#footercontent .toplink{ float: right; display: inline; text-decoration: none; text-transform: uppercase; color: #666666; font-weight: bold; background-image: url(topicon.gif); background-repeat: no-repeat; background-position: right 1px; padding-right: 16px;}