/* CSS Document */


/**************************************/
/* Sonstiges: Startseitentemplate	 */
/**************************************/
div.homeSideBar { width: 29%; min-height: 100%; min-width: 195px; margin: 0px 0px 0px 0px; padding-left: 0px;  background-color: #fff; border: 0px solid #406c99; display:inline-block;  }
div#homeContent { width: 70%; display:inline-block;}
/*Startseite iTemplate (Spalten Home/HomeT/Free) */
div.itcBoxFEED { width: 27%; min-height: 100%; min-width: 195px; margin: 0px 0px 0px 0px; padding-left: 2%;  background-color: #fff; border: 0px solid #406c99; display:inline-block; vertical-align:top; }
div#itcBoxMAIN { width: 70%; display:inline-block;  vertical-align:top;}

/* 3.Spalte - Containerdesign */
.sideBox_Container { width: 100%; height:auto; min-height: 60px; overflow:auto; margin-bottom: 20px;  }
.sideBox_Head { padding: 4px 0px 4px 0px; font-size:100%; font-weight:100; text-align:left;   }
.sideBox_Content {  min-height: 30px; padding: 3px 0px;   font-size: 86%; color: #180c0a; border-bottom: 0px solid #322201; margin-bottom: 2px; }
.sideBox_Content a {  color: #180c0a;  }
.sideBox_Head h3 { color: #333; }
.sideBox_Content h4 { font-size: 105%; font-weight: 600;}
.sideBox_Content h5 { font-size: 90%; font-weight:100; letter-spacing: 1px; }

/* -> Anpassung Neutrale Seite   */
.homeFastLink {padding: 0px 10px 10px 0px;}

/* Container f. Editor  * /
.sideBar_FlexBox { border: 0px ; width: 200px; min-height: 60px; border-bottom: 2px solid #8c1c1b; margin-bottom: 25px; text-align: right; }
.sideBar_FlexBox_Head { border: 0px ; background: #8c1c1b; color: #fff; padding: 4px 16px 4px 0px; font-size:14px; font-weight:bold; text-align: right;  }
.sideBar_FlexBox_Content { border: 0px solid #000; min-height: 30px; padding: 2px 5px 2px 0px; text-align: right;  }

.spaceFrame hr { border: 0px; height:1px; border-bottom: 1px solid #3b4957;   }
.spaceFrame hr.blue { border: 0px; height:1px; border-bottom: 1px solid #406c99;   }
.spaceFrame hr.orange { border: 0px; height:1px; border-bottom: 1px solid #c4991e;   }
.spaceFrame hr.green { border: 0px; height:1px; border-bottom: 1px solid #496a43;   }

/* Home-Automatisierungen * /
ul#homeAutoAktuell { border-left: 2px solid #406c99; border-right: 0px solid #406c99; border-bottom: 0px solid #406c99; display:inline-block; min-width: 320px; max-width:1000px; width:75%; float:left; margin: 15px 0px 0px 20px; padding: 0px 3px 0px 3px; list-style: none;  }
ul#homeAutoAktuell li { padding: 5px 0px 0px 15px; margin-top: 5px; border-left: 14px solid #406c99; border-right: 0px solid #406c99; }
ul#homeAutoAktuell li#first { margin-top: 0px; }
ul#homeAutoAktuell li h4 { margin: 0px; padding 0px; display:inline;  }
*/

#homeContent {
margin: 0px 0px 0px 0px; padding: 0px; width:100%; min-width:380px; display:inline-block; vertical-align:top;  
}
#homeContent img {
max-width:45%; height: auto; display:inline-block; float:none; padding-right: 0.5%;
height:inherit; 
 }

#homeSideBar { 
	width:19%; height: auto; display:inline-block; float:right; padding-right: 3%;
}


/* Suche - Anpassung */
.findRes_itmBox h3 a { text-decoration:none !important;}


/* Benutzerdefinierte Link-Buttons */
.awesome.rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.userButtonColor1 { background-color: #090; }
.userButtonColor2 { background-color: #09F; }

/**************************************/
/* iTemplate Basisformatierungen und WhereAmI-Nav	 */
/**************************************/

.itpl_renderbox {vertical-align: top;  }
/*### FLEX-Layout iTemplate (2/3-Spaltig) */
#itpl_renderbox_3sf {    display: -webkit-flex; display: -ms-flexbox; display: flex;          
   flex-direction: row;
   flex-wrap: wrap; }
#itpl_renderbox_3sf .elementList {   margin-top: 6px; }
#itpl_renderbox_2sf {    display: -webkit-flex; display: -ms-flexbox; display: flex;          
   flex-direction: row;
   flex-wrap: wrap; }
#itpl_renderbox_2sf .elementList {   margin-top: 6px; }
   
.wai { display:block; min-height:20px; text-align:right;}
.wai.top { line-height: 100%; margin-bottom: 5px;    }
.wai.mnu { font-size: 40%; line-height: 115%;  }

/**************************************/
/* ITemplate-Anpassung			 */
/**************************************/
.placeHolderITbimg { background: url(/images/layout/placeHolder_vorschaubild.png) no-repeat center center ; vertical-align:top; display:none !important;} 
.elx_mainContent { font-size: 85%;  padding-bottom: 8px; margin-bottom: 10px; display:table; width: 100%;} 
.elementList { display:block; width:auto; }
.elementList.flex50 { display:inline-block; width:44%; min-width: 160px; margin-right: 5%; margin-bottom: 1%; }
.elementList.flex33 { display:inline-block; width:27%; min-width: 160px;  margin-right: 5%; margin-bottom: 1%;}


/**************************************/
/* Sonstiges: Modul Gästebuch			 */
/**************************************/

.gbk_head { background-color: #180c0a; color: #fff; }
.gbk_main { background-color: #fff;}
.gbk_foot { background-color: #180c0a; color: #fff; }
 
body.l0 .gbk_head, body.l0 .gbk_foot { background-color: #2267b4; }
body.l1 .gbk_head, body.l1 .gbk_foot { background-color: #2267b4; }
body.l2 .gbk_head, body.l2 .gbk_foot { background-color: #2c641f; }
body.l3 .gbk_head, body.l3 .gbk_foot { background-color: #ff9c18; }
body.l4 .gbk_head, body.l4 .gbk_foot { background-color: #9c0000; }

  

/**************************************************************************************************/
/* EDITOR-Addon (nötig für sichtbares CSS - aber zur Sauberheit extern, sonst Style-Liste zu voll */
/**************************************************************************************************/

/* Textgrösse */
.my_textSize-bigger  { font-size: 125%; }
.my_textSize-big  { font-size: 115%; }
.my_textSize-small  { font-size: 92%; }
.my_textSize-smaller  { font-size: 80%; }

/* Eigene Button-Links */ 
a.my_linkButton-kv1  {display:inline-block; padding: 4px 12px; background-color: #1d853f; color: #fff !important; font-size: 92%;}
a.my_linkButton-kv2  {display:inline-block; padding: 4px 12px; background-color: #093e0a; color: #fff !important; font-size: 92%;}
a.my_linkButton-hk1  {display:inline-block; padding: 4px 12px; background-color: #7c233f; color: #fff !important; font-size: 92%;}
a.my_linkButton-hk2  {display:inline-block; padding: 4px 12px; background-color: #4d1628; color: #fff !important; font-size: 92%;}
a.my_linkButton-kv1:hover { background-color: #093e0a; text-decoration:none;  }
a.my_linkButton-kv2:hover { background-color: #1d853f; text-decoration:none;  }
a.my_linkButton-hk1:hover { background-color: #4d1628; text-decoration:none;  }
a.my_linkButton-hk2:hover { background-color: #7c233f; text-decoration:none;  }


/* Textfarben */
.my_textColor-kv  { color: #1d853f; }
.my_textColor-hk  { color: #7c233f; }

/* Textfarben */
.my_linkColor-white  { color: #CCC; }
.my_linkColor-kv  { color: #1d853f; }
.my_linkColor-hk  { color: #7c233f; }

/* Textdicke */
.my_textStyle_light  { font-weight:100; }
.my_textStyle_lightbold  { font-weight:600; }

/* Bilder Skalierung */
.my_imgScale-fullscreen {	max-width: 100%; height:auto; }
.my_imgScale-max75 {	max-width: 75%; height:auto; }
.my_imgScale-max60 {	max-width: 60%; height:auto; }
.my_imgScale-max50 {	max-width: 50%; height:auto; }
.my_imgScale-max40 {	max-width: 40%; height:auto; }
.my_imgScale-max30 {	max-width: 30%; height:auto; }