/*
* CSS Script ulan-bator.de main
*/
* {
	font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
	font-size:100.01%;
}

body {
	margin:0px;
 	background-color:#fc0;
}

img {
	border: 0px;	
}

#corpus {
	width: 790px;
	/*font-size: 0.9em;*/
 	font-weight: normal;
	text-align: left;
	margin: 0px auto;
}


#title {
    height: 270px;
    background: url(../images/layout/banner_02.png) transparent no-repeat;
}


/* settings for left column */

#left {
	width: 250px;
	/*float: left;*/
	margin-right: 10px;
}	

.box {
	font-size: 0.70em;
	line-height: 1.4em;
	color: #f8f8f8;
	background-color:#000;
	/* width:240px;*/
	padding:5px 5px 15px 7px;
	margin-bottom:15px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
}

/*#box .headline	{
	padding-bottom: 5px;
	display:block;
	font-weight:bold;
	color: #f8f8f8;
	font-size: 1.2em;
}*/

.box h1 {
	font-size: 1.2em;
	line-height: 1.1em;
	color: #f8f8f8;
}

.box .subheadline	{
	padding-bottom: 5px;
	display:block;
	font-weight:bold;
	color: #fc0;
	font-size: 0.9em;
}

/* newsindex */

.box a{
	color: #fc0;
	text-decoration: none; 
	}
	
.box a:hover{
	color: #f00; 
	text-decoration: none; 
	background-color: #fff;
}

.box .bl_content {
	padding: 0px 0px 5px 0px;
	font-weight: bold;
}

.box .content{
	padding: 3px 0px 3px 0px;
	}

.box .raster {
	background-color:#222;
	display:block;
	padding: 2px;
}

/* images boxes */

.box-small-img {
	margin: 5px 9px 3px 0px;
	width: 48px;
	float: left;
	padding: 0px;	
}

.box-small-img a:hover{ background-color: #000;}


/* settings for right column*/

#right {
	width:530px;
	float: right;
	-width:526px;
}

/*#right a	{
	color: #eff;
	text-decoration: none;
	}*/

/*#right .content {
	padding:0px;
	}*/



.maincontent {
	margin-top:0;
	margin-bottom:10px;
	background-color:#000;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
}

/*.maincontent .headline	{
	background-color:#000;
	display:block;
	padding: 3px;
	-moz-border-radius-topright: 10px;
	
}*/

.maincontent h1 {
	margin-top:0;
	color: #f8f8f8;
	font-size: 0.875em;
	font-weight: bold;
	line-height:1.2em;
	padding: 0.25em 0.375em;
}

.maincontent h1 a {
    color: #f8f8f8;
}


.maincontent .content{
	text-align:justify;
	/*font-weight:bold;*/
	overflow: hidden;
	color: #f8f8f8;
	font-size:0.75em; 
	line-height:1.4em;
	padding: 0.25em 0.375em;
}
	
.maincontent .info{
	text-align: center;
	color: #fc0;
	font-size:0.75em; 
	line-height:1.4em;
	padding: 10px 20px;
	}
	
.maincontent .menu {
	display:block;
	color: #fff;
	font-size: 0.725em;
	/*font-weight: bold;*/
	text-align: right;
	padding: 3px;
}


.maincontent strong{
	font-weight:normal;
	color: #fc0;
	}
	
.maincontent a{
	color: #fc0;
	text-decoration: none;
	}
	
.maincontent a:hover{
	color: #f00; 
	text-decoration: none; 
	background-color: #fff;
	}

.maincontent h2{
	font-family:'Lucida Grande', Verdana, Helvetica, sans-serif;
	color: #fc0;
	font-size:1em;
	line-height:1em;
	font-weight:bold;
	margin:0px;
}

.maincontent h3{
	font-family:'Lucida Grande', Verdana, Helvetica, sans-serif;
	color: #eff;
	font-size:1em;
	line-height:1em;
	font-weight:bold;
	margin:0px;
}

.maincontent cite{
	font-size:0.725em;
	/*font-weight: bold;*/
	font-style: normal;
}
	
/*.maincontent a[href^="ftp://"]:after,
.maincontent a[href^="http://"]:after,
.maincontent a[href^="https://"]:after {*/
    /*content: "\2197";*/
    /*content: "\2328\00A0";*/
    /*content: "\261E\00A0";*/
    /*content: "\261B\00A0";*/
    /*content: "\00A0\2B01";*/
    /*content: "\00A0" url(../images/layout/externallink.png);
}*/
	
.maincontent a[href$=".mp3"]::after,
.maincontent a[href$=".m3u"]::after {
	/*content: "\2197";*/
    /*content: "\2328\00A0";*/
    /*content: "\261E\00A0";*/
    /*content: "\261B\00A0";*/
    /*content: "\00A0\2B01";*/
    content: "\00a0" url(../images/layout/audio.png);
}

.maincontent a[href$=".pdf"]::after,
.maincontent a[href$=".odt"]::after,
.maincontent a[href$=".doc"]::after {
	/*content: "\2197";*/
    /*content: "\2328\00A0";*/
    /*content: "\261E\00A0";*/
    /*content: "\261B\00A0";*/
    /*content: "\00A0\2B01";*/
    content: "\00a0" url(../images/layout/document.png);
}

.maincontent a[href$=".zip"]::after,
.maincontent a[href$=".rar"]::after {
	/*content: "\2197";*/
    /*content: "\2328\00A0";*/
    /*content: "\261E\00A0";*/
    /*content: "\261B\00A0";*/
    /*content: "\00A0\2B01";*/
    content: "\00a0" url(../images/layout/zip.png);
}


.maincontent .menu {
	background-color:#000;
	display:block;
	color: #fff;
	font-size: 0.725em;
	/*font-weight: bold;*/
	text-align: right;
	padding: 3px;
	-moz-border-radius-bottomleft: 10px;
}

.maincontent .menu a {
	color: #fff;
}

.maincontent .menu a:hover {
	color: #f00; 
	text-decoration: none; 
}

/* hack for catalog */

.maincontent .cat_hdl	{
	background-color:#000;
	display:block;
	color: #f8f8f8;
	font-size: 0.9em;
	font-weight: bold;
	padding: 0px;
}

.maincontent .cat_menu {
	background-color:#000;
	display:block;
	color: #fff;
	font-size: 0.7em;
	/*font-weight: bold;*/
	text-align: right;
	padding: 3px;
}

.maincontent .cat_menu a{
	color: #fff;
}

.maincontent .cat_foot {
	background-color:#000;
	display:block;
	color: #f8f8f8;
	font-size: 0.8em;
	font-weight: normal;
	padding: 5px;
	-moz-border-radius-bottomleft: 10px;
}

/* footer for entries */
.footcontent {
    margin: 1em 0 0 0;
}


.footleft {
    float: left;
    color: #fc0;
    font-size: 0.625em;
    padding: 0 0 0 1em;
}

.footright {
    text-align: right;
    padding: 0 0.5em 0.25em 0;
}

.footright a:hover {
    background-color: #222;
}

/* breadcrum menu */
#breadcrum {
    font-size: 0.75em;
    min-height: 1.75em;
    color: #fa0;
}


#breadcrum ul {
    margin: -0.5em 0 0.5em 0.5em;
}

#breadcrum ul li {
    list-style: none;
    display: inline;
}

#breadcrum ul li ul {
    margin: 0em 0 0.5em 2em;
    padding: 0 0 0.5em 0;
}

/* hack for artists menu list */

#a_menu a {
	padding:0em 0.375em;
	font-size:0.875em; 
	font-weight: bold;
	margin-right:15px;	
}

#a_menu a:hover { 
	color: #f00; 
	text-decoration: none; 
	background-color: #fff;
}

#a_content {
	font-weight: normal;	
}

#a_content a {
	margin-right:0px;	
}

#a_date {
	-moz-border-radius-bottomleft: 10px;
}

/* includes for dates in container #right */

#dates {
	margin:0px;
}

#dates .headline	{
	background-color:#000;
	display:block;
	color: #f8f8f8;
	font-size: 0.9em;
	font-weight:bold;
	padding: 3px;
	-moz-border-radius-topright: 10px;
}


table, tr {
	margin: 0px;
	padding: 0px; 
	width: 100%;
	border:0px;
	background-color: #000;
}

td {
	font-size:0.70em;
	text-align:center;
	padding: 2px;
	color:#f8f8f8;
	background-color: #000;
	line-height: 1.4em;
	}

.tblleft {
	width: 22%;
	font-weight:bold;
}

.tblcenter {
	width: 56%;
}

.tblright {
	width: 22%;
	font-weight:bold;
}

.c_tblleft {
	width: 22%;
	font-weight:bold;
	background-color:#222;
}

.c_tblcenter {
	width: 56%;
	/* text-decoration:block; */
	background-color:#222;
}

.c_tblright {
	width: 22%;
	font-weight:bold;
	background-color:#333;
}


#dates .menu {
	background-color:#000;
	display:block;
	color: #f8f8f8;
	font-size: 0.7em;
	/*font-weight: bold;*/
	text-align: right;
	padding: 3px;
	margin-bottom:10px;
	-moz-border-radius-bottomleft: 10px;
}

#dates a {
	text-decoration: none;
	color: #fc0;
}

#dates a:hover {
	text-decoration: none;
	color: #f00;
	background-color: #fff;
}


#dates .menu a {
	text-decoration: none;
	color: #fff;
}

#dates .menu a:hover {
	color: #f00;
	background-color:#fff;	
	text-decoration: none; 
}

/* error management*/

#error, #sh_error, .error {
	/*width: 90%;*/
	display:block;
	background-color:#f00 !important;
	background-color:#000;
	font-size:1.0em;
	color: #ffc;
	margin: 0px 0px;
	padding: 0px;
	
	-moz-border-radius:3px;
}

#success, .success {
	/*width: 90%;*/
	display:block;
	color: #000 !important;
	background-color:#e8ffe8 !important;
	color: #ddd;
	background-color:#000;
	font-size:1.0em;
	margin: 0px 0px;
	padding: 0px;
	-moz-border-radius:3px;
}

/* settings for footer */ 

#foot {
	font-family:sans-serif, Georgia, Arial, Helvetica, Swiss;
	font-size: 0.6em; 
	text-align:center;
}


/* settings for menu tab list */

.ddoverlap{

/*border-bottom: 1px solid #000;*/
margin: 0;
padding: 0;
font-size: 0.8em;
font-weight: bold; 
}

.ddoverlap ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.ddoverlap li{
display: inline;
margin: 0;
}

.ddoverlap li a{
padding: 3px 7px;
text-decoration: none;
padding-right: 32px; /*extra right padding to account for curved right edge of tab image*/
color: #fff;
background: transparent url(../images/layout/righttabdefault.gif) 100% 1px no-repeat; /*give illusion of shifting 1px down vertically*/
border-left: 0px solid #000;
position: relative;
display: block;
float: left;
margin-left: -20px; /*shift tabs 20px to the left so they overlap*/
left: 20px;
}

.ddoverlap li a:visited{
color: #fff;
}

.ddoverlap li a:hover{
color: #ffc;
background: transparent url(../images/layout/righttabhover.png) 100% 1px no-repeat;
z-index:1;


/*text-decoration: none;
color: #b00;*/
}

.ddoverlap li.selected a{ /*selected tab style*/
color: #fff;
z-index: 2; /*higher z-index so selected tab is topmost*/
top: 1px; /*Shift tab 1px down so the border beneath it is covered*/
background: transparent url(../images/layout/righttabselected.gif) 100% 0 no-repeat;
}

.ddoverlap li.selected a:hover{
text-decoration: none;
}

/* setting for form elements */

input {
        font-size:0.9em; 
		font-weight:bold;
		margin-top: 5px;
		margin-bottom:5px;
		background-color:#f8f8f8;
}

select {
		width:99%;
		margin-top: 5px;
		font-size:0.9em; 
		font-weight:bold;
		background-color:#ffc;
}



/*.check,.radio {
                background-color:#FFFFCC;
                border:0px solid #dddddd;
                }

.button {
                font-size:11px;
				font-weight:bold;
                width:80pt;
				background-color:#990000;
                color:#FFFFCC;
                border:1px solid #000000;
				}*/ 
				
.smallbutton {
	background-color:#222; 
	color:#fff;
	font-size:1.1em;
	border:1px solid #ddd; 
	/*font-weight:bold;*/ 
	margin-top:5px;
	margin-right:5px;
	padding-left:3px;
	padding-right: 3px;
	-moz-border-radius: 5px;
}

/* settings for pageination */

#page {
	background-color:#000;
	display:block;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	padding: 3px;
	margin-bottom:10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
}

#page .entries{
font-size: 11px;
font-weight:bold; 
text-align:center;
}

#page .entries a{
text-decoration: none;
color: #fff;
margin-left: 15px;
}

#page .entries a:hover{
text-decoration: none;
color: #f00;
background-color: #fff;
}

#page .entries_pointer a{ 
border: 1px solid #fff;
text-decoration: none;
}

#page .entries_pointer a:hover{
text-decoration: none;
}

/* setting for gallery */

#gallery {width:500px; height:430px; padding:10px; border:0px solid #333; background: #000; position:relative; }
#gallery b.default {position:absolute; left:0px; top:10px; width:420px; height:420px; text-align:center;}
#gallery b.default img {display:block; margin:0 auto 10px auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}
#gallery b.default span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-style: normal; font-weight:bold; font-size:10px; width:350px; margin:0 auto;}

#gallery ul {list-style:none; padding:0; margin:0; width:70px; position:relative; float:right;}
#gallery ul li {display:inline; width:57px; height:57px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:55px; height:55px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:55px; height:55px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:hover b {position:absolute; left:-440px; top:0; width:425px; height:450px; text-align:center; background:#000; z-index:20;}
#gallery ul li a:hover span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:bold; font-style:normal; font-size:10px; width:350px; margin:0 auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-440px; top:0; width:425px; height:450px; text-align:center; background:#000; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-style: normal; font-weight:bold; font-size:10px; width:350px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}


/* setting for scroller */

#scroller {
	height: 300px;
    overflow:auto;
	margin: 10px 0px 10px 0px;
}

#area {
    /*height: 100%;*/
    margin: 0px 10px 0px 0px;
}

#area .shout {
	color: #ddd;
	margin: 0px 0px 10px 0px;	
}

#area .shout .hl {
	color: #bbb;
}

ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#feeds li {
	display: inline;
	margin: 0.2em 1.2em 0.2em 0em;
}

#feed img {
	height: 12px;
	border: 0px;
}

#feed li img:hover {
	cursor:pointer;
}


/*
#smilies {
	margin: 5px 10px 0px 0px;
	width: 16px;
	float: left;
	padding: 0px;	
	
}
*/

/* setting for link tips */

.tip {
	width:220px;
	color: #ddd;
  	background: #000;
	border: 0px;
	-moz-border-radius:10px;
	}


.tip-title {
  	font-family: 'Lucida Grande', Geneva, Verdana, Helvetica, Trebuchet MS, Palatino;
	font-size: 0.9em; 
	line-height:1.2em;
	padding: 5px 5px; 
	font-weight: bold;
}

.tip-text {
	font-family: 'Lucida Grande', Geneva, Verdana, Helvetica, Trebuchet MS, Palatino;
	padding: 5px 5px; 
	font-size: 0.7em; 
	line-height:1.2em;
}

/* lightbox */ 

#lightbox{
	z-index:3;
	background-color:#222;
	padding: 15px;
	//border-bottom: 2px solid #555;
	//border-right: 2px solid #555;
	}

#lightboxDetails{
	color: #ddd;
	font-size: 0.8em;
	padding-top: 0.4em;
	}

#lightboxDetails a{
	color: #ddd;
	text-decoration: none;
	}

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 

#overlay img{ border: none; }

#overlay{ background-image: url(../images/layout/lightbox/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/layout/lightbox/overlay.png", sizingMethod="scale");
}


/* accordion */

.toggler { 
	width: 98%;
	background-color: #333;
	padding: 2px;
	margin-bottom: 3px;
	display:block;
	font-weight:bold;
	color: #f8f8f8;
	font-size: 1.2em;
}

.toggler:hover { background:#333; }

.element   { margin-bottom:7px; }


/* support */

#support {
	padding: 5px 0px 0px 10px;
		
}

#support a:hover {text-decoration: none; background-color:#000;}

/* artistmenu */

/* accordion artist */

.artistcategory { 
    color: #fc0;
    font-size: 0.7em;
    width: 97%;
    padding: 0.5em 0 0 0;
    margin: 0 0 0 6px;
    display:block;
    font-weight:bold;
}


.artistmenu ul li {
    display: inline;
}

.artistmenu ul li .artistbox a img{
    width: 48px;
    margin: 8px 0 0 6px;
    border: 0;
}

.artistmenu ul li .artistbox a:visited img, .artistmenu ul li .artistbox a img {
    filter: alpha(opacity=40);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
    -moz-opacity: 0.40; opacity:0.4;
}

.artistmenu ul li .artistbox a img:hover { 
    filter: alpha(opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1.00; opacity:1;
}

.artistmenu ul li .artistbox a:hover, .artistmenu ul li .artistbox a:active, .artistmenu ul li .artistbox a:focus {
    background-color: #000; 
    border: 0;
}

li .artistbox strong {
    display: none;
}

/*li .artistbox:hover strong, li .artistbox:focus strong {
    position: relative;
    top: -40px;
    display: inline;
    font-size: 0.5em;
    text-indent: 0.5em;
    color: #fc0;
    font-weight: bold;
    
    opacity: 0.7;
} */

.separator {
    width: 515px;
    height: 30px;
}