/* 
  ------------------------------------------------
  PVII CSS Page Builder Magic 2
  Copyright (c) 2013 Project Seven Development
  www.projectseven.com
  07: 2 Col Fixed Sidebar Left
  ------------------------------------------------
*/

* {
	text-rendering: optimizelegibility;
}

body {
	font-family:'FagoWebPro', verdana, arial, helvetica, geneva, sans-serif;
	color: #505050; 
	background-color: #EB431C;
	baseline-shift: baseline;
	margin: 0;
	padding: 0px;
	line-height:1.5em;
	background-image: url(../Images/OrangeGrunge1600-corr.jpg);
	background-attachment:fixed;
}
.content p {
	margin-bottom: .6em;
	font-size: 1.25em;
	line-height:1.5em;
}

.content em {
	font-style: italic;
}

/*
h1:before {
    content: "šŒ† ";
}
h1:after {
}
*/

h1, h2, h3, h4 {
	font-family:'SkolarPEWeb', verdana, arial, helvetica, geneva, sans-serif!important;
	font-weight:normal!important;
}
.title {
	margin-top:10px; 
	font-size: 1.475em!important; 
	line-height: 1.6em!important; 
	font-family:'SkolarPEWeb', verdana, arial, helvetica, geneva, sans-serif;
	}

h1.stars {
/* letter-spacing: 0px;
font-size: 1.2em; */
}

h1.stars span {
/* Stern für die linke Seite */
padding: 0 0 0 30px;
background: url(../Images/heading3.png) no-repeat left center;
}

h1.stars span span {
/* Stern für die rechte Seite */
padding: 0 30px 0 0;
background: url(../Images/heading3.png) no-repeat right center;
} 


.align-left {
	text-align:left;
}
.align-right {
	text-align:right;
}
.align-center {
	text-align:center;
}

h4 {
/* font-variant: small-caps; */
-moz-font-feature-settings:"smcp" 1, "kern" 1, "liga" 1; 
-moz-font-feature-settings:"smcp=1, kern=1, liga=1"; 
-ms-font-feature-settings:"smcp" 1, "kern" 1, "liga" 1; 
-o-font-feature-settings:"smcp" 1, "kern" 1, "liga" 1; 
-webkit-font-feature-settings:"smcp" 1, "kern" 1, "liga" 1; 
font-feature-settings:"smcp" 1, "kern" 1, "liga" 1;
}
blockquote cite {
	font-family:'FagoWebPro', verdana, arial, helvetica, geneva, sans-serif !important;
	-moz-font-feature-settings:"smcp" 1, "kern" 1, "liga" 1;
	-moz-font-feature-settings:"smcp=1, kern=1, liga=1";
	-ms-font-feature-settings:"smcp" 1, "kern" 1, "liga" 1;
	-o-font-feature-settings:"smcp" 1, "kern" 1, "liga" 1;
	-webkit-font-feature-settings:"smcp" 1, "kern" 1, "liga" 1;
	font-feature-settings:"smcp" 1, "kern" 1, "liga" 1;
}

.p7OMM .p7OMM-column h1, .p7OMM .p7OMM-column h2, .p7OMM .p7OMM-column h3, .p7OMM-trigger li a {
	font-family:'FagoWebPro', verdana, arial, helvetica, geneva, sans-serif;
}

.p-intent {/* text-indent: 1.65em; */ margin-bottom:-8px!important; font-family:'FagoWebPro', verdana, arial, helvetica, geneva, sans-serif; font-style:italic; letter-spacing: 0.05em; 
-moz-font-feature-settings:"smcp" 1, "kern" 1, "liga" 1, "onum" 1; 
-moz-font-feature-settings:"smcp=1, kern=1, liga=1, onum=1"; 
-ms-font-feature-settings:"smcp" 1, "kern" 1, "liga" 1, "onum" 1;  
-o-font-feature-settings:"smcp" 1, "kern" 1, "liga" 1, "onum" 1; 
-webkit-font-feature-settings:"smcp" 1, "kern" 1, "liga" 1, "onum" 1; 
font-feature-settings:"smcp" 1, "kern" 1, "liga" 1, "onum" 1; }
span.dropcap {
	font-family:'SkolarPEWeb', verdana, arial, helvetica, geneva, sans-serif!important;
	float:left;
	font-size:5.65em; /* 5.75em; */
	margin: -7px 10px 0 -3px;
	padding: 25px .1em 0 0;
	display: block;
	line-height: .635em; /* .775em; */
	color: #505050;
	border-right: 1px dotted #505050;
	font-weight:normal;
}

span.dropcap.orange { color: #EB431C!important;
	border-right: 1px dotted #999!important;
}

h5, h6, .sc, .note-search, .p7OMM-02 h4 {
	font-family:'FagoWebPro', verdana, arial, helvetica, geneva, sans-serif;
	-moz-font-feature-settings:"smcp" 1, "kern" 1, "liga" 1, "onum" 1; 
-moz-font-feature-settings:"smcp=1, kern=1, liga=1, onum=1"; 
-ms-font-feature-settings:"smcp" 1, "kern" 1, "liga" 1, "onum" 1;  
-o-font-feature-settings:"smcp" 1, "kern" 1, "liga" 1, "onum" 1; 
-webkit-font-feature-settings:"smcp" 1, "kern" 1, "liga" 1, "onum" 1; 
font-feature-settings:"smcp" 1, "kern" 1, "liga" 1, "onum" 1; 
}

img {vertical-align: bottom;}

/*Rounded Corners*/
.content-wrapper { /*border-radius: 8px; */ background-color: #FFFFFF; }
.masthead { /*border-radius: 6px 6px 0px 0px; */}
.footer { /*border-radius: 0px 0px 6px 6px; */ }
.masthead {
	background-color: #E82A1D;
	padding: 0px;
	text-align: left;
	position: relative;
    z-index: 3000;
}
.masthead .logo {border-bottom: 1px solid #000;}
.masthead h1 {
	margin: 0;
	color: #FFFFFF;
	padding: 20px 20px 10px 20px;
	font-size: 1.35em;
	font-weight: normal;
	letter-spacing: .35em;
}
.masthead .banner {
	/* box-shadow: 0px 0px 30px rgba(0,0,0,.5); */
	/* border-bottom: 4px solid #EB431C; */
	background-color: #FFFFFF;
}
.masthead .banner img {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
	display: block;
}
.subheader {
	margin-left:20px;
	margin-right: 20px;
	height: 40px;
	border-bottom: 2px solid #EB431C;
	font-size: 1.475em; 
	line-height: 1.8em;
	z-index: 2;
	position: fixed;
	top: 0px;
	background-color: #FFFFFF;
	z-index: 2000;
}
.subheadercontent {
	font-family:'SkolarPEWeb', verdana, arial, helvetica, geneva, sans-serif!important;
	height: 30pt;
	border-bottom: solid #EB431C 4px;
	color: #EB431C;
	z-index: 2000;
	width: 760px;
}

.content-wrapper {
	/*border: 1px solid #222;*/
	margin: 0 auto;
	width: 800px;
	/*box-shadow: 0px 0px 30px rgba(0,0,0,.5);*/
}
.columns-wrapper {
	overflow: hidden;
	background-color: #FFFFFF;
}

/*Heading styles*/
h1, h2, h3, h4 {
	font-family:'SkolarPEWeb', verdana, arial, helvetica, geneva, sans-serif;
	margin: 60px 0px 0px 0px;
	color: #EB431C;
	text-transform:uppercase;
	/* letter-spacing:0.05em; Probleme mit Umlauten …*/
	font-weight:normal!important;
}
h1 { font-size: 1.875em; margin-top:60px!important; }
h2 { font-size: 1.675em; }
h3 { font-size: 1.575em; }
h4 { font-size: 1.475em; }
h5 { text-transform:uppercase;}
h5 { font-size: 1.35em; margin-top:45px!important; margin-bottom:0;}
h6 { font-size: 1.35em; margin-top:0px; margin-bottom:0;}

h1, h2 { line-height:1.4em;}
h5, h6 { line-height:1.4em;}
.reading-list {
	font-size: 1em;
	line-height: 1.35em;
}

.reading-list p {
	margin-bottom:20px!important;
}

hr {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #DDDDDD;
	border-image: none;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
	margin: 10px 0 30px 0!important; /*10px 0 30px;*/
}

/*A utility rule assigned to the first heading to remove top margins.*/
.page-topper { margin-top: 0px; }

/*Make Image Scalable - Assign this class to any image to make it scale with the browser window size*/
img.scalable {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}


.sidebar {
	width: 18%;
	float: left;
}
.sidebar .content {
	padding: 30px;
	font-size: .85em;
	line-height: 1.5em;
	background-color: #FFFFFF;
	/*
	background-image: -ms-linear-gradient(top, #FFFFFF, #EB431C);
	background-image: -moz-linear-gradient(top, #FFFFFF, #EB431C);
	background-image: -webkit-linear-gradient(top, #FFFFFF, #EB431C);
	background-image: linear-gradient(top, #FFFFFF, #EB431C); */
}

.main-content {
	width: 99%;
	float: right;
}
.main-content .content {
	padding: 30px 90px 30px 90px;
	/* font-size: 1em;
	line-height: 1.5em;
	border-left: 1px solid #000; */
}

/*Ordinary Link Styles*/
.content a { color: #EB431C!important; }
.content a:hover, .content a:focus { color: #000!important; }
.footer a {
	color: #EB431C;
}
.footer a:hover, .footer a:focus { color: #000; }

.sidebar ul, .sidebar ol, .sidebar2 ul, .sidebar2 ol {
	margin: 0 0 0 .5em;
	padding: 0 0 0 .5em;
	line-height: normal;
}
.sidebar li, .sidebar2 li { 
	margin-bottom: 4px; 
}

/*The Sidebar Menu UL.*/
ul.menuside {
	margin: 0;
	padding: 0;
}
ul.menuside li {
	list-style-type: none;
	margin-bottom: 5px;
}
ul.menuside a {
	display: block;
	color: #CCC;
	text-decoration: none;
	padding: 12px 12px;
	font-size: 1.25em;
	border: 1px solid;
	background-color: #333;
	box-shadow: inset 0px 16px 2px rgba(255,255,255,.05), 0px 0px 5px rgba(0,0,0,.5);
	border-color: #FFF;
	-webkit-transition: all linear .35s .1s;
	transition: all linear .35s .1s;
	border-radius: 5px;
}
ul.menuside a:hover, ul.menuside a:focus {
	color: #FFFFFF;
	background-color: rgba(51,51,51,0.75);
	outline: 0;
}

.footer {
	background-color: #FFFFFF;
	box-shadow: inset 0px 16px 2px rgba(255,255,255,.025);
	/*border-top: 4px solid #E82A1D;
	border-bottom-left-radius: 10px; */ 
	padding: 15px 25px 25px 25px;
	font-size: 10px;
	line-height: 18px;
	color:  #EB431C;
	text-align: center;
}
.footer p.copyright {
	text-transform: uppercase;
	margin: 0px;
}

.section-break {
	margin-left:20px;
	margin-right: 20px;
	margin-bottom: 7px;
	border-bottom: 4px solid #EB431C;
}
.sub-section-break {
	margin-left:0px;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 45px;
	height: 2px;
	width: 100%;
	clear: both;
	float: left; 
	background-color: #EB431C;
}
.orange {color:#EB431C;}


/* Grid */
.grid-1 { width: 130px; }
.grid-2 { width: 280px; }
.grid-3 { width: 430px; }
.grid-4 { width: 580px; }
.grid-5 { width: 730px; }
.grid-6 { width: 880px; }
.grid-half { width: 335px; }
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-half {
	font-size: 14px; 
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 9px;
	margin-bottom: 9px;
	float: left;
}
	
::selection { background: #EB431C; /* Safari */ color:#fcfcfa; }
::-moz-selection { background: #EB431C; /* Firefox */ color:#fcfcfa; }
img::selection { background: #303030; /* Safari */ }
img::-moz-selection { background: #303030; /* Firefox */ }

/*1 Column for Narrow Browser Windows and Smartphones in both orientations*/
@media only screen and (min-width: 0px) and (max-width: 619px) {
body {margin: 0px; background-image: none!important;}
/* How to remove BR image ? this removes the button*/
.p7BRM-01 {visibility:hidden;}
.content-wrapper, .masthead, .footer  {/*border-radius: 0px;*/}
.content-wrapper {width: auto; margin: 0px;}
.sidebar, .main-content {
	width: auto !important;
	float: none !important;
	position: static !important;
}
.content {
	padding: 30px 10px !important;
	border: none !important;
	height: auto !important;
	max-height: 888678px;
}
.content p {
	font-size: 1.125em!important;
	line-height:1.4em!important;
}
.subheader {
	margin-left:0px;
	margin-right:0px;
	box-shadow: 0px 0px 30px rgba(0,0,0,.5);
}
.som-toolbar.som-top-left a,
.som-toolbar.som-top-right a {
	margin-right: -5px!important;
	line-height:32px!important;
}
h1 { font-size: 1.675em!important; margin-top:50px!important; }
h2 { font-size: 1.475em!important; }
h3 { font-size: 1.375em!important; }
h4 { font-size: 1.275em!important; }
h5 { text-transform:uppercase;}
h5 { font-size: 1.15em!important; margin-top:35px!important;}
h6 { font-size: 1.15em!important; }

h1, h2 { line-height:1.3em!important;}
h5, h6 { line-height:1.3em!important;}

.subheader {
	font-size: 1.275em!important; 
	line-height: 1.5em!important;
	height: 38px;
}
.subheadercontent {
	height: 27pt;
}
span.dropcap {
	font-size:5.1em; /* 5.75em; */
	margin: 3px 10px 0 -3px;
	padding: 20px .1em 0 0;
	display: block;
	line-height: .535em; /* .775em; */
}
.content p.title {
	font-size: 1.325em!important; 
	line-height: 1.5em!important;
	}
.p7TMM15 ul a:hover, .p7TMM15 ul a:focus, .p7TMM15 ul a:active {
	color: #FFF!important;
	background-color: #EB431C;
	text-decoration:none!important;
}

.p7TMM15 ul ul a:hover, .p7TMM15 ul ul a:focus, .p7TMM15 ul ul a:active {
	color: #FFF!important;
	background-color: #EB431C;
	text-decoration:none!important;
}
.section-break {
	margin-left:0px;
	margin-right:0px;
}
}


@media only screen and (min-width: 620px) and (max-width: 720px)  {
body {margin: 0px; background-image: none!important;}
.content-wrapper {width: auto; margin: 0px;}
.content {padding: 30px !important;}
.content-wrapper {
	margin: 0 auto;
	width: 620px!important;
}
.subheader {
	margin-left:20px;
}
.subheadercontent {
	width: 580px;
}
.sidebar .content {
 margin-left:10px!important;
 padding-right:0px!important;
}
.section-break {
	margin-left:25px;
	margin-right:20px;
}
}