/* -------------------------------------------------------------------------------------------------
*  Die Mimusen - mime & music
*  CSS DEFINITIONS
*  all rights reserved.
*/

.tracer{ border: 1px solid #FFF; }

html, body{
	height: 100%;
	margin: 0;
	padding: 0;
}

body,td,th{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #221100;
	font-weight: bold;
}

img{
	margin: 0;
	padding: 0;
}

.gui_img{ float:left; }

a{
	color: inherit;
}
a:link{
	text-decoration: underline;
}
a:visited{
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}

/* -------------------------------------------------------------------------------------------------
*  MAIN layout
*/

#fullviewport{
	display: table;
	width: 100%; height: 100%;  
	overflow: hidden;
	z-index: 1;
	
	background-color: #000;
	background-image: url(canvas.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

#vert{
	display: table-cell; vertical-align: middle;
	_position: absolute; _top: 50%; /* for IE vertical align*/
}

#main{ 
	position: relative;
	width: 820px; height: 560px;
	margin: auto;
	
	_position: relative;   /* for IE vertical align*/
	_top: -50%; /* for IE vertical align*/
}

/* -------------------------------------------------------------------------------------------------
*  TOP navi (music, languages)
*/
#top_typo{
	position: absolute;
	top: 7px;
	left: 106px;
	width: 420px;
	height: 36px;
	background-position: top left;
	background-repeat: no-repeat;
	background-color: transparent;
}

#top_buttons{
	position: absolute;
	top: 7px;
	left: 599px;
	width: 116px;
	height: 36px;
}


/* -------------------------------------------------------------------------------------------------
*  SIDE navi (sub)
*/

#side_buttons{
	position: absolute;
	left: 50px;
}

#side_button_table{
	width:721px;
}

#side_buttons a{
	display: block;
	width: 27px;
	height: 21px;
	margin: 0;
	padding: 0;
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}

#side_buttons a:link{ background-image: url(side_link.gif); }
#side_buttons a:visited{ background-image: url(side_visited.gif); }
#side_buttons a:hover{ background-image: url(side_active.gif); }
#side_buttons a:active{ background-image: url(side_active.gif); }


/* -------------------------------------------------------------------------------------------------
*  BOTTOM navi (super)
*/

#navi{
	position: absolute;
	top: 504px;
	left: 139px;
	width: 541px;
	height: 41px;
}



/* -------------------------------------------------------------------------------------------------
*  CONTENT placer
*/

#contents{
	position: absolute;
	top: 81px;
	left: 95px;
	width: 630px;
	height: 379px;
}


#contents #thumbs img{
	border: 1px solid #763;
	/*border: 1px solid #CB9;*/
	padding: 1px;
	/*border-top-width: 7px;*/
	border-bottom-width: 10px;
	margin: 4px;
}

#contents #thumbs a:hover img{
	border-color: #CB9;
	/*border-color: #763;*/
}


/*
*  Code by Martin Bilsing
*  http://bilsingbilsing.de/
*
*/