/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * This start_typo file is included in the WYSIWYG editor and the front end. It provides
 * a place to add link styles and font styles you would like in the CMS and the Front End.
 */


 
/* GENERIC STYLES 
-------------------------------------------- */
 
.start_typo * {
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

 


/* PARAGRAPHS 
-------------------------------------------- */
.start_typo p { 
	font-size:8pt;
	font-weight:lighter;
	line-height:14pt;
	margin: 0 0 0 0;
	/*color:#48711f;*/
	color:#e2e0ba;

}

.start_typo p.sortiment_kasten { 
	font-size:8pt;
	font-weight:bold;
	line-height:10pt;
	margin: 0 0 0 0;
	color:#c3c5a9;
}

.start_typo .box_li {
	color:#b8b183;
}
.start_typo .box_re {
	text-align:left;
	color:#e2e0ba;
}
.start_typo .grundschrift { 
	font-size:8pt;
	color:#48711f;
	font-weight:lighter;
	line-height:14pt;
}
.start_typo .grundschrift_kleiner { 
	font-size:7pt;
	color:#48711f;
	font-weight:lighter;
	line-height:14pt;
}
.start_typo .hell {
	text-align:left;
	color:#e2e0ba;
	text-transform:uppercase;
	font-size:9pt;
}
.start_typo .hell_box {
	text-align:left;
	color:#e2e0ba;
	font-size:8pt;
	margin-bottom:10px;
	margin-left:3px;
	margin-top:10px;
}
.start_typo .grundschrift_dunkel {
	font-size:8pt; 
	color:#848063;
	font-weight:lighter;
	line-height:14pt;
}

.start_typo .interview_frage {
	font-size:8pt;
	color:#96a059;
	font-weight:bold;
	font-style:italic;
	line-height:14pt;
	margin-top:10px;
	margin-bottom:5px;
	}

.start_typo .interview_antwort {
	font-size:8pt;
	color:#48711f;
	font-weight:lighter;
	line-height:14pt;
	margin-top:10px;
	margin-bottom:30px;
	}

.start_typo .dunklerkasten_3spaltig { 
	padding:10px;
	background-color:#d5d2a9;
	font-size:8pt;
	width:570px;
	clear:both;		
	color:#848063;
	font-weight:lighter;
	line-height:14pt;
	margin-bottom:18px;
	margin-top:5px;

}

.start_typo .dunklerkasten_3spaltig_aufzaehlung { 
	padding:10px;
	background-color:#d5d2a9;
	font-size:8pt;
	width:550px;
	clear:both;		
	color:#48711f;
	font-weight:lighter;
	line-height:14pt;
	margin-bottom:18px;
	margin-top:5px;

}

.start_typo .dunklerkasten_2spaltig_links { 
	padding:10px;
	background-color:#d5d2a9;
	width:360px;
	margin-right:16px;
	float:left;
	font-size:8pt;		
	color:#848063;
	font-weight:lighter;
	line-height:14pt;
	margin-bottom:18px;
	margin-top:5px;

}
.start_typo .dunklerkasten_2spaltig_rechts { 
	padding:10px;
	background-color:#d5d2a9;
	width:360px;
	margin-left:16px;
	float:right;
	font-size:8pt;		
	color:#848063;
	font-weight:lighter;
	line-height:14pt;
	margin-bottom:18px;
	margin-top:5px;

}
.start_typo .dunklerkasten_1spaltig_links { 
	padding:10px;
	background-color:#d5d2a9;
	width:160px;
	margin-right:16px;
	float:left;
	font-size:8pt;		
	color:#848063;
	font-weight:lighter;
	line-height:14pt;
	margin-bottom:18px;
	margin-top:5px;

}
.start_typo .dunklerkasten_1spaltig_rechts { 
	padding:10px;
	background-color:#d5d2a9;
	width:160px;
	margin-left:16px;
	float:right;
	font-size:8pt;		
	color:#848063;
	font-weight:lighter;
	line-height:14pt;
	margin-bottom:18px;
	margin-top:5px;

}
.start_typo .dunklerkasten_halbspaltig_rechts { 
	padding:10px;
	background-color:#d5d2a9;
	width:270px;
	margin-left:16px;
	float:right;
	font-size:8pt;		
	color:#848063;
	font-weight:lighter;
	line-height:14pt;
	margin-bottom:18px;
	text-align:center;

}

.start_typo .clear_static1{
height:10px;
clear:both;
}

/* STRONG 
-------------------------------------------- */
.start_typo strong { 
	font-weight:bold;
}

/* QUOTES
-------------------------------------------- */
.start_typo blockquote {
	padding:10px;
	background-color:#d5d2a9;
	font-size:8pt;		
	color:#848063;
	font-weight:lighter;
	line-height:14pt;
	margin-bottom:18px;
	margin-top:18px;
}	
	

.start_typo q {
	display:block;
	color:#848063;
	font-size: 7pt;
	margin: 1em 1em;
	padding: 0.5em;
	border: 1px #848063 solid;
}

/* LINKS 
-------------------------------------------- */

.start_typo a:link { 
 	color:#848063;
	font-style:italic;
	text-decoration:none;
}
	.start_typo a:hover { 
			color:#165415;
	}
	.start_typo a:active { 
			color:#73913a;
	}

.start_typo a.sortiment_kasten:link { 
 	color:#c3c5a9;
	font-style:italic;
	text-decoration:none;
	font-weight:lighter;

}
.start_typo a.sortiment_kasten:visited { 
 	color:#c3c5a9;
	font-style:italic;
	text-decoration:none;
	font-weight:lighter;

}
	.start_typo a.sortiment_kasten:hover { 
			color:#165415;
	}
	.start_typo a.sortiment_kasten:active { 
			color:#73913a;
	}

	/* LINK ICONS - shows type of file
	------------------------------------ */
	.start_typo a[href$=".pdf"],
	.start_typo a[href$=".PDF"],
	.start_typo a.pdf {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_white_acrobat.png) no-repeat left center;
	}
	.start_typo a[href$=".doc"],
	.start_typo a[href$=".DOC"],
	.start_typo a.doc {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_word.png) no-repeat left center;
	}
	.start_typo a[href$=".xls"],
	.start_typo a[href$=".XLS"],
	.start_typo a.xls {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_excel.png) no-repeat left center;
	}
	.start_typo a[href$=".gz"],
	.start_typo a[href$=".GZ"],
	.start_typo a[href$=".gzip"],
	.start_typo a[href$=".GZIP"],
	.start_typo a[href$=".zip"],
	.start_typo a[href$=".ZIP"],
	.start_typo a.archive {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_white_zip.png) no-repeat left center;
	}
	.start_typo a[href$=".exe"],
	.start_typo a[href$=".EXE"],
	.start_typo a.application {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/application.png) no-repeat left center;
	}
	
.start_typo .box_gr:link {
color:#e2e0ba;
font-style:italic;
text-decoration:none;
}
.start_typo .box_gr:visited {
font-style:italic;
color:#e2e0ba;
text-decoration:none;
}
.start_typo .box_gr:hover {
color:#b8b183;
}
.start_typo .box_gr:active {
color:#b8b183;
}

.start_typo a.box_gr_start:link {
color:#e2e0ba;
text-decoration:none;
font-size:7pt;
margin-top:10px;
line-height:10pt;
}
.start_typo a.box_gr_start:visited {
font-style:italic;
color:#e2e0ba;
text-decoration:none;
}
.start_typo a.box_gr_start:hover {
color:#b8b183;
}
.start_typo a.box_gr_start:active {
color:#b8b183;
}

.start_typo .box_dunkel:link {
color:#48711f;
font-style:italic;
text-decoration:none;
}
.start_typo .box_dunkel:visited {
font-style:italic;
color:#48711f;
text-decoration:none;
}
.start_typo .box_dunkel:hover {
color:#165415;
}
.start_typo .box_dunkel:active {
color:#73913a;
}

/* LIST STYLES 
-------------------------------------------- */

.start_typo ul.none {
list-style:none;
padding-top:9px;
}

.start_typo ul, 
.start_typo ol {
	list-style:decimal;
	margin: 0 0 18px 24px;
	color: #666;
}
	.start_typo li {
		font-size:8pt;
		font-weight:lighter;
		line-height:14pt;
		margin: 0 0 10px 0;
		color:#48711f;
	}
		.start_typo li li {
			font-size: 10px;
		}
/*.start_typo ul, 
.start_typo ol {
	margin: 0 0 18px 24px;
	color: #666;
}
	.start_typo li {
		margin: 5px 10px;
		font-size: 11px;
	}
		.start_typo li li {
			font-size: 10px;
		}*/
		
/* HEADER STYLES 
-------------------------------------------- */


.start_typo h1 {
	font-size:10pt;
	color:#848063;
	text-transform:uppercase;
	font-weight:lighter;
	margin-bottom:10px;
}
.start_typo h2 { 
 	font-size:9pt;
	color:#96a059;
	font-style:italic; 
	margin-bottom:10px;
}	
.start_typo h3 {
	font-size:9pt;
	color:#848063;
	text-transform:uppercase;
	font-weight:lighter;
	margin-bottom:10px;
}
.start_typo h3.gruen {
	font-size:9pt;
	color:#48711f;
	text-transform:uppercase;
	font-weight:lighter;
	margin-bottom:10px;
}

.start_typo h3.gruen1 {
	font-size:9pt;
	color:#48711f;
	text-transform:uppercase;
	font-weight:lighter;
	margin-bottom:5px;
}

.start_typo h4 {
	font-size:9pt;
	color:#848063;
	text-transform:uppercase;
	font-style:normal;
	font-weight:lighter;
	margin-bottom:10px;
	border-bottom-width:1px;
	border-bottom-color:#eae9cc;
	padding-bottom:3px;
	border-bottom-style:solid;
	margin-top:30px;
}
.start_typo h5 {
	text-transform:uppercase;
	font-size:8pt;
	font-weight:lighter;
	line-height:14pt;
	margin: 0 0 10px 0;
	color:#48711f;
	font-style:normal; 

}

.start_typo h6 {
	font-size:8pt;
	color:#b8b183;
	text-transform:uppercase;
	font-weight:lighter;
	margin-bottom:10px;
}

.start_typo h3.no_margin {
	font-size:9pt;
	color:#848063;
	text-transform:uppercase;
	font-weight:lighter;
	margin-bottom:0px;
	margin-top:0px;
}

.start_typo h3.no_margin1 {
	font-size:9pt;
	color:#848063;
	text-transform:uppercase;
	font-weight:lighter;
	margin-bottom:3px;
	margin-top:0px;
}
.start_typo h3.no_margin2 {
	font-size:9pt;
	color:#848063;
	text-transform:uppercase;
	font-weight:lighter;
	margin-bottom:3px;
	margin-left:10px;
	margin-top:0px;
}

.start_typo h3.hell {
	font-size:9pt;
	color:#e2e0ba;
	text-transform:uppercase;
	font-weight:lighter;
	margin-bottom:3px;
	margin-left:10px;
	margin-top:0px;
}
.start_typo h3.hell_center {
	text-align:center;
	font-size:9pt;
	color:#e2e0ba;
	text-transform:uppercase;
	font-weight:lighter;
	margin-bottom:3px;
	margin-left:10px;
	margin-top:0px;
}
.start_typo h3.marginbig {
	font-size:8pt;
	color:#898b6a;
	text-transform:uppercase;
	font-weight:lighter;
	margin-bottom:15px;
	font-style:italic;
}

/* PRE STYLES 
-------------------------------------------- */	
.start_typo pre {
	font-family:"Courier New",Courier;
	display:block;
	font-size:1.2em;
	margin:2em 5em;
	padding:0.5em;
	border:1px #ccc solid;
	background:#eee;;
}

/* TABLE STYLING 
-------------------------------------------- */
.start_typo table {
	font-size:8pt;
	font-weight:lighter;
	line-height:14pt;
	margin: 0 0 0 0;
	color:#48711f;
	border-collapse:collapse;
}
	.start_typo tr {}
	
		.start_typo td {
			border:0px;
			padding-bottom:5px;
			padding-right:5px;
		}

/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.start_typo .left {
	text-align: left;
}
.start_typo .center {
	text-align: center;
}
.start_typo .right {
	text-align: right;
}

/* IMAGES 
-------------------------------------------- */
.start_typo img {
	border: none;
}
	.start_typo div.image.right,
	.start_typo div.captionImage.right {
		float: right;
		margin-left: 20px;
		padding:10px;
		background-color:#d5d2a9;
		margin-left:16px;
		margin-top:15px;
		margin-bottom:10px;
	}
	
	.start_typo .captionImage {
		border: 0px solid #aaa;
		padding: 0px;
		font-size:7pt;
		color:#48711f;
		text-align:center;
		font-weight:lighter;
		line-height:14pt;
	}
	
	.start_typo div.image.left,
	.start_typo div.captionImage.left {
		float: left;
		display: block;
		padding:10px;
		background-color:#d5d2a9;
		margin-right:16px;
		margin-top:5px;
	}
	.start_typo div.image.leftAlone,
	.start_typo div.captionImage.leftAlone {
		float: left;
		margin-right: 100%;
		display: block;
		padding:10px;
		background-color:#d5d2a9;
	}
	.start_typo div.image.center,
	.start_typo div.captionImage.center {
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
		padding:10px;
	}
	
	.start_typo .caption {
		font-size:7pt;
		color:#48711f;
		text-align:center;
		font-weight:lighter;
		line-height:14pt;
	}