@font-face {
    font-family: 'bebas_neueregular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
padding:0;
margin:0;
}

html{
height:100%; 
max-height:100%; 
padding:0; 
margin:0; 
border:0; 
background:#ffffff;
font-family:Arial,Helvetica,sans-serif;
line-height:1.3em;
color: #000000;
font-size:0.9em;
}

body{
height:100%; 
max-height:100%; 
padding:0; 
margin:0; 
border:0;
background:#ffffff;
text-align:center;
}

article, aside, figure, footer, header, hgroup, menu, nav, section{
display:block;
}

#wrapper{
width:1000px;
z-index:1;
margin: 0 auto;
text-align:left;
padding:5px 15px 15px 15px;
}

p{
margin-bottom:15px;
}

p.back{
width:100%;
text-align:right;
}

.bold{
font-weight:bold;
}

a{
text-decoration:none;
color:#f37c09;    
}

a:hover{
color:#000000;
text-decoration:underline;    
}

header#mh{
width:100%;
font-family:bebas_neueregular;
text-transform:uppercase;
font-size:1.1em;    
}

#headnav{
float:left;
width:100%;
padding:20px 0 20px 0;
}

#headnav ul{
list-style-type:none;    
}

#headnav a{
text-decoration:none;
color:#000000;    
}

#headnav a.akt{
color:#f37c09;    
}

#headnav a:hover{
color:#f37c09;    
}

#headnav ul li{
display:inline;    
}

#headnav ul#mmlist{
float:left;
font-size:1.5em;    
}

#headnav ul#mmlist li{
padding-right:10px;    
}

#headnav ul#smlist{
float:right;
}

#headnav ul#smlist li{
padding-left:5px;    
}

#sheaderimg{
float:left;
width:1000px;
height:375px;
position:absolute;
top:65px;
z-index:20px;   
}

#sheadertext{
float:left;
width:1000px;
height:375px;
position:relative;
top:0px;
z-index:30px;   
}

#sheadertext h1{
margin:0 auto;
margin-top:40px;
width:378px;
text-align:right;
font-size:100px;
line-height:1em;
}    

#sheadertext h1 span.ocol{
color:#f37c09;    
}

#sheadertext h1 span.move{
position:relative;
left:15px;    
}

#sheaderbooks {
    width: 760px;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 1.2em;
    color: #000;
    font-size: 0.7em;
    text-align: center;
    text-transform: none;
}

.sheaderbook {
    float: left;
    text-align: center;
    margin-bottom: 25px;
    width: 120px;
    height: 200px;
}

.sheaderbook img {
    height: 90%;
    width: auto;
}

.sheaderbook img:hover{
    opacity: 0.6;
    filter: alpha(opacity=60);
}

#sheaderbooks h3 {
    display: none;
}

#headerimg{
float:left;
width:1000px;
height:182px;
position:absolute;
top:65px;
z-index:20px;   
}

#headertext{
float:left;
width:1000px;
height:182px;
position:relative;
top:0px;
z-index:30px;   
}

#headertext h1{
width:980px;
padding:10px;
font-size:90px;
line-height:0.9em;
}    

#headertext h1 span.ocol{
color:#f37c09;    
}

#headertext h1 span.move{
position:relative;
left:26px;    
}

#ezsheaderimg{
float:left;
width:1000px;
height:284px;
position:absolute;
top:65px;
z-index:20px;   
}

#ezsheadertext{
float:left;
width:1000px;
height:284px;
position:relative;
top:0px;
z-index:30px;   
}

#ezsheadertext h1{
width:900px;
text-align:right;
padding:10px 90px 10px 10px;
font-size:90px;
line-height:0.9em;
color:#000000;
}

#kdheaderimg{
float:left;
width:1000px;
height:417px;
position:absolute;
top:65px;
z-index:20px;   
}

#kdheadertext{
float:left;
width:1000px;
height:417px;
position:relative;
top:0px;
z-index:30px;   
}

#kdheadertext h1{
float:right;
margin-right:138px;
margin-top:20px;
width:378px;
text-align:right;
font-size:90px;
line-height:0.9em;
}    

#kdheadertext h1 span.ocol{
color:#f37c09;    
}

#kdheadertext h1 span.move{
position:relative;
left:38px;    
}

/*
section#info, section#termine, section#articles {
float:left;
margin-top:15px;
}


section.thema{
padding-top:25px;    
}

*/

.italic{
font-style:italic;    
}

.orange{
color:#f37c09;   
}

.fs125{
font-size:125%;   
}

#main{
position:relative;
top:0px;
z-index:30px;
float:left;
width:1000px;
}

#content{
float:left;
width:730px;
padding:30px 50px 0px 0px;
}

#scontent{
float:left;
width: 700px;
padding: 30px 80px 0px 0px;
}

#content h2, #content h3, #content h4, #content h5, #content h6{
padding:5px 0 20px 0;
font-size:1.5em;
/*font-family:bebas_neueregular;
font-weight:normal;
text-transform:uppercase;*/    
}

#scontent h2, #scontent h3, #scontent h4, #scontent h5, #scontent h6{
padding:5px 0 20px 0;
font-size:1.5em;
/*font-family:bebas_neueregular;
font-weight:normal;
text-transform:uppercase;*/    
}

h2.publ{
line-height:120%;    
}

.marbo25{
margin-bottom:25px;
}

#sidenav{
float:left;
width:178px;
padding:15px 20px 20px 20px;
margin-top:30px;
text-align:center;
color:#ffffff;
background:#cccccc;
border:1px solid #e0e0e0;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
border-radius:4px;
}

#sidenav ul{
list-style-type:none;
padding-bottom:20px;    
}

#sidenav ul li{
margin-top:5px;    
}

#sidenav ul li.ishellip{
padding-bottom:5px;    
}

#sidenav ul li.isgrhe{
padding-top:27px;    
}

#sidenav ul li.slh{
font-family:bebas_neueregular;
font-size:133%;
color:#000000;
padding-bottom:13px;    
}

#sidenav ul li.isdbl{
padding:5px 0 5px 0;    
}

#sidenav a{
text-decoration:none;
color:#f37c09;    
}

#sidenav a.akt{
text-decoration:underline;    
}

#sidenav a:hover{
color:#000000;
text-decoration:underline;    
}

footer{
position:relative;
top:0px;
z-index:30px;
padding:60px 0 20px 0;
float:left;
width:1000px;
color:#f37c09;    
}

footer ul{
list-style-type:none;
float:right;    
}

footer ul li{
display:inline;
padding-left:5px;    
}

#aktuelles, #aufsaetze, #presse, #besprechungen, #news{
width:85%;
}

#aktuelles article, #aufsaetze article, #salons article, #presse article, #besprechungen article{
padding-bottom:5px;
padding-left:20px;    
}

#salons{
width:98%;
}

#salons article{
padding-bottom:40px;
}

#salons article.ezst{
display:table;
width:100%;
}

#salons div.ezstinfo{
display:table-cell;
width:60%;
vertical-align:top;
padding-bottom:30px;
padding-right:5%;
border-bottom:1px solid #cccccc;
}

#salons div.bnone{
border-bottom:none;
}

#salons div.ezstimg{
display:table-cell;
width:40%;
text-align:right;
padding-bottom:30px;
border-bottom:1px solid #cccccc;
}

#salons div.ezstimg img{
width:100%;
height:auto;
}

#aufsaetze div.item,
#besprechungen div.item{
margin-bottom:15px;
}

#aufsaetze div.item a.sph,
#besprechungen div.item a.sph,
#salons article a.sph{
display:inline-block;
padding-bottom:5px;
font-size:120%;
line-height:1.2em;
}

#aufsaetze div.item div.trenner,
#besprechungen div.item div.trenner{
width:100%;
padding-top:15px;
border-bottom:1px solid #cccccc;
}

#aktuelles header, #aufsaetze header, #salons header, #besprechungen header{
font-size:1.1em;
}

#aktuelles header span.datetime, #aufsaetze header span.datetime, #salons header span.datetime, #besprechungen header span.datetime{
font-size:0.75em;
}

#aktuelles div.item, #aufsaetze div.item, #salons div.item, #presse div.item, #besprechungen div.item{
padding-bottom:10px;
padding-left:20px;
}

#aktuelles div.item {
    padding-top:20px;
    border-top: 1px solid #cccccc;
}

#aktuelles p.phahead, #aufsaetze p.phahead, #salons p.phahead, #besprechungen p.phahead{
font-size:1.1em;
}

#aktuelles p.phahead span.datetime, #aufsaetze p.phahead span.datetime, #salons p.phahead span.datetime, #besprechungen p.phahead span.datetime{
font-size:0.75em;
}

#aktuelles ol, #news ol{
margin-left:15px;
color:#f37c09;    
}

#aktuelles ol, #news ol, #salons ol{
margin-left:15px;
color:#f37c09;    
}

section#salon,
section#gaestebuch,
section#aufsatz{
padding-right:100px;
}

#salon ol{
margin-left:18px;
}

#presse header, #presse p.phahead{
font-size:1.1em;
color:#f37c09;
}

#news h2{
padding:5px 0 5px 0;    
}

#news p.datetime{
padding:0px;
font-size:0.85em;
font-style:italic;    
}

#salon h2, #aufsatz h2{
padding:5px 0 3px 0;
line-height:1.05em;    
}

#salon h2 span.esfkt, #aufsatz h2 span.esfkt{
font-size:0.9em;
font-weight:normal;
font-style:italic;
}

#salon p.datetime, #aufsatz p.datetime{
padding:0px;
font-size:0.85em;
}

#personen{
float:left;
}

#personen div.person{
float:left;
width:100%;
margin:25px 0 10px 0;    
}

#personen p.thumb{
float:left;
width:175px;
padding-right:25px;
text-align:right;
}

#personen p.head{
float:left;
/*width:510px;*/
width:380px;
padding-left:20px;
font-style:italic;
}

#personen p.salonlink{
float:left;
width:380px;
padding-left:20px;
margin-left:20px;
background:#ffffff url(/images/ispc.png) left center no-repeat;
}

#personen p.pbearb{
float:right;
width:510px;
padding-left:20px;   
}

#person ul.rezlist{
list-style-type: disc;
margin-top:15px;
margin-left: 0px;
}

#person ul.rezlist li{
margin-left:15px;
line-height: 1.7em;
}

#personen ul.rezlist{
float:right;
width:510px;
padding-left:20px;   
list-style-type:none;   
}

#personen ul.rezlist li{
margin-bottom:5px;   
}

#personen a.name{
color:#000000;
font-size:1.25em;
font-style:normal;    
}

#person{
float:left;
padding-bottom:35px;
}

header#ph{
float:left;
width:100%;
font-style:italic;
padding-bottom:15px;    
}

#info-box {
float: left;
width: 274px;
}

p.buchinfo{
font-style:italic;
}

#pcon{
float:right;
width:60%;    
}

#statement{
float:right;
width:416px;
padding-left:40px;
}

#statement p{
text-align:justify;
}

#statement ul{
margin-left:15px;
margin-bottom:15px;    
}

#statement table{
width:100%;
margin-bottom:15px;
background:#000000;
border-collapse:collapse;    
}

#statement td{
padding:3px;
text-align:center;
border:1px solid #000000;
background:#ffffff;    
}

#statement ul.material{
list-style-type: disc;
margin-left:15px;
margin-top:15px;
}

#statement ul.material li{
line-height: 1.75em;
}

#pimg{
width:274px;
margin-bottom:10px;
}

#cimg{
width:224px;
margin-bottom:10px;
}

#galerie{
float:left;
width:730px;
padding-bottom:30px;    
}

#galerie ul{
float:left;
width:730px;
list-style-type:none;    
}

#galerie dl{
float:left;
width:100%;
padding-top:25px;
}

#galerie dl dt{
float:left;
width:208px;
text-align:center;
}

#galerie dl dd{
position:relative;
float:left;
width:497px;
text-align:left;
font-style:italic;
padding-left:25px;
}

#galerie dl dd p.imgdesc{
position:relative;
bottom:0px;
padding:0px;
font-style:italic;
}

#igalerie{
display:table;
width:729px;
margin-top:30px;
padding-bottom:30px;
}

#igalerie div{
display:table-row;
}

#igalerie dl{
display:table-cell;
width:243px;
vertical-align:top;
}

#igalerie dl dt.spalte0{
text-align:left;
}

#igalerie dl dt.spalte1{
text-align:center;
}

#igalerie dl dt.spalte2{
text-align:right;
}

#igalerie dl dd.spalte0 p{
float:left;
width:226px;
padding:0px;
}

#igalerie dl dd.spalte1 p{
width:227px;
padding:0 8px 0 8px;
text-align:center;
}

#igalerie dl dd.spalte2 p{
float:right;
width:226px;
padding:0px;
}

#igalerie dl dt img{
max-width:auto;
height:100%;
}

#igalerie dl dd{
text-align:center;
font-style:italic;
width:243px;
}

#igalerie dl dd p.imgdesc{
font-style:italic;
}

#glossar p{
font-style:italic;    
}

#glossar span.begriff{
font-style:normal;
font-weight:bold;    
}

/*Kontaktformular*/
.five_round{
width:85px;
padding:3px 10px 3px 10px;
color:#f37c09;
background:#cccccc;
border:1px solid #ffffff;    
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;    
}

table.kontaktform{
margin-bottom:25px;    
}

table.kontaktform td{
padding:8px 0 8px 0;    
}

table.kontaktform td.ml{
padding-right:5px;
vertical-align:middle;    
}

table.kontaktform td.tl{
padding-right:5px;
vertical-align:top;    
}

input{
font-family:arial;    
}

input.ktext{
width:310px;
}

input.kltext{
width:400px;
}

textarea.descr{
width:400px;
height:100px;
font-family:arial;
}

p.val_error{
color:#CC0000;    
}
/*Ende Kontaktform*/

section#login div.inner{
padding:60px 0 0 120px;    
}

.message{
color:#f37c09;    
}

/*Kommentare*/
section#kommentieren{
float:left;
width:630px;
margin-top:30px;
padding-top:25px;
border-top:1px solid #cccccc;    
}

.noborder{
border-color:#ffffff!important;    
}

section#kommentieren input.captcha, section#kontaktform input.captcha{
width:92px;    
}

section#kommentieren h6.kh{
margin:0px 0px 15px 0px!important;
padding:0;
font-size:100%;    
}

section#kommentieren table.main{
border-bottom:1px solid #cccccc;
padding-bottom:5px;
margin-bottom:30px;    
}

section#kommentieren table.main, section#kommentieren table.sub{
float:left;
width:630px;
}

section#kommentieren table.sub{
padding:25px 0 20px 0;
margin-bottom:25px;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

section#kommentieren table.main td, section#kommentieren table.sub td{
padding-bottom:5px;
}

section#kommentieren table.main td.label, section#kommentieren table.sub td.label{
width:110px;
}

section#kommentieren table.main td.datai, section#kommentieren table.sub td.datai{
width:270px;
}

section#kommentieren table.main td.datai input, section#kommentieren table.sub td.datai input{
width:98%;
}

section#kommentieren table.main td.ldescr, section#kommentieren table.sub td.ldescr{
padding-left:10px;
}

section#kommentieren table.main textarea, section#kommentieren table.sub textarea{
width:100%;    
}

section#kommentieren table.main td.recaptcha, section#kommentieren table.main td.recaptcha{
padding-top:10px;
padding-bottom:10px;
}

section#kommentieren table.main td.submit, section#kommentieren table.sub td.submit{
padding-bottom:20px;
}

section#kommentieren table.main td.submit input.five_round, section#kommentieren table.sub td.submit input.five_round{
width:105px;
}

section#kommentieren p.komhead span.name{
font-weight:bold;    
}

section#kommentieren p.komhead span.orange{
color:#f37c09;    
}

section#kommentieren p.komhead span.datetime{
font-size:80%;    
}

section#kommentieren p.komcontent{
font-style:italic;    
}

section#kommentieren div.antwort{
padding-left:30px;    
}

section#kommentieren p.ahead span.name{
font-weight:bold;    
}

section#kommentieren p.ahead span.datetime{
font-size:80%;    
}

section#kommentieren p.acontent{
font-style:italic;    
}

section#kommentieren div.kommentar{
border-bottom:1px solid #cccccc;
padding-bottom:10px;
margin-bottom:25px;    
}

section#kommentieren div.noborder{
border:none !important;
}
/*Ende Kommentare*/

p.nbcenter{
width:100%;
text-align:center;
font-weight:bold;
}

/*Bilder*/
div#img2014{
float:left;
padding:0 30px 10px 0;    
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #151515;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('images/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('images/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('images/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('images/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('images/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}