/**
*	global css file for josito.eu
* 	10.05.2006, dli
*	all rights at: daniel.liebig@wevin.de
**/

body {
	margin:0px; padding:0px;
	font: 12px verdana, arial, helvetica, sans-serif;
	color:#FFFFFF;
	background:#000000;
}

a {
}

img {
	border:0px;	
}
#keywords {
	text-align:center;
}
#keywords h1 {
	font-size:9px;	
}

#container {
	position:absolute;
	left:50%; top:50%;
	margin:-250px 0px 0px -380px;
	width:760px; height:500px;
	background:#60BB52;
}

#left {
	position:absolute;
	left:0px; top:0px;
	width:385px; height:500px;
}

#content {
	position:absolute;
	left:40px; top:76px;
	width:284px; height:334px;
	padding:15px 10px 15px 10px;
	overflow:auto;
	color:#999999;
	background:#FFFFFF;
}
#content p, h1{
	margin:0px;
	padding:0px 0px 1em 0px;
}
#content p, h1, td{
	font: 12px verdana, arial, helvetica, sans-serif;
	color:#999999;
}
#content td {
	vertical-align:top;
}
#content h1{
	margin:0px;
	padding:0px;
	font: bold 12px verdana, arial, helvetica, sans-serif;
}
#content a.target{
	display:block;
	color:#999999;
}
#content a.target:hover{
	text-decoration:none;
}
#content ul{
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:1em;
}
#content a {
	font-weight:bold;
	color:#339900;
	text-decoration:none;	
}
#content a:hover{
	text-decoration:underline;
}

#util_nav{
	position:absolute;
	top:444px;
	text-align:center;
}

/************************************* (all) Navigations ***************************************************/


#navigation {
	position:absolute;
	left:385px; top:0px;
	width:325px;
	height:473px;
	padding:27px 25px 0px 25px;
}

#navigation .category {
	position:relative;
	width:250px; height:54px;
}
#navigation .category img{
	float:left;
}
#navigation .category .links{
	position:absolute;
	display:none;
	width: 216px; height:44px;
	left:58px; #left:62px;
	bottom:-2px; #bottom:0px;
	background:#60BB52;
}
#navigation .category a{
	display:block;
	width:100px;
	float:left;
	font: bold 10px verdana, arial, helvetica, sans-serif;
	/*text-transform:uppercase; */
	text-decoration:none;
	margin: 2px 0px 0px 4px;
	color:#333333;
}
#navigation .category a:hover{
	text-decoration:underline;
}
#navigation .category td{
	padding:1px;
}

#navigation .spacer {
	width:325px; height:44px;
}

#subnav {
	text-align:center;
}
#subnav a, #util_nav a{
	font: bold 10px verdana, arial, helvetica, sans-serif;
	/*text-transform:uppercase; */
	text-decoration:none;
	color:#FFFFFF;
}
#subnav a:hover, #util_nav a:hover{
	text-decoration:underline;
}
#subnav td{
	text-align:center;
}

/*********************** special classes **************************************/

.personal_mail {
	text-align:center;
}