/* CSS Document */
body{
 background-color: #ffffff;
 background-image: url(./graphics/bg.jpg);
 background-position: center center;
 color: #000000;
 font-family: Times New Roman;
 text-align: center;
  font-size: 14px;
  margin-left: 0px;
   margin-right: 0px;
}

div#main{
 background-color: #FFFFFF;
 border: 1px #000000 solid;
 margin: auto;
 text-align: left;
 margin: 0 auto;
 width: 777px;
}


div#photomain{
 background-color: #FFFFFF;
 border: 1px #000000 solid;
 margin: auto;
 text-align: left;
 margin: 0 auto;
 width: 900px;
}



div#head{
 width: 777px;
 height: 288px;
 background-position: center center;
 }
  
.headnews{
 background-image: url(./graphics/headnews.gif);
}
.headmarian{
 background-image: url(./graphics/headmarian.gif);
}
.headpersonalcontent{
 background-image: url(./graphics/headpersonalcontent.gif);
}
.headloosegallery{
 background-image: url(./graphics/headloosegallery.gif);
}
.headportfolio{
 background-image: url(./graphics/headportfolio.gif);
}
.headlinks{
 background-image: url(./graphics/headlinks.gif);
}
.headpublishingnotes{
 background-image: url(./graphics/headpublishingnotes.gif);
}

 
div#navi{
 position: relative;
 width: 735px;
 height: 34px;
 font-family: arial;
 font-size: 12px;
 text-align: right;
 padding-right: 42px;
 }
 
div#navi ul{
 float: right; 
 margin: 0px; 
 padding: 0px; 
 list-style-type: none;
} 

div#navi ul li{
 float: left;
 margin: 0px;
 margin-right: 10px;
 padding-left: 2px;
 padding-right: 2px;
 padding-top: 10px;
 padding-bottom: 9px;
}

.navinews{
 background-image: url(./graphics/navinews.gif);
}
.navimarian{
 background-image: url(./graphics/navimarian.gif);
}
.navipersonalcontent{
 background-image: url(./graphics/navipersonalcontent.gif);
}
.naviloosegallery{
 background-image: url(./graphics/naviloosegallery.gif);
}
.naviportfolio{
 background-image: url(./graphics/naviportfolio.gif);
}
.navilinks{
 background-image: url(./graphics/navilinks.gif);
}
.navipublishingnotes{
 background-image: url(./graphics/navipublishingnotes.gif);
}

div#navi ul li:hover{
 /* background-image: url(./graphics/navi_hover.gif); */
 /* je nach wunsch, bild fuer farbverlauf oder nur eine farbe */
background-image: url(./graphics/navihover.gif);
}
 
div#navi a{
 color: #000000;
 text-decoration: none;
}

div#navi a:hover{
 /* fallback für aeltere Browser, die :hover nicht korrekt implementieren */
 background-color: #98bd3c;
}

div#marginal{
float:right;
margin-top:25px;
width: 215px;
border-left-color:#98bd3c;
border-left-style:solid;
border-width:1px;
}

div#marginalbox{
padding: 5px;
margin-bottom: 10px;
margin-left: 20px;
margin-right: 54px;
border: 1px #AAAAAA dashed
}

div#photodescription{
float:right;
margin-top:25px;
width: 195px;
}

div#photodescription a{text-decoration: none; color: #728e2d;}

div#photodescription a:hover{ text-decoration:underline; color: #98bd3c;}


div#content{
position: relative;
width: 490px;
margin-top: 5px;
margin-left: 46px;
margin-right: 30px;
padding-bottom: 10px;
}


div#photocontent{
position: relative;
height: 525px;
width: 640px;
margin-top: 5px;
margin-left: 46px;
margin-right: 30px;
margin-bottom: 10px;
border-bottom-color:#98bd3c;
border-bottom-style:dashed;
border-width:1px;
}


div#photocontainer{
width: 160px;
}


div#content a{text-decoration: none; color: #728e2d;}

div#content a:hover{ text-decoration:underline; color: #98bd3c;}


div#contentparagraph{
border-bottom-color:#98bd3c;
border-bottom-style:dashed;
border-width:1px;
padding-top:20px;
padding-bottom: 10px;
}

div#photocontentparagraph{
padding-top:20px;
padding-bottom: 10px;
}




div#contentgallery{
position: relative;
text-align: center;
}
div#contentgallery a{text-decoration: none; color: #728e2d;}

div#contentgallery a:hover{ text-decoration:underline; color: #98bd3c;}




div#titel{
 position: relative;
 margin-top: -2px;
 margin-bottom: 2px;
 margin-left: 135px;
 padding-left: 4px;
 border-left-color:#98bd3c;
 border-left-style:solid;
 border-width:1px;
 font-size: 26px;
 color: #98bd3c;
}

div#timestamp{
float: left;
width 250px;
font-family: arial;
color: #b3b3b3;
font-size: 9px;}

div#linkdescription{
float: right;
color: #b3b3b3;}


div#portfoliodescription{
width: 355px;
margin-left: 135px;}


div#portfoliopicture{
float: left;
}


div#footer{
clear:both;
margin-left: 46px;
}


div#back{
float: left;
width 150px;}


div#forward{
float: right;
width 150px;}

#gallery img {
    border-width: 2px;
    padding: 2px;
}

#gsImageView {
  text-align: center;
   border-color:#b3b3b3;
 border-style:solid;
 border-width:1px;
  width: 100%;
  
}
#gsImageView table {
  margin: auto;
}


#gsThumbMatrix {
    width: 20%;
}