/*** reset *********************************************************************************/ 
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, a, blockquote, fieldset, input, label {
margin: 0;
padding: 0;
cursor:default;
}

h1,h2,h3,h4,h5,h6,p,pre,code,address,caption,cite,code,em,strong,th,li {
font-size: 1em;
font-weight: normal;
font-style: normal;
clear: both;
}

fieldset, img {
border: 0px none;
}
caption, th {
text-align: left;
}

a {
text-decoration: none;
border: 0 transparent none;
color: inherit;
cursor:pointer;
}

a:link, a:visited {
border: 0 none transparent;
color: inherit;
}

a:hover, a:active {
border: 0 none transparent;
color: inherit;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

/*** boxes *********************************************************************************/

body {
font-family: arial, sans-serif;
font-size: 1em;
line-height: 1.4em;
color: #000;
}

#frame {
position: relative;
margin-left: auto;
margin-right: auto;
top: 3.2em;
width: 48em;
text-align: center; 
/*border-bottom: #f60 solid 0.1em;       */
}

#stern {
position: absolute;
left: 50%;
top: -18em;
}

#stern img {
width: 48em;
}

#logo img {
height: 4.4em;
padding: 0.8em;
}

#header {
position: relative;
clear: both;
text-align: left;
width: 48em;
height: 6em;
background-image: url(../pics/back_header.png);
background-repeat: repeat-x;
}

#nav { 
position: relative;
clear: both; 
margin-top: 0.8em;
width: 48em;
height:auto;
text-align: left;
color: #a6cabe;
float:left;
}

div.nav1, div.nav2, div.nav3 {
float: left;
width: 15.46em;
height:7.5em;
background-image: url(../pics/back_green.png);
background-repeat: repeat;
}

div.nav2, div.nav3 {
margin-left: 0.8em;
}


#nav ul {
position:relative;
width: 14em;
height:auto; 
padding-top: 0.2em;
padding-left: 0.3em;
z-index: 999;
float:left;
}  

#nav ul.sub1 {
left: 0em;
}

#nav ul.sub2 {
left: 0em;
}

#nav ul.sub3 {
left: 0em;
}

#nav ul li {
display: block;
font-family: helvetica, arial, sans-serif; 
line-height: 1.6em; 
font-size: 0.7em; 
text-transform: uppercase;
letter-spacing: 1px;
list-style-type:none;
}

#nav ul a {
color: #b2d2c2;
}

#nav ul a:hover {
color: #fff;
}

#nav ul a.select {
color: #fff;
}

#nav ul.hide a {
display: none;
}

#nav ul ul li
#nav ul ul li
{
list-style-type:none;
}

#nav ul ul li.active strong a,
#nav ul ul li.closed.trail a
{
color: #fff;
}

#content {  
position: relative;
clear: both; 
text-align: left;
width: 48em;
top: 3.2em; 
}

#footer{
position: relative;
float:left;
clear: both;
text-align: left;
top: 8em;
padding-bottom: 6em; 
margin-left: 1em; 
margin-right: 1em;
border-top: 1px #f60 solid;
}  

#footer box{
position: relative;
float:left;
width:52em;
}  

#footer .linkBox
{
position:relative;
top:0px;
float: left;
padding-top: 0.667em;
padding-right:0.66em;
}

#footer .textBox
{
position:relative;
top:4px;
float: right; 
width:34.5em;
margin:0px;
padding:0px;
}  

#footer .textBox p
{
color: #666;
font-family: verdana, sans-serif;
font-size: 0.667em;
line-height: 1.5em;
padding-top: 0.25em;
}  

/*** general *********************************************************************************/

h2 {
font-size: 1em;
color: #304422;
font-weight: bold; 
font-family: helvetica, arial, sans-serif;
margin-bottom: 0.333em; 
letter-spacing: 0.1em; 
text-transform: uppercase;
background-color:transparent;
}

h3 {
color: #075;
font-weight: bold; 
font-family: helvetica, arial, sans-serif;
background-color:transparent;
}

h4 {
color: #304422;
font-weight: normal; 
font-family: helvetica, arial, sans-serif;
background-color:transparent;
}

p {
font-family: helvetica, arial, sans-serif;
color: #666;    
}

p strong{
font-weight:bold;  
}

#content ul {
font-family: helvetica, arial, sans-serif; 
color: #666;    
}

#content a {
color: #075;    
}  

#content a:hover {
text-decoration: underline;
}


/*** main_column *********************************************************************************/ 

div.main_column {
float: left;
clear: both;
width: 28em; 
color: #304422;
}

div.main_column img {
margin-bottom: 2em; 
}

div.main_column h2 {
font-size: 0.9em;
background-color:transparent;
color: #304422;
}

div.main_column p {
font-size: 0.9em;
color: #666;  
}

div.main_column span.image_sub 
{
position:relative;
top:0px;
font-size: 0.833em;
line-height: 1.667em; 
color: #075;  
}

div.main_column span.image_sub p
{
padding-top: 1.667em;
color: #075;  
}

div.main_column .imageWrap
{
position:relative;
top:0px;
left:0px;
width:auto;
float:left;
}

div.main_column a.link {
display: block;
border-bottom: #064 dotted 1px;
background-image: url(../pics/link.gif);
background-repeat: no-repeat;
background-position: 0em 0.2em; 
padding-left: 3em;
margin-bottom: 0.333em;
padding-bottom: 0.333em;
line-height: 2.5em;
}
 

div.main_column .download h2 {
margin-top: 1.667em;
margin-bottom: 0.333em;
line-height: 2.5em;
border-bottom: #064 dotted 1px;
background-color:transparent;
color: #304422;
}

.doc_hb,
.doc,
.link
{
height:3em;
}
/*** side_column *********************************************************************************/ 

div.side_column {
float: right;
width: 20.5em; 
font-size: 0.75em;
line-height: 1.867em;
clear: right;
}

div.side_column h2 {
text-transform: uppercase; 
font-weight: normal;
font-size:1em;
background-color:transparent;
color: #304422;
}

div.side_column p {
margin-bottom: 0.667em;
color: #666666;
background-color:transparent;
}

div.side_column b {
color: #405544;
background-color:transparent;
}

div.side_column em {
color: #075;
font-weight: bold;
} 

div.side_column img {
margin-bottom: 1.8667em; 
}

/*** aktuell *********************************************************************************/

div.main_column .download,
div.side_column .aktuell,
div.side_column .download,
div.side_column .kontakt
{ 
margin-bottom: 1.8667em;
}

div.main_column .download p,
div.side_column .aktuell p,
div.side_column .download p,
div.side_column .kontakt p
{ 
color: #666;
background-color:transparent;
}

div.side_column .download h2 {
margin-bottom: 0.333em;
padding-bottom: 0.667em;
border-bottom: #064 dotted 1px;
} 

div.side_column .kontakt p {
    padding: 8px;
    line-height: 1.5em;
    border: 1px solid #ddd;
    background:transparent url(../pics/back_losung.png) 0 0 repeat-x;
}

div.side_column a.lageplan {
    display: block;
    background-image: url(../pics/lage.gif);
    background-repeat: no-repeat;
    background-position: 0em 0em; 
    padding-left: 3em;
    margin-bottom: 0.333em;
    padding-bottom: 0.333em;
    font-size: 0.9em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    line-height: 3em;
}

div.main_column a.doc,
div.side_column a.doc {
    display: block;
    border-bottom: #064 dotted 1px;
    background-image: url(../pics/doc.gif);
    background-repeat: no-repeat;
    background-position: 0em 0.333em; 
    padding-left: 3em;
    margin-bottom: 0.333em;
    padding-bottom: 0.333em;
    line-height: 3em;
    
}

div.main_column a.doc_hb,
div.side_column a.doc_hb {
    display: block;
    border-bottom: #064 dotted 1px;
    background-image: url(../pics/herrnhuterbote.gif);
    background-repeat: no-repeat;
    background-position: 0em 0em; 
    padding-left: 3em;
    margin-bottom: 0.333em;
    padding-bottom: 0.333em; 
    line-height: 2.75em;
}

div.main_column a.link,
div.side_column a.link {
    display: block;
    border-bottom: #064 dotted 1px;
    background-image: url(../pics/link.gif);
    background-repeat: no-repeat;
    background-position: 0em 0.2em; 
    padding-left: 3em;
    margin-bottom: 0.333em;
    padding-bottom: 0.333em;
    line-height: 3em;
    
}

div.main_column .download a.doc_hb,
div.main_column .download a.doc,
div.main_column .download a.link
{
font-size: 0.89em;
color: #666666;
}

div.side_column .download a
{
font-size: 1em;
color: #666666;
}

/*** losungen *********************************************************************************/  

div.losung_box { 
    background-image: url(../pics/back_losung.png);
    background-repeat: repeat;
    border: 1px solid #f0f0f0;
    padding: 0.333em 0.333em 0.333em 0.667em;
    margin-bottom: 1.8667em;
}

div.losung_box h3 { 
font-size:1em;
color: #007755;
background-color:transparent;
}

div.losung_box p { 
color: #666;
background-color:transparent;
}

/******* karte *******/

.map
{
position:relative;
top:0px;
width:450px;
height:440px;
background:transparent url(../pics/sozietaeten-standorte-bg.gif) 0 0 no-repeat;
float:left;
}

.map a
{
width:30px;
height:30px;
display:block;
float:left;
background:transparent url(../pics/sozi-off.gif) 0 0 no-repeat;
}

.map a:hover
{
background:transparent url(../pics/sozi-on.gif) 0 0 no-repeat;
}

.basel
{
position:relative;
top:29px;
left:151px;
}

.zuerich
{
position:relative;
top:48px;
left:207px;
}

.menziken
{
position:relative;
top:60px;
left:144px;
}

.romande
{
position:relative;
top:108px;
left:-12px;
}

.unite
{
position:relative;
top:98px;
left:-18px;
}

.bern
{
position:relative;
top:106px;
left:-22px;
}

a,
a:hover
{
outline: none;
outline-style: none;
}