body
{
	margin					: 0px;
	margin-top				: 20px;
	font-family				: 'Lucida Grande','Trebuchet MS',sans-serif;
	font-size				: 12px;
	color					: black;
	height					: 100%;
}

#page
{
	margin					: 0 auto;
	min-height				: 600px;
	width					: 960px;
	/*overflow				: hidden;*/
	/*border					: 1px solid pink;*/
}

#container
{
	/* border					: 1px solid green; */
}

#header
{
	/*border					: 1px solid blue;*/
	/*height					: 300px;*/
}

#vpfilter
{
	width					: 745px;
	float					: right;
}

#filter-header
{	
	height					: 36px;
}

#filter-footer
{
	border-top				: 1px solid #d2d2d2;
	padding-top				: 15px;
}
.filter-footer-box
{
	display					: inline-block;
	height					: 18px;
	/*background-color		: #c5c8c9;*/
	float					: right;
}

#filter-result
{
	position				: relative;
	color					: #000;
	font-size				: 11px;
	background-color		: #c5c8c9;
	display					: inline-block;
	height					: 16px;
	padding-top				: 2px;
	top						: 1px;
}
.filter-action
{
	position				: relative;
	cursor					: pointer;
	background-color		: #c5c8c9;
	display					: inline-block;
	font-size				: 11px;
	height					: 16px;
	padding-top				: 2px;
	padding-right			: 5px;
	top						: 1px;
}


#search label
{
	text-transform			: uppercase;
	padding					: 0 10px 0 6px;
	font-weight				: bold;	
}
#search-query
{
	background-color		: #d2d2d2;
	border					: none;
	margin-left				: 18px;
	margin-top				: -2px;
}
#search
{
	position				: relative;
	top 					: -13px;
	left					: 110px;
	display 				: inline-block;
}
#search img
{
	margin-left				: 6px;
	margin-bottom			: -2px;
}
/*
#sets-toggle 
{
	font-weight				: bold;
}
#sets-toggle .inactive 
{
	font-weight				: normal;		
}
*/
#list
{
	/*border					: 1px solid pink;/*
	position				: relative;
	
	/*
	background				: url('../media/bg_expanded_item_3.png') no-repeat;
	*/
	/*width					: 212px;*/
	margin-top				: 20px;
}
#sets
{
	/* border					: 1px solid yellow;*/
	width					: 198px;
	float					: left;
    padding-bottom          : 100px;
    margin-right			: 25px;
}
div.set
{
	border-bottom			: 1px solid #d2d2d2;
	padding-bottom			: 15px;
	padding-top				: 15px;
	padding-left			: 10px;
}

div.set-meta {
	font-family			: Courier;

}
div.set-title
{
	font-weight				: bold;
	padding-bottom			: 15px;
	text-transform			: uppercase;
}
/* temp */
canvas.set-icon, div.set img.set-filter
{
	display					: none;	
}

/* content items */
.list-item
{
	position				: relative;
	float					: left;
	cursor					: pointer;
	width					: 190px;
	padding-left			: 15px;
	/*line-height				: 15px;*/
    top                     : -100px;
}
.list-item-expand
{
	position				: relative;
	float					: right;
	margin-top				: 1px;
	cursor					: pointer;
}
.list-item-icon
{
	position:absolute;
	left:0px;
	top:2px;
	
	width:10px;
	height:10px;
}
.list-item-thumb
{
	position				: relative;
	float					: left;
	margin					: 2px 5px 0px 0px;
	background-color		: #cecece;
}
.list-item-content
{
	position				: relative;
	float					: left;
	min-height				: 47px;
}
.list-item-title
{
	cursor					: pointer;
	font-family				: Arial;
	font-weight				: bold;
	font-size				: 10px;
	line-height				: 8px;
	text-transform			: uppercase;
}
.list-item-short
{
	color					: #828282;
	display					: none;
	padding-bottom			: 14px;
	font-family				: Courier;
	font-size				: 11px;
	line-height				: 13px;
}
.list-item-title-expanded
{
	position				: relative;
	float					: left;
	width					: 235px;
	font-weight				: bold;
	font-size				: 20px;
	/*line-height				: 21px;*/
	font-family				: Arial;
	cursor					: pointer;
	display					: none;
}

.list-item-meta
{
	position				: relative;	
	font-size				: 10px;
	color					: #b3b3b3;
	height					: 23px;
	font-family				: Arial;	
	font-size				: 12px;
	margin					: 5px 5px 5px 0; 
}

.list-item-icon
{
	
	
}
/*
.type
{
	position				: relative;
	top						: 11px;
	padding-right			: 5px;
	color					: #babcbf;
}
*/
.date
{
	background				: url('../media/dateslash.png');
	background-repeat		: no-repeat;
	height					: 23px;
	display					: inline-block;	
}
.day
{
	top						: -3px;
	position				: relative;
	color					: #666;
}
.month
{
	top						: 11px;
	left					: -2px;
	color					: #666;
	position				: relative;
}
.year
{
	top						: 11px;
	position				: relative;
}
.artdate
{
	margin-top				: 10px;
	color					: #b3b3b3;
	font-family				: Arial;
	font-size				: 12px;
}
.item-topic
{
	top						: 11px;
	position				: relative;
}
.date-label
{
	top						: 11px;
	position				: relative;
	margin-right			: 8px;
	margin-left				: 8px;
}



#footer
{
	position				: relative;
	bottom					: 2px;
	left					: 0px;
	width					: 100%;
	height					: 17px;
	font-size				: 11px;
	color					: #4c4c4c;
	text-align				: center;
	display					: block;
    padding-top             : 5px;  
}

#footer span
{
	padding					: 2px 4px;
}

#footer a
{
	color					: #4c4c4c;
	text-decoration			: none;
}

#footer a:hover
{
	color					: #ccc;
}

.footer-icon
{
	width					: 13px;
	height					: 13px;
	border					: 0px;
	vertical-align			: bottom;
	
	margin-right			: 3px;

}


/*#clr,*/
.clear
{
	/*	class to force parent height for element with float childnodes */
	clear					: both;
	height					: 1px;
	font-size				: 1px;
	line-height				: 1px;
	overflow				: hidden;
	position				: relative;
}




/* new */
ul.menu-buttons
{
	list-style-type			: none;
	width					: 100%;
	margin					: 0;
	padding					: 0;
	height					: 26px;
	display					: block;
	font-size				: 10px;
	white-space				: nowrap;
	overflow				: hidden;
}
ul.menu-buttons li
{
	float					: left;
	border-right			: 1px solid #d2d2d2;
	height					: 19px;
	background-image		: url('../media/filter_nocheck.png');
	background-repeat		: no-repeat;
	background-position		: 3px 6px;
	padding-left			: 0;
	padding-right			: 5px;
	padding-top				: 7px;
	margin					: 0 0 0 0;
	padding-bottom			: 0;
	display					: block;
	text-transform			: uppercase; 
}
ul.menu-buttons li.subject
{
	background-image		: none;
	width					: 64px;
	font-size				: 12px;
	padding-left			: 6px;
	text-transform			: none;
	background-color		: #fff;
	border-top				: 1px solid #d2d2d2;
}
ul.menu-buttons li.active 
{
	background-image		: url('../media/filter_check.png');
	font-weight				: bold;
}
ul.menu-buttons a
{
	color					: #000;
	text-decoration			: none;
	padding-left			: 18px;
}
ul.menu-buttons a:hover
{
	font-weight				: bold;
}




#meta 
{
	border-top				: 1px solid #d2d2d2;
	width					: 214px;
	margin-top				: 19px;
}
#meta ul
{
	list-style-type			: none;
	margin					: 0;
	padding					: 0;
	width					: 198px;
}
#meta li
{
	height					: 27px;
	border-bottom			: 1px solid #d2d2d2;
	font-size				: 18px;
	padding-left			: 10px;
	padding-top				: 3px;
	cursor					: pointer;
}


/* artikel */
#item
{
/*	border					: 1px solid pink;*/
	position				: relative;
	/*width					: 100%;*/
	width					: 956px;
	height					: 542px;
	margin-bottom			: 26px;
    left                    : 2px;
	top						: 19px; /* temp*/
	/*margin-top				: 20px;*/
	/*display					: none;*/
    padding-bottom          : 20px;
}
#item-backdrop
{
	position				: absolute;
	/*left					: -5px;*/
	/*padding-left			: -30px;*/
	margin-left				: -8px; 
	top						: -8px;
	/*height					: 565px;*/
	height					: 580px;
	z-index					: 0;
}
#item-title
{
	position				: absolute;
	left					: 10px;
	top						: 20px;
	/*width					: 300px;*/
	width					: 550px;
	padding-left			: 15px;	
	font-size				: 20px;
	font-weight				: bold;
	z-index					: 10;
}

.item-inline-title
{
	font-size				: 14px;
	color					: #1e1e1e;
}

#item-meta
{
	position				: absolute;
	left					: 340px;
	top						: 20px;
	width:265px;
	
	font-size				: 10px;
	color					: #000;
}
#item-meta a
{
	color:#828282;
	text-decoration:none;
}
#item-meta a:hover
{
	color:#333333;
}
#item-meta .date
{
	display					: none;
}
#item-meta a
{
	display					: none;
}
#item-meta .type
{
	text-transform			: uppercase;
	color					: #000;	
}


#item-navigation
{
	position				: absolute;
	right					: 11px;
	top						: 0px;
	height					: 18px;
	width					: 400px;
}

#item-print, #item-close, #item-browse
{
	position			: relative;
	float				: right;
}
#item-print
{
	margin-right		: 140px;
	padding-top			: 1px;
}
#item-close
{
	margin-right:11px;
	cursor:pointer;
	height:18px;
}
#item-browse
{
	/*margin-left:28px;
	display:none;
	*/
	
}

#item-text
{
	position				: absolute;
	left					: 0;
	top						: 70px;
	height					: 480px;
	width					: 955px;
	overflow				: hidden;
}
#columns-container
{
	position			: absolute;
	top					: 10px;
	/*width				: 570px;*/ /* 2-col */
	height				: 460px;
	overflow			: hidden;	
}
#columns
{
	position			: absolute;
	left				: 0px;
	top					: 0px;
}

.column
{
	overflow			: hidden;
	float				: left;
	line-height			: 17px;
	color				: #1e1e1e;
	font-family			: Courier;
    
	/*background-color:#cecece;*/
}
.column p, .column ul, .column ol
{
	/*margin-top:17px;  one line exactly */
	margin-bottom:0px;
}

.column .short
{
	/*margin-top:0px;*/
	/*color:#828282;*/
	color:#727272;
	
}
.column a, .media-display a
{	
	color:#1e1e1e;
	text-decoration:none;
	border-bottom:1px dotted #333333;
}
.column a:hover, .media-display a:hover
{
	text-decoration:none;
	border-bottom:1px solid #333333;
}



.attachment
{
	float:left;
	vertical-align:middle;
	margin-right:5px;
}

.form
{
	width				: 100%;
	border-top			: 1px dotted #d2d2d2;
	padding-top			: 10px;
}
.form-label
{
	float				: left;
	width				: 95px;
	color				: #000;
	font-size			: 10px;
	font-weight			: bold;
}
p.form
{
	margin-top				: 10px;
}

.form-input, .form-desc
{
	float				: right;
	width				: 196px;
}

.form-input input, .form-textarea
{
	width					: 194px;
	border					: 0;
	background-color		: #c5c8c9;
	font-family				: arial, verdana, sans-serif;
	font-size				: 12px;
	height					: 16px;
	padding-top				: 4px;
	padding-right			: 4px;
		
}

.form-textarea
{
	width:97%;
	height:114px;
}

.form-desc
{
	padding-top:3px;
	color:#727272;
}

.form-button
{
	font-size				: 11px;
	font-weight				: bold;
	text-transform			: uppercase;
	background-color		: #fff;
	border					: 1px solid #fff;
	padding					: 0;
	margin					: 0;
	/*
	
	height:19px;
	
	font-family:verdana,sans-serif;
	
	
	padding-top:0px;
	padding-bottom:2px;
	margin-right:6px;
	*/
}

#columns-media
{
	/* border				: 1px solid magenta;*/
	position			: absolute;
	right:25px;
	top:15px;
	width:265px;
	height:460px;
	overflow:hidden;
}

#media-container
{
	
	position:absolute;
	left:0px;
	top:0px;
	width:265px;
	
}

.media-display
{
	float:left;
	width:265px;
	
	margin-bottom:15px;
	
	text-align:right;
	
	font-size:10px;
	color:#828282;
}

.media-display img,
.media-display div
{
	
	float:right;
	clear:both;
	
}

#columns-media-collapse
{
	
	position:absolute;
	right:25px;
	top:0px;
	width:50px;
	height:14px;
	
	cursor:pointer;
	
}

#columns-media-navigation
{
	
	position:absolute;
	right:41px;
	bottom:7px;
	width:33px;
	height:18px;
	
}

#columns-navigation
{
	/*border:1px solid pink;*/
	position:absolute;
	right:310px;
	bottom:1px;
}

.navigation
{
	height				: 16px;
	text-align			: center;
	font-size			: 11px;
	display				: none;
}
.navigation img, #columns-navigation div
{
    float               : left;
	cursor				: pointer;
	display				: none;
    padding-left        : 2px;
    padding-right        : 2px;

}

#agenda-navigation {
    display              : block;
    margin-left          : 400px;
   }
    
#agenda-navigation * {
    float               : left;


}

#list-navigation
{
	position				: relative;
	float					: right;
	/*margin-right			: 11px;
	margin-bottom			: 14px;*/
	width					: 115px;
	display					: block;
/*	height					: 18px;*/
	margin-top				: 2px;
}

#list-navigation #nextBt
{
	position				: absolute;
	top						: 0px;
	right					: 0px;
}
#list-navigation #prevBt 
{

}
#list-navigation #paginator
{
	display					: inline-block;
	position				: absolute;
	left					: 25px; 
	top						: 1px;
}

/* agenda */
#agenda-view
{
	position				: relative;
	float					: left;
	
	width					: 154px;
	height					: 18px;
	background				: transparent url(../media/bg_filter.png) repeat;
	
	padding:5px 6px;
	
	margin-left:191px;
	margin-bottom:17px;
	
	clear:left;
}

#agenda-filterset-display
{
	position:relative;
	float:left;
	width:123px;
	height:19px;
	padding-left:12px;
	padding-top:1px;
}

.agenda-filterset-button
{
	position:relative;
	float:left;
	cursor:pointer;
}

#agenda-navigation
{
	position				: relative;
	display					: block;
	width					: 150px;
	margin-top				: 10px;
	margin-bottom			: 15px;
	font-size				: 18px;
	/*
	left:300px;
	margin-right:11px;
	margin-bottom:14px;
	margin-top:-15px;
	*/
}

#agenda-month
{
	position				: relative;
	float					: left;
	width					: 938px;
	/*height:450px;*/
	
	/*margin					: 14px 0px 15px -3px;*/
	margin					: 20px 0 15px 9px;

	border					: 1px solid #d2d2d2;
	border-bottom			: 0px;
	border-right			: 0px;
}

#agenda-day-labels
{
	position				: absolute;
	top						: -20px;
	right					: 5px;
}

.agenda-day
{
	position				: relative;
	float					: left;
	width					: 133px;
	height					: 89px;
	
	border					: 1px solid #d2d2d2;
	border-top				: 0px;
	border-left				: 0px;
	
	/*background:transparent url(../media/bg_list_item.png) repeat;*/
	
	font-size:10px;
	line-height:15px;
	color					: #babcbf;
	
	cursor:pointer;
}

.agenda-day-date
{
	position				: absolute;
	right					: 5px;
	top						: 5px;
	font-size				: 9pt;
	color					: #babcbf;
}

.agenda-day-content
{
	position				: absolute;
	left					: 2px;
	top						: 20px;
	width					: 117px;
	height					: 68px;
}

.agenda-counts
{
	position				: absolute;
	bottom					: 0px;
	left					: 15px;

	/*border:1px solid blue;*/
	/*color:#8b8b8b;*/
}
/*
.agenda-counts .type
{
	border:1px solid red;
}
*/

.agenda-list-item
{
	position				: relative;
	padding-left			: 14px;
	color					: #000;
	text-transform			: uppercase;
	background				: transparent url('../media/bullit-black.png') 2px 3px no-repeat;
}

/*	map */


#map-container
{
	position				: absolute;
	left					: 0px;
	top						: 141px;
	right					: 0px;
	bottom					: 20px;
}

#gmap
{
	position				: absolute;
	left					: 0px;
	top						: 0px;
	right					: 0px;
	bottom					: 0px;
}

#map-filterset
{
	width:276px;
	height:20px;
	background:transparent url(../media/bg_map_filterset.png) no-repeat;
	padding:2px 12px;
	color:#3b8fad;
}
#map-bounds
{
	float:right;
	cursor:pointer;
	color:#007f6d;
	font-size:11px;
	padding-top:1px;
}
/*
.map-innershadow
{
	position				: absolute;
	top						: 0px;
	width					: 100%;
	height					: 100%;
}
*/

.place
{
	position				: absolute;
	cursor					: pointer;
}
#place-pane
{
	position				: absolute;
	width					: 250px;
	height					: 290px;
	background				: transparent url(../media/place_pane.png) no-repeat;
}
#place-pane-shadow
{
	position				: absolute;
	margin-left				: -8px;
	margin-top				: -110px;
}

#place-pane-close
{
	position				: absolute;
	right					: 1px;
	top						: 0px;
	cursor					: pointer;
}

#place-pane-zoom
{
	position				: absolute;
	right					: 95px;
	top						: 0px;
	cursor					: pointer;
}

#place-pane-more
{
	position				: absolute;
	left					: 0px;
	bottom					: 38px;
	cursor					: pointer;
}

.place-pane-content
{
	position				: relative;
	float					: left;
	margin-left				: 12px;
	/* width:215px; */
	line-height				: 13px;
}
.maplabel
{
	color					: #000;
	width					: 20px;
	display					: inline-block;
}

#place-pane-title
{
	margin-top				: 45px;
	width					: 230px;
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 20px;
	font-weight				: bold;
	line-height				: 21px;
	color					: black;
}

#place-pane-type
{
	font-size				: 10px;
	color					: black;
	text-transform			: uppercase;
}

#place-pane-content
{
	margin-left				: 12px;
	width					: 230px;
	font-size				: 11px;
	line-height				: 13px;
	color					: #88898b;
}

#place-pane-content a
{
	color					: #88898b;
	text-decoration			: none;
}

#place-pane-content a:hover
{
	border-bottom:1px dotted #333333;
}

#place-icon
{
	left:20px;
	top:18px;
}

/* ???? */
.meta-link
{	
	
	/*position:relative;
	float:right;
	cursor:pointer;*/
	padding:0px 4px 1px 7px;
	
}
.meta-link-map
{
	
	padding-top:1px;
	/*background-image:url(../media/bg_black_45.png);*/
	
}
.login
{
	padding:1px 4px;
	/*background:transparent url(/admin/core/media/bg_header.gif) repeat-x;*/
	background:transparent url(../media/bg_login.png) repeat-x;
	color:#fafafa;
	font-size:10px;
	line-height:13px;
}



/* temp */
#filter-loading, #sets-loading
{
	display					: none;
}

img
{
	border					: 0;	
}
#text-contents 
{
	display					: none;
}
#item
{
	display					: none;	
}

#columns-media-collapse {
    display:none;
}

.vp 
{
	display					: none;	
}

#item-browse {
width: 138px; display: block;position: absolute;top: 18px; left: 165px;width:90px;float:left;
}

#paginator_item {
    float: left;
}