/* font-import */
@font-face {
    font-family: 'AndaleMonoRegular';
    src: url('../fonts/AndaleMono-webfont.eot');
    src: url('../fonts/AndaleMono-webfont%EF%B9%96iefix.eot') format('eot'),
         url('../fonts/AndaleMono-webfont.woff') format('woff'),
         url('../fonts/AndaleMono-webfont.ttf') format('truetype'),
         url('../fonts/AndaleMono-webfont.svg#webfontuk6D2tF2') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Site-wide properties ======================================================== */
body{
    font: normal normal 1em/1em 'AndaleMonoRegular', "Courier New", Courier, monospace; color: #666; background:#fff; }

    a { color: #666; text-decoration: none; }
    a:hover { color: #222; background: #d8ff00; text-decoration: none; }
    a:focus { outline:solid 0; } /* verhindert blur-border */
    a.internal-link { background:url(../img/arrow.gif) no-repeat left center; padding:0 0 0 1em; }
    a.internal-link:hover { background:url(../img/arrow_f2.gif) no-repeat left center #d8ff00; padding:0 0 0 1em; }
    .csc-textpic-single-image { background:none !important; }
    
    strong { font-weight:bold; }
	em { font-style:italic; font-weight:normal; }    
	img { border:0 none; vertical-align:bottom; }
	.csc-textpic-imagewrap a:hover { background: #fff !important; }

/* Reusable classes ============================================================ */

/* Left & Right alignment */
.left{ float: left; }
.right{ float: right; }

/* The inside class provides consistent padding. To be used often! */
.inside{ padding:0 2em 0 1em; }

/* The fraction classes are useful for column lists */
.half, .third, .quarter, .fifth, .sixth{ width: 100%; }
.half li, .third li, .quarter li, .fifth li, .sixth li{ float: left; }
.half li{ padding-right: 5%; width: 45% }
.third li{  padding-right: 5%; width: 28.3% }
.quarter li{  padding-right: 5%; width: 20% }
.fifth li{  padding-right: 5%; width: 15% }

/* For when a <br /> just ain't enough */
.separator{
    clear: both;
    float: left;
    height: 1px;
    width: 100%; }

/* Basic Structure ============================================================= */
    #wrap{
    margin: 0 auto;
    width: 60em;
    min-height:47.5em; }

    /* Header */
    header{
        float: left;
        width: 100%;
        margin: 3.4em 0 0 0; }
        
    /* Nav */
    nav{ }        
    
    /* Content */
    article{
        float: left;
        width: 35.5em;
        margin: 3.5em 0 0 0;
        padding:1.5em 0 0 0;
        border-top:1px dotted #999; }
    
    /* Sidebar */
    aside{
        float: right;
        width: 21.5em; }
        
    /* Footer */
    footer{
        float: left;
        width: 100%; }
    
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */

/* background-images pro bereich */
#filme #wrap { background:url(../img/benediktritter_bg_01.jpg) no-repeat right 4.2em; }
#firma #wrap { background:url(../img/benediktritter_bg_02.jpg) no-repeat right 4.2em; }
#person #wrap { background:url(../img/benediktritter_bg_04.jpg) no-repeat right 4.2em; }
#kontakt #wrap { background:url(../img/benediktritter_bg_03.jpg) no-repeat right 4.2em; }
#notizen #wrap { background:url(../img/benediktritter_bg_empty.jpg) no-repeat right 4.2em; }

/* header title */
header h1 {
		font-size: 2em;
		font-weight: 600;
		letter-spacing:.1em;
		text-transform:uppercase;
		margin:0 0 .5em 0; }
		
header h1 a { color: #d8ff00; }
header h1 a:hover { color: #666; background:none; }

header h2 {
		font-size: 1.25em;
		font-weight: 500;
		letter-spacing:.1em;
		text-transform:uppercase;
		margin:0 0 0 .1em;
		color:#ccc; }

/* mainnav */
nav ul.mainnav {
		list-style: none;
		padding: 0;
		margin: 5em 0 0 0; }

nav ul.mainnav li {
		margin: 0;
		padding: 0; }

nav ul.mainnav li a {
		padding: 2px 0 0 1px;
		font-size: .88em;
		line-height:1.3em;
		font-weight: 400;
		letter-spacing: 1px;
		color: #666;
		text-transform: uppercase;
		text-decoration: none; }

nav ul.mainnav li a:hover, nav ul.mainnav li a.active {
		color: #666;
		/*background:url(../img/bg_mainnav_ro.gif) repeat-x 0 3px;*/
		background: #d8ff00; }
		
/* content */
article h1 {
		font-size: .75em;
		text-transform:uppercase;
		font-weight: normal;
		margin:0 0 .5em 0; }

article h2 {
		font-size: .75em;
		text-transform:uppercase;
		font-weight: normal;
		margin:0 0 .5em 0; }

article p {
		font-size: .75em;
		line-height: 1.35em;
		margin: 0 0 1em 0; }
		
article ul {
		margin:0 0 .5em 1em;
		list-style-image:url(../img/list.gif); }

article li {
		font-size: .75em;
		line-height: 1.35em;
		margin: 0 0 .4em 0; }
		
article p.line {
		border-bottom:1px dotted #999;
		margin:0 0 0.75em 0;
		padding:0 0 0.75em 0; }
		
article div.line {
		border-top:1px dotted #999;
		height:1px;
		margin:.6em 0;
		padding:0; }			
		
article iframe { margin: 0 0 1em 0; }		
		
footer .inside {
		font-size: .69em;
		padding:0 3em;
		text-align:right; }

/** tt_news */
.news-list-date,
.news-list-browse,
.news-single-date {
	float:none;
	font-size:70%;
	padding:0 0 .75em 0;
	display:block;
}

.news-list-item {
	border-bottom:1px dotted #999;
	margin-bottom:1em;
	padding:0 0 .25em 0;
}

.news-list-item iframe { width:440px; margin-right:80px; }

.news-list-item a:hover { background:none; }
.news-list-item img { margin:0 .5em .5em 0; }

.news-list-morelink { font-weight:normal; margin:.25em 0 0 0.5em; }
.news-list-morelink a { background:url(../img/arrow.gif) no-repeat left center; padding:0 0 0 1em; }
.news-list-morelink a:hover { background:url(../img/arrow_f2.gif) no-repeat left center #d8ff00; padding:0 0 0 1em; }

.news-single-item {
	margin-bottom:0;
	padding:0;
}

.news-single-img {
	margin:.75em 0;
}

.news-single-backlink {
	border-top:1px dotted #999;
	font-weight:normal;
}

.news-single-backlink a { background:url(../img/arrow.gif) no-repeat left center; padding:0 0 0 1em; }
.news-single-backlink a:hover { background:url(../img/arrow_f2.gif) no-repeat left center #d8ff00; padding:0 0 0 1em; }

.news-single-browse {
	border-bottom:1px dotted #999;
	margin-bottom:1em;
	padding:0 0 .25em 0;
}

.news-single-browse a,
.news-single-browse a:visited {
	font-size:90%;
}

.news-single-additional-info {
	margin-top:1em !important;
	padding:0 !important;
}

.news-single-links {
	margin:0 0 1em 0 !important;
	padding:0 !important;
}

.news-single-links dt {
	margin-bottom:.5em;
	margin-left:0 !important;
}

.news-single-links dd {
	font-size:90%;
	margin-left:1em !important;
}

.news-list-container HR.clearer,
.news-single-item HR.cl-left,
.news-single-item HR.cl-right
 {
	clear:right;
	height:1px;
	border:none;
	padding:0;
	margin:0;
}

.news-single-item HR.cl-left {
	clear:left;
}

/* amenu unter mainnav */
.news-amenu-container ul { font-size:.75em; line-height:1.2em; margin:1.5em 0 0 0; }
.news-amenu-container .news-amenu-item-year { background:none; list-style-type:none; margin:0; padding:0; }
.news-amenu-container li { list-style-image:none; list-style-type:none; }
.news-amenu-container a { background:url(../img/arrow_amenu.gif) no-repeat left center; padding:0 0 0 1em; margin:0 0 0 1em; }
.news-amenu-container .amenu-act a,
.news-amenu-container .amenu-act a:hover,
.news-amenu-container a:hover { background:url(../img/arrow_amenu_f2.gif) no-repeat left center; padding:0 0 0 1em; color:#222; }

/* ext csc-content */
.csc-textpic-clear {
	border-top:1px dotted #999;
	padding:0;
	margin:.75em 0;
}

/* ext flvplayer */
.tx-flvplayer2-pi1 {
	border-bottom:1px dotted #999; 
	padding:0 0 .75em 0;
	margin:.75em 0;
}

/* js piwik */
#piwik {
	visibility:hidden;
}