* { margin:0; padding:0; border:0 }

html { height:100% }
body { font:normal 11px Arial, sans-serif; /*color:#707070;*/ color:#707070; background:#E9E9E9 }


/* - Container */
#jedox { width:962px; margin:auto; background:#fff; padding:5px 15px 15px 18px; border-left:1px solid #D7D7D7; border-right:1px solid #D7D7D7; border-bottom:1px solid #D7D7D7 }
hr { background-color:#D3D3D3; color: #D3D3D3; height:1px; margin:25px 0 2px; padding:0; width:99%; }


/* - Header */
#header {}
#logo { width:123px; height:60px; float:left; text-indent:-999px; background:url(../../../images/neu/palo_logo_sm.png) no-repeat }
#attr { width:585px; height:60px; float:left }
#lang { width:250px; height:38px; float:left; text-align:right; padding-top:22px }
#lang a { padding:0 10px; color:#707070 }
#navi { width:710px; height:30px; padding:0; float:left; background:url(../../../images/neu/hg-nav.png) repeat-x scroll left top transparent }
#download { width:244px; height:30px; float:right; /*background:url(../../../images/neu/bt-download-start.png) no-repeat*/ }



/* - Reihe 1 - ModernBox / Download Palo */
#box { width:718px; height:270px; float:left; background:#FFF; position:relative }
#boxr { width:240px; height:270px; float:left; border-left: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; background:url(../../../images/neu/hg-box-palo.png) no-repeat }
#boxr h2{ padding:0px; margin:0px }
#boxr h3{ padding: 8px; font:bold 16px Arial, Verdana, Geneva, sans-serif; color:#164DA2 }
#boxr p{ padding-left:8px }
#boxr img{ padding-top:8px }
#boxr a { text-decoration:underline; color:#164DA2 }
#boxr a:hover { text-decoration:none }
#boxr hr { background-color:#D3D3D3; color: #E0E0E0; height:1px; margin:7px 0 2px; padding:0; width:99%; }


/* - nicht online, Reihe 2 - Box Icons und Loginform */
#box2 { width:739px; height:95px; float:left; display:block; background:url(../../../images/neu/bi/bg-box-2.png); background-repeat:repeat-x }
#box2 img { float: left }
#box2 a.planning:hover{ background:transparent url(../../../images/neu/bi/planning_h.png) no-repeat scroll 0 0; float:left; height:95px; width:87px; margin:0; padding:0 }
#box2 a.planning { background:transparent url(../../../images/neu/bi/planning.png) no-repeat scroll 0 0; float:left; height:95px; width:87px; margin:0; padding:0 }
#box2 a.analysis:hover{ background:transparent url(../../../images/neu/bi/analysis_h.png) no-repeat scroll 0 0; float:left; height:95px; width:87px; margin:0; padding:0 }
#box2 a.analysis { background:transparent url(../../../images/neu/bi/analysis.png) no-repeat scroll 0 0; float:left; height:95px; width:87px; margin:0; padding:0 }
#box2 a.reporting:hover{ background:transparent url(../../../images/neu/bi/reporting_h.png) no-repeat scroll 0 0; float:left; height:95px; width:95px; margin:0; padding:0 }
#box2 a.reporting { background:transparent url(../../../images/neu/bi/reporting.png) no-repeat scroll 0 0; float:left; height:95px; width:95px; margin:0; padding:0 }
#box2 a.dashboard:hover{ background:transparent url(../../../images/neu/bi/dashboard_h.png) no-repeat scroll 0 0; float:left; height:95px; width:88px; margin:0; padding:0 }
#box2 a.dashboard { background:transparent url(../../../images/neu/bi/dashboard.png) no-repeat scroll 0 0; float:left; height:95px; width:88px; margin:0; padding:0 }
#box2 a.data:hover{ background:transparent url(../../../images/neu/bi/data_h.png) no-repeat scroll 0 0; float:left; height:95px; width:98px; margin:0px; padding:0  }
#box2 a.data { background:transparent url(../../../images/neu/bi/data.png) no-repeat scroll 0 0; float:left; height:95px; width:98px; margin:0; padding:0 }
#box2r { width:247px; height:93px; float:left; border:1px solid #D3D3D3; background-image:url(../../../images/neu/bg-box-contact.png) }
#box2r h2 { font:bold 12px Arial, Verdana, Geneva, sans-serif; color:#333; padding-left:8px; padding-top: 10px }
#box2r p { padding-left: 8px; padding-top:5px }
#box2r img { float: right}


/* - Reihe 2 - Webinar/Schulungen - Business Intelligence - SuccessStories - Videos */
.box2left { width:215px; height:160px; /*background:url(../../../images/neu/box2left.png) no-repeat;*/ float:left; padding-right:14px; padding-left:10px; line-height:1.5em }
.box2left h2 { font:bold 16px Arial, Verdana, Geneva, sans-serif; color:#164DA2; margin-bottom:10px }
.box2left li { margin-left: 13px; list-style:square }
.box2left p { margin-top: 10px }
.box2left li { margin-left: 14px; list-style:square; line-height:15px }
.box2left a { text-decoration:underline; color:#164DA2 }
.box2left a:hover { text-decoration:none }

.box2mid { width:215px; height:160px; /*background:url(../../../images/neu/box2mid.png) no-repeat;*/ float:left; padding-right:14px; padding-left:10px; line-height:1.5em }
.box2mid h2 { font:bold 16px Arial, Verdana, Geneva, sans-serif; color:#164DA2; margin-bottom:10px }
.box2mid li { margin-left: 13px; list-style:square }
.box2mid p { margin-top: 10px }
/*.box2mid img { display: block; margin-left: auto; margin-right: auto }*/
.box2mid li { margin-left: 14px; list-style:square; line-height:15px }
.box2mid a { text-decoration:underline; color:#164DA2 }
.box2mid a:hover { text-decoration:none }

.box2right { width:216px; height:160px; /*background:url(../../../images/neu/kundenlogos.gif) no-repeat;*/ float:left; padding-right:14px; padding-left:10px }
.box2right h2 { font:bold 16px Arial, Verdana, Geneva, sans-serif; color:#164DA2; margin-bottom:10px }
.box2right li { margin-left: 13px; list-style:square }
.box2right p { margin-top: 10px }
.box2right li { margin-left: 14px; list-style:square; line-height:15px }
.box2right a { text-decoration:underline; color:#164DA2 }
.box2right a:hover { text-decoration:none }

.box2right2 { width:216px; height:160px; float:left; padding-right:14px; padding-left:10px; border-bottom: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; border-left: 1px solid #E0E0E0  }
.box2right2 h2 { font:bold 16px Arial, Verdana, Geneva, sans-serif; color:#164DA2; margin-bottom:10px }
.box2right2 li { margin-left: 13px; list-style:square }
.box2right2 p { margin-top: 10px }
.box2right2 li { margin-left: 14px; list-style:square; line-height:15px }
.box2right2 a { text-decoration:underline; color:#164DA2 }
.box2right2 a:hover { text-decoration:none }

#demvid { width:246px; height:200px; float:left }
#demvid h2{ padding:0px; margin:0px }
#demvid h3{ padding: 8px; font:bold 14px Arial, Verdana, Geneva, sans-serif; color:#333 }
#demvid p{ padding-left:10px }


/* - Reihe 3 - Aktionsboxen */
.box3r1 { width:228px; height:90px; border-right: 1px solid #D3D3D3; float:left; padding:9px }
.box3r1 h2 { font:bold 12px Arial, Verdana, Geneva, sans-serif; color:#333; margin-bottom:10px }
.box3rl li { margin-left: 13px; list-style:square }
.box3r1 p { margin-top: 10px }
.box3r1 li { margin-left: 14px; list-style:square; line-height:15px }
.box3r1 a { text-decoration:none }
.box3r1 a:hover { text-decoration:underline }

#box3right { width:228px; height:90px; float:left; padding:9px }
#box3right h2 { font:bold 12px Arial, Verdana, Geneva, sans-serif; color:#333; margin-bottom:10px }
#box3right li { margin-left: 13px; list-style:square }
#box3right p { margin-top: 10px }
#box3right li { margin-left: 14px; list-style:square; line-height:15px }
#box3right a { text-decoration:none }
#box3right a:hover { text-decoration:underline }
#box3right span { font-size:14px }



/* - Reihe 4 -  */
.box4left { width:155px; height:145px; background:#E9E9E9; float:left; padding:12px; border-right: 1px solid silver }
.box4left:hover { background:#E0E0E0 }
.box4left h2 { font:bold 16px Arial, Verdana, Geneva, sans-serif; color:#999; margin-bottom:10px }
.box4left li { /*margin-left: 13px;*/ margin-bottom:3px; list-style:none }
.box4left p { margin-top: 10px }
.box4left a { text-decoration:none }
.box4left a:hover { text-decoration:underline; color:#FF6E06 }
.box4left span { font-size:14px }

.box4mid { width:155px; height:145px; background:#E9E9E9; float:left; padding:12px; border-right: 1px solid silver }
.box4mid:hover { background:#E0E0E0 }
.box4mid h2 { font:bold 16px Arial, Verdana, Geneva, sans-serif; color:#999; margin-bottom:10px }
.box4mid li { /*margin-left: 13px;*/ margin-bottom:3px; list-style:none }
.box4mid p { margin-top: 10px }
.box4mid a { text-decoration:none }
.box4mid a:hover { text-decoration:underline; color:#FF6E06  }
.box4mid span { font-size:14px }

.box4mid2 { width:155px; height:145px; background:#E9E9E9; float:left; padding:12px; border-right: 1px solid silver }
.box4mid2:hover { background:#E0E0E0 }
.box4mid2 h2 { font:bold 16px Arial, Verdana, Geneva, sans-serif; color:#999; margin-bottom:10px }
.box4mid2 li { margin-left: 13px; margin-bottom:3px; list-style:none }
.box4mid2 p { margin-top: 10px }
.box4mid2 a { text-decoration:none }
.box4mid2 a:hover { text-decoration:underline }
.box4mid2 span { font-size:14px }

.box4mid3 { width:155px; height:145px; background:#E9E9E9; float:left; padding:12px; border-right: 1px solid silver }
.box4mid3:hover { background:#E0E0E0 }
.box4mid3 h2 { font:bold 16px Arial, Verdana, Geneva, sans-serif; color:#999; margin-bottom:10px }
.box4mid3 li { /*margin-left: 13px;*/ margin-bottom:3px; list-style:square }
.box4mid3 p { margin-top: 10px }
.box4mid3 a { text-decoration:none }
.box4mid3 a:hover { text-decoration:underline }
.box4mid3 span { font-size:14px }

a.news { text-decoration: none; display: block; margin: 0 0 4px 0; color:#666 }
a.news:hover { text-decoration: none; display: block; text-decoration:underline; color: #FF6E06 }

.box4right { width:216px; height:145px; background:#E9E9E9; float:left; padding:12px }
.box4right:hover { background:#E0E0E0 }
.box4right h2 { font:bold 16px Arial, Verdana, Geneva, sans-serif; color:#999; margin-bottom:10px }
.box4right li { /*margin-left: 13px;*/ margin-bottom:3px; list-style:none }
.box4right p { margin-top: 10px }
.box4right a { text-decoration:none }
.box4right a:hover { text-decoration:underline; color:#FF6E06 }
.box4right span { font-size:14px }


/* - Reihe 5 -  */
.box5left { width:120px; height:80px; background:#E9E9E9; float:left; padding:12px }
.box5left h2 { font:bold 16px Arial, Verdana, Geneva, sans-serif; color:#999; margin-bottom:10px }
.box5left li { /*margin-left: 13px;*/ margin-bottom:3px; list-style:none }
.box5left p { margin-top: 10px }
.box5left a { text-decoration:none }
.box5left a:hover { text-decoration:underline; color:#FF6E06; font-weight:bold }
.box5left span { font-size:14px }

.box5mid { width:649px; height:80px; background:#E9E9E9; float:left; padding:12px }
.box5mid h2 { font:bold 16px Arial, Verdana, Geneva, sans-serif; color:#999; margin-bottom:10px }
.box5mid li { /*margin-left: 13px;*/ margin-bottom:3px; list-style:none }
.box5mid p { margin-top: 10px }
.box5mid a { text-decoration:none }
.box5mid a:hover { text-decoration:underline; color:#FF6E06; font-weight:bold }
.box5mid span { font-size:14px }

.box5right { width:120px; height:80px; background:#E9E9E9; float:left; padding:12px }
.box5right h2 { font:bold 16px Arial, Verdana, Geneva, sans-serif; color:#999; margin-bottom:10px }
.box5right li { /*margin-left: 13px;*/ margin-bottom:3px; list-style:none }
.box5right p { margin-top: 10px }
.box5right a { text-decoration:none }
.box5right a:hover { text-decoration:underline; color:#FF6E06 }
.box5right span { font-size:14px }
.box5right img{ float:right }



/* - Navigation */
.mlddm { margin:0; padding:0; white-space:nowrap; visibility:hidden; height:30px }
.mlddm li { margin:0; padding:8px 4px; float:left; display:inline; list-style:none }
.mlddm li:hover { /*background:#FF9936*/ background:url(../../../images/neu/hg-nav-h.png) repeat-x scroll left top transparent }
.mlddm li a:hover { padding:0 20px 0; color:#FFF; /*background:#e3eaee*/  }
.mlddm li a:active { padding:0 20px 0; color:#FF6E06; /*background:#e3eaee*/ }
.mlddm li a, .mlddm li a#buttonnohover { padding:0 20px 0; display:block; white-space:nowrap; /*color:#656565*/ color:#FFF; font-weight:bold }
.mlddm ul { margin:6px 0 0 0; padding:0; position:absolute; visibility:hidden; z-index:100; /*border-left:1px solid #656565*/ }
.mlddm ul li { float:left; clear:both; width:inherit; padding:0; width:155px }
.mlddm ul li a { line-height:25px; display:block; background:#e3eaee; border-left:0; border-bottom:1px solid #fff; color: #164DA2; font-weight:normal }
.mlddm ul li a:hover { background:#FF6E06 }
.mlddm a.f { padding-left:0 }
.mlddm a.l { border-right:0 }
ul.mlddm li.active a, ul.mlddm li.active a#buttonnohover { /*color: #0589DF*/ color:#FFF }
ul.mlddm li.active ul li.active a { color: #0589DF }
ul.mlddm li.active ul li a { color:#656565 }



#sbar0 { height:15px; clear:both; border-right: 1px solid #E0E0E0 }
#sbar0 a { color:#0589DF; text-decoration:underline; font-weight:bold; margin-right:3px }
#sbar0 a:hover { text-decoration:none; font-weight:bold; margin-right:3px }
#sbar { height:18px; clear:both }
#sbar2 { height:30px; clear:both }

.sbar0 { height:15px; clear:both; border-right: 1px solid #E0E0E0; width:959px }
.sbar1 { height:3px; clear:both }
.sbar0 a { color:#0589DF; text-decoration:underline; font-weight:bold; margin-right:3px }
.sbar0 a:hover { text-decoration:none; font-weight:bold; margin-right:3px }
.sbar { height:10px; clear:both }
.sbar2 { height:30px; clear:both }


/* - Left Bar */
#leftbar { width:200px; padding:0 25px; float:left }
#leftbar p { margin:0 0 25px 0; line-height:1.3em !important }
#leftbar span { width:190px; margin:0 0 0 3px; display:block; line-height:1.3em }


/* - Content */
#content { width:514px; float:left; color:#000 }
#stage { margin:0 0 20px 0 }
#content h1 { padding:0 0 10px 0; font-size:18px; color:#193f94 }
#content h3 { padding:0 0 10px 0; font-size:14px; color:#505050 }
#content p { margin:0 0 10px 0; line-height:1.5em; color:#000 }
#content ul.blue { margin:20px 0 10px 25px; list-style:none outside url(../../../images/neu/bg_ul.png); line-height:1.5em; color:#000 }
#content ul.blue li { padding:0 0 10px 0 }
#produktinfos { margin:0 0 20px 0 }
#angebote { width:256px; float:left }
#angebote a img { margin:0 0 15px 0 }


/* - Footer */
#footer { height:50px; clear:both; text-align:center; padding-top:30px; padding-bottom:20px}
#disclaimer { text-align:center; margin-top:10px; height:30px }
#disclaimer a:hover { text-decoration:underline; font-weight:normal }

/* - Footer Inhalt */
#footer1 { width:200px; height:100px; float:left; padding:9px }
#footer1 p { margin-top: 12px }
#footer2 { width:535px; height:100px; float:left; margin:9px }
#footer2 p { margin-top: 12px }
#footer3 { width:100px; height:100px; float:left; margin:9px }
#footer3 p { margin-top: 12px }


/* - Formular MyPalo */
.formlogin { width:240px; margin:8px }
.formlogin input, .form1 select { font-size:11px; margin:0px 0px 5px 0px; padding:2px; background:#FFF; border:1px solid #999 }
.formlogin input:focus, .form1 textarea:focus, .form1 select:focus { background:#e3eaee; border:1px solid #999 }
.formlogin button { width:60px; margin:0 0 0 0; padding:0px; color:#fff; background:#053a8a }
.formlogin a { text-decoration:none }
.formlogin a:hover { text-decoration:underline }


/* - Default */
a { text-decoration:none; color:#707070 }
h3 { padding:0 0 10px 3px; font-size:14px; color:#193f94 }


/* - Übersichtseiten 2 Spaltig */
#contentoverview { width: 710px; float:left }
#contentoverview h1 { font-size:18px; padding:5px 22px }
#contentoverview p { padding:5px 22px }
#leftcolumn { width:347px; float:left; height:auto; background-color: #F4F4F4 }
#rightcolumn { width:347px; float:left; height:auto; background-color: #F4F4F4; margin-left:15px }

#partnerstart { background-color: #164DA2; padding:0 10px 0 23px }
#partnerstart h1 { color:#FFF; font-size:17px; padding: 15px 0 0 0}
#partnerstart h2 { color:#FFF; font-size:14px; padding: 15px 0 5px 0 }
#partnerstart p { color:#FFF; font-size:11px; padding: 5px 0 }

#wkp { padding:0 10px 0 23px; height:330px }
#wkp h1 { color:#164DA2; font-size:17px; padding: 15px 0 0 0}
#wkp h2 { color:#164DA2; font-size:14px; padding: 15px 0 5px 0 }
#wkp p { color:#333; font-size:11px; padding: 5px 0 }
#wkp a { font-size:11px; padding: 5px 0; font-weight:bold }
#wkp a:hover { color:#FF6E06 }

#detailbox { background-color: #FFF; padding:0 10px 0 23px; border-bottom:1px solid #D6D6D6; height:100px }
#detailbox:hover { background-color: #F4F4F4 }
#detailbox h2 { color:#333; font-size:14px; padding: 10px 0 0 0 }
#detailbox p { padding: 5px 10px 10px 0 }
#detailbox img { padding: 5px 10px 10px 0; float:left; height:auto }
#detailbox a { color:#164DA2; font-weight:bold }
#detailbox a:hover { color:#FF6E06 }

#detailboxvideo { background-color: #FFF; padding:0 10px 0 23px }
/*#detailboxvideo:hover { background-color: #FFF }*/
#detailboxvideo h2 { color:#333; font-size:14px; padding: 15px 0 5px 0 }
#detailboxvideo p { padding: 5px 10px 10px 0 }
#detailboxvideo img { padding: 5px 10px 10px 0; float:left; height:auto }
#detailboxvideo a { color:#164DA2; font-weight:bold }
#detailboxvideo a:hover { color:#FF6E06 }


/* - Übersichtseiten 3 Spaltig */
#left3column { width:220px; float:left; height:auto; border-right: 1px solid #D6D6D6 }
#left3column h1 { text-align: center }
#left3column a { font-weight:bold; margin-left:20px; font-size:13px; color:#164DA2; }
#left3column a:hover { color:#FF6E06 }
#left3column img { margin: 0 25px }
#mid3column { width:220px; float:left; height:auto; border-right: 1px solid #D6D6D6; margin-left:15px }
#mid3column h1 { text-align: center }
#mid3column a { font-weight:bold; margin-left:25px; font-size:13px; color:#164DA2; }
#mid3column a:hover { color:#FF6E06 }
#mid3column img { margin: 0 15px }
#right3column { width:220px; float:left; height:auto; margin-left:15px }
#right3column h1 { text-align: center }
#right3column a { font-weight:bold; font-size:13px; color:#164DA2; }
#right3column a:hover { color:#FF6E06 }
#right3column img { margin: 0 25px }