/* DATEI: clandestin.css */
html { 
	overflow-y		:	scroll;
} /* permanenter scrollbalkenbereich, um ein hin- und herspringen der site zu verhindern */

body { 
	margin			:	0 0 0 0;	
}

.container {
	padding			:	0 0 8px 0;
	background-image:	url(../upload/bilder/hin-grauhell.png);
}

@font-face {
font-family: Source Sans Pro Light;
src: url(fonts/Source_Sans_Pro/SourceSansPro-Light.ttf);
}
@font-face {
font-family: Source Sans Pro Regular;
src: url(fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf);
}
@font-face {
font-family: Source Sans Pro Bold;
src: url(fonts/Source_Sans_Pro/SourceSansPro-Bold.ttf);
}
@font-face {
font-family: Source Sans Pro Black;
src: url(fonts/Source_Sans_Pro/SourceSansPro-Black.ttf);
}
@font-face {
font-family: Source Serif Pro Regular;
src: url(fonts/Source_Serif_Pro/SourceSerifPro-Regular.ttf);
}

a, p, h1, h2, h3, h4, ul, ol, li, div, td, th, address, blockquote, nobr, b, i, form { 
	font-family		: 	Source Sans Pro Light, Arial, Helvetica, sans-serif;
}

p, li, td, th, address, nobr, form { 
	font-size		:	0.8rem; 
	font-weight		:	regular;
	font-style		:	normal;
	color			:	#707070;
	text-transform	:	none;
	text-decoration	:	none;		
	letter-spacing	:	0;
	line-height		:	1.2em;
	margin			:	0 0 0.5em 0;
}
div { 
	font-size		:	1.0em; 
	font-weight		:	regular;
	font-style		:	normal;
	color			:	#707070;	
	text-transform	:	none;
	text-decoration	:	none;		
	letter-spacing	:	0em;
	line-height		:	1.2em;
}
li {
	margin			:	0 0 0.2em 0;
}

/* class-elemente */
.gross{ 
	font-size		:	1.0em; 
}
.klein{ 
	font-size		:	0.8em;
	letter-spacing	:	0;
	line-height		:	1.0em;	
}
.kleinst{ 
	font-size		:	0.7em;
	letter-spacing	:	0;
	line-height		:	1.0em;		
}
.textfeld {
	padding				:	4px;
}
.textfeld-adresse {
	padding				:	4px 8px 4px 4px;
}
.textfeld-news {
	padding				:	4px 8px 4px 0;
}
.textfeld-newslinks {
	padding				:	4px 0 4px 8px;
}
.textfeld-katalog {
	padding				:	12px 0 4px 0;
}
.textfeld-katalog.klein h2 {
	font-size: 1rem;	
}
.textfeld-isbn {
	padding				:	4px 0 12px 0;
}
.textfeld-buch {
	padding				:	4px 8px 4px 8px;
}
.textfeld-kuenstler {
	padding				:	4px 8px 4px 8px;
}
.bildfeld-katalog {
	padding				:	16px 8px 16px 16px;
}
.bgweiss {
	background-color	:	#FFFFFF;
}
.bggrauhell {
	background-color	:	#E3E3E3;	
}
.bgrosa {
	background-color	:	#F5CEC5;	
}
.bggruen {
	background-color	:	#D7EAD9;	
}
.grau {
	color				:	#707070;
}
.rot {
	color				:	#D51030;
}
.weiss {
	color				:	#FFFFFF;
}

.logo {
	font-family			:	Source Serif Pro Regular, Arial, Helvetica, serif;
	font-size			:	2.0em;
	color				:	#707070;
	letter-spacing		:	0.1em;	
	line-height			:	36px;		
	text-transform		:	lowercase;
	margin				:	0;
}

.rechts{ 
	text-align			:	right;
}
.links{ 
	text-align			:	left;
}
.center{ 
	text-align			:	center;
}
.unten{ 
	vertical-align		: 	bottom;	
}
.adresse{ 
	font-size			:	0.8em;
	text-align			:	right;
	line-height			:	1.5em;	
}


.light{  
	font-family		: 	Source Sans Pro Light, Arial, Helvetica, sans-serif;
}
.roman{  
	font-family		: 	Source Sans Pro Regular, Arial, Helvetica, sans-serif;
}
.bold{  
	font-family		: 	Source Sans Pro Bold, Arial, Helvetica, sans-serif;
}
.black{  
	font-family		: 	Source Sans Pro Black, Arial, Helvetica, sans-serif;
}
.eng{ 
	margin			:	0 0 0 0;
}
.kursiv{ 
	font-style		:	italic;
}

.uppercase{ 
	text-transform	:	uppercase;
}
.einzug{ 
	text-indent		:	2em;
}
.float {
	width			:	auto;	
	float			:	left;
	margin-right	:	25px;	
}
.rand8,
.buch-bild img {
	padding-top		:	8px;
	padding-bottom	:	8px;	
}
.buch-bild img {
	padding-top		:	0;	
}

/* hyperlinks-elemente */
a:link {
	font-family		:	Source Sans Pro Regular, Arial, Helvetica, sans-serif;	 
	text-decoration	:	none; 
	color			:	#667799;		
}
a:visited {
	font-family		:	Source Sans Pro Regular, Arial, Helvetica, sans-serif;	 
	text-decoration	:	none;  					
	color			:	#667799;
}
a:active { 
	font-family		:	Source Sans Pro Regular, Arial, Helvetica, sans-serif;
	text-decoration	:	none;  
	color			:	#8b9bcb;			
}
a:hover { 
	font-family		:	Source Sans Pro Regular, Arial, Helvetica, sans-serif;
	text-decoration	:	none;  
	color			:	#8b9bcb;	
}

.menulink {
	font-family		:	Source Serif Pro Regular, Arial, Helvetica, serif !important;;
	bottom			:	0;
	display			: 	block; 
	height			:	26px;
	width			:	144px;
	margin			:	0 0 4px 0;
	padding			:	0 8px 0 0;
	text-align		:	right;
	font-size		:	1.2em !important;;
	text-transform	:	lowercase;
	letter-spacing	:	0;
	color			:	#707070;
}
.menulink:link {	
	color			:	#707070;						
}
.menulink:visited {				
	color			:	#707070;			
}
.menulink:hover {			
	color			:	#D51030;		
}
.menulink:active {			
	color			:	#D51030;				
}

.active {
	color			:	#D51030 !important;
}
.active:link {	
	color			:	#D51030 !important;						
}
.active:visited {				
	color			:	#D51030 !important;			
}
.active:hover {			
	color			:	#D51030 !important;		
}
.active:active {			
	color			:	#D51030 !important;				
}

.active.has-subnav	{			
	margin-bottom	:	-4px !important;	
}
.submenulink {
	font-family		:	Source Serif Pro Regular, Arial, Helvetica, serif !important;;
	bottom			:	0;
	display			: 	block; 
	height			:	18px;
	width			:	144px;
	margin			:	0 0 4px 0;
	padding			:	0 8px 0 0;
	text-align		:	right;
	font-size		:	1.0em !important;;
	text-transform	:	lowercase;
	letter-spacing	:	0;
	color			:	#707070;
}
.submenulink:link {	
	color			:	#707070;						
}
.submenulink:visited {				
	color			:	#707070;			
}
.submenulink:hover {			
	color			:	#D51030;		
}
.submenulink:active {			
	color			:	#D51030;				
}

.submenuaktiv {
	font-family		:	Source Serif Pro Regular, Arial, Helvetica, serif !important;;
	bottom			:	0;
	display			: 	block; 
	height			:	18px;
	width			:	144px;
	margin			:	0 0 4px 0;
	padding			:	0 8px 0 0;
	text-align		:	right;
	font-size		:	1.0em !important;;
	text-transform	:	lowercase;
	letter-spacing	:	0;
	color			:	#D51030;
}
.submenuaktiv:link {	
	color			:	#D51030;						
}
.submenuaktiv:visited {				
	color			:	#D51030;			
}
.submenuaktiv:hover {			
	color			:	#D51030;		
}
.submenuaktiv:active {			
	color			:	#D51030;				
}

.submenulink-last	{			
	margin-bottom	:	12px !important;
}

/* Abänderungen an typography.css */
h1 {
	font-family			:	Source Serif Pro Regular, Arial, Helvetica, serif;
	font-weight			:	normal;
	font-size			:	2.0em;
	color				:	#707070;
	letter-spacing		:	0.1em;		
	text-transform		:	lowercase;
	line-height			:	36px;
	margin				:	0;
}
h2, h3, h4, h5, h6 {
	font-family		:	Source Sans Pro Light, Arial, Helvetica, sans-serif;	
}
h2 {
	font-size		:	1.0em;
	line-height		:	1.0em;
	margin			:	0 0 0.3em 0;
	text-transform	:	none;
	letter-spacing	:	0;	
	color			:	#D51030;
}
h3 {
	font-size		:	0.9em;
	line-height		:	1.0em;
	margin			:	0 0 0 0;
	text-transform	:	none;
	letter-spacing	:	0;	
	color			:	#707070;	
}
h4 {
	font-size		:	0.9em;
	line-height		:	1.1em;
	margin			:	0 0 0.7em 0;
	text-transform	:	none;
	letter-spacing	:	0;	
	color			:	#707070;
}
h5 {
	font-size		:	0.9em;
	line-height		:	1.1em;
	margin			:	0 0 0.7em 0;
	text-transform	:	none;
	letter-spacing	:	0;	
	color			:	#D51030;
}
h6 {
	font-size		:	0.9em;
	line-height		:	1.1;
	letter-spacing	:	0.1em;	
	margin			:	1.0em 0 0 0;
	text-transform	:	none;
}

/* Abänderungen an grid.css */


.top-4 {margin-top:-4px;}
.top-8 {margin-top:-8px;}
.top-10 {margin-top:-10px;}

.top4 {margin-top:4px;}
.top8 {margin-top:8px;}
.top16 {margin-top:16px;}
.top24 {margin-top:24px;}
.top32 {margin-top:32px;}
.top40 {margin-top:40px;}
.top50 {margin-top:50px;}
.top60 {margin-top:60px;}
.top64 {margin-top:64px;}
.top76 {margin-top:76px;}
.top80 {margin-top:80px;}
.top84 {margin-top:84px;}
.top116 {margin-top:116px;}
.top120 {margin-top:120px;}
.top156 {margin-top:156px;}
.top160 {margin-top:160px;}
.top196 {margin-top:196px;}
.top200 {margin-top:200px;}
.top236 {margin-top:236px;}
.top240 {margin-top:240px;}
.top276 {margin-top:276px;}
.top280 {margin-top:280px;}
.top316 {margin-top:316px;}
.top320 {margin-top:320px;}

.bottom5 {margin-bottom:5px;}
.bottom10 {margin-bottom:10px;}
.bottom20 {margin-bottom:20px;}
.bottom30 {margin-bottom:30px;}

.left-5 {margin-left:-5px;}
.left-10 {margin-left:-10px;}
.left-15 {margin-left:-15px;}
.left-20 {margin-left:-20px;}
.left-25 {margin-left:-25px;}
.left-30 {margin-left:-30px;}
.left-40 {margin-left:-40px;}
.left-160 {margin-left:-160px;}
.left-200 {margin-left:-200px;}
.left10 {margin-left:10px;}
.left20 {margin-left:20px;}
.left30 {margin-left:30px;}
.left32 {margin-left:32px;}
.left40 {margin-left:40px;}
.left50 {margin-left:50px;}
.left60 {margin-left:60px;}
.left70 {margin-left:70px;}
.left72 {margin-left:72px;}
.left80 {margin-left:80px;}
.left90 {margin-left:90px;}
.left100 {margin-left:100px;}
.left110 {margin-left:110px;}
.left112 {margin-left:112px;}
.left120 {margin-left:120px;}
.left130 {margin-left:130px;}
.left132 {margin-left:132px;}
.left140 {margin-left:140px;}
.left150 {margin-left:150px;}
.left160 {margin-left:160px;}
.left170 {margin-left:170px;}
.left180 {margin-left:180px;}
.left190 {margin-left:190px;}
.left200 {margin-left:200px;}
.left312 {margin-left:312px;}

.p4 {padding:4px;}
.p8 {padding:12px 8px 8px 8px;}
.p10 {padding:10px 0 0 10px;}
.pt10 {padding:10px 0 0;}

.ptop16 {padding-top:16px;}

.pleft-8 {padding-left:-8px;}

.pleft4 {padding-left:4px;}
.pleft8 {padding-left:88px;}
.pleft10 {padding-left:10px;}
.pleft20 {padding-left:20px;}
.pleft40 {padding-left:40px;}
.pleft80 {padding-left:80px;}
.pleft120 {padding-left:120px;}
.pleft160 {padding-left:160px;}
.pleft200 {padding-left:200px;}
.pleft240 {padding-left:240px;}
.pleft280 {padding-left:280px;}
.pleft312 {padding-left:312px;}
.pleft320 {padding-left:320px;}
.pleft360 {padding-left:360px;}
.pleft400 {padding-left:400px;}

.pright4 {padding-right:4px;}
.pright10 {padding-right:10px;}
.pright20 {padding-right:20px;}
.ptop4 {padding-top:4px;}

.h4 {height:4px;}
.h8 {height:8px;}
.h10 {height:10px;}
.h18 {height:18px;}
.h20 {height:20px;}
.h22 {height:22px;}
.h25 {height:25px;}
.h30 {height:30px;}
.h32 {height:32px;}
.h36 {height:36px;}
.h40 {height:40px;}
.h44 {height:44px;}
.h72 {height:72px;}
.h80 {height:80px;}
.h104 {height:104px;}
.h112 {height:112px;}
.h120 {height:120px;}
.h152 {height:152px;}
.h160 {height:160px;}
.h192 {height:192px;}
.h200 {height:200px;}
.h232 {height:232px;}
.h240 {height:240px;}
.h272 {height:272px;}
.h280 {height:280px;}
.h312 {height:312px;}
.h320 {height:320px;}
.h352 {height:352px;}
.h360 {height:360px;}
.h392 {height:392px;}
.h400 {height:400px;}
.h436 {height:436px;}
.h440 {height:440px;}
.h516 {height:516px;}
.h520 {height:520px;}
.h556 {height:556px;}
.h560 {height:560px;}
.h596 {height:596px;}
.h600 {height:600px;}
.h632 {height:632px;}
.h636 {height:636px;}
.h640 {height:640px;}
.h676 {height:676px;}
.h680 {height:680px;}
.h716 {height:716px;}
.h720 {height:720px;}
.h756 {height:756px;}
.h760 {height:760px;}
.h796 {height:796px;}
.h800 {height:800px;}
.h836 {height:836px;}
.h840 {height:840px;}
.h876 {height:876px;}
.h880 {height:880px;}
.h916 {height:916px;}
.h920 {height:920px;}
.h956 {height:956px;}
.h960 {height:960px;}
.h996 {height:996px;}
.h1000 {height:1000px;}

.mh36 {min-height:35px;}
.mh40 {min-height:40px;}
.mh76 {min-height:76px;}
.mh80 {min-height:80px;}
.mh112 {min-height:112px;}
.mh120 {min-height:120px;}
.mh152 {min-height:152px;}
.mh160 {min-height:160px;}
.mh192 {min-height:192px;}
.mh200 {min-height:200px;}
.mh232 {min-height:232px;}
.mh240 {min-height:240px;}
.mh272 {min-height:272px;}
.mh280 {min-height:280px;}
.mh312 {min-height:312px;}
.mh320 {min-height:320px;}
.mh352 {min-height:352px;}
.mh360 {min-height:360px;}
.mh392 {min-height:392px;}
.mh400 {min-height:400px;}
.mh432 {min-height:432px;}
.mh440 {min-height:440px;}
.mh512 {min-height:512px;}
.mh520 {min-height:520px;}
.mh552 {min-height:552px;}
.mh560 {min-height:560px;}
.mh592 {min-height:592px;}
.mh600 {min-height:600px;}
.mh632 {min-height:632px;}
.mh640 {min-height:640px;}
.mh672 {min-height:672px;}
.mh680 {min-height:680px;}
.mh712 {min-height:712px;}
.mh720 {min-height:720px;}
.mh752 {min-height:752px;}
.mh760 {min-height:760px;}
.mh792 {min-height:792px;}
.mh800 {min-height:800px;}
.mh832 {min-height:832px;}
.mh840 {min-height:840px;}
.mh872 {min-height:872px;}
.mh880 {min-height:880px;}
.mh912 {min-height:912px;}
.mh920 {min-height:920px;}
.mh952 {min-height:952px;}
.mh960 {min-height:960px;}
.mh992 {min-height:992px;}
.mh1000 {min-height:1000px;}

hr {background:#9c9e9f;color:#9c9e9f;clear:both;float:none;width:100%;height:1px;margin:0 0 17px;border:none;}
hr.zeile {background:#9c9e9f;color:#9c9e9f;clear:both;float:none;width:100%;height:1px;margin:0 0 3px 0;border:none;}

.mob-show {
	display: none;	
}
/* form */
.pifa-form,
.pifa-field-13 {
	padding-top: 8px;	
}
.pifa-field-1 {
	padding-bottom: 8px;
}
input[type='text'],
.fake-input {
	width: 390px;	
	padding: 0 5px;
}
.fake-input {
	font-family: Source Sans Pro Bold;	
}
.pifa-field-lbl {
	display: inline-block;
	width: 110px;
	text-align: right;
}
.pifa-field-2 .pifa-field-lbl {
	float: left;	
}
.pifa-field-5.full-row {
	margin-bottom: 10px;
}
.pifa-field-5.full-row .checkbox_wrapper {
	padding-left: 120px;
	margin: 5px 0;
}
.checkbox_wrapper input {
	float: left;
}
.checkbox_wrapper label {
	margin-left: 20px;
    display: inline-block;
    width: 390px;
}
.pifa-field-14.half-row {
	padding-left: 120px;
	float: left;
	width: 130px;
}
.half-row,
.half-row input {
	width: 50%;	
}
a.cntnd_link.pikto-after {
	color: #666;
	text-decoration: none;
	display: block;
}
a.cntnd_link[href=''] {
	color: #666;
	text-decoration: none;
	display: block;
}

/* layout */
.cntnd_linktext {
	font-family		: 	Source Sans Pro Light, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	vertical-align: top;
}
.news-artikel {
	margin-top: 8px;
	margin-left:60px;
}
.news-index:first-of-type .news-artikel {
	margin-top: 0;	
}
.news-start .news-artikel {
	margin-top: 0;
	margin-left: 0;
}

.collapse.in {
    display: block;
}

.collapse {
    display: none;
}
.katalog-sonderpreis {
	color: red;
	font-family		: 	Source Sans Pro Bold, Arial, Helvetica, sans-serif;	
}
.katalog-actions { cursor: pointer; }

.katalog-actions a { 
	font-family: Source Sans Pro Light, Arial, Helvetica, sans-serif !important;
    color: #707070 !important;
}
.toc-item { 
	cursor: pointer;
}
.toc-item h5 { 
	color: #707070;
}
.toc-item.active h5 { 
	color: #D51030;
}
.kontakt-item {
	margin-top: 8px;	
}
.kontakt-item:nth-of-type(1),
.kontakt-item:nth-of-type(2) {
	margin-top: 0;	
}
.kontakt-item:nth-of-type(even) {
	margin-right: 0 !important;	
}
.bestell-link {
	font-family: Source Sans Pro Light, Arial, Helvetica, sans-serif !important;
	color: #707070 !important;
}
/* collapse */
.collapsable.collapsed > .collapse-off {
	display: none !important;	
}
.collapsable.collapsed > .collapse-on {
	display: inline-block !important;	
}
.collapsable > .collapse-on {
	display: none;	
}
.collapsable > .collapse-off {
	display: inline-block;	
}
.text-vorzugsausgabe--buch {
	font-size: 0.8em;
	text-transform: uppercase;
}
.text-vorzugsausgabe {
	float: right;
	font-size: 0.8em;
	text-transform: uppercase;
}
.katalog-actions {
	cursor: pointer;	
}