/*
hellblau:							#E2ECF2
ganz wenig helleres hellblau: 		#E9F1F5
rot:								#821625
dunkelblau:							#323163

it is very important when overwriting rules from the screen.css that the selectors are exactly the same!!
div.menusection != .menusection !!!
*/

/*Redefinitionen*/
html,body{
  height:100%;
  margin:0px;
  padding:0px;
}

body{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  background-color:#fff;
  background-image: none; /* overwriting screen.css */
}

.hidden {
	position: absolute;
	left: -3000px;
	font-size: x-small;
}

h1{
  color:#821625;
  font-size:x-small;
  background-image:none;
  padding-left: 4px;
}

h2{
  color:#821625;
  font-size:x-small;
  background-image: none;
  background-repeat: no-repeat;
  padding-left: 4px;
}

h3{
  color:#323163;
  font-size:x-small;
  font-weight:900;
  background-image: none;
  background-repeat: no-repeat;
  padding-left: 4px;
}

p  { 
  margin-bottom:0; 
  color: #323163; 
}

p.slogan{
 color:#821625;
 font-weight:normal;
 font-size:x-small;
 text-align:center;
 display:none;
}

p.quotation{ 
	font-style:oblique;
	font-variant:small-caps;
	text-align:center;
	color:#821625;
	font-size:0.7em;
}


#wrapper{
  width:100%;
  margin: 0;  
  border: none; 
}

/* MAIN MENU */
#mainmenu {
	width: auto;
	height: auto;
	background-color: #E2ECF2;
	background-image: none;
	background-repeat: no-repeat;
}

#mainmenu img{
	display:none;
	width: 0px;
	height: 0px; /* for browsers that don't understand display but width+height (blackberry browser doesn't understand this either.. */
	float: none;
}

#logo { 
	width: 0px;
	height: auto;
	 /*background: #fff url(../inc/pics/jve_logo_pda.jpg) no-repeat top left;*/
	 background-image: none;
	 background-color: #fff;
	 float: left;
}


div.menusection{
  float: left;
  height:auto;
  background-color:white;
  font-size: x-small;
  width:auto;
}

a.menulink{					/*Hauptmenulink*/
  margin:0px;
  padding:0px;
  height:1.2em;
  display:block;
  width: 8em;
  border-top:1px solid white;
  border-right:2px solid white;
  border-bottom:1px solid white;
  border-left:2px solid white;
  background-color:#E2ECF2;
  text-decoration:none;
}

a:hover.menulink {
  height:1.2em;
  background-color:white;
}

a:hover.menulink span.menu{
	height:1.2em;
}

a.menulinkactive{
  margin:0px;
  padding:0px;
  height:1.2em;
  width: 8em;
  display:block;
  border-top:1px solid white;
  border-right:2px solid white;
  border-bottom:1px solid white;
  border-left:4px solid #821625;
  background-color:white;
  text-decoration:none;
}

a.menulink span.menu{
	line-height:1.2em; /*Zentriert Text in der Höhe*/
	margin: 0 0.8em; 
	color: #323163;								
}
 
a.menulinkactive span.menu{
    line-height:1.2em; /*Zentriert Text in der Höhe*/
	margin: 0 0.8em; 
	color: #821625;	
}
 
 /* menusection as a list */
#mainmenu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#mainmenu ul li{
	width: 8em;
 	float: none;
	height: 1.2em;
}


/* breadcrumb shall not be displayed at handhelds */
#breadcrumb, #breadcrumb a{
	clear: both;
	display: none; 
	text-align: left;
	background-color: #ffffff;
	text-decoration: none;
	background-image: none;
  	height: auto;
  	padding: 0;
	font-size:x-small;
}



/* #threecolumns & #middlecolumn are representing just one column at handhelds */
#threecolumns{
	  clear: both;
	  border: none;		
	  background: white;
	  width:auto;                                                 
	  background-image:none;
}

/* SUBMENU */

/* left is now the darkblue menu after the main menu */
#left {
	margin: 0.5em 0 0 0.5em;
	background-color: #323163;
	font-size: x-small;
	padding: 0;
	float: none;
	width: auto;
	height: auto;
	text-align: left;
	border: 1px #323163 solid;
}


#left img {
	display:none;
}

#left p {
	display:none;
}


/* submenue-links */



a.submenulinkheader {				
  text-decoration:none;
  display: block;
  padding: 0px 2px;
  float: none;
  width:100%;
  height:auto;
  background-color:#821625;
  border:none;
  position:static;
  margin:0;
  text-align:center;
}

div#left>a.submenulinkheader{
  position:static;
  margin:0
}


a:hover.submenulinkheader {			
  text-decoration:none;
  display: block;
  padding: 0px;
  float: none;
  width:auto;
  height:auto;
  background-color:#821625;
  color: #fff;
  border:none;
  margin:0px;
  text-align:center;
}

a:hover.submenulinkheader span.menuheader{
	color: #821625;
	background-color: #fff;
}

a.submenulinkheaderactive{					
  text-decoration:none;
  display: block;
  padding: 0px;
  float: none;
  width:auto;
  height:auto;
  background-color: #821625;
  color: #fff;
  border:none;
  margin:0px;
  text-align:center;
}

div#left>a.submenulinkheaderactive{
  position:static;
  margin:0;
}

span.menuheader  { 
	color: #fff;
	padding:0;
	margin: 0px; 
	line-height:1em;
	margin:0;
	font-size:x-small;
	font-weight:normal;
	font-variant:normal;
}

a.submenulinkheaderactive span.menuheader{
  background-color:#fff;
  color: #821625;
}


/* entrys in submenu */
 .seperator { /* seperator | between the submenu entries..for text-browser and handheld only */
 	color: #fff;
	font-size:x-small;
	display:inline;
 }
 
a.submenulink{					
  color: #fff;	
  padding: 0px 4px;
  text-decoration:none;
  width:auto;
  display:inline;
  height:1.2em;
  float: none;
  border:none;
  background-color: #323163;
  font-size:x-small;
  margin:0;
}


a:hover.submenulink {
  color: #323163;	
  padding: 0px 4px;
  text-decoration:none;
  width:auto;
  height:1.2em;
  float:none;
  display:inline;
  margin:0;
  border:none;
  background-color:#E2ECF2;
}

a:hover.submenulink span.menu{
	color: #323163;
	background-color: #E2ECF2;
	height: 1.2em;
}

a.submenulinkactive {	
   color: #323163;	
  padding: 0px 4px;
  text-decoration:none;
  width:auto;
  height:1.2em;
  float:none;
  display:inline;
  margin:0;
  border:none;
  background-color:#E2ECF2;
  font-size:x-small;
}

a.submenulink span.menu{
	line-height: 1.2em;
	margin:0;
	padding:0; 
	color: #fff;
	font-size:x-small;
}

.menulong{
        padding:0;
        margin:0;
        font-size:x-small; 
		display:inline;
}



a.submenulinkactive span.menu{
	line-height:1.2em;
	padding:0;
	margin:0;
	color: #323163;	
    background-color:#E2ECF2;
	font-size:x-small;
}

hr {
	display: none;
}
/* CONTENT */

#middle{
	font-size: x-small;
	padding: 5px;
	border-left: 1px #323163 solid;
	border-bottom: 1px #323163 solid;
	margin-left: 0.5em;
	float: none; 
	width: auto;			
	position: static;
}

p.box{
  width:60%;
  margin:0.5em auto;
  padding:5px;
  background-color:#E2ECF2;
  border:1px solid #323163;
  font-variant:small-caps;
  font-size:x-small;
  text-align:center;
  background-image: url(../inc/pics/rect.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
}

p.boxalignright{
  width:60%;
  margin:0.5em auto;
  padding:5px;
  background-color:#E2ECF2;
  border:1px solid #323163;
  font-size:x-small;
  text-align:left;
  background-image: url(../inc/pics/rect.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
}

#copy{
 padding:0;
}

#copy img.trick{
  float:none; 
  margin:0; 
  padding:0; 
  border:0;
}

a.ajve_externlink, a.ajve_download {	/*für links auf externe seiten / downloadbare dateien */
  background-image: none;
  padding-left: 5px;
  color:#323163;
} 

a.ajve_externlink {
	background-image: url(../inc/pics/extern_red.gif);
}
 
.boxqouteoutside{
  margin:1em auto;
  padding:0 0 0.3em 0;
  font-size: x-small;
}

.boxqouteinside {
  padding:0.5em 0.6em 0.2em 0.6em;
  font-style:normal;
}

/* additional infos */
#right {
	margin: 0 0 0 0.5em;
	font-size: x-small;
	border-left: 1px #323163 solid;
	border-top: 1px #323163 solid;
	border-bottom: 1px #323163 solid;
	padding-left: 10px;
	width: auto;    
	float: none;
}

#rightcopy{
 padding:0;
}

#rightcopy img{
 display:inline;
 margin:0 auto;
}

/* FOOTER */

#footer {
	background-color: #323163;  
	border: none;
	padding: 2px;
	width: 100%;
	height: auto;
	text-align:center;
	color:#fff;
	font-size: x-small;
}

.homelink {
	display:inline;
	color: #fff;
	text-decoration: underline;
}

span.homelink {
	text-decoration:none;
}

a.bright {								/*Bei Breadcrumb und Footer: hell auf dunkelblau*/
 text-decoration:underline;
 color:#FFFFFF;
 font-size:x-small;
}

a.brightactive {
 text-decoration:none;
 color:#FFFFFF;
 font-size:x-small;
}

a:hover.bright {
  color:#E2ECF2;
}

.sitemapEntry{
	color: #821625;
	text-decoration: underline;
	font-weight: bold;
	font-size: x-small;
}


td ul li a{
	font-size:x-small;
}

.ajve_highlight{
 color:#821625;
 font-weight:bold;
 font-size:x-small;
}

table{
	font-size:x-small;
}

td.left{
  width:60%;
  font-weight:normal;
}

ul{
  list-style-position:inside;
  list-style-type:square;
  color:#323163;
  margin:0;
  padding:1em 0.2em 1em 1.3em;
}

.ajve_smaller{
  font-size:x-small;
}

#right img{
	display:none;
}

p.image { display:none;}

em{
	font-size:x-small;
	font-style:normal;
}