/* CSS Document */

iframe {
	float: center;
}

html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: "Century Gothic", verdana, tahoma, helvetica, arial, sans-serif;
	xfont-size: 10px;
	xbackground: #000000;
	text-align: justify;
}

body a {
	text-decoration: none;
}

#wrap {
	PADDING: 0px;
}

#header {
	position: relative;
 	width: 100%;
	height: 100px;
}

#header_slim {
	position: relative;
 	width: 100%;
	height: 20px;
}

#vheader {
	position: relative;
 	width: 150px;
	height: 800px;
	BACKGROUND: url(../images/vbgd.jpg) no-repeat
}

#logo { 
	POSITION: absolute;
	RIGHT: 0;
	FLOAT: right;
	HEIGHT: 60px;
	WIDTH: 600px;
	PADDING-TOP: 3px;
	PADDING-RIGHT: 10px;
}

#recent {
	text-align: left;
	padding: 0px 10px 10px 10px;
	Z-INDEX: 1;
}

#recent a img {
	xopacity: 0.8; 
	FILTER: alpha(opacity=80); 
	xmoz-opacity: .8
}

#recent a img:hover {
	opacity: 0.99; 
	FILTER: alpha(opacity=99); 
	moz-opacity: .99
}

#footer {
	text-align: center;
	padding: 5px;
}

#showhidemenu {
	POSITION: relative;
	font-size: 12px;
	TOP: -20px;
	FLOAT: left;
	BORDER: blue 0px dotted;
}

#showhidemenulink {
	FONT-WEIGHT: bold;
	text-decoration: none;
	FLOAT: left;
	PADDING-LEFT: 10px;
}

#main_container {
	xfont-size: 11px;
	xfont-family: verdana, tahoma, helvetica, arial, sans-serif;
	text-align: justify;
}

#main {
	height: 100%;
	padding: 20px;
	Z-INDEX: 1;
	xfont-size: 11px;   
	xfont-family: verdana, tahoma, helvetica, arial, sans-serif;  
	text-align: justify;   
	BORDER: #009900 0px dotted; 
	MARGIN-TOP: -20px;
}

.thumbnail {
	float: left;
	width: 150px;
	height: 220px;
	margin: 5px 5px 5px 5px;
	padding: 15px;
	text-align: center;
}

.photo {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: left;
	Z-INDEX: 1;
}

.clearboth {
	clear: both;
}

#left_outer {
	float: left;
	width: 212px;
	OVERFLOW: visible !important;
	MARGIN-TOP: -20px;
	Z-INDEX: 100;
}

.userpanel_module {
	HEIGHT: auto;
	MARGIN: 10px;
	PADDING-LEFT: 20px;
	PADDING-RIGHT: 20px;
	BORDER-RIGHT: black 0px solid; 
	FLOAT: right;
	TEXT-ALIGN: left;
	opacity: 0.7; 
	FILTER: alpha(opacity=70); 
	moz-opacity: .7
}

.userpanel_module a {
	PADDING: 0px;
	text-decoration: underline;
}

.clr {
	clear: both;
}

#main img {
	xmargin: 5px 20px 5px 20px;
}

H1 {
	font-size: 35px;
	xfont-family: "Century Gothic", verdana, tahoma, helvetica, arial, sans-serif;
}

H2 {
	font-size: 25px;
	xfont-family: "Century Gothic", verdana, tahoma, helvetica, arial, sans-serif;
}

H3 {
	font-size: 15px;
	xfont-family: "Century Gothic", verdana, tahoma, helvetica, arial, sans-serif;
}

#mod_login_password {
	WIDTH: 100%
}

#mod_login_username {
	WIDTH: 100%
}

#mod_login_remember {
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	BORDER-TOP-STYLE: none; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none
}

A#menu_slash0 {
	Z-INDEX: 10; 
	POSITION: relative; 
	FLOAT: RIGHT; 
	TOP: 0px;
	HEIGHT: 0px;
	BACKGROUND: url(../images/menu_slash0.png);
}

A#menu_slash1 {
	Z-INDEX: 10; 
	POSITION: relative; 
	FLOAT: RIGHT; 
	TOP: 0px;
	HEIGHT: 0px;
	BACKGROUND: url(../images/menu_slash1.png);
}

A#menu_slash2_slim {
	Z-INDEX: 10; 
	POSITION: relative; 
	FLOAT: RIGHT; 
	TOP: 0px;
	HEIGHT: 0px;
	BACKGROUND: url(../images/menu_slash2_slim.png);
}

A#menu_slash0_slim {
	Z-INDEX: 10; 
	POSITION: relative; 
	FLOAT: RIGHT; 
	TOP: 0px;
	HEIGHT: 0px;
	BACKGROUND: url(../images/menu_slash0_slim.png);
}

A#menu_slash1_slim {
	Z-INDEX: 10; 
	POSITION: relative; 
	FLOAT: RIGHT; 
	TOP: 0px;
	HEIGHT: 0px;
	BACKGROUND: url(../images/menu_slash1_slim.png);
}

A#menu_slash2 {
	Z-INDEX: 10; 
	POSITION: relative; 
	FLOAT: RIGHT; 
	TOP: 0px;
	HEIGHT: 0px;
	BACKGROUND: url(../images/menu_slash2.png);
}



A#ja-hp-switch {
	Z-INDEX: 10; 
	CURSOR: pointer; 
	POSITION: relative; 
	FLOAT: RIGHT; 
	TOP: 0px;
	HEIGHT: 0px;
	FONT-WEIGHT: bold;
	BACKGROUND:  url(../images/menu_konto.png);
}

A#ja-hp-switch2 {
	Z-INDEX: 10; 
	CURSOR: pointer; 
	POSITION: relative; 
	FLOAT: RIGHT; 
	TOP: 0px;
	HEIGHT: 0px;
	FONT-WEIGHT: bold;
	BACKGROUND:  url(../images/menu_admin.png);
}

A#ja-hp-switch:hover {
	BACKGROUND:  url(../images/menu_konto.png);
}

A#ja-hp-switch2:hover {
	BACKGROUND:  url(../images/menu_admin.png);
}

#ja-hpwrap {
	POSITION: relative;
	WIDTH: 100%;
	TOP: -21px;
	FLOAT: left;
	MARGIN-TOP: 1px;
	Z-INDEX: 1; 
	xFONT-SIZE: 10px; 
	xfont-family: verdana, tahoma, helvetica, arial, sans-serif;
}

#ja-hp {
	TEXT-ALIGN: left;
	LINE-HEIGHT: normal;
}

#ja-hpwrap2 {
	POSITION: relative;
	WIDTH: 100%;
	xTOP: 200px;
	TOP: -20px;
	FLOAT: left;
	MARGIN-TOP: 0px;
	Z-INDEX: 1; 
	xFONT-SIZE: 10px; 
	xfont-family: verdana, tahoma, helvetica, arial, sans-serif;
}

#ja-hp2 {
	LINE-HEIGHT: normal;
}


DIV.ja-hpmodule {
	xWIDTH: 200px;
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	FLOAT: right; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 5px;
	MARGIN-TOP: 0px;
	MARGIN-RIGHT: 0px;
	MARGIN-LEFT: 0px;
	MARGIN-BOTTOM: 0px;
}

DIV.ja-hpmodule FORM {
	FLOAT: right;
}

DIV.ja-hpmodule FORM LABEL {
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	FLOAT: right; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px
}

DIV.ja-hpmodule FORM INPUT {
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 1px; 
	PADDING-TOP: 1px
}

DIV.ja-hpmodule FORM INPUT.button {
	xFLOAT: right; 
	FONT-SIZE: 11px! important
}

DIV.ja-hpmodule FORM #mod_login_username {
	MARGIN-BOTTOM: 0px; 
	WIDTH: 100px; 
}
DIV.ja-hpmodule FORM #mod_login_password {
	MARGIN-BOTTOM: 0px; 
	WIDTH: 100px; 
}

.narrow DIV.ja-hpmodule FORM #mod_login_username {
	WIDTH: 100px
}

.narrow DIV.ja-hpmodule FORM #mod_login_password {
	WIDTH: 100px
}

DIV.ja-hpmodule FORM #mod_login_remember {
	MARGIN-BOTTOM: 0px
}

DIV.ja-hpmodule FORM A {
	PADDING-LEFT: 5px;
	TEXT-DECORATION: none
}

DIV.ja-hpmodule FORM A:hover {
	TEXT-DECORATION: underline
}

DIV.ja-hpmodule FORM A:active {
	TEXT-DECORATION: underline
}

DIV.ja-hpmodule FORM A:unknown {
	TEXT-DECORATION: underline
}




.transMenu {
	RIGHT: 0px; 
	OVERFLOW: hidden; 
	POSITION: absolute; 
	TOP: 0px;
	CURSOR: pointer;
}

.transMenu .content {
	POSITION: absolute
}

.transMenu .items {
	Z-INDEX: 2; 
	LEFT: 0px; 
	POSITION: relative; 
	TOP: 0px
}

.top .items {
	BORDER-TOP-STYLE: none
}

.transMenu .background {
	Z-INDEX: 1; 
	LEFT: 0px; 
	POSITION: absolute; 
	TOP: 0px; 
	opacity: 0.8; 
	FILTER: alpha(opacity=80); 
	moz-opacity: .8
}

.transMenu .shadowRight {
	Z-INDEX: 3; 
	WIDTH: 3px; 
	POSITION: absolute; 
	TOP: 3px; 
	opacity: 0.2; FILTER: alpha(opacity=20); 
	moz-opacity: .2
}

.transMenu .shadowBottom {
	Z-INDEX: 1; 
	LEFT: 3px; 
	POSITION: absolute; 
	HEIGHT: 2px; 
	opacity: 0.2; FILTER: alpha(opacity=20); 
	moz-opacity: .2
}

.transMenu .item {
	font-size: 12px !important;
}

.transMenu .hover {
}

.transMenu .item#active {
}

.transMenu .hover#active {
}



#transmenu {
	POSITION: relative;
	TOP: -21px; 
	FLOAT: right; 
	HEIGHT: 20px;
}

#transmenu LI {
	DISPLAY: inline; 
}

#transmenu LI A {
	PADDING-RIGHT: 10px; 
	DISPLAY: block; 
	PADDING-LEFT: 10px; 
	FONT-WEIGHT: bold; 
	font-size: 12px !important;
	FLOAT: left; 
	HEIGHT: 20px; 
	TEXT-ALIGN: center; 
	TEXT-DECORATION: none;
}

A.havechild-mainlevel-trans {
}

A.havechild-mainlevel-trans:hover {
}

A.mainlevel-trans:active {
}

A.havechild-mainlevel_active-trans {
}

A.havechild-mainlevel_active-trans:hover {
}

A.havechild-mainlevel_active-trans:active {
}

A.mainlevel-trans {
}

A.mainlevel-trans:hover {
}

A.mainlevel-trans:active {
}

A.mainlevel_active-trans {
}

A.mainlevel_active-trans:hover {
}

A.mainlevel_active-trans:active {
}




.mymenu {
	BORDER: yellow 0px dotted;
	MARGIN: 0px 0px 0px 0px; 
	HEIGHT: auto;
	TEXT-ALIGN: left;
	Z-INDEX: 100;
}

.mymenu .background {
	xopacity: 0.7; 
	xFILTER: alpha(opacity=70); 
	xmoz-opacity: .7
}

.mymenu UL {
	PADDING: 0px;
	MARGIN: 0px; 
	Z-INDEX: 500; 
	WIDTH: 150px; 
	LIST-STYLE-TYPE: none; 
	POSITION: relative;
	MARGIN: 0px; 
}

.mymenu LI {
	FLOAT: left; 
	HEIGHT: 25px;
}

.mymenu LI UL LI {
	FLOAT: left; 
	HEIGHT: 25px;
	WIDTH: 200px; 
}

.mymenu LI.sub {
	BACKGROUND: # none repeat scroll 0%
}

.mymenu LI.foto {
	BORDER: #006600 1px solid; 
	PADDING-TOP: 30px;
	PADDING-BOTTOM: 30px;
	PADDING-LEFT: 30px;
	PADDING-RIGHT: 30px;
	FLOAT: left; 
	HEIGHT: auto;
	WIDTH: 330px;
	BACKGROUND: #003300;
}

.mymenu LI.foto:hover {
	BACKGROUND: #003300;
}

.mymenu LI.foto A {
	display: inline;
	TEXT-INDENT: 0px; 
}

.mymenu TABLE {
	FONT-SIZE: 1em; 
	Z-INDEX: 100; 
	LEFT: 0px; 
	POSITION: absolute; 
	TOP: 0px; 
	BORDER-COLLAPSE: collapse
}

.mymenu A {
	DISPLAY: block; 
	WIDTH: 200px; 
	TEXT-INDENT: 5px; 
	LINE-HEIGHT: 25px; 
	HEIGHT: 25px; 
	TEXT-DECORATION: none;
}

.mymenu LI UL LI A {
	DISPLAY: block; 
	WIDTH: 200px; 
	TEXT-INDENT: 15px; 
	LINE-HEIGHT: 25px; 
	HEIGHT: 25px; 
	TEXT-DECORATION: none;
}

.mymenu LI UL LI UL LI.foto A {
	Z-INDEX: 500;
	BACKGROUND: #003300;
}

.mymenu LI UL LI UL LI.foto A img {
	BORDER: #006600 1px solid;
}

.mymenu LI UL LI UL LI:hover {
}

* HTML .mymenu A {
	WIDTH: 200px
}

* HTML .mymenu A:visited {
	WIDTH: 200px
}

* HTML .mymenu A:hover {
	POSITION: relative
}

.mymenu LI:hover {
	POSITION: relative;
}

.mymenu A:active {
}

.mymenu A:focus {
}

.mymenu LI:hover > A {
}

.mymenu LI UL {
	xBACKGROUND: url(transparent.gif); 
	LEFT: 190px; 
	VISIBILITY: hidden; 
	POSITION: absolute; 
	TOP: 5px
}
.mymenu LI UL LI UL {
}
.mymenu LI:hover > UL {
	VISIBILITY: visible
}
.mymenu UL A:hover UL UL {
	VISIBILITY: hidden
}
.mymenu UL A:hover UL A:hover UL UL {
	VISIBILITY: hidden
}
.mymenu UL A:hover UL A:hover UL A:hover UL UL {
	VISIBILITY: hidden
}
.mymenu UL A:hover UL {
	VISIBILITY: visible
}
.mymenu UL A:hover UL A:hover UL {
	VISIBILITY: visible
}
.mymenu UL A:hover UL A:hover UL A:hover UL {
	VISIBILITY: visible
}
.mymenu UL A:hover UL A:hover UL A:hover UL A:hover UL {
	VISIBILITY: visible
}



.ja-slwi-container {
	WIDTH: 100%;
}

.ja-slwi-container H3 {
	PADDING-RIGHT: 10px! important;
	PADDING-LEFT: 10px! important; 
	FONT-SIZE: 100%! important; 
	PADDING-BOTTOM: 7px! important; 
	MARGIN: 0px; 
	LINE-HEIGHT: normal! important; 
	PADDING-TOP: 7px! important
}

.ja-slwi-text P {
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px
}

.clearfix:unknown {
	CLEAR: both; 
	DISPLAY: block; 
	VISIBILITY: hidden; 
	HEIGHT: 0px; 
	content: "."
}

* HTML #ja-slwi-textbg1 {
	TOP: 20px;
}