/*  Nicholas Schaffner, 18. Dezember 2013 */


/*       Abteilung allgemeine Einstellungen gesamtrahmen   */
/* html {
bottom: 0;
} */

body {
position: relative;
height: 100%;
/* achtung: browser-spezifisch: */
font-family: Optima, sans-serif;
font-size: 1em;
letter-spacing: 1px;
/* schriftfarbe */
color: #111111;
background-color: #6f6f6f;
/* hintergrundbild grŸn im sommer, blau im winter */
/* background-image: url(rauchfleisch_sommer.jpg); */
/* background-repeat: repeat-y; */
background-attachment:fixed;
}

/* neutralisiere tafeln */

table tr.first-row {
background-color: 000055;
}


table tbody tr {
border-collapse: collapse;
border-spacing: 0;
padding: 0;
margin: 0;
}

td {
vertical-align: top;
padding: 0px;
margin: 0;
}

/* anstŠndige abschnittbehandlung */

p {
margin-top: 10px;
margin-bottom: 10px;
}


/* XXXXXXXXXXXXXXXXX	def sitebody            XXXXXXXXXXXXXXXXXX  */

/* Gesamtrahmen mit Schleier */

#sitebody {
position: relative;
display: block;
height: 100%;
margin-left: auto;
margin-right: auto;
width: 900px;
} 


/* Bilder einstellungen */
img {
border: 0px;
}

a.img {
border: 0px;
}

li {
list-style: none;
padding-left: 0;
margin-left: 0;
}


/* link styles */

/* link styles im artikel  */

.texte a:link {
color: #3c00dc;
text-decoration: none;
}

.texte a:hover {
color: #e51389;
text-decoration: none;
}

.texte a:active {
color: #df1414;
text-decoration: none;
}

.texte a:visited {
color: #d829d5;
text-decoration: none;
}

/* linkstyles im navileiste, das ist links runter */

a.navileiste:link {
color: #101df5;
font-size: 1em;
font-weight: 600;
text-decoration: none;
}

a.navileiste:hover {
color: #e51389;
font-size: 1em;
font-weight: 600;
text-decoration: none;
}

a.navileiste:active {
color: #a367d5;
font-size: 1em;
font-weight: 600;
text-decoration: none;
}

a.navileiste:visited {
color: #d829d5;
font-size: 1em;
font-weight: 600;
text-decoration: none;
}


/* link styles Im infoblock */

a.infoblock:link {
font-family: Optima, sans-serif;
font-size: 20px;
/* schriftfarbe */
color: #111111;
text-decoration:none;
}

a.infoblock:hover {
font-family: Optima, sans-serif;
font-size: 20px;
/* schriftfarbe */
color: #111111;
text-decoration:none;
}

a.infoblock:active {
font-family: Optima, sans-serif;
font-size: 20px;
/* schriftfarbe */
color: #111111;
text-decoration:none;
}

a.infoblock:visited {
font-family: Optima, sans-serif;
font-size: 20px;
/* schriftfarbe */
color: #111111;
text-decoration:none;
}


/* links im navibalken (quer) nicht navileiste */

a.linknavibalken:link {
color: #3c0000;
font-size: 14pt;
font-weight: 600;
text-decoration: none;
}

a.linknavibalken:hover {
color: #e51389;
font-size: 14pt;
font-weight: 600;
text-decoration: none;
}

a.linknavibalken:active {
color: #df1414;
font-size: 14pt;
font-weight: 600;
text-decoration: none;
}

a.linknavibalken:visited {
color: #d829d5;
font-size: 14pt;
font-weight: 600;
text-decoration: none;
}

/* patricks tip fŸr die horizontale Darstellung */

#navibalken ul {
display: inline;
margin-left: 0;
list-style: none;
}

#navibalken li {
margin-left: 20px;
list-style: none;
display: inline;  
}
/* ende patricks tip */



/* ENDE LINK FORMATIERUNGEN */

/* BEGINN DIV FORMATIERUNGEN */


/* infoblock */

#infoblock {
height: 260px;
width: 300px;
position: relative;
top: 20px;
left: 0px;
padding-top: 60px;
text-align: right;
font-size: 14pt;
/* fŸr testzwecke */
}

#farbbalken_infoblock {
position: absolute;
top: 50px;
width: 300px;
height: 15px;
background-color: #e72227;
} 

/* formatierungen header */

/* tierbild */

#sitelogotier {
position: absolute;
top: 20px;
right: 0px;
width: 300px;
height: 220px;
float: right;
}

#sitelogo {
width: 600px;
height: 170px;
position: absolute;
top: 170px;
right: 0px;
background-image: url(logo_ws_schrift.png);
background-repeat: no-repeat;
background-position: right bottom;
}


/* navileiste links - BehŠlter fŸr die Links, die links runter gehen */

#navileiste {
width: 300px;
position: absolute;
top: 390px;
left: 0px;
padding-top: 0px;
padding-bottom: 100px;
text-align: right;
font-size: 14pt;
}




/* Abteilung  Navibalken oben mitte unter walbild .. */

/* weisser zwischenbalken, quer Ÿber sitebody */

#zwischenbalken {
/* balkenformate */
position: relative;
top: 10px;
left: 0px;
float: right;
margin-top: 10px;
width: 100%;
height: 15px;
background-color: #ffffff; 
}

/* content oder content_art positionierung content */
/* content - home */
#content {
height: 100%;
position: relative;
top: 35px;
left: 300px;
width: 600px;
vertical-align: top;
background-image: url(opacity_bild.png);
}

/* alle anderen artikel */

#content_art {
height: 100%;
position: relative;
padding-top: 40px;
width: 600px;
top: -320px;
left: 300px;
vertical-align: top;
background-image: url(opacity_bild.png);
}


/* navigationsbalken mit hauptnavigation zu den rubriken */

#navibalken {
/* balkenformate */
position: relative;
left: 0px;
float: right;
margin-top: 10px;
width: 600px;
height: 25px;
background-color: #ffffff; 

/* text formatierungen */

margin-left: 20px;

}



/*              Abteilung artikel          */

/* formatierung artikel */

/* tier links vom artikel */


#art_logo_tier {
width: 150px;
position: relative;
float: left;
left: 0px;
top: 0px;
padding-top: 200px;
padding-bottom: 30px;
}

/* artikel Container fŸr textelemente */

#artikel {
position: relative;
/* overflow: auto; */
float: right;
top: 0px;
left: 0px;
width: 445px;
padding-left: 5px;
}

/* die spip felder im artikel text */

.titre {
/* position: relative; */
left: 0px;
margin-top: 20px;
font-weight: bold;
font-size: 1.2em;
height: 20px;
background-color: #f5f5f5;
}

.chapo {
/* position: relative; */
top: 40px;
width: 430px;
margin-top: 20px;
font-weight: bold;
font-size: 1.1em;
padding-bottom: 10px;
line-height: 1.5;
}

.texte  { 
width: 430px;
line-height: 1.3; 
padding-top: 0px; 
padding-bottom: 20px; 
position: relative;
/* top: 60px; */
left: 0 
}

/* kleinkram, Anpassungen der spip formate an unsere BedŸrfnisse */

/* das descriptif hat keine formate */

/* tafel kurse im deskriptiv- abschnitt */
.veranst_aktuell {
top: 0px;
margin-top:10px;
left: 0px;
}


/* bildtitel unter bildern */
.spip_doc_titre { 
font-weight: 550; 
margin-left: auto; 
margin-right: auto; 
}

/* format bildlegenden */
.spip_doc_descriptif { 
clear: both; 
font-size: 0.8em; 
margin-left: auto; 
margin-right: auto; 
}

/* mach einen rechten rand bei links align und vice versa */
.spip_documents_right {
margin-left: 20px;
}

.spip_documents_left {
margin-right: 20px;
}

/* XXXXXX  Abteilung Footer, nicht vorhanden, bloss mustervorlage   XXXXXXXXX    */

#ftr { 
clear: both;
 height: 50px;
 color: #fff;
 /* background:#012c95; */
 font-size: 0.8em;
 text-align: center;
 margin: 0 0 0 0;
 }