/* --- MAIN POSITIONS --- */

html, body, #center {
	height:100%;
}

#center {
	width:975px;
	margin: 0 auto;
}

#vcenter {
	vertical-align: middle;
}

#area {
	height:630px;
	margin-top: 15px;
}

#header {
	position:relative;
	width:975px;
	height:165px;
}

#contentwrapper {
	position:relative;
	width:975px;
	height:405px;
	overflow:hidden;
}

#footer {
	position:relative;
	width:975px;
	height:45px;
}

/* --- LOGO --- */

#logo {
	position: absolute;
	top:10px;
}

/* --- NAVIGATION --- */

#navigation {
	position: absolute;
	float:right;
	right:1px;
	top:48px;
	height: 18px;
}

#navigation li {
	list-style:none;
	float: left;
}

#secnavigation {
	display: block;
	position: absolute;
}

* html #secnavigation { /*IE6 fix, fŸr den Fall dass 2nd LevelmenŸ aus dem Hauptfenster ragt. Es erscheinen sonst lange vertikale Scrollbalken */
	width:135px;
}

.lastnav {
	right: 0px;
	text-align:right;
}

#secnavigation li {
	float:none;
	line-height: 18px;
	height: 18px;
	display: block;
	margin-left:0;

}

#navigation li a,
#secnavigation li a {
	text-decoration:none;
}

#navigation li a {
	display:block;
	line-height: 18px;
}

#secnavigation li a {
	line-height:18px;

}

.footer {
	position: absolute;
	left:0;
	float:left;
	top:15px;
	height: 18px;
}

.footer li {
	list-style:none;
	float:left;
	font-size:11px;
}

#navigation .blueline,
#secnavigation .blueline {
	background: url('http://www.mow-architekten.de/img/css/blueline.jpg') 13px top no-repeat;
	padding-left:26px;
}

.footer .blueline {
	background: url('http://www.mow-architekten.de/img/css/blueline.jpg') 7px top no-repeat;
	padding-left:15px;
}

/* PROJEKTNAVI */

#projektnavi {
	height:18px;
	position: absolute;
	left:0;
	top: 135px;
}

#projektnavi p {
	font-size: 14px;
}

#projektnavi a {
	text-decoration:none;
	color: #737373;
}

#projektnavi a:hover,
#projektnavi a:focus {
	color:#000000;
}

/* CONTENTFELDER */

.scroll {
	position:absolute;
	overflow:auto;
}

.noscroll {
	position:absolute;
	overflow:hidden;
}

.contentspalte1 {left:0;}
.contentspalte2 {left:330px;}
.contentspalte3 {left:660px;}

.contentbreite1 {width:315px;}
.contentbreite2 {width:645px;}
.contentbreite3 {width:975px;}

.contentbreite1,
.contentbreite2,
.contentbreite3 {height:405px;}

.contentfooter {
	border-bottom: 1px solid #c0c0c0;
	height: 1px;
	position:absolute;
	top: 403px;
}

/* MATRIXFELDER */

#matrix {
	position:absolute;
	top:0;
	left:0;
	width:975px;
	height:405px;
	overflow:hidden;
}

#matrixprojekt {
	position:absolute;
	top:0;
	left:0;
	width:315px;
	height:405px;
	overflow:hidden;
}

#matrix a:hover,
#matrixprojekt a:hover {
	-moz-opacity: 0.85;
	filter: alpha(opacity=85);
	opacity: 0.85;
	zoom: 1;
}

.matrixfeld {
	position: absolute;
	overflow:show;
}

.spalte1 {left:0;}
.spalte2 {left:165px;}
.spalte3 {left:330px;}
.spalte4 {left:495px;}
.spalte5 {left:660px;}
.spalte6 {left:825px;}

.zeile1 {top:0;}
.zeile2 {top:105px;}
.zeile3 {top:210px;}
.zeile4 {top:315px;}

.breite1 {width:150px;}
.breite2 {width:315px;}
.breite3 {width:480px;}
.breite4 {width:645px;}
.breite5 {width:810px;}
.breite6 {width:975px;}

.hoehe1 {height:90px;}
.hoehe2 {height:195px;}
.hoehe3 {height:300px;}
.hoehe4 {height:405px;}

/* PROJEKTLISTE TABELLE */

.borderleft {
	background: url('http://www.mow-architekten.de/img/css/projectlist-background.jpg') 15px 0 repeat-y;
}

table {
	width:100%;
}

table .detailexists p,
table .detailexists a {
	color: #272727;
}

tr, th {
	height:18px;
	font-size: 12px;
	line-height: 18px;
	vertical-align: top;
}

th p {
	margin-bottom:5px;
}

/* PROJEKTE/WETTBEWERBE TEXTE */

#projekttexttop {
	height: 340px;
	position:absolute;
	top:0;
	width:315px;
}

#projekttextbottom {
	padding: 3px 0;
	border-top: 1px solid #c0c0c0;
	position:absolute;
	bottom:0;
	width:315px;
}

#projekttextbottom th,
#projekttextbottom tr {
	height:16px;
}


#projekttextbottom .links {
	float:left;
	margin-bottom: 0px;
	line-height: 16px;
	font-size: 11px;
}

#projekttextbottom .rechts {
	float:right;
	margin-bottom: 0px;
	line-height: 16px;
	font-size: 11px;
}

/* PROJEKTSEITEN */

#projektbildnavi {
	position: absolute;
	right: 324px;
	float:right;
	top:15px;
	height: 14px;
	line-height:10px;
	font-size:10px;
	display:inline;
}

#projektbildnavi li {
	display:block;
	float: left;
	width:14px;
	height:14px;	
	margin-left: 4px;
	list-style-type:none;
	line-height:14px;
	font-size:8px;
	border:none;
}

#projektbildnavi li.square a {
	width: 10px;
	height: 10px;
	margin-top:1px;
	border: 1px solid #c0c0c0;
	background-color:#fff;
	text-decoration:none;
	display:block;
	font-size:8px;
	line-height:8px;
}

#projektbildnavi li.square a:hover,
#projektbildnavi li.square a:focus {
	border: 1px solid #0087be;
	background-color:#fff;
	font-size:8px;
	line-height:8px;
}

#projektbildnavi li.square a.active {
	border: 1px solid #000;
	background-color:#fff;
	font-size:8px;
	line-height:8px;
}

#projektbildnavi li.forward {
	background: url('http://www.mow-architekten.de/img/css/nexthover.jpg') no-repeat;
}

#projektbildnavi li.backward {
	background: url('http://www.mow-architekten.de/img/css/prevhover.png') no-repeat 4px 0;
}

#projektbildnavi li.forward a {
	width:14px;
	height:14px;
	background: url('http://www.mow-architekten.de/img/css/nextnormal.jpg') no-repeat;
	text-decoration:none;
	display:block;
	font-size:10px;
	line-height:10px;
}

#projektbildnavi li.backward a {
	width:14px;
	height:14px;
	background: url('http://www.mow-architekten.de/img/css/prevnormal.png') no-repeat 4px 0;
	text-decoration:none;
	display:block;
	font-size:10px;
	line-height:10px;
}

#projektbildnavi li.forward a:hover {
	background: none;
}

#projektbildnavi li.backward a:hover {
	background:none;
}

.show0 #content0,
.show1 #content1,
.show2 #content2,
.show3 #content3,
.show4 #content4,
.show5 #content5,
.show6 #content6,
.show7 #content7,
.show8 #content8,
.show9 #content9,
.show10 #content10,
.show11 #content11,
.show12 #content12,
.show13 #content13,
.show14 #content14,
.show15 #content15,
.show16 #content16,
.show17 #content17,
.show18 #content18,
.show19 #content19,
.show20 #content20 {
	display:block;
}

#content0,
#content1,
#content2,
#content3,
#content4,
#content5,
#content6,
#content7,
#content8,
#content9,
#content10,
#content11,
#content12,
#content13,
#content14,
#content15,
#content16,
#content17,
#content18,
#content19,
#content20 {
	display:none;
}

/* KONTAKT */

.pKontakt {
	margin-top:5px;
	margin-bottom:0px;
}

.inputForm {
	width:313px;
	border: 1px solid #c0c0c0;
	margin:0;
	padding:0;	
}

.buttonForm {
	border: 1px solid #c0c0c0;
	background-color:#fff;
	font-weight:bold;
	margin-top:5px;
	margin-left:0px;
	float:left;
	vertical-align:middle;
}

.bluetext {
	color: #0087be;
}

.errorborder {
	border: 1px solid #0087be;
}