* { margin: 0; padding: 0; }

body {
	font: normal 101%/1.4em Verdana, Tahoma, Arial, sans-serif;
	color: #999; 
	text-align: center;
	background-color: #23589e;
}

/* Layout ************************************** */

#page {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
  min-height: 650px;
  height: auto;
  background-color: #f4f2f3;
}
* html #page { height: 650px; } /* IE 5.5 - 6.0 */


#header {
	height: 350px;
	width: 800px;
	margin: 0; 
	padding: 0;
}

#logo {
	height: 105px;
	margin: 0;
	padding: 0;
	background: #fff url(../img/logo.gif) no-repeat;
}

#nav {
	height: 35px;
	margin: 0;
	padding: 0;
}

#banner {
	height: 170px;
	margin: 0;
	padding: 40px 0 0 20px;
}
body.section-1 #banner { background: transparent url(../img/back-banner-aktuell.jpg) no-repeat; }
body.section-2 #banner { background: transparent url(../img/back-banner-drucker.jpg) no-repeat; }
body.section-3 #banner { background: transparent url(../img/back-banner-poster.jpg) no-repeat; }
body.section-4 #banner { background: transparent url(../img/back-banner-kopierer.jpg) no-repeat; }
body.section-5 #banner { background: transparent url(../img/back-banner-aktuell.jpg) no-repeat; }
body.section-6 #banner { background: transparent url(../img/back-banner-imp.jpg) no-repeat; }

#themebox {
	background: #fff url(../img/back-themebox.gif) repeat-x;
	height: 192px;
	margin: 0;
	padding: 20px 0 0 55px;
}

#content {
	width: 760px;
	margin: 0;
	padding: 20px 20px 0 20px;
	min-height:300px;
	height:auto; 
  background-color: #f4f2f3;	
}
* html #content{ height: 300px;}
#main {
  width: 519px;
  float: left;
	padding: 0 20px 0 0;	
	margin: 0;	
  border-right: 1px solid #ccc;
}
#main-nav {
  width: 200px;
  float: right;
	padding: 0 0 0 20px; 	
	margin: 0;	
}

#footer {
	clear: both;
	color: #999;
  font: bolder 10px/26px Tahoma, Verdana, Arial, Sans-Serif;			
	height: 20px;
	text-align: left;
	padding: 40px 0 20px 20px;
	margin: 0;	
  background-color: #f4f2f3;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* additional classes */
.clear { clear: both; }
.gray { color: #CCC; }


/* content */

#banner h1, h2, h3, h4 {
	margin: 0;
	padding: 0 0 20px 0;
  font: bold 18px/1.4em Verdana, Tahoma, Arial, sans-serif;
	color: #fff;
}
#banner p {
  font: bolder 14px/1.4em Verdana, Tahoma, Arial, sans-serif;
	color: #fff;
}

.box {
	float: left;
	width: 230px;
	height: 170px;
	margin: 0;
	padding: 0;
	background: transparent url(../img/back-box.gif) no-repeat top left;
}
.box h1, h2, h3, h4 {
	margin: 0;
	padding: 12px 0 0 15px;
  font: bold 12px/1.4em Verdana, Tahoma, Arial, sans-serif;
	color: #fff;
}
.box p {
	margin: 0;
	padding: 25px 0 0 15px;
  font: normal 10px/1.4em Verdana, Tahoma, Arial, sans-serif;
	color: #fff;
}
.box a { color: #fff; text-decoration: none; font-weight: bold; }
.box  a:link { color: #fff; text-decoration: none; font-weight: bold; }
.box  a:visited { color: #fff; text-decoration: none; font-weight: bold; }
.box  a:hover { color: #fff; text-decoration: underline; font-weight: bold; }
.box  a:active { color: #fff; text-decoration: none; font-weight: bold; }


#main h1, h2 {
	padding: 0;	
	margin: 0 0 10px 0;
  font: bold 14px/1.4em Verdana, Tahoma, Arial, sans-serif;
  color: #23589e; 
}
#main h3, h4 {
	padding: 0;	
	margin: 10px 0 10px 0;
  font: normal 14px/1.4em Verdana, Tahoma, Arial, sans-serif;
  color: #23589e; 
}
#main p {
	padding: 0 0 15px 0;	
	margin: 0;
  font: normal 12px/1.6em Verdana, Tahoma, Arial, sans-serif;
  color: #666; 
}
#main a { color: #666; text-decoration: none; font: bold 12px/1.6em Verdana, Tahoma, Arial, sans-serif; }
#main a:link { color: #666; text-decoration: none; font: bold 12px/1.6em Verdana, Tahoma, Arial, sans-serif; }
#main a:visited { color: #666; text-decoration: none; font: bold 12px/1.6em Verdana, Tahoma, Arial, sans-serif; }
#main a:hover { color: #666; text-decoration: underline; font: bold 12px/1.6em Verdana, Tahoma, Arial, sans-serif; }
#main a:active { color: #666; text-decoration: none; font: bold 12px/1.6em Verdana, Tahoma, Arial, sans-serif; }

#main-nav  h1, h2 {
	padding: 0;	
	margin: 0 0 10px 0;
  font: bold 14px/1.4em Verdana, Tahoma, Arial, sans-serif;
  color: #23589e; 
}
#main-nav p {
	padding: 0 0 15px 0;	
	margin: 0;
  font: normal 12px/1.6em Verdana, Tahoma, Arial, sans-serif;
  color: #666; 
}
#main-nav a { color: #666; text-decoration: none; font: bold 12px/1.6em Verdana, Tahoma, Arial, sans-serif; }
#main-nav a:link { color: #666; text-decoration: none; font: bold 12px/1.6em Verdana, Tahoma, Arial, sans-serif; }
#main-nav a:visited { color: #666; text-decoration: none; font: bold 12px/1.6em Verdana, Tahoma, Arial, sans-serif; }
#main-nav a:hover { color: #666; text-decoration: underline; font: bold 12px/1.6em Verdana, Tahoma, Arial, sans-serif; }
#main-nav a:active { color: #666; text-decoration: none; font: bold 12px/1.6em Verdana, Tahoma, Arial, sans-serif; }

#footer a { color: #999; text-decoration: none; }
#footer  a:link { color: #999; text-decoration: none;  }
#footer  a:visited { color: #999; text-decoration: none;  }
#footer  a:hover { color: #999; text-decoration: underline;  }
#footer  a:active { color: #999; text-decoration: none;  }

/* Main menu ( CSS Sprites / alternative imagemap  ) ************************************** */

#menumain {
	position: relative;
	height: 35px;
	background: url(../img/menu.gif);
	margin: 0; 
	padding: 0;
}

#menumain li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#menumain li, #menumain a {height: 35px; display: block;}

#menupart1 {left: 1px; width: 100px;}
#menupart2 {left: 105px; width: 116px;}
#menupart3 {left: 224px; width: 101px;}
#menupart4 {left: 328px; width: 106px;}
#menupart5 {left: 438px; width: 98px;}
#menupart6 {left: 539px; width: 95px;}

#menupart1 a:hover {background: transparent url(../img/menu.gif) -1px -35px no-repeat;}
#menupart2 a:hover {background: transparent url(../img/menu.gif) -105px -35px no-repeat;}
#menupart3 a:hover {background: transparent url(../img/menu.gif) -224px -35px no-repeat;}
#menupart4 a:hover {background: transparent url(../img/menu.gif) -328px -35px no-repeat;}
#menupart5 a:hover {background: transparent url(../img/menu.gif) -438px -35px no-repeat;}
#menupart6 a:hover {background: transparent url(../img/menu.gif) -539px -35px no-repeat;}

/* current menu status */
body.section-1 #menumain #menupart1 {background: transparent url(../img/menu.gif) -1px -35px no-repeat;}
body.section-2 #menumain #menupart2 {background: transparent url(../img/menu.gif) -105px -35px no-repeat;}
body.section-3 #menumain #menupart3 {background: transparent url(../img/menu.gif) -224px -35px no-repeat;}
body.section-4 #menumain #menupart4 {background: transparent url(../img/menu.gif) -328px -35px no-repeat;}
body.section-5 #menumain #menupart5 {background: transparent url(../img/menu.gif) -438px -35px no-repeat;}
body.section-6 #menumain #menupart6 {background: transparent url(../img/menu.gif) -539px -35px no-repeat;}


/* mooSlide */

.wrap-boxslide{
	position: relative;
	width:519px;
	height:300px;
	overflow:hidden;
}
#boxslide {
	position:absolute;
}
#boxslide div {
	width:519px;
	height: 300px;
	float:left;
}

#pane-handle .buttons span {}

.buttons {
	padding:0; 
	margin:0;
}
.buttons span{
	color: #666; 
	text-decoration: none; 
	font: bold 12px/1.6em Verdana, Tahoma, Arial, sans-serif;
	cursor:pointer;
}
.buttons span.active, .buttons span:hover {
	color:#23589e;
}

#boxslide .prev {
	text-align: right;
	color: #666; 
	text-decoration: none; 
	font: bold 12px/1.6em Verdana, Tahoma, Arial, sans-serif;
}
#boxslide .next {
	text-align: right;
	color: #666; 
	text-decoration: none; 
	font: bold 12px/1.6em Verdana, Tahoma, Arial, sans-serif;
}


/* SLIMBOX */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../img/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../img/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../img/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../img/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}