﻿/* Sozial- und Gesundheitssprengel Lana und Umgebung
Default stylesheet
Silvia Meotto
Versione: 12 settembre 2005*/

/* Undo browser defaults
----------------------------------------*/
:link, :visited {
 text-decoration: none;
}
a img, :link img, :visited img {
 border: none;
}
address {
 font-style: normal;
}
dl, ul, ol, li, dd, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, div, img {
 margin: 0;
 padding: 0;
}
h1, h2, h3, h4, h5, h6, pre, code, label, input, textarea, select, button, legend, td, th {
 font-size: 1em;
 font-weight: normal;
}
ul, ol, dl, li, dd, dt {
 margin: 0;
 padding: 0;
 list-style: none;
}
blockquote {
 margin: 10px 0 10px 0;
 padding-left: 10px;
}
#content p{
 margin: 10px 5px 10px 5px;
 line-height: 1.4em;
}
#content img{
 float: left;
 margin: 0 5px 0 5px;
}
img{
 /*border: 1px solid #838383;*/
}
/* Hacks
----------------------------- */
hr{display:none;}
hr.clear{clear:both;display:block;height:0;margin:0;padding:0;border:none;}
.clearSX {
 clear: left;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
 display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {
 height: 1%;
}
.clearfix {
 display: block;
}
/* End hide from IE-mac */
/* holly hack \ */
* html #content {
    height: 1%;
}
/* end hide */
.space{
 height: 70px;
}

/* Structure
------------------------------------ */
#wrapper {
 width: 750px;
 margin: 30px auto 0 auto;
 /*border: 1px solid Fuchsia;*/
}
#wrapperHome{
 margin: 20px 0 0 0;
 padding: 0;
 /*border: 1px solid Fuchsia;*/
}
#container{
 margin:20px 0 0 0;
 padding: 0;
}
.home #container {
 float: left;
 position: relative;
 width: 535px;
 /*margin-left:3px;border: 1px solid #000;*/
 padding: 0;
 margin: 0;
 
}
#firstCol{
 float: left;
 width: 200px;
}
#content{
 /*margin-left: 200px;*/
 width: 549px;
 border-left: 1px solid #838383;
 float: right;
}
.home #dienste {
 width: 322px;
 padding: 0;
 margin: 0;
 background-color: #FFF;
 border-right: 1px solid #838383;float: left;/**/
}
.home #news {
 width: 212px;
 /*margin: 0 0 0 322px;*/
 float: right;
 padding: 0;
}
.home #ueberUns {
 /*margin: 0 0 0 535px;*/
 float: right;
 width: 214px;
 border-left: 1px solid #838383;
 /*margin-right: 3px;*/
 padding: 0;
}
#footer {
   clear: left;
 text-align: center;
 font-size: .9em;
 margin: 10
}
#header {
 position: relative;
 width: 750px;
}
#breadcrumbs{
 padding: 7px 0 7px 0;
 
}
/* Typography and color
--------------------------------------*/
a {
 color: #416E8D;
 border-bottom: 1px dashed #416E8D;
 text-decoration: none;
 font-weight: bold;
}
a:hover {
 color: #416E8D;
 border-bottom-style: solid;
 border-bottom-color: #416E8D;
}
body {
 font: 76% Verdana, Arial, Helvetica, sans-serif;
 background: #FFFFFF;
 color: #000;
 text-align: center;
}
#wrapper {
 text-align: left;
 border: 1px solid #666;
 background: #FFF; 
 color: #838383;
 font-size: .9em;
}
h1 {
 text-indent: -5000px;
 height: 58px;
 line-height: 58px;
 
}
.de h1 {
 background: #fff url(/css/img/header_d.jpg) no-repeat;/* image replacement */
}
.it h1 {
 background: #fff url(/css/img/header_i.jpg) no-repeat;/* image replacement */
}
#description{
 height: 57px;
 line-height: 57px;
 vertical-align: bottom;
 background: #fff url(/css/img/description.jpg) no-repeat;
 padding: 0 0 0 107px;
 color: #416E8D;
}
h2{
 font-size: 1.5em;
 font-weight: bold;
 margin: 0;
 padding: 10px 0 2px 5px;
}
#dienste h2{
 color: #DB3337;
 background: #FBEAEB;
 border-bottom: 1px dotted #DB3337;
 
}
.home #dienste h2{
 /*color: #DB3337;
 padding: 15px 0 2px 5px;*/
 height: 104px;
 background: #FBEAEB url(/css/img/bck_h2_dienste_home.jpg) no-repeat;
}
#news h2{
 color: #9E998F;
 background: #F4F4F2;
 border-bottom: 1px dotted #9E998F;
}
.home #news h2{
 height: 104px;
 color: #9E998F;
 background: #F4F4F2 url(/css/img/bck_h2_news_home.jpg) no-repeat;
 position: relative;
}
#ueberUns h2, #generic h2{
 color: #416E8D;
 background-color: #ECF0F3;
 border-bottom: 1px dotted #416E8D;
}
.home #ueberUns h2{
 height: 104px;
 color: #416E8D;
 background: #ECF0F3 url(/css/img/bck_h2_ueberuns_home.jpg) no-repeat;
}
#content h3{
 font-size: 1.3em;
 font-weight: bold;
 margin: 30px 0 10px 5px;
}
#dienste h3 {
color: #DB3337;
}
 
.home #dienste h3 {
color: #DB3337;
font-size: 1em;
margin: 5px 0 5px 5px;
}
.home #ueberUns h3 {
color: #416E8D;
margin: 5px 0 5px 0;
}
#ueberUns h3, #generic h3 {
color: #416E8D;
}
.home #news h3{
font-weight: bold;
border-top: 1px dotted #838383;
border-bottom: 1px dotted #838383;
background-color: #F4F4F2;
margin: 5px 5px 0 5px;
padding: 5px 0 5px 5px;
}
#content h4{
 font-size: 1.2 em;
 border-bottom: 1px solid #838383;
 padding: 5px 0 5px 5px;
 margin: 5px 0 5px 0;
 background-color: #F4F4F2;
 font-weight: bold;
}
.home #news h4{
font-weight: bold;
}
.home #dienste div{
 margin: 5px;
 border-top: 1px dotted #DB3337;
 border-bottom: 1px dotted #DB3337;
}
.home #news div{
 margin: 5px 5px 5px 10px;
 border-top: 1px dotted #838383;
 border-bottom: 1px dotted #838383;
}
.home #ueberUns div{
 margin: 5px 5px 5px 10px;
 border-top: 1px dotted #416E8D;
 border-bottom: 1px dotted #416E8D;
 color: #416E8D;
}
.home #ueberUns div.first{
background-color: #ECF0F3;
margin: 5px 5px 5px 7px;
padding: 3px;
}
.home #ueberUns div.first dd{
 font-weight: bold;
}
#firstCol{
 /*border-right: 1px solid #838383;*/
}
#ueberUns #firstCol ul, #news #firstCol ul, #generic #firstCol ul{
 margin: 10px 5px 10px 5px;
}
#ueberUns #firstCol li, #news #firstCol li, #generic #firstCol li{
 line-height: 1.5em;
 padding: 5px 0 5px 0;
 border-bottom: 1px solid #838383;
}
#ueberUns #firstCol li a, #news #firstCol li a, #generic #firstCol a{
 border-bottom: none;
}
#news #firstCol li a{
 border-bottom: none;
 color: #838383;
}
#ueberUns #firstCol li a:hover, #generic #firstCol li a:hover{
 border-bottom: 1px dotted #416E8D;
}
#news #firstCol li a:hover{
 border-bottom: 1px dotted #838383;
 
}
.home #dienste ul,  #dienste #firstCol ul{
 background-color: #FBEAEB;
 padding: 10px;
 margin: 4px 4px 0 5px;
 border: 1px solid #FDBBBB;
}
.home #dienste li, #dienste #firstCol  li{
 display: inline;
}
 
.home #dienste li a, #dienste #firstCol li a{
 padding: 3px 5px 3px 5px;
 color: #DB3337;
 border: 1px solid #FDBBBB;
 line-height: 25px;
}
.home #dienste li a:hover, #dienste #firstCol a:hover{
 color: #DB3337;
 background-color: #FDC8C8;
 
}
#dienste #content ul, #ueberUns #content ul, #news #content ul{
 padding: 10px;
 margin: 4px 4px 0 20px;
}
#dienste #content ol, #ueberUns #content ol, #news #content ol{
 padding: 10px;
 margin: 4px 4px 0 20px;
}
#dienste #content li, #ueberUns #content li, #news #content li{
 line-height: 2em;
 list-style: square;
}
#dienste #content ul li, #ueberUns #content ul li, #news #content ul li{
 list-style: square;
}
#dienste #content ol li, #ueberUns #content ol li, #news #content ol li{
    list-style-type: decimal;
}
.more, .category {
 text-align: right;
 
}
#dienste .more a{
 color: #DB3337;
 border-bottom: none;
 
}
#news .more a{
 color: #838383;
 border-bottom: none;
 
}
#ueberUns .more a, #generic .more a{
 color: #416E8D;
 border-bottom: none;
 
}
.home #ueberUns img{
 float: left;
 margin:0 3px 0 5px;
}
#dienste #breadcrumbs {
 color: #DB3337;
 border-bottom: 1px dotted  #DB3337;
}
#dienste #breadcrumbs a{
 color: #DB3337;
 border-bottom: none;
}
#ueberUns #breadcrumbs, #generic #breadcrumbs{
 color: #416E8D;
 border-bottom: 1px dotted #416E8D;
}
#ueberUns #breadcrumbs a, #generic #breadcrumbs a{
 color: #416E8D;
 border-bottom: none;
}
#news #breadcrumbs{
 color: #838383;
 border-bottom: 1px dotted #838383;
 
}
#news #breadcrumbs a{
 color: #838383;
 border-bottom: none;
 
}
.kontakte, .unterlagen{
 background-color: #FBEAEB;
 border: 1px solid #FEE0E0;
 margin: 10px 5px 10px 5px;
 padding: 5px;
 color: #DB3337;
}
#content dt{
 font-weight: bold;
 /*margin-left: 5px;*/
 padding: 10px;
 margin-bottom: 10px;
 font-size: 1.2em;
}
#ueberUns #content dt, #generic #content dt{
 color: #416E8D;
 background-color: #f5f5f5;
}
#content dd{
 border-bottom: 1px solid Silver;
 padding: 0 0 10px 5px;
 margin-bottom: 20px;
 line-height: 1.8em;
}
#content dd img{
 float: left;
 margin: 2px 5px 5px 5px;
}
/* Navigation
--------------------------------------*/
ul#mainNavigator {
 font-weight: bold;
 text-align: center;
 background: #ECF0F3;
 padding: 5px;
 font-size: 1.2em;
}
 ul#mainNavigator a {
 border-bottom: none;
}
 ul#mainNavigator a:hover {
 border-bottom: 1px dotted #416E8D;
}
a#languageChange {
 background: transparent;
 color: #838383; 
}
#mainNavigator li{
 display: inline;
 padding: 0 5px 0 5px;
}
#styleswitcher {
 position: absolute;
 top: 0;
 left: 0;
 font-size: 1em;
 padding:3px;
 color: #FFF;
 background-color: #000;
 margin:1px;
}
#styleswitcher a {
 color: #0FF;
 border-bottom: none;
 font-weight : bold;
}
/* Suche
--------------------------------------*/
.home #searchForm{
 margin:10px 4px 10px 4px;
 padding: 10px;
 
}
#searchForm{
 margin: 10px 0 0 0;
 padding: 10px;
 
}
#dienste #searchForm{
 background-color: #FBEAEB; 
 border-top: 1px solid #FDBBBB;
 border-bottom: 1px solid #FDBBBB;
 
}
#ueberUns #searchForm, #generic #searchForm{
 background-color: #ECF0F3; 
 border-top: 1px solid #77A1C0;
 border-bottom: 1px solid #77A1C0;
}
#news #searchForm{
 background-color: #F4F4F2; 
 border-top: 1px solid #838383;
 border-bottom: 1px solid #838383;
}
#searchForm fieldset{
 border: none;
}
#searchForm legend{
 font-weight: bold;
}
/* tables
----------------------------------------------- */
table {
 border-collapse: collapse;
 margin: 15px 0 20px;
 border: 1px solid #666;
}
caption {
 font-size: 1.5em;
 margin-top: 15px;
 padding-bottom: 5px;
 text-align: left;
 letter-spacing: 1px;
}
th, td {
 padding: 5px;
 border: 1px solid #999;
 border-style: none solid;
 vertical-align: top;
}
th {
 font-weight: bold;
 font-size: 1.1em;
 text-align: left;
}
td {
 text-align: right;
}
thead th {
 background: #fffff0;
 color: #000;
}
tfoot {
 font-size: .9em;
}
table td p {
 padding: 0;
 text-indent: 0;
}
table .subHeader th {
 padding-top: 20px;
 border-bottom: 2px solid #999;
 background: #fff;
 color: #b70017;
}
.odd {
 background: #f5f5f5;
 color: #000;
}
#items td a:link, #items td a:visited, #items td a:hover{
 border-bottom: none;
 background-color: #fff;
}

.siag {
  display:block;
  text-align: center;
  color: #CCC;
}
.home #ueberUns div h3 {
  font-weight: bold;
}
