
/* - columns.css - */
@media screen {
/*
** Tableless Column Layout for CSS2 capable Browsers
** Based on http://www.positioniseverything.net/ordered-floats.html by Big John.
** Fixed width modifications by Tonico Strasser (http://www.webproducer.at) and
** Michael Zeltner (http://niij.org).
*/

/* <!-- compression status: disabled --> (this is for http compression) */
/*  */

body {
    min-width: 708px;
}
#portal-columns {
    width: auto;
    margin: 0;
}
#visual-column-wrapper {
    float: left;
    width: 100%;
    //xmargin-right: -0em;
}
#portal-column-content {
    //xwidth: 100%;
    //xfloat: right;
    //xmargin-left: -314px;
    margin-left: 342px;
	background: #D6D6D6 url("containerbg.gif"/*tpa=http://www.galerie-froehlich.at/portal_css/GalerieFroehlichTheme/containerbg.gif*/) 0 0 repeat;
}

#portal-column-content #content {
    //xmargin: 0 0em 0 0px;
    //xmargin: 0 0em 0 314px;
    //xmargin-left: -342px;
}

#portal-column-one {
    float: left;
    position: absolute;
	left: 26px;
	width: 314px;
    height: 100%;
	border-right: 2px solid #FFF;
	background-color: #000;
	color: #FFF;
    overflow: hidden;
}

#portal-column-two {
    float: right;
    width: 0em;
    overflow: hidden;
}

/* padding - thanks to the w3c box model :P */

#portal-column-content .visualPadding {
    padding: 1em 2em 1em 2em;
}
#portal-column-one .visualPadding {
    //xpadding: 2em 0em 1em 2em;
}
#portal-column-two .visualPadding {
    padding: 2em 2em 1em 0em;
}

/* hide columns */

.visualColumnHideOneTwo #portal-column-content #content {
    //xmargin: 0;
}

.visualColumnHideOne #portal-column-content #content {
    margin: 0 0em 0 0;
}

.visualColumnHideTwo #portal-column-content #content {
    ////xmargin: 0 0 0 314px;
    margin: 0pt;
    width: auto;
}

#portal-leftcol {
	position: absolute;
	left: 0px;
	width: 23px;
	border-right: 3px solid #FFF;
	background: #ffcc33 url("leftcolbg.gif"/*tpa=http://www.galerie-froehlich.at/portal_css/GalerieFroehlichTheme/leftcolbg.gif*/) 100% 0 repeat-y;
	color: #000;
    height: 100%;
	//xpadding-top: 5px;
}


/*  */

}

