/* CSS for Anton */

/*Hides the path: p - > ... from TinyMCE!*/
.defaultSkin .mceStatusbar div:first-child {
    visibility: hidden;
}

nav > ul > li a span b {
    padding: 2px 22px 1px 0;
    background: url(../img/info-button-anton.png) no-repeat right center;
}

.ta1 ul li a.selectedColor{
    border: 2px solid #00b6f2;
}

/*.tableDataBlock2 ul li span.newsContentFull {
    width: 100%;
    float: right;
    line-height: 1.5em;
    text-align: left;
}*/

/* Temp: Damit man den Namen des angemeldeten Benutzers sehen kann...*/
/*.accountBlock1 {
    z-index: 1000;
}*/

.fbFull {
    /*margin: 20px 0 -10px;*/
    margin: 10px 0 0;
}

.fbFull strong {
    margin: 0 !important;
}

/*feedback panel*/
.fbFull div.feedback {
    /*margin-top: 25px;*/
}

.fbInner div.feedback {
    float: left;
    margin: 10px 10px 0;
    width: 98%;
}

/*.feedback strong {
    width: 100% !important;
}*/

/*.feedback .error2 {
    margin: 0 0 10px;
}*/

/*error messages*/
.feedbackerror {
    position: relative;
    margin: 15px 15px 15px 15px;
    font: bold 13px/32px Arial, Helvetica, sans-serif;
    color: #ef0000;
    background: #ffd9d9;
    border-radius: 2px;
    
    padding: 0 0 0 10px;
}

/*.feedbackinfo {
    position: relative;
    margin: 15px 15px 15px 15px;
    font: bold 13px/32px Arial, Helvetica, sans-serif;
    color: #ef0000;
    border-radius: 2px;
    
    padding: 0 0 0 10px;
}*/

/*.componentError {
    clear: both;
    width: 100%;
}

.componentError ul li {
    position: relative;
    display: block;
    height: 37px;
    width: 370px;
    background: #ffd9d9;
    border-radius: 0 3px 3px 0;
    
}

.componentError ul li span {
    float: left;
    padding: 0 0 0 32px;
    color: #ef0000;
    font: 700 13px/37px Arial, Helvetica, sans-serif;
    height: 44px;
    background: url(../img/bgi/error_Icon.gif) no-repeat left center;
}*/

/*Modal window content*/
.lightBlock2RightCustomized {
    position: relative;
    float: left;
    width: 225px;
    margin: 38px 0 0 30px;
    padding: 10px 12px;
    border: 1px solid #cee9f2;
    border-radius: 2px;
    background: #e1f2f9;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e1f2f9),to(#e0f3f9));
    background: -webkit-linear-gradient(#e1f2f9, #e0f3f9);
    background: -moz-linear-gradient(#e1f2f9, #e0f3f9);
    background: -ms-linear-gradient(#e1f2f9, #e0f3f9);
    background: -o-linear-gradient(#e1f2f9, #e0f3f9);
    background: linear-gradient(#e1f2f9, #e0f3f9);
    -pie-background: linear-gradient(#e1f2f9, #e0f3f9);
    
}

.lightBlock2RightCustomized h5 {
    font-weight: bold;
}

.lightBlock2RightCustomized ul {
    margin-top: 10px;
}

.lightBlock2RightCustomized ul li {
    padding: 5px 0 5px 25px;
    background-repeat: no-repeat;
    background-position: left center;
}

.lightBlock2RightCustomized ul li a {
    color: #00b6f2;
    text-decoration: none;
}

.lightBlock2RightCustomized ul li.listIcon1 { background-image: url(../img/listIcon1.png); }
.lightBlock2RightCustomized ul li.listIcon2 { background-image: url(../img/listIcon2.png); }
.lightBlock2RightCustomized ul li.listIcon3 { background-image: url(../img/listIcon3.png); }

/*overrides ModalWindow*/
div.wicket-modal a.w_close {
    overflow: hidden;
    /*background-position: 3px 3px;*/
    background-image: url(../img/closeBut.gif);
    background-position: center center;
    background-repeat: no-repeat;
    right: 3px;
    top: 2px;
    padding: 3px;
    margin: 3px;
}

div.wicket-modal div.w_caption {
    height: 2.2em;
    overflow: hidden;
    cursor: default;
    position: relative;
    background: #fafafa url(../img/bgi/lightbox-bg.gif) repeat-x left top;
    cursor: default;
    line-height: 0em;
}

div.wicket-modal a.w_close:hover {
    background: transparent url(../img/closeBut.gif) no-repeat center center;
}

div.wicket-modal div.w_content_container {
    position: relative;
    padding: 15px 25px;
    background-color: #fafafa;
}

div.wicket-modal div.w_content_3 {
    border: 0px; /*1px solid rgb(218, 218, 218);*/
}

div.wicket-modal div.custom div.w_left,div.wicket-modal div.custom div.w_right
    {
    background-image: none;
    _background-image: none;
}

div.wicket-modal div.custom div.w_top,div.wicket-modal div.custom div.w_bottom,div.wicket-modal div.custom div.w_topLeft,div.wicket-modal div.custom div.w_topRight,div.wicket-modal div.custom div.w_bottomRight,div.wicket-modal div.custom div.w_bottomLeft
    {
    background-image: none;
    _background-image: none;
}

div.wicket-modal div.custom a.w_close {
    background-image: background: none;
}

div.wicket-modal div.w_silver div.w_left,div.wicket-modal div.w_silver div.w_right
    {
    background-image: none;
    _background-image: none;
}

.show { // empty on purpose
    
}

.hide {
    display: none;
}

aside.previewBox {
    position: fixed;
    z-index: 100;
    top: 265px;
    left: 1150px;
    margin-top: 0;
}

/* Ersetzt temporär die Regel für "nav ul li a span strong" im styles.css.
   Wenn das von Steffi angepaßt ist, kann es hier wieder raus. 
nav li.mark-error a span {
    padding: 2px 22px 1px 0;
    background: url(../img/errorIcon1.png) no-repeat right 1px;
    font-weight: bold;
}*/

.sizeSelector {
    width: 570px;
    border: 1px solid #dadada;
    border-left: none;
    border-top: none;
    background: #fafafa;
    
}

.sizeSelector td {
    min-height: 27px;
    text-align: center;
    text-transform: uppercase;
    color: #a6a6a6;
    font: 700 11px/26px Arial, Helvetica, sans-serif;
    border: 1px solid #dadada;
}

.sizeSelector .rowLabel {
    background: #ffffff;
}

.sizeSelector .header .rowLabel {
   border-width: 0 1px 1px 0px;
}

.sizeSelector .cl {
    background: #e5f7fd;
}

.cropImage {
	max-width: 100%;
	max-height: 100%
}

.scaledVersions {
    overflow: auto;
}

.scaledVersions .scaledVersion .iconBlock {
    overflow: auto;
    height: auto;
    min-height: 76px;
    width: auto;
    min-width: 240px;
}

.iconBlock .cutout span {
   padding: 0;
}

.price-error {
    color: red;
}

body.development, body.testing {
    border-top: 10px solid orange;
}
/*
    Variable Grid System.
    Learn more ~ http://www.spry-soft.com/grids/
    Based on 960 Grid System - http://960.gs/

    Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 960px;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 940px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
    display:inline;
    float: left;
    position: relative;
}



.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12 {
    position:relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
    margin-left: 0;
}

.omega {
    margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .grid_1 {
    width:60px;
}

.container_12 .grid_2 {
    width:140px;
}

.container_12 .grid_3 {
    width:220px;
}

.container_12 .grid_4 {
    width:300px;
}

.container_12 .grid_5 {
    width:380px;
}

.container_12 .grid_6 {
    width:460px;
}

.container_12 .grid_7 {
    width:540px;
}

.container_12 .grid_8 {
    width:620px;
}

.container_12 .grid_9 {
    width:700px;
}

.container_12 .grid_10 {
    width:780px;
}

.container_12 .grid_11 {
    width:860px;
}

.container_12 .grid_12 {
    width:940px;
}




/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .prefix_1 {
    padding-left:80px;
}

.container_12 .prefix_2 {
    padding-left:160px;
}

.container_12 .prefix_3 {
    padding-left:240px;
}

.container_12 .prefix_4 {
    padding-left:320px;
}

.container_12 .prefix_5 {
    padding-left:400px;
}

.container_12 .prefix_6 {
    padding-left:480px;
}

.container_12 .prefix_7 {
    padding-left:560px;
}

.container_12 .prefix_8 {
    padding-left:640px;
}

.container_12 .prefix_9 {
    padding-left:720px;
}

.container_12 .prefix_10 {
    padding-left:800px;
}

.container_12 .prefix_11 {
    padding-left:880px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .suffix_1 {
    padding-right:80px;
}

.container_12 .suffix_2 {
    padding-right:160px;
}

.container_12 .suffix_3 {
    padding-right:240px;
}

.container_12 .suffix_4 {
    padding-right:320px;
}

.container_12 .suffix_5 {
    padding-right:400px;
}

.container_12 .suffix_6 {
    padding-right:480px;
}

.container_12 .suffix_7 {
    padding-right:560px;
}

.container_12 .suffix_8 {
    padding-right:640px;
}

.container_12 .suffix_9 {
    padding-right:720px;
}

.container_12 .suffix_10 {
    padding-right:800px;
}

.container_12 .suffix_11 {
    padding-right:880px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .push_1 {
    left:80px;
}

.container_12 .push_2 {
    left:160px;
}

.container_12 .push_3 {
    left:240px;
}

.container_12 .push_4 {
    left:320px;
}

.container_12 .push_5 {
    left:400px;
}

.container_12 .push_6 {
    left:480px;
}

.container_12 .push_7 {
    left:560px;
}

.container_12 .push_8 {
    left:640px;
}

.container_12 .push_9 {
    left:720px;
}

.container_12 .push_10 {
    left:800px;
}

.container_12 .push_11 {
    left:880px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .pull_1 {
    left:-80px;
}

.container_12 .pull_2 {
    left:-160px;
}

.container_12 .pull_3 {
    left:-240px;
}

.container_12 .pull_4 {
    left:-320px;
}

.container_12 .pull_5 {
    left:-400px;
}

.container_12 .pull_6 {
    left:-480px;
}

.container_12 .pull_7 {
    left:-560px;
}

.container_12 .pull_8 {
    left:-640px;
}

.container_12 .pull_9 {
    left:-720px;
}

.container_12 .pull_10 {
    left:-800px;
}

.container_12 .pull_11 {
    left:-880px;
}




/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}@charset "utf-8";
/*--------------------------------------------------------------------------------------------------
CSS Styles for <DIE ZEIT>.

version:   3.0
--------------------------------------------------------------------------------------------------*/

/* =CSS Reset
--------------------------------------------------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* End CSS Reset
--------------------------------------------------------------------------------------------------*/

/* =Toolkit
--------------------------------------------------------------------------------------------------*/

/* Micro Clearfix Hack by Nicholas Gallagher (http://nicolasgallagher.com/micro-clearfix-hack/) */
/* For modern browsers */ 
.cf:before, .cf:after {
    content: "";
    display: table;
}
.cf:after {
    clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom: 1;
}
/* general purpose classes */
.nodisplay {
    display: none;
}
.nodisplay_strict {
    display: none !important;
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
/* End Toolkit
--------------------------------------------------------------------------------------------------*/

/* =Normalization - mostly derived from normalize.css (https://github.com/necolas/normalize.css/) but without comments and compressed to keep the file small
--------------------------------------------------------------------------------------------------*/

hr {
    display: block;
    height: 1px;
    border: 0;
    margin: 1em 0;
    padding: 0;
    border-top: 1px solid #cccccc; /* change border colour to suit your needs */
}
audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
audio:not([controls]) {
    display: none;
}
[hidden] {
display: none;
}
html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body, button, input, select, textarea {
    font-family: sans-serif;
}
a {
	text-decoration: none;
	color:#00B6F2;
	}
a:focus {
    outline: thin dotted;
}
a:hover, a:active {
    outline: 0;
}
h1 {
    font-size: 2em;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
    margin: 0 0;
}
del {
    text-decoration: line-through;
}
abbr[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
b, strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
mark {
    background: #ff0;
    color: #000;
}
pre, code, kbd, samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
small {
    font-size: 75%;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    display: block;
    border: 0;
    -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
    overflow: hidden;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
}
button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
*vertical-align: middle;
}
button, input {
    line-height: normal;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
*overflow: visible;
}
input, select {
    vertical-align: middle;
    outline: none;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
    outline: none;
}
/* End Normalization
--------------------------------------------------------------------------------------------------*/


/* =Typography
--------------------------------------------------------------------------------------------------*/

/* Setting up the fonts */
body {
    font: 14px/20px Arial, Helvetica, sans-serif;
}
/* End Typography
--------------------------------------------------------------------------------------------------*/
#wrapper {
    position: relative;
    width: 100%;
}
/* =Header
--------------------------------------------------------------------------------------------------*/
header {
    display: block;
    margin-bottom: 10px;
    width: 100%;
    height: 209px;
    background: url(../img/bgi/header-bg.png) repeat-x left top;
}
.headerTop {
    width: 100%;
}
.headerTop .grid_5 {
    margin: 9px 0 0 0;    
}
.headerTop .grid_5 li {
    float: left;
    padding: 0 9px;
    height: 12px;
    border-left: 1px solid #a3a3a3;
}
.headerTop .grid_5 li a {
    display: block;
    font: 11px/12px Arial, Helvetica, sans-serif;
    color: #808080;
    text-decoration: none;    
}
.headerTop .grid_5 li:first-child {
    padding-left: 0;
    border-left: 0;    
}
.headerTop .grid_7  {
    float: right;
    margin: 9px 0 0 0;
}
.headerTop .grid_7 ul {
    float: right;
}
.headerTop .grid_7 ul li {
    float: left;
    padding: 0 7px;
    height: 12px;
    border-left: 1px solid #a3a3a3;    
}
.headerTop .grid_7 ul li a {
    display: block;
    font: 11px/12px Arial, Helvetica, sans-serif;
    color: #808080;
    text-decoration: none;
}
.headerTop .grid_7 ul li:first-child {
    border-left: 0;    
}
.headerTop .grid_7 ul li a:hover, .headerTop .grid_7 ul li a.active {
    color: #f58000;    
}
.logoBlock {
    clear: both;
    padding: 53px 0 0 0;    
}
.logoBlock #logo {
    float: left;    
}
.logoBlock strong {
    /*float: left;*/
    font: 32px/26px Arial, Helvetica, sans-serif;
    color: #00b1ef;
    padding: 0 0 0 10px;      
}
.logoBlock span {
    float: right;
    font: 15px/24px Arial, Helvetica, sans-serif;
    color: #333;
    background: url(../img/bgi/telefone-icon.png) no-repeat left center;
    padding: 0 0 0 30px;
    margin: -25px 10px 0 0;
}
/* End Header
--------------------------------------------------------------------------------------------------*/
/* =Footer
--------------------------------------------------------------------------------------------------*/
footer {
    clear: both;
    width: 100%;
    height: 29px;
    background: #656969;
}
footer ul {
    float: right;
    padding: 0 0 0 14px;
    margin: 0 -6px 0 0;    
}
footer ul li:first-child {
    border: none;
    padding-right: 7px;
}
footer ul li {
    float: left;
    color: #fff;
    font: 11px/29px Arial, Helvetica, sans-serif;
}
footer ul li a {
    color: #fff;
    border-left: 1px solid #fff;
    padding: 0 7px;
    text-decoration: none;
}
/* End Footer
--------------------------------------------------------------------------------------------------*/

/* =Main Nav
--------------------------------------------------------------------------------------------------*/
nav {
    margin: 36px 0 0 0;
    height: 59px;
    border-bottom: 1px solid #dadada;
    background: url(../img/bgi/navBg.gif) repeat-x left top;
}
/*nav > ul {
    margin: 2px 0 0 0;
}*/
nav > ul > li {
    position: relative;
    float: left;
    margin: 2px 0 0;
}
nav > ul > li a {
    display: inline-block;
    height: 26px;
    padding: 0 12px;
    font: 12px/26px Arial, Helvetica, sans-serif;
    color: #333;
    text-transform: uppercase;
    text-decoration: none;
}
nav > ul > li:hover a span,
nav > ul > li.active a span  {
    display: block;
    padding-bottom: 3px;
    background: url(../img/bgi/nav-arrow.png) no-repeat center bottom;
}
nav > ul > li a span strong {
    padding: 2px 22px 1px 0;
    background-repeat: no-repeat;
    background-position: right center;
}
nav > ul > li.mark-info a span strong {
    background-image: url(../img/info-button-anton.png);
}
nav > ul > li.mark-error a span strong {
    background-image: url(../img/error-button-anton.png);
}
nav > ul > li:hover,
nav > ul > li.active {
    color: #fff;
    background-color: #00b6f2;
}
nav > ul > li:hover ul,
nav > ul > li.active ul {
    display: block;    
}
nav > ul > li ul {
    display: none;
    position: absolute;
    margin: 0;
    width: 600%;
    top: 27px;
    left: -250%;
    text-align:center;
}
nav > ul > li.navHome ul {
    left: 0;
    text-align: left;
}
nav > ul > li ul li {
    display: inline-block;
    *display: inline;
}
nav > ul > li ul li a {
    margin-top: -5px;
    padding: 0 5px;
    height: 35px;
    line-height: 40px;
}
nav > ul > li:hover ul li a,
nav > ul > li.active ul li a {
    color: #333;
    text-transform: none;
    background: none;
}
nav > ul > li ul li a:hover,
nav > ul > li ul li a.active {
    background: none;
    color: #00b6f2;    
}
nav > ul > li.navLogout {
    float: right;
}
nav > ul > li.navLogout span {
    background: none !important;
}
.accountBlock {
    /*float: right;
    position: relative;
    margin: -28px 0 0 0;*/
}
.accountBlock a {
    /*float: left;
    height: 26px;
    padding: 0 11px;*/
    font: 12px/26px Arial, Helvetica, sans-serif;
    color: #333;
    text-transform: uppercase;
    text-decoration: none;
}
.accountBlock a:hover,.accountBlock a.active {
    color:#fff;
    background: #00b1ef;
}
.accountBlock a:hover span,.accountBlock a.active span {
    background: url(../img/bgi/nav-arrow.png) no-repeat center 15px;
    padding: 0 0 7px 0;
}
.accountBlock:hover .accountBlock1 {
    display: block;
}
.accountBlock1 {
    /*position: absolute;*/
    /* Der account Block geht davon aus das darüber MEIN KONTO steht, das passt aber nicht, daher hier die 75px auf die -630px die hier standen addiert */
    /*left: -705px;
    width: 800px;
    top: 22px;*/
    margin: 10px 0 -30px 10px;
    overflow: hidden;
}
.accountBlock1 li small {
    float: left;
    padding: 10px 0 0 0;
}
.accountBlock1 ul {
    /*float: right;
    padding: 9px 0 0 8px;
    margin-right: 86px;*/
    height: 26px;
    overflow: hidden;
    white-space: nowrap;
}
.accountBlock1 ul li {
    /*float: right;*/
    display: inline-block;
    /*padding: 0 0 0 3px;*/
    padding: 0;
    font: 400 11px/26px Arial, Helvetica, sans-serif;
    color: #333;    
}
.accountBlock1 ul li a {
    height: auto;
    padding: 0;
    font: 11px/26px Arial, Helvetica, sans-serif;
    color: #333;
    text-transform: none;
    background: none;    
}
.accountBlock1 ul li a:hover,.accountBlock1 ul li a.active {
    color: #00b1ef;
    background: none;
}
.accountBlock2 ul li {
    padding: 0 0 0 13px;    
}
/* End Main Nav
--------------------------------------------------------------------------------------------------*/
/* =Common css
--------------------------------------------------------------------------------------------------*/

/* =Main Content
--------------------------------------------------------------------------------------------------*/
#main {
    /*overflow: hidden;*/
    position: relative;
    padding: 0 0 29px 0;
    
}
#main .container_12 {
    position: relative;
    z-index: 0;
}
.contactLink {
    position: fixed;
    left: 0;
    top: 322px;    
}
/*#main .container_12{
    border-top: 1px solid #d8d8d8;
}*/
.contentBlock {
    clear: both;
    margin: 15px 0 0 0;
}
.contentBlock h3 {
    font: bold 30px/34px Arial, Helvetica, sans-serif;
    color: #00b1ef;
}
.contentBlock p {
    clear: both;
    font: 18px/26px Arial, Helvetica, sans-serif;
    color: #333;
    padding: 13px 0 0 0;
}
.loginBlock {
    position: relative;
    overflow: hidden;
    width: 938px;
    margin: 23px 0 0 0;
    background: #e5f7fd;
    border: 1px solid #dadada;
    border-radius: 2px;
    
    padding-bottom: 13px;
}
.resetpasswordBlock {
    position: relative;
    overflow: hidden;
    width: 938px;
    margin: 23px 0 0 0;
    background: #e5f7fd;
    border: 1px solid #f00f0f;
    border-radius: 2px;
    
    padding-bottom: 13px;
}
.resetpasswordBlock h4 {
    position: relative;
    width: 896px;
    height: 32px;
    margin: 15px 0 0 16px;
    font: bold 13px/32px Arial, Helvetica, sans-serif;
    color: #ef0000;
    background: #ffd9d9;
    border-radius: 2px;
    
    padding: 0 0 0 10px;
}

.signinBlock {
    display: block;
    padding: 14px 0 0 16px;
    width: 922px;
}
.signinBlock h5 {
    float: left;
    font: bold 15px/32px Arial, Helvetica, sans-serif;
    color: #00b1ef;
}
.textBox {
    position: relative;
    float: left;
    width: 217px;
    height: 24px;
    padding: 4px 10px;
    background: #fff;
    border: 1px solid #c6e3ed;
    border-radius: 2px;
    
    margin: 0 0 0 18px;
}
.textBox1 {
    margin: 0 0 0 13px;
    width: 197px;    
}
.textBox input {
    border: none;
    outline: none;
    background: none;
    width: 217px;
    height: 24px;    
}
.textBox1 input {
    width: 197px;    
}
.textBox span {
    position: absolute;
    right: 2px;
    top: 0;
}
.loginButton {
    position: relative;
    float: left;
    width: 121px;
    height: 32px;
    background: #00b1ef;
    font: 16px/32px Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    border: none;
    outline: none;    
    border-radius: 2px;
    
    margin: 0 0 0 14px;
}
.signinBlock .passwordBlock {
    float: left;
    padding: 0 0 0 12px;    
}
.signinBlock .passwordBlock a {
    display: block;
    font: 11px/16px Arial, Helvetica, sans-serif;
    color: #00b1ef;
    text-decoration: none;
}
.signinBlock .passwordBlock a:hover {
    text-decoration: underline;    
}
.bottomBlock {
    position: relative;
    overflow: hidden;
    margin: 29px 0 0 0;
    width: 938px;
    background: url(../img/bgi/bottomBlockbg.gif) repeat-y left top;
    border: 1px solid #dadada;
    border-radius: 2px;
    
}
.sideBar {
    float: left;
    width: 308px;    
}
.sideBar ul li a {
    display: block;
    width: 308px;
    background: #fff;
    padding: 16px 0 17px 0;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    text-decoration: none;
    font: 13px/16px Arial, Helvetica, sans-serif;
    color: #808080;
}
.sideBar ul li:last-child a {
    border-bottom: 0px none transparent;
    -moz-box-shadow: -1px 0px 0 1px #DADADA;
    -webkit-box-shadow: -1px 0px 0 1px #DADADA;
    box-shadow: -1px 0px 0 1px #DADADA;
}
.sideBar ul li a:hover {
    background: #f7f7f7;
    border-right: none;
    color: #00b1ef;
}
.sideBar ul li a span {
    display: block;
    width: 276px;
    padding: 0 0 0 18px;
    background: url(../img/bgi/right-arrow.png) no-repeat right center;    
}
.sideBar ul li a:hover span {
    background: url(../img/bgi/right-arrow-hover.png) no-repeat right center;    
}
.content {
    float: left;
    width: 556px;
    padding: 0 0 27px 0;
    margin: 20px 0 0 38px;    
}
.content h3 {
    font: bold 20px/26px Arial, Helvetica, sans-serif;
    color: #333;
}
.content figure {
    clear: both;
    margin: 10px 0 10px 0;    
}
.content p {
    clear: both;
    padding: 3px 0 0 0;
    font: 15px/22px Arial, Helvetica, sans-serif;
    color: #333;    
}
.content p a {
    text-decoration: none;
    color: #00b1ef;    
}
.content p a:hover {
    text-decoration: underline;    
}
.displayButton {
    display:block;
    position: relative;
    clear: both;
    width: 149px;
    height: 32px;
    text-decoration: none;
    background: #00b1ef;
    font: bold 13px/32px Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    
    margin: 10px 0 0 0;    
}
/* =End Main Content
--------------------------------------------------------------------------------------------------*/


/* Start Innerpage1
--------------------------------------------------------------------------------------------------*/
.innercontentBlock {
    float: left;
}
/*.headingBlock {
    display: block;
    float: left;
    margin: 22px 0 -5px;
}
.headingBlock ul {
    width: 100%;    
}*/
.headingBlock ul li {
    float: left;
    width: 404px;
    margin-right: 4px;
}
.headingBlock ul li.second {
    width: 383px;    
}
.headingBlock ul li.last {
    width: 145px;
    margin: 0;    
}
.headingBlock ul li a {
    /*float: left;
    width:100%;*/
    display: block;
    text-decoration: none;
    /*margin: -12px 0 0 0;*/
    background: #fff;
    padding-right: 4px;
    cursor: pointer;
}
.headingBlock ul li.last a {
    padding-right: 0;    
}
.headingBlock ul li a span {
    position: relative;
    float: left;
    width: 29px;
    height: 29px;
    background: #ededed;
    font: bold 14px/29px Arial, Helvetica, sans-serif;
    color: #a6a6a6;
    border-radius: 16px;
    
    text-align: center;
}
.headingBlock ul li a strong {
    float: left;
    font: bold 14px/29px Arial, Helvetica, sans-serif;
    color: #d9d9d9;
    text-decoration: none;
    padding: 0 0 0 4px;
}
.headingBlock ul li a:hover strong,.headingBlock ul li a.active strong,.headingBlock ul li a.activestate strong {
    color: #00b6f2;
}
.headingBlock ul li a:hover span,.headingBlock ul li a.activestate span{
    background:    #00b6f2;
    color: #fff;
}
.headingBlock ul li a.active span{
    font-size: 0;
    text-indent: -1000px;
    background:url(../img/bgi/but1.gif) no-repeat left center;
}
.headingBlock ul li a em {
    position: relative;
    float: left;
    width: 75%;
    margin: 0 0 0 4px;
    font-size: 0;
    text-indent: -1000px;
    height: 29px;
    border-radius: 107%;
    background:url(../img/bgi/border1.png) repeat-x left center;
     
}
.headingBlock ul li a .border1 {
    width: 65%;
}
.headingBlock ul li a.active em {
    background:url(../img/bgi/border1over.png) repeat-x left center; 
}
.block1 {
    display: inline-block;
    margin: 5px 0 15px;
    width: 938px;
    background: #fafafa no-repeat right top;
    border: 1px solid #dadada;
    padding: 0;
}
.innerBlock {
    overflow: hidden;
    padding: 0 0 17px 20px;
}
.innerText {
    padding: 10px;
}
.block1 h3 {
    clear: both;
    padding: 16px 0 5px 0;
    font: bold 20px/22px Arial, Helvetica, sans-serif;
    color: #595959;
}
.block1 p {
    font: 15px/22px Arial, Helvetica, sans-serif;
    color: #333;
}
.selectBox {
    position: relative;
    float: left;
    margin: 17px 0 0 0;
    width: 393px;
}
.selectBox label {
    display: block;    
    font: bold 11px/16px Arial, Helvetica, sans-serif;
    color: #a6a6a6;
    text-transform: uppercase;
}
.selectBox select {
    margin: 0;
    width: 368px;
    height: 34px;
    padding: 6px 3px 6px 4px;
    border-radius:4px;
    background: #fff;
    color:#333333;
    border:1px solid #dadada;
    outline:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    z-index: 10;
}
.selectBox span:after {
    content:'>';
    font:20px "Consolas", monospace;
    color:#c4c4c4;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:35px;
    top:17px;
    position:absolute;
    pointer-events:none;
    height: 32px;
    line-height:32px;
    z-index: 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .selectBox span:after {
         right: 37px;
    }
}
.selectBox span:before {
    content:'';
    right:25px;
    top:17px;
    width:34px;
    height:32px;
    border-left:1px solid #dadada;
    border-right:1px solid #dadada;
    background:#ededed;
    position:absolute;
    pointer-events:none;
    display:block;
    -webkit-border-radius:0 4px 4px 0;
    -moz-border-radius:0 4px 4px 0;
    border-radius:0 4px 4px 0;
}
.selectBox .selectlist2:after {
    right:10px;
}
.selectBox .selectlist2:before {
    right:0px;
}

.innerBlock1 {
    clear: both;
    padding: 20px 0 15px 0;
    border-top: 1px solid #dadada;
}
.innerBlock1 .box {
    position: relative;
    clear: both;
    padding: 8px 80px 12px 11px;
    background: #e1f3f9;
    border: 1px solid #cee9f2;
    border-radius: 2px;
    
    width: 809px;
    margin: 0 0 0 20px;
}
.innerBlock1 .box h4 {
    font: bold 13px/19px Arial, Helvetica, sans-serif;
    color: #333;
}
.innerBlock1 .box p {
    font: 13px/16px Arial, Helvetica, sans-serif;
    color: #333;
}
.block2 {
    /*float: left;*/
    position: relative;
    width: 908px;
    padding: 15px;
    margin: 15px 0 0 0;
    border: 1px solid #dadada;
    border-radius: 2px;
    background:#fafafa;
    
}
.block2 h3 {
    display: block;
    color: #595959;
    font: 700 20px/22px Arial, Helvetica, sans-serif;
}
.block2 h5 {
    display: block;
    color: #595959;
    padding: 6px 0 0 0;
    font: 700 20px/22px Arial, Helvetica, sans-serif;
}
.block2 h4 {
    display: block;
    padding: 12px 0 0;
    color: #333;
    font-size: 15px;
}
.block2 h6 {
    display: block;
    padding: 8px 0 8px 0;
    color: #333;
    font-size: 15px;
}

.block2 ul.tabNav {
    float: left;
    width: 897px;
    position:relative;
    height: 40px;
    margin: 15px 0 0 0;
    border: 1px solid #dcdcdc;
    border-bottom: none;
    border-radius: 2px;
    background: url(../img/bgi/tabMenubg.gif) repeat-x left top;
    
}
.block2 ul.tabNav li {
    float: left;
    padding: 6px 0 0 6px;
}
.block2 ul.tabNav li a {
    float: left;
    width: 49px;
    height: 32px;
    text-align: center;
    color: #808080;
    text-decoration: none;
    font: 700 13px/32px Arial, Helvetica, sans-serif;
    border: 1px solid #dadada;
    background:#f7f7f7;
}
.block2 ul.tabNav li a:hover,.block2 ul.tabNav li a.active {
    color: #333333;
    border-bottom: 1px solid #fafafa;
    background: #fafafa;
}
.tabContent {
    clear: both;
    display: inline-block;
    width: 100%;
    margin: 10px 0 0 0;
}
.tabContent ul {
    display:block;
    overflow:hidden;
    border: 1px solid #dadada;
}
.tabContent ul li {
    float: left;
    width: 100%;
    border-top: 1px solid #dadada;
}
.tabContent ul li:first-child,.tabContent ul li span:first-child {
    border: none;
}
.tabContent ul li.listRow {
    background: #ffffff;
}
.tabContent ul li span {
    float: left;
    color:#333333;
    font: 700 13px/33px Arial, Helvetica, sans-serif;
    border-left: 1px solid #dadada;
}
.tabContent ul li span.list1 {
    width: 200px;
    padding: 0 0 0 9px;
}
.tabContent ul li span.list2 {
    width: 136px;
}
.tabContent ul li span .field {
    float: left;
    height: 15px;
    width: 15px;
    line-height: 15px;
    margin: 9px 0 0 23px;
}
.tabContent ul li span strong {
    float: left;
    padding: 0 0 0 7px;
    font-weight: 400;
}
.tabContent ul li span strong:hover {
    color: #00b6f2;
}
.tabContent.terminListing ul li {
    display: table;
}
.tabContent.terminListing ul li > div,
.tabContent.terminListing ul li > span.list1 {
    display: table-cell;
    float: none;
    vertical-align: top;
}
.tabContent.terminListing ul li div span:first-child {
    border-left: 1px solid #dadada;
}
.More,.But1,.But2,.But3 {
    position: relative;
    float: right;
    height: 32px;
    line-height: 32px; 
    margin: 24px 0 0 0;
    padding: 0 32px;
    color: #fff;
    border-radius: 2px;
    text-align: center;
    text-decoration: none;
    /*font: 400 16px/44px Arial, Helvetica, sans-serif;*/
    font-size: 16px;
    background:#00b6f2;
    
}
.But1 {
    float: left;
}
.But2 {
    float: left;
    margin: 24px 0 0 440px;
    padding: 0 22px;
}
.tabContent input.switch:empty {
    margin-left:-999px;
}
/* End Innerpage1
--------------------------------------------------------------------------------------------------*/
.block2 ul.listBlock1 {
    clear: both;
    padding: 20px 0 0 0;
}
.block2 ul.listBlock1 li {
    float: left;
    margin: 0 19px 0 0;
}
.block2 ul.listBlock1 li a {
    position: relative;
    clear: both;
    display: block;
    width: 112px;
    border: 1px solid #dadada;    
    border-radius: 2px;
    
    background: #fff;
    text-align: center;
    text-decoration: none;
}
.block2 ul.listBlock1 li a img {
    margin: 9px 0 0 9px;    
}
.block2 ul.listBlock1 li a span {
    display: block;
    font: 13px/16px Arial, Helvetica, sans-serif;
    color: #bfbfbf;
    padding: 4px 0;
}
.block2 ul.listBlock1 li a:hover {
    border: 1px solid #00b6f2;    
}
.block2 ul.listBlock1 li.listItem1:hover a{
    border: 1px solid #00b6f2;    
}
.block2 ul.listBlock1 li.listItem1:hover a span {
    color: #00b6f2;
}
.block2 ul.listBlock1 li.listItem2:hover a{
    border: 1px solid #e62e2e;    
}
.block2 ul.listBlock1 li.listItem2:hover a span {
    color: #e62e2e;
}
.block2 ul.listBlock1 li.listItem3:hover a{
    border: 1px solid #6269b3;    
}
.block2 ul.listBlock1 li.listItem3:hover a span {
    color: #6269b3;
}
.block2 ul.listBlock1 li.listItem4:hover a{
    border: 1px solid #0099cc;    
}
.block2 ul.listBlock1 li.listItem4:hover a span {
    color: #0099cc;
}
.block2 ul.listBlock1 li.listItem1.selected a{
    border: 2px solid #00b6f2;    
    background-color: #d9d9d9;
}
.block2 ul.listBlock1 li.listItem1.selected a span {
    color: #00b6f2;
}
.block2 ul.listBlock1 li.listItem2.selected a{
    border: 2px solid #e62e2e;    
    background-color: #d9d9d9;
}
.block2 ul.listBlock1 li.listItem2.selected a span {
    color: #e62e2e;
}
.block2 ul.listBlock1 li.listItem3.selected a{
    border: 2px solid #6269b3; 
    background-color: #d9d9d9;
}
.block2 ul.listBlock1 li.listItem3.selected a span {
    color: #6269b3;
}
.block2 ul.listBlock1 li.listItem4.selected a{
    border: 2px solid #0099cc;  
    background-color: #d9d9d9;
}
.block2 ul.listBlock1 li.listItem4.selected a span {
    color: #0099cc;
}
.block2.layoutSelection {
    padding-right: 0;
    width: 919px;
}
.block2 ul.listBlock2 {}
.block2 ul.listBlock2 li {
    float: left;
    width: 217px;
    margin: 10px 10px 0 0;
}
.block2 ul.listBlock2 li a {
    position: relative;
    clear: both;
    display: block;
    border: 1px solid #dadada;    
    border-radius: 2px;
    
    background: #fff;
    text-decoration: none;
}
.block2 ul.listBlock2 li a img {
    margin: 10px 0 0 9px;
}
.block2 ul.listBlock2 li a span {
    display: block;
    font: 15px/16px Arial, Helvetica, sans-serif;
    color: #bfbfbf;
    padding: 6px 0;
    text-align: center;
}
.block2 ul.listBlock2 li a strong {
    display: block;
    position: relative;    
}
.block2 ul.listBlock2 li a strong small {
    position: absolute;
    top: 0;
    left: 9px;
    display: none;
    background: #4a6f82;
    width: 183px;
    height: 111px;
    border-radius: 2px;
    
    padding: 0 0 0 9px;
}
.block2 ul.listBlock2 li a strong small span {
    padding: 10px 0 0 0;
    font: bold 13px/16px Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: left;
}
.block2 ul.listBlock2 li a strong small em {
    display: block;
    font: 12px/16px Arial, Helvetica, sans-serif;
    color: #d3eef7;
    font-style: normal;
}
.block2 ul.listBlock2 li a strong small cite {
    font: 12px/16px Arial, Helvetica, sans-serif;
    color: #fff;
}
.block2 ul.listBlock2 li a:hover {
    border: 1px solid #00b6f2;    
}
.block2 ul.listBlock2 li a.selected {
    border: 1px solid #00b6f2;    
}
.block2 ul.listBlock2 li a:hover strong small {
    display: block;
}
.block2 ul.listBlock2 li a .zoom {
    position: absolute;
    right: 17px;
    top: 13px;
    width: 32px;
    height: 30px;
    background: url(../img/bgi/zoom-image.png) no-repeat left top;
}
.block2 ul.listBlock2 li a:hover span {
    color: #00b6f2;
}
.block2 ul.listBlock2 li a:hover strong small span {
    color: #fff;
}

/* End Innerpage2
--------------------------------------------------------------------------------------------------*/

/*.ta1 {
    clear: both;
    width: 100%;
    padding: 16px 0 0 0;
}*/
.ta1 {
    padding: 16px 0 0 0;
    clear: both;
}
.ta1.tooltip-attached span,
.ta1.tooltip-attached textarea,
.ta1.tooltip-attached small.list,
.ta1.tooltip-attached small.selectlist,
.ta1.tooltip-attached .field1,
.ta1.tooltip-attached .LeftInnerBlock1 {
    float: left;
}
/*.ta1.tooltip-attached span.mceEditor,
.ta1.tooltip-attached span.mceEditor span {
    float: none;
}*/
/*.error {
    clear: both;
    width: 100%;
}*/
/*.feedbackPanel {
    position: relative;
    width: 896px;
    height: auto;
    margin: 15px 0 0 16px;
    font: bold 13px/32px Arial, Helvetica, sans-serif;
    color: #ef0000;
    background: #ffd9d9;
    border-radius: 2px;
    
    padding: 0;
}*/
.error strong,
.feedback.feedbackinfo,
.feedback strong.feedbackinfo,
.feedbackPanel li.feedbackPanelERROR {
    position: relative;
    display: block;
    margin-bottom: 10px;
    padding: 8px 8px 8px 40px;
    border-radius: 3px;
    background: #ffd9d9 url(../img/bgi/icon-error-18-18.png) no-repeat 10px center;
    
}
.feedbackPanel li.feedbackPanelERROR {
    float: left;
}
.error strong:after,
.feedbackPanel li.feedbackPanelERROR:after {
    position: absolute;
    left: 10px;
    top: 100%;
    height: 0;
    width: 0;
    content: ' ';
    border: 10px solid transparent;
    border-top-color: #ffd9d9;
}
.error span,
.feedback.feedbackinfo,
.feedback strong.feedbackinfo span,
.feedbackPanel span.feedbackPanelERROR {
    float: none;
    color: #ef0000;
    font: 700 13px/37px Arial, Helvetica, sans-serif;
    line-height: 20px;
}
.feedback.feedbackinfo,
.feedback strong.feedbackinfo {
    border: 1px solid #00b1ef;
    background-color: #ffffff;
    background-image: url(../img/bgi/icon-info-18-18.png);
}
.feedback.feedbackinfo,
.feedback strong.feedbackinfo,
.feedback strong.feedbackinfo span {
    color: #00b1ef;
}
.ta1 label {
    display: block;
    clear: both;
    text-transform: uppercase;
    color: #a6a6a6;
    font: 700 11px/18px Arial, Helvetica, sans-serif;
}
.ta1 span.label-value {
    margin-top: 7px;
    margin-right: 30px;
}
/*.field1 {
    position: relative;
    float: left;
    width: 400px;
    height: 22px;
    padding: 5px 0 5px 8px;
    border-radius: 3px;
    border: 1px solid #dadada;
    background:#ffffff;
    
}*/
.field1 {
    width: 400px;
    height: 22px;
    padding: 5px 0 5px 8px;
    border-radius: 3px;
    border: 1px solid #dadada;
    background-color: #ffffff;
    
}
.field1 strong {
    float: right;
    margin-top: -5px;
    width: 34px;
    height: 32px;
    color: #a6a6a6;
    text-align: center;
    font: 400 14px/32px Arial, Helvetica, sans-serif;
    border-left: 1px solid #d9d9d9;
    background-color: #ededed;
}
.field1 span.inform {
    position: absolute;
    right: 8px;
}
.field1 strong + span.inform {
    right: 41px;
}
.field1 .color_picker + span.inform {
    right: 35px;
}
.field2 {
    position: relative;
    width: 599px;
}
.field_plz {
    position: relative;
    float: left;
    width: 80px;
    height: 22px;
    margin: 0 20px 0 0;
    padding: 5px 0 5px 8px;
    border-radius: 3px;
    border: 1px solid #dadada;
    background:#ffffff;
}
.field3 {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DADADA;
    border-radius: 3px;
    float: left;
    height: 22px;
    padding: 5px 0 5px 8px;
    margin: 0 20px 0 0;
    position: relative;
    width: 290px;
}
/*.field4 {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DADADA;
    border-radius: 3px;
    float: left;
    height: 22px;
    padding: 5px 0 5px 8px;
    margin: 0 0 0 20px;
    position: relative;
    width: 250px;
}*/
/*.field4 {
    display: block;
    float: left;
    width: 596px;
    height: 129px;
    padding: 9px 0 0 10px;
    border-radius: 3px 3px 0 0;
    border: 1px solid #dadada;
    background: #ffffff;
    color: #333333;
    font: 15px/20px Arial, Helvetica, sans-serif;
}*/
.field4 {
    display: block;
    width: 587px/*596px*/;
    height: 129px;
    padding: 10px;
    border-radius: 3px 3px 0 0;
    border: 1px solid #dadada;
    background-color: #fff;
    color: #333;
    font: 15px/20px Arial, Helvetica, sans-serif;
}
/*.field1 .fieldList {
    float: left;
    width: 350px;
    height: 22px;
    padding: 0;
    color:#333333;
    font: 400 15px/22px Arial, Helvetica, sans-serif;
    border: none;
    background: none;
}*/
.field1 .fieldList {
    padding: 0;
    width: 350px;
    height: 22px;
    color: #333;
    font: 400 15px/22px Arial, Helvetica, sans-serif;
    border: none;
}
.field1.textarea,
.field1.textarea .fieldList {
	width: 400px;
	height: 129px;
}
.field2 .fieldList {
    width: 560px;
}
.field_plz .fieldList {
    float: left;
    width: 80px;
    height: 22px;
    padding: 0;
    color:#333333;
    font: 400 15px/22px Arial, Helvetica, sans-serif;
    border: none;
    background: none;
}
.field3 .fieldList {
    float: left;
    width: 250px;
    height: 22px;
    padding: 0;
    color:#333333;
    font: 400 15px/22px Arial, Helvetica, sans-serif;
    border: none;
    background: none;
}
.field4 .fieldList {
    float: left;
    width: 250px;
    height: 22px;
    padding: 0;
    color:#333333;
    font: 400 15px/22px Arial, Helvetica, sans-serif;
    border: none;
    background: none;
}
/*.inform {
    position: relative;
    float: left;
    width: 17px;
    height: 17px;
    margin: 9px 0 0 10px;
    background: url(../img/bgi/question_Mark.png) no-repeat left top;
}*/
.inform {
    position: relative;
    display: inline-block;
    float: none !important;
    right: 25px; top: 8px;
    padding: 0 !important;
    width: 17px;
    height: 17px;
    background: url(../img/bgi/question_Mark.png) no-repeat left top;
}
.inform:hover {
    background: url(../img/bgi/question_Mark.png) no-repeat left -17px;
}
.inform:hover em {
    display: block;
}
.inform em {
    background: none repeat scroll 0 0 #00B1EF;
    border-radius: 3px;
    color: #FFFFFF;
    display: none;
    font: 700 13px/17px Arial,Helvetica,sans-serif;
    left: 30px;
    padding: 8px 13px;
    position: absolute;
    top: -9px;
    width: 242px;
    z-index: 10;
}
.inform em:before{
    content:"";
    display: block;
    position: absolute;
    left: -7px;
    width: 7px;
    height: 37px;
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAOAQMAAADZk5RYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAGUExURf///wCx75ips24AAAABdFJOUwBA5thmAAAAG0lEQVQI12NgYmJh4mASYFJgcmD4x8TA/B8BAT2SB5Vj5TF7AAAAAElFTkSuQmCC) no-repeat left 2px;
}
/*.field2 .fieldList{
    width: 350px;
}*/
/*.field2 strong {
    float: right;
    width: 34px;
    height: 32px;
    text-align: center;
    color:#a6a6a6;
    margin: -5px 0 0 0;
    font: 400 14px/32px Arial, Helvetica, sans-serif;
    border-left: 1px solid #d9d9d9;
    background:#ededed;
}*/
.contentBlock1 {
    clear: both;
    width: 897px;
}
.information {
    display: block;
    position: relative;
    width: 588px;
    margin: 25px 0 0 0;
    padding: 10px 10px 10px 10px;
    border: 1px solid #cee9f2;
    background:#e1f3f9;
    border-radius: 3px;
}
.contentBlock1 .grid_8 .information p {
    clear: both;
    padding: 0;
    color:#333333;
    font: 13px/17px Arial, Helvetica, sans-serif;
}
.information p strong {
    display: block;
}
.information span {
    position: absolute;
    left: 8px;
    bottom: -8px;
    width: 14px;
    height: 8px;
    background: url(../img/bgi/arrow2.gif) no-repeat left top;
}
.ta2 {
    clear: both;
    width: 100%;
    margin: 12px 0 0 0;
}
.ta2 label {
    display: block;
    clear: both;
    color: #a6a6a6;
    font: 700 11px/18px Arial, Helvetica, sans-serif;
}
.ta2 span {
    display:block;
    width: 598px;
    height: 160px;
    padding: 10px 0 0 8px;
    border: 1px solid #dadada;
    background:#fff;
}
.ta2 span .field3 {
    display: block;
    width: 598px;
    height: 160px;
    color:#333333;
    font: 400 15px/18px Arial, Helvetica, sans-serif;
    padding: 0;
    border: none;
    background: none;
}
.ta3 {
    position: relative;
    overflow: hidden;
    width: 606px;
    margin: 24px 0 0 0;
    padding: 0 0 16px 0;
    border: 1px solid #dcdcdc;
    background:#ffffff;
    border-radius: 3px;
    
}
.ta3 h4 {
    display: block;
    height: 31px;
    color:#00b1ef;
    font: 700 11px/31px Arial, Helvetica, sans-serif;
    padding: 0 0 0 12px;
    border-bottom: 1px solid #dcdcdc;
    background:#ededed;
}
.fieldBlock {
    clear: both;
    overflow: hidden;
    padding: 11px 0 19px 13px;
    border-bottom: 1px solid #dadada;
}
.fieldBlock label {
    display: block;
    color: #a6a6a6;
    font: 700 11px/18px Arial, Helvetica, sans-serif;
}
.fieldBlock span {
    float: left;
    width: 540px;
    height: 22px;
    padding: 5px 0 5px 8px;
    border: 1px solid #dadada;
    background:#ffffff;
}
.fieldBlock span .field {
    display: block;
    width: 530px;
    height: 22px;
    color:#333333;
    padding: 0;
    font: 400 15px/22px Arial, Helvetica, sans-serif;
    border: none;
    background: none;
}
.fieldBlock a {
    float: left;
    width: 14px;
    height: 15px;
    margin: 9px 0 0 13px;
    font-size: 0;
    text-indent: -1000px;
    background: url(../img/bgi/deleteIcon.png) no-repeat left top;
}
.ta3 .click {
    display: inline-block;
    width: 577px;
    height: 53px;
    margin: 20px 0 0 13px;
    text-align: center;
    color:#00b1ef;
    text-decoration: none;
    font: 700 15px/53px Arial, Helvetica, sans-serif;
    border: 1px dashed #d9d9d9;
    background: #f5f5f5;
}
.contentBlock1 .grid_8 p {
    clear: both;
    padding: 20px 20px 0 0;
    color: #333333;
    font: 15px/20px Arial, Helvetica, sans-serif;
}
.contentBlock1Right {
    position: relative;
    float: right;
    width: 252px;
    margin: 27px 0 0 0;
    padding: 0 0 10px 0;
    border-radius: 3px;
    border: 1px solid #dadada;
    background:#ffffff;
}
.contentBlock1Right h5 {
    display: block;
    color: #00b1ef;
    height: 31px;
    padding: 0 0 0 12px;
    font: 700 11px/31px Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #dadada;
    background:#ededed;
}
.rightBlock1 {
    width: 228px;
    padding: 15px 13px 11px 11px;
    border-bottom: 1px solid #dcdcdc;
}
.rightBlock1 p {
    padding: 3px 0 6px 6px;
    color:#333333;
    font: 11px/14px Arial, Helvetica, sans-serif;
    border: 1px solid #dcdcdc;
}
.rightBlock1 p strong {
    display: block;
    font-weight: 700;
}
.rightBlock1 a,a.but5 {
    position: relative;
    display: block;
    margin: 11px 0 0 0;
    width: 100%;
    height: 32px;
    text-decoration: none;
    border-radius: 3px;
    background:#00b1ef;
    
}
.rightBlock1 a span,a.but5 span {
    float: left;
    padding: 0 0 0 15px;
    margin: 0 0 0 23px;
    color: #fff;
    font: 700 13px/33px Arial, Helvetica, sans-serif;
    background: url(../img/bgi/searchIcon.png) no-repeat left center;
}
.rightBlock2 {
    clear: both;
    padding: 0 13px 0 11px;
}
.rightBlock2 h6 {
    display:block;
    color: #a6a6a6;
    text-transform: uppercase;
    font: 700 12px/18px Arial, Helvetica, sans-serif;
}
.rightBlock2 ul {
    clear: both;
    overflow: hidden;
    padding: 0 0 5px 0;
}
.rightBlock2 ul li:first-child {
    border: none;
}
.rightBlock2 ul li {
    float: left;
    width: 100%;
    color:#333333;
    padding: 2px 0 3px 0;
    font: 11px/15px Arial, Helvetica, sans-serif;
    border-top: 1px solid #dadada;
}
.rightBlock2 ul li strong {
    display: block;
    font-weight: 400;
}
.rightBlock2 ul li span {
    float: left;
    padding: 0 15px 0 0;
}
.rightBlock2 ul li em {
    float: right;
    font-style: normal;
}
.rightBlock2 ul li p {
    display: block;
    margin: -3px 0 0 0;
    padding: 6px 0 0 0;
    border-top: 2px solid #d9d9d9;
}
.rightBlock2 ul li p span {
    font: 700 15px/20px Arial, Helvetica, sans-serif;
}
.rightBlock2 ul li p em {
    font: 700 15px/20px Arial, Helvetica, sans-serif;
}
.rightBlock2 a {
    clear: both;
    display: block;
    width: 100%;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    font: 700 13px/32px Arial, Helvetica, sans-serif;
    border-radius: 3px;
    background:#00b1ef;
}
/*.ta1 .select1 {
    float: left;
    width: 367px;
    height: 34px;
    padding: 6px 1px 6px 8px;
    color:#333333;
    font: 15px/17px Arial, Helvetica, sans-serif;
    border: 1px solid #dadada;
    outline:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    border-radius:4px;
    background:#fff;
}*/
.ta1 .select1 {
    width: 609px/*410px*/;
    height: 34px;
    padding: 6px 1px 6px 8px;
    color: #333;
    font: 15px/17px Arial, Helvetica, sans-serif;
    border: 1px solid #dadada;
    cursor: pointer;
    outline: none;
    background-color: #fff;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 4px;
}
.ta1 .list-short .select1 {
    width: 410px
}
.ta1 small:after {
    content:'>';
    font:20px "Consolas", monospace;
    color:#c4c4c4;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:126px;
    top:12px;
    position:absolute;
    pointer-events:none;
    height: 32px;
    line-height:32px;
    
}
.ta1 small:before {
    content:'';
    right:116px;
    top:12px;
    width:34px;
    height:32px;
    border-left:1px solid #dadada;
    border-right:1px solid #dadada;
    background:#ededed;
    position:absolute;
    pointer-events:none;
    display:block;
    -webkit-border-radius:0 4px 4px 0;
    -moz-border-radius:0 4px 4px 0;
    border-radius:0 4px 4px 0;
}
/*.ta1 small.list {
    position: relative;
    float: left;
    font-size: 100%;
}
/*.ta1 small.list select {
    float: none;
}*/
.ta1 small.list {
    position: relative;
    display: inline-block;
    margin-right: -34px; /* Um das Tooltip im select zu platzieren */
}
.ta1 small.list:after {
     right: 10px;
     top: 1px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .ta1 small.list:after {
         right: 12px;
    }
}
.ta1 small.list:before {
     right: 0;
     top: 1px;
}
/*.ta1 small.selectlist3:after {
     right:243px;
     top: 33px;
}
.ta1 small.selectlist3:before {
     right:233px;
     top: 33px;
}*/
.But3 {
    float: left;
    clear: both;
    margin: 20px 0 0 0;
    padding: 0 20px;
    height: 30px;
    font: 700 13px/30px Arial, Helvetica, sans-serif;
}
/* End Innerpage3
--------------------------------------------------------------------------------------------------*/
/* Ersetzt .LeftBlock1 in allgemeinen Komponenten wie AdGroupDispatcherComponent.html */
.block2 .block2 {
    position: static;
    float: left;
    width: 609px;
    margin: 25px 0 0 0;
    padding: 16px 0 0 0;
    border-width: 1px 0 0;
    border-radius: 0;
}
/*.LeftBlock1 {
    float: left;
    display:block;
    width: 609px;
    margin: 25px 0 0 0;
    padding: 16px 0 0 0;
    border-top: 1px solid #dadada;
}*/
.LeftBlock1 {
    margin-top: 16px;
    padding-top: 12px;
    width: 609px;
    border-top: 1px solid #dadada;
}
.LeftBlock1 h5 {
    position: relative;
    display: block;
    color: #595959;
    padding: 0;
    font: 700 16px/18px Arial, Helvetica, sans-serif;
    /*background: url(../img/bgi/icon1.gif) no-repeat right center;*/
}
.LeftBlock1 h5 a.collapse {
    position: absolute;
    right: 0; top: 0;
    width: 29px;
    height: 29px;
    outline: 0;
    font-size: 0;
    text-indent: -1000px;
    background: url(../img/bgi/button-toggle-sprite-29-58.png) no-repeat right bottom;
}
.LeftBlock1 h5 a.collapse.toggle-open {
    background-position: right top;
}
/*.LeftInnerBlock1 {
    display: block;
    clear: both;
    margin: 13px 0 0 0;
    padding: 0 0 16px 0;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    background:#fff;
}*/
.LeftInnerBlock1 {
    /*margin-top: 7px;*/
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    background-color: #fff;
}
.LeftInnerBlock1 h4 {
    display: block;
    height: 31px;
    color: #00b1ef;
    padding: 0 0 0 12px;
    font: 700 11px/31px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    border-bottom: 1px solid #dcdcdc;
    background:#ededed;
}
.LeftInnerBlock1 p.help-text {
    padding: 12px 12px 0;
}
.LeftInnerBlock1 .inform {
    position: absolute;
    right: 6px; top: 42px;
}
.InnerContentBlock1 {
    position: relative;
    overflow: hidden;
    clear: both;
    padding: 0 0 13px 8px;
    width: 600px;
    /*border-bottom: 1px solid #dcdcdc; Bildupload*/
}
.InnerContentBlock1 .ta1 {
    padding-top: 14px;
}
.apply {
    position: relative;
    float: right;
    width: 98px;
    height: 30px;
    margin: 2px 0 0 19px;
    border-radius: 3px;
    border: none;
    cursor: pointer;
    color:#fff;
    text-align: center;
    font: 700 13px/30px Arial, Helvetica, sans-serif;
    background: #00b1ef;
    
}
.InnerContentBlock1 .delete,
.InnerContentBlock5 .delete {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
    width: 14px;
    height: 15px;
    font-size: 0;
    cursor: pointer;
    text-indent: -1000px;
    background: url(../img/bgi/deleteIcon.png) no-repeat right top;
}
.headerControls {
    position: relative;
}
.headerControls a {
    float: right;
    width: 32px;
    height: 31px;
    outline: 0;
    text-indent: -1000px;
    text-decoration: none;
    border-left: 1px solid #dcdcdc;
    background-repeat: ;
}
.headerControls a.collapse {
    background: url(../img/bgi/button-header-toggle-32-62.gif) no-repeat -1px 1px;
}
.headerControls a.collapse.toggle-open {
    background-position: 0 -31px;
}
.headerControls a.remove {
    background: url(../img/bgi/deleteIcon.png) no-repeat center center;
}
.headerControls a.sortup,
.headerControls a.sortdown {
    background: url(../img/bgi/button-header-sort-32-62.gif) no-repeat 0 -33px;
}
.headerControls a.sortdown {
    background-position: 0 3px;
}
.headerControls a.add {
    text-indent: 0px;
    text-align: center;
    font-size: 15px;
}
/*.InnerContentBlock2 {
    position: relative;
    display: inline-block;
    margin: 14px 0 0 12px;
    padding: 0 0 18px 0;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    background:#fafafa;
}
.InnerContentBlock2 .alignleft {
    float: none;
}*/
.InnerContentBlock2 {
    position: relative;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    background-color: #fafafa;
}
.InnerContentBlock2 textarea,
.InnerContentBlock5 textarea {
    display: block;
    float: none;
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.InnerContentBlock2 .delete {
    right: 43px;
    top: 8px;
}
.InnerContentBlock2space {
    margin-top: 24px;
}
.InnerContentBlock2 h4 {
    display: block;
    padding: 0 0 0 11px;
    color: #00b1ef;
    height: 31px;
    text-transform: uppercase;
    font: 700 11px/31px Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #dcdcdc;
    background-color: #ededed;
}
/*.InnerContentBlock2 .ta1 {
    padding: 13px 0 0 12px;
    width: 480px;
}*/
.InnerContentBlock2 .ta1 {
    padding: 12px;
}
.InnerContentBlock2 .ta1 .field1 {
    width: 470px;
}
.InnerContentBlock2 .ta1 .field1 .fieldList {
    width: 461px;
}
/*.Termine {
    position: relative;
    display: inline-block;
    width: 478px;
    margin: 13px 0 0 12px;
    padding: 0 0 17px 0;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    text-transform: uppercase;
    background:#fff;
}*/
.Termine {
    position: relative;
    margin: 12px;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    background-color: #fff;
}
.Termine h5 {
    display: block;
    padding: 0 0 0 11px;
    color: #00b1ef;
    height: 31px;
    text-transform: uppercase;
    font: 700 11px/31px Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #dcdcdc;
    background: #ededed;
}
/*.TermineContentBlock {
    clear: both;
    overflow: hidden;
    padding: 14px 0 18px 12px;
    border-bottom: 1px solid #dadada;
}*/
.TermineContentBlock {
    clear: both;
    overflow: hidden;
    padding: 12px;
}
.listBlock3 {
    width: 408px;
    border: 1px solid #e6e6e6;
    border-left: 0;
    border-bottom: 0;
    background: #ffffff;
}
.listBlock3 li {
    float: none !important;
    margin: 0 !important;
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
}
.listBlock3 li span, .listBlock3 li label {
    float: left;
    width: 183px;
    padding: 8px 0 8px 20px;
    border-left: 1px solid #e6e6e6;
}
.listBlock3 li label.date-label strong {
    padding-left: 5px;
    color: #333;
    font-size: 12px;
    font-weight: normal;
    text-transform: none;
    vertical-align: bottom;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .listBlock3 li label.date-label strong {
        position: relative;
        top: 2px;
    }
}
.listBlock3 li span .check {
    float: left;
    height: 15px;
    line-height: 15px;
}
.listBlock3 li span .check:checked {
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    box-shadow: #174eff 0px 0px 5px;
    
}

.listBlock3 li span strong {
    float: left;
    color:#333333;
    padding: 0 0 0 8px; 
    height: 15px;
    text-transform: none;
    font: 400 13px/15px Arial, Helvetica, sans-serif;
}
.listBlock3 li span strong:hover {
    color:#00b1ef;
}
.listBlock3 li.listItem {
    background: #fafafa;
}
.listBlock4 {
    clear: both;
    width: 409px;
    padding: 0 0 0 1px;
}
.listBlock4 li {
    float: left;
    width: 100%;
    padding: 14px 0 0 0;
}
.listBlock4 li label {
    display: block;
    color: #a6a6a6;
    font: 700 11px/18px Arial, Helvetica, sans-serif;
}
.listBlock4 li span {
    float: left;
    width: 88px;
    height: 22px;
    padding: 5px 0 5px 5px;
    border-radius: 3px;
    border: 1px solid #dadada;
    background: #fff;
}
.listBlock4 li span .fieldList {
    float: left;
    width: 85px;
    height: 22px;
    color: #a6a6a6;
    font: 11px/18px Arial, Helvetica, sans-serif;
    border: none;
    background: none;
}
.listBlock4 li strong {
    float: left;
    width: 2px;
    height: 8px;
    margin: 13px 7px 0 7px;
    background: url(../img/bgi/bullect.gif) no-repeat left top;
}
.listBlock4 li em {
    float: left;
    text-transform: none;
    padding: 0 0 0 9px;
    color: #808080;
    font: normal normal 13px/30px Arial, Helvetica, sans-serif;
}
.But4 {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px dashed #D9D9D9;
    color: #00B1EF;
    display: inline-block;
    font: 700 15px/43px Arial,Helvetica,sans-serif;
    height: 43px;
    margin: 20px 0 0 13px;
    text-transform: none;
    text-align: center;
    text-decoration: none;
    width: 448px;
}
.clickBt,.clickBt2 {
    display: block;
    /*margin-top: 18px;*/
    border-top: 1px solid #DBDBDB;
}
.clickBt .But4 {
    width: 517px;
}
.LeftBlock2 .InnerContentBlock2 {
    padding-bottom: 0;
}
.LeftBlock2 .InnerContentBlock2 h4 {
    border: none;
}
.LeftBlock3,.LeftBlock2 {
    padding-top: 15px;
}
.LeftBlock3 h2 {
    background: none;
    line-height: 20px;
}
.LeftBlock3 .clickBt .But4 {
    width: 607px;
    margin-left: 0;
}
/* End Innerpage4
--------------------------------------------------------------------------------------------------*/

.ta4 {
    padding-top: 0;
}
.contentBlock2 {
    padding-top: 8px;
}
.contentBlock2 .ta2 label {
    text-transform: uppercase;
}
.InnerContentBlock1 .grid_6 .ta5 {
    clear: both;
    width:100%;
    padding: 15px 0 0 0;
}
.InnerContentBlock1 .grid_6 .ta5 label {
    float: left;
    font: 700 11px/24px Arial, Helvetica, sans-serif;
    color: #a6a6a6;
    text-transform: uppercase;
    width: 120px;
}
.InnerContentBlock1 .grid_6 .ta5 strong {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 35px;
    background:#fff;
}
.fileSelect {
    position: relative;
    z-index: 99;
    opacity:0;
}
#FileUpload {
    position:relative;
    float: left;
    width: 325px;
}
#FileUpload span{
    position: absolute;
    width: 136px;
    top: 6px;
    left: 130px;
    float: left;
    color: #333333;
    font: 13px/18px Arial,Helvetica,sans-serif;
}
#BrowserVisible {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    height:28px;
    width:120px;
    border: none;
    background: none;
}
#FileField {
    width: 120px;
    height: 28px;
    border: none;
    border-radius:3px;
    color: #fff;
    text-align: center;
    font: 700 13px/28px Arial, Helvetica, sans-serif;
    background: #00b1ef;
}
#BrowserHidden {
    position:relative;
    width:120px;
    height:28px;
    text-align: right;
    -moz-opacity:0 ;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
    cursor: pointer;
}
.InnerContentBlock1 .grid_6 .ta5 .field1 {
    width: 324px;
}
.InnerContentBlock1 .grid_6 .ta5 .field1 .fieldList {
    width: 320px;
}
.InnerContentBlock1 .grid_2 {
    padding-top: 15px;
    margin-left: -8px;
}
/*.iconBlock {
    position: relative;
    border:1px solid #dadada;
    float: left;
    width: 78px;
    height: 76px;
    margin: 0 0 0 17px;
    border-radius: 3px;
    background: #fff;
}
.iconBlock img {
    position: absolute;
    left: 0; right:0;
    top: 0; bottom:0;
    margin: auto;
}
.iconBlock span {
    display: block;
    text-align: center;
    height: 26px;
    width: 32px;
    padding: 25px 0 0 23px;
}
.iconBlock strong {
    display: block;
    text-align: center;
    height: 8px;
    width: 70px;
    padding: 13px 0 0 4px;
}*/
.InnerContentBlock1 .grid_2 .delete {
    top: 16px;
    right: 13px;
}
.InnerContentBlock3 {
    border: none;
    padding-bottom: 0;
}
.zooicon {
    width: 78px;
    height: 76px;
}
.InnerContentBlock4 {
    width: 547px;
    margin-left: 10px;
    padding: 0 0 8px 0;
    background:#fefefe;
}
.InnerContentBlock2 .grid_7 {
    padding: 14px 0 0 0;
}
.InnerContentBlock2 .grid_7 h5 {
    display: block;
    padding: 0 0 13px 10px;
    color: #333333;
    font: 13px/18px Arial, Helvetica, sans-serif;
    background: none;
}
.imgBlock {
    clear: both;
    width: 100%;
}
.imgBlock figure {
    float: left;
    width: 415px;
    /*height: 208px;*/
    margin: 0 0 0 10px;
}
.view {
    float: left;
    width: 100px;
    padding: 0 0 0 12px;
}
.view span {
    display: block;
    width: 100px;
    height: 100px;
    padding-bottom: 2px;
}
.view a {
    color:#00b1ef;
    text-decoration: none;
    font: 13px/18px Arial, Helvetica, sans-serif;
}
.InnerContentBlock2 .grid_7 p {
    clear: both;
    width: 100%;
    padding: 10px 0 0 0;
}
.InnerContentBlock2 .grid_7 p a {
    float: left;
    height: 32px;
    padding: 0 17px;
    margin: 0 0 0 8px;
    text-decoration: none;
    color: #FFFFFF;
    font: 700 13px/32px Arial,Helvetica,sans-serif;
    text-align: center;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    background: none repeat scroll 0 0 #00B1EF;
}
.InnerContentBlock2 .grid_7 p a:first-child {
    margin-left: 10px;
}
.clickBt2 {
    padding-bottom: 2px;
}
.clickBt2 .But4 {
    width: 577px;
    margin-top: 18px;
}
/*.LeftBlock4 {
    clear: both;
    width: 608px;
    padding: 22px 0 0 0;
}
.LeftBlock4 label {
    display: block;
    color: #a6a6a6;
    font: 700 11px/18px Arial, Helvetica, sans-serif;
}
.LeftBlock4 strong {
    display: block;
    width: 596px;
    height: 129px;
    padding: 9px 0 0 10px;
    border-radius: 3px 3px 0 0;
    border: 1px solid #dadada;
    background:#ffffff;
}
.LeftBlock4 strong .field4 {
    float: left;
    width: 596px;
    height: 130px;
    padding: 0;
    color: #333333;
    font: 15px/20px Arial, Helvetica, sans-serif;
    border: none;
    background:none;
}
.LeftBlock4 span {
    display: block;
    width: 606px;
    height: 31px;
    border-radius: 0 0 3px 3px;
    border: 1px solid #dadada;
    border-top: none;
    background:#ededed;
}
.LeftBlock4 span a {
    float: left;
    width: 20px;
    height: 19px;
    font-size: 0;
    text-indent: -1000px;
    margin: 6px 0 0 292px;
    background:url(../img/imgIcon3.gif) no-repeat left top;
}
.LeftBlock4 span em {
    float: right;
    height: 31px;
    padding: 0 6px 0 6px;
    color: #a6a6a6;
    font: 13px/31px Arial, Helvetica, sans-serif;
    border-left: 1px solid #e3e3e3;
}*/
.LeftBlock5 {
    border: none;
    margin: 0;
    padding-top: 10px;
}
.LeftBlock5 .LeftInnerBlock1 {
    padding-bottom: 0;
    border-bottom: none;
}
.error2 {
    margin: 10px 0 0 0;
}
.error2 strong:after {
    display: none;
}
/*.error2 strong {
    border-radius: 2px;
    height: 37px;
    width: 587px;
}
.error2 strong span {
    height: 37px;
    background:url(../img/bgi/error_Icon.gif) no-repeat left 0;
}
.information2 {
    clear:both;
    margin: 14px 0 0 0;
    display: inline-block;
    width: 583px;
    height: 84px;
    border-radius:2px;
    border: 1px solid #cee9f2;
    background: #e5f7fd;
}*/
.LeftInnerBlock2 .InnerContentBlock1 {
    padding-bottom: 9px;
    border-bottom: 1px solid #f00f0f;
}
.LeftInnerBlock2{
    border: 1px solid #f00f0f;
}
.contentBlock1 .grid_8 .LeftInnerBlock2 .information2 p {
    clear: both;
    padding: 6px 0 6px 8px;
    color:#333333;
    font: 13px/17px Arial, Helvetica, sans-serif;
}
.LeftInnerBlock2 .information2 p strong {
    display: block;
    font-weight: 700;
}
.LeftInnerBlock2 .information2 a {
    float: left;
    font: 700 13px/30px Arial,Helvetica,sans-serif;
    height: 30px;
    margin: 0 0 0 8px;
    padding: 0 17px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    background: #00B1EF;
}
.LeftBlock6 h5 {
    background: none;
}
.LeftBlock6 .LeftInnerBlock1{
    padding-bottom: 0;
}
.LeftBlock6 .LeftInnerBlock1 .InnerContentBlock1 {
    border-bottom: none;
}
.LeftBlock4 span cite {
    float: left;
    margin: 2px 15px 0 276px;
}
.LeftBlock4 span cite a{
    width: 22px;
    height:15px;
    background: url(../img/imgIcon4.gif) no-repeat left top;
}
.LeftBlock7 span a {
    margin-left: 0;
}
.LeftBlock8 {
    padding-top: 3px;
    margin: 0;
    border: none;
}
.LeftBlock9 .LeftInnerBlock1{
    padding-bottom: 0;
}
.LeftBlock9 .LeftInnerBlock1 .InnerContentBlock1 {
    border-bottom: none;
}
.LeftBlock4 span small {
    display: block;
    text-align: center;
    color: #a6a6a6;
    text-transform: uppercase;
    font: 700 19px/30px Georgia, "Times New Roman", Times, serif;
}
.LeftInnerBlock3 {
    margin-top: 24px;
}
.contentBlock1 .grid_8 .LeftBlock1 p {
    clear: both;
    padding: 21px 0 0 0;
    color: #333333;
    font: 15px/18px Arial, Helvetica, sans-serif;
}
.rightBlock3 {
    display: inline-block;
    margin: 12px 0 0 11px;
    width: 220px;
    padding: 0 0 0 6px;
    border: 1px solid #dadada;
}
.rightBlock3Left {
    float: left;
    width: 148px;
    padding: 4px 4px 0 0;
    border-right: 1px solid #efefef;
}
.rightBlock3Left h6 {
    display: block;
    padding: 0;
    color: #3a3a3a;
    font: 700 9px/14px Arial, Helvetica, sans-serif;
}
.rightBlock3Left p,.rightBlock3Right p {
    display: block;
    padding: 0 0 3px 0;
    color: #949494;
    font: 7px/8px Arial, Helvetica, sans-serif;
}
.rightBlock3Left h5,.rightBlock3Right h5 {
    display: block;
    padding: 3px 0 4px 0;
    color: #3a3a3a;
    height: auto;
    font: 700 7px/10px Arial, Helvetica, sans-serif;
    border: none;
    white-space:nowrap;
    background: none;
}
.rightBlock3Left h4 {
    display: block;
    padding: 6px 0 6px 0;
    color: #949494;
    height: auto;
    text-transform: uppercase;
    font: 8px/10px Arial, Helvetica, sans-serif;
}
.rightBlock3Right {
    float: left;
    width: 62px;
    padding: 5px 0 0 2px;
}
.rightBlock3Right figure {
    width: 43px;
    height: 26px;
    border: 1px solid #dadada;
}
.rightBlock3Right p {
    padding-bottom: 7px;
}
.rightBlock3Right h5 {
    padding-bottom: 0;
}
.but5  {
    margin: 2px 0 0 10px !important;
    width: 228px !important;
}
.rightBlock2space {
    margin-top: 10px;
    border-top: 1px solid #dcdcdc;
}
/* End Innerpage5
--------------------------------------------------------------------------------------------------*/

/*.LeftBlock10 {
    padding-top: 0;
    margin-top: 11px;
    border: none;
}*/
.InnerContentBlock5 {
    position: relative;
    display: inline-block;
    /*width: 523px;*/
    width: 560px;
    margin: 14px /*0 0*/ 11px;
    padding: 14px 11px;
    border: 1px solid #dadada;
    background:#fafafa;
}
.InnerContentBlock5 .InnerContentBlock5 {
    width: auto;
}
.InnerContentBlock5 .field2,
.InnerContentBlock5 .field2 .fieldList {
    float: none !important;
    width: auto !important;
}
.InnerContentBlock5 .field2 .fieldList {
    width: 93% !important;
    margin-left: -4px;
}
.InnerContentBlock5 .list {
    display: block !important;
    float: none !important;
}
.InnerContentBlock5 .list .select1 {
    display: block;
    width: 100% !important;
}
/*.InnerContentBlock5 .field4 {
    width: 548px;
}*/
/*.InnerContentBlock5 textarea.field4 {
    width: 100%;
}  Kommentiert, wegen Ticket 0000586 */
/*.InnerContentBlock5 .delete {
    right: -31px;
    top: 2px;
} Kommentiert, wegen Ticket 0000609 */
.TermineContentBlock2 {
    padding: 0;
    border: none;
}
.TermineContentBlock2 .listBlock3 {
    width:521px;
}
.TermineContentBlock2 .listBlock3 li span, .TermineContentBlock2 .listBlock3 li .checked1 {
    width: 134px;
    padding-left: 38px;
}
.LeftBlock10 .clickBt .But4 {
    display: block;
    margin: 20px 13px;
    width: auto;
    /*width: 577px;*/
}
.ta6 {
    display: block;
    /*overflow: hidden;*/
    /*width: 521px; //Test */
    padding: 0 0 15px 0;
}
.ta12 {
    clear: both;
    display: block;
    width: 521px;
    padding: 16px 0 15px 0;
}
.ta6 label,.ta12 label {
    display: block;
    text-transform: uppercase;
    color: #a6a6a6;
    font: 700 11px/18px Arial, Helvetica, sans-serif;
}
.ta6 span,.ta12 span {
    float: left;
    padding: 0px 14px 0 1px;
}
.ta6 span.mceEditor,
.ta6 span.mceEditor span,
.ta6 span.yui-skin-sam,
.ta6 span.yui-skin-sam .close-icon {
    float: none;
    padding: 0;
}
.ta6 span .radio1 {
    float: left;
    height: 15px;
}
.ta6 span.radio1 label {
    display: inline;
    margin-left: 5px;
}
.ta6 span strong {
    float: left;
    padding: 0 0 0 4px;
    color: #808080;
    height: 15px;
    font: 400 15px/16px Arial, Helvetica, sans-serif;
}
.ta6 span:hover strong {
    color: #00b1ef;
}
.ta6 cite,.ta12 cite {
    position: relative;
    float: left;
    width: 192px;
    height: 22px;
    padding: 5px 5px;
    border-radius: 2px;
    border: 1px solid #dcdcdc;
    background: #ffffff;
}
.ta6 cite .field5,.ta12 cite .field5 {
    float: left;
    width: 192px;
    height: 22px;
    padding: 0;
    outline: none;
    color: #a6a6a6;
    font: 700 11px/22px Arial, Helvetica, sans-serif;
    border: none;
    background: none;
}
.TermineContentBlock2 .listBlock4 li label {
    text-transform: uppercase;
}
.TermineContentBlock2 cite {
    display: block;
    color: #a6a6a6;
    text-transform: uppercase;
    font: 700 11px/18px Arial, Helvetica, sans-serif;
}
.InnerContentBlock6 {
    padding-top: 0px;
}
.InnerContentBlock6 .ta6 {
    padding: 9px 0 0 0;
}
.InnerContentBlock6 .ta1 {
    padding-top: 11px;
}
.contentBlock1Right2 {
    margin-top: 147px;
}
.contentBlock1Right2 a span, a.but5 span {
    background: none;
}

.button {
    float: left;
    height: 22px;
    width: 16px;
    margin: 9px 0 0 10px;
    position: relative;
    background: url(../img/bgi/calenderIcon.gif) no-repeat left top;
}
.button small {
    display: none;
    position: absolute;
    left: 4px;
    top: -3px;
}
.button:hover .calendar, .button:hover small {
    display: block;
}
.button .calendar {
    display: none;
    position: absolute;
    left: -87px;
    top: -192px;
    padding: 1px;
    width: 188px;
    height: 187px;
    border-radius:3px;
    background: #00b1ef;
}
.button .calendar strong {
    display: block;
    height: 34px;
}
.button .calendar strong em {
    float: left;
    margin: 0 auto;
    width: 148px;
    font: bold 14px/33px Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
}
.button .previous {
    float: left;
    margin: 12px 0 0 11px;
}
.button .next {
    float: right;
    margin: 12px 11px 0 0;
}
.button .names {
    clear: both;
    height: 18px;
    background: #008abd;
}
.button .names li {
    float: left;
    width: 27px;
    font: bold 10px/18px Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
}
.button .names li:first-child {
    border: 0;
    width: 26px;
}
.button .date li {
    float: left;
    height: 26px;
    border-top: 1px solid #008abd;
}
.button .date li span {
    float: left;
    height: 26px;
    width: 26px;
    padding: 0;
    font: bold 11px/26px Arial, Helvetica, sans-serif;
    text-align: center;
    color: #fff;
    border-left: 1px solid #008abd;
}
.button .date li span:first-child {
    border: 0;
}
.button .date li span:hover {
    text-decoration: none;
    background: #008abd;
}
.button .date li span:focus, .date li span.focus {
    background: #008abd;
    color: #fff;
}
.button .date li span.active {
    color: #008abd;
}
.button .date li span.active:hover {
    color: #fff;
}




/* End Innerpage6
--------------------------------------------------------------------------------------------------*/

.block2ContentBlock {
    margin: 15px 0 0 0;
    width: 898px;
    border-top: 1px solid #dadada;
}
.block2ContentBlock h2 {
    display: block;
    padding: 20px 0 0 0;
    color:#595959;
    font: 700 20px/22px Arial, Helvetica, sans-serif;
}
.block2ContentBlock h3 {
    display: block;
    padding: 17px 0 1px 0;
    color:#a6a6a6;
    font: 700 11px/18px Arial, Helvetica, sans-serif;
}
.tabledataBlock {
    width: 572px;
    padding: 13px 18px 14px 16px;
    border: 1px solid #dadada;
    border-radius:2px;
    background:#ffffff;
}
.dataBlock1 {
    overflow: hidden;
    width: 570px;
    border: 1px solid #dadada;
    border-left: none;
    border-top: none;
    background:#fafafa;
}
.dataBlock1 li {
    float: left;
    width: 100%;
    min-height:28px;
    border-left: 1px solid #dadada;
    border-top: 1px solid #dadada;
    background: url(../img/bgi/tableBlockListBg.gif) repeat-y left top;
}
.dataBlock1 li:first-child,.dataBlock1 li:first-child span {
    min-height: 26px;
}
.dataBlock1 li span{
    float: left;
    min-height:27px;
    text-align: center;
    text-transform: uppercase;
    color:#a6a6a6;
    font: 700 11px/26px Arial, Helvetica, sans-serif;
}
.dataBlock1 li .data1 {
    width: 52px;
}
.dataBlock1 li .data2 {
    width: 124px;
}
.dataBlock1 li .cl {
    display: block;
    background:#e5f7fd;
}
.dataBlock1 li .data3 {
    width: 134px;
}
.dataBlock1 li .data4 {
    width: 127px;
}
.dataBlock1 li .data5 {
    width: 129px;
}
.dataBlock1 li:first-child .data1 {
    margin: -1px 0 0 -1px;
}
.dataBlock2 {
    width: 585px; /* 549px Ticket 0000612 */
    margin: 10px 0 17px 0; /* margin-bottom - Ticket 0000612 */
    padding: 0 10px 6px 11px;
    border-radius: 2px;
    border: 1px solid #cee9f2;
    background: #e5f7fd;
}
.dataBlock2 p {
    clear: both;
    width:100%;
    padding: 24px 0 0 0;
    color:#333333;
    font: 13px/18px Arial, Helvetica, sans-serif;
}
.dataBlock2 p strong,.dataBlock2 p span {
    display: block;
}
.dataBlock2 p:first-child {
    padding: 10px 0 0 0;
}
.fieldsBlock1 {
    clear: both;
    width: 100%;
    padding: 16px 0 0 0;
}
.fieldsBlock1 ul li {
    float: left;
}
.fieldsBlock1.compact {
    padding: 14px 0 0 0;
}
.fieldsBlock1 > strong {
    display: block;
    clear: both;
    padding: 0 0 4px 0;
    color: #a6a6a6;
    text-transform: uppercase;
    font: 700 11px/18px Arial, Helvetica, sans-serif;
}
.fieldsBlock1 .checkboxi small:before { top: 0; }
.fieldsBlock1 label {
    float: left;
    position: relative;
    position: relative;
}
.fieldsBlock1 label .radio2 {
    float: left;
    width: 17px;
    height: 17px;
    position: relative;
    z-index: 1;
    opacity: 0.0;
}
.fieldsBlock1 label strong {
    float: left;
    padding: 0 15px 0 7px;
    text-transform: uppercase;
    color: #808080;
    font: 15px/15px Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.fieldsBlock1 label input[type='radio'] + strong:before {
    content: "";
    background: none no-repeat scroll center center #FFFFFF;
    border: 1px solid #C4C4C4;
    border-radius: 24px;
    color: #C4C4C4;    
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    text-align: center;
    position: absolute;
    left: 0px;
    top: -1px;
    z-index: 0;
}
.fieldsBlock1 label input[type='radio']:hover + strong:before, .checked1 input[type='radio'] + strong:hover:before {
    content: "";
    color: #C4C4C4;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAQAAABuBnYAAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABKSURBVAjXVcjLDUBAAADRqYFF1UgI+jIc/CIqWReRbOY0DzCzdlZbA2DuYfy6DNj8G432uCSw4ZrAjl0CIxbe/z5WgKWDh6eTFbyng2C8DbAk7gAAAABJRU5ErkJggg==);
    background-color: #FFFFFF;
}
.fieldsBlock1 label input[type='radio']:checked + strong{
    color: #00B8F1;
    z-index: 0;
}
.fieldsBlock1 label input[type='radio']:checked + strong:before, .checked1 input[type='radio']:checked + strong:hover:before{
    content: "";
    color: #00B8F1;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABiSURBVChTXc/LCYBADIThtQVdtWoVFN02rMXHwRdiBZagfw4LIYHvMjOXOLlkfFNUmDCjgY9lhgOfccHLoFah1clgMaG2yWA1obbLoDWhNsggx63C6EEZPynQQ745EUDp3A9ERpDIiW1w/gAAAABJRU5ErkJggg==);
    border: 1px solid #00B8F1;
}
.block2ContentBlock .fieldsBlock1 label strong:hover{
    cursor: default;
}
.block2ContentBlock .fieldsBlock1 label input[type='radio']:checked + strong:hover{
    color: #00B8F1;
}
.image-selection li{
    float: left;
    display: block;
    padding: 12px 5px 0;
    margin-right: 30px !important;
}
.image-selection li label{
    display: block;
    position: relative;
}
.image-selection li label input{
    float: left;
    display: block;
    width: 17px;
    height: 17px;
    position: relative;
    z-index: 1;
    opacity: 0.0;
    margin: 15px 15px 15px 0;
}
.image-selection li label figure{
    border: 2px solid silver;
    display: block;
    float: left;
    line-height: 0;
}
.image-selection li label figure:before{
    content: "";
    background: none no-repeat scroll center center #FFFFFF;
    border: 1px solid #C4C4C4;
    border-radius: 24px;
    color: #C4C4C4;    
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    text-align: center;
    position: absolute;
    left: 2px;
    top: 15px;
    z-index: 0;
}
.image-selection li label:hover figure:before{
    content: "";
    color: #C4C4C4;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAQAAABuBnYAAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABKSURBVAjXVcjLDUBAAADRqYFF1UgI+jIc/CIqWReRbOY0DzCzdlZbA2DuYfy6DNj8G432uCSw4ZrAjl0CIxbe/z5WgKWDh6eTFbyng2C8DbAk7gAAAABJRU5ErkJggg==);
    background-color: #FFFFFF;
}
.image-selection li label input:checked + figure{
    border: 2px solid #00B8F1;
}
.image-selection li label input:checked + figure:before, .image-selection li label:hover input:checked + figure:before{
    content: "";
    color: #00B8F1;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABiSURBVChTXc/LCYBADIThtQVdtWoVFN02rMXHwRdiBZagfw4LIYHvMjOXOLlkfFNUmDCjgY9lhgOfccHLoFah1clgMaG2yWA1obbLoDWhNsggx63C6EEZPynQQ745EUDp3A9ERpDIiW1w/gAAAABJRU5ErkJggg==);
    border: 1px solid #00B8F1;
}

/*.hint_check{
    display: block;
    padding-bottom: 4px;
}
.hint_check label{
    color: #969696;
    font: 700 11px/22px Arial,Helvetica,sans-serif;
    padding: 7px 0 0 0;
    position: relative;
    text-transform: uppercase;
}
.hint_check label b{
    color: #333;
    font-weight: normal;
    font-size: 14px;
    margin-left: 6px;
}
.hint_check label input{
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-left: 8px;
    opacity: 0;
    z-index: 1;
}
.hint_check label input + small{
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #969696;
    border-radius: 3px;
    position: absolute;
    /*top: 7px;
    top: 3px;
    right: 0px;
    z-index: 0;
    background: url(../img/bgi/small_checkmark.png) no-repeat scroll 0 0 #FFFFFF;
}
.hint_check label:hover input + small{
    background-color: #E2E2E2;
}*/
/*.hint_check label input:checked + small,.hint_check label:hover input:checked + small{
    background-color: #00B8F1;
    border: 1px solid #00B8F1;
}
.hint_check label input.checked + small {
    background-color: #00B8F1;
    border: 1px solid #00B8F1;
}*/
.fieldsBlock1 .hint_check small {
    top: 7px;
}
.step3tos.hint_check {
    padding: 0;
}
.step3tos.hint_check a {
    color: #00b1ef;
}
.step3tos.hint_check label input + small {
    left: 0;
    right: auto;
}
.step3tos .feedbackPanel li {
    margin-bottom: 20px;
}
.LeftInnerBlock4 {
    clear: both;
    float: left;
    width: 606px/*570px*/;
    margin: 24px 0 0 0;
    padding:0;
}
.LeftInnerBlock4 .InnerContentBlock1 {
    width: 560px;
    border-bottom: none;
}
.LeftInnerBlock4 .InnerContentBlock1 #FileUpload {
    width: 270px;
}
.LeftInnerBlock4 .InnerContentBlock1 .grid_2 {
    margin-left: -42px;
}
.block2ContentBlock .ta1 {
    margin-top: 24px;
}

/* End Innerpage7
--------------------------------------------------------------------------------------------------*/

.block3 {
    background: #FAFAFA;
}
.innerBlockContent1 {
    width: 885px;
    padding: 13px 0 14px 12px;
    border-radius: 2px;
    border: 1px solid #cee9f2;
    background: #e1f3f9;
}
.innerBlockContent1 p {
    color: #333333;
    font: 13px/20px Arial, Helvetica, sans-serif;
}
.innerBlockContent1 p strong {
    font-weight: 700;
}
.block4 {
    margin-top: 15px;
    background: #FAFAFA;
}
.block4 .clickBt {
    margin-top: 10px;
    border: none;
}
.block4 .clickBt .But4{
    width: 895px;
    height:43px;
    margin: 0;
}
/*.block5 ul.tabNav {
    margin-top: 60px;
}*/
.block5 ul.tabNav li a {
    width: auto;
    padding: 0 10px;
    font-weight: 400;
}
.tabContent2 {
    clear: both;
    width: 899px;
    padding: 9px 0 0 0;
}
.tabContent2 table {
    width: 100%;
    border-collapse: collapse;
}
.tabContent2 table,
.tabContent2 th,
.tabContent2 td {
    padding: 8px;
    border: 1px solid #dadada;
}
.tabContent2 th {
    padding: 0 8px;
    color: #a6a6a6;
    text-align: left;
    font: 700 10px/28px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    background-color: #ededed;
}
.tabContent2 td {
    padding: 8px;
    vertical-align: top;
}
.tabContent2 td.listCol1 {
    width: 300px;
}
.tabContent2 td.listCol1 a {
    margin: 10px;
}
.tabContent2 td.listCol1 p {
    float: none;
}
.tabContent2 td.listCol2 {
    width: 60px;
}
.tabContent2 td.listCol3 {
    width: 200px;
}
.tabContent2 ul {
    display: inline-block; 
    width: 897px;
    border: 1px solid #dadada;
}
.tabContent2 ul li {
    float: left;
    width: 100%;
    border-top: 1px solid #dadada;
    background: url(../img/bgi/listBorder1.gif) repeat-y left top;
}
.tabContent2 ul li.ListRowBlock {
    background: url(../img/bgi/listBorder2.gif) repeat-y left top;
}
.tabContent2 ul li aside {
    float: left;
    padding: 8px 0 7px 10px;
}
.tabContent2 ul li aside.listCol1 {
    width: 476px;
}
.tabContent2 ul li aside.listCol2 {
    width: 147px;
}
.tabContent2 ul li aside.listCol3 {
    width: 239px;
}
.tabContent2 ul li.tabHead {
    height: 28px;
    border: none;
    background: #ededed;
}
.tabContent2 ul li.tabHead aside {
    padding: 0 0 0 10px;
    border-right: 1px solid #dadada;
}
.tabContent2 ul li.tabHead aside strong {
    text-transform: uppercase;
    color: #a6a6a6;
    font: 700 10px/28px Arial, Helvetica, sans-serif;
}
.tabContent2 ul li.tabHead aside.listCol3 {
    border: none;
}
.iconImg1 {
    float: left;
    margin: 11px 0 0 0;
    /*border: 1px solid #6269b3;*/
}
.iconImg2 {
    float: left;
    margin: 11px 0 0 0;
    /*border: 1px solid #e62e2e;*/
}
.iconImg3 {
    float: left;
    margin: 11px 0 0 0;
    /*border: 1px solid #ff9933;*/
}
.iconImg4 {
    float: left;
    margin: 11px 0 0 0;
    /*border: 1px solid #0099cc;*/
}
.listCol1 p {
    float: left;
    /*width: 402px;*/
    margin: 0 0 0 10px;
    color:#8c8c8c;
    font: 13px/20px Arial, Helvetica, sans-serif;
}
.listCol1 p .display-text {
    display: block;
    color:#333333;
}
.listCol2 em {
    color:#333333;
    font: normal 13px/18px Arial, Helvetica, sans-serif;
}
.listCol2 .moreCont {
    color:#00b1ef;
    font-size: 13px;
    text-decoration: underline;
}
.listCol2 .moreCont:hover {
    text-decoration: none;
}
.listCol3 ol {
    float: right;
    padding: 1px 0 0 0;
}
.listCol3 ol li {
    position: relative;
    float: left;
    width: auto;
    height: auto;
    border: none;
    background: none;
}
.listCol3 ol li:first-child {
    background: none;
}
.listCol3 ol li a {
    float: left;
    width: 29px;
    height: 26px;
    font-size: 0;
    text-indent: -1000px;
}
.tabContent2 table td ol li .toolTip,
.tabContent2 ul li aside ol li .toolTip,
.tableBlock .listCol4 ol li .toolTip {
    display: none;
    position: absolute;
    z-index: 10;
    width: 1500%;
    left: -701%;
    bottom: 27px;
    text-align: center;
}
.tabContent2 table td ol li .toolTip span,
.tabContent2 ul li aside ol li .toolTip span,
.tableBlock .listCol4 ol li .toolTip span {
    display: inline-block;
    padding: 4px;
    float: none;
    height: auto;
    border-radius: 3px;
    border: 2px solid #00b1ef;
    background: #fff;
}
.tabContent2 table td ol li .toolTip span:after,
.tabContent2 ul li aside ol li .toolTip span:after,
.tableBlock .listCol4 ol li .toolTip span:after {
    position: absolute;
    left: 0; bottom: 1px;
    content: ' ';
    width: 100%;
    height: 10px;
    background: url(../img/bgi/tooltipArrow.png) no-repeat center bottom;
}
.tabContent2 table td ol li .toolTip img,
.tabContent2 ul li aside ol li .toolTip img,
.tableBlock .listCol4 ol li .toolTip img {
    max-width: 400px;
}
.tabContent2 table td ol li:hover .toolTip,
.tabContent2 table td ol li:hover .toolTiplast,
.tabContent2 ul li aside ol li:hover .toolTip,
.tabContent2 ul li aside ol li:hover .toolTiplast,
.listCol4 ol li:hover .toolTip,
.listCol4 ol li:hover .toolTiplast {
    display: block;
}
/*.tabContent2 ul li aside ol li .toolTiplast,
.tableBlock .listCol4 ol li .toolTiplast {
    left: -54px;
    top: -90px;
}*/
.tabContent2 table td ol li .toolTip em,
.tabContent2 ul li aside ol li .toolTip em,
.listCol4 ol li .toolTip em {
    padding: 0 3px;
    color:#ffffff;
    font: 700 11px/19px Arial, Helvetica, sans-serif;
}
.listCol3 ol li .prpertyIcon1,.listCol4 ol li .prpertyIcon1 {
    background: url(../img/bgi/_icon1.png) no-repeat center top;
}
.listCol3 ol li .prpertyIcon1:hover,.listCol4 ol li .prpertyIcon1:hover {
    background: url(../img/bgi/_icon1.png) no-repeat center -26px;
}
.listCol3 ol li .prpertyIcon2,.listCol4 ol li .prpertyIcon2 {
    background: url(../img/bgi/_icon2.png) no-repeat center top;
}
.listCol3 ol li .prpertyIcon2:hover,.listCol4 ol li .prpertyIcon2:hover {
    background: url(../img/bgi/_icon2.png) no-repeat center -26px;
}
.listCol3 ol li .prpertyIcon3,.listCol4 ol li .prpertyIcon3 {
    background: url(../img/bgi/icon3.png) no-repeat center top;
}
.listCol3 ol li .prpertyIcon3:hover,.listCol4 ol li .prpertyIcon3:hover {
    background: url(../img/bgi/icon3.png) no-repeat center -26px;
}
.listCol3 ol li .prpertyIcon4,.listCol4 ol li .prpertyIcon4 {
    background: url(../img/bgi/icon4.png) no-repeat center top;
}
.listCol3 ol li .prpertyIcon4:hover,.listCol4 ol li .prpertyIcon4:hover {
    background: url(../img/bgi/icon4.png) no-repeat center -26px;
}
.listCol3 ol li .prpertyIcon5,.listCol4 ol li .prpertyIcon5 {
    background: url(../img/bgi/icon5.png) no-repeat center top;
}
.listCol3 ol li .prpertyIcon5:hover,.listCol4 ol li .prpertyIcon5:hover {
    background: url(../img/bgi/icon5.png) no-repeat center -26px;
}
.listCol3 ol li .prpertyIcon6,.listCol4 ol li .prpertyIcon6 {
    background: url(../img/bgi/icon6.png) no-repeat center top;
}
.listCol3 ol li .prpertyIcon6:hover,.listCol4 ol li .prpertyIcon6:hover {
    background: url(../img/bgi/icon6.png) no-repeat center -26px;
}
.listCol3 ol li .prpertyIcon7,.listCol4 ol li .prpertyIcon7 {
    background: url(../img/bgi/icon7.png) no-repeat center top;
}
.listCol3 ol li .prpertyIcon7:hover,.listCol4 ol li .prpertyIcon7:hover {
    background: url(../img/bgi/icon7.png) no-repeat center -26px;
}
.listCol3 ol li .prpertyIcon8,.listCol4 ol li .prpertyIcon8 {
    background: url(../img/bgi/icon8n.png) no-repeat center top;
}
.listCol3 ol li .prpertyIcon8:hover,.listCol4 ol li .prpertyIcon8:hover {
    background: url(../img/bgi/icon8n.png) no-repeat center -26px;
}
.status a{
    float: left;
    height: 16px;
    padding: 0 0 0 22px;
    margin: 5px 0 0 60px;
    color:#b2b2b2;
    text-decoration: none;
    font: 13px/16px Arial, Helvetica, sans-serif;
    background: url(../img/bgi/icon8.png) no-repeat left top;
}
.tabContent2 .pagenation {
    display: block;
    margin: auto;
    width: 242px;
    padding: 16px 0 0 0;
    border: none;
    background: none;
}
.tabContent2 .pagenation li:first-child {
    margin-left: 0;
    background: none;
}
.tabContent2 .pagenation li {
    float: left;
    width: 20px;
    height: 20px;
    margin: 0 0 0 7px;
    padding: 0;
    border: none;
    background: none;
}
.tabContent2 .pagenation li a{
    float: left;
    width: 20px;
    height: 20px;
    text-align: center;
    color:#00b1ef;
    font: 13px/20px Arial, Helvetica, sans-serif;
    text-decoration: none;
}
    
/* End Innerpage8
--------------------------------------------------------------------------------------------------*/

.block6 {
    /*margin-top: 29px;*/
    margin-top: 15px;
    padding-bottom: 17px;
    background: #FAFAFA;
}
.block6 .selectBox {
    width: 209px;
    margin-right: 25px;
}
.block6 .selectBox select {
    width: 209px;
    padding-left: 10px;
}
.ta7 {
    float: left;
    width: 248px;
    margin: 17px 0 0 0;
}
.ta7 label {
    color: #A6A6A6;
    display: block;
    font: bold 11px/16px Arial,Helvetica,sans-serif;
    text-transform: uppercase;
}
.ta7 span {
    float: left;
    width: 236px;
    height: 22px;
    padding: 5px 0 5px 10px;
    border-radius: 2px;
    border: 1px solid #dadada;
    background: #fff;
}
.ta7 span .field6 {
    float: left;
    width: 230px;
    height: 22px;
    outline: none;
    padding: 0;
    border: none;
    background: none;
}
.block6 .innerBlock strong {
    float: left;
    height: 30px;
    margin: 34px 0 0 23px;
    border-radius: 2px;
    background:#00b1ef;
}
.block6 .innerBlock strong .but6 {
    float: left;
    height: 30px;
    padding: 0 23px 2px 23px;
    color:#ffffff;
    font: 16px/30px Arial, Helvetica, sans-serif;
    cursor: pointer;
    border: none;
    background: none;
}
.tableBlock {
    display:inline-block;
    width: 877px;
    padding: 7px 0 0 21px;
    margin: 0 0 0 19px;
    border-radius: 2px;
    border: 1px solid #dadada;
    background: url(../img/bgi/tableBg1.gif) repeat-y left top;
}
.tableBlock h6 {
    display: block;
    color:#333333;
    font: 700 13px/18px Arial, Helvetica, sans-serif;
}
.tableBlock ul,
.tableBlock li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.tableBlock li {
    /*margin-bottom: 20px;
    font-weight: bold;*/
}
.tableBlock ul {
    width: 100%;
    padding: 10px 0 0 0;
}
.tableBlock ul.tree-subtree {
    padding-top: 0;
}
.tableBlock ul li{
    position: relative;
    float: left;
    width: 100%;
    background: url(../img/bgi/border2.gif) repeat-y 10px 0;
}
.tableBlock ul li.last {
    background: none;
}
.tableBlock ul li span {
    float: left;
    padding: 0 0 0 31px;
    height: 21px;
    color: #808080;
    font: 13px/20px Arial, Helvetica, sans-serif;
    background: url(../img/bgi/colapsBullets.png) no-repeat left top;
}
.tableBlock ul li .innerNodeLabel {
    height: 32px;
}
.tableBlock .innerNodeLabeltreeHead {
    padding-bottom: 10px;
    font-weight: bold;
}
.tableBlock .tree-junction-collapsed em.borderLine1 {
    display: none;
}
/*.tableBlock .tree-junction-collapsed .borderLine1 {
    left: 10px;
    top: 19px;
}*/
.tableBlock .tree-junction-expanded em.borderLine1 {
    left: 40px;
    top: 17px;
}
.tableBlock .tree-branch.tree-branch-last {
    margin-bottom: 1px;
    background: none;
}
.tableBlock .borderLine1 {
    position: absolute;
    z-index: 1;
}
.tableBlock .borderLine2 {
    position: absolute;
    left: 10px;
    top: 20px;
}
/*.tableBlock .borderLine3 {
    position: absolute;
    left: 37px;
    top: 20px;
}*/
.tableBlock ul li span:hover {
    background-position: left -23px;
}
.tableBlock ul li span.active {
    background-position: left -45px;
}
.tableBlock ul li ul {
    padding-left: 30px;
}
.tableBlock ul li ul li ul {
    padding-left: 30px;
}
.tableBlock ul li ul li ul li ul {
    padding-left: 30px;
}
/* Anzeigensuche */
/*.tableBlock ul li ul li ul li {
    background: none;
}
.tableBlock ul li ul li ul li ul li {
    background: none;
}
.tableBlock ul li ul li ul li ul li ul li ul li{
    background: none;
}*/
/*.tableBlock ul li ul li ul li ul li ul li{
    background: url(../img/bgi/border2.gif) repeat-y 10px 0;
}*/
.colpsContent {
    position: relative;
    float: left;
    padding-left: 32px;
    width: 635px;
    background: url(../img/bgi/tree-node.gif) no-repeat 10px 0;
}
.colpsContent.last {
    background-image: url(../img/bgi/tree-last-node.png);
    background-position: 10px -10px;
}
.colpsContent .iconImg1 {
    width: 34px;
    height: 17px;
    margin: 5px 0 0 0;
    border: 1px solid #6269b3;
}
.colpsContent p {
    float: left;
    padding: 5px 0 0 7px;
    color:#808080;
    font: 700 13px/18px Arial, Helvetica, sans-serif;
}
.colpsContent .listCol4 {
    float: left;
    width: auto;
    padding: 0 0 0 11px;
}
.tableBlock ul li .colpsContent .listCol4 ol li {
    width: auto;
    background: none;
}
.tableBlock .listCol4 ol li .toolTip {
    float: none;
    /*width:auto;
    height:auto;*/
}
.tableBlock ul li .colpsContent .listCol4 ol {
    padding: 0;
}
.lightboxmain {
    position:relative;
    z-index: 9999;
    width: 100%;
}
.lightboxmain .container_12 {
    position: relative;
}
.lightboxshow {
    position: absolute;
    left: 0;
    top: 0;
    right:0;
    bottom: 0;
    background: url(../img/bgi/trans-bg.png) repeat;
    display: none;
    z-index: 99;
}
.lightbox {
    display: none;
    position: absolute;
    left: 13%;
    top: 260px;
    overflow: hidden;
    width: 654px;
    z-index: 999999;
    padding: 49px 25px 20px;
    border: 1px solid #dadada;
    background: #fafafa url(../img/bgi/lightbox-bg.gif) repeat-x left top;
}
.close {
    position: absolute;
    right: 19px;
    top: 12px;
    width: 12px;
    height: 12px;
}
.lightBlock1 {
    clear: both;
    width: 100%;
}
.lightBlock1 h4 {
     clear: both;
    color: #333333;
    font: bold 22px/20px Arial,Helvetica,sans-serif;
}
.lightBlock1 p {
    clear: both;
    padding: 8px 0 0 0;
    color: #333333;
    font: 12px/20px Arial, Helvetica, sans-serif;
}
.lightBlock2 {
    clear: both;
    width: 100%;
    padding: 0;
}
.lightBlock2Left {
    float: left;
    width: 400px;
}
.lightBlock2Left .ta1 {
    padding-top: 15px;
}
.field7 {
    position: relative;
    float: left;
    width: 400px;
    height: 65px;
    border-radius: 3px 3px 3px 3px;
    padding: 5px 0 0 8px;
    border: 1px solid #DADADA;
    background: #FFFFFF;
}
.field7 .fieldList2 {
    float: left;
    width: 400px;
    height: 65px;
    padding: 0;
    font: 400 15px/22px Arial,Helvetica,sans-serif;
    color: #333333;
    border: none;
    background: none;
}
.field7 span {
    position: absolute;
    right: 0;
    top: 0;
}
.checkrow {
    display: block;
    width: 100%;
    padding: 15px 0 0 0;
}
.checkrow .checkBox2 {
    float: left;
    width: 15px;
    height: 15px;
}
.checkrow strong {
    float: left;
    height: 15px;
    padding: 1px 0 0 10px;
    margin: 0;
    color: #01b0ef;
    font: 400 13px/15px Arial, Helvetica, sans-serif;
}
.lightBlock2Left .But1 {
    clear: both;
    margin: 15px 0 0 0;
    height: 34px;
    border: 0 none;
}
.lightBlock2Right {
    position: relative;
    float: right;
    width: 225px;
    margin: 38px 0 0 0;
    padding: 10px 12px;
    border: 1px solid #cee9f2;
    border-radius: 2px;
    background: #e1f2f9;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e1f2f9), to(#e0f3f9));
    background: -webkit-linear-gradient(#e1f2f9, #e0f3f9);
    background: -moz-linear-gradient(#e1f2f9, #e0f3f9);
    background: -ms-linear-gradient(#e1f2f9, #e0f3f9);
    background: -o-linear-gradient(#e1f2f9, #e0f3f9);
    background: linear-gradient(#e1f2f9, #e0f3f9);
    -pie-background: linear-gradient(#e1f2f9, #e0f3f9);
    
}
.lightBlock2Right h5 {
    display: block;
    color:#333333;
    font: 700 13px/18px Arial, Helvetica, sans-serif;
}
.lightBlock2Right ul {
    clear: both;
    width: 100%;
    padding: 2px 0 2px 0;
}
.lightBlock2Right ul li {
    clear: both;
    width: 100%;
    margin: 10px 0 0 0;
    color:#333333;
    font: 12px/20px Arial, Helvetica, sans-serif;
}
.lightBlock2Right ul li span {
    float: left;
    padding: 0 4px 0 0;
}
.lightBlock2Right ul li a {
    color:#2cbdf2;
    text-decoration: none;
}


    
/* End Innerpage9
--------------------------------------------------------------------------------------------------*/
/* start Innerpage7
--------------------------------------------------------------------------------------------------*/
.ta1 .select2 {
    display: block;
    width: 606px;
    height: 33px;
    margin-right: -14px; /* Um das Tooltip im select zu platzieren */
    padding: 6px 2px 6px 8px;
    color:#333333;
    font: 15px/16px Arial, Helvetica, sans-serif;
    border: 1px solid #dadada;
    outline:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    border-radius:4px;
    background:#fff;
}
.ta1 .multirow .select2 {
    height: auto;
    padding: 2px 0;
}
.ta1 .multirow .select2 option{
    font-size: 16px;
    height: 20px;
    line-height: 16px;
    padding: 4px 8px;
}
.ta1 .multirow .select2 option:last-child{
    margin-bottom: 6px;
}
.ta1 .multirow .select2 option[disabled='disabled']{
    background-color: #EDEDED;
    color: #01B0EF;
    font-weight: bold;
}
.ta1 .selectlist {
    position:static;
}
.ta1 .selectlist:after {
    right:304px;
    top:35px;
}
.ta1 .selectlist:before {
    right:293px;
    top:35px;
    height:31px;
}
.ta1 .selectlist.multirow:after {
    display: none;
}
.ta1 .selectlist.multirow:before {
    display: none;
}
.LeftBlock4 label {
    text-transform: uppercase;    
}
.ta1 {
    position: relative;
    /*overflow: hidden;*/
}
.LeftBlock13 .InnerContentBlock5 {
    width: 590px;
    border-bottom: none;    
}
.LeftBlock13 .InnerContentBlock5 .grid_6 {
    width: 590px;    
}
.LeftBlock13 .InnerContentBlock5 .grid_6 .ta5 label {
    width: 274px;    
}
.LeftBlock13 .InnerContentBlock5 #FileUpload {
    width: 310px;    
}
.LeftBlock13 .InnerContentBlock5 #FileUpload span {
    width: 145px;
}
.LeftBlock13 .InnerContentBlock8 {
    width: 590px;
    border-bottom: none;    
}
.LeftBlock13 .InnerContentBlock8 .grid_6 .ta5 {
    width: 590px;
}
.LeftBlock13 .InnerContentBlock8 .grid_6 .ta5 label {
    width: 262px;
}
.iconBlock1 {
    width: 248px;    
}
.InnerContentBlock8 .grid_2 {
    width: 295px;
    margin-left: -16px;
}
.grid_2 label {
    font: 700 11px/16px Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    color: #A6A6A6;
    padding: 0 0 0 17px;
}
.iconBlock1 span {
    padding-left: 108px;    
}
.delete1 {
    top: 80px;
    right: 16px;    
}
.imgBlock1 figure {
    height: 120px;    
}
.ta1 ul {
    display: block;
    margin: 4px 0 0 0;
}
.ta1 ul li {
    float: left;
    margin: 0 9px 9px 0;    
}
.ta1 ul li a {
    position: relative;
    float: left;
    border: 1px solid #dadada;
    border: 2px;
    behavior: url(js/pie.htc);
    background: #002957;
    width: 35px;
    height: 32px;
    text-align: center;   
    border:1px solid #cccccc; 
}
.ta1 ul li a span {
    float: left;
    margin: 10px 0 0 10px;
}
.ta1 ul li a.second {
    background: #222;
}
.ta1 ul li a.third {
    background: #3a852c;
}
.ta1 ul li a.fourth {
    background: #0088ab;
}
.ta1 ul li a.fifth {
    background: #a20c00;
}
.ta1 ul li a.sixth {
    background: #d75c00;
}
.ta1 ul.color-chooser > li:last-child {
    margin-right: 33px;
}
.rightBlock4 {
    padding: 2px;
    width: 222px;    
}
.LeftBlock11 {
    padding: 0;
}
.LeftBlock11 strong{
    height: 101px;
}
.LeftBlock11 strong .field4 {
    height: 101px;
}
.contentBlock1Right3 {
    margin-top: 17px;
}
.contentBlock1Right3 .but5 {
    margin-top: 7px !important;
}
/* End Innerpage7
--------------------------------------------------------------------------------------------------*/
/* Start Innerpage9
--------------------------------------------------------------------------------------------------*/
.rightBlock1copy {
    /*float: left;*/
    padding-left: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.rightBlock1copy p {
    background: #fff;    
}
.rightBlock1copy a {
    margin-top: 0;    
}
.block2List {
    float: left;
    margin: 15px 0 0 0;    
}
.block2List ul li {
    display: block;
    font: normal 13px/20px Arial, Helvetica, sans-serif;
    color: #333;
}
.block2List ul li span {
    font: normal 11px/20px Arial, Helvetica, sans-serif;
    color: #a6a6a6;
    text-transform: uppercase;
}
.rightBlock2copy {
    float: left;
    border: 1px solid #dadada;
    width: 410px;
    background: #fff;
    padding: 0 18px;
    margin: 20px 0 0 0;
}
.rightBlock2copy ul {
    padding: 12px 0;
}
.rightBlock2copy ul li {
    font: italic normal 13px/18px Arial, Helvetica, sans-serif;
}
.checkBox {
    clear: both;
    padding: 16px 0 0 0;    
}
.checkBox input {
    float: left;
    height: 15px;    
}
.checkBox input:checked {
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    box-shadow: #174eff 0px 0px 5px;
    -webkit-box-shadow: #174eff 0px 0px 5px;
    
}
.checkBox label {
    float: left;
    height: 15px;
    font: normal 13px/15px Arial, Helvetica, sans-serif;
    color: #00b1ef;
    padding: 0 0 0 10px;
}
.checkBox label span {
    color: #333;    
}
/* End Innerpage9
--------------------------------------------------------------------------------------------------*/

/*.ta8 {
    float: left;
    margin: 20px 0 0 0;
    border-top: 1px solid #dadada;
}*/
.ta8 {
    margin-top: 20px;
    border-top: 1px solid #dadada;
}
.ta8 h5 {
    padding: 2px 0 10px 0;
    color:#595959;
    font: 700 18px/20px Arial, Helvetica, sans-serif;
}
/*.fieldsBlock {
    float: left;
    width: 100%;
    margin: 15px 0 0 0;
    border-top: 1px solid #dadada;
}*/
.fieldsBlock {
    margin-top: 15px;
    border-top: 1px solid #dadada;
}
.fieldsBlock h5 {
    padding: 20px 0 0 0;
    color:#595959;
    font: 700 18px/20px Arial, Helvetica, sans-serif;
}
/*.but7 {
    float: left;
    padding: 10px 0 5px 0;
}*/
.but7 {
    display: inline-block;
    margin: 10px 0;
}
.but7 .butField1 {
    height: 30px;
    padding: 0 13px;
    color:#ffffff;
    font: 700 13px/30px Arial, Helvetica, sans-serif;
    cursor: pointer;
    border: none;
    border-radius: 3px;
    background: #00b1ef;
    
}
/*.ta9 {
    float: left;
    margin: 20px 0 0 0;
    border-top: 1px solid #dadada;
}*/
.ta9 {
    margin-top: 20px;
    border-top: 1px solid #dadada;
}
.ta9 h5 {
    padding: 2px 0 16px 0;
    color:#595959;
    font: 700 20px/22px Arial, Helvetica, sans-serif;
}
.ta9 p {
    clear: both;
    padding: 0 0 8px 0;
    color: #333333;
    font: 15px/18px Arial, Helvetica, sans-serif;
}
.but8 {
    display: inline-block;
    height: 30px;
    padding: 0 13px;
    color:#ffffff;
    font: 700 13px/30px Arial, Helvetica, sans-serif;
    cursor: pointer;
    text-decoration: none;
    border-radius: 3px;
    background: #00b1ef;
    
}
.but8.medium {
    padding: 2px 15px 2px 15px;
}
.but8.preview,
.but8.print,
.but8.download {
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.but8.preview {
    background-image: url(../img/bgi/searchIcon.png);
}
.but8.print {
    background-image: url(../img/bgi/searchIcon.png);
}
.but8.download {
    background-image: url(../img/bgi/searchIcon.png);
}
.ta9 .but7 {
    padding-bottom: 0;
}

/* End Innerpage12
--------------------------------------------------------------------------------------------------*/
.block12 {
    padding-bottom: 16px;
}
.block12 ul.tabNav {
    margin-top: 8px;
}
.block12 ul.tabNav li a {
    font-weight: 400;
    padding: 0 10px;
    width: auto;
}
.block2 ul.tabNav li a.activeState {
    padding-left: 30px;
    color: #ef0000;
    border-bottom: 1px solid #fafafa;
    background: #fde5e5 url(../img/errorIcon1.png) no-repeat 9px center;
}
.block12 .tabContent2 ul li aside.listCol1 {
    width: 398px;
}
.block12 .tabContent2 ul li aside.listCol2 {
    width: 116px;
}
.block12 .tabContent2 ul li aside.listCol4 {
    width: 237px;
}
.block12 .tabContent2 ul li aside.listCol3 {
    width: 101px;
}
.block12 .tabContent2 ul li aside.listCol1 p {
    width: 325px;
    padding: 2px 0 0 0;
}
.block12 .iconImg1,.block12 .iconImg2,.block12 .iconImg3,.block12 .iconImg4 {
    margin: 7px 0 0 0;
}
.block12 .tabContent2 ul li {
    background: url(../img/bgi/listBorder3.gif) repeat-y left top;
}
.listCol4 em {
    color: #333333;
    font: 13px/18px Arial,Helvetica,sans-serif;
}
.block12 .listCol3 ol {
    padding-top: 6px;
}
.block12 .tabContent2 ul li aside {
    padding-bottom: 9px;
}

/* End Innerpage13
--------------------------------------------------------------------------------------------------*/

.block2 h4 strong {
    display: block;
}
.LeftBlock12 {
    width: 898px;
}
.LeftBlock12 .LeftInnerBlock1 {
    margin-top: 20px;
    width: 606px;
}
.ta10 {
    padding-top: 12px;
}
.ta11 {
    padding-top: 12px;
}
.ta11 .field1 {
    width: 536px;
}
.ta11 .field1 .fieldList {
    width: 530px;
}
.ta11 .delete {
    right: 23px;
    top: 41px;
}
.LeftBlock12 .LeftInnerBlock1 .InnerContentBlock1 {
    padding-bottom: 19px;
}
.LeftBlock12 .LeftInnerBlock1 .clickBt2 {
    border: none;
    margin-top: 0;
}

/* End Innerpage14
--------------------------------------------------------------------------------------------------*/

.listBlocks {
    margin-top: 10px;
}
.listBlocks ul li {
    position: relative;
    float: left;
    padding: 10px;
    margin: 10px 10px 0 0;
    min-height: 112px;
    border-radius: 2px;
    border: 1px solid #dadada;
    background:#fff;
}
.listBlocks ul li figure {
    clear: both;
    position: relative;
    border-radius: 2px;
    border: 1px solid #dadada;
}
.listBlocks ul li a {
    display: block;
    margin: 7px 0 0 0;
    text-align: center;
    text-decoration: none;
    font: 13px/18px Arial, Helvetica, sans-serif;
    color: #00b6ef;
}
/*.listBlocks ul li:first-child {
    margin-left: 0;
}*/

/* End Innerpage15
--------------------------------------------------------------------------------------------------*/

.tableDataBlock2 {
    clear: both;
    width: 894px;
    margin: 20px 0 0 0;
    border-radius: 2px;
    border: 1px solid #dadada;
    background: #fff;
}
.tableDataBlock2 ul.news-ul {
    clear: both;
    width: 100%;
}
.tableDataBlock2 li.news-li {
    clear: both;
    width: 100%;
    min-height: 51px;
    font: 12px/20px Arial, Helvetica, sans-serif;
    color: #808080;
    border-top: 1px solid #dadada;
    background: url(../img/bgi/border6.gif) repeat-y 89px top;
}
.tableDataBlock2 li.news-li:first-child {
    border: none;
}
.tableDataBlock2 li.news-li span.news-date {
    float: left;
    width: 89px;
    min-height: 51px;
    color:#a7a7a7;
    text-align: center;
    font: 700 12px/51px Arial, Helvetica, sans-serif;
}
.tableDataBlock2 li.news-li p.news-desc {
    float: left;
    /*padding: 16px 0 0 13px;*/
    padding-left: 13px;
    width: 700px;
    line-height: 51px;
}
.tableDataBlock2 li.news-li p.news-desc strong {
    display: block;
    color: #00b1ee;
}
.tableDataBlock2 li.news-li a.news-toggle {
    float: right;
    margin: 12px 14px 0 0;
    width: 29px;
    height: 29px;
    outline: 0;
    font-size: 0;
    text-indent: -1000px;
    background: url(../img/bgi/button-toggle-sprite-29-58.png) no-repeat right bottom;
}
.tableDataBlock2 li.news-li a.news-toggle.toggle-open {
    background-position: right top;
}
.tableDataBlock2 li.news-li .news-content {
    clear: left;
    border-top: 1px dashed #dadada;
    background-color: #fff;
}
.tableDataBlock2 li.news-li .news-content .newsContentFull {
    margin: 12px;
}
.tableDataBlock2 .tabContent2 {
    padding: 0;
}
.tableDataBlock2 .tabContent2 ul {
    display: block;
    width: 894px;
    border-width: 1px 0 0;
}

/* End Innerpage16
--------------------------------------------------------------------------------------------------*/

.checkboxi {
    color: #969696;
    text-transform: uppercase;
    font: 700 11px/22px Arial,Helvetica,sans-serif;
}
.checkboxi { position: relative; }
.checkboxi input { opacity: 0; }
.checkboxi small:before {
    content: "";
    position: absolute;
    right: -7px;
    top: -3px;
    z-index: 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    color: #c4c4c4;
    font-size: 12px;
    border: 1px solid #c4c4c4;
    background: #fff url(../img/bgi/small_checkmark.png) -1px 0;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
.checkboxi.left small:before { left: 0; }
.checkboxi.left input { margin-right: 8px; }
.checkboxi input:hover + small:before {
    content: "";
    color: #c4c4c4;
    background-color: #dedede;
}
.checkboxi input:checked + small:before,
.checkboxi input:checked + small:hover:before {
    content: "";
    color: #fff;
    border: 1px solid #00b8f1;
    background-color: #00b8f1;
}
.ta13 small {
    position: relative;
}
.checked1 {
    float: left;
    position: relative;
}
.checked1 input {
    float: left;
    width: 17px;
    height: 17px;
    position: relative;
    z-index: 1;
    opacity: 0.0;
}
.checked1 input + strong{
    float: left;
    padding: 0 0 0 7px;
    text-transform: none;
    color: #333333;
    font: 400 13px/17px Arial,Helvetica,sans-serif;
}
.list2 .checked1 input + strong{
    line-height: 33px;
}
.checked1 input + strong:before {
    content: "";
    background: url(../img/bgi/small_checkmark.png) repeat scroll -1px 0 #FFFFFF;
    border: 1px solid #C4C4C4;
    border-radius: 24px;
    color: #C4C4C4;    
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    text-align: center;
    position: absolute;
    left: 21px;
    top: 8px;
    z-index: 0;
}
.checked1 input:hover + strong:before, .checked1 input + strong:hover:before {
    content: "";
    color: #C4C4C4;
    background-color: #DEDEDE;
}
.checked1 input:checked + strong{
    color: #00B8F1;
    z-index: 0;
}
.checked1 input:checked + strong:before, .checked1 input:checked + strong:hover:before{
    content: "";
    color: #FFFFFF;
    background-color: #00B8F1;
    border: 1px solid #00B8F1;
}
.tabContent ul li span .checked1 strong:hover{
    color: inherit;
    cursor: default;
}
.tabContent ul li span .checked1 input:checked + strong:hover{
    color: #00B8F1;
}
.employerButtons a {
    display: inline-block;
    float: none;
    margin: 0;
    padding: 0;
    width: 33%;
}
.loginInfo {
    margin-top: 20px;
}
.loginWidget {
    margin-bottom: 100px;
}
.todoPage h4 {
    padding: 15px 0 0;
    clear: both;
    color: #595959;
    font-weight: bold;
    font-size: 16px;
}
.passwordForgottenDialog {
    margin-bottom: 10px;
}
.passwordForgottenDialog label {
    color: #A6A6A6;
    display: block;
    font: 700 11px/18px Arial,Helvetica,sans-serif;
    text-transform: uppercase;
}

.passwordForgottenDialog .field1,
.passwordForgottenDialog .field1 input {
    width: 230px !important;
}
.passwordForgottenDialog .textBox {
    margin: 0;
}
.passwordForgottenDialog .username {
    float: left;
}
.passwordForgottenDialog .loginButton {
    margin-left: 10px;
    margin-top: 18px;
    width: 135px;
    height: 34px;
}
.passwordForgottenDialog .lightBlock1 {
    margin-bottom: 20px;
}
.passwordForgottenDialog .lightBlock1 h4 {
    margin-bottom: 15px;
}
.passwordForgottenDialog .lightBlock1 p {
    padding: 0;
    line-height: 18px;
}
.ta1 ul li a.selectedColor{
    border: 1px solid #00b6f2;
}
.defaultSkin td.mceToolbar {
    padding-top: 2px !important;
    padding-bottom: 2px;
}
.defaultSkin .mceStatusbar .mceCounter {
    color: #a6a6a6;
}
.wupb-container {
    margin-top: -50px;
}
.wupb-container .wupb-progressBar {
    margin: 0 !important;
}
.wupb-uploadStatus {
    /*display: none !important;
    margin-top: -71px;*/
}
.wupb-border {
    /*width: 68px !important;*/
    border: 1px solid #dadada !important;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
.wupb-background {
    height: 8px !important;
    background-color: #00b1ef !important;
}
.wupb-uploadStatus label {
    position: relative;
    margin-top: 5px;
    padding: 0;
    font-size: 10px;
    text-align: center;
    background-color: #fff;
}
.startCropBtn {
    margin-left: 10px;
    margin-bottom: 10px;
}
.scaledVersionsBlock {
    margin-top: 10px;
    border-top: 1px solid #dadada;
}
.scaledVersionsBlock .scaledName {
    margin-bottom: 5px;
    color: #00b1ef;
    font-weight: bold;
    text-transform: uppercase;
}
.scaledVersionsBlock .startCropBtn,
.scaledVersionsBlock .InnerContentBlock4 {
    margin-bottom: 10px;
}
.file-upload .InnerContentBlock1 {
    padding: 11px;
    width: auto;
}
.file-upload .InnerContentBlock4 {
    width: auto;
    margin: 10px;
}
.file-upload .LeftInnerBlock1 {
    width: 99.8%;
}
.file-upload .fileu-label {
    float: left;
    width: 46%;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
}
.file-upload .fileu-label > span {
    float: none;
}
.file-upload .fileu-label > .but8 {
    position: relative;
    overflow: hidden;
}
.file-upload .fileu-label > .but8 input {
    position: absolute;
    right: 0; top: 0;
    z-index: 99;
    height: 100%;
    font-size: 30px;
    cursor: pointer;
    opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)
}
.file-upload .fileu-label .color-space-info {
    margin-top: 10px;
    padding: 6px;
    border: 1px solid #cee9f2;
    background-color: #e5f7fd;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
.file-upload .fileu-label .color-space-info > a {
    margin-top: 5px;
}
.file-upload .fileu-image {
    float: right;
    width: 52%;
}
.file-upload .iconBlock {
    height: 180px;
    line-height: 180px;
    text-align: center;
    border: 1px solid #dadada;
    border-radius: 3px;
    overflow: hidden;
    background-color: #e9e9e9;
} 
.file-upload .iconBlock > img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.file-upload .crop-area .iconBlock {
    text-align: center;
}
.file-upload .crop-area .iconBlock:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}
.file-upload .crop-area .iconBlock > div  {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    width: 180px;
    height: 180px;
}
/*.file-upload .crop-area .iconBlock > div > img {
    width: 150px;
    height: 150px;
}*/
.file-upload .crop-area,
.file-upload .crop-image {
    width: 48%;
}
.file-upload .crop-area h5,
.file-upload .crop-image h5 {
    margin-top: 10px;
    font-size: 12px;
    color: #a6a6a6;
}
.file-upload .crop-area .iconBlock,
.file-upload .crop-image .iconBlock {
    margin: 0 0 10px;
}
.file-upload .crop-area { float: left; }
.file-upload .crop-image { float: right; }

.file-upload .fileu-image .delete {
    top: 11px;
    right: 11px;
    width: 28px;
    height: 29px;
    border: 1px solid #dadada;
    background-color: #f8f8f8;
    background-position: center center;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
       -moz-border-radius-topright: 3px;
       -moz-border-radius-bottomleft: 3px;
            border-top-right-radius: 3px;
            border-bottom-left-radius: 3px;
    -webkit-box-shadow: inset 0 0 2px #dadada;
       -moz-box-shadow: inset 0 0 2px #dadada;
            box-shadow: inset 0 0 2px #dadada;
    -webkit-transition: opacity .3s linear;
       -moz-transition: opacity .3s linear;
         -o-transition: opacity .3s linear;
            transition: opacity .3s linear;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
.file-upload .fileu-image .delete:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
.ta1 .dependentSelect {
    margin-top: 10px;
}
.chiffre label {
    float: left;
}
.chiffre .inform {
    right: -8px;
    top: 2px;
}
span.negative {
    color: #ef0000 !important;
}
div.negative {
    border: 1px solid #ef0000;
}
div.negative,
div.negative > input {
    background-color: #ffefef;
}
div.negative > strong {
    color: #ef0000;
    border-left: 1px solid #ef0000;
}
/* colorpicker */
div.color_picker{
  height: 16px;
  width: 16px;
  padding: 0 !important;
  border: 1px solid #ccc;
  cursor: pointer;
  line-height: 16px;
  float:right;
  margin: 2px 10px 10px 0px;
  background-color: #052a55;
}

div.color_selector{
  width: 135px;
  position: absolute;
  margin: -25px 10px 10px 38px;
  border: 1px solid #DADADA;
  background-color: #F4F5F0;
  padding: 4px;
  border-radius:3px;
}

div.color_custom label{
  font-size: 12px; 
  color: #2F2F2F; 
  margin: 5px 2px; 
  width: 25%
}

div.color_custom input{
  margin: 5px 2px; 
  padding: 0; 
  font-size: 12px; 
  border: 1px solid #CCCCCC; 
  width: 65%; 
}

div.color_swatch{
  height: 16px;
  width: 16px;
  border: 1px solid #000;
  margin: 2px;
  float: left;
  cursor: pointer;
  line-height: 12px;
}/*
 * imgAreaSelect default style
 */

.imgareaselect-border1 {
    background: url(border-v.gif) repeat-y left top;
}

.imgareaselect-border2 {
    background: url(border-h.gif) repeat-x left top;
}

.imgareaselect-border3 {
    background: url(border-v.gif) repeat-y right top;
}

.imgareaselect-border4 {
    background: url(border-h.gif) repeat-x left bottom;
}

.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-handle {
    background-color: #fff;
    border: solid 1px #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-outer {
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-selection {  
}/** Live Preview START **/
.live-preview {
    position: fixed;
    z-index: 9999;
    margin: -2px 0 0 -470px;
    width: 938px;
    left: 50%; top: 0;
    border: 1px solid #dadada;
    background-color: #fff;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
       -moz-border-radius-bottomright: 3px;
       -moz-border-radius-bottomleft: 3px;
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
    -webkit-box-shadow: 0 2px 5px #dadada;
       -moz-box-shadow: 0 2px 5px #dadada;
            box-shadow: 0 2px 5px #dadada;
}

.live-preview .preview-header,
.live-preview .preview-footer {
    padding: 0 5px 0 18px;
    height: 40px;
    line-height: 40px;    
}
.live-preview .preview-header {
    position: absolute;
    left: 0; top: 0;
    width: 915px;
    border-bottom: 1px solid #dadada;
    background-color: #fafafa;
    -webkit-box-shadow: 0 1px 2px #dadada;
       -moz-box-shadow: 0 1px 2px #dadada;
            box-shadow: 0 1px 2px #dadada;
}
.live-preview .preview-footer {
    border-top: 1px solid #dadada;
    background-color: #ededed;
}
.live-preview .preview-header > a,
.live-preview .preview-footer > a {
    float: right;
    margin-top: 6px;
    padding-right: 34px;
    height: 29px;
    line-height: 29px;
    color: #cacaca;
    font-size: 11px;
    outline : none;
    text-decoration: none;
    background: url(../img/bgi/button-toggle-sprite-29-58.png) no-repeat right top;
}
.live-preview .preview-header > a {
    background-position: right bottom;
}
.live-preview .preview-header > span {
    color: #00b1ef;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}
.live-preview .preview-wrapper {
    display: none;
    margin: 57px 0 15px;
    overflow: hidden;
}
.live-preview .preview-content,
.live-preview .preview-price {
    float: left;
    padding: 0 15px 1000px;
    margin-bottom: -1000px;
}
.live-preview .preview-content {
    width: 63%;
    border-right: 1px solid #dcdcdc;
}
.live-preview .preview-price {
    width: 30%;
}
.live-preview .preview-content > p {
    display: inline-block;
    padding: 5px;
    min-height: 90px;
    max-height: 400px;
    overflow: hidden;
    border: 1px solid #dcdcdc;
}
.live-preview .preview-content .preview-buttons {
    margin-top: 10px;
}
.live-preview .preview-content .preview-buttons > a.but8 {
    margin-right: 5px;
    padding: 2px 15px 2px 30px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.live-preview .preview-content .preview-buttons > a.preview {
    background-image: url(../img/bgi/icon-preview-14-15.png);
}
.live-preview .preview-content .preview-buttons > a.print {
    background-image: url(../img/bgi/icon-print-14-15.png);
}
.live-preview .preview-content .preview-buttons > a.download {
    background-image: url(../img/bgi/icon-download-14-15.png);
}
.live-preview .preview-price > h5 {
	display: block;
	color: #a6a6a6;
    font-size: 12px;
    font-weight: bold;
	text-transform: uppercase;
}
.live-preview .preview-price ul {
	clear: both;
	overflow: hidden;
	padding: 0 0 5px 0;
}
.live-preview .preview-price ul li:first-child {
	border: none;
}
.live-preview .preview-price ul li {
    padding: 2px 0 3px 0;
    color: #333333;
    font-size: 11px;
	border-top: 1px solid #dadada;
}
.live-preview .preview-price ul li strong {
	display: block;
    margin-bottom: -5px;
	font-weight: 400;
}
.live-preview .preview-price ul li span {
	padding: 0 15px 0 0;
}
.live-preview .preview-price ul li em {
	float: right;
}
.live-preview .preview-price ul li p {
	display: block;
	margin: -3px 0 5px;
	padding-top: 3px;
	border-top: 2px solid #d9d9d9;
}
.live-preview .preview-price ul li p span,
.live-preview .preview-price ul li p em {
	font-size: 15px;
    font-weight: bold;
}
/*.live-preview .preview-highlight {
    -moz-animation: preview-highlight 2s ease-out;
    -moz-animation-iteration-count: 1;
    
    -webkit-animation: preview-highlight 2s ease-out;
    -webkit-animation-iteration-count: 1;
    
    -ms-animation: preview-highlight 2s ease-out;
    -ms-animation-iteration-count: 1;
}
.live-preview .preview-highlight > span {
    -moz-animation: preview-highlight-text 2s ease-out;
    -moz-animation-iteration-count: 1;
    
    -webkit-animation: preview-highlight-text 2s ease-out;
    -webkit-animation-iteration-count: 1;
    
    -ms-animation: preview-highlight-text 2s ease-out;
    -ms-animation-iteration-count: 1;
}
@-webkit-keyframes preview-highlight {
    0% {
        border-color: none;
        color: none;
        -webkit-box-shadow: 0 1px 2px none;
           -moz-box-shadow: 0 1px 2px none;
                box-shadow: 0 1px 2px none;
    }
    50% {
        border-color: #ffa500;
        color: #ffa500;
        -webkit-box-shadow: 0 3px 6px #ffa500;
           -moz-box-shadow: 0 3px 6px #ffa500;
                box-shadow: 0 3px 6px #ffa500;
    }        
    100% {
        border-color: none;
        color: none;
        -webkit-box-shadow: 0 1px 2px none;
           -moz-box-shadow: 0 1px 2px none;
                box-shadow: 0 1px 2px none;
    }
}
@-moz-keyframes preview-highlight {
    0% {
        color: none;
        border-color: none;
        -webkit-box-shadow: 0 1px 2px none;
           -moz-box-shadow: 0 1px 2px none;
                box-shadow: 0 1px 2px none;
    }
    50% {
        color: #ffa500;
        border-color: #ffa500;
        -webkit-box-shadow: 0 3px 6px #ffa500;
           -moz-box-shadow: 0 3px 6px #ffa500;
                box-shadow: 0 3px 6px #ffa500;
    }        
    100% {
        color: none;
        border-color: none;
        -webkit-box-shadow: 0 1px 2px none;
           -moz-box-shadow: 0 1px 2px none;
                box-shadow: 0 1px 2px none;
    }
}
@-ms-keyframes preview-highlight {
    0% {
        color: none;
        border-color: none;
        -webkit-box-shadow: 0 1px 2px none;
           -moz-box-shadow: 0 1px 2px none;
                box-shadow: 0 1px 2px none;
    }
    50% {
        color: #ffa500;
        border-color: #ffa500;
        -webkit-box-shadow: 0 3px 6px #ffa500;
           -moz-box-shadow: 0 3px 6px #ffa500;
                box-shadow: 0 3px 6px #ffa500;
    }        
    100% {
        color: none;
        border-color: none;
        -webkit-box-shadow: 0 1px 2px none;
           -moz-box-shadow: 0 1px 2px none;
                box-shadow: 0 1px 2px none;
    }
}
@-webkit-keyframes preview-highlight {
    0% { color: none; }
    50% { color: #00a2d8; }        
    100% { color: none; }
}
@-moz-keyframes preview-highlight-text {
    0% { color: none; }
    50% { color: #00a2d8; }        
    100% { color: none; }
}
@-ms-keyframes preview-highlight-text {
    0% { color: none; }
    50% { color: #00a2d8; }        
    100% { color: none; }
}*/
/** Live Preview END **/