body {
  background: url(../images/bg/light_body.png) repeat-y top center;
  font: 400 0.7em verdana, arial, sans-serif;
  line-height: 170%;
  color: #555;
  padding:0;
  margin:0;
}

/* ----------container to center the layout-------------- */
#container {
width: 950px;
margin: 0 auto;
background-color: #FFF;
  border-width:3px;
  border-style:solid;
  border-color:darkgreen;

}

/* ----------banner for logo-------------- */
#top {
background-color: #ffcc00; 
padding: 0px;
margin: 0px;
}

#header
{
    background: #ffcc00 url(../images/bg/header.gif) repeat-x bottom left;
    height: 70px;
    padding: 0px;
    padding-top:5px;
    margin: 0px; 
}
#header img {
    margin:0; 
    padding:0px 0px;
} 
#header ul {
    margin-top: 15px;
    margin-left: 10px;
    display: inline;
    float:right;
}

#header ul li {
  display: inline;
  list-style: none;
}

#header ul li a {
  float: left;
  padding: 0 1em;
  font: 400 1.1em arial, sans-serif;
  letter-spacing: 0.1em;

  color: #000;
  border-right: 1px solid #4D5760;
}

#header ul li a.last {
  border-right: 0;
}

#header ul li a:hover {
  color: #3B5D77;
}


#photobanner img {
    margin:0; 
    padding:0px 0px;
    border-top-width:3px;
    border-top-style:solid;
    border-top-color:darkgreen;
    border-bottom-width:3px;
    border-bottom-style:solid;
    border-bottom-color:darkgreen;
} 

#suchleiste{
    padding: 3px;
    margin: 2px;
    vertical-align: middle;
}
#suchleiste form{
    margin:0;
    padding:0;
    display:inline;
}


/* -----------------content--------------------- */
#content {
width: 550px;
padding: 10px 0px;
margin: 0 0px;
float:left;
}

#contentadmin{
width: 750px;
padding: 10px 0px;
margin: 0 0px;
float:left;
}

div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}


/* --------------left navi------------- */
#left {
float: left;
width: 170px;
margin: 0;
padding: 10px;
}

#right {
float: right;
width: 180px;
margin: 0;
padding: 10px;
}


/* -----------footer--------------------------- */
#footer 
{
background: #ffcc00 url(../images/bg/header.gif) repeat-x bottom left;
clear: both;
margin: 0;
padding:0;
padding-right: 10px;
padding-top: 5px;
height: 40px;
text-align: right; 
} 



a img {
  border: 0;
}


ul.submenu1,
ul.submenu2 {
  margin: 0 0 20px 0;
  padding: 0;
}

ul.submenu1 li,
ul.submenu2 li{
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: url(foo.gif); /* because IE is balls */
}

ul.submenu1 li a,
ul.submenu2 li a {
  display: block;
  height: auto !important;

  /* Start hide from IE Mac \*/
  height: 1%;
  /* End hide from IE Mac */

  padding: 1px 5px 1px 20px;
}

ul.submenu1 li a {
  background: url(../images/bg/submenu1.gif) no-repeat 5px 50%;
}

ul.submenu1 a:hover {
  color: #426F85;
  background: #ffcc00 url(../images/bg/submenu1.gif) no-repeat 5px 50%;
}

ul.submenu2 li a {
  color: #426F85;
  background: url(../images/bg/submenu2.gif) no-repeat 3px 50%;
}

ul.submenu2 a:hover {
  color: #426F85;
  background: #B3C6C4 url(../images/bg/submenu2.gif) no-repeat 3px 50%;
}



 
.lightBox {
  background-color:#FFFFCC;
}
 


#navi { margin: 0; padding: 0; width: 150px; }
#navi ul, #navi li{ list-style-type: none; padding-top: 2px; font-weight: bold; font-size:10px; } 
#navi li a { text-decoration: none; display: block; width:100%; padding: 4px; } 
#navi a:link, #navi a:visited {  color: black; background-color: #ffcc00; } 
#navi #akt { color: #FFFFFF; background-color: #00AACC; }
#navi a:hover, #navi a:hover#akt { color: #FFFFFF; background-color: #FF9900; }

#subnavi {margin: 0; padding: 0;}
#subnavi ul, #subnavi li{ list-style-type: none; font-weight: bold; font-size:10px; } 
#subnavi li a {text-decoration: none; display: block; width:100%; padding: 5px;  padding-left:10px;  padding-right:0px;} 
#subnavi a:link, #subnavi a:visited { color: black; background-color: #FFFFCC; } 
#subnavi #akt { color: #FFFFFF; background-color: #00AACC; }
#subnavi a:hover, #subnavi a:hover#akt { color: #FFFFFF; background-color: #FF9900; } 

.korb{FONT-WEIGHT:bolder;FONT-SIZE:10px;TEXT-ALIGN:center;background:#ffcc00}
.korb th {FONT-WEIGHT:bolder;FONT-SIZE:10px;TEXT-ALIGN:center;background:#ffcc00}
.korb td{background:#FFFFCC;text-align:right}
.bestellung{background:#c0d9f7;COLOR:#0000A0;font-size:12px;padding:10px;}  
.bestellinfo{font-size:12px;FONT-WEIGHT:bold;FONT-SIZE:10px;COLOR:#0000A0;text-align:justify}
.rechnung{FONT-WEIGHT:bolder;FONT-SIZE:14px;TEXT-ALIGN:right;background:#c0d9f7}

/* Headers */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px 0;
  padding: 0;
}



h1 {
  padding-bottom: 0.2em;
  font: 400 1.6em arial, sans-serif;
  color: #536C71;
  border-bottom: 12px solid #fbf4b5;
}

h2 {
  font-size: 1.2em;
  color: #586B7A;
}

h3 {
  text-transform: uppercase;
  font-size: 0.9em;
  color: #5D6F73;
}

h4 {
  font-size: 0.85em;
}

h5 {
  font-size: 0.8em;
}

td{
    vertical-align:top;
}
 


/* Links */
a {
  text-decoration: none;
  color: #3B5D77;
}

a:hover {
  color: #668FA3;
}

a img {
  border: 0;
}

a img.border {  
  border: 1px solid #FC3307;
}

a:hover img.border {  
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 1px solid #668FA3 !important;
  border: 1px solid #FC3307;
}



img.floatRight {
  margin: 5px 0 10px 10px;
}

img.floatLeft {
  margin: 5px 10px 10px 0;
}



blockquote {
  margin: 0;
  padding: 0 20px;
  background: #E7F1F3;
  border-top: 1px solid #AAD3DB;
  border-bottom: 1px solid #AAD3DB;
}


form {
  padding: 0;
  margin: 0;
  DISPLAY:inline;
}
label {
  float: left;
  width: 25%;
  vertical-align: top;
}


.tabzelle{}
.tabzelle_hover{background:#DBEEFF;}


.gruppenname {
	/*background: url(img/bgdate.gif) no-repeat;*/
    text-align:center;
	float:left;
	height: 110px;
	width: 110x;
    margin:5px;
}
.gruppenname img {padding-top: 4px;}
.gruppenname span {display:block;}


.info
{
margin: 20 px;
border:2px  solid #ADC8E9;
height:110px;
background-color:#FFFFCC;
font: 10px Arial,Helvetica,sans-serif; 
overflow:auto;
}

.box{font:12px Arial,Helvetica,sans-serif;border:solid #fbf4b5;padding:0;margin:10px; margin-left:0; vertical-algin:top;background-color:#FFFFCC;}
.box  h1{margin:0 0 10px 0;text-align:left;font-weight:bolder;FONT-SIZE:14px;margin-left:0;padding-left:5px;line-height:1.25;background-color:#fbf4b5;   border-bottom: 0px solid #fbf4b5;}
.box p,.box h2,.box h3,.box div,.box form{padding:0 10px 10px 10px}
.box table {margin:0 0px 10px 10px}
.box th{margin:0 0 10px 0;text-align:left;font-weight:bolder;FONT-SIZE:14px;margin-left:0;padding-left:5px;line-height:1.25;background-color:#fbf4b5;   border-bottom: 0px solid #fbf4b5;}

div.breadcrumbs {
	height:25px;
	line-height:25px;
	border:1px solid #eee;
	background:url(/images/indexseiten/breadcrumback.png);
	margin: 10 px 0 0 0;
	padding: 0;
}
div.breadcrumbs a, div.breadcrumbs em, div.breadcrumbs span {
	color:#404040;
	font-weight: bold;
	float:left;
	overflow:hidden;
	height:25px;
	padding:0 8px;
	font-style:normal;
}

div.breadcrumbs em
{
	color:black;
}

 
div.breadcrumbs span {
   background:url(/images/indexseiten/breadcrum.png) no-repeat left center;
   overflow:hidden;
   padding:0 0 0 10px;
   width:0;
   filter:alpha(opacity=40); /* für IE */
   opacity:0.4;
}