/**
 * @version $Id: template.css 14401 2010-01-26 14:10:00Z louis $
 * @author Design & Accessible Team ( Angie Radtke / Robert Deutz )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright Copyright (C) 2005 - 2010 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */





body
{
  background: #fff;
  color: #464d5c !important;
        font-family: Arial Narrow, Liberation Sans Narrow, sans-serif;
  font-size: 14px !important;
  padding: 0px;
  text-align: left;
}



body.contentpane {

width : auto;
margin : 10px;
line-height : 1.4em;
text-align: left;
}

/* TOC */
table.contenttoc{
  float: right;
}

/* Tooltips */
.tool-tip {
  float: left;
  background: #ffc;
  border: 1px solid #D4D5AA;
  padding: 5px;
  max-width: 200px;
  text-align:left;
}

.tool-title {
  padding: 0;
  margin: 0;
  font-size: 100%;
  font-weight: bold;
  margin-top: -15px;
  padding-top: 15px;
  padding-bottom: 5px;
  background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
  font-size: 100%;
  margin: 0;
}




/******securemsp style elements******/


.textfeld {
     background-color: #f2f7e6;
     overflow:hidden;
     position:relative;
     border: 2px solid #a4c639;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
     -webkit-box-shadow: #999 5px 5px 10px;
     -moz-box-shadow: #999 5px 5px 10px;
     box-shadow: #999 5px 5px 10px;
    behavior: url(http://www.securemsp.com/pie/PIE.php);
     
}

.tf_top, .tf_bottom {
     height: 60px;
     position: relative;

}


.tf_top {
   margin-top:5px;
   background: #f2f7e6;
   background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f2f7e6), to(#FFFFFF));
   background: -webkit-linear-gradient(#f2f7e6, #FFFFFF);
   background: -moz-linear-gradient(#f2f7e6, #FFFFFF);
   background: -ms-linear-gradient(#f2f7e6, #FFFFFF);
   background: -o-linear-gradient(#f2f7e6, #FFFFFF);
   background: linear-gradient(#f2f7e6, #FFFFFF);
   -pie-background: linear-gradient(#f2f7e6, #FFFFFF);

   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   -moz-border-radius-topleft: 10px;
   -moz-border-radius-topright: 10px;
   -webkit-border-top-left-radius: 10px;
   -webkit-border-top-right-radius: 10px;

   behavior: url(http://www.securemsp.com/pie/PIE.php);
}

.tf_bottom {
  margin-bottom:5px;
  background: #FFFFFF;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#F2F7E6));
  background: -webkit-linear-gradient(#FFFFFF, #F2F7E6);
  background: -moz-linear-gradient(#FFFFFF, #F2F7E6);
  background: -ms-linear-gradient(#FFFFFF, #F2F7E6);
  background: -o-linear-gradient(#FFFFFF, #F2F7E6);
  background: linear-gradient(#FFFFFF, #F2F7E6);
  -pie-background: linear-gradient(#FFFFFF, #F2F7E6);

  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;

  behavior: url(http://www.securemsp.com/pie/PIE.php);

}

.text {
    background-color: #FFFFFF;
    padding: 0 50px;
    overflow:hidden;
}


#top {
   
   
}


#bottom {
  
}

ul.menu {
    float:right;
}

ul.menu li {
    list-style-type: none;
    display:inline;
    margin-left: 5px;
}

ul.menu li a {
    color: #464D5C;
    text-decoration: underline;
    font-size:11px;
}

#main ul#downloads li {
  margin-bottom: 15px;
}


h1 {
    font-size: 20px;
    color: #a4c639;
    font-weight:normal;
    margin-bottom:10px;
}



h2 {
    color: #A4C639;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 7px;
    margin-top:0px;
}

h3 {
    color: #A4C639;
    font-size: 15px;
    margin-bottom:5px;
}


div#node th {
    color: #A4C639;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 7px;
    margin-top:0px;
    text-align:left;
}


.notes th {
    color: #a4c639;
    font-weight:normal;
    font-size:15px;
    padding-right:20px;
}

.source {
    font-size:9px;
    text-align:right;
}

.notes tr {
   vertical-align:top;
   text-align:left;
}

.impressum p {
  margin-left:0;
}


#kontakt {
   margin-top:20px;
}

#kontakt img {
   width:130px;
} 

#kontakt td+td {
   padding-left:20px;
}

.contact_en p {
   margin-bottom: 2px;
}  

  


em {
    font-style: normal;
    font-weight: bold;
}



#home_header h1 {
    font-size:30px;
    margin:0px;
}



#home_header p {
    font-size:20px;
    margin-bottom: 0;
}


#teaser div {
     float:left;
     width: 265px;
}


#teaser div img {
     border:none;
     margin: 15px 0px;
}

     
#teaser div p {
     margin:0px;
     font-size:18px;
     text-align:left;
     line-height: 1.3em;
     

}


#teaser > div+div {
       padding-left:25px;
}


#service_overview img {
    margin-bottom: 50px;
    margin-left: 80px;
    margin-top: 20px;
    border:none;
}

#service_overview table {
    border-collapse:collapse;
    margin-bottom:30px;
}

#service_overview tr td {
    border-top: 1px solid #a4c639;
}

#service_overview tr:first-child+tr td{
    border:none;
}

#service_overview td, #service_overview th {
   vertical-align:top;
   padding: 5px 10px;
}

#service_overview th {
  background-color: #F2F7E6;
  font-weight:normal;
}

#service_overview tr:first-child th {
  //font-weight:bold;
    font-size:13px;
}

#service_overview ul {
  padding:0 !important;
  margin-left:13px !important;
}

#service_overview ul li {
     margin-bottom: 0 !important;
     margin-top: 0 !important;
     padding: 0 !important;
}

#service_overview ul li:first-child {
    margin-top:5px !important;
}

#service_overview p {
    margin-bottom:15px;
}

th.service_values {
    width:195px;
}


div#pic {
   text-align:center;
   width:100%;
   clear:both;
}

#pic img {
   margin-bottom: 40px;
   margin-top:40px;
}

#intro, #highlights, #examples{
   text-align:justify;
}

#intro, #examples, #techdetails {
   float:left;
   width:45%;
}

#highlights, #screenshots {
   float:right;
   margin-top:-5px;
   width:45%;
}

#screenshots h3, #screenshots a {
    padding-left: 25px;
}

#highlights ul, #encryption_details ul {
   list-style-image:url("../../../images/securemsp/checkmark.png");
}

#encryption_details {
   margin-left:15px;
}


#highlights ul li {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}


#examples ul li {
   line-height:1.6em !important;
}
 
#screenshots img  {
    border: 1px solid #A4C639;
    padding: 5px;
    margin-bottom:10px;
}

#screenshots img:hover {
    border: 3px solid #A4C639; 
    padding: 3px;
}


#screenshots h3:first-child {
    margin-top:0px;
}




div#node td, div#node th {
    padding: 0 45px 2px 0;
    vertical-align: top;
}

div#node th {
   padding-top:20px;
}

div#node tr:first-child th {
   padding-top:0px;
}

div#node table table td {
   padding: 0 10px 0 0;
}

div#node table table td p {
   margin:0;
   padding:0;
}


h3.gallery + div div {
   margin-top:10px;
}

div#error p {
   margin-top:10px;
}


.icetabs_pic {
   float: left;
}