/*
  CSS definition for WebsiteBaker module: OneForAll
  Copyright (C) 2017, Christoph Marti

  This CSS file is free software. You can redistribute it and/or modify it 
  under the terms of the GNU General Public License - version 2 or later, 
  as published by the Free Software Foundation: http://www.gnu.org/licenses/gpl.html.

  This CSS file is distributed in the hope that it will be useful, 
  but WITHOUT ANY WARRANTY; without even the implied warranty of 
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 
  GNU General Public License for more details.
*/


/* Frontend Stylesheet Module OneForAll */
/* ************************************ */

/*
NOTE:
Modify the HTML of the main page and the item page in the layout section of the OneForAll page settings.
Modify the CSS of the main page and the item page in this stylesheet.
*/


/* GENERAL */

#mod_oneforall_wrapper_f {
	
}

.spalte-es {
	float:left; width:31%;
/*	border:2px solid #aaa; padding:8px;
  width:30%;   22%*/
  /*height:330px;*/
	/*border-radius:4px;*/
        max-width:98%;
	/*width:195px; */       
        margin: 4px 16px 12px 0px ;   
        padding:6px;
        transition: border 1s;
}
.spalte-es:hover {
/*border:2px solid #990000;  */
}
.spalte-es h3{color:#444 !important; font-size:120% !important;font-weight:bold;text-transform:none!important;}

@media screen and (max-width:36.5em){
  .spalte-es {width:90%;}
}
/* OVERVIEW OR MAIN PAGE */

.mod_oneforall_item_loop_f {
	/*margin: 2% 2%;*/
}
.mod_oneforall_main_thumb_f {
	border: none; /*henry*/ width:100%;
}
.mod_oneforall_main_thumb_f:hover {
opacity:0.70;
  filter:alfa(opacity=70);
}
.mod_oneforall_main_img_f {
	border: none;
}

.mod_oneforall_main_title_f  {
	font-weight: normal;  /*übersichsseite*/
}

.mod_oneforall_main_title_f a {
color: #990000 !important;
}

.mod_oneforall_main_title_f_technik {
	font-weight: normal; 
	font-size:1.0em; 
	text-align:center;
	line-height:0; 
	padding:0 0 8px 0;/*übersichsseite*/
}
.mod_oneforall_main_title_f_technik a {
	color:#fff; text-decoration:none;
}
.mod_oneforall_main_title_f_technik a:hover {
	color:#ccc; text-decoration:none;
}
.mod_oneforall_none_found_f {
	margin-top: 100px;
	font-weight: bold;
}
.mod_oneforall_pagination_f {
	
}


/* DETAIL OR ITEM PAGE */

.mod_oneforall_box_left{
	float:left; width:31%; margin-right:1%;
}
.mod_oneforall_box_right{
	float:left; width:66%;
}


.mod_oneforall_item_f {
	
}
.mod_oneforall_item_thumb_f {
	border: none; float:left; margin:4px 4px 4px 0; height:auto; width: 48%;
}
.mod_oneforall_item_img_f {
	border: none; float:left; margin:0 12px 12px 0; max-width:98%; width:404px;
}
.mod_oneforall_item_title_f {
	margin: 0 !important;
}
.mod_oneforall_prev_next_links_f {
	margin:10px 0 10px 0; font-size:100%; font-weight:bold; letter-spacing:0.04em;
}
.mod_oneforall_prev_next_links_f a:hover {
	color:#ccc;
}

/* PLACEHOLDERS */

.mod_oneforall_field_label_f {
	font-weight:bold;
}
.mod_oneforall_field_content_f {
	font-size:100%; max-width:98%;line-height: 140%;
}
.mod_oneforall_field_content_f_typ {   /*forum-w*/
	font-size:96%; font-weight:bold; line-height:120%; letter-spacing:0.02em;
}
.mod_oneforall_field_content_f_einsatz {   /*forum-w*/
	font-size:96%; line-height:120%; letter-spacing:0.02em; padding:6px 0 0 0;
}
.mod_oneforall_text_f {
	font-size:120%;
}
.mod_oneforall_textarea_f {
	font-size:100%;
}
.mod_oneforall_wysiwyg_f {
	margin:20px 0 10px 0;
}
.mod_oneforall_wysiwyg_f img {
	max-width:98%;box-shadow:0 0 8px #666;
}

.mod_oneforall_wb_link_f {
	
}
.mod_oneforall_url_f {
	clear:both; 
	width:294px; /* 244  */
	max-width:90%;
	font-weight:normal; 
	text-align:center;
	color:#fff !important;
	letter-spacing:0.04em; 
	background:#cc0000; 
	padding:2px 8px 2px 8px; 
	margin:18px 0 0 0;
	border-radius:4px; 
	text-transform:uppercase
}
.mod_oneforall_url_f a {
        color:#fff !important;
}
.mod_oneforall_email_f {
	
}
.mod_oneforall_media_f {
	
}
.mod_oneforall_datepicker_f {
	
}
.mod_oneforall_datepicker_start_end_f {
	
}
.mod_oneforall_datetimepicker_f {
	
}
.mod_oneforall_datetimepicker_start_end_f {
	
}
.mod_oneforall_droplet_f {
	
}
.mod_oneforall_select_f {
	
}
.mod_oneforall_group_f {
	clear:both; 
	border-top:1px dotted #666; 
	min-width:98%; 
	padding: 10px 0 0 0;
	
}
.mod_oneforall_group_f h3, h2 {
	
}
@media screen and (max-width: 36.5em ) {

.mod_oneforall_box_left{
	float:left; width:98%;
}
.mod_oneforall_box_right{
	float:left; width:98%;
}
.mod_oneforall_item_thumb_f {
	width: 48%;
}
}

/* LIGHTBOX2 (compressed) */

#lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:black;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);opacity:0.85;display:none;}
#lightbox{position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-weight:normal;}
#lightbox img{width:auto;height:auto;}
#lightbox a img{border:none;}
.lb-outerContainer{position:relative;background-color:white;*zoom:1;max-width: 98%;height:auto;/*width:250px;height:250px;*/margin:0 auto;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;}
.lb-outerContainer:after{content:"";display:table;clear:both;}
.lb-container{padding:10px;}
.lb-loader{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
.lb-container > .nav{left:0;}
.lb-nav a{outline:none;}
.lb-prev,.lb-next{width:49%;height:100%;background-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");/* Trick IE into showing hover */display:block;}
.lb-prev{left:0;float:left;}
.lb-next{right:0;float:right;}
.lb-prev:hover{background:url(js/lightbox2/images/prev.png) left 48% no-repeat;}
.lb-next:hover{background:url(js/lightbox2/images/next.png) right 48% no-repeat;}
.lb-dataContainer{margin:0 auto;padding-top:5px;*zoom:1;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-ms-border-bottom-left-radius:4px;-o-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;-ms-border-bottom-right-radius:4px;-o-border-bottom-right-radius:4px;border-bottom-right-radius:4px;}
.lb-dataContainer:after{content:"";display:table;clear:both;}
.lb-data{padding:0 10px;color:#bbbbbb;}
.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em;}
.lb-data .lb-caption{font-size:13px;font-weight:bold;line-height:1em;}
.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:11px;}
.lb-data .lb-close{width:35px;float:right;padding-bottom:0.7em;outline:none;}
.lb-data .lb-close:hover{cursor:pointer;}