/* meta
	author: rico f.
	contact: i@ricof.de
	date: 2008-05-20
	client: archlab
*/

/*
#2D2D2D	dunkelgrau	content bg
#4D4D4D	grau		color subnavi / border
#7A7C7F	grau		color subnavi
#999	grau		body bg
*/

html * {
	padding: 0;
	margin: 0;
	border: 0;
}
html, body {
	height: 100%;
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
	text-decoration: none;
	background-color: #999;
	text-align: center;
}

/* ============== HEADLINE ================= */
h1, h2, h3, h4, h5, h6 {
	font-size: 12px;
	color: #fff;
}
h1, .home h3 {
	position: absolute;
	left: -90000px;
}
h2 {
}
.normal #content h3 {
	padding-bottom: 30px;
}
h4 {
}
h5 {
}
h6 {
}

/* ============== LINKS ================= */
a, a:focus {
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}
a.logo {
	display: block;
	height: 90px;
	text-align: center;
}
a.logo img {
	margin-top: 30px;
}

/* ============== MAINCONTAINER================= */
#mainContainer {
	width: 1100px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	overflow: visible;
	
	margin: 0 auto;
	text-align: left;
	background: #2D2D2D url(body_bg.png) left top repeat-y;
}
* html #mainContainer { /* Für IE */
	height: 100%;
}

/* ============== COLS / TOP================= */
#leftCol, #rightCol {
	float: left;
}
#leftCol {
	width: 200px;
	/* height: 100%;
	width: 199px;
	border-left: 1px solid #4D4D4D;
	border-right: 1px solid #4D4D4D; */
}
#rightCol {
	width: 900px;
	padding-bottom: 2em;
}

#rightCol .top {
	height: 90px;
	border-bottom: 1px solid #4D4D4D;
}

/* ==============NAVIS================= */
#mainNavi {
	list-style-type: none;
	border-top: 1px solid #4D4D4D;
	min-height: 500px;
}
* html #mainNavi {
	height: 500px;
}
#mainNavi li {
	width: 100%;
}
#mainNavi li a {
	display: block;
	font-size: 10px;
	background: transparent url(arrow_right.png) 15px center no-repeat;
	border-bottom: 1px solid #4D4D4D;
	line-height: 29px;
	padding-left: 30px;
	color: #fff;
}
* html #mainNavi li a {
	line-height: 27px;
	width: 170px;
}
#mainNavi li a:hover,
#mainNavi li a.active {
	background-image: url(arrow_right_hover.png);
}
#mainNavi li a.activeWithSub {
	border-bottom: none;
}

#subNavi {
	list-style-type: none;
	border-bottom: 1px solid #4D4D4D;
	padding: 5px 0 25px 0;
}
#subNavi li a {
	line-height: 20px;
	background-position: 47px center;
	padding-left: 60px;
	border-bottom: none;
	color: #7A7C7F;
}
* html #subNavi li a {
	line-height: 18px;
	width: 140px;
}
#subNavi li a:hover,
#subNavi li a.active {
	background-image: url(arrow_right.png);
	color: #fff;
}

#extraNavi {
	list-style-type: none;
}
#extraNavi li a {
	display: block;
	line-height: 29px;
	padding-left: 30px;
	font-size: 10px;
	color: #fff;
}
* html #extraNavi li a {
	width: 170px;
}

/* ==============CONTENT================= */
#content {
	padding: 30px 0 0 90px;
}
.home #content {
	padding: 0;
}
.projektDetails #content {
	padding: 39px 49px 0 49px;
}
.projektDetails #content .meta {
	line-height: 1.7em;
}
.projektDetails #content .aniMeta {
	line-height: 1.7em;
	margin-top: 0.5em;
}

#content #slideshowdiv {
	height: 450px;
	background-color: #2D2D2D;
}

#content .colA  {
	float: left;
	width: 360px;
}
#content .colB  {
	float: left;
	width: 360px;
}

.home #content .colA,
.home #content .colB {
	margin: 39px 49px 0 49px;
}
.home #content .colA  {
	/*font-size: 9px;*/
}
* html .home #content .colA  {
	margin-left: 25px;
}
.home #content .colB  {
	margin-left: 0;
	margin-right: 0;
	/*font-size: 9px;*/
}
.normal #content .colA {
	margin-right: 49px;
}

/* editstart 2009 04 23 */
#content .contentList {
	float: left;
	width: 360px;
	height: 120px;
}
* html #content .contentList { height: 80px; }
*+html #content .contentList { height: 80px; }
* html #content .colA .contentList { height: 120px; }
*+html #content .colA .contentList { height: 120px; }
* html #content .colB .contentList { height: 120px; }
*+html #content .colB .contentList { height: 120px; }
/* / edit */
#content .contentList a.image,
#content .contentList a.image3D {
	display: block;
	float: left;
	height: 80px;
	width: 80px;
	margin-right: 40px;
	background: #999 center no-repeat;
	color: #fff;
}
#content .contentList a.image3D {
	width: 160px;
	margin-right: 20px;
}
#content .contentList a.iconDownload,
#content .contentList a.iconWeb,
#content .contentList a.iconStream {
	display: block;
	width: 15px;
	height: 15px;
	float: left;
	margin-right: 5px;
}
#content .contentList a.iconDownload		{ background: transparent url(icon_download.png) center no-repeat; }
#content .contentList a.iconWeb			{ background: transparent url(icon_web.png) center no-repeat; }
#content .contentList a.iconStream		{ background: transparent url(icon_stream.png) center no-repeat; }

#content .contentList a span {
	display: none;
}


.imgNavi {
	width: 80px;
	float: right;
	text-align: right;
	margin: 15px 69px 0 0;
}

#content .imageList {
	margin: 38px 0 60px 0;
	padding-bottom: 60px;
}
#content .imageList a {
	display: block;
	float: left;
	height: 80px;
	width: 80px;
	margin: 0 37px 37px 0;
	background: #999 center no-repeat;
	color:  #fff;
}
#content .imageList a span {
	display: none;
}
#content .imageList a.last {
	margin-right: 0;
}

#content span.block {
	display: block;
	width: 95px;
	float: left;
}

.normal #content {
	padding: 39px 49px 0 49px;
}
.normal #content p {
	margin-bottom: 0.5em;
}

#content ul.search {
	margin: 0.5em 0 1em 1em;
}
#content ul.search li {
	line-height: 1.5em;
}

#content .searchLink {
	float: right;
	margin: 40px 18px 0 0;
}

/* ==============FORM================= */
form.search {
	margin-bottom: 49px;
}
legend {
	display: none;
}
#colA form p {
	margin-bottom: 3px;
}
label {
	cursor: pointer;
}
*+html label {
}
input, select, textarea {
	border: 1px solid #D6D6D6;
	background-color: #fff;
	padding: 1px 2px;
	margin-top: 5px;
	font-size: 11px;
	font-family: Arial, Verdana, Tahoma, sans-serif;
}
input.widthAuto {
	float: left;
}
input:hover,
input:focus,
select:hover,
select:focus,
textarea:hover,
textarea:focus {
	border-color: #8F8F8F;
}

.button {
	padding: 2px 10px;
	outline: 0;
	cursor: pointer;
	width: auto;
}

/* ==============TABLE================= */
#mainContainer table {
	border-spacing: 0;
}
#mainContainer table th {
}
#mainContainer table td,
#mainContainer table th {
	padding: 2px;
}
#mainContainer table tr td {
}

/* ==============FOOTER================= */
#footer {
	clear: both;
	padding: 1em 0 0 35px;
}
#footer p {
	float: left;
	margin-left: -10px;
}
#footer p img {
	margin: 10px 35px 0 0;
}

/* ============== CLEAR ================= */
.clear {
	clear: both;
	font-size: 1px;
	height: 1px;
}
p.clearSpace {
	clear: both;
	height: 1em;
}

/* ============== MSG / ERROR ================= */
.msg,
.error {
	color: #fff;
}
p.error, p.msg {
	margin-top: 10px;
	padding: 0.2em 0.5em;
}
.msg {
	background-color: #7DAE64;
}
.error {
	background-color: #bb0000;
}

/* ============== LEFT / RIGHT ================= */
.left {
	float: left;
}
.leftSpace {
	float: left;
	padding-left: 1em;
}
.right {
	float: right;
}
.textRight {	text-align: right;}

/* ============== BGC ================= */
.bgc {		background-color: #E1E1E1; }

/* ============== OTHER ================= */
.hide {	display: none;	}
.topSpace {	padding-top: 10px;}
.widthAuto {	width: auto;}
.widthSmall {	width: 150px;}
.widthMiddle {	width: 300px;}
.widthWide {	width: 370px;}
.widthLarge {	width: 500px;}
div p.noMargin {	margin: 0;}