/* das Menue mit mehreren Ebenen */
.jquerycssmenu
{	width:862px;
	height:32px;
	background-image:url('../img/jquery_menu.jpg');
	background-repeat:no-repeat;
	margin-left:1px; margin-right:0px; margin-top:0px; margin-bottom:0px
}

.jquerycssmenu ul
{	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.jquerycssmenu ul li
{	position: relative;
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.jquerycssmenu ul li a
{	display: block;
	padding: 3px 30px 4px 15px;
	color: #ffffff;
	text-decoration: none;
	font-weight:normal;
	font-size:18px;
	font-family:Verdana, sans-serif;
}

.jquerycssmenu ul li a:hover
{
}

/*1st sub level menu*/
.jquerycssmenu ul li ul
{	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
	padding-top:0px;
}





/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li
{	display: list-item;
	float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu ul li ul li ul
{	top: 0;
}

.jquerycssmenu a
{	cursor:pointer;
}


/* Sub level menu links style */
.jquerycssmenu ul li ul li a
{	width: 160px; /*width of sub menus*/
	background-image:url('../img/second_menu.png');
	color: #ffffff;
	margin: 0;
	font-size:15px;
	font-family:Arial; padding-left:17px; padding-right:17px; padding-top:8px; padding-bottom:8px
}


.jquerycssmenu ul li ul li a:hover
{ /*sub menus hover style*/
	color:#ffffff;
	background-image:url('../img/second_menu_hover.png');
}


.jquerycssmenu ul li ul li ul li a
{	width: 160px; /*width of sub menus*/
	background-image:url('../img/second_menu.png');
	color: #ffffff;
	margin: 0; padding-left:17px; padding-right:17px; padding-top:7px; padding-bottom:7px
}

.jquerycssmenu ul li ul li ul li a:hover
{	color:#ffffff;
}


/* hier meine aenderung damit es auch ohne javascript lauffaehig ist */


.jquerycssmenu ul li:hover ul
{	visibility: visible;
	display:block;
}


.jquerycssmenu ul li ul li ul, .jquerycssmenu ul li:hover ul li ul
{	visibility: hidden;
	display:none;
	left:170px;
}

.jquerycssmenu ul li ul li:hover ul
{	visibility: visible;
	display:block;
}


/* hier sind festen Werte, definiert,
   um jedem Browser zu erklaeren, was ich gerne haette
*/

table, body, html, ul, h1, h2, h3, h4, h5, p, form
{	margin:0px;
	padding:0px;
	outline:none;
}


.center
{	text-align:center;
}

html
{	height:100%;
}





body
{	background-color:#e6e6e6;
	font-size:1em;
	font-family:Verdana, arial, sans-serif;
	overflow-y:scroll;
}


.left
{	float:left;
	display:inline;
}

.right
{	float:right;
	display:inline;
}


img
{	border-width:0px;
}

.clear
{	clear:both;
}

.my_clear
{	font-size:1px;
	height:1px;
	overflow:hidden;
	clear:both;
}

/* die positionierung und der hintergrund des layouts */
#container
{	width:864px;
	margin:0px auto 0px auto;
	position:relative;
	overflow:hidden;
}


/* der erste Header mit dem Logo und der sprachwahl */
#header
{	width:864px;
	height:91px;
	position:relative;
}

/* das verlinkte Logo */
#home
{	position:absolute;
	left:0px;
	top:0px;
	width:437px;
	height:91px;
	background-image:url('../img/logo.jpg');
}

#half_banner
{	width:264px;
	height:64px;
	overflow:hidden;
	position:absolute;
	top:12px;
	right:3px;
}




/* der contentbereich  hier habe ich eine mindeshöhe von 400px eingebaut
  die tags für h1,h2,a,p und ul sind bereits vordefiniert die zeilenhöhe kann über line-height: geaendert werden */
#main
{	margin-top:11px;
	background-image:url('../img/main.png');
	background-repeat:no-repeat;
	font-size:16px;
	color:#4d4d4d;
	line-height:22px; padding-left:0px; padding-right:0px; padding-top:4px; padding-bottom:0px; margin-top
}


#inner_main
{	min-height:400px;
	background-image:url('../img/inner_main.png');
	background-repeat:repeat-y; padding-left:1px; padding-right:3px; padding-top:13px; padding-bottom:30px
}

* html #inner_main
{	height:400px;
}

.left_side
{	width:538px;
	float:left;
	display:inline;
	padding-top: 10px;
	font-family: Georgia, verdana, arial, sans-serif;
}


.right_side
{	float:right;

/* width:250px; */
	width:280px;
	margin-right:24px;
	display:inline;
	font-family: Georgia, verdana, arial, sans-serif;
	padding-top:10px;
}

#main h1
{	font-family:'Trebuchet MS', Gerorgia, verdana, arial, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:#000000;
	line-height:26px;
}

#main h2
{	font-family:'Trebuchet MS', Gerorgia, verdana, arial, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#000000;
	line-height:26px;
}

#main p
{	font-size:12px;
	padding:10px 0px;
	font-size:16px;
}

#main ul
{	list-style-position:outside;
	margin:0px 30px;
	padding:6px 0px 10px 0px;
}

#main ul li
{	margin:4px 0px 0px 0px;
}

#main a,
#main a:link,
#main a:visited,
#main a:active
{	color:#ffffff;
	text-decoration:none;
	background-color:#454545;
}

#main a:hover
{	color:#000000;
	text-decoration:none;
	background-color:#ffffff;
    
}


.lupe
{	margin:5px 5px 0px 0px;
	cursor:pointer;
}


.textbox
{	padding:10px 20px;
	clear:both;
}


/* der footer */
#footer
{	background-image:url('../img/footer.png');
	background-repeat:no-repeat;
	color:#000000;
	font-size:11px;
	font-weight:bold;
	font-family:'Trebuchet MS', Gerorgia, verdana, arial, sans-serif; padding-left:5px; padding-right:5px; padding-top:13px; padding-bottom:10px
}

#footer a,
#footer a:link,
#footer a:visited,
#footer a:active
{	color:#000000;
	text-decoration:none;
}

#footer a:hover
{	text-decoration:underline;
}