@charset "utf-8";
/**
 **************************************************
 * RITTAL Partner Portal
 * main.css
 *
 * @author:conception Kommunikationsagentur GmbH
 * @version:1.0
 **************************************************
**/

/**
 **************************************************
 * CSS RESET
 **************************************************
**/

* {-webkit-margin-top-collapse:collapse; -webkit-margin-bottom-collapse:collapse; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption /*, tbody, tfoot, thead, tr, th, td*/ { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
table {	border-collapse:collapse; border-spacing:0; }
h1, h2, h3, h4, h5, h6, strong, b, th, dt {	font-size:100%; font-weight:normal; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
img, abbr, acronym { border:0; }
em, i, dfn, cite, var, address { font-style:normal; }
pre, code { font-family:'courier new', courier, mono; font-size:12px; }
q:before, q:after { content:''; }
:focus { outline:0; }

/**
 **************************************************
 HELPER
 **************************************************
**/
.clearOnly { clear:both; }
.clear { clear:both; height:0; font-size:0; line-height:0; }
.left { float:left; }
.right { float:right; }
.noPadding { padding:0 !important; }
.noMargin { margin:0 !important; }
.none { display:none !important; }
.hidden { visibility:hidden !important; }
.error { color:#e50043 !important; border-color:#e50043 !important; }
.sprite, .sprite a { text-indent:-9999px; font-size:0; line-height:0; }
.clearfix:after { content:"."; display:block; height:0; font-size:0; line-height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
li.clearfix {float:inherit !important; border:none !important; background: none !important; padding:0 !important;}
/* Hide from IE Mac \*/.clearfix { display:block; }

/* clearfix */
.clr:before,
.clr:after{content:"\0020";	display:block;	height:0;	visibility:hidden;}
.clr:after{clear:both;}
.clr{zoom:1;}

.mt8 {margin-top:8px;}

/**
 **************************************************
 GENERAL
 **************************************************
**/

body { font-family:Arial,sans-serif; font-size:13px;  color: #fff; background: url(../img/bg-repeat.jpg) 0 0 repeat-x #000;}
body.login {background: url(../img/bg-repeat-start.jpg) 0 0 repeat-x #000;}
strong {font-weight:bold;}

h1 {font-size: 26px; margin-bottom: 10px;}
h2 {font-size: 20px; margin-bottom: 8px;}
h3 {font-size: 16px; margin-bottom: 6px;}



.logo {display:block; width: 215px; height: 55px; background:url(../img/logo_de.jpg) 0 0 no-repeat; }
.en .logo,
.es .logo,
.fr .logo,
.ru .logo { background:url(../img/logo_en.jpg) 0 0 no-repeat;}

.page {width: 100%; min-height: 460px; background:url(../img/bg.jpg) top center no-repeat; padding-bottom: 140px;}
.login .page {background:url(../img/bg-start.jpg) top center no-repeat;}
.info .page {background:url(../img/bg-info.jpg) center -3px no-repeat;}
.page .inner {width: 984px; min-height: 1px; margin: 0 auto; position:relative;}

a {color: #fff;}

a.more {background-image: url(../img/arrow-right.png); background-position:0 4px; background-repeat:no-repeat; padding-left: 13px; color: #fff; text-decoration:none;}
a.more:hover {text-decoration:underline;}

a.back {background-image: url(../img/arrow-left.png); background-position:0 3px; background-repeat:no-repeat; padding-left: 13px; color: #fff; text-decoration:none; text-decoration:underline;}
a.back:hover {text-decoration:none;}

a.ln {text-decoration:underline;}
a.ln:hover {text-decoration:none;}

.button {cursor:pointer;}

.button {display:inline-block; height: 25px; padding-right: 4px;  background-image: url(../img/btn.png); background-position:100% -25px; background-repeat: no-repeat; text-decoration:none; color: #fff; }
.button span,
.button input[type=submit] {display:block; background: url(../img/btn.png) 0 0 no-repeat; font-size:12px; color: #fff; height: 19px; padding: 6px 6px 0 10px; border:none;}
.button:hover {background-position:100% -75px;}
.button:hover span,
.button:hover input[type=submit] {background-position:0 -50px; cursor:pointer;}
.button.more {padding-left: 0; }
.button.more:hover {text-decoration:none;}

.button input[type=submit] {height: 25px; padding: 0 6px 0 10px; }


.button.small {display:inline-block; height: 16px; padding-right: 3px;  background-image: url(../img/btn-small.png); background-position:100% -32px; background-repeat: no-repeat; text-decoration:none; color: #fff; line-height:1.0;}
.button.small span {display:block; background-image: url(../img/btn-small.png); background-position:0 -16px; background-repeat: no-repeat; font-size:11px; color: #fff; height: 14px; padding: 2px 6px 0 6px;}
.button.small.more span { background-position:0 0; padding: 2px 6px 0 16px;}
.button.small:hover {background-position:100% -80px;}
.button.small:hover span {background-position:0 -64px;}
.button.small.more:hover span {background-position:0 -48px;}

.button.small.grey {background-position:100% -80px;}
.button.small.grey span {background-position:0 -64px;}
.button.small.grey.more span {background-position:0 -48px;}

.button.delete {display:inline-block; height: 24px; padding-left: 23px;  background-image: url(../img/btn-delete.png); background-position:0 -24px; background-repeat: no-repeat; text-decoration:none; color: #fff;}
.button.delete span {display:block; background-image:url(../img/btn-delete.png); background-position:100% 0; background-repeat:no-repeat; font-size:11px; color: #A2A2A2; height: 24px; padding: 5px 10px 0 2px;}
.button.delete:hover {background-position:0 -72px; }
.button.delete:hover span {background-position:100% -48px;}

.select-field {background-image: url(../img/select-btn-bg.png); background-position: 100% 0; background-repeat: no-repeat; cursor:pointer; position:relative; *background-position: 100% 1px;}
.select-field input {display:block; color: #fff; border:none; font-size:11px; width: 115px; height: 18px; line-height:18px; background:url(../img/select-bg.png) 0 0 no-repeat; margin-right: 18px; padding-left: 5px; cursor:pointer;  *padding-top:1px;}
.select-field ul {display:none; min-width: 100%; z-index:1000; position:absolute; min-height: 1px; background: #555555; list-style:none; padding: 1px 0; margin-top:1px; *margin-top:-1px;}
.select-field ul li {}
.select-field ul li a {display:block; padding: 3px 5px; color: #fff; text-decoration:none; font-size:11px;}
.select-field ul li a:hover {text-decoration:underline;}

.select-field.large {background-image: url(../img/select-large-btn-bg.png); *background-position: 100% 1px;}
.select-field.large input {display:block; color: #000; border:none; font-size:13px; width: 70px; height: 22px; background:url(../img/select-large-bg.png) 0 0 no-repeat; margin-right: 28px; padding-left: 8px; cursor:pointer;  *padding-top:3px;}
.select-field.large ul {background: #E0E0E0; padding: 0px 0;}
.select-field.large ul li a {color: #000; text-decoration:none; padding-left: 8px; font-size:13px;}
.select-field.large ul li a:hover {background-color:#e50043; color:#fff;}

.select-field.contact {background-image: url(../img/select-large-white.png); background-position:100% -42px; *background-position: 100% -41px; display:inline-block; *display:inline; zoom: 1; position:relative;}
.select-field.contact input {display:block; color: #000; border:none; font-size:11px; padding: 7px 0 7px 8px; line-height:1.0; height: 13px; width: 419px; background:url(../img/select-large-white.png) 0 0 no-repeat; cursor:pointer; margin-right:30px; *padding-top:7px;}
.select-field.contact ul {display:none; padding: 0px 0; width: 100%; z-index:1000; position:absolute; min-height: 1px; background: #E0E0E0; list-style:none; padding: 1px 0; margin-top:1px; *margin-top:-1px; max-height: 200px; overflow-y: scroll;}
.select-field.contact ul li a {display:block; padding: 3px 5px; color: #fff; text-decoration:none; color: #000; text-decoration:none; padding-left: 8px; font-size:11px;;}
.select-field.contact ul li a:hover {background-color:#e50043; color:#fff;}

.checkbox {display: block; padding: 2px 0 0 30px; cursor:pointer; position:relative; }
.checkbox span {display:block; width: 25px; position:absolute; left:0; top:0; background-image: url(../img/checkbox.png); background-position: 0 1px; background-repeat: no-repeat; height: 19px; }
.checkbox span.rittalCompanyName { display: inline; position: relative; background: none; }
.checkbox a {text-decoration:none; color: #fff; }
.checkbox a:hover {text-decoration:underline;}
.checkbox:hover span,
.checkbox.active span {background-position: 0 -30px;}

.input-with-button.large {background-position: 100% 0; background-repeat: no-repeat; position:relative; *background-position: 100% 1px;}
.input-with-button.large input {display:block; color: #000; border:none; font-size:13px; width: 70px; height: 22px; background:url(../img/select-large-bg.png) 0 0 no-repeat; margin-right: 28px; padding-left: 8px; cursor:pointer;  *padding-top:3px;}
.input-with-button .update-button {position:absolute; text-decoration:none; right: 0; top: 0; display:block; width: 33px; text-align:center; height: 19px; font-size:11px; color: #000; background-image:url(../img/input-update-button.png); background-position:top right; background-repeat:no-repeat; padding:5px 0 0 0; }
.input-with-button .update-button:hover {background-image:url(../img/input-update-button-hover.png); color: #fff; }


input, textarea {-webkit-appearance: none !important; border-radius: 0}
div.input.text {float:left; padding-right:4px; background-image:url(../img/input.png); background-position:100% -42px; background-repeat:no-repeat; zoom: 1;  *display: inline; *background-position:100% -41px; margin-right: 5px;}
input.text {display:block; padding: 7px 5px 7px 8px; border:none; background:none; background-image:url(../img/input.png);  background-position:0 0; background-repeat:no-repeat; height: 13px; margin:0; font-size:11px; color: #000;}
div.input.text.error {background-position:100% -126px; *background-position:100% -125px;}
.error input.text {background-position:0 -84px;}
div.input.hidden-input {display:none;}

div.input.select {float:left; padding-right:4px; background-image:url(../img/input.png); background-position:100% -42px; background-repeat:no-repeat; zoom: 1;  *display: inline; *background-position:100% -41px; margin-right: 5px;}
select.select {display:block; padding: 0 5px 0 4px; border:none; background:none; background-image:url(../img/input.png);  background-position:0 0; background-repeat:no-repeat; height: 27px; margin:0; font-size:11px; color: #000;}

select option {background: #fff;}

div.textarea.text {float:left; padding-right:4px; background-image:url(../img/textarea.png); background-position:100% -174px; background-repeat:no-repeat; zoom: 1;  *display: inline; *background-position:100% -174px;}
textarea.text {display:block; padding: 7px 5px 7px 8px; border:none; background:none; background-image:url(../img/textarea.png);  background-position:0 0; background-repeat:no-repeat; height: 143px; margin:0; font-size:11px; color: #000; font-family:Arial;resize: none;}

div.input.text.large {background-image:url(../img/input-large.png); background-position:100% -30px; *background-position:100% -29px;}
div.input.text.large input.text { font-size: 13px; background-image:url(../img/input-large.png);  height: 17px; }

div.input.text.small {background-image:url(../img/input-small.png); background-position:100% -24px; *background-position:100% -23px;}
div.input.text.small input.text { font-size: 11px; background-image:url(../img/input-small.png);  height: 17px; padding: 3px 5px 4px 8px; }

div.input.w-button.text.small {background: none; padding: 0; margin-right: 0;}
div.input.w-button.text.small input.text { font-size: 11px; background-image:url(../img/input-small.png);  height: 17px; padding: 3px 5px 4px 8px; }

div.input.submit {float:left; padding-top: 1px; margin-right: 5px;}

div.input.text .errors {position:absolute; list-style:none; padding: 3px 8px; border: 1px solid #e50043; border-radius: 3px; color: #fff; z-index:999; background: #000; margin-top: 5px;}
div.input.text .errors li {margin-bottom: 0; line-height: 1.5;}

div.input.select .errors {position:absolute; list-style:none; padding: 3px 8px; border: 1px solid #e50043; border-radius: 3px; color: #fff; z-index:999; background: #000; margin-top: 5px;}
div.input.select .errors li {margin-bottom: 0; line-height: 1.5;}

.other-field {display:none;}

/**
 **************************************************
 HEADER (LOGO / META-NAV / NAV)
 **************************************************
**/

.page-header {}
.page-header .logo-box {float:left; margin-top:26px; height: 74px; }
.page-header .meta-nav {float:right; margin-top:64px; height: 30px; }

.meta-nav {font-size:11px;}
.meta-nav ul {list-style:none; }
.meta-nav ul li {float:left; border-left:1px solid #fff;}
.meta-nav ul li.first {border-left:none;}
.meta-nav ul li.last {}
.meta-nav ul li a {display:block; padding: 0 6px; color:#E6E6E6; text-decoration:none;}
.meta-nav ul li a:hover {text-decoration:underline;}

.main-nav {width: 980px; height: 28px; background:url(../img/nav-bg.jpg) 0 0 no-repeat; padding: 2px; position:relative; }
.main-nav ul.nav {float:left; list-style:none; padding-right: 1px; background:url(../img/nav-btn-last.png) top right no-repeat;}
.main-nav ul.nav li {float:left; background:url(../img/nav-btn-bg.png) left center no-repeat; height: 28px; border-right:1px solid #000; }
.main-nav ul.nav li.first {background:url(../img/nav-btn-bg-first.png) left center no-repeat; }
.main-nav ul.nav li:hover,
.main-nav ul.nav li.active {background:url(../img/nav-btn-bg-hover.png) left center no-repeat; }
.main-nav ul.nav li.first:hover,
.main-nav ul.nav li.first.active {background:url(../img/nav-btn-bg-first-hover.png) left center no-repeat; }
.main-nav ul.nav li a {display:block; padding: 8px 12px 6px 12px; text-transform:uppercase; color: #fff; font-weight:bold; font-size:11px; text-decoration:none;  }
.main-nav ul.nav li.sub {border-right: 0; }
.main-nav ul.nav li.sub a {float:left;}
.main-nav ul.nav li.sub a.down {float:left;display:block; width: 15px; height: 28px; line-height:28px; background:url(../img/nav-btn-dropdown.png) 0 0 no-repeat; padding: 0; border-right: 1px solid #000;}
.main-nav ul.nav li.sub:hover a.down {background-position:-15px 0; border-right: 1px solid #EE318B;}

.main-nav .language-select {font-size:11px; color: #E6E6E6; float:right; margin-right: 5px; background:url(../img/nav-seperator.png) left center no-repeat; padding-left: 10px; margin-left:10px; height: 28px;}
.main-nav .language-select .language-info {float:left; margin-top:7px; margin-right: 10px; }
.main-nav .language-select .select-field {float:left; margin-top:4px; *margin-top:3px;}

.main-nav .welcome-msg {float:left; font-size: 11px; color: #fff; padding: 8px 0 0 15px; }
.main-nav .btn-app-finder {width: 101px; height: 17px; position: absolute; right: 6px; top: 5px; font-size: 11px; font-weight:bold; text-align:right; padding: 5px 10px 0 0; background-image:url(../img/btn-app-finder.png); background-position:top right; background-repeat:no-repeat; text-decoration:none;}

.main-nav .back-link {position: absolute;   margin-top: 0px;   font-size: 12px;  letter-spacing: 0;  text-decoration: none;  right: 12px;  top: 9px; font-weight:bold;}
.main-nav .back-link:hover {text-decoration:underline;}

/* APP DRAWER */
.app-drawer { display:none; border-top:none; position:absolute; top:100px; width: 984px; z-index:1000; height:528px; overflow:hidden;}
.app-drawer .app-drawer-inner {padding: 30px 0px 30px 38px; position:relative; }
.app-drawer .title {font-size:15px; font-weight:bold; margin-bottom: 5px; padding-bottom:5px;}
.app-drawer .app-drawer-content { border-left: 1px solid #7F7F7F; border-right: 1px solid #7F7F7F; padding-top: 1px; background: #000; }
.app-drawer .app-drawer-header {height:32px; background:url(../img/bg-news-ticker-open.png) 0 0 no-repeat; position:relative;}
.app-drawer .app-drawer-footer {display:block; height: 5px; width: 984px; background:url(../img/content-bottom.png) 0 0 no-repeat transparent;}

.app-drawer-controls { margin: 0 2px; }
.app-drawer-controls .title {float:left; padding-top:8px; padding-left: 10px; font-weight:normal; font-size:13px; color:#fff; text-align:left;}
.app-drawer-controls form {}
.app-drawer-controls .input-submit {width: 730px; margin:0 auto; padding-top:4px; }
.app-drawer-controls input.text { float:left; width: 430px;}
.app-drawer-controls a.submit-drawer-search { float:left; display:block; margin: 0 0 0 0px; height: 24px; width: 35px; background-image:url(../img/btn-finder-search.png); background-position:0 1px; background-repeat:no-repeat; border-right: 1px solid #808080;}
.app-drawer-controls a.submit-drawer-search:hover {background-position: 0 -37px;}

.app-drawer .close-drawer {display:block; position:absolute; right: 14px; top:8px; height:16px; background: url("../img/close-drawer.png") 0 0px no-repeat;  width: 22px; z-index:10;}

.app-category-buttons {background: #2D2D2D; margin: 0 1px 0 1px; padding: 40px 0px 0px 38px; height: 50px; }
.app-category-buttons div.filter-title {float:left; margin-right: 10px; padding-top:8px; }
.app-category-buttons h2 {float:left;}
.app-category-buttons .categories {float:right; margin-right: 20px;}
.app-category-buttons a {float:left; display:block; font-size:13px; height: 20px; padding: 6px 10px 0 10px; margin: 0 5px 0 0; border:1px solid #fff; text-decoration:none;}
.app-category-buttons a:hover {border-color:#fff; text-decoration:none;}
.app-category-buttons a.active {border-color:#fff; background: #E3001B; text-decoration:none;}

.app-drawer .drawer-slide {position:relative; width: 914px; height: 340px;}
.app-drawer .flex-direction-nav {height: 0;}
.app-drawer .flex-direction-nav a {display:block; width:29px; height: 64px; margin: -32px 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px;}
.app-drawer .flex-direction-nav .flex-next  {right: 0px !important; background: url("../img/drawer-slide-next.jpg") 0 0 no-repeat;}
.app-drawer .flex-direction-nav .flex-next:hover {background-position:-29px 0;}
.app-drawer .flex-direction-nav .flex-prev  {left: 0px !important; background: url("../img/drawer-slide-prev.jpg") 0 0 no-repeat;}
.app-drawer .flex-direction-nav .flex-prev:hover {background-position:-29px 0; }

.app-drawer .app-preview {width: 270px; height:90px;background: #000; position:relative; padding: 8px; float:left; margin:0 15px 15px 0; cursor:pointer;}
.app-drawer .app-preview.last {margin-right:0;}
.app-drawer .app-preview .preview-icon {width: 90px; height: 90px; overflow:hidden; float:left;}
.app-drawer .app-preview .preview-icon img {width: 100%;}
.app-drawer .app-preview .preview-text {float:left; width: 160px; margin-left: 20px;}
.app-drawer .app-preview .preview-text .title a {text-decoration:none;}
.app-drawer .app-preview-hover {display:none; width: 80px; height: 80px; position:absolute; top:10px; left:10px; background:url(../img/bg-80-black.png); }
.app-drawer .app-preview:hover .app-preview-hover {display:block;}
.app-drawer .app-preview p {margin-bottom: 10px;}
.app-drawer .app-preview .add-app {position:absolute; bottom:12px;}

.app-drawer .app-preview .app-info {display:none; z-index:1000; padding: 10px; position:absolute; top:0; left: 0; background: #000; width: 892px; height: 320px; border:1px solid #161616; }
.app-drawer .close-info {display:block; font-size:12px;position:absolute; right: 10px; top:10px; padding-top:4px; height:20px; background: url("../img/close.png") 0 1px no-repeat; padding-left: 30px; text-decoration:none;}
.app-drawer .close-info:hover {text-decoration:underline;}
.app-drawer .app-preview .app-info .left-col {float:left; width: 350px; }
.app-drawer .app-preview .app-info .left-col .image {}
.app-drawer .app-preview .app-info .left-col .details {margin-top:2px; font-size:11px; line-height: 1.8;padding-left:3px;}
.app-drawer .app-preview .app-info .right-col {float:left; width: 450px;}
.app-drawer .app-preview .app-info .right-col .title {margin-bottom:15px;}
.app-drawer .app-preview .app-info .right-col .desc { line-height: 1.5;}
.app-drawer .app-preview .app-info .right-col .add-button {display:block; padding-left:45px; height: 25px; margin-top:20px; padding-top:5px; background: url(../img/plus-single.png) 0px -7px no-repeat; font-size:14px;  }
.app-drawer .app-preview .app-info .right-col ul {padding-left: 18px;}
.app-drawer .app-preview .app-info .right-col ul li {line-height: 1.5;}


/**
 **************************************************
 CONTENT
 **************************************************
**/

.page-content {padding-top: 22px;}
.page-content.inner {width: 996px;}
.page-content.info {padding-top: 0px; width: 984px;}

/* BREADCRUMB */
.breadcrumb {padding: 0 0 10px 17px; margin: -10px 0 0 0;}
.breadcrumb a {text-decoration:none;}
.breadcrumb a:hover {text-decoration:underline;}


/* CONTENT CONTAINER */
.content-container {width: 984px;}
.content-container .cnt-top {width: 984px; height:5px; background:url(../img/content-top.jpg) 0 0 no-repeat;  }
.content-container .cnt-grey {display:block; min-height: 20px; border-left: 1px solid #7E7E7E; border-right: 1px solid #7E7E7E; background: #3F3F3F; padding: 12px 15px; }
.content-container .cnt-default {display:block;  min-height: 20px; border-left: 1px solid #7E7E7E; border-right: 1px solid #7E7E7E; background: #000;}
.content-container .cnt-bottom {width: 984px; height:5px; background:url(../img/content-bottom.png) 0 0 no-repeat;  }
.content-container .cnt-special {display:block;  min-height: 20px; border-left: 1px solid #7E7E7E; border-right: 1px solid #7E7E7E; background: #2E2E2E;}

.content-container.one-c {width: 324px; float:left; margin-right: 5px; padding-left: 6px;}
.content-container.one-c .cnt-top {width: 324px; height:5px; background:url(../img/content-1c-top-black.png) 0 0 no-repeat;  }
.content-container.one-c .cnt-top.light-grey {width: 324px; height:5px; background:url(../img/content-1c-top-lightgrey.jpg) 0 0 no-repeat;  }
.content-container.one-c .cnt-bottom {width: 324px; height:5px; background:url(../img/content-1c-bottom-black.png) 0 0 no-repeat;  }
.content-container.one-c.grey .cnt-top {width: 324px; height:5px; background:url(../img/content-1c-top-grey.png) 0 0 no-repeat;  }
.content-container.one-c.grey .cnt-bottom {width: 324px; height:5px; background:url(../img/content-1c-bottom-grey.png) 0 0 no-repeat;  }
.content-container.one-c .cnt-top.grey {width: 324px; height:5px; background:url(../img/content-1c-top-grey.png) 0 0 no-repeat;  }
.content-container.one-c h3 {margin-bottom:0;}

.content-container.two-c {width: 655px;float:left; margin-right: 5px;}
.content-container.two-c .cnt-top {width: 655px; height:5px; background:url(../img/content-2c-top-black.png) 0 0 no-repeat;  }
.content-container.two-c .cnt-bottom {width: 655px; height:5px; background:url(../img/content-2c-bottom-black.png) 0 0 no-repeat;  }
.content-container.two-c.grey .cnt-top {background:url(../img/content-2c-top-grey.png) 0 0 no-repeat;  }
.content-container.two-c.grey .cnt-bottom {background:url(../img/content-2c-bottom-grey.png) 0 0 no-repeat;  }
.content-container.two-c .cnt-top.grey {background:url(../img/content-2c-top-grey.png) 0 0 no-repeat;  }

.content-container.last {margin-right:0;}

.content-container .cnt-headline {padding: 10px 15px; border-bottom: 1px solid #7D7D7D; position:relative;}
.content-container .cnt-headline h3 {margin-bottom: 0; }
.content-container .cnt-headline a.button {position:absolute; right: 15px; top: 9px;}

.content-container p {font-size: 13px; line-height: 1.5;}
.content-container ul {font-size: 13px; list-style: square; list-style-position: outside; padding: 0 0 10px 15px; line-height: 1.5; }
.content-container ul li {margin-bottom: 6px;}

/* PARTNER STATUS / DATA */
.content-container  .cnt-partner-status {padding: 20px 20px 35px 20px; background: url(../img/content-1c-divider.png) bottom left no-repeat; }
.content-container  .cnt-partner-status .level-logo {float:left; width: 110px; }
.content-container  .cnt-partner-status .level-logo img {width: 100%; height: auto;}
.content-container  .cnt-partner-status .level-info {float:left; margin-left: 20px;}

.content-container  .cnt-partner-data {padding: 20px 20px 0 20px; min-height: 110px;}
.content-container  .cnt-partner-data .partner-logo {float:left; width: 80px; }
.content-container  .cnt-partner-data .partner-logo img {width: 100%; height: auto;}
.content-container  .cnt-partner-data .partner-info {float:left; margin-left: 20px; width: 180px;}

.content-container  .cnt-inner {padding: 20px;}

.content-container .cnt-news {padding: 10px 5px; min-height: 248px;}
.content-container .cnt-news .preview-text {padding-left: 13px; font-size: 11px;line-height: 1.3; padding-top: 6px;}
.content-container .cnt-news .newsScrollWrapper { position: relative; height: 205px; overflow: hidden; }
.content-container .cnt-news .newsScrollWrapper .newsScroll { padding-right: 20px; }


/* APPLY BOX */
.content-container.cnt-apply {padding: 15px 22px; text-align:center;}
.content-container.cnt-apply p {font-size: 14px;}
.content-container.cnt-apply p a {margin-left: 5px; line-height:1.0;}


/* LOGIN */
.login {padding-bottom: 5px; position:relative;}
.login .login-title {float:left; padding-top: 7px; font-weight:bold; margin-right: 20px;}
.login input.text {width: 250px;}
.login .forgot-password {float:right; padding-top: 7px;font-size: 11px;}
.login p.hint {position: absolute; left: 50%; margin-left: -110px; width: 220px; text-align: center; /* margin-top: 30px; */ z-index: 999; display: block; background: #3F3F3F; padding: 5px 10px; border: 1px solid #767676; border-radius: 5px; top: 55px;}

/* INFO-SLIDER */
.info-slider {width: 982px; height: 453px; padding-top: 3px;}
.info-slider .slides {width: 600%;}
.info-slider .slides .slide {float:left; width: 982px; height: 453px; background-repeat:no-repeat; background-position: top center; position:relative;}

/* INFOS */
.info-program {width: 982px; height: 355px; background-repeat:no-repeat; background-position:top center; background-color:#000; position:relative;}

.info-slider .info-inner,
.info-program .info-inner {width: 350px; position:absolute; left: 50px; top: 50px; }
.info-slider .info-inner p,
.info-program .info-inner p {margin-bottom: 15px; font-size: 14px; line-height:1.8; color: #fff;}
.info-slider .info-inner ul,
.info-program .info-inner ul {font-size: 14px;}

.info-program .info-inner {width: 500px;}

.content-container.program {padding-left: 0; margin-top: 20px; }
.content-container.program .cnt-grey {padding-left: 22px;}
.content-container.program .cnt-default {height: 290px; padding-top: 190px; background-position: center 35px; background-repeat:no-repeat; padding: 180px 15px 0 22px; width: 285px; }
.content-container.program .cnt-default ul {font-size: 14px;}

/* APPS */
.app-headline {font-size: 17px; padding: 20px 0; text-align:center;}

.app-container {padding:0 0 0 6px;}
.app-container.fixed .app {margin: 0 6px 6px 0;}
.app-container.fixed .app .app-button {display:none !important;}

.app {float:left; width: 324px; height: 205px; margin: 0 0 0 0; z-index:50;}
.app .app-inner {background-repeat:no-repeat; position:relative;}

/* APP STATES */
.app.state-min {height:33px !important; margin-bottom:4px !important;}
.app.state-min .app-inner {display:none;}

/* APP SIZES */
.app.w1 {width: 159px; background-position:bottom right; background-repeat:no-repeat;}
.app.w2 {width: 324px; background-position:bottom right; background-repeat:no-repeat;}
.app.w4 {width: 654px;}
.app.w6 {width: 984px;}
.app.h1 {height: 206px; max-height:206px;}
.app.h2 {height: 421px; max-height:421px;}
.app.hAuto {height: auto;}
.app.w4.h1 {background-position:top right; background-repeat:repeat-y; }
.app.w4.h2 {background-position:bottom right; background-repeat:no-repeat; }

.app.w1 .app-inner {width: 157px; border-left: 1px solid #7E7E7E; border-right: 1px solid #7E7E7E;}
.app.w2 .app-inner {width: 322px; border-left: 1px solid #7E7E7E; border-right: 1px solid #7E7E7E;}
.app.w4 .app-inner {width: 652px; border-left: 1px solid #7E7E7E; border-right: 1px solid #7E7E7E;}
.app.w6 .app-inner {width: 982px; border-left: 1px solid #7E7E7E; border-right: 1px solid #7E7E7E;}
.app.h1 .app-inner {height: 168px; max-height:168px;}
.app.h2 .app-inner {height: 383px; max-height:168px;}
.app.hAuto .app-inner {min-height: 300px;}

.app .app-footer {width: 324px; height: 5px; background:url(../img/content-1c-bottom-black.png) 0 0 no-repeat;}
.app.w6 .app-footer {width: 984px; background:url(../img/content-bottom.png) 0 0 no-repeat;}

/* APP CONTENT */
.app.ico-tl .app-inner {background-position:top left;}
.app.ico-tc .app-inner {background-position:top center;}
.app.ico-tr .app-inner {background-position:top right;}
.app.ico-cl .app-inner {background-position:center left;}
.app.ico-cc .app-inner {background-position:center center;}
.app.ico-cr .app-inner {background-position:center right;}
.app.ico-bl .app-inner {background-position:bottom left;}
.app.ico-bc .app-inner {background-position:bottom center;}
.app.ico-br .app-inner {background-position:bottom right;}

/* APP COLORS */
.app .app-inner {background-color: #000;}
.app.grey,
.app.grey-black .app-inner {background-color:#333;}
.app.light-grey .app-inner {background-color:#999;}

/* APP HEADER */
.app .head {padding: 10px 12px 0 12px; height:22px; font-size:13px; line-height:1.0; position:relative; background-image:url(../img/app-top.png); background-position: top center; background-repeat:no-repeat; font-weight:bold; }

.app .head .app-button {display:block; position:absolute; width: 28px; height:28px; top: 2px; background:url(../img/app-button-bg.png);}
.app .head .app-button:hover span,
.app .head .app-button.active span {background-position:0 100%;}
.app .head .app-move {right:2px;}
.app .head .app-move:hover {cursor:move;}
.app .head .app-move span {display:block; width: 28px; height: 28px; background-image:url(../img/app-btn-move-right.png); background-position:0 0; background-repeat:no-repeat;}

.app .head .app-settings {right:31px;}
.app .head .app-settings span {display:block; width: 28px; height: 28px; background-image:url(../img/app-btn-settings-left.png) ; background-position: 0px 0px; background-repeat:no-repeat;}

.app .head .app-settings-dropdown {display:none; position:absolute; z-index:999; top:30px; right: 31px; padding: 5px 5px 3px 5px; list-style:none; font-size:11px; letter-spacing:0; background: #686868; }
.app .head .app-settings-dropdown li { margin-bottom:2px;}
.app .head .app-settings-dropdown li a {display:block; color:#fff; padding: 5px 5px; min-width: 100px; text-align:right; text-decoration:none;}
/*.app .head .app-settings-dropdown li a span {padding: 0 5px; background-image:url(../img/arrow-more-black.png); background-position:0px 4px; background-repeat:no-repeat; text-align:right;}*/
.app .head .app-settings-dropdown li a:hover {background:#797979; text-decoration:none;}
.app .head .app-settings-dropdown li a.disabled {display:none;}
.app.state-default .head .app-settings-dropdown li a.maximize-app {display:none;}
.app.state-min .head .app-settings-dropdown li a.minimize-app {display:none;}

.app .head .back-link {float:right; margin-top: 0px; font-size:12px; letter-spacing:0; text-decoration:none;}
.app .head .back-link:hover {text-decoration:underline;}

/* APP CONTENT */
.app .app-content {padding:30px 20px 20px 155px; height: auto; }
.app .app-content.parent-app-6 img { float: left; margin-right: 25px; }
.app.ico-default .app-content {padding:30px 20px 20px 155px;}
.app.ico-bg .app-content {padding:18px 20px 20px 20px;}
.app.w6 .app-content {padding:18px 20px 20px 20px;}
.app.w6 .head {background-image:url(../img/bg-news-ticker-open.png);}

/* CONTENT FORM */
.content-form div.input {float:none; width: 250px; margin-bottom: 6px; margin-left: 150px; position:relative; }
.content-form div.input.no-title { margin-left: 0px;  }
.content-form div.input label {position:absolute; left: -150px; top: 6px;}
.content-form div.input input {width: 237px;}
.content-form div.input select {width: 250px;}
.content-form div.file-upload {float:none; width: 250px; margin-bottom: 15px; margin-left: 150px; position:relative; }
.content-form div.file-upload label {position:absolute; left: -150px; top: 6px;}
.content-form div.file-upload input {display:none;}
.content-form div.file-upload .button {margin-top:2px;}
.content-form ul.errors {position:absolute; left: 100%; top: -5px; width: 300px; margin-left: 20px;}
.content-form ul.errors li {color: #fff; background: none !important; padding-left: 0 !important;}
.content-form .no-title ul.errors {position:absolute; left: 100%; top: -5px; width: 200px; margin-left: 20px;}
.content-form .button {margin-top: 20px;}
.success-message {padding-bottom: 20px; font-weight:bold; color: #e50043;}
.error-message {padding-bottom: 20px; font-weight:bold; color: #CB1D21;}

.content-form h3 {margin: 0 0 15px 0;}
.content-form h3.inner {margin: 15px 0;}

.content-form div.textarea {float:none; width: 400px; margin-bottom: 6px; margin-left: 150px; position:relative; }
.content-form div.textarea.fullsize  {width: 796px; margin-left:0; background-image:url(../img/textarea-large.png);}
.content-form div.textarea label {position:absolute; left: -150px; top: 6px;}
.content-form div.textarea textarea {width: 387px; }
.content-form div.textarea.fullsize  textarea {width: 787px; margin-left:0; background-image:url(../img/textarea-large.png);}


/* DEAL REGISTRATION */
.deal-registration-form div.input,
.deal-registration-form div.textarea {margin-left: 250px;}
.deal-registration-form div.input label ,
.deal-registration-form div.textarea label{left: -250px; width: 240px;}

.deal-registration-form h3 {border-bottom: 1px solid #454545; padding-bottom: 5px;}
.deal-registration-form h3.inner {width: auto;}

.deal-registration-form .product-list {margin-left: 250px;}
.deal-registration-form .product-list a.item {display:block; float:left; width: 130px; height: 96px; margin: 0 5px 47px 0; background-position:0px 0px; background-repeat:no-repeat; background-color:#000; position:relative;}
.deal-registration-form .product-list a.item:hover,
.deal-registration-form .product-list a.item.active {background-position:0 -97px;}
.deal-registration-form .product-list a.item span {display:block; padding: 0 10px; width: 110px; position:absolute; top: 102px; text-align:center; font-size: 11px; color: #7D7D7D; }
.deal-registration-form .product-list a.item:hover span,
.deal-registration-form .product-list a.item.active span {color: #fff;}
.deal-registration-form .product-list p.productListErrors { color: #e50043 !important; margin-top: 10px; }

.deal-registration-form .input.products {padding:10px 0 40px 0; width: 942px; margin: 0;}
.deal-registration-form .input.products .select-products-label {position:absolute; left: 0px; line-height: 1.5;}

.deal-registration-form  .input .input-description,
.deal-registration-form  .textarea .input-description {position:absolute; left: -250px; top: 30px; font-size: 11px; width: 220px; color: #7D7D7D; }

.deal-registration-form  ul.errors {top:4px !important; border: none !important; padding: 0 !important; margin-top:0 !important;}
.deal-registration-form  ul.errors li {color: #e50043 !important; }

.deal-registration-form .input.check {margin: 0; height: 30px; }
.deal-registration-form .input.check .checkbox-label {position:absolute; left: 0px; line-height: 1.5;}
.deal-registration-form .input.check .checkbox {margin-left: 250px;}

.value-rittal-products div.input.text {float:left; }
.value-rittal-products div.input.select {float:left; margin-left: 0; width: 100px;}
.value-rittal-products div.input.select select {width: 100px;}
.value-rittal-products div.input.text ul.errors { margin-left: 130px;}

/* APPLY FORM */
.content-form .input.check {margin: 0; min-height: 30px; width: 600px;}
.content-form .input.check .checkbox-label {position:absolute; left: 0px; line-height: 1.5;}
.content-form .input.check .checkbox {margin-left: 0px;}

/* APP BUTTONS */
.app a.app-more {position:absolute; left:155px; bottom:30px;}

/* TEXT */
.app.hAuto {padding-bottom: 150px !important;}
.app-content .txt-arrow {padding: 0 5px 0 10px; background: url(../img/txt-arrow.png) center center no-repeat;}
.app-content ul {list-style:none;}
.ico-default .app-content ul {margin-left:-16px;}

.app-content ul li {padding-left:14px; background:url(../img/bullet.png) 2px 8px no-repeat; line-height:1.5;}
.app-content ul li a {}

.app-content.app-title {font-size:16px; line-height:1.2;}

.app-content h3 {line-height:1.25;}
.app-content p {line-height: 1.5; max-width: 100%;}
.app-content .app-user-content {border:1px solid #7E7E7E; padding: 15px; background: #2D2D2D; margin-bottom: 20px; }


/* LINK */
ul.link-list {list-style:none;}
ul.link-list li {background:none !important; padding-left:0 !important;}
.app.w2 .app-content ul {list-style:none;}
.app.w2 .app-content ul li {background:none !important; padding-left:0 !important;}
.app.w2 .app-content ul li a {background-image: url(../img/arrow-right.png); background-position:0 4px; background-repeat:no-repeat; padding-left: 13px; color: #fff; text-decoration:none;}
.app.w2 .app-content ul li a:hover {text-decoration:underline;}

/* REFERENCE APP */
.reference-filter {padding: 20px 0;}
.reference-filter div.input {float:left; width: 180px; margin-bottom: 6px; margin-right:15px;}
.reference-filter label {float:left; padding: 6px 15px 0 0;}
.reference-filter div.input select { width: 180px;}

.reference-table {}
.reference-table .col {float:left; max-width: 220px; width: 220px; padding: 10px 12px 10px 12px; }
.reference-table .col.medium {width: 120px; max-width: 120px;}
.reference-table .col.small {width: 60px; max-width: 60px;}
.reference-table .col-more {float:right; padding: 5px 12px 5px 12px; width: 180px; text-align:right;}
.reference-table .col-more a {display:none;}
.reference-table .row:hover a {display:inline-block;}
.reference-table .head {padding: 0; font-weight:bold; color: #fff; border-left: 1px solid #7F7F7F; border-right: 1px solid #7F7F7F; height: 32px;}
.reference-table .row {border-bottom: 1px solid #222222;}
.reference-table .row.exceeding div { font-weight: normal; color: #e50043 !important; }
/*.reference-table .row.exceeding { background: #e50043 !important; }*/
.reference-table .row .col {padding: 6px 12px 6px 12px;}
.reference-table .col-content {display:none;}
.reference-table .col-content p,
.reference-table .col-content ul {padding: 6px 12px 12px 12px;}

.reference-table .col.overflow-hidden { overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}

/* FAQ */
.accordion h3 {cursor:pointer;}
.accordion h3:hover {text-decoration:underline;}

/* IFRAME */
iframe {
	width: 1108px;
    height: 1000px;
    border: 0;
	-ms-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -o-transform: scale(0.85);
    -webkit-transform: scale(0.85);
    transform: scale(0.85);

    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;}


/* FILES */
.file-col {float:left; padding:0 10px 10px 0; min-width: 25%;}

/* PARTNER OVERVIEW */
.partner-filter {min-height: 100px; padding: 0 0 20px 0;}
.partner-filter  div.input {float:none; width: 250px; margin-bottom: 6px; margin-left: 100px; position:relative; }
.partner-filter  div.input.no-title { margin-left: 0px;  }
.partner-filter  div.input label {position:absolute; left: -100px; top: 6px;}
.partner-filter div.input input {width: 237px;}
.partner-filter div.input select {width: 250px;}
.partner-filter .button {margin-top: 10px;}
.partner-grid {}
.partner-grid .partner {float:left; width: 270px; height: 120px; padding: 15px; background: #2E2E2E; margin: 0 10px 10px 0;}
.partner-grid .partner:hover {background: #434343;}
.partner-grid .partner .partner-logo  {float:left; width: 80px; }
.partner-grid .partner  .partner-logo img {width: 100%; height: auto;}
.partner-grid .partner  .partner-info {float:left; margin-left: 20px; width: 170px; }
.partner-grid .loader { display: none; width: 66px; height: 66px; background: url(../img/loader.gif); position: absolute; top: 120px; left: 45%; }

.partner-view .partner-logo  {float:left; width: 200px; }
.partner-view .partner-logo img {width: 100%; height: auto;}
.partner-view  .partner-info {float:left; margin-left: 30px; width: 600px; }
.partner-view a {text-decoration:none;}
.partner-view a:hover {text-decoration:underline;}
	
/**
 **************************************************
 FOOTER (FOOTER / POWERLINE)
 **************************************************
**/

.powerline {position:fixed;  width:100%;  background-image:url(../img/bg-power.png);  background-repeat:repeat-x;  height:60px;  bottom:0; left:0; z-index:29000;  background-color:#000;}
.powerline .inner{ margin:0 auto; psoition:relative; width:981px; height:28px; background-image:url(../img/bg-power-de.png); background-repeat:no-repeat; background-color:#000; padding:32px 0px 0px 0px;}
.powerline .powerline-logo {position:absolute; width:62px; height:86px; z-index:2000; margin-left:913px;margin-top:-80px;}
.powerline.en .inner,
.powerline.es .inner,
.powerline.ru .inner {background-image:url(../img/bg-power-en.png);}
.powerline.fr .inner {background-image:url(../img/bg-power-fr.png);}

/**
 **************************************************
 POPUP
 **************************************************
**/
.overlay {position:absolute; left: 0; top: 0; width: 100%; height: 100%; z-index:800; background: url("../img/bg75.png"); display:none;}
.popup {display:none; z-index:999;}
.popup .close {padding: 3px 30px 0 0; font-size: 11px; color: #fff; text-decoration: none; height: 15px; position: absolute; right: 20px; top: 20px; display: block; background: url(../img/btn-close-popup.png) right 0 no-repeat; z-index: 990 !important;}
.popup p {line-height: 1.5;}
.popup .close:hover {text-decoration:underline; background: url(../img/btn-close-popup.png) right -27px no-repeat;}
.popup.small {width: 489px; min-height: 200px; position:absolute; top: 150px; left: 50%; margin-left: -245px;}
.popup.small .popup-top {width: 489px; height: 4px; background: url("../img/news-tabs-top.png") top center no-repeat;}
.popup.small .popup-bottom {width: 489px; height: 4px; background: url("../img/news-tabs-bottom.png") bottom center no-repeat;}
.popup.small .popup-content {padding: 25px 30px; border-left: 1px solid #7F7F7F; border-right: 1px solid #7F7F7F; background: #000; position:relative;}
.popup.big .close {padding: 3px 30px 0 0; font-size: 11px; color: #fff; text-decoration: none; height: 15px; position: absolute; right: 0px; top: -30px; display: block; background: url(../img/btn-close-popup.png) right 0 no-repeat; z-index: 990 !important;}
.popup.big .close:hover {text-decoration:underline; background: url(../img/btn-close-popup.png) right -27px no-repeat;}
.popup.big {display:none; z-index:999; position:absolute; top: 100px; left: 50%; margin-left: -450px;}
.popup.big.notification { display: block; }
.popup.big .popup-top {width: 900px; height: 4px; background: url("../img/large-popup-top.png") top center no-repeat;}
.popup.big .popup-bottom {width: 900px; height: 4px; background: url("../img/large-popup-bottom.png") top center no-repeat;}
.popup.big .popup-content {padding: 15px; min-height: 300px; border-left: 1px solid #7F7F7F; border-right: 1px solid #7F7F7F; background: #000; width: 868px; }


/*----------*/
.page-info {float:left; margin-top:27px;}

.pagination {float:right; margin-top:20px;}
.pagination ul { list-style:none;}
.pagination ul li {float:left; margin-right: 5px; list-style:none;}
.pagination ul li a {display:block; width: 25px; height: 19px; text-align:center; color: #fff; border:1px solid #ccc; padding: 3px 0px; }
.pagination ul li a.large {width: 80px;}
.pagination ul li a.active,
.pagination ul li a:hover {background: #e50043; color: #fff; text-decoration:none;}

.message {padding: 10px 15px 8px 15px; color: #000; line-height: 1.8;margin-bottom: 20px;  }
.message.success {background: #EAF7E5; border: 1px solid #2DB200;}
.message.error {background: #F7E5E5; border: 1px solid #B20000;}

.show-image {background: #000;  width:97%;}
.show-image img {width: 80px; margin: 10px;}

.project-close-date { float: left; margin-left: 250px; }
.project-close-date div.input.select { float: left; margin-left: 0; width: 77px; }
.project-close-date div.input.select select { width: 77px; }
.project-close-date div.input.text ul.errors { margin-left: 130px; }

/*select[readonly] option, select[readonly] optgroup { display: none; }*/

.multiselect select {float:left; padding-right:4px; background-image:url(../img/textarea.png); background-position:100% -174px; background-repeat:no-repeat; zoom: 1;  *display: inline; *background-position:100% -174px;}
.multiselect { overflow-y: auto; display:block; padding: 7px 5px 7px 8px; border:none; background:none; background-image:url(../img/textarea.png);  background-position:0 0; background-repeat:no-repeat; height: 143px; margin:0; font-size:11px; color: #000; font-family:Arial;resize: none;}