/* ALLGEMEIN **********************************************************/
html    {
        margin:0;
        padding:0;
        }
        
body    {
        margin:0;
        padding:0;
        background-color:#ffffff;
        }

#wrapper {  width: 950px;
            height: 575px;
            padding: 0;
            margin-left: auto;
            margin-right: auto;
            margin-top: 35px;
            margin-bottom: 0px;
            /*border:1px solid #000000;*/
            }

#headerLeft {
            background:url(img/headerLeft.jpg) #f68b1f no-repeat;
            }

#headerRight {
            background:url(img/logo.jpg) #dceaf8 no-repeat;
            }

.menuBar    {
            background-color:#24358a;
            }

#contentLeft    {
            background-color:#f9ad61;
            width:450px;
            height:370px;
            }

#contentRight    {
            background-color:#adcdec;
            width:500px;
            height:285px;
            }

#contentBottom    {
            background-color:#dceaf8;
            }

#content    {
            overflow:auto;
            width:470px;
            height:275px;
            padding:5px 5px 0px 25px;
            }

#footerLeft    {
            background-color:#f9ad61;
            height:40px;
            padding-left:25px;
            text-align:left;
            }

#footerRight    {
            background-color:#dceaf8;
            height:40px;
            padding-right:25px;
            text-align:right;
            }

.KostprobenKlapp    {
            padding-left:12px;
            margin:-5px 0px 25px 0px;
            }
        
/* SCHRIFTEN ************************************************************/
body    {
        margin:0px;
        font-family: Trebuchet MS, Arial, sans-serif;
        color:black;
        font-size:14px;
        line-height:16px;
        }
        
h1      {   
        font-size:20px;
        font-style:italic;
        font-weight:normal;
        color:#0000ff;
        }
        
h1.black      {
        color:#000000;
        }
        
h1.right      {
        text-align:right;
        }

.grey      {
        color:#808080;
        }
        
h2      {
        font-size:16px;
        font-style:italic;
        font-weight:bold;
        color:#0000ff;
        }
        
h3      {
        font-size:15px;
        font-style:italic;
        font-weight:bold;
        color:#0000ff;
        margin:35px 0px 0px 5px;
        }

/* LINKS ****************************************************************/
a.white      {
        color:#ffffff;
        }
        
a.grey      {
        color:#808080;
        }

/* BILDFORMATE *********************************************************/

img.left {
	float: left;
	margin: 2px 7px 0 0;
}

img.right {
	float: right;
	margin: 2px 0 0 7px;
}

img.full {
	clear: both;
	width: 455px;
	margin: 5px 0 5px 0;
}
        
/* MENUE ****************************************************************/
#menu {
width: 100%;
background: #24358a;
float: left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 202px;
float: left;
}

#menu a, #menu h2 {
cursor:pointer;
font: bold 12px/16px Trebuchet MS, Arial, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #24358a;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
font-size: 12px;
background: #24358a;
text-transform: uppercase;
}

#menu a {
cursor:pointer;
color: #ffffff;
background: #24358a;
text-decoration: none;
}

#menu a:hover{
cursor:pointer;
color: #white;
background-color: blue;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}




#menuBar {
  background-color: #24358a;
  font-size: 12px;
  padding: 4px 25px 4px 25px;
  text-align: left;
  width: 800;
  padding-top: 5px;
}

a.menuButton, a.menuButtonActive {
cursor:pointer;
  background-color: transparent;
  color: #eeeeee;
  cursor: default;
  font-family: Trebuchet MS, Verdana, Arial, Tahoma, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: bold;
  margin: 1px;
  padding: 4px 25px 4px 25px;
  position: relative;
  left: 0px;
  top: 0px;
  text-decoration: none;
}

a.menuButton:hover {
cursor:pointer;
  background-color: transparent;
  border-color: #f0f0f0 #808080 #808080 #f0f0f0;
  color: #ffffff;
}

a.menuButtonActive, a.menuButtonActive:hover {
cursor:pointer;
  background-color: transparent;
  border-color: #808080 #f0f0f0 #f0f0f0 #808080;
  color: #ffffff;
  left: 0px;
  top: 0px;
}

.menu {
  background-color: #24358a;
  color:#ffffff;
  padding: 1px;
  margin: 0px 25px 0px 25px;
  position: absolute;
  text-align: left;
  visibility: hidden;
  white-space:nowrap;
}

a.menuItem {
cursor:pointer;
  background-color: transparent;
  color: #ffffff;
  cursor: default;
  font-family: Trebucht MS, Verdana, Arial, Tahoma,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  margin: 0px;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
  text-decoration: none;
  white-space: nowrap;
}

a.menuItem:hover {
cursor:pointer;
  background-color: #6666cc;
  color: #ffffff;
}