/*
   basiseinstellungen
   ------------------
*/

html {
  margin:0; padding:0;
/*  color:#155165; alt hellblau */
  color:#E8E8EC;
/*background:#FFFFFF;*/
/*  background: url(../imgs/bg.png) 0 0 repeat-x #F2D7B8;*/
  width:100%;
}
body { 
  margin:0; padding:0;
  text-align: center;
  /*  color:#155165; alt hellblau */
  color:#E8E8EC;

  background:#FFFFFF;
  font-size:12px;
  font-family:Verdana,Arial,sans-serif;
  width:100%;
}

div#clr { clear:both; }


/*
   seitenlayout
   ------------
*/
div#outermainbox { 
  margin:0; padding:0;
  margin-top:5px;
  width: 999px;
}
html>body div#outermainbox { 
  margin-left: auto;
  margin-right:auto;
}
div#mainbox { 
  float:left;
  margin:0; padding:0;
  width:100%;
  background:url(../imgs/bg.png) 0 0 repeat-y;
}


/*
   obere box
*/
div#outertopbox, div#topbox { 
  float:left;
  width:981px;
  height:62px;
  padding:9px;
  margin:0;
}
* html div#outertopbox { 
  width:999px;
  height:80px;
}

div#topbox {
  width:979px;
  height:60px;
  padding:0;
  margin:0;
  border: 1px solid #CCC9E2;
  background:url(../imgs/header.jpg) top left #828CA4;
  /*background:url(../imgs/header_xmas.jpg) top left #828CA4; /* x-mas */
}
* html div#topbox { 
  width:981px;
  height:62px;
}

/*
 x-mas***
 
 div#scrolltext { 
  height:60px;
  width:788px;
  border:0;
  margin-left:191px;
  z-index:0;
}
* html div#scrolltext { 
  margin-left:191px;
}

 ***x-mas
*/


/*
   menübox
*/
div#outermenubox, div#menubox {
  float:left;
  width:216px;
  height:519px;
  padding:9px;
  margin:0;
  padding-top:0;
}
* html div#outermenubox { 
  width:234px;
  height:528px;
}
div#menubox { 
  width:214px;
  height:517px;
  padding:0;
  margin:0;
  border: 1px solid #CCC9E2;
  background:#828CA4;
}
* html div#menubox { 
  width:216px;
  height:519px;
}
a { 
  display:block;
}

/*
   inhaltsbox
*/
div#outercontentbox, div#contentbox {
  float:left;
  width:306px;
  height:451px;
  padding:9px;
  margin:0;
  padding-top:0;
  padding-left:0;
}
* html div#outercontentbox { 
  width:315px;
  height:460px;
}
div#contentbox { 
  width:304px;
  height:449px;
  padding:0;
  margin:0;
  border: 1px solid #CCC9E2;
  background:#828CA4;
}
* html div#contentbox { 
  width:306px;
  height:451px;
}

/*
   bildbox
*/
div#outerimagebox, div#imagebox { 
  float:left;
  width:441px;
  height:451px;
  padding:9px;
  margin:0;
  padding-top:0;
  padding-left:0;
}
* html div#outerimagebox { 
  width:450px;
  height:460px;
}
div#imagebox { 
  width:439px;
  height:449px;
  padding:0;
  margin:0;
  border: 1px solid #CCC9E2;
  background:#828CA4;
}
* html div#imagebox { 
  width:441px;
  height:451px;
}

div#imagebox div#bottom { 
  width:100%;
  height:10px;
}
div#imagebox div#bottom a#next,
div#imagebox div#bottom a#prev { 
  border:0;
  text-decoration:none;
  height:10px;
  width:21px;
  float:right;
  overflow:hidden;
  display:inline;
  margin-right:129px;
  background:url(../imgs/rightarr.gif) top left no-repeat;
}
div#imagebox div#bottom a#prev { 
  float:left;
  margin-right:0;
  margin-left:130px;
  background:url(../imgs/leftarr.gif) top left no-repeat;
}
div#imagebox div#bottom a#next:hover { 
  background-image:url(../imgs/rightarr_hov.png);
}
div#imagebox div#bottom a#next:active { 
  background-position: top right;
}
div#imagebox div#bottom a#prev:hover { 
  background-image:url(../imgs/leftarr_hov.png);
}
div#imagebox div#bottom a#prev:active { 
  background-position: top right;
}
img {
  border:0;
}

/*
   untere box
*/
div#outerbottombox { 
  float:left;
  width:756px;
  height:59px;
  padding:9px;
  margin:0;
  padding-top:0;
  padding-left:0;
}
* html div#outerbottombox { 
  width:765px;
  height:68px;
}
div#bottombox { 
  width:754px;
  height:57px;
  padding:0;
  margin:0;
  border: 1px solid #CCC9E2;
  background:#828CA4;
}
* html div#bottombox { 
  width:756px;
  height:59px;
}
div#fotoshow {
  float:left;
  width:600px;
  margin:0;
  padding:0;
}
div#footers {
  float:right;
  margin:0;
  padding-top:4px;
  text-align:right;
}
div#footers a { 
  padding-right:5px;
  color:#D1DB8D;
  font-weight:bold;
  text-decoration:none;
  font-size:10px;
}
div#footers a:hover { 
  color:#E7E86C;
}


