body
{
	background-color: #FFFFFF;
	margin: 0px
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	color: #902a1b;
}


#horizon
{
	background-color: transparent;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
}

#contentframe
{
	font-family: Arial, Verdana, Geneva, sans-serif;
	background-color: #FFFFFF;
	border-width:1px;
	border-color:#902a1b;
	border-style:solid;
	margin-left: -476px;
	position: absolute;
	top: -293px;
	left: 50%;
	width: 952px;
	height: 587px;
	visibility: visible
}

#logo
{
	margin-top:11px;
	margin-left:17px;
	text-align:left;
	position:absolute;
	left:0px;
	top:0px;
	z-index:99;
}

#introani
{
	padding:0;
	margin:0;
	left:0px;
	top:0px;
	z-index:1;
}

#navi
{
	margin-top:0px;
	margin-left:17px;

	text-align:left;

	position:absolute;
	left:0px;
	top:564px;
	width:100%;
	z-index:99;

	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	color: #902a1b;
}


#n1
{
	float:left;
	width:192px;
	text-align:left;
}

#n2
{
	float:left;
	width:175px;
	text-align:left;
}

#n3
{
	float:left;
	width:331px;
	text-align:left;
}

#n4
{
	float:left;
	width:188px;
	text-align:left;
}

#n5
{
	float:left;
	text-align:left;
}

.n
{
	text-align:left;
	float:left;
}

.n a
{
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	color: #c7948d;
}

.n a:hover
{
	color:#902a1b;
}


.nact
{
	text-align:left;
	float:left;
}

.nact a
{
	text-decoration:none;
	font-weight:normal;
	color:#902a1b;
}


#snavi_studio
{

	text-align:left;

	position:absolute;
	left:463px;
	top:11px;
	z-index:99;

	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	color: #902a1b;
}

.hgap
{
	float:left;
}

#text
{
	position:absolute;
	left:16px;
	top:63px;
	z-index:99;

	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	color: #902a1b;
	line-height:15px;
}

.norm
{
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	color: #902a1b;
}

/*
References
*/
.colpink
{
	text-align:left;
	position:absolute;
	left:0px;
	top:0px;
	width:290px;
	background-color:#f3e8e7;
	padding:7px;
}

.col2 a
{
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	color: #c7948d;
}
.col2 a:hover
{

	color:#902a1b;
}

.col2
{
	text-align:left;
	position:absolute;
	left:327px;
	top:0px;
	width:290px;
	padding-top:7px;
}

.col3
{
	text-align:left;
	position:absolute;
	left:645px;
	top:0px;
	width:290px;
	padding-top:7px;
}

.col
{
	text-align:left;
	float:left;
	width:295px;
	margin-right:15px;
}

/*
cv
*/

.cvtable td
{
	vertical-align: top;
	padding-right:12px;
}

.vspace-ssn
{
	height:13px;
}

.ssn
{
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	color: #c7948d;
}

.ssn:hover
{
	color:#902a1b;
}

.ssnact
{
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	color:#902a1b;
}




#content
{
	font-family: Verdana, Geneva, Arial, sans-serif;
	background-color: #c3e2ff;
	position: relative;
	top: 41px;
	left: 0px;
	width: 1000px;
	height: 500px;
	visibility: visible;
}

#cont
{
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size:11px;
	color:black;
	text-align:left;
	width:840px;

	background-color: #c3e2ff;
	float:left;
	margin-left:20px;
	margin-top:31px;
	margin-right:20px;
	visibility: visible;
}


#cont a
{
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size:10px;
	color:black;
	text-decoration:none;
}

#cont a:hover
{
	color:white;
}

#MainPic
{
	text-align:left;
	position:absolute;
	left:17px;
	top:51px;
	width:647px;
	height:485px;
	overflow:hidden;
}



#PicDescription
{
	text-align:right;
	position:absolute;
	left:0px;
	top:13px;
	width:937px;
	font-weight:normal;
}

#PicDescription a
{
	text-decoration:none;
	color: #c7948d;
}

#PicDescription a:hover
{
	text-decoration:none;
	color: #902a1b;
}


/*
scrolling
*/

#ListLeftCol
{
	text-align:left;
	position:absolute;
	left:681px;
	top:51px;
	width:121px;
	height:495px;
}

#ListRightCol
{
	text-align:left;
	position:absolute;
	left:816px;
	top:51px;
	width:121px;
	height:495px;
}

div.scrollable {

    /* required settings */
	position:relative;
	overflow:hidden;
	width:121px;
	height:495px;

}

div.scrollableLeft {

    /* required settings */
	position:relative;
	overflow:hidden;
	width:121px;
	height:495px;

}

/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a super large width to accomodate scrollable items.
    it's enough that you set width and height for the root element and
    not for this element.
*/
div.scrollable div.items {
    /* this cannot be too large */
	width:121px;
	height:485px;
	position:absolute;
	clear:both;

}

/*
    a single item. must be floated on horizontal scrolling
    typically this element is the one that *you* will style
    the most.
*/
div.scrollable div.items div {
	float:bottom;
	padding: 1px;
	margin-bottom:10px;




}

div.scrollable div.items div:hover
{
	background-color: #902a1b;
}

/* you may want to setup some decorations to active item */
.itemAct
{
	width:121px;
	float:bottom;
	padding: 1px;
	margin-bottom:10px;

	background-color: #902a1b;

 /*	border:1px inset #902a1b;*/
}
div.items div.active {
	width:121px;
	float:bottom;
	padding: 1px;
	margin-bottom:10px;

	background-color: #902a1b;

 /*	border:1px inset #902a1b;*/
}


a.prev {
	display:block;
	width:118px;
	height:96px;
	background:url(../grafik/scroll_up.gif) no-repeat;
	float:bottom;
	margin:0px 0px;
	cursor:pointer;
}

a.next {
	display:block;
	width:118px;
	height:96px;
	background:url(../grafik/scroll_down.gif) no-repeat;
	float:bottom;
	margin:0px 0px;
	cursor:pointer;
	margin-top:6px;
}

/* mouseover state */
a.prev:hover, a.next:hover{

}

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

}