/*
Theme Name: ECFT
Version: 1.0
Author: Andreas Mauf
Author URI: http://www.mauf-schmidt.de
*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* structure */
#page {
	width: 994px;
	margin: 55px auto;
	border: 1px solid #959596;
	padding: 0;
	background-color: white;
	text-align: left;
	position:relative;
}
#header {
	height:115px;
}
#header .logo {
	margin:18px 15px 14px 15px;
}

#access {
background:url('navi-shadow.png') bottom repeat scroll;
display:block;
float:left;
margin:0 auto;
/*width:940px;*/
height:28px;
}
#access .menu {
font-size:12px;
margin-left:12px;
margin:0 auto;
/*width:940px;*/
}
#access .menu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
}
#access .menu li {
float:left;
position:relative;
}
#access a {
color:#FFF;
display:block;
line-height:21px;
padding:0 10px;
text-decoration:none;
	width:122px;
	background:url('navi-shine.png') 0px 3px repeat-x;
	font-weight:bold;
	text-transform:uppercase;
	_background:none;
}
#access ul ul {
display:none;
float:left;
left:0;
position:absolute;
top:20px;
z-index:99999;
}
#access ul ul ul {
left:100%;
top:0;
}
#access ul ul a {
background:none;
height:auto;
/*padding:10px;*/
width:122px;
	font-weight:normal;
	border-top:1px solid;
}
#access li:hover > a,
#access ul ul:hover > a {
color:#FFFFFF;
}
#access ul li:hover > ul {
display:block;
}
#access .page-item-2 a { background-color:#c81a81; border-color:#C85097; } /*background -> border-color: saturation - 30*/
#access .page-item-4 a { background-color:#e40d81; border-color:#E452A1; }
#access .page-item-5 a { background-color:#e42421; border-color:#E46664; }
#access .page-item-6 a { background-color:#e95d30; border-color:#E99377; }
#access .page-item-7 a { background-color:#ec7342; border-color:#ECA689; }
#access .page-item-3 a { background-color:#f7af4c; border-color:#F7CF97; }
#access .page-item-8 a { background-color:#c81b82; border-color:#C8569A; }

#content {
	margin:21px 21px 0px 20px;
	border:1px solid #d3d3d4;
	padding:20px 60px 20px 20px;
	background:url('content-bg.png');
	min-height:580px;
	_height:580px;
	overflow:auto;
}
#footer {
	height:21px;
	margin:0px 21px 0px 20px;
	font-size:9px;
	line-height:21px;
}
#rightbar {
	width:65px;
	height:580px;
	position:absolute;
	/*z-index:9999;deactivated cause of shadowbox*/
	background:url('right-bg.png');
	top:136px;
	right:0px;
}

/* posts */
.post {
	min-height:307px;
	_height:307px;
	width:365px;
	text-align:justify;
}
.post p img {
	vertical-align:middle;
}

.page-template-page-gallery-php .post {
	width:871px;
}

/* paragraphs and lists */
.post p,
.post ul,
.post ol,
.post h2,
.post h3,
.post h4,
.post h5,
.post h6 {
	margin-bottom:18px;
}
.post ul,
.post ol {
	margin-left:14px;
}
.post ul { list-style-type:disc; }
.post ol { list-style-type:decimal; }

/* sharing */
.post .sharing {
	margin:0;
	text-align:right;
}
.post .sharing li {
	display:inline;
}

/* content horizontal lines */
.post h1 {
	margin-bottom:18px;
	border-top:1px solid #c2c3c4;
	padding-top:9px;
	_border-top:none;
	_padding-top:0px;
}
.post h1:first-child {
	border-top:none;
	padding-top:0px;
}
.blog .post,
.page-template-index-articles-php .post {
	margin-bottom:18px;
	border-bottom:1px solid #c2c3c4;
}

/* right sided images */
.post p,
.post div {
	position:relative;
}
.post img.alignright,
.post div.alignright {
	position:absolute;
	top:-30px;
	left:385px;
}
/*.single .post img.alignright:first-child,
.single .post div.alignright:first-child,
.page-template-index-articles-php .post img.alignright:first-child,
.page-template-index-articles-php .post div.alignright:first-child {
	top:-45px;
}*/

/* slideshow */
.home .slideshow {
	position:absolute;
	top:392px;
	background-color:#FFF;
	width:953px;
}
.slideshow ul {
	margin:0;
}
.slideshow li {
	max-height:139px;
	_height:139px;
	max-width:273px;
	_width:273px;
	overflow:hidden;
	margin:10px 5px;
}
.jcarousel-container {
    position: relative;
}
.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}
.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 273px;
    height: 139px;
}

/* typography and colors */
body {
	background: #868789 url('main-bg.png');
	color:#87888a;
	text-align:center;
	font-family:Arial;
}
a,
a:link,
a:visited,
a:hover,
a:focus,
a:active {
	color:#87888a;
	text-decoration:none;
}
.post {
	font-size:11px;
	line-height:14px;
	font-weight:bold;
}
.post h1 {
	font-size:14px;
}
.post .entry {
	font-weight:normal;
}
.navigation {
	overflow:auto;
	font-size:11px;
	line-height:14px;
}

/* start page */
.page-id-2 #content {
	background:none;
	border:none;
	padding:0px;
}
.page-id-2 .post {
	width:auto;
	position:relative;
}
.page-id-2 .post p {
	margin:0;
}
.page-id-2 .post h1 {
	z-index:99999;
	text-transform:uppercase;
	color:#FFF;
	line-height:normal;
	font-weight:bold;
}

/* images */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.alignright {
	}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}
acronym, abbr {
	border-bottom: 1px dashed #999;
	}
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}
blockquote cite {
	margin: 5px 0 0;
	display: block;
	}
.center {
	text-align: center;
	}
.hidden {
	display: none;
	}
.clear {
	clear: both;
}
.alignright {
	float: right;
	}
.alignleft {
	float: left;
	}
.screen-reader-text {
    position: absolute;
    left: -1000em;
}
a img {
	border: none;
	}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* Gallery */
.gallery {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	}
.gallery-row {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0;
	}
.gallery-item {
	overflow: hidden;
	margin: 0 12px 12px 0;
	padding: 0;
	float: left;
	text-align: center;
	list-style: none;
	}
.gallery-row .last,
.video-even {
	margin-right:0px;
	}
.gallery-row .gallery-item {
	max-width:135px;
	_width:135px;
	max-height:99px;
	_height:99px;
	}
.gallery-item img, .gallery-item img.thumbnail {
	margin: 0 auto;
	}
.gallery-caption {
	margin-left: 0;
	}