/* Layout -------------------------------*/
body {
  background: url(../images/body_background.gif) repeat-x;
  background-color: #FBFBF2;
  position:relative; /* for ie7*/
  font-family : Georgia;
  min-width: 800px;
}

html, body {height:100%;} 

#outer{
	min-height:100%;
	margin:0 162px 0 248px;
	border-right: solid 2px white;
  border-left: solid 2px white;
  background:#fff url(../images/contentarea-background.jpg) right bottom no-repeat;	
}

#outerwrap {
	float: left;	
	width: 100%;
	margin-right:-3px;/* to stop columns dropping*/
}


* html #outer{height:100%;} /*IE treats height as min-height anyway*/

#sitetitle {
	text-indent: -9999px;
	height: 107px;
	background-repeat: no-repeat;
}


/* LEFT LAOUTS -------------------------------- */

#left {
	position:relative;/*ie needs this to show float */
	width:246px;
	float:left;
  margin-left:-250px;/*must be 1px less than width otherwise won't push footer down in some browsers */
  left: -1px;
	padding-bottom:52px;/* clear footer*/
  margin-top: 120px;
}

#left h3 {
  position: relative;
  background: url(../images/lefth3_background.gif) left top no-repeat;
  padding: 5px 0 4px 20px;
  margin: 0 0 0 -4px;
  clear: both;
  font-family: Arial;
  color: #005B95;
  font-size: 12pt;
}

#left div.box1 {
  background:  url(../images/leftbox1_background.gif)  right bottom repeat-y;
  position: relative;
  left: -5px;
  margin-right: 3px;
  color: #302F32;
  margin-top: 23px;
  overflow: visible;
}

#menuwrap h3 {
/*  background: url(../images/lefth3_background.gif) left top no-repeat;*/
  font-family: Arial;
  color: #005B95;
  font-size: 12pt;
  padding: 5px 0 4px 20px;
  margin: 0px;
}

#left div.box1 p, #left div.box1 h3, #left div.box1 img  {
  position: relative;
  top: -28px;
  left: 20px;
}

#left div.box1 h3 {
    background: url(../images/leftbox1_h3_background.gif) top right;
    margin: 0 0 5px -3px;
    padding: 10px 0 0 20px;
    height: 28px;
    left: 0;    
}


/* right column ------------------------------------*/

#right {
	position:relative;/*ie needs this to show float */
	width:154px;
	float:right;
	margin-right:-156px;/*must be 1px less than width otherwise won't push footer down in some browsers */
	left:5px;
	padding-bottom:52px;/* clear footer*/
  overflow: hidden;
}

#right h2
{
  text-align: center;
  font-size: 20px;
  font-weight: normal;
  color: #595959;
  background: url(../images/mainmenuheader_background.gif) top left no-repeat;
  height:63px;
  width: 154px;
  padding-top: 10px;
  overflow: hidden;

}

#right h2 strong{
  color: black;
  font-weight: normal;
}

#right h2 img {
  position: relative;
  top: 3px;
}

#right form 
{
	position: relative;	
}

#right h3
{
  margin-bottom: 10px;
  background: url('../images/right_h3_background.gif') no-repeat #BDD1E8;
  padding: 3px 0px 4px 45px;
  font-weight: bold;
  position: relative;
  font-family: Arial;
  color: #005B95;
  font-size: 12pt;
}

/* mainmenu ------------------------------------*/


#menuwrap {
  background: url('../images/menuend-background.gif') bottom left no-repeat;
  padding: 0 0 25px 0;
}

#menuwrap ul {
  padding: 10px 0 0 0 ;
  margin:  0;
  list-style: none;
}

#menuwrap ul ul {
  padding: 0 ;
  margin:  0;
}

/*first level menu items */
#menuwrap ul li {
  width: 140px; /* Peek-a-boo IE6 Bug */
}

#menuwrap ul li a{
  display: block;
  border-top: solid 1px #3484BC;
  padding: 3px 0 3px 0;
  margin-right: 10px;
  color: black;
  text-decoration: none;
  font-weight: normal;
}

#menuwrap ul li.first a{ 
  border: none;
}

/* Second Level Menuitems */
#menuwrap ul li li {
  padding: 0px;
  margin: 0px;
}

#menuwrap ul li li a{
  border: none;
  padding: 0 0 3px 0;
  margin: 0px;
  font-size: 8pt;
  padding-left: 15px;
  color: #373737;
  background: url('../images/menu-li-bullet.gif') no-repeat 0px 3px;
}

/* Center Content --------------------------------- */

#centrecontent {
	float:right;
	width:100%;
	position:relative;
	padding-bottom:57px;/* clear footer*/
  margin-left:-3px;
  padding-top: 130px;
}

#contentwrap {
  padding: 0 10px;
	position:relative;
  overflow: hidden;
}


#contentwrap h3 {
  margin-bottom: 10px;
  background: url('../images/h3content_background.gif') no-repeat #BDD1E8;
  padding: 3px 0px 4px 50px;
    
  font-family: Arial;
  color: #005B95;
  font-size: 12pt;
}

#contentwrap h3 span.roundEnd {
  float: right;
  margin-top:-3px;
  width: 13px;
  height: 26px;
  z-index: 20;
  position: relative;
  background: url('../images/h3content_roundend.gif');
}

#contentwrap h4 {
  margin: 0 0 1em 0;
  font-size: 120%;
  padding: 1px 0 3px 0;
  text-indent: 35px;
  font-family: Arial,sans-serif;
  color:  #005B95;
  background: url('../images/h4content_background.gif') no-repeat;
}

#contentwrap a.toTop  {
  font-size:7.5pt;
  float:right;
  font-weight: normal;
  text-decoration: none;
  padding-right: 12px;
  background-image:url('../images/arrowUp.gif'); 
  background-repeat:no-repeat;
  background-position: right 5px ;
}

/* footer ----------------------------- */
#footer {
	width:100%;
	clear:both;
	height:35px;
	padding: 3px 0 0 0;
	background: url(../images/footer_background.gif);
	text-align:center;
	position:relative;
	margin-top:-39px;
	border-top: solid 1px #DEE889;
	overflow: hidden;
}

#footer .top {
  position: absolute; 
  left: 20px;
}


h1#pagelogo {
  position: absolute;
  top:0;
  left: 0;
  width: 241px;
  height: 109px;
  margin: 0px;
  padding: 0px;
  background: url(../images/pagelogo_background.gif) bottom right no-repeat;
}

h1#pagelogo a.homeLink {
  display: block;
  width: 225px;
  height: 58px;
  margin: 12px 0 0 3px;
}

h1#pagelogo a.verlagLink {
  background: url(../images/verlaglink_background.gif) no-repeat;
  width: 107px;
  height: 23px;
  display: block;
  margin:  4px 0 0 10px;
}

div#pageHeader {
  /*background: url(../images/header_background.png) no-repeat;*/
  position: absolute;
  top: 0;
  width: 100%;
  height: 109px;
  display: block;
}


div#rootLine {
  position: absolute;
  top: 76px;
  left: 7px;
  z-index: 30;
  padding: 3px;
  /* background: url(../images/header_background.png) 7px 33px #F4F7D2; */
}

/*
div#rootLine {
  position: absolute;
  top: 87px;
  left: 0px;
  z-index: 10;
  background: url(../images/rootline-background.gif) right top no-repeat #F0F4C1;
  padding: 0 10px 3px 10px;
}
*/

div#headerFloat {
  background: url(../images/background_headerfloat.png) no-repeat;
  width: 216px;
  height: 127px;
  position: absolute;
  right: 0px;
  top: 0px;
  display: block;
  
}

div#headerFloat .logo{
  text-indent: -99999px;
  width: 40px;
  height: 41px;
  background: url('../images/pfanneberg_logo-big.gif');
  display: block;
  position: relative;
  left: 165px;
  top: 10px;
}


/* BROWSER WEICHE */

/*ie 5.0 


#right h2 {
  height: 73px;
}
  
*/