* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Monaco, "Courier New", Courier, "Miriam Fixed", Rod, monospace;
	font-size: 11px;
	line-height: 13.2px;
	color: #000000;
	background-color:#FFFFFF;
}


a:link {
	text-decoration: none;
	color: #000000;
}

a:visited {
	text-decoration: none;
	color: #000000;
}

a:hover {
	text-decoration: none;
	color: #006699;
}
a:active {
	text-decoration: none;
	color: #000000;
}

a:focus {
  outline: none;
}


/* text */

.TITEL {
	color: #0099CC;
	margin-left:-39px;
}

.titel_liste {
	color: #0099CC;
}

.bild_titel {
	color: #0099CC;
	font-size:11px;
	border:0;
	margin-bottom:10px;
}

.untertitel {
	color: #999999;
	font-size:9px;
	font-weight:normal;
}

.bildbeschreibung_hoch {
position:absolute;
width:220px;
color:#666666;
z-index:80;
}

.bildbeschreibung_quer {
position:absolute;
width:745px;
color:#666666;
top:440px;
z-index:80;
}

.navi_gallerie {
visibility:hidden;
}

.link_aktiv {
	color: #0099CC;
	margin-left:-17.5px;
}

/* div */

.navi {
position:absolute;
width:150px;
top:123.6px;
left:150px;
z-index:100;
}

.navi_hintergrund {
background-image:url(hellweiss.png);
background-position:top left;
background-repeat:no-repeat;
position:absolute;
width:265px;
height:147px;
top:117px;
left:0px;
z-index:1;
}

.main_hintergrund {
position:absolute;
width:100%;
height:100%;
top:0px;
left:0px;
bottom:0px;
right:0px;
overflow:hidden;
z-index:0;
}

.projekte {
position:absolute;
width:560px;
top:123.6px;
left:300px;
z-index:100;
}

.muss_scrollen {
position:absolute;
width:1px;
height:730px;
top:0px;
left:0;
z-index:100;
}

.muss_scrollen_2 {
position:absolute;
width:950px;
height:1px;
top:0px;
left:0;
z-index:100;
}


.bild {
position: absolute;
}

.mainpic {
overflow:hidden;
}

.bild_links {
position:absolute;
top:0px;
width:40%;
bottom:20px;
z-index:50;
}

.bild_rechts {
position:absolute;
top:0px;
width:40%;
right:0px;
text-align:right;
bottom:20px;
z-index:50;
}

.zoomin {
position:absolute;

height:20px;
left:0px;
right:8px;
bottom:20px;
text-align:right;
background-color: none;
z-index:75;
}

.zoomout {
position:absolute;

height:20px;
right:8px;
bottom:7px;
text-align:right;
z-index:700;
}

.serie {
width: 18px;
height: 18px;
background-position:center;
background-color: #666666;
border:thin #CCCCCC solid;
float:left;
margin-right:6px;
margin-top:6px;
cursor:pointer;
}
.serie:hover {
border:thin #006699 solid;
}


/* stepcarousel */

.stepcarousel{
	position: relative;
	overflow: scroll;
	width: 100%;
	top:150px;
	height: 580px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left:0px;
height : 580px;
overflow:hidden;
}

.stepcarousel .panel{
float: middle; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
height : 580px;
width: 3200px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.zoomin_window {
border: #CCCCCC thin solid;
position:absolute;
color:#666666;
background-color: #FFFFFF;
background-image:url(desktop.jpg);
top:0px;
overflow:hidden;
z-index:600;
}

.zoomin_zoomin {
position:absolute;
background-color: #FFFFFF;
z-index:666;
}