/*___________________________________allgemeine Texteinstellungen________________*/
p{
padding: 0px;
margin: 0px;
font-size: 1.2em;
line-height: 1.4em; 
}


h1{
padding-top: 0px;
margin: -1px 0px 12px 0px;
font-size: 1.6em;
font-weight:100;
}

h2{ 
font-size: 1.4em;
line-height: 1.4em; 
font-weight:100;
padding: 0px;
margin: 0px 0px 6px 0px;
}

h3{ 
font-size: 1.2em;
line-height: 1.4em; 
font-weight: bold;
}

.fett{ 
font-weight: bold;
}

#text a:link { 
color: #111c54 ; 
text-decoration: none; 
background-color: inherit;}
#text a:visited { 
color: #3f0a0e ; 
text-decoration: none; 
background-color: inherit;}

#text a:hover { 
color: #111c54 ; 
text-decoration: none; 
background-color: inherit;}

#text a:active { 
color: #111c54 ; 
text-decoration: none; 
background-color: inherit;}

/*__________________________Beginn __________*/

body { 
background-color: #cccccc; 
margin-top: 0px;
font-size: 0.65em;
font-family: arial,Verdana, sans-serif;
color: black;  
padding: 20px; 
}

#site{
margin-right: auto; 
margin-left: auto; 
width: 920px; 
height: auto;
}

#header{ 
color: inherit;
background-color: white; 
background-image: url("../images/stefanjakob_gross.gif"); 
background-repeat: no-repeat; 
background-position: right top; 
height: 66px
}

#logodruck{
visibility: hidden;
z-index:0;
position: absolute;
}

/*_________ Sprachwahl vorbereitet: mit visibility: hidden wird sie nicht angezeigt*/
#sprachwahl {
font-size: 1.2em;
padding-left: 10px;
padding-top: 40px;
visibility: hidden;
}

#sprachwahl a{
color: #666666;
background-color: inherit;
text-decoration: none;
}

#sprachwahl a:link{
color: #666666;
background-color: inherit;
text-decoration: none;
}

#sprachwahl a:visited{
color: #666666;
background-color: inherit;
text-decoration: none;
}

#sprachwahl a:hover{
color: #666666;
background-color: inherit;
text-decoration: none;
}

#sprachwahl a:active{
color: #666666;
background-color: inherit;
text-decoration: none;
}

#sprachwahl a.an, #sprachwahl a:link.an, #sprachwahl a:visited.an, #sprachwahl a:hover.an, #sprachwahl a:active.an{
color: #000000;
background-color: inherit;
}


/*_________Definition des service und navcontainers */

#service {
float: right;
width:35%;
display: inline;
}

#navcontainer{
float: left;
display: inline;
width: 65%;
}

/*_________Format fuer Linksverhalten innerhalb des navcontainers */

#navcontainer a, #navcontainer a:link{
color: #000000;
background-color: inherit;
text-decoration: none;
font-size: 15px;
font-family: arial, Verdana, sans-serif;
}

/*_________Format fuer Linksverhalten innerhalb des service */

#service a, #service a:link{
color: #000000;
background-color: inherit;
text-decoration: none;
font-size: 12px; 
font-family: arial, Verdana, sans-serif;
}


/*_________Pseudoklassen fuer links in navicontainer und service */

#navcontainer a:visited, #service a:visited{
background-color: inherit;
color: #000000;
}

#navcontainer a:hover, #service a:hover{
visibility: visible;
color: #ffffff;
background-color: inherit;
}

#navcontainer a:active, #service a:active{
color: #ffffff;
background-color: inherit;
}


/*_________Klasse fuer gewaehlter Link innerhalb des navicontainers und liste */

#navcontainer li a.on, #navcontainer li a:link.on, #navcontainer a:visited.on, #navcontainer a:hover.on
{
color: #ffffff;
background-color: inherit;
text-decoration: none;
}


#service li a.on, #service li a:link.on, #service a:visited.on, #service a:hover.on{
color: #ffffff;
background-color: inherit;
text-decoration: none;
}

/*_________Definition von servicelist und navilist */

#servicelist
{
position: relative;
height: 2.1em;
margin: 0;
padding: 0;
text-align: right; 
white-space: nowrap;
}

#navlist{
position: relative;
height: 2.1em;
margin: 0;
padding: 0;
white-space: nowrap;
}

/*_________________________klassen fuer hintergrund navigationsstreifen
eins = stefan jakob
zwei = arbeitsweise
drei = galerie
vier = objekte
fuenf = news
sechs = home / service
*/

.hg_eins{
background-color: #8a9398;
color: inherit;
height: 22px;
}
.hg_zwei
{
background-color: #8d8173;
color: inherit;
height: 22px;
}
.hg_drei
{
background-color: #827e7d;
color: inherit;
height: 22px;
}
.hg_vier
{
background-color: #888576;
color: inherit;
height: 22px;
}
.hg_fuenf
{
background-color: #7d907c;
color: inherit;
height: 22px;
}
.hg_sechs
{
background-color: #888d73;
color: inherit;
height: 22px;
}


/*_________Format fuer Liste innerhalb servicelist und Format fuer Liste innerhalb navilist */
#servicelist li
{
display: inline;
margin: 0px;
list-style-type: none;
}

#navlist li{
float: left;
margin: 0px;
list-style-type: none;
}


/*_________Format des linksverhalten in servicelist und navilist */

#servicelist li a{
font-size: 12px; 
line-height: 190%;
text-decoration: none; 
text-align: right; 
margin: 0; 
position: relative 
}

#navlist li a{
line-height: 150%;
font-size: 15px; 
text-decoration: none; 
text-align: left; 
display: inline; 
margin: 0; 
position: relative 
}


#servicelist li a.rand{
padding-right:1.4em;
}

#navlist li a.eins{
padding-left: 0.5em;
}

/*_________listen der subnavi innerhalb der navlist (nach Menueintraegen) */

#navlist ul#subnavlist {
white-space: nowrap; 
margin: 0; 
padding-left: 0.8em; 
position: absolute; 
top: 2.3em; 
left: 0; 
width: 100%;  
}
  
#navlist ul#subnavlist2 {
visibility: visible;
white-space: nowrap; 
margin: 0; 
padding: 0; 
position: absolute;
top: 2.3em; 
left: 11em; 
width: 100%; 
}
  
#navlist ul#subnavlist3 {
white-space: nowrap; 
margin: 0; 
padding: 0; 
position: absolute; 
top: 2.3em; 
left: 21em;
width: 100%; 
} 

#navlist ul#subnavlist li, 
#navlist ul#subnavlist2 li
#navlist ul#subnavlist3 li
#navlist ul#subnavlist4 li
#navlist ul#subnavlist5 li
{
margin: 0;
border: 0;
}

.navistrich{ 
background-color: inherit;
color: #000000; 
font-size: 1em;  
}
* html > body #navlist {
width: 598px;
/* IE5/Mac fixed width fix */
}

* html > body #servicelist {
width: 322px;
/* IE5/Mac fixed width fix */
}

/*__________________________Definition Hintergrunddiv mit entsprechenden Klassen	*/

div #hg{ 
padding-left: 0px; 
padding-right: 0px; 
width: auto;
min-height: 420px;
background-repeat: no-repeat;
}

.sj{ 
/*background-image:url(http://pingu.eb-zuerich.ch/kurs/lehrgangb09/diplom_keramik/htdoc/stefanj/images/hbild_stefanjakob.jpg) ;*/
background-image:url(http://doka.ch/unite/stefanjakob/stefanj/images/hbild_stefanjakob.jpg) ;
background-position: bottom left;
background-color: #a5a9ad; 
color: inherit;
}
.arbeit{ 
/*background-image:url(http://pingu.eb-zuerich.ch/kurs/lehrgangb09/diplom_keramik/htdoc/arbeit/images/hbild_arbeit.jpg);*/
background-image:url(http://www.doka.ch/unite/stefanjakob/arbeit/images/hbild_arbeit.jpg);


background-position: bottom left;
background-color: #a49a8f; 
color: inherit;
}

.galerie{ 
background-image:url(http://www.doka.ch/unite/stefanjakob/galerie/images/hbild_galerie.jpg);
background-position: bottom left;
background-color: #999493; 
color: inherit;
}

.objekte{ 
background-image:url(http://www.doka.ch/unite/stefanjakob/objekte/images/hbild_objekte.jpg);
background-position: bottom left;
background-color: #a6a297;
color: inherit;
}

.news{ 
background-image:url(http://www.doka.ch/unite/stefanjakob/news/images/hbild_news.jpg);
background-position: bottom left;
background-color: #95ab94; 
color: inherit;
}

.home{
background-image:url(http://www.doka.ch/unite/stefanjakob/images/hbild_zitat.jpg);
background-position: bottom left;
background-color: #a4a98e; 
color: inherit;
}

.service{ 
background-image:url(http://www.doka.ch/unite/stefanjakob/images/hbild_home.jpg);
background-position: bottom left;
background-color: #a4a98e;
color: inherit;
}


/*__________________________Definition Distanzhalter zwischen Header und Inhalt	*/

#distanzhalter{
height: 90px;
width: auto;
clear: both;
}

/*__________________________Definition des Rubrikdivs mit entsprechenden Klassen	*/

#rubrik{
float: left; 
width: 160px; 
height: 420px;
margin-left: 0.5em;
}

div#rubrik.sj {
background-color: transparent;
background-image: url(../stefanj/images/rubrik_sj.gif);
background-repeat: no-repeat;
background-position: left top;
}

div#rubrik.arbeit {
background-color: transparent;
background-image: url(../arbeit/images/rubrik_arbeit.gif);
background-repeat: no-repeat;
background-position: left top;
}

div#rubrik.galerie {
background-color: transparent;
background-image: url(../galerie/images/rubrik_galerie.gif);
background-repeat: no-repeat;
background-position: left top;
}

div#rubrik.objekte {
background-color: transparent;
background-image: url(../objekte/images/rubrik_objekte.gif);
background-repeat: no-repeat;
background-position: left top;
}

div#rubrik.news {
background-color: transparent;
background-image: url(../news/images/rubrik_news.gif);
background-repeat: no-repeat;
background-position: left top;
}


/*__________________________Rubriklassen fuer Serviceseiten --> nicht in Gebrauch	*/

div#rubrik.links {
background-color: transparent;
background-image: url(../service/images/rubrik_links.gif);
background-repeat: no-repeat;
background-position: left top
}

div#rubrik.kontakt {
background-color: transparent;
background-image: url(../service/images/rubrik_kontakt.gif);
background-repeat: no-repeat;
background-position: left top
}

div#rubrik.sitemap {
background-color: transparent;
background-image: url(../service/images/rubrik_sitemap.gif);
background-repeat: no-repeat;
background-position: left top
}

div#rubrik.impressum {
background-color: transparent;
background-image: url(../service/images/rubrik_impressum.gif);
background-repeat: no-repeat;
background-position: left top
}

/*__________________________ende Rubrikdivs mit entsprechenden Klassen	*/


#bild{ 
float: left; 
margin-right: 10px; 
min-height: 240px;
width: 240px; 
text-align: right; 
}

#text{ 
float: left;
width: 400px; 
min-height: 420px; 
border-color: red;}

/*_______________________Einstellungen Liste innerhalb id text_______________*/

#text ul { 
list-style-type: none;
text-decoration: none;
margin: 0px;
padding: 0px 0px 10px 0px;
font-size: 1.2em;
line-height: 1.2em;
}

#text li { 
margin-top: 0px;
padding-bottom: 6px;
padding-top: 0px;
}

.tabulator1{ 
float: left;
width: 80px;
padding-bottom: 0px;
}

.tabulator2{ 
float: left;
width: 140px;
padding-bottom: 0px;
}
/*__________________________Definition News____________________*/

.newsinhalt{ 
width: 640px; 
padding: 0px;
float: left;
margin: 0px 0px 25px 0px;
}

.newsinhalt p{ 
padding: 0px;
margin: 0px 0px 0px 250px;
}
.newsinhalt h1{ 
margin: 0px 0px 5px 250px;
}
.newsinhalt h2{ 
margin: 0px 0px 10px 250px;
}

.newsbild{ 
width: 240px;
float: left;
padding: 0px;
margin: 0px;
}

.stopfloatlinks{ 
clear: left
}


.stopfloat{
float: none;
clear: both;
width: 1px;
margin: 0;
padding: 0;
font-size: 0px;
line-height: 0px;
height: 1px;}


/*____________________________________footer________________*/

#footer{
visibility: hidden;
width: 900px;
height: 1px;
clear: both;
background-color: transparent;
}