/* 
Theme Name: ApeUnit
Theme URL: http://www.apeunit.com
Description: Great theme for great apes
Author: Paul Lunow
Author URI: http://www.paul-lunow.de
Version: 1.0

Started with the great Whiteboard Framework http://whiteboardframework.com/

Colors:
	Red		#da0725
	Silver	#c0c0c0

*/
@import url(styles/reset.css);
@import url(styles/960.css);

body, html {
	font-family:Arial;
	font-size:13px;
	background:white;
	color:black;
	height:100%;
}
a {
	color:black;
}
a:hover {
	color:#d31b1b;
}

#container {
	position:absolute;
	top:0;
	width:100%;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

/*
 *	Header
 */
#header {
	top:0;
	width:100%;
	height:100px;
	border-bottom:1px solid #c0c0c0;
	margin-bottom:12px;
	background:#272727;
	-moz-box-shadow:0px 1px 3px black;
}
#headerWrap {
	position:absolute;
	top:0;
	z-index:90;
	width:100%;
	height:110px;
	overflow:hidden;
}
#header .container_4 {
	position:relative;
}

#topTitle {
	position:absolute;
	left:13px;
	top:20px;
}
#topTitle h1 a {
	display:block;
	width:110px;
	height:69px;
	text-indent:-9999px;
	background:url(images/logo-sprite.png) no-repeat 0px 0px;
	outline:none;
	margin-left:-50px;
}
#topTitle h1 a.hover {
	background-position:0px -73px;
}

#topNav {
	position:absolute;
	left:120px;
	top:40px;
}
#topNav ul li {
	display:inline;
}
#topNav ul li a {
	display:block;
	float:left;
	padding:10px 20px;
	margin:5px;
	color:white;
	font-weight:500;
	text-decoration: none;
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
}
#topNav ul li a:hover {
	color:#da0725;
}
body.js #topNav ul li a {
	outline:none;
}
#topNav ul li.loading a {
	color:#B2B2B2;
	background:url(images/indicator3.gif) no-repeat left center;
}
#topNav ul li.current_page_item a {
	color:#da0725;
	text-decoration: none;
}
.topContact {
	position:absolute;
	right:12px;
	width:150px;
	top:40px;
	color:#da0725;
	font-size:12px;
	font-weight:thin;
}
body.js .topContact {
	cursor:pointer;
}
.topContact.closed .org, .topContact.closed .adr, .topContact.closed .label, .topContact.closed .tel .type, .topContact .downloads {
	display:none;
} 
.topContact dt {
	float:right;
	padding:0 0 5px 0;
}
.topContact dd {
	padding:0 0 5px 0;
	text-transform: uppercase;
	font-weight:bold;
}
#topContactClone {
	position:absolute;
	z-index:98;
	top:30px;
	-moz-border-radius:1px;
	width:210px;
	color:white;
	border:1px solid #b2b2b2;
	-moz-box-shadow:0px 0px 3px black;
}
.topContactCloneBg {
	
}
#topContactClone .inner {
	float:left;
	padding:110px 33px 20px 33px;
	background:url(images/Ape_Logo_w.png) no-repeat center 30px #272727;	
}
#topContactClone .downloads {
	display:block;
	margin:10px 0;
}
#topContactClone .downloads li {
	display:inline;
}
#topContactClone .downloads li a, #topContactClone .downloads li span {
	display:block;
	float:left;
	width:50%;
	text-align:center;
}
#topContactClone dd {
	display:none;
}
#topContactClone dt {
	float:none;
	margin:5px 0 5px 30px;
}
#topContactClone .adr {
	display:block;
}
#topContactClone .org {
	display:block;
	font-weight: bold;
}
#topContactClone .street-address {
	display:block;
}
#topContactClone .tel .type {
	display:none;
}

/*
 *	Content
 */
#content {
	position:relative;
	z-index:5;
	width:100%;
	background:white;
}
body.nojs #content, body.single #content {
	margin-top:100px;
}
#content em {
	font-style:italic;
}
.contentWrap {
	position:relative;
	top:100px;
	height:450px;
	width:100%;
}
.contentWrap #content {
	height:350px;
}
.contentWrap .clone {
	position:absolute;
	z-index:1;
	top:450px;
	width:100%;
	height:450px;
}
#content .inlinestyle {
	display:none;
}
body.single #content {
	padding:20px 0 20px 0;
}
#content.loading {
	background:url(images/indicator.gif) no-repeat center;
	height:100%;
}
.content p {
	line-height:150%;
	margin:10px 0;
}
.content strong {
	font-weight:bold;
}
.content .hidden {
	display:none;
}
.content div.title {
	position:relative;
}
.content div.fix-height {
	height:295px;
	width:455px;
}
.content .title h2 a, #content.archive h2, .contact h2 {
	display:block;
	font-size:35px;
	font-weight:bold;
	color:#da0725;
	text-decoration:none;
	margin:40px 0 15px 0;
	text-shadow: 1px 1px 0px #750002;
}
.contact h2 {
	margin:40px 0 0;
}
.contact {
	margin:0 0 30px 0;
}
#posts .contact .post {
	color:black;
	background:white;
	height:auto;
}
#content.archive h2 {
	margin:160px 0 40px 10px;
}
.content h3 {
	font-weight:bold;
	font-size:16px;
	margin:10px 0 5px 0;
}
.content .title-image {
	background:url() no-repeat center transparent;
	padding-top:35px;
}
.content .title .excerpt {
	display:block;
	margin:20px 0;
	font-weight:bold;
	font-size:16px;
}
#content .row {
	height:110px;
	border-bottom:1px solid #c0c0c0;
	padding:5px 0;
	margin:5px 0;
}
#content .row .thumbwrap {
	width:100%;
	height:100%;
	text-align:center;
}
#content .row .thumbnail {
	display:block;
	height:95%;
	width:95%;	
	background:url() center no-repeat #da0725;
}
#content .row h3 a {
	display:block;
	margin:20px 0 5px 0;
	text-decoration:none;
	color:#da0725;
	font-size:20px;
	font-weight: bold;
}
#content .video {
	background:url(images/ausser_betrieb.png) no-repeat center;
}

#openstreetmap {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
}

#content .paginate {
	position:relative;
}
#content .paginate span {
	display:block;
	position:absolute;
	top:0;
}
#content .paginate .left {
	left:0;
}
#content .paginate .right {
	right:0;
}


/*
 *	Posts
 */
#posts {
	position:relative;
	z-index:20;
	padding:15px 0 390px 0;
	border-top:1px solid #c0c0c0;
	background:white;
}
#posts .post {
	position:relative;
	height:140px;
	overflow:hidden;
	background:url() center no-repeat #b2b2b2;
}
#posts .post .content {
	position:absolute;
	z-index:12;
	bottom:0;
	left:0;
	right:0;
	padding:5px 10px 10px 10px;
	background:#202020;
	color:white;
}
#posts .post img {
	position:absolute;
	z-index:11;
}
#posts .post {
	color:white;
	text-decoration:none;
}
#posts .post .content .title {
	display:block;
	color:#da0725;
	font-size:15px;
	padding:10px 0 5px 0;
}
#posts .post .content .desc {
	display:block;
	font-size:12px;
	line-height:120%;
	max-height:80px;
}

/*
 *	Footer
 */
#footer {
	height:340px;
	margin:0 -10px;
	-moz-box-shadow:inset 0px 2px 2px black;
}
#footerWrap {
	position:absolute;
	z-index:25;
	bottom:0;
	width:100%;
	border-top:1px solid #373737;
	color:#f2f2f2;
	background:#252525;
	height:370px;
	overflow:hidden;
}
#footer .container_4 {
	padding:15px 0 20px 0;
} 
#footer a {
	color:#f2f2f2;
}
#footer h2 {
	font-size:16px;
	font-weight:bold;
	font-family:Arial;
	margin:10px 0 5px 0;
	text-shadow:1px 1px 2px #242424;
	text-transform:uppercase;
}
#footer ul.menu {
	border-top:1px dotted #c0c0c0;
	margin:15px 0;
}
#footer ul.menu li {
}
#footer ul.menu li a {
	display:block;
	padding:10px 0 10px 25px;
	border-bottom:1px dotted #c0c0c0;
	text-decoration:none;
	background:url(images/arrows.png) no-repeat 7px 10px;
	text-transform:uppercase;
	font-weight:bold;
}
#footer ul.menu li a:hover {
	color:#404040;
	background-position:7px -28px;
	background-color:white;
	border-bottom:1px solid white;
}
#footer p {
	line-height:120%;
	font-size:12px;
}
#footer .contactform form {
	width:98%;
}
#footer .contactform .input {
	margin:0;
}
#footer .contactform .input input, #footer .contactform textarea {
	background:#7c7c7c;
	width:100%;
	padding:5px;
	margin:5px 0;
	color:white;
	border:1px solid #a4a1a2;
	border-width:0 1px 1px 0;
	-moz-box-shadow:inset 1px 1px 2px #454645;
	-moz-border-radius:1px;
	font-family:Arial;
	font-size:12px;
}
#footer form.withjs .input input, #footer form.withjs textarea {
	margin:9px 0;
}
#footer .contactform .input input.focus, #footer .contactform textarea.focus {
	-moz-box-shadow:none;
	border-width:1px 0 0 1px;
}
#footer .contactform textarea {
	height:65px;
}
#footer .contactform div.submit {
	position:relative;
	text-align:left;
}
#footer .contactform div.submit input {
	display:block;
	border:0px none;
	background:url(images/senden-1.png) no-repeat center top;
	width:81px;
	height:41px;
	text-indent:-9999px;
	outline:none;
}
#footer .contactform div.submit input:active {
	background-position:center bottom;
}
#footer .lists ul {
	float:left;
	width:100%;
	margin:5px 0 20px 0;
	border:1px dotted #c0c0c0;
	border-width:1px 0;
}
#footer .lists ul li {
	display:inline;
}
body.nojs #footer ul li.facebook {
	display:block;
	padding:10px;
	line-height:130%;
}
#footer .lists li a {
	display:block;
	float:left;
	padding:5px;
}
#footer .facebook {
	height:249px;
	overflow:hidden;
}
#footer2 {
	position:absolute;
	width:100%;
	height:60px;
	background:#1d1d1d;
	border-top:1px solid #6a6a6a;
	-moz-box-shadow:inset 1px 1px 2px black;
}
#footer2 .wrap {
	padding:10px 0 0;
	color:#6A6A6A;
	text-align: center;
	text-transform:uppercase;
	font-size:10px;
}
#footer2 a {
	color:#6A6A6A;
}