/** BASIC */

body {
	height: 101%;
	min-height: 840px;
	margin: 0px;
	padding: 0px;
	background: #E2E2E2 url(/images/backverlauf.jpg) repeat;
	background-attachment:fixed;
	background-position: center;
}

/** FORMS */

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

input {
	color:#000000;
	background-color:#ffffff;
	border: #d4d9c3 solid 1px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 2px;
}

input:focus  {
	background-color:#FFFFE6;
	border: #000000 solid 1px;
}
	
input.check {
	background-color: transparent;
	border-color: transparent; 
	color:transparent;
}

input.radio {
	background-color: transparent; 
	border-color: transparent; 
	color:transparent;
}

input.radio:focus  {
	background-color:#FFFFE6;
	border: #000000 solid 1px;
}
	
textarea {
	color:#000000;
	background-color:#ffffff;
	border: #d4d9c3 solid 1px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 2px;
}

textarea:focus  {
	background-color:#FFFFE6;
	border: #000000 solid 1px;
}

select {
	color:#000000;
	background-color:#ffffff;
	border: #d4d9c3 solid 1px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 2px;
}

select:focus  {
	background-color:#FFFFE6;
	border: #000000 solid 1px;
}

input.submit {
	color:#000000;
	background-color:#FFFFFF;
	border: #d4d9c3 solid 1px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 2px;
	font-weight: bold;
}

input.submit:focus  {
	background-color:#d4d9c3;
	border: #000000 solid 1px;
}

input.reset {
	color:#000000;
	background-color:#FFFFFF;
	border: #d4d9c3 solid 1px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 2px;
	font-weight: bold;
}

input.reset:focus  {
	background-color:#d4d9c3;
	border: #000000 solid 1px;
}

/** HEADINGS */

h1, h2, h3 {
	margin: 0px;
	line-height: 1.2em;
	padding-bottom: 0.3em;
}

/** TEXTS */

body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.69em;
	color: #8A8A8A;
	float: none;
}

p, ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 1.1em;
	text-align: justify;
	line-height: 1.4em;
}

P.messe {
 text-align:left;
 clear: left;
 margin-bottom: 0.7em;
}

TD.formright {
	text-align: right;
	vertical-align: middle;
	background-color: #EEEEEE;
	width: 30%;
}
	
TD.formleft {
	text-align: left;
	vertical-align: middle;
	background-color: #EEEEEE;
	width: 70%;
}

.list1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.list1 li {
	padding: 5px 0px;
	background: url(images/listback.gif) repeat-x left top;
}

.list1 li.first {
	background: none;
}

.list1 a {
	padding-left: 17px;
	background: url(images/listbullet.gif) no-repeat left center;
	color: #79826C;
}

strong {
	color: #555555;
}

/** LINKS */

a {
	color: #555555;
}

a:hover {
	text-decoration: none;
	font-size: 1em;
}

/** MISC */

.align-justify {
	text-align: justify;
}

.align-right {
	text-align: right;
}

img {
	border: none;
}

img.formleft {
	float: left;
	margin: 3px 25px 0px 0px;
}

img.formright {
	float: right;
	margin: 3px 0px 0px 25px;
}

img.border {
}

img.icon {
	padding-right: 10px;
	vertical-align: text-bottom;
}

img.links {
	margin-right: 16px;
	margin-top: 3px;
	float: left;
	clear: left;
}

img.messelogo {
	margin-right: 16px;
	margin-top: 3px;
	float: left;
	clear: left;
	border: 1px solid #69A143;
}

img.messelogo:hover {
	border: 1px solid #CC0000;
}

img.referenz {
	margin-right: 6px;
	margin-top: 3px;
	border: 1px solid #69A143;
	padding: 2px;
	margin-bottom: 6px;
}

img.referenz:hover {
	border: 2px solid #CC0000;
	padding: 1px;
}

hr {
	display: none;
}

/** WRAPPER */

#wrapper {
	width: 749px;
	padding: 13px 13px 13px 13px;
	background: #FFFFFF;
}

/** MENU */

#menu {
	height: 29px;
	background: url(images/headertabs.jpg) no-repeat left top;
}
#menuleer {
	height: 29px;
	background: url(images/headertabs-2.jpg) no-repeat left top;
}


#menu ul {
	margin: 0px;
	padding: 0px 0px 0px 218px;
	list-style: none;
}

#menu li {
	float: left;
	padding-left: 2px;
}

#menu a {
	display: block;
	float: left;
	width: 99px;
	height: 23px;
	padding: 6px 0px 0px 0px;
	background: url(images/subpage01.gif) no-repeat left top;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover {
	text-decoration: underline;
}

/** PAGE */

#page {
	width: 749px;
	background: #FFFFFF;
}

/** CONTENT */

#content {
	width: 507px;
	padding: 20px 21px 0px 21px;
	background: url(images/contenthead.jpg) no-repeat left top;
}

/** BOX STYLE A */

.boxA {
	clear: both;
}

.boxA .title h2 {
	font-size: 18px;
	color: #494949;
}

.boxA .title h3 {
	margin-bottom: 5px;
	font-size: 13px;
	font-weight: normal;
	color: #308421;
}

.boxA .content {
}

/** BOX STYLE B */

.boxB {
	margin: 0px 0px 25px 0px;
	background: #A5C020 url(images/boxback.gif) repeat-x 0px 5px;
	color: #BBD8A1;
	clear: both;
}

.boxB p {
	color: #BBD8A1;
	text-align: left;
}

.boxB h2 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	background: url(images/boxh2line.gif) repeat-x left bottom;
	font-size: 16px;
	color: #FFFFFF;
}

.boxB a {
	color: #FFFFFF;
}

.boxB .bgtop {
	height: 5px;
	background: url(images/boxtop.gif) no-repeat left top;
}

.boxB .bgbtm {
	height: 5px;
	background: url(images/boxbottom.gif) no-repeat left bottom;
}

.boxB .column-one {
	float: left;
	width: 204px;
	padding: 15px 0px 5px 30px;
}

.boxB .column-two {
	float: right;
	width: 204px;
	padding: 15px 30px 5px 0px;
}

/** BOX STYLE C */

.boxC {
	clear: both;
}

.boxC .title {
	height: 39px;
	background: #d4d9c3;
}

.boxC .title h2 {
	padding: 10px 0px 0px 13px;
	font-size: 14px;
	color: #4F703B;
}

.boxC .content {
	padding: 10px 15px;
}

.boxC .bgbtm {
	background: #FFFFFF;
}

.boxC h3 {
	font-size: 10px;
	color: #308421;
}
.boxMesse {
	clear: both;
	padding-top: 5px;
	padding-bottom: 3px;
	background-color: #eeeeee;
	padding-left: 8px;
	height: 82px;
	margin-bottom: 10px;
	vertical-align: middle;
}
.boxReferenz {
	clear: both;
	padding-top: 5px;
	padding-bottom: 3px;
	background-color: #eeeeee;
	padding-left: 8px;
	height: 82px;
	margin-bottom: 10px;
	vertical-align: middle;
}

.inline {
	width: 200px;
	height: 228px;
	border: none;
	padding-top: 4px;
	padding-bottom: 5px;
	padding-right: 20px;
	float: left;
}

/** SIDEBAR */

#sidebar {
	width: 200px;
	padding: 0px 0px 0px 0px;
}

/** FOOTER */

#footer {
	height: 70px;
	padding: 0px 20px;
	background: url(images/footer.gif) no-repeat left top;
	color: #888888;
}

#footer p {
	padding-top: 36px;
}

#footer .links {
	float: left;
}

#footer .copyright {
	float: right;
}

#footer a {
	color: #888888;
}

#gallery {
	margin-top:10px;
	margin-bottom:10px;
	padding: 0px;
}
#gallery ul {
	list-style: none;
}

#gallery li {
	float: left;
	text-align: center;
	font-size: 1em;
	line-height: 1.2em;
	background: #ffffff;
	list-style: none;
	padding-top: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	margin-bottom: 9px;
	margin-right: 9px;
	border: 1px solid #8a8a8a;
	color: #000000;
}

#referenz {
	margin-top:10px;
	padding: 0px;
}
#referenz ul {
	list-style: none;
}

#referenz li {
	float: left;
	text-align: center;
	font-size: 1em;
	line-height: 1.2em;
	background: #ffffff;
	list-style: none;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 8px;
	margin-bottom: 14px;
	margin-right: 14px;
	border: 1px solid #69A143;
	color: #000000;
}

#referenz li:hover {
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 7px;
	border: 2px solid #cc0000;
}

/*               SLIDESHOW ###################################################  */ 


#slider1 { 
	zoom: 1; 
	position: relative; 
	max-width:200px;
	margin:0 auto;
	z-index:100;
	border:none;
	text-align:left; /* reset align=center */
}
* html #slider1{ width:200px }
#slider1 ul{
	position:relative;
	width: 10000%; 
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#slider1 ul li{
	width:1%;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0;
    margin:0;
}

#slider1 .ws_images{
	position: relative;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
#slider1 .ws_images a{
	width:100%;
	display:block;
	color:transparent;
}

#slider1 .ws_images img{
	width:100%;
	border:none 0;
	max-width: none;
}
#slider1 a{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}

#slider1  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	z-index:70;
}
#slider1  .ws_bullets div{
	position:relative;
	float:left;
}
#slider1  a.wsl{
	display:none;
}
#slider1  .ws_bullets { 
	padding: 10px; 
}
#slider1 .ws_bullets a { 
	margin-left:4px;
	width:8px;
	height:15px;
	background: url(./bullet.png) left 50% no-repeat;
	float: left; 
	text-indent: -4000px; 
	position:relative;
	color:transparent;
}
#slider1 .ws_bullets a.ws_selbull, #slider1 .ws_bullets a:hover{
	background-position: right 50%;
}
#slider1 a.ws_next, #slider1 a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	margin-top:-28px;
	z-index:60;
	height: 62px;
	width: 38px;
	background-image: url(./arrows.gif);
	/*max-height:20%;
	max-width:12%;
	background-size:200% 200%;*/

}
#slider1 a.ws_next{
	background-position: 100% 0;
	right:-8px;
}
#slider1 a.ws_prev {
	left:-8px;
	background-position: 0 0; 
}
#slider1 a.ws_next:hover{
	background-position: 100% 100%;
}
#slider1 a.ws_prev:hover {
	background-position: 0 100%; 
}
* html #slider1 a.ws_next,* html #slider1 a.ws_prev{display:block}
#slider1:hover a.ws_next, #slider1:hover a.ws_prev {display:block}
#slider1 .ws-title{
	position: absolute;
	bottom:15%;
	left: 0;
	margin-right:5px;
	z-index: 50;
	padding:12px;
	color: #F9FBFB;
	text-transform:uppercase;
	background:#000000;
    font-family: Helvetica,Arial,Verdana,sans-serif;
	font-size: 18px;
	line-height: 18px;
}
#slider1 .ws-title div{
	padding-top:5px;
	font-size: 13px;
	text-transform:none;
}
/* bottom center */
#slider1 .ws_bullets {
	top:0;
    right: 0;
}

#slider1 ul{
	animation: wsBasic 69s infinite;
	-moz-animation: wsBasic 69s infinite;
	-webkit-animation: wsBasic 69s infinite;
}
@keyframes wsBasic{0%{left:-0%} 4.78%{left:-0%} 6.67%{left:-100%} 11.45%{left:-100%} 13.33%{left:-200%} 18.12%{left:-200%} 20%{left:-300%} 24.78%{left:-300%} 26.67%{left:-400%} 31.45%{left:-400%} 33.33%{left:-500%} 38.12%{left:-500%} 40%{left:-600%} 44.78%{left:-600%} 46.67%{left:-700%} 51.45%{left:-700%} 53.33%{left:-800%} 58.12%{left:-800%} 60%{left:-900%} 64.78%{left:-900%} 66.67%{left:-1000%} 71.45%{left:-1000%} 73.33%{left:-1100%} 78.12%{left:-1100%} 80%{left:-1200%} 84.78%{left:-1200%} 86.67%{left:-1300%} 91.45%{left:-1300%} 93.33%{left:-1400%} 98.12%{left:-1400%} }
@-moz-keyframes wsBasic{0%{left:-0%} 4.78%{left:-0%} 6.67%{left:-100%} 11.45%{left:-100%} 13.33%{left:-200%} 18.12%{left:-200%} 20%{left:-300%} 24.78%{left:-300%} 26.67%{left:-400%} 31.45%{left:-400%} 33.33%{left:-500%} 38.12%{left:-500%} 40%{left:-600%} 44.78%{left:-600%} 46.67%{left:-700%} 51.45%{left:-700%} 53.33%{left:-800%} 58.12%{left:-800%} 60%{left:-900%} 64.78%{left:-900%} 66.67%{left:-1000%} 71.45%{left:-1000%} 73.33%{left:-1100%} 78.12%{left:-1100%} 80%{left:-1200%} 84.78%{left:-1200%} 86.67%{left:-1300%} 91.45%{left:-1300%} 93.33%{left:-1400%} 98.12%{left:-1400%} }
@-webkit-keyframes wsBasic{0%{left:-0%} 4.78%{left:-0%} 6.67%{left:-100%} 11.45%{left:-100%} 13.33%{left:-200%} 18.12%{left:-200%} 20%{left:-300%} 24.78%{left:-300%} 26.67%{left:-400%} 31.45%{left:-400%} 33.33%{left:-500%} 38.12%{left:-500%} 40%{left:-600%} 44.78%{left:-600%} 46.67%{left:-700%} 51.45%{left:-700%} 53.33%{left:-800%} 58.12%{left:-800%} 60%{left:-900%} 64.78%{left:-900%} 66.67%{left:-1000%} 71.45%{left:-1000%} 73.33%{left:-1100%} 78.12%{left:-1100%} 80%{left:-1200%} 84.78%{left:-1200%} 86.67%{left:-1300%} 91.45%{left:-1300%} 93.33%{left:-1400%} 98.12%{left:-1400%} }

#slider1 .ws_bullets  a img{
	text-indent:0;
	display:block;
	top:16px;
	left:-60px;
	visibility:hidden;
	position:absolute;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border: 5px solid #FFFFFF;
	max-width:none;
}
#slider1 .ws_bullets a:hover img{
	visibility:visible;
}

#slider1 .ws_bulframe div div{
	height:90px;
	overflow:visible;
	position:relative;
}
#slider1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:120px;
	background-color:#FFFFFF;
}
#slider1  .ws_bullets .ws_bulframe{
	display:none;
	top:20px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border: 5px solid #FFFFFF;
}
#slider1 .ws_bulframe span{
	display:block;
	position:absolute;
	top:-11px;
	margin-left:-9px;
	left:60px;
	background:url(./triangle.png);
	width:15px;
	height:6px;
}