/* CSS Document */

/* Basis-Stylesheets einbinden */
@import url(styles.css);

  .clear{clear:both;}

  #page-top{background:url(images/wrapperTop.png) top repeat-x; height:600px;position:relative;width:100%;}
  #page-bottom{background:url(images/wrapperBottom.png) bottom repeat-x;position:absolute;width:100%;}
  
  #header {position:relative; height: 165px; color: #fff; background: #dedede url(images/pageTop.jpg) no-repeat top;width:1024px;}
  
  #page_margins {
	width:1024px;
	margin-left: auto;
 	margin-right: auto;
	max-width:inherit;  /* min-width für fixes Layout abschalten */
	min-width:inherit;  /* max-width für fixes Layout abschalten */
}
  
  #mainWrapper {margin:auto; width:1000px; background:url(images/mainBackground.png) repeat-y;}
  
  #teaser {
	margin:0;
	background: #ffffff;
	padding:0px 4px 0px 20px;
	color: #5f5d75;
	line-height:30px;
	height:30px;
	background: url(images/teaser.jpg) top no-repeat;
  }
  
   #footer {width:1000px; margin:auto; background:url(images/pageFooter.jpg) no-repeat top; height:304px;}
   
  #searchForm  { position:absolute; right:0; top:120px; width:180px; height:32px; background:transparent url(images/searchForm.png) no-repeat left;margin-right:45px; }
  #searchForm input[type=image] { position:absolute; right:0;margin:0; padding:0;}
  #searchForm input[type=text] { border:0; background:none; width:200px; background:transparent; position:absolute; top:7px; left:35px; font:normal 11px "Lucida Sans Unicode", Verdana, sans-serif; }

  /* Netzwerk */

div#netzwerk {

	position: absolute;
	right: 80px;
	top: 0;
	width: 328px;
  font-family: Verdana, Arial;
	font-size: 12px;
	z-index: 9999;
}

div#netzwerk.show {
	border: 1px solid #77b5d8;
}

div#netzwerk a {
	color: #fff;
	text-decoration: none;

}

div#netzwerk a:hover, div#netzwerk td.alt a:hover {
	color: #ccc;
}

div#netzwerk td.alt a {
	color: #fff;
}

div#netzwerk h6 {
	display: block;
	float: right;
	margin-bottom: -2px;
	height: 23px;
	width: 136px;
	cursor: pointer;
}

body div#netzwerk h6.hide, body div#netzwerk h6.hover {
	display: none;
}

div#links {
	float: right;
	margin-right:-135px;
	width: auto;
  background-color: #74abca;
  border: 1px solid #77b5d8;
	display: none;
	margin-top:24px;
}

div#links.show {
	display: block;
}

div#links div {
	width: auto;
	padding: 20px 0;
	padding-top: 10px;

}

div#links div.alt, div#links div#second {
	background-color: #261e18;
/*	border-top: 1px solid #3b2f26;*/
}

div#links div table {
	margin: 10px 10px 10px 25px;
}

div#links div table tr.hover a {
	color: #fff;
}

div#links table td {
	line-height: 22px;
}

div#links table td.alt {
	width: auto;
	border:none;
}


.clearfix:after {
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  .clearfix { display: block; }
 
#categories {
width: 969px;
height: 48px;
margin:auto;
margin-left:16px;
}

.jqueryslidemenu{
font: bold 12px Verdana;
margin:0;
padding:0;
width: 969px;
background: url(images/navBG.jpg) repeat-x #ff8604;
height: 48px;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
height: 48px;
line-height:48px;
}

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

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background-image: url(images/navBG.jpg);
background-repeat: repeat-x;
background-color: #ff8604;
border-right: 1px solid #ff8502;
color: white;
padding:0 10px;
text-decoration: none;
margin:0;
height: 46px;
line-height:46px;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background: #ff8502; /*tab link background during hover state*/
color: white;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
height:20px;
line-height:20px;
left: 0;
margin-top:-2px;
display: block;
visibility: hidden;
background: #ff8502;
}


/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
height:25px;
line-height:25px;
background: #ff8502;
margin:0;
padding:0;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
background: #ff8502;
margin:0;
padding:0;
height:25px;
line-height:25px;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a:link, .jqueryslidemenu ul li ul li a:visited{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
/*padding: 5px;*/
height:25px;
line-height:25px;
margin:0;
padding:0 10px;
background: #ff8502;
}

.jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/
background: #ffa746;
color: #fff;
height:25px;
line-height:25px;
}

.lang{
 float:right;
 margin-top:-5px;
 display:block;
 display:inline;}
 
#nav_main {
	width: 100%;
  overflow:hidden;
}


#nav_main ul {
  padding: 0;
  list-style-image:none;
  font-size: 1.0em;
  line-height: 0px;
  display:inline;
  float:right;
  margin:35pt 30pt 0pt 0px;
}

#nav_main ul li {
	float: left;
	margin: 0;
	padding: 0;
  font-size: 12px;
	line-height:1.0em;
  list-style-type: none;

}

#nav_main ul li#first {	border-right: 1px #efefef solid; border-left: none; padding: 0.5em 0em 0.5em 0em; width:48px; margin-left:20px; }
#nav_main ul li#last { border-left: 1px #efefef solid; border-right: none; padding: 0.5em 0em 0.5em 0em; }

#nav_main ul li a {
  display:block;
  width: auto;
	font-size: 12px;
	background: transparent;
	text-decoration: none;
	color: #3f7896;
	margin: 0;
	padding: 0.2em 0.4em 0.2em 0.4em;
}

#nav_main ul li a:hover {
	color: #f49a00;;
	text-decoration: none;
}

#nav_main ul li#current {
	color: #f49a00;
	background-color: transparent;
	background-image: none;
	text-decoration: none;
	font-weight:bold;

}

#nav_main ul li#current a,
#nav_main ul li#current a:hover {
	color: #f49a00;
	background: transparent;
	text-decoration: none;
	font-weight:bold;
}