/*	=======================
	leadsheet.css
===========================
	Author: Sascha Merkofer
			http://endif.ch
=========================== */


/*										=========================
										Normalisierung aller Tags
================================================================= */

/* margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
								margin: 0;
								padding: 0;
								}

/* list-styles */
ol, ul {
								list-style: none;
								}

/* table border-collapse und -spacing */
table {
								border-collapse: collapse;
								border-spacing: 0;
								}

/* fieldset und img border */
fieldset, img {
								border: 0;
								}

/* Anfuehrungs- und Schlusszeichen */
q:before, q:after {
								content: '';
								}

/* font-size der header */
h1, h2, h3, h4, h5, h6 {
								font-size: 100%;
								}

/* font-style und font-weight */
address, caption, cite, code, dfn, em, th, var {
								font-style: normal;
								font-weight: normal;
								}

/* caption und th Text-Positionierung */
caption, th	{
								text-align: left;
								}



/*										===================
										Elementformatierung
=========================================================== */



/*			html & body
======================= */

body {
								position: relative;
								text-align: left;
								font: normal .625em/1.4 Verdana, Arial, Helvetica, sans-serif;
								color: #000;
								background: #e4e9eb url(images/bkgnd.gif) repeat-y;
								}


/* 			Intro
================= */

body.intro {
								background: #5f6478 url(none);
								font-size: .8em;
								text-align: center;
								}

div#intro {
								position: relative;
								margin: 0 auto;
								margin-top: 60px;
								width: 739px;
								height: 450px;
								color: #a6aaba;
								text-align: left;
								background: transparent url(../assets/images/Intro/zitat_d.gif) no-repeat;
								}


div#intro h1 {
								text-indent: -9999px;
								}

div#intro p {
								text-indent: -9999px;
								}

div#intro ul.sprachwahl {
								position: absolute;
								bottom: -32px;
								width: 739px;
								text-align: center;
								}

div#intro ul.sprachwahl li.deutsch {
								position: absolute;
								left: 260px;
								}

div#intro ul.sprachwahl li.english {
								position: absolute;
								left: 380px;
								}

div#intro ul.sprachwahl li a {
								display: block;
								padding: 4px 8px;
								}

/* inaktiv */
div#intro ul.sprachwahl li a:link,
div#intro ul.sprachwahl li a:visited {
								border: 1px solid #a6aaba;
								color: #a6aaba;
								background-color: transparent;
								}

/* aktiv > fokus */
div#intro ul.sprachwahl li a:focus,
div#intro ul.sprachwahl li a:hover {
								border: 1px solid #fff;
								color: #fff;
								background-color: #a6aaba;
								}

/* aktiv > klick */
div#intro ul.sprachwahl li a:active {
								border: 1px solid #a6aaba;
								color: #a6aaba;
								background-color: #fff;
								}


/* 			Branding
==================== */

div#branding {
								position: relative;
								overflow: hidden;
								width: 100%;
								height: 110px;
								top: 36px;
								color: #fff;
								background: #2b365e url(images/top_banner.gif) no-repeat 250px 0;
								border-top: 1px solid #fff;
								border-bottom: 1px solid #fff;
								}

div#branding h1 {
								overflow: hidden;
								position: relative;
								text-indent: -9999px;
								}

div#branding-en {
								position: relative;
								overflow: hidden;
								width: 100%;
								height: 110px;
								top: 36px;
								color: #fff;
								background: #2b365e url(images/top_banner_e.gif) no-repeat 250px 0;
								border-top: 1px solid #fff;
								border-bottom: 1px solid #fff;
								}

div#branding-en h1 {
								overflow: hidden;
								position: relative;
								text-indent: -9999px;
								}


/* 			Navigation
====================== */

/*			Menü horizontal
=========================== */
div#nav-infos {
								position: relative;
								overflow: hidden;
								top: -112px;
								left: 0;
								width: 100%;
								height: 36px;
								vertical-align: bottom;
								color: #000;
								background-color: #b6c8cf;
								}

div#nav-infos div.lang-select {
								position: absolute;
								bottom: 0;
								left: 0;
								width: 250px;
								height: 36px;
								vertical-align: bottom;
								color: #000;
								background-color: #5f6478;
								}

div#nav-infos div.lang-select p {
								position: absolute;
								bottom: 0;
								right: 0;
								padding-right: 16px;
								margin-bottom: 0;
								text-align: right;
								}

div#nav-infos div.lang-select p a:link,
div#nav-infos div.lang-select p a:visited {
								font-weight: normal;
								color: #fff;
								}

div#nav-infos div.lang-select p a:focus,
div#nav-infos div.lang-select p a:hover,
div#nav-infos div.lang-select p a:active {
								font-weight: normal;
								}

ul.nav_main {
								position: absolute;
								overflow: hidden;
								width: 550px;
								bottom: 0;
								left: 250px;
								padding-left: 48px;
								}
								
ul.nav_main li {
								float: right;
								padding-left: 16px;
								}

/* inaktiv */
ul.nav_main a:link,
ul.nav_main a:visited {
								font-weight: normal;
								border-bottom: 0;
								color: #454545;
								}

/* aktiv > fokus */
ul.nav_main a:focus,
ul.nav_main a:hover {
								font-weight: normal;
								border-bottom: 0;
								color: #fff;
								}

/* aktiv > klick */
ul.nav_main a:active {
								font-weight: normal;
								border-bottom: 0;
								color: #fff;
								}

/* Pfad bis und mit aktivem Eintrag */
ul.nav_main li.nav_main_here a {
								color: #fff;
								background-color: #87abad;
								}
								
/* Aktiver Eintrag */
ul.nav_main li.nav_main_self a {
								color: #fff;
								background-color: #87abad;
								}




/*			Menü vertikal
========================= */
div#nav-inhalt {
								position: absolute;
								overflow: hidden;
								top: 148px;
								left: 0;
								width: 250px;
								text-align: right;
								font-size: 1em;
								font-weight: bold;
								letter-spacing: 0.1em;
								color: #fff;
								background-color: #5f6478;
								}

ul.nav_sub {
								padding: 32px 16px 16px 16px;
								}

ul.nav_sub li {
								padding-bottom: 12px;
								padding-left: 0;
								}

ul.nav_sub li ul li {
								padding-bottom: 6px;
								}

/* Headlines */
ul.nav_sub li span.nav-headline {
								display: block;
								font-size: 1.25em;
								margin-bottom: .5em
								}


ul.nav_sub li.Ebene1 span {
								display: block;
								font-size: 1.25em;
								margin-bottom: .5em
								}

ul.nav_sub li.Ebene2 span {
								display: block;
								font-size: 1em;
								margin-bottom: 0;
								}

/* inaktiv */
ul.nav_sub li a:link,
ul.nav_sub li a:visited {
								color: #fff;
								background-color: transparent;
								}

/* aktiv > fokus */
ul.nav_sub li a:focus,
ul.nav_sub li a:hover,
ul.nav_sub li a:active {
								color: #fff;
								background-color: #2b365e;
								}

/* Pfad bis und mit aktivem Eintrag */
ul.nav_sub li.nav_sub_here a.nav_sub_here {
								color: #fff;
								background-color: #2b365e;
								}
								
/* Aktiver Eintrag */
ul.nav_sub li.nav_sub_self a.nav_sub_self {
								color: #fff;
								background-color: #2b365e;
								}

/* 			Content
=================== */

div#inhalt {
								position: relative;
								overflow: hidden;
								width: 598px;
								margin-left: 250px;
								color: #000;
								background-color: #e4e9eb;
								}

div.content-main-box {
								position: relative;
								overflow: hidden;
								width: 550px;
								padding: 16px 16px 16px 32px;
								color: #000;
								background-color: #fff;
								}



/* 			Footer
================== */

div#footer {
								position: relative;
								overflow: hidden;
								width: 598px;
								margin-left: 250px;
								padding: 1.25em 0 0 32px;
								}


/* 			Site Info
===================== */

div#site_info {
								position: relative;
								overflow: hidden;
								width: 598px;
								margin-left: 250px;
								padding: 1.25em 0 1.25em 0;
								}




/*										===================
										Grundformatierungen
=========================================================== /*


/*			Links
================= */

/* inaktiv */
a:link,
a:visited {
								text-decoration: none;
								font-weight: bold;
								color: #87abad;
								background: transparent;
								}

/* aktiv */
a:focus,
a:hover {
								text-decoration: none;
								color: #fff;
								background-color: #87abad;
								}

a:active {
								text-decoration: none;
								color: #fff;
								background-color: #2b365e;
								}

a.pdf {
								padding-left: 20px;
								margin: 4px 0;
								background: transparent url(images/pdf.jpg) no-repeat 0 0;
								}

a.pdf:focus,
a.pdf:hover {
								text-decoration: none;
								color: #fff;
								background: #87abad url(images/pdf.jpg) no-repeat 0 0;
								}



/*			Headings
==================== */

h1, h2, h3, h4, h5, h6 {
								font: 500 1em Verdana, Arial, Helvetica, sans-serif;
								}

h1 {
								}

h2 {
								overflow: hidden;
								font-weight: bold;
								color: #2b365e;
								margin: 16px 0;
								border-bottom: 1px solid #2b365e;
								}

h2 span.back {
								float: right;
								}

h3 {
								color: #2b365e;
								font-weight: bold;
								margin-bottom: 6px;
								}

h4 {
								}

h5 {
								}

h6 {
								}





/*			Paragraphs
====================== */

p {
								margin-bottom: 1.25em;
								}

.fett {
								font-weight: bold;
								}

.kursiv {
								font-style: italic;
								}

.durchgestrichen {
								text-decoration: line-through;
								}

.klein {
								font-size: .86em;
								}

.kleiner {
								font-size: .8em;
								}

.sehr_klein {
								font-size: .72em;
								}

p.subheading {
								overflow: hidden;
								font-weight: bold;
								color: #2b365e;
								padding-bottom: 16px;
								margin: 16px 0;
								border-bottom: 1px solid #2b365e;
								}

.introtext {
                                padding-bottom: 8px;
								margin: 16px 0;
								border-bottom: 1px solid #2b365e;
}


/*			Lists
================= */

ul {		
								}

ul li {
								padding-left: 1em;
								}


ul.bullet {
								list-style: circle;
								list-style-position: inside;
								}


ul.beitragsbilder {
								float: left;
								padding-right: 12px;
								}

ul.beitragsbilder li {
								padding: 0;
								}




/*			Images
================== */

img.links {
								
								float: left;
								margin: .5em 0 0 0;
								}

img.rechts {
								
								float: right;
								margin: 0 0 0 .5em;
								}




/*										============
										Main Content 
==================================================== */

/*			Listings
==================== */

li.listing {
								position: relative;
								overflow: hidden;
								padding: 0;
								border-bottom: 1px solid #2b365e;
								margin-bottom: 16px;
								padding-bottom: 16px;
								}

/* Paragraphen */

li.listing p.last {
								margin-bottom: 0;
								}

/* Bilder/Icons */

li.listing div.icon,
li.listing ul.beitragsbilder {
								position: absolute;
								padding: 0 16px 16px 0;
								left: 0;
								top: 0;
								float: none;
								}


ul.buchbild {
    float: right;
}

/* Abstände Icon -> Infos */

li.buchkapitel,
li.buecher,
li.fachzeitschriften {
								padding-left: 66px;
								min-height: 75px;
								}
								
li.buecher.large {
                                padding-left: 240px; 
}

li.listing.large div.icon {
                                position: relative;
                                margin-left: -240px;
                                float: left;
    
}

li.listing.large div.icon img {
                                width: 220px;
                                height: auto;
}

li.listing.large dl.infos-beitrag dt {
                                width: 130px;
}

li.listing.large dl.infos-beitrag dd {
                                width: 170px;
}

li.listing.medium div.icon {
                                position: relative;
                                float: left;
                                padding-bottom: 0;
}

li.listing.medium div.icon img {
                                width: 140px;
                                height: auto;
}

li.listing.medium div.icon small {
                                width: 140px;
                                display: block;                                
}


li.zeitungsartikel,
li.internet,
li.fernsehinterviews,
li.radiointerviews,
li.zeitungsinterviews,
li.fachkonferenzen,
li.oeffentliche_vortraege,
li.besprechungen_buecher,
li.besprechungen_vortraege {
								padding-left: 116px;
								}

li.universitaere_lehre {
								padding-left: 116px;
								min-height: 80px;
								}

li.kinointerviews {
								padding-left: 172px;
								min-height: 242px;
								}

li.youtube {
                                padding-left: 0;
}

li.naechste_vortraege {
    border-bottom: 0;
    padding-bottom: 0;
}
li.naechste_vortraege .info-text {
    float: left;
    width: 370px;
}
li.naechste_vortraege img {
    float: right;
    width: 145px;
    height: auto;
}

li.youtube ul.beitragsbilder {
    position: relative;
    float: left;
}

li.youtube dl.infos-beitrag dd {
    width: 200px;
}

li.youtube .rating {
    float: left;
    width: 70px;
}

li.youtube .rating .rating-number {
    background: #87ABAD;
    color: #FFF;
    width: 18px;
    height: 16px;
    padding-top: 2px;
    border-radius: 18px;
    display: inline-block;
    text-align: center;
    margin-left: 3px;
}

li.youtube h3 {
    margin-bottom: 6px;
}

/* Definition-Lists */



dl.infos-beitrag {
								overflow: hidden;
								}

dl.infos-beitrag dt {
								font-weight: bold;
								width: 120px;
								overflow: hidden;
								clear: left;
								float: left;
								padding-bottom: .3em;
								color: #333;
								}

dl.infos-beitrag dt:after {
								content: ":";
								}

dl.infos-beitrag dd {
								float: left;
								clear: right;
								padding-bottom: .3em;
								width: 260px;
								}

li.listing dl.infos-beitrag {
								margin: 0;
								width: auto;
								}

li.listing dl.infos-beitrag dt {
								width: 100px;
								}

li.besprechungen_buecher dl.infos-beitrag dd {
                                width: 200px;
}

/* Abstände Definition-Lists */

dl.finanzen {
								overflow: hidden;
								margin-top: 1.25em;
								}

dl.finanzen dt {
								font-weight: bold;
								width: 80px;
								overflow: hidden;
								clear: left;
								float: left;
								padding-bottom: 1.25em;
								color: #333;
								}

dl.finanzen dt:after {
								content: ":";
								}

dl.finanzen dd {
								clear: right;
								float: left;
								padding-bottom: 1.25em;
								}


/*			Home
================ */


div.home-intro {
								overflow: hidden;
								position: relative;
								}

div.home-intro img.ganser-portrait {
								float: left;
								margin-right: 16px;
								}

div.home-intro h3 {
								margin-bottom: 1.25em;
								}

div.spalten-layout {
								overflow: hidden;
								position: relative;
								margin-top: 1.25em;
								}

div.spalte_1 {
								overflow: hidden;
								width: 45%;
								margin: 0 2.5% 0 2.5%;
								}


div.spalte_2 {
								overflow: hidden;
								width: 45%;
								margin: 0 2.5% 0 2.5%;
								float: right;
								}

div.spalte_1 img,
div.spalte_2 img {
								padding: 8px;
								border: 1px solid #ccc;
								margin-bottom: 16px;
								}

span.video {
								float: right;
								overflow: hidden;
								width: 50px;
								height: 50px;
								}

span.video a {
								display: block;
								width: 50px;
								height: 50px;
								background: transparent url(images/Video-Icon.jpg) no-repeat;
								}

span.video a:link,
span.video a:visited {
								background-position: 0 0;
								}

span.video a:focus,
span.video a:hover {
								background-position: 0 -50px;
								}

span.video a:active {
								background-position: 0 0;
								}


/*										=========
										Site Info
================================================= */

div#site_info-content {
								
								}

/* Copyright */
p#copyright {
								
								}

/* Manager Login/Logout Link */
span.login-logout {
								
								}


/*										======
										Footer
============================================== */

div#footer-content {
								
								}

div#footer-content p {
								
								}

/* Weblogin */
div#footer-login {
								
								}

legend#wlpeLegend {
								font-weight: bold;
								}

div#footer-login input[type="text"],
div#footer-login input[type="password"] {
								width: 12em;
								border: 1px solid #666;
								}

div#footer-login label,
div#footer-login button#wlpeLoginButton {
								margin-left: 1em;
								}


div#footer-login fieldset {
								
								}

div#footer-login fieldset#wlpeLoginButtons,
div#footer-login fieldset#wlpeUserProfileButtons,
div#footer-login fieldset#wlpeRegisterButtonFieldset,
div#footer-login fieldset#wlpeResetButtonFieldset {
								padding-top: .5em;
								margin-top: .5em;
								border-top: 1px solid #c3b9a5;
								}

blockquote {
    font-size: 14px;
    line-height: 22px;
    padding: 0 25px 0 15px;
    margin-bottom: 0;    
}

blockquote p {
    margin-bottom: 10px;    
}

blockquote {
/* 	margin-bottom: 1.5em; */


/*
	font-size: 14px;
	line-height: 27px;
	padding-right: 20px;
	letter-spacing: 0.002em;
	color: rgb(39,56,95);
	margin: 10px 0 25px 0;
*/
}

/*										====================
										Override Snippet CSS
============================================================ */

/*			directresize
======================== */

.highslide img {
								border: 1px solid #666 !important;
								padding: .4em !important;
								background-color: #ffffff !important;
								}

.highslide:hover img,
.highslide:active img {
								border: 1px solid #666 !important;
								padding: .4em !important;
								background-color: #87abad !important;
								}

a.highslide:hover {
								background: transparent;
								}