/* Container */
#root {
	position: relative;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
}

html>body #root {
	height: auto;
}

#main {
	padding-bottom: 80px;
	text-align: center;
}

#bottom {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 80px;
	border-top: #1E1E1E 1px solid;
	background-image: url(../../imgs/sev/footerbg.jpg);
	background-repeat: repeat-x;
	background-position: 0 10px;
	text-align: center;
}

#container {
	width: 950px;
	height: 450px;
	margin: 0 auto;
	background-image: url(../../imgs/sev/bgimage.jpg);
	background-repeat: no-repeat;
	text-align: left;
}


/* Bereich Header */
#top {
	width: 820px;
	height: 160px;
	margin: 0 65px 0 65px;
	background-image: url(../../imgs/sev/linebg.gif);
	background-repeat: repeat-x;
	background-position: 0 100px;
}

#navcontainer {
	width: 650px;
	margin: 73px 0 0 0;
	text-align: left;
	float: left;
}

#logocontainer {
	width: 170px;
	height: 18px;
	margin: 73px 0 0 0;
	float: left;
}

#subnavcontainer {
	width: 820px;
	height: 60px;
	margin: 0;
	padding: 0;
	clear: left;
}

#sitetitle {
	width: 820px;
	height: 50px;
}

/* Bereich Content */
#textoutput {
	width: 820px;
	margin: 0 65px 0 65px;
	padding: 50px 0 30px 0;
	text-align: left;
}

#galleryoutput {
	width: 840px;
	margin: 0 55px 0 55px;
	padding: 0 0 30px 0;
	text-align: left;
}

#linkoutput {
	width: 820px;
	margin: 0 65px 0 65px;
	padding: 0 0 30px 0;
	text-align: left;
}

#linkoutput .linkitem {
	width: 270px;
	float: left;
}

#linkoutput .linkitem h3 {
	width: 270px;
	height: 50px;
}

#projectnavcontainer {
	width: 830px;
	margin: 50px 60px 0 60px;
	padding: 0 0 30px 0;
	text-align: left;
}

#projectimagecontainer {
	width: 820px;
	height: 330px;
	margin: 0 65px 0 65px;
	overflow: hidden;
	position: relative;
}

#projectimagecontainer .refimage {
	position: absolute;
	z-index: 1;
}

#projectimageoverlay {
	width: 820px;
	height: 330px;
	z-index: 2;
	position: absolute;
}

#projectimagenavcontainer {
	width: 840px;
	margin: 10px 55px 0 55px;
	padding: 0 0 30px 0;
}

#projectimagenavitems {
	width: 820px;
	height: 70px;
	position: relative; 
	overflow: hidden;
	float: left;
}

.scrollbutton {
	width: 10px;
	height: 70px;
	float: left;
}

.scrollbutton a.back {
	display: block;
	width: 10px;
	height: 70px;
	background-image: url(../../imgs/sev/projectimagenavback.gif);
}

.scrollbutton a.back:hover {
	display: block;
	width: 10px;
	height: 70px;
	background-image: url(../../imgs/sev/projectimagenavback_a.gif);
}

.scrollbutton a.forward {
	display: block;
	width: 10px;
	height: 70px;
	background-image: url(../../imgs/sev/projectimagenavforward.gif);
}

.scrollbutton a.forward:hover {
	display: block;
	width: 10px;
	height: 70px;
	background-image: url(../../imgs/sev/projectimagenavforward_a.gif);
}

/* Bereich Footer */
#footer {
	width: 820px;
	height: 55px;
	margin: 0 auto;
	text-align: left;
}

#footertab-1 {
	width: 500px;
	padding: 15px 0 0 0;
	color: #57502F;
	font-size: 11px;
	line-height: 14px;
	float: left;
}

#footertab-1 a {
	color: #A29B58;
	text-decoration: none;
}

#footertab-1 a:hover {
	color: #ffffff;
	text-decoration: none;
}

#footertab-2 {
	width: 320px;
	padding: 15px 0 0 0;
	font-size: 11px;
	line-height: 14px;
	float: left;
	text-align: right;
}


