/* - ploneCustom.css - */
@media all {
/* <!-- compression status: disabled --> (this is for http compression) */
/*  (do not remove this :) */
/*  (not this either :) */


/* items to hide
------------------------------------------------ */
#portal-column-two,
#portal-siteactions,
#portal-searchbox,
#portal-globalnav,
#portal-footer,
#portal-colophon {
    display: none;
}


/* wrapper 
------------------------------------------------ */
body {
    background: #d5d5d5 url("../img/gf_bodybg.gif"/*tpa=http://www.galerie-froehlich.at/gf_bodybg.gif*/) 0 0 repeat-y;
    xxtext-align: center;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  	font-size: 80%;
}

#visual-portal-wrapper {
    xxwidth: 708px;
    xxmargin: 30px auto 30px auto;
    text-align: left;
    //xxxbackground: #d5d5d5 url("../img/01_mainbg.jpg"/*tpa=http://www.galerie-froehlich.at/01_mainbg.jpg*/) repeat-y;
}


/* headings 
------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {
    border-bottom: 0;
    padding-bottom: 3px;
    background: url("../img/01_dot.gif"/*tpa=http://www.galerie-froehlich.at/01_dot.gif*/) bottom repeat-x;
    color: black;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


/* portal top
------------------------------------------------ */
#portal-top {
    background: url("../img/01_header.jpg"/*tpa=http://www.galerie-froehlich.at/01_header.jpg*/) no-repeat;
    height: 179px;
    height: 0px;
}

#portal-top h1 {
    height: 140px;
}

#portal-logo {
    background-position: center center; 
}

#portal-logo a {
    position: relative;
    top: 50px;
    margin-left: auto; 
    margin-right: auto;
}

#portal-personaltools {
    padding-left: 225px;
    border: 0;
    background: transparent;
    padding-top: 10px;
}

#portal-personaltools {
    padding-right: 25px;
}


/* left slot
------------------------------------------------ */
#portal-column-one .visualPadding {
    //xxmargin-top: -35px;
    margin-top /**/: 0px !important;
    //xxpadding-left: 7px;
    //xxpadding-top: 5px;
}

/* portlets 
------------------------------------------------ */
.portlet .portletBody {
border: 0;
}

.portlet {
    margin: 0px;
}

.portletBody {
    border: 0px;
    background: #D6D6D6;
    margin-top: 0px;
    margin-right: 0px;
}

.portlet .even,
.portlet .odd {
    background: #D6D6D6;
}

.portlet h5 {
    font-size: 1.2em;
    display: block;
    border: 0px;
    background: #D6D6D6 url("../img/01_sidetitlebg.gif"/*tpa=http://www.galerie-froehlich.at/01_sidetitlebg.gif*/);
    padding: 0.3em 0.5em;
    font-weight: bold;
    margin-right: 3px;
}

.ploneCalendar {
    background: #D6D6D6;
    font-size: 1.2em;
    border: 1px solid #C5C5C5;
    margin-left: 12px;
}

.ploneCalendar th,
.ploneCalendar .weekdays td {
    border: 0;
    background: url("../img/01_sidetitlebg.gif"/*tpa=http://www.galerie-froehlich.at/01_sidetitlebg.gif*/);
}

.ploneCalendar .todaynoevent {
    border: 2px solid #000;
}

.currentNavItem,
#portlet-navigation-tree a:hover {
    background: #E7E7E7;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 0px;
}

.navRootItem,
.navItem {
    border-top: 0px !important;
    border-right: 0px !important;
    border-left: 0px !important;
    border-bottom: 0px !important;
}

.portletNavigationTreeItem a:hover,
.currentNavItem {
    background: #E7E7E7;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 0px;
}

#portlet-news {
    margin: 2em 0;
}

/* content area
------------------------------------------------ */
#content {
    padding: 2em 1em 0 2em;
    margin /**/: 40px 0em 2em 0em;
}

.documentContent {
    border: 1px solid #FFF;
    font-size: 100%;
    margin-left: 0px;
}

a:link, a:visited {
    color: #CF0000;
    text-decoration: none;
}

a:hover, a:active {
    color: black;
}

.state-private {
color: Red !important;
}
.state-visible {
color: #CF0000 !important;
}
.state-published {
color: #CF0000 !important;
}
.state-pending {
color: #FFA500 !important;
}
.state-expired {
color: #76797c !important;
}
.syndicated {
color: #008000 !important;
}

/* portal footer 
------------------------------------------------ */
#portal-colophon {
    position: relative;
    top: 30px;
}

#portal-colophon {
    float: none;
    margin: 0em 0em 0em 0em;
    padding: 0em 0em 0em 0em;
    text-align: center;
}

#portal-colophon ul,
#portal-colophon ul li,
#portal-colophon ul li a {
    color: #D3C89D;
}

#portal-colophon li a:hover {
    color: #fff;
}    

/* specials
------------------------------------------------ */
#navmenucontainer {
    background-color: #CC0000;
	margin: 0px 0px 0px 0px;
    padding: 28px 0px 0px 35px;
    white-space: nowrap;
    height: 122px;
	position: relative; } /*** IE6 needs this to display the div ***/

#navmenu {
	background-color: #CC0000;
    height: 122px;
	position: relative;
    } /*** IE6 needs this to display the div ***/  

/* Hide from IE5-Mac \*/

* html #navmenu {height: 1%;}

/* end hide *//*** This hack will make IE5-win display the background color for the nav ***/

/* Holly Hack: Hide From IE5/Mac \*/
//// * html img { margin: 45px 0; vertical-align: middle; }
//// * html input { margin: 39px 0; vertical-align: middle; }
/* Holly Hack: End Hide From IE5/Mac */

/* ul {
  margin: 0.5em 0pt 0pt 1.5em;
  padding: 0pt;
  line-height: 1.2em;
  list-style-type: square;
  list-style-image: url(http://plone.org/bullet.gif);
  }
*/

#navmenu ul {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
	font-family: Verdana, sans-serif;
	text-align: left;
    text-transform: uppercase;
	line-height: 1.5em !important;
    }

#navmenu ul li {
  	//xxxfont-weight: bold;
  	display: inline;
  	//xxxfloat: left;
  	position: relative; /*** IE6 needs this to display the links ***/
	padding: 1px 0.5em;
	margin: 3px 0;
	line-height: 1.2em;
	border-right: 1px solid #FFF;
    }

#navmenu ul li.first {
	margin-left: 0; 
	//xxxlist-style: none;
    }

#navmenu ul li.last {
	border-right: none;
    
    }

#navmenu a {
    font-weight: normal;
	padding: 3px 0;
	color: #FFF;
    text-decoration: none;
    } 

#navmenu a:hover {
 	color: #ffcc33;
    }

#navclear {
  	display: block;
	clear: both; }

#leftbox {
	position: absolute;
	left: 26px;
	width: 314px;
    height: 100%;
	border-right: 2px solid #FFF;
	background-color: #000;
	color: #FFF;
    }

#titlebox {
    border: 8px solid #000;
	background-color: #000;
	color: #FFF;
    }

#picturebox {
	padding: 0px 8px 0px 8px;
	background-color: #000;
	color: #FFF;
	height:216px;
    }
    
#picturebox img {
	border: 2px solid #FFF;
	/*position:absolute;
    display: none;*/
}

#firstimage {
	display: block !important;
	position:absolute;
}
    
#infobox {
    border: 8px solid #000;
	background-color: #FFF;
	color: #000;
    /*height: 240px;*/
    }


#infobox p {
    text-align: center;
	color: #666;
    margin: 10px 6px 0px 0px;
    }



#portlet-picturebox {
    margin: 0em;
}

#portlet-titlebox {
    margin: 0em;
}

#portlet-infobox {
    margin: 0em;
}

body.kupu {
    background-color: white !important;
    background-image: none !important;
}

div.shadow{
    float: left;
    padding: 0 2px 2px 0;
    background: url("../img/dropshadow.png") no-repeat bottom right;
    margin: 10px 0 0 10px !important;
    margin: 10px 0 0 5px;
    }
	
div.shadow-umbruch{
    float: none;
	width: auto;
    padding: 0 2px 2px 0;
    background: url("../img/dropshadow.png") no-repeat bottom right;
    margin: 10px 0 0 10px !important;
    margin: 10px 0 0 5px;
    }
		
div.shadow img{
    display: block;
    position: relative;
    top: -7px;
    left:-7px;
    padding:5px; !important;
    background:#FFF;
    border:1px solid;
	border-color: #ccc #666 #666 #ccc;
    }

div.shadow-umbruch img{
    display: block;
    position: relative;
    top: -7px;
    left:-7px;
    padding:5px;
    background:#FFF;
    border:1px solid;
    border-color: #ccc #666 #666 #ccc;
    }

#portal-column-one .visualPadding {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

/*  */










/*für gallerie */
div.tx-cegallery-pi1-album_entry{
	/*#float: left;
	#height: 195px;
	#width: 160px;
	#margin: 2px;
	#padding: 10px;
	#padding-bottom: 13px;
	#text-align: center;
	#top: inherit;
	#vertical-align: bottom;*/
	background-color: transparent;
	float: left;
	height: 185px;
	width: 143px;
	margin: 0em;
	padding: 0px 6px 0px 9px;
	text-align: center;
	background-image: url("../img/polaroid-single.png");
	background-repeat: no-repeat;			
}

div.tx-cegallery-pi1-album_entry img {
    border: 1px solid #ccc;
    display: block;
    margin: 0 auto;
	position:relative;
	top: 14px;/**/
}

div.tx-cegallery-pi1-album_entry a {
    /*display: block;*/
    text-decoration: none;
    font-size: 85%;
    height: 169px;
    width: 130px;
    margin: 16px auto 0px;
}


div.tx-cegallery-pi1-detail_entry{
padding-top: 20px;
padding-bottom: 10px;
text-align: left;
}		

div.tx-cegallery-pi1-slideControls{
	padding-bottom: 10px;
}				

/**/
div.tx-cegallery-pi1-album_entry img, div.tx-cegallery-pi1-detail_entry img {
	clear: both;
	border: 1px solid #000000;
}

div.tx-cegallery-pi1-clearer {
clear: both;
}

div.tx-cegallery-pi1-detail_header {
padding-bottom: 10px;
}

div.tx-cegallery-pi1-detail_nav {
clear: both;
width: 385px;
}		

span.tx-cegallery-pi1-photo_prev {
float: left;
width: 50px;
visibility:hidden;
}

span.tx-cegallery-pi1-photo_next {
width: 50px;
text-align: right;
float: left;
visibility:hidden;
}

span.tx-cegallery-pi1-album_back_link {
float: left;
width: 285px;
text-align: center;
}

span.tx-cegallery-pi1-pagebrowser_actual, span.tx-cegallery-pi1-pagebrowser_normal {
padding-right: 8px;
}

span.tx-cegallery-pi1-pagebrowser_actual a {
font-weight: bold;
}

div.tx-cegallery-pi1-pagebrowser {
padding-bottom: 10px;
}

div.tx-cegallery-pi1-page {
float: left;
padding-right: 10px;
}	  

#mySlideshow	{
width: 370px;
height: 370px;
z-index:5;
display: none;
overflow:hidden;
position: relative;
/*background-color: #DFD9C2;*/
}

#mySlideshow img
{
border: 0;
margin: 0;
}

#mySlideshow #slideInfoZone
{
position: absolute;
z-index: 10;
width: 100%;
margin: 0px;
left: 0;
bottom: 0;
height: 3em;
background: #333;
color: #fff;
text-indent: 0;
}

#slideInfoZone h2
{
padding: 0;
font-size: 12px;
margin: 0;
margin: 2px 5px;
font-weight: bold;
color: inherit;
}

#slideInfoZone p
{
padding: 0;
font-size: 10px;
margin: 2px 5px;
color: #eee;
}

#mySlideshow a
{
font-size: 100%;
text-decoration: none;
color: inherit;
}

#mySlideshow a.right, #mySlideshow a.left
{
position: absolute;
height: 100%;
width: 40%;
cursor: pointer;
z-index:10;
filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
}

* html #mySlideshow a.right, * html #mySlideshow a.left
{
filter:alpha(opacity=50);
}

#mySlideshow a.right:hover, #mySlideshow a.left:hover
{
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}

#mySlideshow a.left
{
left: 0;
top: 0;
background: url('/typo3conf/ext/ce_gallery/res/left.gif') no-repeat top left;
}

#mySlideshow a.right
{
right: 0;
top: 0;
background: url('/typo3conf/ext/ce_gallery/res/right.gif') no-repeat top right;
}

div.tx-cegallery-pi1-pagebrowser_back, div.tx-cegallery-pi1-pagebrowser_pages {
float: left;
}		

div.tx-cegallery-pi1-pagebrowser_back {
width:75px;
}		

div.tx-cegallery-pi1-slimbox_hidden_links {
display: none;
}

















}