/* 
    Document   : imagine
    Created on : 15-Feb-2010, 21:25:22
    Author     : borut
    Description:
        Main style for Imagine
*/
body, p, h1, h2, h3, h4, h5, td, tr, form, ul, li, input {
    margin:0;
    padding:0;
}
a {
    color:#5e85d3;
    text-decoration:underline;
}
body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    background-color:#fff;
}
.clear {
    clear:both;
}
.blue {
    color:#42528a;
}
#holder {
    width:1002px;
    margin:0 auto;
    background:url(/images/header-background.jpg) top right no-repeat;
    position:relative;
}
#search {
    margin-left:629px;
    padding-top:5px;
    height:22px;
}
#search input {
    float:left;
}
#q {
    border:1px solid #d5d5d5;
    height:15px;
    width:178px;
    margin-right:8px;
}
#logo {
    position:absolute;
    top:31px;
    left:18px;
    width:141px;
    height:41px;
    text-indent:-999em;
}
#logo a {
    background-image:url(/images/IMAGINE-software.png);
    width:141px;
    height:41px;
    display:block;
    outline:none;
}
#flags {
    position:absolute;
    width:150px;
    height:13px;
    left:20px;
    top:93px;
    text-indent:-999em;
}
#flags a {
    display:block;
    outline:none;
    width:32px;
    height:26px;
    background-repeat:no-repeat;
    background-position:top left;
    float:left;
    margin-right:0px;
}
#flags a.sl {
    background-image:url(/images/flag_sl.jpg);
}
#flags a.en {
    background-image:url(/images/flag_en.jpg);
}
#flags a.de {
    background-image:url(/images/flag_de.jpg);
}
#flags a.hr {
    background-image:url(/images/flag_hr.jpg);
    width:33px;
}
/* MENUE */
#menu {
    margin:1px 0 95px 208px;
    height:54px;
    list-style:none;
}
#menu li {
    float:left;
    text-indent:-9999em;
    background:url(/images/menu-divider.jpg) top right no-repeat;
    padding-top:10px;
}
#menu li.last {
    background:none;
}
#menu li a {
    display:block;
    height:44px;
    width:115px;
    background-position:center -28px;
    background-repeat:no-repeat;
    outline:none;
}
#menu li a.deu {
    background-position:center -31px;
}
#menu li a:hover, #menu li a.active {
    background-position:center 16px;
}
#menu li a.deu:hover, #menu li a.active.deu {
    background-position:center 13px;
}
/* CONTENT */
#content #left {
    float:left;
    background-color:#ebebeb;
    width:201px;
    margin-bottom:5px;
}
#content #left ul {
    list-style:none;
}
#content #left li {
    padding:10px 15px;
}
#content #left li.orange {
    background:url(/images/left-h-orange.jpg) repeat-x;
    height:31px;
    padding:0;
}
#content #left li.blue {
    background:url(/images/left-h-blue.jpg) repeat-x;
    height:33px;
    padding:0;
}
#content #left li.orange a, #content #left li.blue span {
    text-indent:-999em;
    display:block;
    width:201px;
    height:31px;
    background-position:13px 9px;
    background-repeat:no-repeat;
    outline:none;
}
#content #left #login input.text {
    width:140px;
    border:1px solid #d5d5d5;
    margin-bottom:7px;
}

#content table#references {
    border-collapse:collapse;
}
#content table#references th {
    text-align:left;
    padding:3px 3px 6px 3px;
	text-decoration: underline;
	color: #5E85D3;
}
#content table#references td {
    padding:3px;
    border-bottom:1px solid gray;
}
/* MAIN CONTENT */
#content #center {
    width:583px;
    padding:8px 0 20px 26px;
    float:left;
}
#content #center p{
    padding-bottom: 20px;
}
#content #center h1{
    font-size:15px;
    padding:0 0 26px 0;
}
#content #center h1.date{
    padding:0 0 6px 0;
}
#content #center h1 a {
    text-indent:-9999em;
    background:url(/images/faq_icon.png) no-repeat;
    text-decoration:none;
    width:15px;
    min-height:11px;
    display:block;
    float:left;
    margin-left:8px;
    outline:none;
}
#content #center h1 span {
    float:left;
}

#content #center h2{
    font-size:14px;
    padding:0 0 16px 0;
    color:#EB9736;
}
#content #center h3{
    font-size:13px;
    font-weight:bold;
    padding:0 0 12px 0;
}
#content #center ul {
    list-style:none;
    padding:0 0 20px 16px;
}
#content #center ul li{
    background:url(/images/bullet2.png) 0 5px no-repeat;
    padding:0 0 4px 12px;
}
#content #center div.date {
    font-size:11px;
    color:#707070;
    padding:0 0 26px 0;
}
#content #cimage {
    float: right;
}
#content #cimage img {
    border: 1px solid #ccc;
    margin: 0 0 5px 10px;
}

#content #news .date {
    padding-top:12px;
    font-size:11px;
    color:#707070;
}
#content #news .first {
    padding-top:0;
}
#content #news a {
    color:#707070;
}
/* search results */
.result_div {
    padding:0 0 10px 0;
}
.result_title {
    font-weight:bold;
}


/* RIGHT MENU */
#content #right  {
    width:124px;
    float:right;
    padding-top:123px;
    margin-bottom:5px;
}
#content #right ul {
    list-style:none;
    width:124px;
    list-style-position:outside;
    background-color:#fdf6ed;
    padding-bottom:1px;
}
#content #right ul li {
    line-height:26px;
    background:url(/images/bullet.png) top left no-repeat;
    padding-left:8px;
}
#content #right ul li a {
    color:#eb9734;
    text-decoration:none;
    font-weight:bold;
    display:block;
    width:100px;
    border-top:1px solid #e9e9e9;
    padding-left:3px;
}
#content #right ul li a.last {
    border-bottom:1px solid #e9e9e9;
}
#menu-bottom {
    font-size:11px;
    color:#fff;
    text-align:center;
    background-color:#5a6b9f;
    line-height:20px;
    margin-top:5px;
    clear:both;
}
#menu-bottom a {
    color:#fff;
    text-decoration:none;
}
#menu-bottom a:hover {
    text-decoration:underline;
}
#footer {
    text-align:center;
    font-size: 10px;
    line-height:32px;
}
/* FAQ */
#content #center #faq h1 {
    font-size:13px;
    padding:16px 1px 4px 1px;
    color:#5E85D3;
    font-weight: bold;
}

#content #center #faq h2.question, #content #center #faq h2.question_cat {
    border:1px solid #e6e6e6;
    padding:2px 2px 2px 20px;
    font-size:12px;
    background-image:url(/images/arrow1.gif);
    background-position:3px 4px;
    background-repeat:no-repeat;
    cursor:pointer;
}
#content #center #faq h2.question:hover, #content #center #faq h2.question.active {
    background-position:3px 5px;
    background-image:url(/images/arrow2.gif);
}
#content #center #faq h2.question.active {
    background-color:#FDF6ED;
    color:#EB9734;
}
#content #center #faq div.answer {
    border:1px solid #e6e6e6;
    display:none;
    padding:3px 3px 8px 3px;
}
#content #center #faq_link {
    padding-bottom:16px;
    font-weight:bold;
    font-size:14px;
    color:#EB9734;
}
#content #center #faq_link a {
    color:#EB9734;
}
/* products */
.product {
    clear:both;
    padding-bottom:16px;
}
.product img {
    float:left;
    margin:0 4px 2px 0;
}
#content #center .product h2{
    padding-bottom:4px;
}
/* news */
.news {
    clear:both;
    padding-bottom:24px;
}
.news img {
    float:left;
    margin:0 4px 2px 0;
}
#content #center .news p{
    padding:0;
}
#content #center .news h2{
    padding-bottom:8px;
}
#content #center .news .date {
    padding-bottom:8px;
}
/* paging */
#paging {
    text-align:center;
    color:#666;
}
#paging a {
    text-decoration:none;
    border:1px solid #EB9734;
    padding:1px 3px;
}

/* breadcrumbs */
#breadcrumbs {
    padding-bottom:18px;
    font-size:11px;
}


.clear {
    clear:both;
    height:1px !important;
    max-height:1px;
}