/* basic GE Layouts */

/* version 0.1 */ 

/* hint: falls ie6 doch supported werden soll muss bei kannegiesser
 * z.b. .ge-box ``text-align:left; gegeben werden, weil die vererbung
 * suboptimal läuft 
 * */

.hidden {
	display: none;
	visibility: hidden;
	width: 0;
	height: 0;
	line-height:0;
}
 
.no-wrap {
	white-space: nowrap;
}

.ge-noop{ /* nothing */ }
 
.ge-clear{ /* nur im notfall benutzen! */
	clear:both;
	height:0;
	overflow:hidden;
	display:block;
}

.ge-box{
	position:relative;
	float:left;
	clear:both;
	width:100%;
}

.ge-row{
	position:relative;
	float:left;
	width:100%;
}

.ge-row-1col{
	/* intentionally left blank */
}

.ge-row-2col{
	/* intentionally left blank */
}

.ge-row-3col{
	/* intentionally left blank */
}

.ge-matrix{
	/* intentionally left blank */
}

.ge-table{
	border-collapse:collapse;
	display:inline-table;
}

.ge-list{
	float:left;
}

.ge-cell{
	/* das padding muss lokal gestyled werden, wenn man weiß
	 * wie breit der output tatsächlich ist, da es sonst mit den 
	 * % values clasht :(
	 * */
	float:left;
}

.ge-row-1col .ge-cell{
	width:100%; /* ggfls wieder raus machen... und local stylen, besonders mit borders etc.*/
}


.ge-row-2col .ge-cell{
	width:44.99%;
	margin:0 5% 0 0;
	float:left;
}

.ge-row-3col .ge-cell{
	width:32%;
	margin:0 1% 0 0;
	float:left;
}

.ge-matrix .ge-cell{
	width:24.5%;
	min-width:49px;
	border-width:0 1px 1px 0;
	border-color:#aaa;
	border-style:solid;
	float:left;
	height:60px; /* <- local! */
	overflow:hidden;
}

.ge-table .ge-cell{
	float:none;
}

.ge-list .ge-cell{
	clear:both;
	width:100%;
}

/* .ge-list .ge-cell:nth-child(even) <- too aggressive */

.ge-cell-alt{
	background-color:#ddd;
}

.ge-cell > img, .ge-img{
	float:left;
	/* margin:0 5px 5px 0; <- local!! */
}

.ge-cell .ge-float-right{
	float:right;
}

.ge-cell img{
	/* _float:left; */
	/* ie6-hack just in case. ATTN: styles *all* images inside .ge-cell */
}

.ge-table td{
	padding:0;
}

.ge-headline{
	border-width:0 0 1px 0;
	margin:0;
	padding: 10px;
	float:left;
}

.ge-headline a{
	color:#007AD6;
	text-decoration:none;
}

.ge-headline a:hover {
	text-decoration: underline;
}

.ge-content{
	/* intentionally left blank */
}

.ge-fix-content-right{
	width:50%; /* <- local! */
	float:right;
	right:0px;
}

.ge-fix-content-left{
	width:50%; /* <- local! */
	float:left;
	right:0px;
}

.ge-bottom{
	border-width:0 0 1px 0;
	/* padding:5px; <- local! */
	clear:both;
}

/* basic GE Design Helpers 
 * 
 * Use in any combination, overwrite individual properties
 * locally in your extension stylesheet and use any combination
 * of classes in your extension's markup
 * */

.ge-pointer-cursor{
	cursor:pointer;
}
 
.ge-br5px{
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.ge-br5px-tl{
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}

.ge-br5px-tr{
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}

.ge-br5px-br{
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
}

.ge-br5px-bl{
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
}

.ge-b-solid-aaa{
	border-style:solid;
	border-color:#aaa;
}
.ge-b-solid-ccc{
	border-style:solid;
	border-color:#ccc;
}

.ge-b-1px{
	border-width:1px 1px 1px 1px;
}

.ge-gradient-0{
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #DADADA 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#DADADA)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#DADADA',GradientType=0 ); /* ie */
}

.ge-gradient-50{
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 50%, #DADADA 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#FFFFFF), color-stop(100%,#DADADA)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#DADADA',GradientType=0 ); /* ie */
}

.ge-gradient-66{
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 66%, #DADADA 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(66%,#FFFFFF), color-stop(100%,#DADADA)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#DADADA',GradientType=0 ); /* ie */
}

.ge-gradient-t-0{
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #DADADA 0%, #FFFFFF 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DADADA), color-stop(100%,#FFFFFF)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DADADA', endColorstr='#FFFFFF',GradientType=0 ); /* ie */
}

.ge-gradient-t-50{
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #DADADA 0%, #FFFFFF 50%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DADADA), color-stop(50%,#FFFFFF)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DADADA', endColorstr='#FFFFFF',GradientType=0 ); /* ie */
}

.ge-gradient-t-66{
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #DADADA 0%, #FFFFFF 66%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DADADA), color-stop(66%,#FFFFFF)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DADADA', endColorstr='#FFFFFF',GradientType=0 ); /* ie */
}

.ge-ds-999{
	-webkit-box-shadow: 1px 1px 4px #999;
	-moz-box-shadow: 1px 1px 4px #999;
	box-shadow: 1px 1px 4px #999;
}

.ge-ds-999-inset{
	-webkit-box-shadow: inset 1px 1px 4px #999;
	-moz-box-shadow: inset 1px 1px 4px #999;
	box-shadow: inset 1px 1px 4px #999;
}

.ge-bg-d7{
	background-color:#D7D7D7;
}

.ge-ta-right{
	text-align:right;
}

.ge-ta-center{
	text-align:center;
}

.ge-fix-headline{
	clear:both;
	float:left;
	width:100%;
}

.ge-half-opac{
	opacity:0.5;
}

.ge-float-right{
	float:right;
}

/* Generic fixes to legacy css @kannegiesser relaunch */

.ge-content li, .THIS_IS_A_FIX{
	list-style-position:inside;
}


/* cheat */
/*
.ge-cell > img{
	max-width:100%; 
}
*/

/* file icons */

.filelink  {
	background: url(/typo3conf/ext/np_kgproducts/Resources/Public/gfx/fileicons/default.gif) no-repeat left;
	padding: 3px 0 3px 20px;
}

.pdf{
	background-image: url(/typo3conf/ext/np_kgproducts/Resources/Public/gfx/fileicons/pdf.gif);
}

.zip {
	background-image: url(/typo3conf/ext/np_kgproducts/Resources/Public/gfx/fileicons/zip.gif);
}

.doc, .docx {
	background-image: url(/typo3conf/ext/np_kgproducts/Resources/Public/gfx/fileicons/doc.gif);
}

.xls, .xlsx {
	background-image: url(/typo3conf/ext/np_kgproducts/Resources/Public/gfx/fileicons/xls.gif);
}

.jpg {
	background-image: url(/typo3conf/ext/np_kgproducts/Resources/Public/gfx/fileicons/jpg.gif);
}

.gif {
	background-image: url(/typo3conf/ext/np_kgproducts/Resources/Public/gfx/fileicons/gif.gif);
}

.png {
	background-image: url(/typo3conf/ext/np_kgproducts/Resources/Public/gfx/fileicons/png.gif);
}


.small {
	font-size:85%;
}

.hint {
	padding: 5px 10px;
}


/* local styles for plugins without own or virtually inaccessible stylesheet */
/* ------------------------------------------------------------------------- */
.tx-npdownloads-list .ge-content{
	margin-bottom:10px;
	padding:10px;
}

/* miniGallery */
.ge-mini-gallery{
	width:300px;
	margin:0 5px;
	float:left;
}
.mg-item{
	display:none;
	float:left;
	text-align:center;
	margin-bottom:10px;
	width:inherit;
}
.ge-mg-upper .visible{
	display:block;	
}
.ge-mg-upper{
	width:300px;
	min-height:220px;
	float:left;
	text-align:center;
}
.ge-mg-lower img{
	cursor:pointer;
	opacity:0.8;
	border: 1px solid #ccc;
}
.ge-mg-lower{
	clear:both;
}
.ge-mg-lower img:hover{
	border: 1px solid #bbb;
}
.ge-mg-lower img.active, .ge-mg-lower img:hover{
	opacity:1;
}