/*
      Created by Werbetrommel GmbH
	  
	  E-Mail: info@werbetrommel.ch*/

* {padding: 0px; margin: 0px;}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color: #39383b;
 }

#wrapper { 
 margin: auto 0;
 width: 942px;
 background: #000000 url(logos/bea_expo.png) no-repeat;
 background-position: bottom left;
 border: 4px solid #ccc;
 top: 50%;
 left: 50%;
 margin-left: -471px;
 margin-top: -342px;
 position: absolute;
}

/* Navigation */

#navigation { 
 color: #fff;
 background: #000000;
 padding: 10px;
 width: 180px;
 float: left;
 bottom: 0px;
 height: 100%;
}

#navigation ul { 
 list-style-type: none;
 margin: 10px 0 0 10px;
}

#navigation ul li.aktiv a { 
display: block;
padding: 5px 0 6px 20px;
_padding: 0px 0 6px 20px;
text-decoration: none;
color: #ffffff;
background: url(dateien/sidebarpunkt_weiss.png) no-repeat;
background-position: 3px 6px;
border-bottom: 1px solid #1a171b;
}

#navigation ul li.aktiv a:hover { 
text-decoration: underline;
color: #ffffff;
background: url(dateien/sidebarpunkt_grau.png) no-repeat;
background-position: 3px 6px;
}

#navigation ul li.inaktiv {
display: block;
padding: 5px 0 6px 20px;
_padding: 0px 0 6px 20px;
text-decoration: none;
color: #ffffff;
background: url(dateien/sidebarpunkt_grau.png) no-repeat;
background-position: 3px 6px;
border-bottom: 1px solid #1a171b;
}

/* Inhalt */

#content { 
 float: right;
 border-left: 1px solid #ccc;
 background: #1a171b url(dateien/hintergrund_content.png) no-repeat;
 background-position: bottom;
 padding-left: 20px;
 padding-right: 25px;
 width: 668px;
 height: 600px;
}

#content a:link {
text-decoration: underline;
color: #fff; 
}

#content a:hover {
text-decoration: underline;
background-color: #000000; 
color: #fff; 
}

#content a:active {
text-decoration: none;
background-color: #000000; 
color: #fff; 
}

#content a:visited {
text-decoration: underline;
color: #fff; 
}

#content h1 { 
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
margin-bottom: 5px;
}

#content ul.inhalt { 
list-style-type: square;
padding-left: 20px;
}

/* Inhaltmenue */

#menue { 
 color: #fff;
 background: url(dateien/hintergrund_menue.png);
 border-top: #000000 1px solid; 
 border-left: #000000 1px solid;
 border-right: #000000 1px solid;
 width: 180px;
 float: right;
 margin: 5px 0 2px 12px;
}

#menue ul { 
 list-style-type: none;
}

#menue ul li a { 
display: block;
padding: 3px 0 4px 20px;
text-decoration: none;
color: #ffffff;
background: url(dateien/sidebarpunkt_weiss.png) no-repeat;
background-position: 3px 6px;
border-bottom: 1px solid #000000;
}

#menue ul li a:hover { 
text-decoration: underline;
color: #ffffff;
background: #000000 url(dateien/sidebarpunkt_weiss.png) no-repeat;
background-position: 3px 6px;
}

/* Inhaltelemente */

#text {
height: 420px;
 width: 668px;
 color: #fff;
 text-align: left;
 line-height: 150%;
margin-top: 180px;
_margin-top: -50px;
 overflow: auto;
 padding-right: 25px;
 position: absolute;
}

.fotosseiten {
background: #fff;
padding: 1px;
border: 3px solid #000;
}

#seitenfoto {
height: 208px;
width: 653px;
position: fixed;
padding-top: 20px;
}

.pagebar
{
   margin-top: 8px;
   margin-bottom: 18px;
   text-decoration: none;
   font-size: 11px;
}

.pagebar a:link
{
   border: 1px solid #fff;
   text-decoration: none;
   padding: 0.2em 0.5em;
   
}

.pagebar a:visited
{
   border: 1px solid #fff;
   text-decoration: none;
   padding: 0.2em 0.5em;
}

.pagebar a:hover
{
   border-color: #fff;
}

/* Footer */

#footer { 
 color: #333;
 border-top: 1px solid #ccc;
 background: #fff;
 height: 65px;
 clear : both;
 padding-left: 10px;
 padding-top: 5px;
}