/* 
  -----------------------------------
  PVII Affinity
  Copyright (c) 2014 Project Seven Development
  www.projectseven.com
  Aspire Theme
  -----------------------------------
*/

body {
	font-family: 'MonitorWeb','Palatino Linotype', Palatino,Baskerville, 'Book Antiqua', Georgia,serif;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	background-color: #FFFFFF;
	background-image: url(img/Schreibmaschine.gif); 
	background-repeat: no-repeat;
	margin: 188px 0 0 0;
	overflow-y: scroll; /* Animate Code */
}
/*Vertical align bottom fixes Firefox strict mode glitch*/
img {
	border: none;
	vertical-align: bottom;
}
#logodiv {
	position: absolute;
	width: auto;
	top: 80px;
	left: 250px;
	/*min-width:730px;*/
	font-size:48px;
	line-height: 48px;
	font-style:italic;
	font-family: 'TiinaWeb','Palatino Linotype', Palatino,Baskerville, 'Book Antiqua', Georgia,serif;
	margin-bottom:-140px;
}
#logodiv a { color: #666; text-decoration: none;}
#logodiv a:hover {/*color: #CC0000;
    color: #DBDBDB!important;
    text-shadow: 0 -1px 1px #FFFFFF, 0 1px 1px #666666;
	position:relative;
	top: -1px;*/
	color: rgba(0, 168, 255, 0.5)!important;
    text-shadow: 5px 5px 0 rgba(255, 0, 180, 0.5);
}
/* aus Aspire */
.p7DMM {
	font-family: 'TiinaWeb','Palatino Linotype', Palatino,Baskerville, 'Book Antiqua', Georgia,serif;
	padding-left: 24px;
	max-width: 700px;
	/* width: auto!Important; */
}
.p7DMM.dmm-vertical {
	padding-left: 0px;
}
.p7DMM div {
	border-radius: 4px;
	padding: 0px !important;
}

/*
Extra classes to use for colored boxes inside of the columns
*/
.redbox {
	padding: 12px;
	background-color: #CC0000;
	color: #FFFFFF;
	border: 1px solid #000000;
	margin: 12px 0 0 0;
}
.blackbox {
	padding: 12px;
	background-color: #000000;
	color: #FFFFFF;
	border: 1px solid #000000;
	margin: 12px 0 0 0;
}
/*
The Dropcaps style. Georgia typeface to work around Apple text rendering bugs
*/
span.dropcap {
	font-family: Georgia, "Times New Roman", Times, serif; 
	float:left;
	font-size:5.6em; /* 5.75em; */
	margin: 0 10px 0 0;
	padding: 0 .1em 0 0;
	display: block;
	line-height: .785em; /* .775em; */
	color: #7BA4C1;
	border-right: 1px dotted #666;
}

h1, h2, h3, h4, h5 {
line-height: 1.1em;
	/* 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;
}
h1 {
	margin: 0;
	font-size: 1.75em;
}
h2 {
	margin: 30px 0 0 0;
	font-size: 1.5em;
}
h3 {
	margin: 24px 0 0 0;
	font-size: 1.3em;
}
h4 {
	margin: 24px 0 0 0;
	font-size: 1.2em;
}
ul.content, ol.content {
	margin: 0 0 1em 1em;
	padding-left: 1em;
	list-style-type: square;
}
.top {
	margin-top: 6px;
}
.clearfloat {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
	display: block;
}
.linklist {
	margin: 1em 0;
	padding: 0;
	list-style-type: none;
}
/*All Links on page*/
a:link {
	color: #666666;
}
a:visited, .linklist a:visited {
	color: #666666;
}
a:hover {
	color: #CC0000;
}
/*
Additive link styles for links inside 
elements assigned this class
*/
.linklist a {
	display: block;
	padding: 1px 6px;
	color: #0033CC;
	border: 1px solid #FFFFFF;
}
.linklist a:hover {
	border-color: #000000;
	text-decoration: none;
}
#copyright {
	float:left;
	font-size: 0.7em;
	clear: both;
	margin: 0px;
	background-image: url(img/copyright.gif);
	background-repeat: no-repeat;
	padding: 72px 20px 20px 50px;
	color: #000000;
}
#copyright span {
	margin-top: -10px;
	float:left;
	display: block;
}
#footer {
	padding: 0;
	font-size: 0.75em;
	max-width: 500px;
}
#footer .content {
	/*border-top: 1px solid #000000;*/
	float:left;
	max-width: 500px;
	min-width: 300px;
	background-image: url(img/trennlinie-end.png);
	background-repeat:repeat-x;
	margin-left: 20px;
	padding: 5px 20px 12px 0;
	position: relative;
	top: -1px;
}
.pre-intro {
		font-family: 'TiinaWeb','Palatino Linotype', Palatino,Baskerville, 'Book Antiqua', Georgia,serif;
		font-style:italic;
}
.caption {
	display: block;
	font-size: 14px;
	margin: 12px 0 -12px 0;
	line-height:22px;
}
.main-row {
	zoom: 1;
	background-color: rgba(255,255,255,.2);
}
.main-row:before, .main-row:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}
.main-row:after { clear: both; }
.column {
	float: left;
}
.content {
	padding: 20px 30px;
	/* transition: padding linear .5s .1s;  */
}
.aspire-5 .content {
	padding: 20px 40px;
}

/*Column Width Options.*/
.percent15 { width: 15%; }
.percent20 { width: 20%;  min-width: 250px; font-size: 14px;
	line-height: 22px; }
.percent25 { width: 25%; }
.percent30 { width: 30%; }
.percent333 { width: 33.333%; }
.percent40 { width: 40%; }
.percent50 { width: 50%; }
.percent60 { width: 60%; }
.percent75 { width: 75%; }
.percent80 { width: 80%; max-width: 650px;}

/*Width recalculations for columns when they are boxed. 
Since boxed columns have a space between them assigned via right margin, 
we need to reduce the width of each column accordingly*/
.percent20.boxed { width: 18.4%; }
.percent25.boxed { width: 23.5%; }
.percent333.boxed { width: 32%; }
.percent40.boxed { width: 38%; }
.percent50.boxed { width: 49%; }
.percent60.boxed { width: 59%; }
.percent75.boxed { width: 74%; }

/*Using margin to separate the columns when the boxed option is chosen*/
.column.boxed.spacer { margin-left: 2%; }
.left-20 {
	position: relative;
	left: 20%;
}
.left-neg-60 {
	position: relative;
	left: -60%;
}

/*Assigning logical borders to render dividers between columns*/
.border-left-right-bottom {
	background-image:url(img/trennlinie.png);
	background-repeat:repeat-y;
}
.border-boxed {
	border: 1px solid;
	border-radius: 5px;
}

.aspire-4 .border-left-right-bottom {
}

#masthead {
	font-size: 1.5em;
	padding: 0px 20px;
}
/*
h1, h2, h3, h4 { margin: 0px; }
span.dropcap {
	font-family: Combo, "Palatino Linotype", "Book Antiqua", Palatino, serif;
	float: left;
	font-size: 8em;
	margin: 0 10px 0 0;
	padding: 0 .1em 0 0;
	display: block;
	line-height: 0.775em;
	border-right: 1px solid;
	font-stretch: ultra-condensed;
}
*/
.emfatico {
	font-size: 20px;
	line-height: 1.75;
	background-color: #222;
	background: rgba(0,0,0,.85);
	color: #FFF;
	border-radius: 5px;
	margin: 10px 0px;
}
.emfatico, .content.emfatico {
	padding: 5% 5%;
}
.red {
	background-color: #CE4242;
	background: rgba(204,51,51,.85);
	color: #000;
}
.white {
	background-color: #FFF;
	background: rgba(255,255,255,.5);
	color: #000;
}
.brm .main-row {
	background: linear-gradient(180deg, rgba(255,255,255,.75) 70%, rgba(255,255,255,0));
}
.aspire-4.brm .main-row {
	background: none;
}
.aspire-4.brm .column .content {
	background: linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.65));
}
/*
#copyright {
	margin: 0px;
	color: #000000;
}
#copyright span { display: block; }
#footer {
	padding: 0;
	font-size: 0.75em;
}

#footer .content {
	padding: 12px 20px;
	border: none;
}
.aspire-2 #footer,
.aspire-3 #footer {
	width: 60%;
	margin: auto;
}

.aspire-5 .p7DMM,
.aspire-5 #masthead,
.aspire-5 #footer .content {
	padding-left: 40px;
}

.main-row.aspire-4 {
	padding: 10px 24px;
}
*/ 
img.scalable {
	width: auto;
	height: auto;
	max-width: 100%;
}
.rounded { border-radius: 5px; }
.centered { text-align: center; }
.opaque { opacity: .65; }

.emfatico a { color: #AAA;}
.emfatico a:hover { color: #FFF;}
.emfatico.red a { color: #FFF;}
.emfatico.red a:hover { color: #000;}
a, .emfatico.white a { color: #39F; }
a:hover, .emfatico.white a:hover { color: #000; }
 
.align-right {
	text-align:right;
}
.p7HGM04 {
	font-family: 'MonitorWeb','Palatino Linotype', Palatino,Baskerville, 'Book Antiqua', Georgia,serif!important;
}
.p7HGM_panel_content {
	text-align:center!important;
	font-size:14px!important;
	line-height: 22px!important;
	padding-left: 20px!important;
	padding-right:20px!important;
}
.p7HGM04 .p7HGM_viewport_wrapper {
	background-color:#FFF!important;
}
.hr-i {
	border-top: 1px solid #000;
	margin: 30px -36px!important; /*10px 0 30px;*/
}
p {color: #000!important;}
.gray { color:#666;}

::selection {
	background: #CC0000; 
	color:#fcfcfa;
}
::-moz-selection {
background: #CC0000; 
color:#fcfcfa;
}
img::selection {
	background: #CC0000; 
}
img::-moz-selection {
background: #CC0000; 
}
.redQ {color: #CC0000;}

.style-effect-Shadow {
    color: #999999 !important;
    text-shadow: 1px 1px #333333;
}
.style-effect-Letterpress {
    color: #CCCCCC!important;
    text-shadow: 0 -1px 1px #666666, 0 1px 1px #FFFFFF;
}
.style-effect-Emboss {
    color: #DBDBDB!important;
    text-shadow: 0 -1px 1px #FFFFFF, 0 1px 1px #666666;
}
.style-effect-Contour {
    color: #E7E7E7!important;
    text-shadow: 0 -1px #999999, 1px 0 #999999, 0 1px #999999, -1px 0 #999999;
}
.style-effect-Glow {
    color: #222222!important;
    text-shadow: 0 0 0.2em #8877FF, 0 0 0.2em #8877FF, 0 0 0.2em #8877FF;
}
.style-effect-Vintage {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #EEEEEE;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    color: #707070!important;
    text-shadow: 3px 3px 0 #EEEEEE, 5px 5px 0 #707070;
}
.style-effect-Anaglyph {
    color: rgba(0, 168, 255, 0.5)!important;
    text-shadow: 5px 5px 0 rgba(255, 0, 180, 0.5);
}

/* Animate Code */
.p7-animate {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.p7-animate.zoom-in, .p7-animate.zoom-out {
	-webkit-animation-duration: 1.25s;
	animation-duration: 1.25s;
}
.p7-ani-delay-half-sec {
	animation-delay: .5s;
	-webkit-animation-delay: .5s;
}
.p7-ani-delay-1-sec {
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
}
.p7-ani-delay-2-sec {
	animation-delay: 2s;
	-webkit-animation-delay: 2s;
}
.p7-ani-delay-4-sec {
	animation-delay: 4s;
	-webkit-animation-delay: 4s;
}

@-webkit-keyframes fade-in {
 0% {opacity: 0;}
 100% {opacity: 1;}
}
@keyframes fade-in {
 0% {opacity: 0;}
 100% {opacity: 1;}
}
.fade-in {
	-webkit-animation-name: fade-in;
	animation-name: fade-in;
}

@-webkit-keyframes fade-in-up {
 0% {opacity: 0; -webkit-transform: translateY(2000px);}
 100% {opacity: 1; -webkit-transform: translateY(0);}
}
@keyframes fade-in-up {
 0% {opacity: 0; transform: translateY(2000px);}
 100% {opacity: 1; transform: translateY(0);}
}
.fade-in-up {
	-webkit-animation-name: fade-in-up;
	animation-name: fade-in-up;
}

@-webkit-keyframes fade-in-down {
 0% {opacity: 0; -webkit-transform: translateY(-2000px);}
 100% {opacity: 1; -webkit-transform: translateY(0);}
}
@keyframes fade-in-down {
 0% {opacity: 0; transform: translateY(-2000px);}
 100% {opacity: 1; transform: translateY(0);}
}
.fade-in-down {
	-webkit-animation-name: fade-in-down;
	animation-name: fade-in-down;
}

@-webkit-keyframes fade-in-left {
 0% {opacity: 0; -webkit-transform: translateX(-2000px);}
 100% {opacity: 1; -webkit-transform: translateX(0);}
}
@keyframes fade-in-left {
 0% {opacity: 0; transform: translateX(-2000px);}
 100% {opacity: 1; transform: translateX(0);}
}
.fade-in-left {
	-webkit-animation-name: fade-in-left;
	animation-name: fade-in-left;
}

@-webkit-keyframes fade-in-right {
 0% {opacity: 0; -webkit-transform: translateX(2000px);}
 100% {opacity: 1; -webkit-transform: translateX(0);}
}
@keyframes fade-in-right {
 0% {opacity: 0; transform: translateX(2000px);}
 100% {opacity: 1; transform: translateX(0);}
}
.fade-in-right {
	-webkit-animation-name: fade-in-right;
	animation-name: fade-in-right;
}

@-webkit-keyframes zoom-in {
 0% {opacity: 0; -webkit-transform: scale(0);}
 100% {opacity: 1; -webkit-transform: scale(1);}
}
@keyframes zoom-in {
 0% {opacity: 0; transform: scale(0);}
 100% {opacity: 1; transform: scale(1);}
}
.zoom-in {
	-webkit-animation-name: zoom-in;
	animation-name: zoom-in;
}

@-webkit-keyframes zoom-out {
 0% {opacity: 0; -webkit-transform: scale(5) rotate(-120deg);}
 100% {opacity: 1; -webkit-transform: scale(1) rotate(0deg);}
}
@keyframes zoom-out {
 0% {opacity: 0; transform: scale(5) rotate(-120deg);}
 100% {opacity: 1; transform: scale(1) rotate(0deg);}
}
.zoom-out {
	-webkit-animation-name: zoom-out;
	animation-name: zoom-out;
	/*overflow: hidden;*/
}
.overflow {overflow: hidden; border-radius: 8px;}

@-webkit-keyframes twist-in {
 0% {opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg);}
 100% {opacity: 1; -webkit-transform: translateX(0px) rotate(0deg);}
}
@keyframes twist-in {
 0% {opacity: 0; transform: translateX(-100%) rotate(-120deg);}
 100% {opacity: 1; transform: translateX(0px) rotate(0deg);}
}
.twist-in {
	-webkit-animation-name: twist-in;
	animation-name: twist-in;
}

.mobile-on-off { visibility:hidden; height:0;}

/*SMARTPHONE AND NARROW WINDOWS (LESS THAN 700PX WIDE)*/
@media only screen and (min-width: 0px) and (max-width: 500px) {
#logodiv {
	top: 60px!important;
	font-size: 40px!important;
	line-height: 40px!important;
}
}


@media only screen and (min-width: 0px) and (max-width: 1024px) {
.column {
	float: none !important;
	width: auto !important;
	position: static;
	max-width: 700px;
}

.mobile-align { text-align:center !important;}
.mobile-on-off { visibility:visible!important; height:auto!important; margin-bottom:20px!important; margin-top: 10px!important;
}
.spacer { margin: 20px 0px !important; }
.emfatico { border-radius: 5px !important; }
.content {
	padding: .5em 1.5em;
	border: none !important;
	height: auto !important;
	max-height: 888678px;
}
.border-left-right-bottom {border: none;}
}

 @media only screen and (min-width: 701px) and (max-width: 1024px) {
.column { position: static; }
.column.sec-2.percent20 { width: 40% !important; }

.column.sec-3.percent20 {
	width: auto !important;
	float: none !important;
}
.column.sec-3 .content {
	border: none !important;
	height: auto !important;
	max-height: 888678px;
}
}


/*Smartphones ONLY*/
@media only screen and (max-device-width: 480px) {
}

/*Portrait Tablet ONLY. Use this query to add rules for tablets in Prtrait orientation.
Landscape tablets should get a normal and unaltered display.*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
}

/* ---------------------------------------------------------------------- */
/* Lists 2
/* ---------------------------------------------------------------------- */
ul.arrow, ul.circle, ul.square, ul.check, ol.decimal, ol.upper-roman, ol.lower-alpha, ol.upper-alpha {
	margin-bottom: 20px;/* margin-left: -40px; */
}
ul.arrow ul, ul.circle ul, ul.square ul, ul.check ul, ol.decimal ul, ol.upper-roman ul, ol.lower-alpha ul, ol.upper-alpha ul {
	margin-left: 14px;
}
ul.arrow ol, ul.circle ol, ul.square ol, ul.check ol, ol.decimal, ol.decimal ol, ol.upper-roman, ol.upper-roman ol, ol.lower-alpha, ol.lower-alpha ol, ol.upper-alpha, ol.upper-alpha ol {
	margin-left: 18px;
}
ul.arrow li, ul.circle li, ul.square li, ul.check li, ol.decimal li, ol.upper-roman li, ol.lower-alpha li, ol.upper-alpha li {
	margin-bottom: 5px;
}
ul.arrow ul li:first-child, ul.arrow ol li:first-child, ul.circle ul li:first-child, ul.circle ol li:first-child, ul.square ul li:first-child, ul.square ol li:first-child, ul.check ul li:first-child, ul.check ol li:first-child, ol.decimal ol li:first-child, ol.decimal ul li:first-child, ol.upper-roman ol li:first-child, ol.upper-roman ul li:first-child, ol.lower-alpha ol li:first-child, ol.lower-alpha ul li:first-child, ol.upper-alpha ol li:first-child, ol.upper-alpha ul li:first-child {
	margin-top: 5px;
}
/* Unordered Lists */

ul.arrow li {
	background: url(../images/bullets-and-arrows/arrow-right.png) no-repeat left 0.5em; /* 5px */
	padding-left: 11px;
}
ul.circle li {
	background: url(../images/bullets-and-arrows/circle.png) no-repeat left 0.5em; /* 6px */
	padding-left: 11px;
}
ul.square li {
	background: url(../images/bullets-and-arrows/square.png) no-repeat left 0.5em; /* 6px */
	padding-left: 11px;
}
ul.check li {
	background: url(../images/bullets-and-arrows/check.png) no-repeat left 0.333em; /* 4px */
	padding-left: 17px;
}
ul {
	list-style: none;
}
ul {
	padding-left: 0px;
	margin-left: 0px;
	/* list-style-position:inside; problem mit neustem Firefox */
}
ol {
	padding-left: 15px;
}
ol li {background: none!important;
}