/* CSS Document - READY FOR CONCATENATION: */

/**
 * Project:     PROJECT
 * Purpose:     Global Styles
 *
 * @author:     <tziafeta@united-domains.de>
 * @author:     <seitz@united-domains.de>
 * @version:    1.0
 * @date:       03/2012
 */

/* TABLE OF CONTENTS:
---------------------------------------------------------------------------------------
    0:  CSS RESET & HELPERS (CLEAN UP & DELETE IRRELEVANT DECLARATIONS AFTERWARDS!!!):

        0.1:    CSS NORMALIZE:
                - HTML5 SHIM STYLES:
                - BASE STYLES:
                - TYPOGRAPHY:
                - LINKS:
                - LISTS:
                - FORMS:
                - BUTTON NORMALIZATION:
                - TABLES:

        0.2:    GLOBAL-HELPER CLASSES (NON-SEMANTIC):
                - AUTO-CLEAR:
                - IMAGE-REPLACEMENT:

        0.3:    IE6/7-SPECIFIC HELPERS/FIXES:
                - COLUMNS & AUTO-CLEAR:
                - HAS-LAYOUT HACKS:
                - BICUBIC RESIZING FOR NON-NATIVE SIZED IMG:


    1:  TYPOGRAPHY & LINK STYLING - HELPER-KLASSEN:

        1.1:    COLOURS:
        1.2:    TYPO & FONT-SIZES:
        1.3     SHADOWS:


    2:  STRUCTURE & LAYOUT:

        2.1:    STRUCTURE:
        2.2:    HEADER:


    3:  CONTENT:

        3.1:    CLASSES FOR BASE STYLES: todo ct
                3.1.1:   Cursors
                3.1.2:   checkboxen & radio buttons
                3.1.3:   Fileupload - Styling
                3.1.4:   Hyperlinks
                3.1.5:   Image Properties
                3.1.6:   Input-Felder
                3.1.7:   Labels
                3.1.8:   Listen
                3.1.9:   Select-Boxen
                3.1.10:  Ueberschriften
                3.1.11:  Tabellen
                3.1.12:  Textareas
                3.1.13:  Fehler



        3.2:    STYLES FOR SPECIFIC ELEMENTS:
        3.3:    CONTENT GLOBAL:
        3.4:    CONTENT MODULES:    css_module_xyz.css


    4:  MEDIA QUERIES MOBILE:       css_mq_mobile.css

    5:  NON-JAVASCRIPT FALLBACK:    css_nojs.css

    6:  VENDOR:                     jQuery-ui usw

    7:  PRINT-RELATED:              css_print.css

--------------------------------------------------------------------------------------
*/

/**
 * Credit is left where credit is due.
 *
 * Much inspiration was taken from these projects:
 *
 * - html5boilerplate.com
 * - yui.yahooapis.com/2.8.1/build/base/base.css
 * - camendesign.com/design/
 * - praegnanz.de/weblog/htmlcssjs-kickstart
 * - html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * - v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * - html5doctor.com/html-5-reset-stylesheet/
 * - Nicolas Gallagher, Jonathan Neal, Kroc Camen, and the H5BP dev community and team
 */



/*      >> 0: CSS RESET & HELPERS:
---------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------- */

/*      >> 0.1: CSS NORMALIZE:
--------------------------------------------------------------------------------------- */
/* HTML5 SHIM STYLES:
--------------------------------------- */
::-moz-selection { background: #0079C8; color: #fff; text-shadow: none; }
::selection { background: #0079C8; color: #fff; text-shadow: none; }



/* BASE STYLES:
--------------------------------------- */

html {
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;

}

h1 {
    margin: 5px 0 20px 0;
    padding: 0;
    background-color: rgba(255, 255, 255, 0);
    font-size:18px;
}

h2 {
    margin: 0;
    padding: 0;
    font-size:14px;
}

h3 { margin: 15px 0; }


/* TYPOGRAPHY:
--------------------------------------- */

@font-face {
    font-family: "Neo Sans W01";
    src: url("/include/fonts/2959d89a-a257-4ce7-9cda-63e00f275369.eot?#iefix");
    src: url("/include/fonts/2959d89a-a257-4ce7-9cda-63e00f275369.eot?#iefix") format("eot"),
         url("/include/fonts/a32c3a17-3242-461c-a048-ca8e775582b1.woff") format("woff"),
         url("/include/fonts/97316a7d-9db1-4dc1-bd87-e24103d88a81.ttf") format("truetype"),
         url("/include/fonts/1287ca7a-3ce7-40b7-9612-061d4c793f04.svg#1287ca7a-3ce7-40b7-9612-061d4c793f04") format("svg");
}

@font-face {
    font-family: "Neo Sans W01 Medium";
    src: url("/include/fonts/85c8556d-8a76-4037-a2e2-0f5fd9dabc03.eot?#iefix");
    src: url("/include/fonts/85c8556d-8a76-4037-a2e2-0f5fd9dabc03.eot?#iefix") format("eot"),
         url("/include/fonts/b0eddbbb-9e8e-4e08-bde1-965bb945f73a.woff") format("woff"),
         url("/include/fonts/b2931674-c992-42a0-aa22-e9cb15d3383d.ttf") format("truetype"),
         url("/include/fonts/af9d27b2-3ca0-47ca-8d5d-4c4665df6305.svg#af9d27b2-3ca0-47ca-8d5d-4c4665df6305") format("svg");
}



/* EMBEDED CONTENT:
--------------------------------------- */

/* FORMS:
--------------------------------------- */

a img,
img,
fieldset,
input { border: 0; }


/* ************************************************** */
/* FORMULARELEMENTE */

/* Labels (Bezeichnungen) von Formularfeldern wie input */
label{  cursor:pointer; }

/* BUTTON NORMALISATION:
--------------------------------------- */
input { position: relative; }
button::-moz-focus-inner { border: 0; }

/* TABLES:
--------------------------------------- */

table {
    display: table;
    border-spacing: 0;
    caption-side: top;
    margin: 0;
}

tr { display: table-row; }

thead { display: table-header-group; }

tbody { display: table-row-group; }

tfoot { display: table-footer-group; }

col { display: table-column; }

colgroup { display: table-column-group; }

td, th { display: table-cell; }

caption {
    display: table-caption;
    margin: 0;
}

th { font-weight: bold; }




/*      >> 0.2: GLOBAL-HELPER CLASSES (NON-SEMANTIC):
--------------------------------------------------------------------------------------- */
/*  AUTO-CLEAR:
--------------------------------------- */

/* For modern browsers */
.clearfix:before,
.clearfix:after {
  content:"";
  display:table;
}

.clearfix:after {
    clear:both;
}



/*      >> 1: TYPOGRAPHY & LINK STYLING - HELPER-KLASSEN:
---------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------- */

/*      >> 1.1: COLOURS:
--------------------------------------------------------------------------------------- */

/* colors
------------------------------ */

.transp {background-color: transparent;}
.white  {color: #fff; background-color: transparent;}
.black  {color: #000; background-color: transparent;}
.blue   {color: #003D86; background-color: transparent;}
.blue0079c8, .blue0079C8 {color: #0079c8; background-color: transparent;}
.green006600 {color: #006600; background-color: transparent;}
.greyCCC    {color: #ccc; background-color: transparent;}
.grey333    {color: #333; background-color: transparent;}
.grey666    {color: #666; background-color: transparent;}
.grey999,
.grey       {color: #999; background-color: transparent;}
.red, .red990000, a.red  {color: #990000; background-color: transparent;}

/* background-colors
------------------------------ */

.bgRed      {background-color: red;}
.bgGrey     {background-color: #EEE;}
.bgCCC      {background-color: #ccc;}
.bgFFF      {background-color: #fff;}


/*      >> 1.2: TYPO & FONT-SIZES:
--------------------------------------------------------------------------------------- */


/* alignment ans positioning
------------------------------ */
.positionAbs {position:absolute;}
.positionRel {position:relative;}


.leftAlign  {text-align: left;}
.center     {text-align: center;}
.rightAlign {text-align: right;}

.valignTop      {vertical-align: top;}
.valignMiddle   {vertical-align: middle;}
.valignBottom   {vertical-align: bottom;}


/* display-art, overflow
------------------------------ */
.none               {display: none;}
.displayBlock       {display: block;}
.displayInline      {display: inline;}
.displayInlineblock {display: inline-block;}
.displayTablecell   {display: table-cell;}


.overflowHidden {overflow:hidden;}
.overflowScroll {overflow:scroll;}
.overflowAuto   {overflow:auto;}

.overflowEllipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.preWrap {white-space:pre-wrap;}

/* spacing - Margin/padding
------------------------------ */
.img            {margin:0; padding: 0;}
.margin0        {margin:0 !important;}
.padding0       {padding:0 !important;}
.PaddingMargin0 {margin:0; padding: 0;}
.PaddingMargin5 {margin:5px; padding: 5px;}
.padding2       {padding:2px;}
.padding5       {padding:5px;}
.padding10      {padding:10px;}
.mt0            {margin-top:0 !important;}
.mb0            {margin-bottom:0 !important;}

.spacer, .spacer20  {padding:20px;}
.spacerLeft         {padding-left:50px;}
.spacerLeft10       {padding-left:10px;}
.spacerLeft15       {padding-left:15px;}
.spacerLeft20       {padding-left:20px;}
.spacerLeft30       {padding-left:30px;}
.spacerLeft35       {padding-left:35px;}
.spacerLeft40       {padding-left:40px;}
.spacerRight10      {padding-right:10px;}
.spacerRight15      {padding-right:15px;}
.spacerRight20      {padding-right:20px;}
.spacerRight25      {padding-right:25px;}


/* floating and clearing
------------------------------ */
.left   {float: left; width: auto;}
.right  {float: right; width: auto;}
.floatNone  {float: none;}

.clearleft  {clear: left;}
.clearright {clear: right;}
.clear      {clear: both;}


/* width - todo ct
------------------------------ */
.w_100pc    {width:100%;}

.w_10px     {width:10px !important;}
.w_20px     {width:20px !important;}
.w_30px     {width:30px !important;}
.w_50px     {width:50px !important;}
.w_60px     {width:60px !important;}
.w_70px     {width:70px !important;}
.w_80px     {width:80px !important;}
.w_85px     {width:85px !important;}
.w_95px     {width:95px !important;}
.w_100px    {width:100px !important;}
.w_120px    {width:120px !important;}
.w_125px    {width:125px !important;}
.w_130px    {width:130px !important;}
.w_145px    {width:145px !important;}
.w_160px    {width:160px !important;}
.w_170px    {width:170px !important;}
.w_180px    {width:180px !important;}
.w_185px    {width:185px !important;}
.w_190px    {width:190px !important;}
.w_200px    {width:200px !important;}
.w_229px    {width:229px !important;}
.w_235px    {width:235px !important;}
.w_240px    {width:240px !important;}
.w_250px    {width:250px !important;}
.w_280px    {width:280px !important;}
.w_300px    {width:300px !important;}
.w_350px    {width:350px !important;}
.w_370px    {width:370px !important;}
.w_400px    {width:400px !important;}
.w_420px    {width:420px !important;}
.w_430px    {width:430px !important;}
.w_450px    {width:450px !important;}
.w_460px    {width:460px !important;}
.w_470px    {width:470px !important;}
.w_500px    {width:500px !important;}
.w_520px    {width:520px !important;}
.w_550px    {width:550px !important;}
.w_600px    {width:600px !important;}
.w_650px    {width:650px !important;}
.w_700px    {width:700px !important;}
.w_720px    {width:720px !important;}
.w_856px    {width:856px !important;}
.w_890px    {width:890px !important;}
.w_896px    {width:896px !important;}
.w_930px    {width:930px !important;}
.w_938px    {width:938px !important;}
.w_940px    {width:940px !important;}

.w_95px label {
    margin: 0px !important;
}


/* text formating
------------------------------ */

.bold       {font-weight: bold;}
.important  {font-weight: bold;}
.normalfont {font-weight: normal;}
.italic     {font-style: italic;}
.underline  {text-decoration: underline;}
.TDnone     {text-decoration: none !important;}

.small  {font-size: 0.825em;}
.medium {font-size: 1.0em;}
.big    {font-size: 15px;}
.em125  {font-size: 1.25em;}


/*      >> 1.3: BORDERS & SHADOWS:
--------------------------------------------------------------------------------------- */

/* borders
------------------------------ */
.outline {outline: solid 2px red;}

.border         {border: 1px solid #4273b2;}

.borderCCC      {border: 1px solid #ccc;}
.borderRightCCC {border-right: 1px solid #ccc; padding-right:10px;}

.lTop           {border-top: 1px solid #4273b2;}

.lTopGrey           {border-top: 1px solid #ccc; padding-top:10px;}
.lBottomGreyDashed  {border-bottom: 1px dashed #ccc;}
.lRightGreyDashed   {border-right: 1px dashed #ccc;}


.borderRadius5px {border-radius: 5px;}
.borderRadius8px {border-radius: 8px;}

/* shadows
------------------------------ */
.boxShadow{
    box-shadow: 2px 2px 4px #888;
    border-radius: 11px;
}
.boxShadowCCC_9px {
    box-shadow: 2px 2px 2px #ccc;
    border-radius: 9px;
}



/*      >> 2: STRUCTURE & LAYOUT:
---------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------- */


/*      >> 2.1: STRUCTURE:
--------------------------------------------------------------------------------------- */

#wrap {
    display: block;
    padding: 0;
    text-align: left; /* restore text align on left */
}


body > #wrap { height: auto; min-height: 100%; }



/* columns-div
-------------------------- */

#columns2 {
    margin: 0;
    padding: 20px;
    border-left: 1px solid #b6b6b6;
    border-right: 1px solid #b6b6b6;
}

#columns {
    position: relative;
    padding: 0 0 0 0;
    margin: -3px 0 0 0;
    border-left: 1px solid #b6b6b6;
    border-right: 1px solid #b6b6b6;
}

#columns2 {
    position: relative;
    background: url(/images/evolution/gradienten/grau_gradient_2012.png) repeat-x 0 0;
    width: 980px;
    display: inline-block;
}

/* todo ct: delete after whois redesign */
.leftCol560px {
    float: left;
    width: 560px;
    padding-right: 20px;
}
.rightCol300px {
    float: right;
    width: 300px;
}


/* end exclude hack */
.centerPadding {
    margin: 0;
    padding: 20px;
}



/* roundedtop/roundedbottom-divs
-------------------------- */
.roundedtop {
    background: url(/images/evolution/header/content_rounded_up.png) center bottom no-repeat;
    width: 100%;
    height: 10px;
}
.roundedbottom {
    background: url(/images/evolution/header/content_rounded_down.png) center top no-repeat;
    width: 980px;
    height: 10px;
}

/* Blau, weisser radialer Verlauf, 92px */
.roundedtopH92px {
    background: url(/images/evolution/header/header92px_oben.jpg) 0 0 no-repeat;
}

.roundedtopH92px{
    width: 980px; height: 92px;
}
/* brauchen wir noch fuer zf1 whois */
.roundedtop_domainKaufen {
    background: url(/images/evolution/header/header_domain-kaufen.jpg) no-repeat scroll 0 0 transparent;
    width: 980px; height: 350px;
}

.roundedtopWelt {
    background: url(/images/evolution/header/weltDomainsOben.jpg) 0 0 no-repeat;
    width: 980px; height: 107px;
}

.roundedtop,
.roundedtopH92px,
.roundedtop_domainKaufen,
.roundedtopWelt {
    margin-top: 10px;
}

.roundedbottom {
    margin-bottom: 20px;
}

div#content {
    margin-top: 20px;
    padding: 6px 20px 20px 20px;
    position: relative;
}


/*      >> 2.2: HEADER:
--------------------------------------------------------------------------------------- */

.memberInfo {
    overflow:hidden;
    width:260px;
    padding:16px 10px 0 0;
    line-height:17px;
    min-height:75px;
    font-size:13px;
}

.memberInfo b {
    font-family: "Neo Sans W01 Medium", Arial, "Helvetica", Helvetica, sans-serif;
    font-weight: normal !important;
}

.memberInfo #Logout_sm,
.memberInfo #Logout {
    position:absolute;
    top:68px;
}

.memberInfo #Logout_sm { right:10px; }
.memberInfo #Logout { right:10px; }


/* PF-Menue
-------------------------- */
.pfmenu {
    position: absolute;
    z-index: 100;
    width: 980px;
    margin: 10px 0 0 0;
    padding: 0;
}

.pfmenu ul {
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none !important;
}

.pfmenu ul li {
    margin: 0;
    padding: 0;
    display: inline;
    float: left;
  text-align: center;
}

.pfmenu li a {
    background: url(/images/evolution/navigation/pf_navi_sprite.png) no-repeat;
    cursor: pointer;
    float: left;
    height: 33px;
    text-decoration: none;
    font-family:"Neo Sans W01", sans-serif !important;
    font-weight: 500;
    letter-spacing: 0.03em;
    font-size: 14px;
    padding: 8px 0 0 0;
    color: #003d86;
}

.pfmenu ul li a:hover,
.pfmenu ul li a.active,
.pfmenu li:hover > a  {
  color: #FFF;
}

/* HOME */
.pfmenu ul li a.pMenuItem1 {
    width: 75px;
}

.pfmenu ul li .pMenuItem1:hover,
.pfmenu ul li .pMenuItem1Active,
.pfmenu li:hover > .pMenuItem1 {
    background-position: 0 -33px;
    width: 75px;
}

/* Meine Domains */
.pfmenu ul li .pMenuItem2 {
    background-position: -75px 0;
    width: 148px;
}
.pfmenu ul li .pMenuItem2:hover,
.pfmenu ul li .pMenuItem2Active,
.pfmenu li:hover > .pMenuItem2  {
    background-position: -75px -33px;
    width: 148px;
}

/* Neue Endungen */
.pfmenu ul li .pMenuItem3 {
    background-position: -223px 0;
    width: 153px;
}
.pfmenu ul li .pMenuItem3:hover,
.pfmenu ul li .pMenuItem3Active,
.pfmenu li:hover > .pMenuItem3  {
    background-position: -223px -33px;
    width: 153px;
}

/* Webspace Paket */
.pfmenu ul li .pMenuItem4 {
   background-position: -376px 0;
    width: 156px;
}
.pfmenu ul li .pMenuItem4:hover,
.pfmenu ul li .pMenuItem4Active,
.pfmenu li:hover > .pMenuItem4  {
    background-position: -376px -33px;
    width: 156px;
}

/* Meine Daten */
.pfmenu ul li .pMenuItem5 {
   background-position: -532px 0;
   width: 131px;
}
.pfmenu ul li .pMenuItem5:hover,
.pfmenu ul li .pMenuItem5Active,
.pfmenu li:hover > .pMenuItem5 {
    background-position: -532px -33px;
    width: 131px;
}

/* Konto/Rechnungen */
.pfmenu ul li .pMenuItem6 {
    background-position: -663px 0;
    width: 170px;
}

.pfmenu ul li .pMenuItem6:hover,
.pfmenu ul li .pMenuItem6Active,
.pfmenu li:hover > .pMenuItem6 {
   background-position: -663px -33px;
    width: 170px;
}

/* Hilfe & Support */
.pfmenu ul li .pMenuItem7 {
    background-position: -833px 0;
    width: 147px;
}

.pfmenu li .pMenuItem7:hover,
.pfmenu li .pMenuItem7Active,
.pfmenu li:hover > .pMenuItem7 {
   background-position: -833px -33px;
   width: 147px;
}


/* AB HIER: Untermenue
-------------------------- */
.pfmenu ul li > ul {
  visibility: hidden;
position: absolute;
    top: 33px;
    left: 0;
    z-index: 500;

}

/* hover Hauptnavigation --> zeige Unternavigation (Definition ul) */
.pfmenu ul li:hover ul,
.pfmenu ul li a:hover ul,
.pfmenu ul li ul.active {
    background: url(/images/evolution/navigation/pf_subnavi_sprite.png) no-repeat;
    width: 980px;
    height: 33px;
    z-index: 700;
    visibility: visible;

}

.pfmenu ul li ul.active { z-index: 600 !important; }

/* (Definition ul li a der Unternavigation) */
.pfmenu ul li:hover ul li a,
.pfmenu ul li a:hover ul li a,
.pfmenu ul li ul.active a {
    display: block;
    height: 16px !important;
    border-left: 1px solid #8bbae5;
    margin-top: 8px;
    padding: 0 25px;
    font-family:"Neo Sans W01", sans-serif !important;
    font-weight: 500;
    text-decoration: none;
    letter-spacing: 0.03em;
    font-size: 13px;
    color: #FFF;
    background: none;
}

.pfmenu ul li ul li:first-child a,
.pfmenu .active li:first-child a {
    border: none;
}

/* hover Hauptnavigation UND hover Subnavigation --> Schriftfarbe aendern */
.pfmenu ul li:hover ul li a:hover,
.pfmenu ul li a:hover ul li a:hover,
.pfmenu ul li ul.active a.pMenuItemSubActive {
    display: block;
    color: #FEB88A !important;
}


/* todo ct */
.inv {
     display: block;
     visibility: hidden;
     text-decoration: none;
}

.hide {display: none !important;}



/*      >> 3: CONTENT:
---------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------- */

/*      >> 3.1: CLASSES FOR BASE STYLES:
--------------------------------------------------------------------------------------- */

/* 3.1.1: Cursors
-------------------------- */
.cursorHelp     {cursor:help;}


/* 3.1.3: Fileupload - Styling
-------------------------- */

/* Durchsuchen-Button UNTER Feld */
.file_input_textbox     {width:200px;}
.file_input_div         {position:relative; width:130px; height:26px; margin:5px 0 0 230px; overflow:hidden; }
.file_input_button      {padding:2px 8px 2px 8px; height:25px; margin:0; margin-right:5px; }
.file_input_hidden      {font-size:45px; position:absolute; right:0; top:0; cursor:pointer; opacity:0; }

/* Durchsuchen-Button NEBEN Feld */
input.file_input_textbox_o     {width:200px !important; height: 25px !important; float:left; margin-right: 10px !important;}
.file_input_div_o         {position:relative; height:26px; }
.file_input_button_o      {top:0; padding:2px 8px 2px 8px; font-weight:bold; height:25px; margin:0; margin-right:5px; }
.file_input_hidden_o      {font-size:45px; position:absolute; right:0; top:0; cursor:pointer; opacity:0; }



/* 3.1.4: Hyperlinks
-------------------------- */
/* Standard-Links bei udag, auch in Flisstext!!! * /
/* Symbol: 2 rote <<, dunkelblaue Schrift */
.stdLink,
.stdLink:link,
.stdLink:hover,
.stdLink:visited {
    cursor: pointer;
    background: url("/images/evolution/promo/link.gif") left center no-repeat;
    padding: 0 0 0 12px;
    margin: 5px 0 0 0 !important;
    border: 0 none;
    font-weight: normal;
}

.stdLink:hover {
    text-decoration: underline;
}


/* Symbol: 2 rote << am Wortanfang */
.linkbefore:visited, .linkbefore:link {
    background: url(/images/evolution/icons/linkLeft.png) no-repeat left center;
    padding-left: 12px;
}

.linkbefore:hover {/*text-decoration: underline !important;*/}

/* Symbol: 2 rote >> am Wortende */
.linkafter:visited, .linkafter:link {
    background: url(/images/evolution/promo/link.gif) right center no-repeat;
    padding-right: 10px;
}


/* Symbol: hellblauer Pfeil (einfach) nach rechts - JOBS + SUPPORT  */
.catlink_img:visited,
.catlink_img:link{
    background: url(/images/evolution/icons/pfeile/pfeilRechts_0079c8.png) no-repeat left center;
    padding-left: 12px;
    font-size:14px;
    font-weight: bold;
    color: #0079c8 !important;
}

.catlink_img.active {
    background: url(/images/evolution/icons/pfeile/pfeilRechts_003d86.png) no-repeat left center;
    color: #004187;
}

.catlink_img:hover {
    background: url(/images/evolution/icons/pfeile/pfeilRechts_003d86.png) no-repeat left center;
    color:#003D86;
}

/* Symbol: rotes Fragezeichen  */
.lnkFAQ {
    background: url(/images/evolution/icons/faq.png) no-repeat 0 2px;
    padding-left: 17px;
}

/* Fuer Links zu externen Seiten  */
.extern {
    padding-left: 16px;
    background: url(/images/linkicon.gif) 2px 2px no-repeat;
}

/* Symbol: PDF-Icon */
.formlink:visited, .formlink:link {
    display: block;
    background: url(/images/evolution/download/formlink.gif) no-repeat left;
    padding-left: 25px;
    line-height: 18px;
    font-weight: bold;
}

.formlink.tchm:visited, .formlink.tchm:link {
    display: inline-block;
    font-weight:normal;
}

/* Symbol: PDF-Icon KLEIN */
.pdfLink:link,
.pdfLink:visited {
    background: url(/images/evolution/icons/pdf_small.png) left center no-repeat transparent;
    padding-left: 20px;
    margin-top: 5px;
}


/* Fuer Seiten, die im PopUp geoeffnet werden  */
a.popup {
    background: url(/images/evolution/icons/popup.png) no-repeat left;
    padding-left: 13px;
}

/* Fuer alle Druck-Links */
a.print2 {
    background: url(/images/evolution/icons/print.gif) no-repeat;
    padding: 1px 21px;
    line-height: 20px;
    width: 16px;
}

#topMenu .print2 {
    position: absolute;
    right: 55px;
    top: 7px;
    padding: 0;
    text-indent: -999em;
}

/* Fuer Mail-Links */
a.mailto {
    background: url(/images/evolution/icons/mailto.gif) no-repeat;
    padding: 0 0 2px 21px;
}

/* Symbol: kleines rotes Schloss */
.lostpassword{
    background: url(/images/evolution/header/pw_link.gif) no-repeat 2px 2px;
    padding: 0 0 0 15px;
}
/* Symbol: kleiner roter Bleistift  */
.signuplink{
    background: url(/images/evolution/header/reg_link.gif) no-repeat 2px 2px;
    padding: 0 0 0 15px;
}

.lostpassword:hover, a.lostemail:hover, a.signuplink:hover  {text-decoration: underline;}

/* CSS-Klassen fuer Links, die ohne Symbol sind */
/* Bedeutung: farbe+schriftart+text-decoration -----  _hb=hover blue */

a.lnk_blackbn_hb    {color: #000; font-weight: bold;}
a.lnk_greybn_hb     {color: #666; font-weight: bold;}

a.lnk_lightbluebn   {color: #0079c8; font-weight: bold;}


a.lnk_blackbn_hb:hover,
a.lnk_greybn_hb:hover,
a.lnk_lightbluebn:hover  {color: #003D86;}

/* fieldset - Weisse Box (#fff) mit grauen Rahmen (#ccc) */
.fieldsetBox_fffccc{
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    width: 865px;
}



/* 3.1.6: Input-Felder
-------------------------- */


/* FEHLER */
input.formerror,
textarea.formerror {
    border: 1px solid #990000 !important;
    background-color: #ffeeee !important;
}

p.formerror {
    border: 1px solid #990000 !important;
    background-color: #ffeeee !important;
    padding: 10px;
    color: #990000;
}

.input140px {
    height: 22px;
    font-size:11px !important;
    outline: none !important;
}

.input140px     {width: 140px;}
.input305px     {width: 305px; height: 23px;}


input.inputStd_229px {line-height: 17px;}

input.inputStd_229px    {width: 229px !important;}
input.inputStd_160px    {width: 160px;}

/* x in input-Feldern f. leeren
/* auch definiert in evoportfolio:
.selectToEditItemDel und
#pSearchrefresh.on
-------------------------- */
.x-loeschen {
    width: 10px;
    height: 10px;
    visibility: hidden;
}

.x-loeschen.on {
    background: url(/images/evolution/portfolio/multiConfigBoxClose.png) 0 1px no-repeat;
    position: relative;
    top: 4px; left: -15px;
    cursor: pointer;
    display:inline-block;
    visibility: visible;
}
.x-loeschen.on:hover {
    background: url(/images/evolution/portfolio/multiConfigBoxCloseHover.png) 0 1px no-repeat;
}




/* 3.1.7: Labels
-------------------------- */
.label_blue14px{
    color: #003D86;
    font-size: 14px;
    font-weight:bold;
}
h2.label_blue14px {
    font-weight: normal;
}
.label_blue13px{
    color: #003D86;
    font-size: 13px;
    font-weight:bold;
}
.label_grey13px{
    color: #666;
    font-size: 13px;
    font-weight:bold;
}
.label_black13px{
    color: #000;
    font-size: 13px;
    font-weight:bold;
}
.label_black13px_nf{ /* kein bold */
    color: #000;
    font-size: 13px;
    font-weight:normal;
}

/* 3.1.10: Ueberschriften
-------------------------- */

/* Headings fuer neue Header oben */
.roundedtopH92px h1,
.roundedtopH92px h2 {
    margin:0;
    padding: 35px 20px 10px;
}

.roundedtopWelt h1,
.roundedtopWelt h2 {
    margin:0;
    padding:17px 0 0 20px;
}


.headerTitleL,
.headerTitleS,
.headerSubtitleL,
.headerSubtitleM { color:#fff;}

.headerTitleL  {font-size:28px;}
.headerTitleS  {font-size:15px;}


.ContentSubheadXL.noImage {
    position: relative;
    z-index: 99;
    padding-left:20px;
    text-shadow: none;
    color: #003d86;
}

.headerSubtitleL,
.headerSubtitleM { font-weight: normal;}

.headerSubtitleL    {font-size:22px;}
.headerSubtitleM    {font-size:20px;}

/*  Headings fuer Content
    fuer padding-Top=0 Klasse ".pt0" hinzufuegen!!!
*/

.pt0 {padding-top:0;}

.ContentSubheadXL,
.ContentSubheadL,
.ContentSubheadM,
.ContentSubheadS,
.ContentSubheadXS  {
    margin: 0;
    padding: 10px 0;
    color: #000;
}

.ContentSubheadXL {font-size:20px;}
.ContentSubheadL  {font-size:18px;}
.ContentSubheadM  {font-size:16px;}
.ContentSubheadS  {font-size:15px;}



/* 3.1.12: Textareas
-------------------------- */

.stdTextarea {
    width: 200px; height: 150px;
    margin-bottom: 5px;
    border-color: #0079C8;
    color: #666;
}


/* 3.1.12: Fehler
-------------------------- */
.error,
.errormsg,
.error-alert {
    color: #990000;
    background-color: transparent;
}



/*      >> 3.2: STYLES FOR SPECIFIC ELEMENTS
--------------------------------------------------------------------------------------- */


/* div fuer zurueck + nach oben */
#bottomMenu {
    position: relative;
    margin-top: 15px;
    padding: 5px 0 15px 0;
    width: 100%;
    z-index: 99;
}
#bottomMenu .bottomLink,
#bottomMenu .bottomLinkMain {
    margin: 0;
    padding: 0 0 0 25px;
    float: right;
    width: auto;
}


/* INFOBOXES - TODO ct */
.infoboxcontainer {
    cursor: pointer;
    color: #000;
}

.infoboxcontainer .infosmall {
    font-size: 12px;
}

.infoboxarea span  {
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 13px;
    background: url(/images/evolution/icons/popup.png) no-repeat left;
    color: #003d86;
    text-decoration: none;
}



/* /browsercheck
-------------------------- */

#browsercheck-wrapper p {
    font-size: 14px;
}

.browsercheck-navi {
    height: 41px;
    background: url('/assets/img/content/browsercheck/browsercheck-navi-bg.png') repeat-x#818181;
}

#browsercheck-wrapper a.lnk-anfahrt {
    color: #0079c8;
}

#browsercheck-wrapper a.button {
    margin-right: 15px;
}


#browsercheck-wrapper h3.h3-old-browser {
    line-height: 2.5rem;
}

#browsercheck-wrapper h3.kontakt-h3 {
    padding-left: 0.76923rem;
    margin-bottom: 1.35rem;
}

.browsercheck-footer {
    padding: 15px 0px;
    background-color: #999;
    color: #fff;
}

.browsercheck-footer p {
    margin: 0;
}


/* Zahlungsdaten BESTELLPROZESS
-------------------------- */

.zahlungsArt_bluebox {width:690px;}

/* Zahlungsdaten Lastschrift */
.lbl_zahlungLast {
    display: inline-block;
    float: left;
    width: 230px;
}


/* Zahlungsdaten Kredit */
#div_cc input[type="text"] {width:270px;}
select#cc_typ {width:272px;}

.lbl_zahlungKredit {
    display: inline-block;
    float: left;
    width: 175px;
}

#cvc_codes {padding:25px 0 0 175px;}
#cvc_codes img {
    float:left;
    vertical-align: middle;
}
#cvc_codes span {
    float:left;
    display:inline-block;
    width:290px;
    padding:5px 0 0 10px;
    font-size:12px;
}


/* Validierungen
-------------------------- */

/* clientseitig */
/*#frm_wordpress span.formerror*/
#div_cc span.formerror,
#div_cc span.formerror.errorMsg,
.frm_application span.formerror,
#licenceCheckBox span.formerror,
#confirmation_checkbox span.formerror {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #990000;
    display: inline-block;
    padding: 0 0 0 176px;
    width: 446px;
}

/* serverseitig */
#div_cc span.error {padding-left: 230px; }

.frm_application span.formerror {width: 385px; padding:0 0 0 167px;}

#licenceCheckBox span.formerror {width: 350px; padding:0 0 0 20px;}

#confirmation_checkbox span.formerror {width: 446px; padding: 10px 0 10px 25px;}

#frm_save_tm_claims_confirmation #confirmation_checkbox span.formerror {
    width: auto;
}


/* Passwort-Staerke */
#passwordStrength {
    line-height:17px;
    float:left;
}

.strengthBase {
    border:solid 1px #ccc;
    height:auto;
    display:block;
    overflow:hidden;
    width:297px;
    background:#e7e7e7;
    font-size:12px;
}

.pwd_strength_init {background:#e7e7e7;}
.pwd_strength0 {width:55px; background:#ff0000;}

.pwd_strength1 {
    width:116px;
    background:#ff7200;
}
.pwd_strength2 {
    width:176px;
    background:#ffea00;
}
.pwd_strength3 {
    width:236px;
    background:#a2cf07;
}
.pwd_strength4 {
    background:#56e500;
    width:297px;
}
/* Passwortstaerke fuer Portfolio/Stammdaten */
.strengthBase.pf {width:235px;}

.pwd_strength0.pf {width:55px;}
.pwd_strength1.pf {width:100px;}
.pwd_strength2.pf {width:145px;}
.pwd_strength3.pf {width:190px;}
.pwd_strength4.pf {width:235px;}


/* Passwort neu festlegen */

#pwdInfobox     {float:right; width:350px;}
#pwdInfobox_PF  {float:left; width:350px; margin:83px 0 0 60px;}

/* Passwort neu festlegen PORTFOLIO/STAMMDATEN */
#pwdStrength_PF {margin:10px 0 0 180px;}


/* tmch claim im Bestellprozess
-------------------------- */
.whiteBoxPadding10.tmchclaim {
    height: 120px;
    overflow: auto;
}

.label_black13px_nf.tmchclaim_lbl {
    position: relative;
    padding-left: 25px;
    margin: 10px 0;
}

.label_black13px_nf.tmchclaim_lbl #confirmation {
    z-index: 1;
    position: absolute;
    top: 3px;
    left: 3px;
}


#additionalInfo{
    margin:0;
    padding:0;
    /* display:none; */
}


/* WHOIS - /whois/whois.html
-------------------------- */

/* todo ct */
.whois-header {
    background: url(/images/evolution/gradienten/whois-headerGradient.png) repeat-x;
    height: 160px;
    text-align: center;
}

.whois-udagLogo {margin-top:30px;}
.whois_all {
    width:100%;
    background: url(/images/evolution/gradienten/whois-mainGradient.png) repeat-x;
}
.whois_Main     {margin: 0 auto; width:480px; height:100%; text-align:left; padding-top: 10px;}
.whois_Links    {width: 475px; margin:0 auto; padding-left:12px; overflow:auto;}


/*
    fuer whois, da active Tab Schrift nicht weiss wird
*/
.whois_Main #starttabs .tabview li.ui-tabs-active a {
    color:#fff !important;
}

.whois-header1 {
    padding: 30px 0 0 20px;
    font-size:24px;
    font-weight:normal;
}

#whois_search {
  position:absolute;
  top:115px; left:50px;
  width:425px;
  height:70px;
}


#whois_search .wwwTxt {color:#fff;}



/* 404-Seite:
-------------------------- */
.roundedtop404      {margin-top: 20px; background:url(/images/evolution/404-Seite/404_bg.jpg) no-repeat; height:418px;}
.content404         {float:right; width:620px; margin:30px 20px 0 0;}
.linkTbl_404 {
    position:relative;
    width:606px; height:190px;
    background: url(/images/evolution/404-Seite/404_bgTbl_tr.png) no-repeat;
}
.linkTbl_404 td     {width:200px; padding-left:60px;}


.subh404           {font-size:18px; margin-top:30px;}


/* Verlauf jQuery FAQ-Popup
-------------------------- */
#popupBg {
    background: url(/images/evolution/popup_background.png) repeat-x;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.popupPadding {padding:10px;}


/* Formulare
-------------------------- */

#agbTxt a.stdLink {
    display: inline-block;
    margin: 0 !important;
}

#div_cc #cc_noSpace {
    padding: 0 0 0 175px;
}

#tmchForm  span.formerror {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #990000;
    display: inline-block;
    padding: 0 0 0 150px;
    margin: 0;
    width: 420px;
}

#summary,
#summaryTMCH {
    display: none;
    background-color: #FFEEEE;
    border: 1px solid #990000;
    padding: 10px;
    color: #990000;
}


#div_cc div {
    float: left;
    width: 500px;
}

#pw_error {
    background-color: #FFEEEE;
    border: 1px solid #990000;
    padding: 10px;
    color: #990000;
}

/*      >> 3.3: CONTENT GLOBAL:
--------------------------------------------------------------------------------------- */
/*      >> 3.4: CONTENT MODULES:
--------------------------------------------------------------------------------------- */

/*      >> 1.1: DOWNLOADS:
--------------------------------------------------------------------------------------- */

.laenderdownloads li {
    list-style-type: none !important;
    margin: 0 0 17px 0;
}


/* IDENTITY */

.stammdatenpanel1col {
    background: url(/images/evolution/boxen/box_graugradient_938_top.png) no-repeat scroll 0 0 transparent;
    min-height: 20px;
    width: 938px;
}

.stammdatenpanel1colbottom {
    background: url(/images/evolution/boxen/box_graugradient_938_bottom.png) no-repeat scroll 0 0 transparent;
    height: 20px;
    width: 938px;
}

.stammdatenpanel1col .visibilityOn {
    display: inline-block;
    float: left;
    width: 450px;
    height: 125px;
}

.stammdatenpanel1col .visibilityOff {
    display: none;
}

.stammdatenpanel1col label {
    display: inline-block;
    width: 180px !important;
}

.stammdatenpanel1col input[type="text"] {
    width: 234px;
}

.stammdatenpanel1col p {
    margin: 0 0 15px 0;
}


.stammdaten li { list-style-type: none !important;}
.stammdaten label {float: left; width: 180px;}

.identityleft {
  border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    display: inline-block;
    padding: 0 15px 10px;
    position: relative;
    top: 7px;
    min-height: 280px;
}

.moredatatext {
  float: right;
  width: 410px;
}

.stammdatenInfoBox {
    background: url(/images/evolution/icons/info.png) no-repeat scroll 5px 5px transparent;
    border: 1px solid #CCCCCC;
    color: #666666;
    font-size: 11px;
    line-height: 13px;
    padding: 5px 5px 5px 28px;
    width: 418px;
}

.stammdatenAlertBox {
    padding: 15px 10px 10px 28px;
    background: url(/images/evolution/portfolio/icons/warning.png) no-repeat scroll 5px 14px transparent;
}

.rechnungskundenInfos {
    background: url(/images/evolution/icons/info.png) no-repeat scroll 5px 5px transparent;
    padding: 5px 5px 5px 27px;
}
.rechnungskundenAlert {
    background: url(/images/evolution/portfolio/icons/warning.png) no-repeat scroll 5px 5px transparent;
    padding: 5px 5px 5px 27px;
}
.rechnungskundenAlert p,
.rechnungskundenInfos p {
    line-height:15px;
}
.rechnungskundenAlert.rk-pf {
    width: 365px;
}

.survey_form_container {
  color:red !important;
}

/*      >> 7:   VENDOR:
--------------------------------------------------------------------------------------- */
.ui-datepicker .ui-datepicker-title select {
    font-size: 13px !important;
    margin: 1px 0;
}


/*      >> 7:   PRINT-RELATED:
--------------------------------------------------------------------------------------- */
@media print {
* { background: transparent !important; color: #444 !important; text-shadow: none !important; }
a, a:visited { color: #444 !important; text-decoration: underline; }
abbr:after { content: " (" attr(title) ")"; } .ir a:after { content: ""; } /* Don't show links for images */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } img { page-break-inside: avoid; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
#columns {border: none;}
#footer, #path, .right {display: none;}
#main {font-size: 0.95em !important;}
#bottomMenu {display: none;}
}