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

   Infolution Webfactory Grafikdesign
   Copyright (c) 2013 Infolution Webfactory Grafikdesign
   www.info-lution.ch
   Template Theme
   ------------------------------------------------
*/

/* 
   ------------------------------------------------
   TABLE OF CONTENT
   ------------------------------------------------
*/

/* =============================================== */
/* ^100 GLOBALS */
/* =============================================== */

/* ^110 DIFFERENCES TEMPLATE HOMEPAGE --------------------------- */

/* ^120 DIFFERENCES TEMPLATE FOLLOW PAGES ------------------------ */

/* =============================================== */
/* ^200 DEFAULT PAGE STYLING */
/* =============================================== */

/* =============================================== */
/* ^300 MENU */
/* =============================================== */

/* ^310 DIFFERENCES MENU ------------------------ */

/* =============================================== */
/* ^400 TEMPLATE HOMEPAGE / TYPE 1,2,3,4 ... MODULES */
/* =============================================== */

/* ========================== */
/* ^500 HEADER */
/* ========================== */

/* ^510 DIFFERENCES TEMPLATE FOLLOW PAGES------------------------ */

/* ========================== */
/* ^600 CONTENT */
/* ========================== */

/* ^610 DIFFERENCES TEMPLATE FOLLOW PAGES------------------------ */

/* ========================== */
/* ^700 FOOTER */
/* ========================== */

/* ^710 DIFFERENCES TEMPLATE FOLLOW PAGES------------------------ */

/* =============================================== */
/* ^1000 RESPONSIVE / MOBILE / TABLE OF CONTENTS*/
/* =============================================== */

/*

^1010 @media only screen and (min-width: 1040px)

^1020 @media only screen  and (min-width: 0px) and (max-width: 1039px)

^1030 @media only screen and (min-width: 901px) and (max-width: 1039px)
^1040 @media only screen and (min-width: 701px) and (max-width: 1039px)
^1050 @media only screen and (min-width: 0px) and (max-width: 900px)

^1060 @media only screen and (min-width: 0px) and (max-width: 700px)

^1070 @media only screen and (min-width: 0px) and (max-width: 380px)

*/

/* =============================================== */
/* ^1100 SAMPLE / SELECTION */
/* =============================================== */

/* =============================================== */
/* ^1200 CAN I USE... */
/* =============================================== */

/* 
   ------------------------------------------------
   TABLE OF CONTENT
   ------------------------------------------------
*/



/* =============================================== */
/* RESET IN "FREAKS RESET" = NORMALIZE + ERIC MEYER RESET*/
/* =============================================== */

/* =============================================== */
/* ^100 GLOBALS */
/* =============================================== */

/* GRUNDLAGE DIMMING FÜR BACKGROUND COLOR SCHWARZ ZU SCRIPT BACKSTRETCH AM ENDE VOR BODY TAG */
html {
	background-color: #000;
}

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 22px;
	color: #666666;
	margin:0;
}

h1, h2 {
	color: #0086be;
	margin-top: 0px;
	margin-bottom: 23px;
	font-size: 1.25em;
	font-weight: bold;
}

p {
	font-size: 0.938em;	
	margin-top: 0px;
	margin-bottom: 0px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;	
}

ul {
	list-style-type: disc;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 17px;
}

.tab {
	float: left;
    width: 3.5em;
}

/*#footer .tab2 VERGEBEN! WEITERE PRÜFEN.*/

.pagebreak {
	display: inline;
}
.no-pagebreak {
	display: none;
}

.word-show-no-show {
	display: inline;
}

.break-special-wordpress {
	margin-bottom: 20px !important;
}

.break-midle-ul-special-wordpress {
	margin-bottom: 20px !important;
}

.break-end-ul-special-wordpress {
	margin-bottom: 43px !important;
}

/*.word-show-no-show2 VERGEBEN! WEITERE PRÜFEN.*/


/* REIHENFOLGE BEACHTEN VON A!!! */
a {
	color: #9F1920;
	text-decoration: none;
}
a:link {
	color: #9F1920;
	text-decoration: none;
	border:none;
	outline:none;
}
a:visited {
	color: #9F1920;
	text-decoration: none;
	border:none;
	outline:none;
}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #9F1920;
	border:none;
	outline:none;
}
a:active {
	color: #9F1920;
	text-decoration: none;
	border:none;
	outline:none;
}
a:focus {
	color: #9F1920;
	text-decoration: none;
	border:none;
	outline:none;
}

/*Baseline Adjustment for images needed with strict DOCTYPE*/
img {
	vertical-align: bottom;
	border:none;
	outline:none;
}

/* ^110 DIFFERENCES TEMPLATE HOMEPAGE --------------------------- */

img#scalable-banner-fullscreen {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
	vertical-align: bottom;
}

img#scalable-banner-responsive {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
	vertical-align: bottom;
}

.box h1 {
	font-size: 1.250em;
	font-weight: bold;
	color: #FFF;
	margin-bottom: 25px;
}

.box p {
	font-size: 0.938em;
	color: #FFFFFF;
	margin-bottom: 0px;

}

.box h1:link, .box p:link {
	color: #FFFFFF;
	text-decoration: none;
}

.box h1:visited, .box p:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.box h1:hover, .box p:hover {
	color: #a2fdfd;
}

.box h1:active, .box p:active {  	
	color: #FFFFFF;
	text-decoration: none;
}

#asside-right-type1 h1 {
	color: #0086be;
	margin-bottom: 23px;
	margin-top: 0px;
	font-size: 1.25em;
	font-weight: bold;
}

#asside-right-type1 h2 {
	color: #0086be;
	font-weight: bold;
	font-size: 0.938em;	
	margin-bottom: 0px;
	margin-top: 0px;
}

#asside-right-type1 p {
	margin-bottom: 21px;
}

#footer ul {
	padding-left: 0px;
}

#footer li {
	list-style-type: none;
}

#footer a {
	color: #666;
}
#footer a:hover, #footer a:focus {
	color: #FFFFFF;
	background-color: #9F1920;
}

#footer .tab2 {
	float: left;
    width: 3.5em;
}

/* ^120 DIFFERENCES TEMPLATE FOLLOW PAGES ------------------------ */

.float-container-section-type-box-a a {
	font-weight: bold;
}


img.scalable-teaserbox-content {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
	vertical-align: bottom;
}


.no-bullets {
	padding-left: 0px;
	list-style-type: none;

}

.float-container-section-type-box-a h2 {
	color: #0086be;
	margin-top: 0px;
	margin-bottom: 16px;
	font-size: 1.25em;
	font-weight: bold;
	text-indent: 38px;
	background-image: url(../images/icons_sprite.png);
	background-repeat: no-repeat;
	height: 30px;
}
.icon-konzeption {
	background-position: left 0px;	
}

.icon-design {
	background-position: left -60px;	
}

.icon-entwicklung {
	background-position: left -120px;	
}

.icon-cms {
	background-position: left -180px;	
}

.icon-responsive {
	background-position: left -240px;	
}

.icon-suchmaschinenoptimierung {
	background-position: left -300px;	
}

.icon-support {
	background-position: left -360px;	
}

.google-adwords {
	background-position: left -420px;	
}

.icon-webdesign {
	background-position: left -480px; /* GEHÖRT ZU EINER ANDEREN SEITE GRAFIKDESIGN */
}


#content-main-type2 p {
	margin-bottom: 40px;
}

#content-main-type3 p {
	margin-bottom: 40px;
}

#content-main-type3 .float-container-section-type-box-a p {
	margin-bottom: 0px;
}

#content-main-type3 .section-type-box-e p {
	margin-bottom: 40px;
}

.word-show-no-show2 {
	display: inline;
}

.word-show-no-show3 {
	display: inline;
}

/*GlEICHER ABSTAND WIE #content-main-type2 p*/
.space-bottom-equal-p {
	margin-bottom: 40px;
}


/* =============================================== */
/* ^200 DEFAULT PAGE STYLING */
/* =============================================== */

/* LAYOUT BREITE NUR GRUNDSTRUKTUREN */
#layout-header {
	max-width: 1024px;
	margin: 0px auto;
	padding-top: 30px;
}

#layout-content {
	max-width: 1024px;
	margin: 0px auto;
}

#layout-footer {
	max-width: 1024px;
	margin: 0px auto;
	padding-bottom: 30px;
}

/* ABSETZUNGEN GANZE BREITE */
#layout-header-wrapper {
	background-image: url(http://www.info-lution.ch/wordpress_infolution/wp-content/themes/infolution/images/absetzung_oben_infolution_webdesign_grafikdesign.png);
	background-repeat: repeat;
	background-position: left top;
}

#layout-content-wrapper {
	background-image: url(http://www.info-lution.ch/wordpress_infolution/wp-content/themes/infolution/images/absetzung_mitte_infolution_webdesign_grafikdesign.png);
	background-repeat: repeat-x;
	background-position: left top;
}

#layout-footer-wrapper {
	background-image: url(http://www.info-lution.ch/wordpress_infolution/wp-content/themes/infolution/images/absetzung_unten_infolution_webdesign_grafikdesign.png);
	background-repeat: repeat;
	background-position: left top;
}

/* =============================================== */
/* ^300 MENU */
/* =============================================== */

/* ^310 DIFFERENCES MENU ------------------------ */

/*Drop Menu Magic Adjustments*/
.p7DMM03 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	/* [disabled]text-transform: uppercase; */
}
.p7DMM03.p7DMM.p7dmm-left {
	padding-left: 20px;
}
.p7DMM03.p7DMM.p7dmm-right {
	padding-right: 20px;
}

/* =============================================== */
/* ^400 TEMPLATE HOMEPAGE / TYPE 1,2,3,4 ... MODULES */
/* =============================================== */

/* ========================== */
/* ^500 HEADER */
/* ========================== */

#header {
	z-index: 500;
	position: relative;
}

.logoLinkflaeche {
	position: absolute;
	z-index: 540;
	top: 0px;
	left: 0px;
}

/* ICONS NAV */
.iconkopf {
	position: absolute;
	right: 32px;
	top: 42px;
	width: 140px;
	height: 72px;
	z-index: 550;
	margin: 0;
}

/* ul IST PARENT HABE ALLE PARAMETER GESETZT IN .iconkopf ul DAMIT DIESE NICHT UEBERSTEUERT WERDEN */
.iconkopf ul {
	list-style: none; 
	list-style-position: outside;
	padding: 0px;
	margin: 0px;
}

/* BULLETS HABEN EINZUG DA ES EINE LISTE IST -XX PX GEHT ABER NICHT  DA SICH DAS AUF DIE NACHFOLGENDEN LI ELEMENTE EBENFALLS AUSWIRKT */
.iconkopf li {
	margin: 0px 20px 16px 0px; float: left;
}

.iconkopf li a {
	width: 25px; height: 50px; text-indent: -9000px; display: block;
}

.iconkopf li:last-child {
	margin-right: 0px;
}

/* TM: GEHT NUR MIT BACKGROUND ABER NICHT MIT BACKGROUND-IMAGE! " ??? BRAUCHT ES IN URL */
a.homeicon {
	background: url("../images/home_icon_infolution_webdesign_grafikdesign.png") no-repeat 0px 0px;
	-webkit-transition: background 0.15s ease 0s;
	-moz-transition: background 0.15s ease 0s;
	-ms-transition: background 0.15s ease 0s;
	-o-transition: background 0.15s ease 0s;
	transition: background 0.15s ease 0s;
}
a.homeicon:hover { 
    background: url("../images/home_icon_infolution_webdesign_grafikdesign.png") no-repeat 0px 4px; 
}
a.emailicon {
	background: url("../images/e_mail_icon_infolution_webdesign_grafikdesign.png") no-repeat 0px 0px;
	-webkit-transition: background 0.15s ease 0s;
	-moz-transition: background 0.15s ease 0s;
	-ms-transition: background 0.15s ease 0s;
	-o-transition: background 0.15s ease 0s;
	transition: background 0.15s ease 0s;
}
a.emailicon:hover { 
    background: url("../images/e_mail_icon_infolution_webdesign_grafikdesign.png") no-repeat 0px 4px; 
}
a.sitemapicon {
	background: url("../images/sitemap_icon_infolution_webdesign_grafikdesign.png") no-repeat 0px 0px;
	-webkit-transition: background 0.15s ease 0s;
	-moz-transition: background 0.15s ease 0s;
	-ms-transition: background 0.15s ease 0s;
	-o-transition: background 0.15s ease 0s;
	transition: background 0.15s ease 0s;
}
a.sitemapicon:hover { 
    background: url("../images/sitemap_icon_infolution_webdesign_grafikdesign.png") no-repeat 0px 4px; 
}

/* ^510 DIFFERENCES TEMPLATE FOLLOW PAGES------------------------ */

/* ========================== */
/* ^600 CONTENT */
/* ========================== */

#content {
	position: relative;
	background-image: url(../images/content_hg_infolution_webdesign_grafikdesign.png);
	background-repeat: repeat-y;
	padding-right: 22px;
	padding-left: 22px;
}

#image-rotator {
	z-index: 400;
}

#color-stripe {
	display: inline; /* ANSPERECHEN MOBILE: DISPLAY NONE */
	height: auto !important; /* RESPONSIVE BILDGRÖSSE */
	width: auto !important;
	max-width: 100%;
	vertical-align: bottom;
}

#box-wrapper {
	z-index: 450;
	position: absolute;
	width: 95.703125%;
	top: 306px;
	margin:0;
	padding:0;
}

.float-container-type-box-a {
	width: 33.33333333333333%;
	float: left;
	display:inline-block;
	list-style:none;
}

.boxhg-type-a {
	margin: 0px 0px 0px 28px;
	height: 194px;
	width: 287px;
	background-image: url(../images/box_hg_infolution_webdesign_grafikdesig.png);
}

.boxhg-type-b {
	margin: 0px 0px 0px 20px;
	height: 194px;
	width: 287px;
	background-image: url(../images/box_hg_infolution_webdesign_grafikdesig.png);
}

.boxhg-type-c {
	margin: 0px 0px 0px 13px;
	height: 194px;
	width: 287px;
	background-image: url(../images/box_hg_infolution_webdesign_grafikdesig.png);
}

.box {
	height: 152px;
	width: 247px;
	display: block;  /* UMSCHLIESSENDES A TAG HAT KEINE BLOCK EIGENSCHAFTEN !!!!!*/
	padding: 22px 20px 20px 24px;
	overflow: hidden;
	line-height: 1.17em;	
}

.box1 {
	background-image: url(../images/box1_hg_infolution_webdesign_grafikdesig.png);
	-webkit-transition: background-image 0.75s ease 0s;
	-moz-transition: background-image 0.75s ease 0s;
	-ms-transition: background-image 0.75s ease 0s;
	-o-transition: background-image 0.75s ease 0s;
	transition: background-image 0.75s ease 0s;
}
.box1:hover {
	background-color: transparent !important;
	background-image: url(../images/box1_hg_over_infolution_webdesign_grafikdesig.png);
}

.box2 {
	background-image: url(../images/box2_hg_infolution_webdesign_grafikdesig.png);
	-webkit-transition: background-image 0.75s ease 0s;
	-moz-transition: background-image 0.75s ease 0s;
	-ms-transition: background-image 0.75s ease 0s;
	-o-transition: background-image 0.75s ease 0s;
	transition: background-image 0.75s ease 0s;
}
.box2:hover {
	background-color: transparent !important;
	background-image: url(../images/box2_hg_over_infolution_webdesign_grafikdesig.png);
}

.box3 {
	background-image: url(../images/box3_hg_infolution_webdesign_grafikdesig.png);
	-webkit-transition: background-image 0.75s ease 0s;
	-moz-transition: background-image 0.75s ease 0s;
	-ms-transition: background-image 0.75s ease 0s;
	-o-transition: background-image 0.75s ease 0s;
	transition: background-image 0.75s ease 0s;
}
.box3:hover {
	background-color: transparent !important;
	background-image: url(../images/box3_hg_over_infolution_webdesign_grafikdesig.png);
}

.float-container-type67 {
	width: 67.3469387755102%;
	float: left;
}	

.float-container-type33 {
	width: 32.6530612244898%;
	float: left;
}	

#content-main-type1 {
	margin-top: 160px;
	padding-right: 13px;
	padding-left: 52px;
	margin-bottom: 54px;
}	

#asside-right-type1 {
	max-height: 500px;
	overflow: auto;
	margin-top: 160px;
	padding-right: 25px;
	padding-left: 28px;
	margin-bottom: 54px;
}	

#asside-right-type1 li {
	list-style:none;
}	
	
#content #color-stripe2 {
	display: inline; /* ANSPERECHEN MOBILE DISPLAY NONE */
	height: auto !important; /* RESPONSIVE BILDGRÖSSE */
	width: auto !important;
	max-width: 100%;
	vertical-align: bottom;
}	

.image-thomas-mueller-koerper {
	float: right;
	margin-top: 100px;

}

.image-thomas-mueller-portrait {
	margin-top: 48px;
	height: auto !important;
	width: auto !important;
	max-width: 100%;
	vertical-align: bottom;

}

/* ^610 DIFFERENCES TEMPLATE FOLLOW PAGES------------------------ */

#color-stripe3 {
	height: auto !important; /* RESPONSIVE BILDGRÖSSE */
	width: auto !important;
	max-width: 100%;
	vertical-align: bottom;
	display: block; /* FÜR ANSPERECHEN MOBILE: DISPLAY NONE */ 	/*UNERKLÄRLICHER ABSTAND BILD: BILD WIRD AN DER GRUNDLINIE DES TEXTES AUSGERICHTET WEIL ES STANDARD EIN INNLINE ELEMENT IST !!!!*/
}

.float-container-type68 {
	width: 68.36734693877551%;
	float: left;
}	

.float-container-type32 {
	width: 31.63265306122449%;
	float: left;
}
	
.float-container-section-type-box-a {
	width: 50%;
	float: left;
}

#content-main-type2 {
	margin-top: 59px;
	padding-right: 52px;
	padding-left: 52px;
	margin-bottom: 90px;
	border-right-style: solid;
	border-right-color: #b8b7b7;
	border-right-width: 1px;
}	

#content-main-type3 {
	margin-top: 59px;
	padding-right: 52px;
	padding-left: 52px;
	margin-bottom: 54px;
	overflow: hidden; /* BOX COLAPPSING! FÜR ALLE INNENLIEGENDE ELEMENTE MIT FLOAT !*/
}	

/*PLATZHALTER LEER*/
#asside-right-type2 {  
	margin-top: 59px;
	padding-right: 25px;
	padding-left: 28px;
	margin-bottom: 54px;
}	

.section-type-box-a {
	min-height: 325px;
	padding-right: 50px;
}

.section-type-box-b {
	min-height: 347px;
	padding-right: 50px;
}

.section-type-box-c {
	min-height: 303px;
	padding-right: 50px;
}

.section-type-box-d {
	min-height: 250px;
	padding-right: 50px;
}

.section-type-box-e {
	padding-right: 50px;
}

/*The map-wrapper for google map*/
.map-wrapper {
	position: relative;
	margin-top: -10px; /*EINGEFÜGT UM ABSTAND ZU TITEL VERRINGERN*/
	padding-bottom: 100%;  /* Note: The 100% padding bottom sets the map box to a square shape. */
	padding-top: 0px;
	height: 0px;
	overflow: hidden;
}

/* ========================== */
/* ^700 FOOTER */
/* ========================== */

/*Footer and Copyright*/
#footer {
	background-image: url(../images/fussbild_infolution_webdesign_grafikdesign.png);
	background-repeat: no-repeat;
	height: 152px;
	font-size: 0.74em;
	line-height: 1.3em;
	padding-right: 22px;
	padding-left: 22px;
	color: #666;
}


.float-container-type-footer-a {
	width: 26.93877551020408%;
	float: left;
}

.float-container-type-footer-b {
	width: 23.6734693877551%;
	float: left;
}	

.float-container-type-footer-c {
	width: 25.71428571428571%;
	float: left;
}

.footer-section-type-a {
	border-right-style: solid;
	border-right-color: #b8b7b7;
	border-right-width: 1px;
	margin-top: 35px;
	margin-left: 53px;
	height: 73px;
}

.footer-section-type-b {
	margin-left: 42px;
}

 /* UNSICHER ALS PSEUDO KLASSE :LAST-CHILD GRUND: IE 5/5.5/6/7 WERDEN NICHT UNTERSTÜTZT. ÜBER EINE KLASSE ANGESPROCHEN */
footer-section-type-a.footer-section-type-b.last-child-footer-section-type {         
border: none;
}

/* ^710 DIFFERENCES TEMPLATE FOLLOW PAGES------------------------ */

/* =============================================== */
/* ^1000 RESPONSIVE / MOBILE / TABLE OF CONTENTS*/
/* =============================================== */

/*

^1010 @media only screen and (min-width: 1040px)

^1020 @media only screen  and (min-width: 0px) and (max-width: 1039px)

^1030 @media only screen and (min-width: 901px) and (max-width: 1039px)
^1040 @media only screen and (min-width: 701px) and (max-width: 1039px)
^1050 @media only screen and (min-width: 0px) and (max-width: 900px)

^1060 @media only screen and (min-width: 0px) and (max-width: 700px)

^1070 @media only screen and (min-width: 0px) and (max-width: 380px)

*/



/*^1030*/
@media only screen and (min-width: 901px) and (max-width: 1039px) {

/* =============================================== */
/* ^400 TEMPLATE HOMEPAGE / TYPE 1,2,3,4 ... MODULES */
/* =============================================== */

/* ========================== */
/* ^600 CONTENT */
/* ========================== */

#box-wrapper {
	width: 100%;
	top: 302px;
}

.boxhg-type-a,.boxhg-type-b,.boxhg-type-c {
	margin: 0px auto;
}

#content-main-type1 {
	margin-top: 180px;
}	

#asside-right-type1 {
	margin-top: 180px;
}

}

/*^1040*/
@media only screen and (min-width: 701px) and (max-width: 1039px) {

/* =============================================== */
/* ^200 DEFAULT PAGE STYLING */
/* =============================================== */

#layout-header {
	padding-top: 14px;
}

#layout-footer {
	padding-bottom: 14px;
}

/* =============================================== */
/* ^400 TEMPLATE HOMEPAGE / TYPE 1,2,3,4 ... MODULES */
/* =============================================== */

/* ========================== */
/* ^500 HEADER */
/* ========================== */

#header {
	margin-right: 20px;
	margin-left:  20px;
}

/*Menu*/
#menu-wrapper {
	position: absolute;
	z-index: 10;
	bottom: 7%;
	right: 3%;
}

/* ICONS NAV */
.iconkopf {
	top: 10%;
	right: 0%;
}

/* ========================== */
/* ^600 CONTENT */
/* ========================== */

#content {
	background-image: none;
	background-color: #FFF;
	margin-left: 20px;
	margin-right: 20px;
	padding-right: 0px;
	padding-left: 0px;
}

/* ========================== */
/* ^700 FOOTER */
/* ========================== */

#footer {
	background-image: url(../images/fussbild_responsive_infolution_webdesign_grafikdesign.png);
	background-repeat: repeat-x;
	height: 129px;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 20px;
	margin-left:  20px;
}

.footer-section-type-a {
	margin-top: 25px;
	margin-left: 53px;
	padding-right: 20px;
}

.footer-section-type-b {
	margin-left: 20px;
}

}

/*^1050*/
@media only screen and (min-width: 0px) and (max-width: 900px) {

/* =============================================== */
/* ^100 GLOBALS */
/* =============================================== */

.pagebreak {
	display: none;
}

.no-pagebreak {
	display: inline;
}

.word-show-no-show {
	display: none;
}

.word-show-no-show3 {
	display: none;
}

/* ^120 DIFFERENCES TEMPLATE FOLLOW PAGES ------------------------ */

.float-container-section-type-box-a a {
	margin-bottom: 50px;
	display: inline-block;  /* BRAUCHT ES FÜR ANSPRECHEN MARGIN-BOTTOM */
}

/* =============================================== */
/* ^400 TEMPLATE HOMEPAGE / TYPE 1,2,3,4 ... MODULES */
/* =============================================== */

/* ========================== */
/* ^600 CONTENT */
/* ========================== */

#color-stripe {
	display: none;
}

#box-wrapper {
	position: static !important;
	width: auto !important;
	top: auto !important;
}

.float-container-type-box-a {
	width: auto !important;
	float: none !important;
}

.boxhg-type-a {
	margin: 0px 0px 0px 0px;
	height:   auto;
	width:  auto;
	background-image: none;
	background-color: #a21a21;
}

.boxhg-type-b {
	margin: 0px 0px 0px 0px;
	height:   auto;
	width:  auto;
	background-image: none;
	background-color: #a21a21;
}

.boxhg-type-c {
	margin: 0px 0px 0px 0px;
	height:   auto;
	width:  auto;
	background-image: none;
	background-color:  #a21a21;
}

.box {
	height: auto !important;
	width:  auto !important;
	display: block; /* UMSCHLIESSENDES A TAG HAT KEINE BLOCK EIGENSCHAFTEN !!!!!*/
	padding: 22px 20px 20px 46px;
	overflow: visible;
	line-height: 1.15em;
	-webkit-transition: max-height 0.75s ease 0s;
	-moz-transition: max-height 0.75s ease 0s;
	-ms-transition: max-height 0.75s ease 0s;
	-o-transition: max-height 0.75s ease 0s;
	transition: max-height 0.75s ease 0s;	
}

.box1 {
	background-image: none;
}
.box1:hover {
	background-image: none;
}

.box2 {
	background-image: none;
}
.box2:hover {
	background-image: none;
}

.box3 {
	background-image: none;
}
.box3:hover {
	background-image: none;
}

#content-main-type1 {
	margin-top: 40px;
}	

#asside-right-type1 {
	margin-top: 40px;
}

/* ^610 DIFFERENCES TEMPLATE FOLLOW PAGES------------------------ */
.float-container-type68 {
	float: none !important;
	width: auto !important;
}	

.float-container-type32 {
	display: none;
}

#content-main-type2 {
		border-right-width: 0px;
		margin-top: 40px;
}	

#content-main-type3 {
	margin-bottom: 54px;
}	

.float-container-section-type-box-a {
	float: none !important;
	width: auto !important;
}

.section-type-box-a {
	min-height: 0px;
	padding-right: 0px;
}

.section-type-box-b {
	min-height: 0px;
	padding-right: 0px;
}

.section-type-box-c {
	min-height: 0px;
	padding-right: 0px;
}

.section-type-box-d {
	min-height: 0px;
	padding-right: 0px;
}

}

/*^1060*/
@media only screen and (min-width: 0px) and (max-width: 700px) {

/* =============================================== */
/* ^100 GLOBALS */
/* =============================================== */

.word-show-no-show {
	display: inline;
}

.word-show-no-show2 {
	display: none;
}

/* =============================================== */
/* ^200 DEFAULT PAGE STYLING */
/* =============================================== */

#layout-header {
	max-width: none;
	padding-top: 0px;
	background-color: #a21a21;
}

#layout-content {
	max-width: none;
	background-color: #21cac3;
}

#layout-footer {
	max-width: none;
	padding-bottom: 0px;
	background-color: #a21a21;
}

/* =============================================== */
/* ^300 MENU */
/* =============================================== */

/* ^310 DIFFERENCES MENU ------------------------ */

/*Drop Menu Magic Adjustments*/
.p7DMM03.p7DMM.p7dmm-left, .p7DMM03.p7DMM.p7dmm-right {
	padding: 0px !important;
}
	
/* =============================================== */
/* ^400 TEMPLATE HOMEPAGE / TYPE 1,2,3,4 ... MODULES */
/* =============================================== */

/* ========================== */
/* ^500 HEADER */
/* ========================== */

#menu-wrapper {
	position: static !important;
}
#header {
	position: static !important;
}

/* ICONS NAV */
.iconkopf {
	display: none !important;
}	

/*Logo Linkfläche*/
.logoLinkflaeche {
     display: none !important; 
}

/* ========================== */
/* ^600 CONTENT */
/* ========================== */

#content {
	background-image: none;
	background-color: #FFF;
	margin-left: 0px;
	margin-right: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

.float-container-type67 {
	float: none !important;
	width: auto !important;
}	

.float-container-type33 {
	float: none !important;
	width: auto !important;
}

#asside-right-type1 {
	padding-left: 52px;
	max-height: 250px;
}

/* ========================== */
/* ^700 FOOTER */
/* ========================== */

/*Footer and Copyright*/
#footer {
	background-image: none;
	background-color: #EBEBEB;
	font-size: 0.95em;
	height: auto !important;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 40px;
}

.float-container-type-footer-a {
	width: auto !important;
	float: none !important;
}

.float-container-type-footer-b {
	width: auto !important;
	float: none !important;
}	

.float-container-type-footer-c {
	width: auto !important;
	float: none !important;
}

.footer-section-type-a {
	border-right-style: none;
	height: auto;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 45px;
	padding-left: 52px;
}

.footer-section-type-b {
	margin-left: 0px;
	padding-left: 52px;
}

}

/*^1070*/
@media only screen and (min-width: 0px) and (max-width: 380px) {

/* ========================== */
/* ^600 CONTENT */
/* ========================== */

.box {
	padding: 22px 20px 20px 32px; /*UEBERSCHREIBT EINTRAG (min-width: 0px) and (max-width: 900px)*/
}

#content-main-type1 {
	padding-left: 32px;
}	

#asside-right-type1 {
	padding-left: 32px; /*UEBERSCHREIBT EINTRAG (min-width: 0px) and (max-width: 700px)*/
}

/* ^610 DIFFERENCES TEMPLATE FOLLOW PAGES------------------------ */

#content-main-type2 {
	padding-left: 32px;
}

#content-main-type3 {
	padding-left: 32px;
}

#color-stripe3 {
	height: 8px !important; 
}

/* ========================== */
/* ^700 FOOTER */
/* ========================== */

.footer-section-type-a {
	padding-left: 32px;
}

.footer-section-type-b {
	padding-left: 32px; /*UEBERSCHREIBT EINTRAG (min-width: 0px) and (max-width: 700px)*/
}

}
/*^1010*/
@media only screen and (min-width: 1040px) {

/* =============================================== */
/* ^100 GLOBALS */
/* =============================================== */

/* ^110 DIFFERENCES TEMPLATE HOMEPAGE --------------------------- */

/*Utility Rules for images. Scalable class makes images scale with window size.*/
#header img#scalable-banner-responsive {
	display: none !important;
}
#header img#scalable-banner-fullscreen {
	display: block !important;
}

} 

/*^1020*/
@media only screen and (min-width: 0px) and (max-width: 1039px) {

/* =============================================== */
/* ^100 GLOBALS */
/* =============================================== */

.tab {
	float: none;
    width: auto;
}

/* ^110 DIFFERENCES TEMPLATE HOMEPAGE --------------------------- */

/*Utility Rules for images. Scalable class makes images scale with window size.*/
#header img#scalable-banner-fullscreen {
	display: none !important;
}
#header img#scalable-banner-responsive {
	display: block !important;
}

}

/* =============================================== */
/* ^1100 SAMPLE / SELECTION */
/* =============================================== */

/*.p-letter-spacing {
	letter-spacing: -0.04em;	
}*/


/*.pdf-logo-link {
	padding-left: 22px;
	background-image: url(../images/pdf_logo.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
}*/



/*KEIN UMBRUCH IN WORT
.no-page-break {
	white-space: nowrap;
}
*/

/*img.rezise {
	height: 100% !important; /* IE NUR MIT 100%. INHERIT UND AUTO KEINE GRÖSSENÄNDERUNG */
/*	width: 100% !important;
	max-width: 100%;
	vertical-align: bottom;
}*/

/*Utility Rules for images. Scalable class makes images scale with window size.
img.scalable {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
	vertical-align: bottom;
}*/

/* =============================================== */
/* ^1200 CAN I USE... */
/* =============================================== */

/*
:first-child	IE 8+
:nth-child(), :last-child, :first-of-type  IE 9+ wenig Unterstützung in anderen Browsern
*/