body,
html {
    margin: 0;
    padding: 0;
    background: #ffffff;
    color: #000;
    /* font-family: verdana, arial, sans-serif; */
	font-family: 'Judson', arial, serif;
    font-size: 9pt;
    line-height: 14pt;
}

a {
    color: #111111;
    text-decoration: none;
}

a:visited {
    color: black;
}

a:active {
    color: grey;
}

a:hover {
    text-decoration: none;
    color: gray;
}

/*
body {
	min-width:750px;
}*/

.main-nav{
	font-weight: normal;
}

.projektelinie{
	border-bottom: 1px solid black; 
	width: 20px; 
	margin-left: 72px;
}

.abstand{
	margin-top: 8px !important;
}


.sepp-black {
    color: #000000;
    font-size: 1.0em;

}

.sepp-grau {
    color: #999;
    font-size: 1.0em;
}

.projekte {
    margin-top: 5px;
    margin-bottom:5px;
    color: #777;
    font-size: 90%;
    line-height: .9em;
}

.schon-gesehen{
	color: #ccc;
}


/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
.scrollable {

/* required settings */
    position: relative;
    overflow: hidden; /*width: 660px;*/
    height: 445px;
    margin-top: 155px;
}




/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
/* this cannot be too large */
    width: 9000000px;
    position: absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
    float: left;
}

.transparent {
    filter: alpha(opacity = 80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

#kopfbereich {
    position: fixed;
    top: 1px;
    left: 98px; /*float: left;*/
    z-index: 100000;
    background: #fff;
    /*background-image: url(../images/header_neu.png);*/
    background-repeat: no-repeat;
    height: 151px;
    width: 177px; /*margin-left: 100px;*/
}

#logo {
    position: fixed;
    top: 1px;
    left: 98px; /*float: left;*/
    z-index: 100001;
    /* background: transparent; */
    background-image: url(../images/header_neu.png);
    background-repeat: no-repeat;
    height: 154px;
    width: 220px; /*margin-left: 100px;*/
}

#inhalt {
    background-color: #fff; /*  margin-left: 137px;*/
    padding: 5px;
}

#steuerung {
    position: fixed;
    top: 152px;
    left: 98px; /*float: left;*/
    z-index: 10099;
    width: 167px;
    padding: 5px;
    background-color: #fff;
    height: 100%;
    font-size: 115%;
    text-align: center;
}

#steuerung ul {
    margin-left: -38px;
    margin-bottom: 0;
    list-style: none;
}

#steuerung h3, #steuerung p {
    padding: 0 2px 0 0;
}

#fussbereich {
    clear: both;
    padding: 5px;
    text-align: right;
    background-color: #fff;
    margin-left: 100px;
	font-size: 7pt;
	color:	#ccc;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
/* background:url(../images/hori_large.png) no-repeat; */
    display: block;
    width: 30px;
    height: 30px;
    float: left;
    margin: 40px 10px;
    cursor: pointer;
    font-size: 180%;
}

/* right */
a.right {
    position: fixed;
    top: 510px;
    left: 320px; /*float: left;*/
    z-index: 100;
    background: transparent;
	

}

a.right:hover {
		filter: alpha(opacity = 80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

/* left */
a.left {
    position: fixed;
    top: 510px;
    left: 290px;

}

a.left:hover {
    	filter: alpha(opacity = 80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

/* disabled navigational button */
a.disabled {
    visibility: hidden !important;
}

#SeppowGallery{
    height: 445px;
}

#seppContent{
    font-size: 1em;
    position: relative;
    height: 445px;
    margin-top: 162px;
    margin-left: 295px;
}

#textfeld{
    position: fixed;
    width: 560px;
    top: 577px;
    left: 300px;
    text-align: justify;
    display:block;  
}