@import url("/css/grundelemente.css");
@import url("/css/navigation.css");


/*farbcodes hl-treuhand.ch
------------------------------------------
--------------------------------------------

#00305d = blau dunkel (text)
#488aa3 = blau
#7eb3c8 = blau mittel
#bedbe4 = blau hell

#8ac053 = gruen
#b6d688 = gruen mittel
#e4f0cf = gruen hell

------------------------------------------
-------------------------------------------*/

body {
font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-size: 0.75em;
line-height: 1.4em;
text-align: center;
background-color: #fff;
margin: 0px 0px 15px 0px;
padding: 0; 	
background-image: url(/pictures/bg_body.gif);
background-position: center;
background-repeat: repeat-y;
}

#bg_left {
background-image: url(/pictures/bg_left2.gif);
background-repeat: no-repeat;
background-position: top left;
}

#bg_right {
background-image: url(/pictures/bg_right.gif);
background-repeat: no-repeat;
background-position: top right;
}

#accesskeys {
position: absolute;
top: -400px; 
}

/* container, head
------------------------------------------
------------------------------------------*/

#container {
background-image: url(/pictures/bg_container.gif);
background-repeat: repeat-y;
background-position: center;
width: 960px;
margin: auto;
text-align: left;
}

#head {
background-image: url(/pictures/bg_header.gif);
background-position: center top;
background-repeat: repeat-x;
width: 960px;
height: 172px;
}

#head img#logo {
float: left;
margin: 54px 0px 0px 88px;
}

/* topnavi
------------------------------------------
------------------------------------------*/

#topnav {
text-align: left;
margin: 0;
padding: 110px 0px 0px 0px;
-padding: 105px 0px 0px 0px;
}

#volltextsuche {
display: inline;
margin: 0;
padding: 0;
}

#volltextsuche button {
padding: 2px 0px 2px 10px;
border-style: none;
cursor: pointer; 
color: #fff;
background-color: transparent;
background-image: url(/pictures/btn_suchen.gif);
background-repeat: no-repeat;
background-position: center left;
font-size: 0.9em;
 }

#volltextsuche #suche {
font-size: 0.9em;
color: #000;
width: 90px;
margin: 0px 3px 0px 0px;
padding: 3px;
border: 1px solid #000;
background-image: url(/pictures/bg_search.gif);
background-repeat: no-repeat;
}

#volltextsuche #suche:hover,
#volltextsuche #suche:focus {
border: solid 1px #000;
color: #000;
}

#topnav ul {
float: right;
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

#topnav ul li {
display: inline;
margin: 0;
padding: 0;
}

#topnav ul li a {
font-size: 0.9em;
text-decoration: none;
padding: 3px 15px 3px 15px;
margin: 0px 2px 0px 2px;
color: #fff;
}

li.sitemap {
background-image: url(/pictures/btn_sitemap.gif);
background-repeat: no-repeat;
background-position: center left;
}
li.home {
background-image: url(/pictures/btn_home.gif);
background-repeat: no-repeat;
background-position: center left;
}

/* navi und bild, logo stv-usf
------------------------------------------
------------------------------------------*/

#navi {
list-style-type: none;
margin: 0;
padding: 0;
float: left;
background-image: url(/pictures/pic_handshake2.jpg);
background-repeat: no-repeat;
background-position: top right;
width: 330px;
}

#logo_banner {
width: 330px;
}

#logo_banner img {
margin: 0px 0px 0px 2px;
}

/* content
------------------------------------------
------------------------------------------*/

#content {
width: 590px;
margin: 25px 0px 0px 365px;
text-align: left;
color: #00305d;
}

#content ul {
list-style-type: none;
margin: 0px 0px 20px 2px;
padding: 0;
line-height: 1.45em;
}

#content ul li {
margin: 0;
padding: 2px 0px 2px 12px;
background-image: url(/pictures/li-element.gif);
background-repeat: no-repeat;
background-position: 0 6px;
}

/* footer
------------------------------------------
------------------------------------------*/

ul#nav-bottom {
clear: left;
list-style-type: none;
margin: 50px 0px 0px 0px;
padding: 0;
border-top: 1px solid #488aa3;
}

ul#nav-bottom li {
background-image: none;
display: inline;
padding: 0;
margin: 0;
}

ul#nav-bottom li.print {
float: right;
}

ul#nav-bottom a {
font-size: 0.95em;
text-decoration: none;
color: #488aa3;
}

ul#nav-bottom a:hover {
color #000000;}

/* diverses
------------------------------------------
------------------------------------------*/

.invis {display: none}

br.break {
clear: both;
height: 1px;
margin: 0;
paddin: 0;
}

.table_1 {
float: left;
}
.table_2 {
float: right;
}

.submitbutton {
clear: both;
margin: 30px 0 0 0;
}

/* startseite
------------------------------------------
------------------------------------------*/

ul#services {
font-size: 1.2em;
line-height: 1.5em;
margin: 20px 0px 0px 265px;
padding: 0;
}

ul#services li {
margin: 0;
padding: 3px 0px 3px 14px;
background-image: url(/pictures/li-element.gif);
background-repeat: no-repeat;
background-position: 0 10px;
}

ul#services li a {
text-decoration: none;
color: #00305d;
}

ul#services li a:hover {
color: #000000;
}

#flashcontent {
position: relative;
top: -56px;
left: -3px;
}


#created {
margin-left: 88px;
color: #d1d1d1;
font-size:11px;
margin-top: 22px;
}
#created a {
color: #d1d1d1;
text-decoration:none;
}
#created a:hover {
color: #999;
}
#bodenseeland {
margin-left: 54px;
margin-top: 13px;
}
#buchhaltungssoftware {
border-top: 1px solid #00305d;
padding-top: 17px;
margin-top: 10px;
}