/* 
Project: ichPotentiale.de 
CSS for resoultion 0 to 767, optimized for 375
*/

/* Reset
--------------------------------------------------------------------------------------- */
* {
border: 0;
margin: 0;
padding: 0;
}


/* Globals 
--------------------------------------------------------------------------------------- */
html {
background: #fff;
font-family: Verdana,Helvetica,sans-serif;
}
body {
background: #fff;
color: #000;
width: 100%;
}
html>body {
font-size: 14px;
line-height: 2.1em;
}


/* Link Behaviour 
--------------------------------------------------------------------------------------- */
a:link {
color: #788bc3;
text-decoration: underline;
}
a:visited, a:active {
color: #788bc3;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:focus { 
outline: none; /* Make dotted lines around links invisible */
}



/* Headlines and Paragraph 
--------------------------------------------------------------------------------------- */
p {
margin: 25px 0 25px 0;
}
p.seamless {
margin: 0 0 20px 0;	
}

h1 {
color: /*#001672;*/ #003366;
font-size: 2em;
font-weight: normal;
line-height: 3em;
margin: 0 0 15px 0;
}
h2 {
color: #666;
font-size: 1.8em;
font-weight: normal;
margin-top: 40px;
margin-bottom: 15px;
/*font-variant:small-caps;*/
}
h3 {
color: #788bc3;
font-size: 1.1em;
font-weight: normal;
margin-bottom: 3px;
}
h3.lessMargin {
margin-top: 25px;
}
h4 {
color: #000;
font-size: 1em;
font-weight: bold;
margin-bottom: 1px;
}


/* List Items 
--------------------------------------------------------------------------------------- */
li {
display: inline;
list-style: none;
}

#contentArea ul {
margin-bottom: 20px;
}
#contentArea li {
display: block;
background: url(../images/icons/bullet.gif) no-repeat left 5px;
background-size: 12px;
padding-left: 20px;
}


/* Horizontal row (gradient)
--------------------------------------------------------------------------------------- */
hr {
border: 0; 
height: 1px; 
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); 
margin-bottom: 30px;
clear: both;
}


/* To top button
--------------------------------------------------------------------------------------- */
#topBtn {
display: none;
}
#topBtn:hover {
display: none;
}




.fullWidthWrapper {
width: 100%;
}

.blue { 
background: #004488;
}
.blueBottom {
background: #a6c3d9;
min-height: 20px;
margin-left: 5%;
width: 95%;
}

.home, .contact { /* -------- home***style -------- */
background-image: linear-gradient(141deg, #1e1e82 0%, #5a5d08 60%); 
}
.home {
font-style: normal;
text-align: center;
}
.homeBottom { /* -------- home***style -------- */
background: #9c9e6a; /* kirschblüte */
min-height: 20px;
margin-left: 5%;
width: 95%;
}

.magenta { /* --- content-magenta --- */
background: #8a244d;
}
.magentaBottom { /* --- content-magenta --- */
background: #4c1227;
min-height: 20px;
margin-left: 5%;
width: 95%;
}

.orange { 
background: #de4504;
}
.orangeBottom {
background: #5d0804;
min-height: 20px;
margin-left: 5%;
width: 95%;
}
.green { 
background: #328501;
}
.greenBottom {
background: #8bc03f;
min-height: 20px;
margin-left: 5%;
width: 95%;
}

.purple { 
background: #690f80;
}
.purpleBottom {
background: #b41bda;
min-height: 20px;
margin-left: 5%;
width: 95%;
}

.brown { /* --- content-magenta --- */
background: #96673d;
}
.brownBottom { /* --- content-magenta --- */
background: #724f2f;
min-height: 20px;
margin-left: 5%;
width: 95%;
}


.bannerImageQuote {
color: #fff;
margin: 0px auto;
max-width: 100%; /*767px;*/
text-align: left;
font-style: italic;
font-size: 1.8em; 
font-family: Lato,Trebuchet MS,Arial,sans-serif;
line-height: 1.5em;
padding: 15px 0;
}
.bannerImageQuote>span.source {
font-style: normal;
font-size: 0.7em;
line-height: 1em;
display: block;
padding: 20px 0 5px 0;
}
.contentQuote_01 {
background: url(../images/icons/quotes_white.png) 0px 20px no-repeat;
padding-left: 100px;
width: 70%;
}
.contentQuote_02 {
background: url(../images/icons/quotes_white.png) 15px 20px no-repeat;
padding-left: 100px;
width: 80%;
}
.contentQuote_01_olive {
color: #bdbf8d;
background: url(../images/icons/quotes.png) 0px 20px no-repeat;
padding-left: 100px;
width: 70%;
}
.contentQuote_02_olive {
color: #bdbf8d;
background: url(../images/icons/quotes.png) 15px 20px no-repeat;
padding-left: 100px;
width: 80%;
}

.quote_light {
color: #bdbf8d;
width: 95%;
font-style: normal;
font-size: 2.3em;
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}
.quote_home {
color: #bdbf8d;	
width: 90%;
font-style: normal;
font-size: 1.7em;
text-align: center;
padding: 20px 0px 25px 0px;	
}



.floatContent {
float: none;
margin-bottom: 30px;
line-height: 2.1em;
}


.fullWidthTeaser {
margin-top: 0;
padding: 20px;
background: #048;	
text-align: center;
color: #fff;
}
.oliveFullWidth {
background: #5a5d08;
color: #fff;
color: #9c9e6a;
line-height: 1.8em;
}
.oliveFullWidthGradient {
background-image: linear-gradient(141deg, #1e1e82 0%, #5a5d08 60%);
color: #9c9e6a;
line-height: 1.8em;
}
.blueFullWidth {
background: #048;	
color: #fff;
}
.greenFullWidth {
background: #328501;	
color: #fff;
}
.greyFullWidth {
background: #eee;	
color: #fff;
}
.magentaFullWidth {
background: #8a244d;	
color: #fff;
}
.purpleFullWidth {
background: #690f80;	
color: #fff;
}
.orangeFullWidth {
background: #de4504;	
color: #fff;
margin-top: 80px;
}
.teaserFullWidthBig {
font-size: 1.5em;
}
.fullWidthTeaser>a {
color: #fff;
font-weight: bold;
padding-left: 11px;
margin-left: 2px;
background: url(../images/icons/arrow_link_white.gif) center left no-repeat;
}
.oliveFullWidth>a, .oliveFullWidthGradient>a {
color: #bdbf8d;
background: url(../images/icons/arrow_link_olive.gif) center left no-repeat;
}
.oliveFullWidth>a:hover, .oliveFullWidth>a:active, .oliveFullWidth>a:visited,
.oliveFullWidthGradient>a:hover, .oliveFullWidthGradient>a:active, .oliveFullWidthGradient>a:visited {
color: #bdbf8d;
}



.imgBanner_cherryBlossom { /* -------- home***style -------- */
display: none;
/*
background: #fff url(../images/bannerImage/bannerImage_cherryBlossom.jpg) center no-repeat;
background-size: 767px;
min-height: 250px;
clear: both;
*/
}
.imgBanner_pencilsAndBook_magenta { /* --- picture colors fit for content-magenta page --- */
background: #fff url(../images/bannerImage/bannerImage_pencilsAndBook.jpg) center no-repeat;
background-size: 767px;
min-height: 250px;
clear: both;
}
.imgBanner_eyeShadow_magenta { /* --- picture colors fit for content-magenta page --- */
background: #fff url(../images/bannerImage/bannerImage_eyeShadow.jpg) center no-repeat;
background-size: 767px;
min-height: 250px;
clear: both;
}
.imgBanner_glasses_magenta {
background: #fff url(../images/bannerImage/bannerImage_glassesMagenta.jpg) center no-repeat;
background-size: 767px;
min-height: 250px;
clear: both;
}
.imgBanner_colorFog_magenta {
background: #fff url(../images/bannerImage/bannerImage_colorFog.jpg) center no-repeat;
background-size: 767px;
min-height: 250px;
clear: both;
}
.imgBanner_techBlue_blue {
background: #fff url(../images/bannerImage/bannerImage_techBlue.jpg) center no-repeat;
background-size: 767px;
min-height: 250px;
clear: both;
}
.imgBanner_sky_blue {
background: #fff url(../images/bannerImage/bannerImage_sky.jpg) center no-repeat;
background-size: 767px;
min-height: 250px;
clear: both;
}
.imgBanner_invest_green {
background: #fff url(../images/bannerImage/bannerImage_invest.jpg) center no-repeat;
background-size: 767px;
min-height: 250px;
clear: both;
}
.imgBanner_plant_green {
background: #fff url(../images/bannerImage/bannerImage_plant.jpg) center no-repeat;
background-size: 767px;
min-height: 250px;
clear: both;
}
.imgBanner_colorFog_green {
background: #fff url(../images/bannerImage/bannerImage_colorFog.jpg) center no-repeat;
background-size: 767px;
min-height: 250px;
clear: both;
}
.imgBanner_bench_orange {
background: #fff url(../images/bannerImage/bannerImage_bench.jpg) center no-repeat;
background-size: 767px;
min-height: 250px;
clear: both;
}
.imgBanner_mountainTop_orange {
background: #fff url(../images/bannerImage/bannerImage_mountainTop.jpg) center no-repeat;
background-size: 767px;
min-height: 250px;
clear: both;
}
.imgBanner_glasses_orange {
background: #fff url(../images/bannerImage/bannerImage_glassesOrange.jpg) center no-repeat;
background-size: 767px;
min-height: 250px;
clear: both;
}
.imgBanner_mess_orange {
background: #fff url(../images/bannerImage/bannerImage_mess.jpg) center no-repeat;
background-size: 767px;
min-height: 250px;
clear: both;
}
.imgBanner_cat_orange {
background: #fff url(../images/bannerImage/bannerImage_cat.jpg) center no-repeat;
background-size: 767px;
min-height: 250px;
clear: both;
}
.imgBanner_colorFog_orange {
background: #fff url(../images/bannerImage/bannerImage_colorFog.jpg) center no-repeat;
background-size: 767px;
min-height: 250px;
clear: both;
}
.imgBanner_leaves_orange {
background: #fff url(../images/bannerImage/bannerImage_leaves.jpg) center no-repeat;
background-size: 767px;
min-height: 250px;
clear: both;
}
.imgBanner_ready2run_orange {
background: #fff url(../images/bannerImage/bannerImage_ready2run.jpg) center no-repeat;
background-size: 767px;
min-height: 250px;
clear: both;
}
.imgBanner_thumbs_purple {
background: #fff url(../images/bannerImage/bannerImage_thumbs.jpg) center no-repeat;
background-size: 767px;
min-height: 250px;
clear: both;
}
.imgBanner_grass_purple {
background: #fff url(../images/bannerImage/bannerImage_grass.jpg) center no-repeat;
background-size: 767px;
min-height: 250px;
clear: both;
}
.imgBanner_writingHand_olive {
display: none;
/*
background: #fff url(../images/bannerImage/bannerImage_contact.jpg) center no-repeat;
background-size: 767px;
min-height: 250px;
clear: both;
*/
}
.imgBanner_toad_brown {
display: none;
/*
background: #fff url(../images/bannerImage/bannerImage_toad.jpg) center no-repeat;
background-size: 100%;
min-height: 250px;
clear: both;
*/
}
.imgBanner_color_paper {
background: #fff url(../images/bannerImage/bannerImage_colorPaper.jpg) center no-repeat;
background-size: 767px;
min-height: 250px;
clear: both;
}
.imgBanner_oldDoor_brown {
display: none;
/*
background: #fff url(../images/bannerImage/bannerImage_oldDoor.jpg) center no-repeat;
background-size: 767px;
min-height: 250px;
clear: both;
*/
}
.imgBanner_doors {
background: #fff url(../images/bannerImage/bannerImage_doors.jpg) top no-repeat;
background-size: 767px;
min-height: 250px;
clear: both;	
}
.imgBanner_theater {
background: #fff url(../images/bannerImage/bannerImage_theater.jpg) top no-repeat;
background-size: 767px;
min-height: 250px;
clear: both;	
}
.imgBanner_microphone {
background: #fff url(../images/bannerImage/bannerImage_microphone.jpg) top no-repeat;
background-size: 767px;
min-height: 250px;
clear: both;	
}
.imgBanner_rail {
background: #fff url(../images/bannerImage/bannerImage_rail.jpg) top no-repeat;
background-size: 767px;
min-height: 250px;
clear: both;	
}


.contentArea {
margin: 30px auto 0px auto;
max-width: 100%; /*767px;*/
padding: 0 20px;	/* main left padding */
}
.contentArea ul {
margin-bottom: 20px;
}
.contentArea li {
display: block;
background: url(../images/icons/kringel.gif) no-repeat 10px 8px;
background-size: 15px;
padding-left: 33px;
}
.contentArea a {
padding-left: 11px;
margin-left: 2px;
background: url(../images/icons/arrow_link.gif) center left no-repeat;
}
.contentArea a.simpleLink {
padding-left: 0;
margin-left: 0;
background: none;
}

.contentArea>.floatContent>img, .contentArea>img{
width: 100%;
}



h2.h2link {
padding: 0;
margin: 0 0 5px 0;	
font-size: 1.5em;
}
h2.h2link > a {
background: none; 
margin: 0;
padding: 0;
}


div.hoverImg {
display:none;
}
a:hover + br + div.hoverImg {
display:none;
border:none;
}



#fullWidthWrapper {
width: 100%;
}





#fullWidthWrapper.teaserBlocks {
clear: both;
background: none;
min-height: 200px;
margin-top: 0px;
}
#fullWidthWrapper.smallHeight { 
min-height: 180px;
}
#fullWidthWrapper.plusMargin {
margin-top: 0px;
}







#footer {
padding: 10px 0;
max-width: 100%;
text-align: center;
clear: both;
color: #999;
}
#footer.home, #footer.magenta, #footer.blue, #footer.orange, #footer.green, #footer.purple, #footer.brown {
background: none;
border-top: 1px solid #ccc;
/*
background: none;
border: 0; 
height: 1px; 
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); 
margin-bottom: 0;
clear: both;
*/
}


#printInfo {
/* print info is displayed */
}
.stars {
display: none;
}
.noprint {
display: none;
}


#commonLinks {
float: none;
display: block;
padding-left: 15px; /* main right padding */
}
#commonLinks a {
margin-right: 3px;
}
#mainNaviLinks {
display: none;
padding-left: 15px;	/* main left padding */
color: #666;
font-size: 1.1em;
}
#mainNaviLinks a {
margin-right: 5px;
color: #666;
text-decoration: none;
/*font-weight: bold;*/
}





#mainNavigation li {
color: #666;
font-weight: normal;
margin-right: 10px;
padding-left: 15px;	/* main left padding */
}
#mainNavigation a {
color: #666;
text-decoration: none;
}
#mainNavigation a:hover, a:active {
color: #788bc3;
}
#mainNavigation a.active {
padding-left: 12px;
color: #788bc3;
background: url(../images/icons/arrow.gif) center left no-repeat;
}






#toplinks {
display: none;
padding: 8px 0;
margin: 0 auto;
max-width: 100%; /*767px;*/
}
#toplinks a {
text-decoration: none;
font-size: 0.9em;
}
#toplinks a:hover{
color: #666;
}



#header {
margin: 15px auto;
max-width: 100%; /*767px;*/
text-align: center;
}
#header h1 {
color: #000;
margin: 20px 0 0 0;
font-variant:small-caps;
text-align: right;
padding-right: 15px; /* main right padding */
}
#header h2 {
font-size: 1.2em;
font-weight: normal;
margin: 1px 0 20px 0;
text-align: right;
padding-right: 15px; /* main right padding */
}


	

#contentArea {
margin: 30px auto;
max-width: 100%; /*767px;*/
padding-left: 25px;	/* main left padding */
}
#floatContent {
float: left;
margin-bottom: 30px;
line-height: 2.1em;
}











.contentImgSrc{ /* standard pictures in content area */
font-size: 0.8em;
color: #ccc;
margin: -10px 0 0 0;
width: 100%;
text-align: right;
}
.contentImgSrc_topRight{ /* banner on top */
display: none;
/*
text-align:right;
font-size: 0.8em;
color: #ccc;
margin: -20px 0 -5px 0;
width: 100%;
*/
}
.contentImgSrc_bottomRight{ /* banner on end of page */
text-align:right;
font-size: 0.8em;
color: #ccc;
margin-top: -3px;
width: 100%;
}

.contentImgSrc_teaserBottomLeft {
text-align:left;
font-size: 0.8em;
color: #ccc;
width: 100%;
margin-top: -25px;
}
.contentImgSrc_teaserBottomCenter{
text-align:right;
font-size: 0.8em;
color: #ccc;
width: 100%;
margin-top: -25px;
}
.contentImgSrc_teaserBottomRight{
text-align:left;
font-size: 0.8em;
color: #ccc;
width: 100%;
margin-top: -25px;
}
.contentImgSrc>a, .contentImgSrc_topRight>a, .contentImgSrc_bottomRight>a,
.contentImgSrc_teaserBottomRight>a, .contentImgSrc_teaserBottomLeft>a, .contentImgSrc_teaserBottomCenter>a {
text-decoration:none;
color: #ccc;
background: none;
padding: 0;
margin: 0;
}


.contentSrc_bottomRight {
text-align:right;
font-size: 0.8em;
font-style: italic;
line-height: 1.6em;
margin: 60px 0 20px 0;
}




#teaserBlocks {
margin: 0 auto;
padding: 15px 30px;
text-align: center;
}
.teaser2col {
max-width: 100%; /*767px;*/	
}
.teaser3col {
max-width: 100%; /*767px;*/ 
}
.teaserHome {
max-width: 100%; /*767px;*/
}

.teaser2col>.block>a>img {
width: 100%; /*350px;*/
max-width: 450px;
border: 1px solid #9c9e6a;
}
.teaser3col>.block>a>img {
width: 100%; /*350px;*/
max-width: 450px;
border: 1px solid #9c9e6a;
}
.teaserHome>.block>a>img {
width: 100%; /*350px;*/
max-width: 450px;
border: 1px solid #9c9e6a;
}



.block {
float: none; 
display: block;
}


.left {
text-align: left;
margin-top: 0px;
}
.teaser2col>.left {
width: 100%; /*800px;*/
padding-right: 0px;
}
.teaser3col>.left {
width: 100%; /*800px;*/
padding-right: 0px;
}
.teaserHome>.left {
width: 100%; /*800px;*/
padding-right: 0px;
}


.center {
text-align: right;
margin-top: 0px;
}
.teaser3col>.center {
width: 100%; /*800px;*/
padding-right: 0px;
}
.teaserHome>.center {
width: 100%; /*800px;*/
padding-right: 0px;
}


.right {
text-align: left;
margin-top: 0px;
}
.teaser2col>.right {
width: 100%; /*800px;*/
padding-left: 0px;
}
.teaser3col>.right {
width: 100%; /*800px;*/
padding-right: 0px;
}
.teaserHome>.right {
width: 100%; /*800px;*/
}





.block img {
margin: 5px 0 10px 0;
}
.block>h3 {
padding: 10px 0;
color: #666;
font-size: 1.2em;
}









.teaserlink {
color: #788bc3;
text-decoration: none;
display:block;
}
.teaserlink>img {
margin: 0;
padding-right: 4px;
padding-bottom: 1px;
border: none;
display:block;
}

.clear {
clear: both;
height: 0px;
}



#sitemap {
/*display: none;*/
margin: 0 auto 40px auto;
max-width: 100%; /*767px;*/
color: #788bc3;
}

div.sitemapCol {
display: block;
width: 100%;
float: none;
text-align: left;
padding: 40px 0 0 15px;
}
div.sitemapCol>h3 {
font-weight: bold;
font-size: 1.2em;
color: /*#001672;*/ #003366;
}
div.sitemapCol>ul>li {
display: block;
}
div.sitemapCol>h3>a {
text-decoration: none;
color: /*#001672;*/ #003366;
}


span.customerVoice {
font-style: italic;
font-family:Comic Sans MS,Verdana,Helvetica;
color: #788bc3;
display: block;
margin-bottom: 8px;
font-size: 1.1em;
}
span.customerVoice .highlight {
margin-bottom: 0px;
}


#menuSidepanel, button.openbtn {
display: none;	
}

.validity {
display: none;
}