body{margin:0px; padding:0px; background:#FFFFFF}

p {
padding:0px;
margin:0px;

}

.uebgr { 
  font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold; 
	color: #828282;
	text-align: left;
	vertical-align: baseline;
	padding-top: 0px;
	padding-bottom: 0px
}

.uebgr2 { 
  font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold; 
	color: #828282;
	text-align: left;
	vertical-align: baseline;
	padding-top: 0px;
	padding-bottom: 0px
}

.fontseo {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 6px;
	font-weight: bold; 
	color: #f6f6f6;
	text-align: center;
	vertical-align: baseline;
	padding-top: 0px;
	padding-bottom: 0px
}

.text {
	font-family: Arial rounded, Arial,  Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	color: #828282;
	text-align: justify;
	vertical-align: baseline;
	margin-top: 0px;
	margin-bottom: 0px;
  line-height: 22px;
}

.textdisclaimer {
	font-family: Arial rounded, Arial,  Helvetica, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	color: #828282;
	text-align: justify;
	vertical-align: baseline;
	margin-top: 0px;
	margin-bottom: 0px;
  line-height: 22px;
}

.textgr {
	font-family: Arial rounded, Arial,  Helvetica, sans-serif;
	font-size: 16px;
	font-weight: lighter;
	color: #828282;
	text-align: left;
	vertical-align: baseline;
	margin-top: 0px;
	margin-bottom: 0px;
  line-height: 22px;
}

.impressum {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold; 
	color: #828282;
	text-align: left;
	vertical-align: baseline;
	padding-top: 10px;
	padding-bottom: 0px
}

.impressum a:link 
  {font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold; 
	color: #828282;
	text-align: left;
	vertical-align: baseline;
	padding-top: 10px;
	padding-bottom: 0px;
  text-decoration:none; 
  }
.impressum a:visited {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold; 
	color: #3f3f3f;
	text-align: left;
	vertical-align: baseline;
	padding-top: 10px;
	padding-bottom: 0px;
  text-decoration:none; }
.impressum a:active {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold; 
	color: #3f3f3f;
	text-align: left;
	vertical-align: baseline;
	padding-top: 10px;
	padding-bottom: 0px;
  text-decoration:none; }
.impressum a:hover {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold; 
	color: #3f3f3f;
	text-align: left;
	vertical-align: baseline;
	padding-top: 10px;
	padding-bottom: 0px;
  text-decoration:none; }

.text a:link {font-family: Arial rounded, Arial,  Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	color: #666565;
  background-color:#d6d4d4;
	text-align: justify;
	vertical-align: baseline;
	margin-top: 0px;
	margin-bottom: 0px;
  line-height: 22px;
  text-decoration:none;
  }
.text a:visited {font-family: Arial rounded, Arial,  Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	color: #666565;
  background-color:#d6d4d4;
	text-align: justify;
	vertical-align: baseline;
	margin-top: 0px;
	margin-bottom: 0px;
  line-height: 22px;}
.text a:active {font-family: Arial rounded, Arial,  Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	color: #666565;
  background-color:#d6d4d4;
	text-align: justify;
	vertical-align: baseline;
	margin-top: 0px;
	margin-bottom: 0px;
  line-height: 22px;}
.text a:hover {
  font-family: Arial rounded, Arial,  Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	color: #666565;
  background-color:#d6d4d4;
	text-align: justify;
	vertical-align: baseline;
	margin-top: 0px;
	margin-bottom: 0px;
  line-height: 22px;
  text-decoration: underline overline; color: #3f3f3f;}
  
 img a:link {
  text-decoration:none;
  }
img  a:visited {font-family: Arial rounded, Arial,  Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	text-align: justify;
	vertical-align: baseline;
	margin-top: 0px;
	margin-bottom: 0px;
  line-height: 22px;
  text-decoration: none;}
  
img  a:active {font-family: Arial rounded, Arial,  Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	text-align: justify;
	vertical-align: baseline;
	margin-top: 0px;
	margin-bottom: 0px;
  line-height: 22px;
  text-decoration: none;}
  
img  a:hover {
  font-family: Arial rounded, Arial,  Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	text-align: justify;
	vertical-align: baseline;
	margin-top: 0px;
	margin-bottom: 0px;
  line-height: 22px;
  text-decoration: none;

}

#topContentWrapWelcome{width:100%; height:100%; margin:0px; padding:0px; float:left; background:#FFFFFF}
#topContentWrap{width:100%; height:100%;  margin:0px; padding:0px; background:#FFFFFF url(../images/bodyBg.jpg) repeat-x}

ul#topnav {
	margin: 0; padding: 0;
	list-style: none;
	float: left;
	width: 990px;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
}

ul#topnav a {
	float: left;
	display: block;
	height: 117px; 
	text-indent: 0px; 
	background-position: left top;
}

ul#topnav a:hover {
	background-position: 0 -120px;
}

ul#topnav li.home a {
	background-image: url(../images/navi/Bilder/home.png);
	width: 165px;
}
ul#topnav li.news a {
	background-image: url(../images/navi/Bilder/news.png);
	width: 165px;
}
ul#topnav li.angebote a {
	background-image: url(../images/navi/Bilder/angebote.png);
	width: 165px;
}
ul#topnav li.marken a {
	background-image: url(../images/navi/Bilder/marken.png);
	width: 165px;
}
ul#topnav li.team a {
	background-image: url(../images/navi/Bilder/team.png);
	width: 165px;
}
ul#topnav li.service a {
	background-image: url(../images/navi/Bilder/service.png);
	width: 165px;
}

#home li.home a, 
#news li.news a, 
#angebote li.angebote a, 
#marken li.marken a, 
#team li.team a, 
#service li.service a 
{
	background-position: left bottom;
}

#center{width:998px; height:888px; margin:0 auto; padding:0px}

#borderLeft{width:4px; height:1100px; margin:0px; padding:0px; float:left; background: url(../images/shadow_left.png) repeat-y}

#content{width:990px; height:100%; margin:0; float:left; padding:0px; background:#FFFFFF url(../images/contentBg.jpg) repeat-x}

#borderRight{width:4px; height:1100px; margin:0px; padding:0px; float:left; background: url(../images/shadow_right.png) repeat-y}

#naviContainer{width:990px; height:115px; margin:0px; padding:0px}/*background:#e3e3e3*/

#pageContainer{position:relative; left:20px; top:20px; width:950px; height:700px; margin:0px;  padding:0px;}

#welcome{width:980px; height:518px; margin:0px; padding:0px; float:left; background:url(../images/welcome.jpg) no-repeat}

#welcome a {width:100%; height:100%; margin:0px; padding:0px; float:left; text-indent:-99999px; display:block }

#contentmenu {width:150px; height:100%; margin:0px; padding:0px;position:relative; left:0px; top:0px; background:#000000;float:left}

#contentarea {width:800px; height:100%; margin:0px; padding:0px;position:relative; left:0px; top:0px;background:#FF0F00; float:left}



#slider {
    width: 880px;
    margin: 0 auto;
    position: relative;
	border: 10px solid #ccc;
}

.scroll {
	overflow: hidden;
	width: 880px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
    padding: 10px;
    width: 274px;
	height: 363px;
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	background: url(../images/leftshadow.png) repeat-y;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	background: url(../images/rightshadow.png) repeat-y;
}

.inside {
	padding: 10px;
	border: 1px solid #999;
}

.inside img {
	display: block;
	border: 1px solid #666;
	margin: 0 0 10px 0;
	width: 250px;
}

.inside h2 {
  font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #828282;
	font-size: 14px;
	margin: 0 0 8px 0;
}

.inside p {
	font-size: 10px;
	color: #828282;
}

.scrollButtons {
    position: absolute;
    top: 127px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -45px;
}

.scrollButtons.right {
    right: -45px;
}

.hide {
    display: none;
}


 
.wrapbotseo{
   
   float: left;
   width: 950px;
   margin-bottom: 15px;
   text-align:center;
   
  } 
 
.wrapper{
   
   float: left;
   width: 950px;
   margin-bottom: 15px;
  }
#naviHome {width:164px; height:117px; margin:0px; padding:0px ;float:left}
#naviHome a{width:164px; height:117px; margin:0px; float:left; padding:0px; background: url(../images/navi/HOME_INACTIVE.png) no-repeat}
#naviHome a:hover{width:164px; height:117px; margin:0px; float:left; padding:0px; background: url(../images/navi/HOME_HOVER.png) no-repeat}
#naviHome a:active{width:164px; height:117px; margin:0px; float:left; padding:0px; background: url(../images/navi/NEWS_HOVER.png) no-repeat}
#naviHome a:visited{width:164px; height:117px; margin:0px; float:left; padding:0px; background: url(../images/navi/ANGEBOTE_HOVER.png) no-repeat}
#naviNews {width:164px; height:117px; margin:0px; padding:0px ;float:left}
#naviNews a{width:164px; height:117px; margin:0px; float:left; padding:0px; background: url(../images/navi/NEWS_INACTIVE.png) no-repeat}
#naviNews a:hover{width:164px; height:117px; margin:0px; float:left; padding:0px; background: url(../images/navi/NEWS_HOVER.png) no-repeat}
#naviAngebote {width:164px; height:117px; margin:0px; padding:0px ;float:left}
#naviAngebote a{width:164px; height:117px; margin:0px; float:left; padding:0px; background: url(../images/navi/ANGEBOTE_INACTIVE.png) no-repeat}
#naviAngebote a:hover{width:164px; height:117px; margin:0px; float:left; padding:0px; background: url(../images/navi/ANGEBOTE_HOVER.png) no-repeat}
#naviMarken {width:164px; height:117px; margin:0px; padding:0px ;float:left}
#naviMarken a{width:164px; height:117px; margin:0px; float:left; padding:0px; background: url(../images/navi/MARKEN_INACTIVE.png) no-repeat}
#naviMarken a:hover{width:164px; height:117px; margin:0px; float:left; padding:0px; background: url(../images/navi/MARKEN_HOVER.png) no-repeat}
#naviTeam {width:164px; height:117px; margin:0px; padding:0px ;float:left}
#naviTeam a{width:164px; height:117px; margin:0px; float:left; padding:0px; background: url(../images/navi/TEAM_INACTIVE.png) no-repeat}
#naviTeam a:hover{width:164px; height:117px; margin:0px; float:left; padding:0px; background: url(../images/navi/TEAM_HOVER.png) no-repeat}
#naviService {width:164px; height:117px; margin:0px; padding:0px ;float:left}
#naviService a{width:164px; height:117px; margin:0px; float:left; padding:0px; background: url(../images/navi/SERVICE_INACTIVE.png) no-repeat}
#naviService a:hover{width:164px; height:117px; margin:0px; float:left; padding:0px; background: url(../images/navi/SERVICE_HOVER.png) no-repeat}

#topPlaceholder{width:989px; height:70px; margin:0 auto; padding:0px; background:#FFFFFF}
#topPlaceholder p{padding:90px 0px 0px 0px; margin:0px 0 0 0;}


<style type="text/css">

    div#rotator {
	position:relative;
	height:345px;
	margin-left: 0px;
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
  left:0px;
  top:50px;
}
/* rotator image style */	
	div#rotator ul li img {
	border:1px solid #ccc;
	padding: 4px;
	background: #FFF;
}
    div#rotator ul li.show {
	z-index:500
}
</style>