/**
 * Nettolohn CSS
 * 
 * Media: screen
 * 
 * @copyright       Copyright 2009, Nettolohn / AK
 * @link            http://www.nettolohn.de
 */

/*########## Grundlegende Konfiguration Anfang #########*/

* {margin:0; padding:0;}

html, body{height:100%}

body {
    font-family: Arial,Verdana,Helvetica,Sans-serif;
    font-size: 13px;
    color: #13559e;
    background: #A0D3E6 url('../images/layout/bg.jpg') top left repeat-x;
}

/*----------------------
    Floating/Clearfix
------------------------*/
.clear {clear: both;}
.clearleft{clear:left;}
.clearright{clear:right;}
.clearfix:after{
    clear:both;
    display: block;
    content: ".";
    height:0;
    visibility:hidden;
} 
.clearfix {display:inline-block;}/* Hides from IE/Mac \*/
.clearfix {zoom:1;}
/* This fix is for IE6 only */  
.clearfix {height: 1%; overflow: visible;}

/*----------------------
    Ausrichtung
------------------------*/
.aright {text-align: right !important;}
.acenter {text-align: center !important;}
.aleft {text-align: left !important;}
.vatop {vertical-align: top !important;}
.vamiddle, table.vamiddle td {vertical-align: middle !important;}
.fright {float:right !important;}
.fleft {float:left !important;}
.fnone {float:none !important;}
.bgnone {background:none !important;}
.centerBox {text-align: center; width: 100%;}
/*----------------------
    Breite PX
------------------------*/
.w50{width:50px !important;}
.w95{width:95px !important;}
.w96{width:96px !important;}
.w100{width:100px !important;}
.w105{width:105px !important;}
.w160{width:160px !important;}
.w500{width:500px !important;} 
.w550{width:550px !important;} 
.w570{width:570px !important;} 
.w620{width:620px !important;} 
.w640{width:640px !important;}
.w820{width:820px !important;}
.wp48{width:48% !important;}
.wp49{width:49% !important;}
.wp100{width:100% !important;}
.wp50{width:50% !important;}
.w20{width:20px !important;}
.w40{width:40px !important;}

.h20 {height: 20px !important}
.h30 {height: 30px !important}
.h40 {height: 40px !important}

/*----------------------
    Padding
------------------------*/
.p0 {padding:0px !important;}
.pt0 {padding-top:0px !important;}
.pr0 {padding-right:0px !important;}
.pb0 {padding-bottom:0px !important;}
.pl0 {padding-left:0px !important;}
.p5 {padding:5px !important;}
.pt5 {padding-top:5px !important;}
.pr5 {padding-right:5px !important;}
.pb5 {padding-bottom:5px !important;}
.pl5 {padding-left:5px !important;}
.p10 {padding:10px !important;}
.pt10 {padding-top:10px !important;}
.pr10 {padding-right:10px !important;}
.pb10 {padding-bottom:10px !important;}
.pl10 {padding-left:10px !important;}
.ptb10 {padding:10px 0 !important;}
.p15 {padding:15px !important;}
.pt15 {padding-top:15px !important;}
.pr15 {padding-right:15px !important;}
.pb15 {padding-bottom:15px !important;}
.pl15 {padding-left:15px !important;}
.p20 {padding:20px !important;}
.pl20 {padding-left:20px !important;}
.pt20 {padding-top:20px !important;}
.pr20 {padding-right:20px !important;}
.pb20 {padding-bottom:20px !important;}

.mt0{margin-top:0px !important;}
.mr0{margin-right:0px !important;}
.mb0{margin-bottom:0px !important;}
.ml0{margin-left:0px !important;}
.mt3{margin-top:3px !important;}
.mr3{margin-right:3px !important;}
.mb3{margin-bottom:3px !important;}
.ml3{margin-left:3px !important;}
.mt5{margin-top:5px !important;}
.m5{margin:5px !important;}
.m10{margin:10px !important;}
.mr5{margin-right:5px !important;}
.mb5{margin-bottom:5px !important;}
.ml5{margin-left:5px !important;}
.mt15{margin-top:15px !important;}
.mr15{margin-right:15px !important;}
.mb15{margin-bottom:15px !important;}
.ml15{margin-left:15px !important;}
.mt10{margin-top:10px !important;}
.mr10{margin-right:10px !important;}
.mb10{margin-bottom:10px !important;}
.ml10{margin-left: 10px !important;}
.mt20{margin-top:20px !important;}
.mr20{margin-right:20px !important;}
.mb20{margin-bottom:20px !important;}
.ml20{margin-left: 20px !important;}
.mt30{margin-top:30px !important;}
.mr30{margin-right:30px !important;}
.mb30{margin-bottom:30px !important;}
.ml30{margin-left: 30px !important;}
.ml180{margin-left: 180px !important;}
.ml210{margin-left: 210px !important;}

.vamiddle, table.vamiddle td {vertical-align: middle !important;}

/* Font-Size */
.fs11 {font-size: 11px !important;}
.fs10 {font-size: 10px !important;}
.fs12 {font-size: 12px !important;}
.fs13 {font-size: 13px !important;}
.fs14 {font-size: 14px !important;}
.fs16 {font-size: 16px !important;}
.fs18 {font-size: 18px !important;}
.fs20 {font-size: 20px !important;}
.fs22 {font-size: 22px !important;}
.fs24 {font-size: 24px !important;}
.fs26 {font-size: 26px !important;}

/*----------------------
    Text/Font
------------------------*/
.b      {font-weight: bold !important;}
.u      {text-decoration: underline;}
.i      {font-style:italic;}
.lh1em  {line-height:1em !important;}
.lh12em {line-height:1.2em !important;}
.lh15em {line-height:1.5em !important;}
.lh2em {line-height:2em !important;}

.mbm3{margin-bottom:-3px;}
a {color: #13559e;}
a.moreInfo{font-weight:bold; color: #FB6D00; font-size:11px;}
img {border:none;}
select, input{border:1px solid #ababab; padding:2px 1px;}
hr.clear {clear:both; height:1px; font-size:1px; border:none; background:none;}
p.small_footer{padding:0; font-size:10px; text-align:center; width:100%;}
h1{font-size:21px;}
h3{font-size:16px;}
.failuretext{color:#ff0000; font-weight:bold;}
.failureHintBGColor{background:#DFF1FF;}

.apiinfo{margin:10px 30px;}
.apiinfo li {margin: 5px;}

/*###### normal ######*/
span.unibutton {height:27px; background: url('../images/button/unibutton_l.gif') center left no-repeat; padding:7px 0 7px 9px !important; cursor:pointer;}
span.unibutton input{height:27px !important; color:#fff; font-size:12px !important; font-weight:bold !important; border:none !important; background: url('../images/button/unibutton_r.gif') top right no-repeat; padding:0 8px 2px 0 !important; width:auto !important; margin:0 !important;cursor:pointer;}
span.unibutton button{height:27px; color:#fff; font-size:12px; font-weight:bold; border:none; background: url('../images/button/unibutton_r.gif') top right no-repeat; padding:0 8px 1px 0; width:auto !important; cursor:pointer;}

/*###### forward #######*/
span.unibuttonw {height:27px; background: url('../images/button/unibutton_l.gif') center left no-repeat; padding:7px 0 7px 9px !important; cursor:pointer;}
span.unibuttonw input{height:27px !important; color:#fff; font-size:12px !important; font-weight:bold !important; border:none !important; background: url('../images/button/unibutton_rw.gif') top right no-repeat; padding:0 25px 2px 0 !important; width:auto !important; margin:0 !important;cursor:pointer;}
span.unibuttonw button{height:27px; color:#fff; font-size:12px; font-weight:bold; border:none; background: url('../images/button/unibutton_rw.gif') top right no-repeat; padding:0 25px 2px 0; width:auto !important; cursor:pointer;}

/*###### back #######*/
span.unibuttonz {height:27px; background: url('../images/button/unibutton_lb.gif') center left no-repeat; padding:7px 0 7px 25px !important; cursor:pointer;}
span.unibuttonz input{height:27px !important; color:#fff; font-size:12px !important; font-weight:bold !important; border:none !important; background: url('../images/button/unibutton_r.gif') top right no-repeat; padding:0 8px 2px 0 !important; width:auto !important; margin:0 !important;cursor:pointer;}
span.unibuttonz button{height:27px; color:#fff; font-size:12px; font-weight:bold; border:none; background: url('../images/button/unibutton_r.gif') top right no-repeat; padding:0 8px 1px 0; width:auto !important; cursor:pointer;}


/*########## Grundlegende Konfiguration Ende #########*/

/*########## Boxenmodel Anfang #########*/

/* Container für Inhalt außer gefloatete Footer */
#container {float:left; width:1050px; padding:0 0 0 30px; margin:0 0 20px 0; position:relative;}

/* Site Inhalt ohne Werbung rechts */
#site_bg {background: url('../images/layout/content_bg2.jpg') top left repeat-y; float:left}
#site {float:left; width:1059px; background: url('../images/layout/container_bg_gr2.jpg') top left no-repeat;}
#site_gr {float:left; width:870px; background: url('../images/layout/container_bg_gr.jpg') top left no-repeat;}
#site_mag {float:left; width:870px; background: url('../images/layout/container_bg.jpg') top left no-repeat;}

/* Top-Links */
#topLinks{position:absolute; height:35px; top:0; left:330px; z-index: 90;}
#topLinks ul {padding:10px 0 0;}
#topLinks ul li{list-style:none; border-right:1px solid #A0D3E6; padding:0 8px; font-size:11px; display:inline;}
#topLinks ul li.last{border:none;}
#topLinks ul li a{color:#fff; text-decoration:none;}
#topLinks ul li a:hover{text-decoration:underline;}

/* Top-Links */
a#logo{position:absolute; width:200px; height:110px; text-indent:-1000px; overflow:hidden;}

/* Header Logo + Slogan */
#header{float:left; width:860px; height:139px; position:relative;}

/* Header NL-App */
#header #nlapp{position:absolute; left:946px; height:292px; width:167px; background:url(../images/bl/nl_app.png) left top no-repeat;}
* html #header #nlapp { background: none;}
* html #header #nlapp { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/images/bl/nl_app.png', sizingMethod='scale');}
#header #nlapp a.text{position:absolute; display: block; left:0; top:40px; height:100px; width:167px; overflow: hidden; text-indent: -99999px; z-index: 90;}
#header #nlapp a.phone{position:absolute; display: block; left:15px; top:270px; height:22px; width:30px; overflow: hidden; text-indent: -99999px; z-index: 90;}
#header #nlapp a.phone2{position:absolute; left:0; top:60px; height:238px; width:150px; background:url(../images/bl/nl_app_phone.png) left top no-repeat; overflow: hidden; text-indent: -99999px; z-index: 99; display: none;}
* html #header #nlapp a.phone2{background: none;}
* html #header #nlapp a.phone2{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/images/bl/nl_app_phone.png', sizingMethod='scale');}

/* Header NL-App2 */
#header a#nlapp2{position:absolute; display: block; left:440px; top:19px; height:120px; width:320px; overflow: hidden; text-indent: -99999px; z-index: 80; background: url(../images/bl/nl_app2.jpg) left top no-repeat;}
#header a#nlapp2:hover{background-position: left bottom;}

#header img.slogan{position: absolute; left:520px; top:70px}

#nlapp_store{
    position: absolute;
    display: block;
    width: 190px;
    height: 74px;
    top:3px;
    left: 450px;
    text-indent: -9999px;
    overflow: hidden;
}
#nlapp_store.asb1{
    background: url(../images/bl/nl_app_store_1.jpg) left top no-repeat;
}
#nlapp_store.asb2{
    background: url(../images/bl/nl_app_store_2.jpg) left top no-repeat;
}
#nlapp_store.asb3{
    background: url(../images/bl/nl_app_store_3.jpg) left top no-repeat;
}


/* Header-Navi */
#headerNavi{float:left; width:840px; height:28px; padding:2px 0 2px 20px;}
ul.navi {background:url('../images/layout/navi_trenner.gif') left center no-repeat; padding:0 0 0 2px; height:28px;}
ul.navi li{float:left; display:inline; position: relative; list-style:none; background:url('../images/layout/navi_trenner.gif') right center no-repeat; padding:0 2px 0 0; z-index: 999;}
ul.navi a{display:block; float:left; padding:0 12px; height:28px; line-height:28px; text-decoration:none; color:#fff; font-weight:bold;}
ul.navi a:hover{background:url('../images/layout/navi_hover.gif') left center repeat-x;}
ul.navi a.active{background:url('../images/layout/navi_active.gif') left center repeat-x;}

/* Dropdowns */
ul.dropdown{background:#F0741E;	margin: 0; padding: 0; position: absolute; top: 100%; left: -2px; width: 160px; display: none; border:1px solid #EF9E68; border-top:1px solid #B44F23;}
ul.dropdown li{	float:none; margin: 0; padding: 0; list-style: none; background:none;}
ul.dropdown li a{display: block; float:none;}

/* Breadcrumb */
#breadcrumb{float:left; width:640px; padding: 0 0 0 15px; height:35px; line-height:35px; font-size:11px; color:#fff;}
#breadcrumb span{padding:0 5px;}
#breadcrumb a{color:#fff;}
.neueRechner{background: url(../images/layout/neue_rechner.gif) 120px 5px no-repeat;}

/* Content nur die Box - mehr Content-Klassen weiter unten */
#content{float:left; width:870px; min-height:850px; background: url('../images/layout/content_footer_bg2.jpg') bottom left no-repeat; padding:0 0 30px 0;}
* html #site #content{height:700px;}

/* Box für Werbung rechts*/
#bl_box{float:left; width:170px; padding:0 0 0 10px;}
#bl_box2{float:left; width:170px; margin:65px 0 0 -190px;}

/* Box für Werbung rechts BLAU*/
#bl_box .bl_item{width:170px; padding:190px 0 0;}
#bl_box .bl_item .bl_itemTop{width:170px; height:43px; background: url('../images/layout/bl_item_top.jpg') top left no-repeat;}
#bl_box .bl_item .bl_itemContent{width:165px; background: #A0D3E6; border-left:1px solid #437DAB; border-right:1px solid #437DAB; min-height:550px; text-align:center;}
* html #bl_box .bl_item .bl_itemContent{height:550px;}
#bl_box .bl_item .bl_itemBottom{width:170px; height:33px; background: url('../images/layout/bl_item_bottom.jpg') bottom left no-repeat;}

/* Box für Werbung rechts WEIß*/
#bl_box{float:left; width:170px; padding:0 0 0 10px;}
#bl_box .bl_item.white{width:170px; padding:190px 0 0;}
#bl_box .bl_item.white .bl_itemTop{width:170px; height:43px; background: url('../images/layout/bl_item_top_white.jpg') top left no-repeat;}
#bl_box .bl_item.white .bl_itemContent{width:165px; background: #fff; border-left:1px solid #437DAB; border-right:1px solid #437DAB; min-height:550px; text-align:center;}
* html #bl_box .bl_item.white .bl_itemContent{height:550px;}
#bl_box .bl_item.white .bl_itemBottom{width:170px; height:33px; background: url('../images/layout/bl_item_bottom_white.jpg') bottom left no-repeat;}

/* gefloatete Footer */
#footer1 { float:left; width:100%; background: #68a2ca;}
#footer1 .content{width:870px; padding:15px 0 15px 35px; color:#fff; font-size:12px; line-height:130%;}
#footer1 .content a{color:#fff !important; text-decoration:none;}
#footer1 .content .threeColumns{width:850px; background: url('../images/layout/footer1_bg.gif') top left repeat-y;}
#footer1 .content .threeColumns .column1{float:left; width:215px; padding:0 15px 0 0;}
#footer1 .content .threeColumns .column2{float:left; width:200px; padding:0 15px;}
#footer1 .content .threeColumns .column2 ul{padding:0 0 0 15px;}
#footer1 .content .threeColumns .column2 ul li{list-style-image: url('../images/icons/arrow_white_r.gif'); padding:2px 0;}
#footer1 .content .threeColumns .column3{float:left; width:375px; padding:0 0 0 15px; text-decoration:none; color:#1554a1; line-height:130%;}
#footer1 .content .threeColumns strong{color:#1554a1; display:block; padding: 0 0 3px;}
#footer2 { float:left; width:100%; background: #135597; border-top:1px solid #fff; font-size:12px;}
#footer2 .content{width:870px; padding:10px 0 10px 35px; color:#fff;}
#footer2 .content a{color:#fff;}
#footer2 .content .column1{float:left; height:25px; line-height:25px;}
#footer2 .content .column1 img{margin-bottom:-3px;}
#footer2 .content .column1 .miniCloud{text-align:justify;}
#footer2 .content .column2{float:right; text-align:right; height:25px; line-height:25px;}
#footer2 .content .column2 img{margin-bottom:-7px;}
#footer2 .content .column2 a{text-decoration:none;}
#footer3 { float:left; width:100%;}
#footer3 .content{width:870px; padding:20px 0 20px 35px; color:#1554a1;}
#footer3 .content a{color:#1554a1;}

#town_desc {width: 100%;}
#google_map{height:290px; width:290px; float: right; margin: 0 0 15px 15px;}

/*########## Boxenmodel Ende #########*/

/*########## Content-Klassen Anfang #########*/

/* Trennlinie */
div.separator_dot_frame {background: url('../images/layout/trennlinie.gif') left center repeat-x; padding:10px; border:none;}
div.separator_dot {background: url('../images/layout/trennlinie.gif') left center repeat-x; padding:10px; border:none;}

/* alphabetNavi */
div.alphabetNavi {padding:3px 0;}
div.alphabetNavi a{font-size:12px; font-weight:bold; color:#FB6D00;}

/* tagCloud */
#tagCloud {padding:5px; margin:5px 0; background:#ecf6fb;}
.word {padding: 2px 4px 4px 4px;}
.word a {text-decoration: none;}
span.size1 {font-size:24px;}
span.size2 {font-size:22px;}
span.size3 {font-size:20px;}
span.size4 {font-size:18px;}
span.size5 {font-size:16px;}
span.size6 {font-size:14px;}
span.size7 {font-size:13px;}
span.size8 {font-size:12px;}
span.size9 {font-size:11px;}
span.size0 {font-size:10px;}
span.size10 {font-size:9px;}

/* jobAds */
.jobAds {padding:0 0 20px;}
.jobAds .jobAdsItem{padding:5px; background:#ecf6fb; margin:2px 0 0;}
.jobAds .jobAdsItem .jobAdsItemL{float:left; font-weight:bold;}
.jobAds .jobAdsItem .jobAdsItemR{float:right; text-align:right;}
.jobAds .jobAdsItem .jobAdsItemR a{text-decoration:none; color:#13559E; font-weight:bold;}
.jobAds .jobAdsItem .jobAdsItemR a img{margin-bottom:-3px;}
.jobAds .jobAdsItemText{padding:5px; background:#f1f9fd;}

/* LexikonList */
.lexikonList {padding:0 10px 20px 0;}
.lexikonList .lexikonListLetter {padding:5px; background:#ecf6fb; margin:2px 0 0; float:left; width:99%;}
.lexikonList .lexikonListLetter .lexikonListLetterL{float:left; font-weight:bold;}
.lexikonList .lexikonListLetter .lexikonListLetterR{float:right;}
.lexikonList .lexikonListLetter .lexikonListLetterR a{text-decoration:none; color:#13559E;}
.lexikonList .lexikonListLetter .lexikonListLetterR a img{margin-bottom:-3px;}
.lexikonList .lexikonListItem{width:290px; float:left; padding:10px; line-height:160%; color: #6D8DAF;}
.lexikonList .lexikonListItem h2,
.lexikonList .lexikonListItem h2 a{font-size:13px;}

/* Lexikon Detailansich */
.lexikonDetail h2 {font-size:13px; display:inline; color: #FB6D00; font-weight:normal;}
.lexikonDetail h2 a{font-size:13px; color: #FB6D00; font-weight:normal;}

/* Pager JOB/TOWN-Letter */
div.pagerJobTown {padding:3px 0; width:99%; text-align:center; line-height:150%; font-size:11px;}
div.pagerJobTown a{font-size:12px; color:#FB6D00;}

/* jobLetter */
.jobLetter {width:300px; float:left; padding:10px; line-height:160%; color: #6D8DAF;}
.jobLetter a{font-weight:bold;}

/* townLetter */
.townLetter {width:193px; float:left; padding:10px; line-height:160%; color: #6D8DAF;}
.townLetter a{font-weight:bold;}

/* Magazin */
.magazinTop {width:300px; float:left; padding:0 20px 0 0;}
.magazinMoreT {line-height:160%;}
.magazinMoreT a{font-weight:bold;}
.magazinDetailtext ol {margin:15px 0 15px 20px; list-style-position:outside;}


/* Content-Klassen | zwei Größen -> unterschiedliche Breite */
#content .content{padding:15px 25px 0 25px; width:640px; position:relative;}

#content .content_s{padding:15px 25px 0 25px; width:585px;}
#content .content h1, #content .content_wp h1
#content .content_s h1{font-size:21px; color:#1554a1; padding:10px 0 20px 0;}
#content .content h1.head_rechner{background: url('../images/icons/rechner.jpg') top left no-repeat; padding-left:30px}
#content .content h1.head_vergleich{background: url('../images/icons/vergleich.jpg') top left no-repeat; padding-left:40px}
#content .content h1.head_magazin{background: url('../images/icons/magazin.jpg') top left no-repeat; padding-left:33px}
#content .content h1.head_lexikon{background: url('../images/icons/lexikon.jpg') top left no-repeat; padding-left:40px}
#content .content h1.head_berufe{background: url('../images/icons/berufe.jpg') top left no-repeat; padding-left:40px}
#content .content h1.head_pkv{background: url('../images/icons/pkv.jpg') top left no-repeat; padding-left:40px}
#content .content h1.head_statistik{background: url('../images/icons/statistik.jpg') top left no-repeat; padding-left:40px}
#content .content h1.head_meinchef{background: url('../images/icons/chef.jpg') top left no-repeat; padding-left:40px}

#content .content_wp{padding:15px 25px 0 25px; width:820px;}

#content .content_wp h1.head_rechner{background: url('../images/icons/rechner.jpg') top left no-repeat; padding-left:30px}
#content .content_wp h1.head_vergleich{background: url('../images/icons/vergleich.jpg') top left no-repeat; padding-left:40px}
#content .content_wp h1.head_magazin{background: url('../images/icons/magazin.jpg') top left no-repeat; padding-left:33px}
#content .content_wp h1.head_lexikon{background: url('../images/icons/lexikon.jpg') top left no-repeat; padding-left:40px}
#content .content_wp h1.head_berufe{background: url('../images/icons/berufe.jpg') top left no-repeat; padding-left:40px}
#content .content_wp h1.head_pkv{background: url('../images/icons/pkv.jpg') top left no-repeat; padding-left:40px}
#content .content_wp h1.head_statistik{background: url('../images/icons/statistik.jpg') top left no-repeat; padding-left:40px}
#content .content_wp h1.head_meinchef{background: url('../images/icons/chef.jpg') top left no-repeat; padding-left:40px}


/* BlueBar - Blauer Head-Balken */
.blueBar {height:36px; width:101%; background: url('../images/blue_bar/blue_bar_r.jpg') top right no-repeat; margin:0 0 10px -3px;}
.blueBar .blueBarL{height:36px; background: url('../images/blue_bar/blue_bar_l.jpg') top left no-repeat; float:left; padding:0 0 0 15px; font-size:12px; font-weight:bold; line-height:36px;}
.blueBar .blueBarR{height:36px; background: url('../images/blue_bar/blue_bar_trenner.jpg') left center no-repeat; float:right; padding:0 15px 0 10px; font-size:12px; font-weight:bold; line-height:36px; text-align:right;}
* html .blueBar .blueBarR{width:25px;} /* IE6 Hack */
.blueBar .blueBarR a{color:#1773B9; text-decoration:none;}
.blueBar .blueBarR a.print{display:block; height:36px; background: url('../images/blue_bar/print.jpg') right center no-repeat; padding:0 30px 0 0;}
.blueBar .blueBarR a.arrow_t{display:block; height:36px; background: url('../images/blue_bar/arrow_t.jpg') right center no-repeat; padding:0 30px 0 0;}
.blueBar .blueBarR a.arrow_b{display:block; height:36px; background: url('../images/blue_bar/arrow_b.jpg') right center no-repeat; padding:0 30px 0 0;}
.blueBar .blueBarR .pager{font-weight:normal;}
.blueBar .blueBarR .pager a{font-weight:normal; text-decoration:underline;}

/* BlueBar-TabNavi - Blauer Head-Balken */
.blueBar .blueBarL ul{height:36px; list-style:none;}
.blueBar .blueBarL ul li{height:36px; display:inline; margin:0; padding:0;}
.blueBar .blueBarL ul li a{float:left; color:#13559e; text-decoration:none;}
.blueBar .blueBarL ul li a span{display:block; padding:2px 10px 0 10px; height:36px; display:block; float:left;}
.blueBar .blueBarL ul li.tab_active a{background: url('../images/blue_bar/tab_right.jpg') top right no-repeat;}
.blueBar .blueBarL ul li.tab_active a span{background: url('../images/blue_bar/tab_left.jpg') top left no-repeat;}

.blueBar .blueBarL ul li span{float:left; color:#13559e; text-decoration:none;}
.blueBar .blueBarL ul li span span{display:block; padding:2px 10px 0 10px; height:36px; display:block; float:left;}
.blueBar .blueBarL ul li.tab_active span{background: url('../images/blue_bar/tab_right.jpg') top right no-repeat;}
.blueBar .blueBarL ul li.tab_active span span{background: url('../images/blue_bar/tab_left.jpg') top left no-repeat;}

/*########## Tabellen #########*/
/* tableResult für Rechnerergebnis */
.tableResult {border-spacing:0; border-collapse: collapse; width:100%;}
.tableResult tr.trenner td{border:none; background:none; padding:0; font-size:10px;}
.tableResult tr.info th{border-top:0; background:#e3f3fb; color:#6799CF; padding:0 0 0 25px;}
.tableResult tr.info td{border-top:0; background:#f1f9fd;color:#6799CF}
.tableResult tr.noborder th,
.tableResult tr.noborder td{border-top:0;}
.tableResult tr.orange th,
.tableResult tr.orange td{color:#ffffff; background: #ff6700;}
.tableResult tr.ergebnis th,
.tableResult tr.ergebnis td{background:#d9eef8;}
.tableResult tr.head th,
.tableResult tr.head td{background:#d9eef8;}
.tableResult th.head_border ,
.tableResult td.head_border {background:#d9eef8;border-left:2px solid #fff;text-align:center;}
.tableResult tr.best td,.tableResult tr.best th{ background:#8BDF9E;}
.tableResult tr.head td.diff_switch {text-align:center;}
.tableResult tr.head td.diff_switch div a {text-decoration:none;display:block;float:left; width:40%;text-align:center;cursor:pointer;margin:1%;background:#EDF8FE;border-color: #FFFFFF #F7FAFC #BDCFE0 #D3E4F4;border-style:solid;border-width:1px;}
.tableResult tr.head td.diff_switch div a:hover {border-color: #BDCFE0 #D3E4F4 #FFFFFF #F7FAFC;}

.tableResult th, .tableResult td{padding:4px 10px; font-weight:normal;}
.tableResult th span{float:left;}
.tableResult th{background:#d9eef8; text-align:left; border-top:2px solid #fff;}
.tableResult th.own{background:#d9eef8; text-align:left; border-top:2px solid #fff; width:220px;}

.tableResult td{background:#ecf6fb; text-align:right; border-left:2px solid #fff; border-top:2px solid #fff;}
.tableResult img.info_icon{float:right;}
.tableResult a.jt {float: right;}
.tableResult td.no_bg{background:#fff; text-align:right; border-left:2px solid #fff; border-top:2px solid #fff;}
.tableResult td a.sparpotential {   position: absolute; width: 180px; height: 100px; left: -125px; top: -26px; z-index:99;
                                    text-indent: -99999px; text-align: left; overflow: hidden;
                                    background: url(../images/bl/pkv_sparpotential3.png) left top no-repeat; }
* html .tableResult td a.sparpotential {background-image: url(../images/bl/pkv_sparpotential3.gif); }
.tableResultExtra {width:99%; border-spacing:0;}
.tableResultExtra th{font-weight:bold; text-align:left; padding:6px;}
.tableResultExtra td{font-weight:bold; text-align:right; padding:6px;}
.tableResultExtra tr.head td{font-weight:normal; font-style:italic; padding-top:0;}
.tableResultExtra tr.final th,
.tableResultExtra tr.final td{border-top:1px solid #13559e;}



/*########## Formulare #########*/
/* Rechner-Formular */
form#rechner{padding:20px 0;}
form#rechner select{border:1px solid #ababab; padding:2px 1px; font-weight:normal; margin:0 5px 0 10px; width:204px;}
form#rechner input{border:1px solid #ababab; padding:2px 1px; font-weight:normal; margin:0 5px 0 10px; width:200px;}
form#rechner .tableResult input{border:1px solid #ababab; padding:2px 1px; font-weight:normal; margin:0 5px 0 10px; width:150px;text-align:right;}
form#rechner input.radio {margin:4px 5px 0 10px;  padding:0; border:none; width:auto !important;}
form#rechner input.button {float:right; margin:20px 0; padding:0; border:none; width:auto !important;}
form#rechner p{clear:both; padding:5px 0; font-weight:bold;}
form#rechner p.normal{clear:both; padding:5px 0; font-weight:normal; text-align:justify;}
form#rechner p label{float:left; width:250px; line-height:20px;}
form#rechner .tableResult p label{float:left; width:170px; line-height:20px;text-align:left;}
form#rechner p label span{float:left;}
form#rechner p label a{float:right;}
form#rechner p label a img{margin:1px 0 0;}
p.checkbox{ line-height: 13px; height: 10px; margin:0px 0 15px;}

/* Suche */
form.jobTownSearch{padding:5px 0 10px;}
form.jobTownSearch div.floatBox{float:left;}
form.jobTownSearch input.jobTownSearchInput{width:300px; margin:5px 0 0;}
form.jobTownSearch input.jobTownSearchButton{margin:0 0 -9px 10px; padding:0; border:none;}

/* PKV-Formular */
form#privatekv{padding:20px 0;}
form#privatekv select{border:1px solid #ababab; padding:2px 1px; font-weight:normal; margin:0 5px 0 30px; width:74px;}
form#privatekv input{border:1px solid #ababab; padding:2px 1px; font-weight:normal; margin:0 5px 0 30px; width:70px;}
form#privatekv input.radio {margin:4px 5px 0 10px;  padding:0; border:none; width:auto !important;}
form#privatekv input.button {padding:0; border:none; width:auto !important;}
form#privatekv p{clear:both; padding:5px 0 5px 10px;}
form#privatekv p.normal{clear:both; padding:5px 0; font-weight:normal; text-align:justify;}
form#privatekv p.alternate{background:#F7FBFE;}
form#privatekv p label{float:left; width:480px; line-height:20px; font-size:11px;}

form#privatekv .privat select{border:1px solid #ababab; padding:2px 1px; font-weight:normal; margin:0 5px 0 5px; width:174px;}
form#privatekv .privat input{border:1px solid #ababab; padding:2px 1px; font-weight:normal; margin:0 5px 0 5px; width:170px;}
form#privatekv .privat input.radio {margin:4px 5px 0 10px;  padding:0; border:none; width:auto !important;}
form#privatekv .privat input.button {padding:0; border:none; width:auto !important;}
form#privatekv .privat p{clear:both; padding:5px 0 5px 10px; font-weight:bold;}
form#privatekv .privat p.normal{clear:both; padding:5px 0; font-weight:normal; text-align:justify;}
form#privatekv .privat p label{float:left; width:170px; line-height:20px; font-size:13px; text-align:right; padding-right:10px; background:#F7FBFE;}

/*###############  rechner einbinden ##############*/


/* lightbox > */
#previewbox {font-size: 12px; font-family :  Arial, Verdana, Helvetica, Sans-serif; height:175px; width:320px; float:left; border: 1px solid #000; background: #abcdef;}
p img, a img { margin-bottom:-3px;}
.fontpreview { margin: 0 0 5px 0 !important;}

/*######## lightbox ############*/
#jquery-overlay { position: absolute;  top: 0;  left: 0;  z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative;  background-color: #fff;  width: 250px; height: 250px; margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {  position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; display: block; }
#lightbox-nav-btnPrev { left: 0;  float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto;  line-height: 1.4em; overflow: auto;  width: 100%; padding: 0 10px 0;}
#lightbox-container-image-data { padding: 0 10px; color: #666;}
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }   
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }           
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }
#imgpreview {  background-color: #F1F4FE;  padding: 5px 0 5px 0; width: 300px; float: left;}
#imgpreview ul { list-style: none; }
#imgpreview ul li { display: inline; }
#imgpreview ul img { border: 5px solid #fff; border-width: 5px 5px 5px;}
#imgpreview ul a:hover img { border: 5px solid #1773B9; border-width: 5px 5px 5px; color: #fff;}
#imgpreview ul a:hover { color: #1773B9; }
/*  // lightbox */

/*########## farbtastic colorwheel  ###########*/
.farbtastic { position: relative;}
.farbtastic * {  position: absolute;  cursor: crosshair;}
.farbtastic, .farbtastic .wheel {  width: 195px;  height: 195px;}
.farbtastic .color, .farbtastic .overlay {  top: 47px; left: 47px; width: 101px; height: 101px;}
.farbtastic .wheel { background: url('../images/farbtastic/wheel.png') no-repeat; width: 195px; height: 195px;}
.farbtastic .overlay {  background: url('../images/farbtastic/mask.png') no-repeat;}
.farbtastic .marker {  width: 17px;  height: 17px;  margin: -8px 0 0 -8px;  overflow: hidden;   background: url('../images/farbtastic/marker.png') no-repeat;}
/*########## // farbtastic colorwheel  #######*/

/* variablen tabelle */ 
.varitable {  width: 100%;  border-collapse: collapse; margin-bottom: 20px;}
.varitable tr th { text-align: left;  font-size: 14px;  padding-left: 25px;  border-bottom: 2px solid #1773B9;}
.varitable tr td { height: 40px;  padding-left: 10px; border-bottom: 1px solid #1773B9;}
.varitable tr.cycle { background: #f1f4fe;}
.varitable tr td.left {font-weight: bolder; border-bottom: 1px solid #1773B9;}
.adPage { margin-bottom: 0; width: 575px;}
#pickerform { width: 200px; float:left; margin-right: 5px;  }

/* text preview box */
#texter { width: 320px; float:left; margin-right: 5px;}
.clipboardtextarea {border: 1px solid #1773B9; width: 600px;  height: 200px; font-size:11px;}
.clipper {cursor: pointer; width:600px; height:20px; border: 1px solid #1773B9; text-align: center; padding-top: 5px;margin-top: 5px;}
.downlink { color :   #1773B9 !important; text-decoration:none !important;}


/*######### Gehaltsoptimierer #############*/

form#optimizer {  margin : 0; padding : 6px 0px 1px 0px  ;
}

form#optimizer p.opti_p {  line-height:20px;}
form#optimizer .opti_result {    width:99%;    border-collapse: collapse;    font-size: 12px;     text-align: right;}
form#optimizer .opti_result td {    width: 19%;    page-break-inside:avoid;}

.tableResult .opti_green {   /* color: #00CF09; */ color: #de5801;    font-weight: bold;    font-size: large;}
.tableResult .opti_blue {  /*color: #030000;*/  font-weight: bold;}
form#optimizer label {
    float           :   left;
    width           :   285px;
    padding         :   0px 0px 0px 5px;
    font-size       :   12px;
}

form#optimizer label span {   font-size: 10px;}
form#optimizer .maxvalue {   
    width:107px; 
    display:block;
    float:left;
    text-align:right;
    padding-right: 5px;
    font-size: 11px;
}

#pdflist {  /*border: 1px solid #1773B9;*/ margin-top: 5px;  text-align: center;}
#accordion { margin: 0 0 10px 0;}
#accordion .itemText {padding:10px;}
#accordion .item {
    background: #ECF6FB;
    height: 25px;
    cursor: pointer;
    margin: 3px 0 0 0;
    float: left;
    width: 100%;
	font-weight:bold;
}

#accordion .item:hover { background: #D9EEF8;}

#accordion .itemA {
    background: #D9EEF8;
    height: 25px;
    cursor: pointer;
    margin: 3px 0 0 0;
    float: left;
    width: 100%;
	font-weight:bold;
}

#accordion .itemCheck {
    float: left;
    height: 25px;
    width:5%;
}

#accordion .itemCheck input {
    margin: 5px;
}

#accordion .itemTitle {
    height: 25px;
    float: left;
    width: 90%;
    line-height: 25px;
}

#accordion .itemText p {
    margin: 0 5px;
}


#accordion .itemText ul  {
    margin: 0 10px;
    padding: 5px;
	list-style:none;
}

#accordion .itemText ul li img{
    margin-bottom:-2px;
}

#accordion .itemText ol  {
    margin: 0 10px;
    padding: 5px;
    list-style:disc;
}

#accordion .itemText ol li img{
    margin-bottom:-2px;
}

#accordion .titleText {
    margin-left: 5px;
}
#accordion .promoText {
    margin-left: 10px;
    font-size: 10px;
}

.invalid{
    background-color:#87CEFA !important; 
    color: #fff;
}

.req {color: red;}


/*########## jquery tooltip ###############*/

/* clueTip global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url('../images/tooltip/wait.gif');
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}


/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */

.cluetip-rounded {
  background: transparent url('../images/tooltip/bl.gif') no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 12px;
}

.cluetip-rounded #cluetip-outer {
  background: transparent url('../images/tooltip/tl.gif') no-repeat 0 0;
  margin-top: -12px;
}

.cluetip-rounded #cluetip-title {
  background-color: transparent;
  padding: 10px 0 0;
  margin: 0;
  position: relative;
}
.cluetip-rounded #cluetip-extra {
  position: absolute;
  display: block;
  background: transparent url('../images/tooltip/tr.gif') no-repeat 100% 0;
  top: 0;
  right: 0;
  width: 12px;
  height: 30px;
  margin: -12px -12px 0 0;
}
.cluetip-rounded #cluetip-inner {
  background: url('../images/tooltip/br.gif') no-repeat 100% 100%;
  padding: 0 12px 22px;
  margin: -20px -12px 0 0;
  position: relative;
}

.cluetip-rounded #cluetip-inner h3{
  font-size:13px;
  font-weight:bold;
  padding:0 0 10px;
}

.cluetip-rounded div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #009;
  background: transparent;
}

.cluetip-rounded div#cluetip-close a{ 
  display:block;
  width:16px;
  height:16px;
  background: url('../images/tooltip/cross.gif') no-repeat 100% 100%;
  text-decoration:none;
}

/* rounded arrows */

.clue-right-rounded .cluetip-arrows {
  background-image: url('../images/tooltip/rarrowleft.gif');
}
.clue-left-rounded .cluetip-arrows {
  background-image: url('../images/tooltip/rarrowright.gif');
  left: 100%;
  margin-left: 12px;
}
.clue-top-rounded .cluetip-arrows {
  background-image: url('../images/tooltip/rarrowdown.gif');
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-rounded .cluetip-arrows {
  background-image: url('../images/tooltip/rarrowup.gif');
  top: -23px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/*########## Content-Klassen Ende #########*/


/*########## Autocompete Anfang #########*/
.autocomplete-w1 { background: url('../images/shadow.png') no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px;}
* html .autocomplete-w1 {background:none; margin:1px 0 0 0; } /* IE6 fix: */
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:hidden; margin:-6px 6px 6px -6px;}
* html .autocomplete { height:350px; margin:0; overflow:hidden;} /* IE6 specific: */

.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }

.ajaxloader{
    background-image:url(../images/preloader/ajax-loader-round.gif);
    background-position:top center;
    background-repeat:no-repeat;
}

/*########## Autocompete Ende #########*/

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/
*/ /* Component containers----------------------------------*/
.ui-widget {
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
   
}

.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button
    {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em;
    margin: 5px;
}

.ui-widget-content {
    border: 1px solid #13559e;
    background: #ffffff url('../images/jquery/ui-bg_flat_75_ffffff_40x100.png') 50% 50% repeat-x;
    color: #13559e;
}

.ui-widget-content a {
    color: #222222;
}

.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #cccccc url('../images/jquery/ui-bg_highlight-soft_100_bb_1x100.png') 50% 50% repeat-x;
    color: #222222;
    font-weight: bold;
}

.ui-widget-header a {
    color: #222222;
}

.ui-loader {
    background: #FFFFFF url('../images/preloader/round_blue.gif') top center no-repeat;
}

/* Interaction states----------------------------------*/
.ui-state-default,.ui-widget-content .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url('../images/jquery/ui-bg_glass_75_e6e6e6_1x400.png') 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
    outline: none;
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited
    {
    color: #555555;
    text-decoration: none;
    outline: none;
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus
    {
    border: 1px solid #999999;
    background: #dadada url('../images/jquery/ui-bg_glass_75_dadada_1x400.png') 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
    outline: none;
}

.ui-state-hover a,.ui-state-hover a:hover {
    color: #212121;
    text-decoration: none;
    outline: none;
}

.ui-state-active,.ui-widget-content .ui-state-active {
    border: 1px solid #aaaaaa;
    background: #ffffff url('../images/jquery/ui-bg_glass_65_ffffff_1x400.png') 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
    outline: none;
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
    color: #212121;
    outline: none;
    text-decoration: none;
}

/* Interaction Cues----------------------------------*/
.ui-state-highlight,.ui-widget-content .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url('../images/jquery/ui-bg_glass_55_fbf9ee_1x400.png') 50% 50% repeat-x;
    color: #363636;
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a {
    color: #363636;
}

.ui-state-error,.ui-widget-content .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url('../images/jquery/ui-bg_diagonals-thick_18_b81900_40x40.png') 50% 50% repeat-x;
    color: #FFFFFF;
}

.ui-state-error a,.ui-widget-content .ui-state-error a {
    color: #cd0a0a;
}

.ui-state-error-text,.ui-widget-content .ui-state-error-text {
    color: #cd0a0a;
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled {
    opacity: 0.35;
    filter: Alpha(Opacity = 35);
    background-image: none;
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary {
    opacity: 0.7;
    filter: Alpha(Opacity = 70);
    font-weight: normal;
}

/* Icons----------------------------------*/ /* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url('../images/jquery/ui-icons_222222_256x240.png');
    background-repeat:no-repeat;
	display:block;
	overflow:hidden;
	text-indent:-999999px;
}

.ui-widget-content .ui-icon {
    background-image: url('../images/jquery/ui-icons_222222_256x240.png');
}

.ui-widget-header .ui-icon {
    background-image: url('../images/jquery/ui-icons_222222_256x240.png');
}

.ui-state-default .ui-icon {
    background-image: url('../images/jquery/ui-icons_888888_256x240.png');
}

.ui-state-hover .ui-icon,.ui-state-focus .ui-icon {
    background-image: url('../images/jquery/ui-icons_454545_256x240.png');
}

.ui-state-active .ui-icon {
    background-image: url('../images/jquery/ui-icons_454545_256x240.png');
}

.ui-state-highlight .ui-icon {
    background-image: url('../images/jquery/ui-icons_2e83ff_256x240.png');
}

.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
    background-image: url('../images/jquery/ui-icons_cd0a0a_256x240.png');
}

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0;}
.ui-icon-carat-1-ne {    background-position: -16px 0;}
.ui-icon-carat-1-e {    background-position: -32px 0;}
.ui-icon-carat-1-se {    background-position: -48px 0;}
.ui-icon-carat-1-s {    background-position: -64px 0;}
.ui-icon-carat-1-sw {    background-position: -80px 0;}
.ui-icon-carat-1-w {    background-position: -96px 0;}
.ui-icon-carat-1-nw {    background-position: -112px 0;}
.ui-icon-carat-2-n-s {    background-position: -128px 0;}
.ui-icon-carat-2-e-w {    background-position: -144px 0;}
.ui-icon-triangle-1-n {    background-position: 0 -16px;}
.ui-icon-triangle-1-ne {    background-position: -16px -16px;}
.ui-icon-triangle-1-e {    background-position: -32px -16px;}
.ui-icon-triangle-1-se {    background-position: -48px -16px;}
.ui-icon-triangle-1-s {    background-position: -64px -16px;}
.ui-icon-triangle-1-sw {    background-position: -80px -16px;}
.ui-icon-triangle-1-w {    background-position: -96px -16px;}
.ui-icon-triangle-1-nw {    background-position: -112px -16px;}
.ui-icon-triangle-2-n-s {    background-position: -128px -16px;}
.ui-icon-triangle-2-e-w {    background-position: -144px -16px;}
.ui-icon-arrow-1-n {    background-position: 0 -32px;}
.ui-icon-arrow-1-ne {    background-position: -16px -32px;}
.ui-icon-arrow-1-e {    background-position: -32px -32px;}
.ui-icon-arrow-1-se {    background-position: -48px -32px;}
.ui-icon-arrow-1-s {    background-position: -64px -32px;}
.ui-icon-arrow-1-sw {    background-position: -80px -32px;}
.ui-icon-arrow-1-w {    background-position: -96px -32px;}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {    background-position: -240px -32px;}
.ui-icon-arrowthick-1-n {    background-position: 0 -48px;}
.ui-icon-arrowthick-1-ne {    background-position: -16px -48px;}
.ui-icon-arrowthick-1-e {    background-position: -32px -48px;}
.ui-icon-arrowthick-1-se {    background-position: -48px -48px;}
.ui-icon-arrowthick-1-s {    background-position: -64px -48px;}
.ui-icon-arrowthick-1-sw {    background-position: -80px -48px;}
.ui-icon-arrowthick-1-w {    background-position: -96px -48px;}
.ui-icon-arrowthick-1-nw {    background-position: -112px -48px;}
.ui-icon-arrowthick-2-n-s {    background-position: -128px -48px;}
.ui-icon-arrowthick-2-ne-sw {    background-position: -144px -48px;}
.ui-icon-arrowthick-2-e-w {    background-position: -160px -48px;}
    .ui-icon-arrowthick-2-se-nw {    background-position: -176px -48px;}
.ui-icon-arrowthickstop-1-n {    background-position: -192px -48px;}
.ui-icon-arrowthickstop-1-e {    background-position: -208px -48px;}
.ui-icon-arrowthickstop-1-s {    background-position: -224px -48px;}
.ui-icon-arrowthickstop-1-w {    background-position: -240px -48px;}
.ui-icon-arrowreturnthick-1-w {    background-position: 0 -64px;}
.ui-icon-arrowreturnthick-1-n {    background-position: -16px -64px;}
.ui-icon-arrowreturnthick-1-e {    background-position: -32px -64px;}
.ui-icon-arrowreturnthick-1-s {    background-position: -48px -64px;}
.ui-icon-arrowreturn-1-w {    background-position: -64px -64px;}
.ui-icon-arrowreturn-1-n {    background-position: -80px -64px;}
.ui-icon-arrowreturn-1-e {    background-position: -96px -64px;}
.ui-icon-arrowreturn-1-s {    background-position: -112px -64px;}
.ui-icon-arrowrefresh-1-w {    background-position: -128px -64px;}
.ui-icon-arrowrefresh-1-n {    background-position: -144px -64px;}
.ui-icon-arrowrefresh-1-e {    background-position: -160px -64px;}
.ui-icon-arrowrefresh-1-s {    background-position: -176px -64px;}
.ui-icon-arrow-4 {    background-position: 0 -80px;}
.ui-icon-arrow-4-diag {    background-position: -16px -80px;}
.ui-icon-extlink {    background-position: -32px -80px;}
.ui-icon-newwin {    background-position: -48px -80px;}
.ui-icon-refresh {    background-position: -64px -80px;}
.ui-icon-shuffle {    background-position: -80px -80px;}
.ui-icon-transfer-e-w {    background-position: -96px -80px;}
.ui-icon-transferthick-e-w {    background-position: -112px -80px;}
.ui-icon-folder-collapsed {    background-position: 0 -96px;}
.ui-icon-folder-open {background-position: -16px -96px;}
.ui-icon-document {background-position: -32px -96px;}
.ui-icon-document-b {background-position: -48px -96px;}
.ui-icon-note {background-position: -64px -96px;}
.ui-icon-mail-closed {background-position: -80px -96px;}
.ui-icon-mail-open {background-position: -96px -96px;}
.ui-icon-suitcase {background-position: -112px -96px;}
.ui-icon-comment {background-position: -128px -96px;}
.ui-icon-person {background-position: -144px -96px;}
.ui-icon-print {background-position: -160px -96px;}
.ui-icon-trash {background-position: -176px -96px;}
.ui-icon-locked {background-position: -192px -96px;}
.ui-icon-unlocked {background-position: -208px -96px;
}

.ui-icon-bookmark {
background-position: -224px -96px;
}

.ui-icon-tag {
background-position: -240px -96px;
}

.ui-icon-home {
background-position: 0 -112px;
}

.ui-icon-flag {
background-position: -16px -112px;
}

.ui-icon-calendar {
background-position: -32px -112px;
}

.ui-icon-cart {
background-position: -48px -112px;
}

.ui-icon-pencil {
background-position: -64px -112px;
}

.ui-icon-clock {
background-position: -80px -112px;
}

.ui-icon-disk {
background-position: -96px -112px;
}

.ui-icon-calculator {
background-position: -112px -112px;
}

.ui-icon-zoomin {
background-position: -128px -112px;
}

.ui-icon-zoomout {
background-position: -144px -112px;
}

.ui-icon-search {
background-position: -160px -112px;
}

.ui-icon-wrench {
background-position: -176px -112px;
}

.ui-icon-gear {
background-position: -192px -112px;
}

.ui-icon-heart {
background-position: -208px -112px;
}

.ui-icon-star {
background-position: -224px -112px;
}

.ui-icon-link {
background-position: -240px -112px;
}

.ui-icon-cancel {
background-position: 0 -128px;
}

.ui-icon-plus {
background-position: -16px -128px;
}

.ui-icon-plusthick {
background-position: -32px -128px;
}

.ui-icon-minus {
background-position: -48px -128px;
}

.ui-icon-minusthick {
background-position: -64px -128px;
}

.ui-icon-close {
background-position: -80px -128px;
}

.ui-icon-closethick {
background-position: -96px -128px;
}

.ui-icon-key {
background-position: -112px -128px;
}

.ui-icon-lightbulb {
background-position: -128px -128px;
}

.ui-icon-scissors {
background-position: -144px -128px;
}

.ui-icon-clipboard {
background-position: -160px -128px;
}

.ui-icon-copy {
background-position: -176px -128px;
}

.ui-icon-contact {
background-position: -192px -128px;
}

.ui-icon-image {
background-position: -208px -128px;
}

.ui-icon-video {
background-position: -224px -128px;
}

.ui-icon-script {
background-position: -240px -128px;
}

.ui-icon-alert {
background-position: 0 -144px;
}

.ui-icon-info {
background-position: -16px -144px;
}

.ui-icon-notice {
background-position: -32px -144px;
}

.ui-icon-help {
background-position: -48px -144px;
}

.ui-icon-check {
background-position: -64px -144px;
}

.ui-icon-bullet {
background-position: -80px -144px;
}

.ui-icon-radio-off {
background-position: -96px -144px;
}

.ui-icon-radio-on {
background-position: -112px -144px;
}

.ui-icon-pin-w {
background-position: -128px -144px;
}

.ui-icon-pin-s {
background-position: -144px -144px;
}

.ui-icon-play {
background-position: 0 -160px;
}

.ui-icon-pause {
background-position: -16px -160px;
}

.ui-icon-seek-next {
background-position: -32px -160px;
}

.ui-icon-seek-prev {
background-position: -48px -160px;
}

.ui-icon-seek-end {
background-position: -64px -160px;
}

.ui-icon-seek-first {
background-position: -80px -160px;
}

.ui-icon-stop {
background-position: -96px -160px;
}

.ui-icon-eject {
background-position: -112px -160px;
}

.ui-icon-volume-off {
background-position: -128px -160px;
}

.ui-icon-volume-on {
background-position: -144px -160px;
}

.ui-icon-power {
background-position: 0 -176px;
}

.ui-icon-signal-diag {
background-position: -16px -176px;
}

.ui-icon-signal {
background-position: -32px -176px;
}

.ui-icon-battery-0 {
background-position: -48px -176px;
}

.ui-icon-battery-1 {
background-position: -64px -176px;
}

.ui-icon-battery-2 {
background-position: -80px -176px;
}

.ui-icon-battery-3 {
background-position: -96px -176px;
}

.ui-icon-circle-plus {
background-position: 0 -192px;
}

.ui-icon-circle-minus {
background-position: -16px -192px;
}

.ui-icon-circle-close {
background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
background-position: -192px -192px;
}

.ui-icon-circle-check {
background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
background-position: -80px -224px;
}

/* Misc visuals----------------------------------*/ /* Corner radius */
.ui-corner-tl {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
}

.ui-corner-tr {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
}

.ui-corner-bl {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
}

.ui-corner-br {
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
}

.ui-corner-top {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
}

.ui-corner-bottom {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
}

.ui-corner-right {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
}

.ui-corner-left {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
}

.ui-corner-all {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa url('../images/jquery/ui-bg_diagonals-thick_20_666666_40x40.png') 50% 50%  repeat;
    opacity: 0.3;
    filter: Alpha(opacity = 30);
    /*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);*/
    zoom: 1;
    position:relative;
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url('../images/jquery/ui-bg_diagonals-thick_18_b81900_40x40.png') 50% 50%  repeat-x;
    opacity: .3;
    filter: Alpha(Opacity = 30);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

/* Dialog----------------------------------*/
.ui-dialog {
    position: relative;
    padding: .2em;
    width: 300px;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 3px 0 20px 10px;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0 .2em;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 3px;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px;
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px;
    
}

.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus
    {
    padding: 0;
}

.ui-dialog .ui-dialog-content {
    border: 0;
    padding: 2px;
    background: none;
    overflow: auto;
    zoom: 1;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;    
    padding:7px 0 7px 9px !important;     
    margin: .5em 0 0 0;
    /*padding: .3em 1em .5em .4em;*/
    height:30px; 
    border:none;
}

.ui-dialog .ui-dialog-buttonpane button {
    float: right;
    margin: .5em .4em .5em 0;
    cursor: pointer;
    /*padding: .2em .6em .3em .6em;*/
    line-height: 1.4em;
    width: auto;
    overflow: visible;
    background: url('../images/button/unibutton_r.gif') top right no-repeat; 
    padding:0 8px 1px 8px; 
    height:27px; 
    color:#fff; 
    font-size:12px; 
    font-weight:bold; 
    border:none;   
}

.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

/* Resizable----------------------------------*/
.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    z-index: 99999;
    display: block;
}

.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle
    {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0px;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0px;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0px;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0px;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}


/*#######adthis fix ########*/

#at16pcc{z-index: 999;}
#at15s{z-index:998;}


div.infbox {
    width: 98%;  
    padding: 7px;
    background: #D9EEF8;
}