#logo {
	position: absolute;       
	background: transparent;    
	height: 100px;
	width: 200px;
	left: 10px;    
	top: 50px;    
} 
 

/* Top Elements */

table {
      margin: auto
}

body {
	/*background: #9eb6cc; */
        background-image: url(/images/bgm.jpg);
        background-repeat: repeat-x;
        /*background-color: #f0f0f0;  */
	font-family: arial;
	line-height: 1.5;
	font-size: 80%;
	color: #333; 
	text-align: center;
	margin:0

}

/*IE 6*/
* html body {
       background-image: none;
       }

/* links */
a, a:visited {
        text-decoration: none;
	color: #71A2C3;
	background: inherit;
}

a:visited {
       color: #C37174
       }

a:hover {
	color: #9ca5b6;
	background: inherit;
}


/* images */

img.float-right {
  margin: 5px 0px 10px 10px;  
}
img.float-left {
  margin: 5px 10px 10px 0px;
}

img
{
border:none;
}

/*Überschriften*/

h1 {
	font-family: Arial;
	font-weight: Bold;
	font-size: 120%;
}

h2 {
	font-size: 140%;
	padding-left: 10px
}

/*IE 7*/
*:first-child+html h2{
        padding-top: 0;
        margin-top: 0
}

/*IE 6*/
* html h2{
        padding-top: 0;
        margin-top: 0
        }

h3 {    font-size: 100%;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

h4 {    
	margin: 0; 
	padding: 0;
}

h1 {
	padding: 10px;
        margin: 0;
	margin-bottom: 10px;
}

p {
  margin: 10px;
  padding: 0
  }
  
ul, ol {
        list-style: square;
	margin: 5px 20px;
	padding: 0 20px;
}

/* form elements */
form {
	border: 1px solid #eee;
	background-color: #eee;
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding:2px;
	font: normal 1em Verdana, sans-serif;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	height:100px;
	display:block;
}
input.button { 
	margin: 0; 
	font: bolder 12px Arial, Sans-serif; 
	border: 1px solid #CCC; 
	padding: 2px 3px; 
	background: #FFF;
}

/********************************************
   LAYOUT
********************************************/ 
#wrap {
	width: 990px;
	background: url(bg-main.png) no-repeat center top;
	background-color: transparent;
        background-repeat: repeat-y;
	margin: 0 auto;
	text-align: left;
	padding:0;
	clear:both;
	border-top: none
 }
#content-wrap {
	clear: both;
	width: 980px;
        min-height: 525px;
	margin: 0 auto;
	border-bottom: 1px solid #ccc
}
#header {
	width: 990px;
	margin: auto;
        padding-right: 0;
	height: 140px;
	background: url(header.jpg) no-repeat left top;
	background-color: transparent;
	color: #FFF;
	border: 0px solid #ccc;

}
#logo-text {
	position: absolute;
	margin: 0; padding: 0;
	font: bolder 2.5em Arial, Sans-serif;
	letter-spacing: -2px;
	color: #FFF;
	text-transform: none;
	top: 10px; left: 0px;
}
#slogan {
        width: 250px;
	position: relative;
	margin: 0; padding: 0;
	font: normal Arial, Sans-serif;
	text-transform: none;
	color: #FFF;
	top: 30px; left: 740px;
}

/*IE 6*/
* html #slogan{
        left: 370px
}

/*IE 7*/
*:first-child+html #slogan{
        left: 370px
}

#slogan form {
        padding: 0;
        margin: 0
        }

/* Menu */
#menu {
	/*clear: both; */
	margin: auto; padding: 0;
	padding-top: 90px;
	margin-bottom: 0;
	padding-bottom: 0;
	background: transparent;
	height: 20px;
	width: 975px;
	font-size: 85%
}
#menu ul {
	margin:0;
	padding:0;
	list-style:none;
        float:left;
        width:100%;
        background: transparent;
        line-height:normal;
}
#menu ul li {
      display:inline;
      margin:0;
      padding:0;

}
#menu ul li a {
      float:left;
      background:url("tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      border-bottom: 1px solid #ccc

}

#menu a span {
      height: 18px;
      float:left;
      display:block;
      background:url("tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      cursor: pointer; /* IE zeigt manchmal bei Rollover Hand nicht an. fix dafür. */
}

#menu a:hover span {
      color:#FF9834;
      }

#menu a:hover {
     /* background-position:0% -42px;  */
      }

#menu a:hover span {
   /*   background-position:100% -42px;   */
      }

#menu #current span {
      color:#FF9834;
      background-position:100% -42px;
}

#menu #current a {
     background-position:0% -42px;
     border-bottom: 1px solid #fff
}

/* Main Column */
#main {
	float: left;
	width: 99%;
	padding: 0; margin: 0;
	padding-left: 5px;
	color: #2d2d2d;
	padding-bottom: 8px
}
#main h1 {
	margin-top: 8px;
	margin-bottom: 0;
	font: Bold 120% arial;
	color: #333;
	padding: 5px;
	padding-left:15px;
         border: 1px solid #ccc;
         background-color: #eee;
         -moz-border-radius: 10px;
         -webkit-border-radius: 10px;
}

#main h2 {
      font: Bold 120% arial;
      }

      
/* Footer */	
#footer {
        margin: auto;
	color: #666666;
	background: url(footer.jpg) no-repeat center top;
	background-color: transparent;
	clear: both;
	width: 990px;
	height: 111px;
	text-align: center;
	font-size: 92%;
}

#footer a {
text-decoration: none;
}

/*JQUERY - Cycle*/
#s6 {
      width: 482px;
      height: 410px;
      border: none;
      background-color: #fff;
      float: left;
      margin-top: 5px
      }

.pics { height: 475px; width: 362px; padding:0; margin:0; overflow: hidden }
.pics img { height: 337px; width: 450px; padding: 15px; border: 1px solid #ccc; background-color: #eee; top:0; left:0; margin:0 }
.pics img {
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
}

/*Bilder in Tabellen*/
.bild img { height: 150px; width: 200px; padding: 15px; border: 1px solid #ccc; background-color: #eee; top:0; left:0 }
.bild img {
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
}

/*Menu unten*/
#menud {
	/*clear: both; */
	margin: auto; padding: 0;
	margin-bottom: 0px;
	background: transparent;
	height: 20px;
	width: 980px;
}
#menud ul {
	margin:0;
	padding:0;
	list-style:none;
        float:left;
        width:100%;
        background: transparent;
        line-height:normal;
}
#menud ul li {
      display:inline;
      margin:0;
      padding:0;

}
#menud ul li a {
      float:left;
      background:url("tableft_ups.gif") no-repeat left bottom;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;

}

#menud a span {
      height: 18px;
      min-width: 70px;
      float:left;
      display:block;
      background:url("tabright_ups.gif") no-repeat right bottom;
      padding:5px 15px 4px 6px;
      color:#666;
      cursor: pointer; /* IE zeigt manchmal bei Rollover Hand nicht an. fix dafür. */
}

#menud a:hover span {
      color:#FF9834;
      }

#menud a:hover {
      background-position:0% -15px;
      }

#menud a:hover span {
      background-position:100% -15px;
      }
      
.caption {
         text-align: center;
         font-size: 92%;
         font-weight: bold;
         border: 1px solid #ccc;
         background-color: #eee;
         -moz-border-radius: 10px;
         -webkit-border-radius: 10px;
         padding:8px;
         margin: 0;
         margin-top: 5px ;
         margin-bottom: 5px;
         width:214px
}

/*IE 6*/
* html .caption {
         margin:0;
         margin-top: 2px;
         margin-bottom: 5px;
         

}

/*IE 7*/
*:first-child+html .caption {
         margin:0;
         margin-top: 2px;
         margin-bottom: 5px;
}


.caption-i {
         text-align: center;
         font-size: 92%;
         font-weight: bold;
         border: 1px solid #ccc;
         background-color: #eee;
         -moz-border-radius: 10px;
         -webkit-border-radius: 10px;
         padding:8px;
         margin: 0;
         margin-top: 5px ;
         margin-bottom: 5px;
}

/*IE 6*/
* html .caption-i {
         margin:0;
         margin-top: 2px;
         margin-bottom: 5px;


}

/*IE 7*/
*:first-child+html .caption-i {
         margin:0;
         margin-top: 2px;
         margin-bottom: 5px;
}

.text {
         font-size: 92%;
         font-weight: normal;
         border: 1px solid #ccc;
         background-color: #eee;
         -moz-border-radius: 10px;
         -webkit-border-radius: 10px;
         padding:8px;
         margin: 0;
         margin-top: 5px
}

.text a {
        font-weight: bold
        }

.img_det {
         margin:0;
         margin-top: 5px;
         }
         
/*IE 6*/
* html .img_det {
         margin:0;
         margin-top: 2px;
}

/*IE 7*/
*:first-child+html .img_det {
         margin:0;
         margin-top: 2px;
}

.details {
       width: 73.5%
       }
       
/*IE 6*/
* html .details {
       width: 690px
       }