/**
*	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;
	z-index:-1;
	z-index:1 !important;
}

#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;
	z-index:1 !important;
	z-index:-1;
}
#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 {
	position:absolute;
	text-align:center;
	z-index:5;
}
#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;
}


/***********************  popup overlay **************************************/

#backgroundPopup{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:100%;  
width:100%;  
top:0;  
left:0;  
background:#000000;  
border:1px solid #cecece;  
z-index:1;  
}  
#popupContact{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:384px;  
width:408px;  
background:#FFFFFF;  
border:2px solid #cecece;  
z-index:2;  
padding:12px;  
font-size:13px;  
}  
#popupContact h1{  
text-align:left;  
color:#6FA5FD;  
font-size:22px;  
font-weight:700;  
border-bottom:1px dotted #D3D3D3;  
padding-bottom:2px;  
margin-bottom:20px;  
}  
#popupContactClose{  
font-size:14px;  
line-height:14px;  
right:6px;  
top:4px;  
position:absolute;  
color:#6fa5fd;  
font-weight:700;  
display:block;  
} 



/***********************  new nav **************************************/

#jsddm
{	margin: 0;
	padding: 0}
	
	#jsddm li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial}

	#jsddm li a
	{	position: relative;
		display: block;
		background: #006600;
		padding: 5px 12px;
		text-decoration: none;
		border-right: 1px solid white;
		width: 70px;
		color: #EAFFED;
		white-space: nowrap;
		z-index:5}

	#jsddm li a:hover
	{	background: #00CC00}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			z-index:5;
			border-top: 1px solid white}
		
		#jsddm li ul li
		{	float: none;
			display: inline}
		
		#jsddm li ul li a
		{	width: auto;
			background: #009900;
			z-index:5;}
		
		#jsddm li ul li a:hover
		{	background: #00CC00}