/*
Theme Name: SALIS IT Services v2
Theme URI: http://www.salis-it.com/
Description: CMS Template with Page/Subpage Navigation
Author: Jakob Fricke
Author URI: http://achtundblau.de/
*/

body {
background: #fff;
margin: 0px;
padding: 10px 0 10px; 0;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
text-align: center;
font-size: 11px;
line-height: 16px;  
color: #222;
}

a {
font-weight: bold;
text-decoration:none;
color: #348899; /*#8B604F OR E60032*/
border: 0;
}

a:hover{
color: #999;
}

.active{
padding: 0;
margin: 0;
}

.info {
margin: -10px 0 5px 0;
padding: 0px;
}

img a{
border: 0;
}

p {margin: 0 0 15px 0;}

h1 {margin:0px;}

h2 {
margin: 0 0 15px 0;
font-size: 17px;
line-height: 22px;
color: #222;
}

h3 {
margin: 0 0 15px 0;
font-size: 12px;
line-height: 22px;
color: #222;
}

h4 {
margin: 0 0 0 0;
padding-bottom: 0px;
font-size: 12px;
line-height: 22px;
color: #222;
}

#interface {
width: 800px;
margin: 0 auto;
text-align:left;
padding: 0;
}

#head {
width: 800px;
height: auto;
margin-top: 8px;
padding: 0px;
}

#logo {
width: 800px;
height: 80px;
background: #fff url(images/logo.gif);
margin-top: 8px;
padding: 0px;
}

#logo ul{
color: #999;
font-size: 9px;
margin: 0;
padding: 0px 0  0 700px;
}

#logo li {
margin: 0px;
padding: 0 3px;
list-style: none;
float: left;
} 

#logo a{
color: #222;
}

#logo a:hover{
color: #999;
}

#menu {
width: 800px;
height: 25px;
margin-top: 8px;
padding: 0px;
background: #348899 url(images/background-menu.gif) no-repeat;
text-align: center;
overflow: hidden;
}

#menu ul{
margin: 0 auto; 
padding: 0;
}

#menu li{
float:left;
list-style: none;
padding: 5px 20px 0px 20px;
margin: 0;
}

#menu a{
color: #fff;
} 

#menu a:hover {color: #222;}

#image {
background: #eee;
height: auto;
width: 800px;
}

#container {
width: 800px;
padding-top:20px;
background: #E0E8EC;
}

#navi {
float:left;
width: 200px;
padding-bottom: 20px;
}

#navibox {
width: 170px;
margin: 0px;
padding: 0 15px
}

#navibox ul{
margin: 0; 
padding: 0;
}

#navibox li{
width: 150px;
line-height: 22px;
margin-bottom: 5px;
padding: 0 0px 5px 0px;
list-style: none;
border-bottom: 1px #333 dotted;

}

#content {
float:left;
width: 400px;
padding-bottom: 20px;
}

#contentbox {
width: 380px;
overflow: hidden;
margin: 0px;
padding: 0 10px;
}

/*STARTPAGE*/
#startpage {
float: left;
width: 360px;
padding: 0 20px 20px 20px;
}

#sidebar-startpage {
float:left;
width: 360px;
padding: 0 20px 20px 20px;
}

#sidebar {
width: 170px;
float: left;
padding: 0 20px 20px 10px;
}

#sidebar ul{
margin: 0;
padding: 0;
}

#sidebar li {
width: 160px;
height: 22px;
margin-bottom: 5px;
padding: 0 0px 5px 22px;
list-style: none;
}

#sidebar-box {
padding: 5px;
margin-bottom: 7px;
border-top: 1px dotted #333;
border-bottom: 1px dotted #333;
}

.pdf-image{
margin-right: 5px;
}

#footer {
clear:both;
width: 800px;
height: 30px;
background: #fff;
margin: 0px;
padding: 8px 0px;
color: #999;
font-size: 9px;
text-align: right;
}

.mod_navigation .submenu { display:inline; }
.mod_navigation .level_2 { margin-top:-18px; margin-bottom:-9px; }

/*FORM ELEMENTS*/
form {
margin: 0px;
padding: 0px;
}

label{ 
display: block;
clear: left;
width: 300px;
text-align: left; 
margin: 5px 0; 
}

input, select, textarea { 
display: block;
clear: left;
width: 300px;
margin: 5px 0;
}

form br { 
clear: left;
margin: 0;
}

input#submit { 
float: none;
width: 30px;
}

/*PAGINATION*/
.pagination li{
list-style: none;
float: left;
padding: 0 5px;
}

/*NEWS*/
#news {
margin-bottom: 10px;
padding: 0px 0 10px 0;
border-bottom: 1px #333 dotted;
}

#news p{
margin: 0px;
padding: 5px 0 0 0;
}

#news h3{
margin: 0px;
padding-top: 0px;
}

#news info{
font-style: italic;
}

/*ACCORDION*/
.toggler{
font-weight:bold;
color: #740134;
background: #ddd url(images/ico_plus.gif) left center no-repeat;
border: 0px;
padding-left:21px;
margin-top:5px;
cursor:pointer;
cursor:hand;
}

div.accordion{
background: #ddd;
padding: 5px 5px 5px 21px;
margin-left: 0px;
}