/*-------------------------------Beginn Struktur-----------------------------------------*/

body{
  margin: 4px auto;
  padding: 0px;
  background: url("../images/bg_gradient.gif") repeat-x #ffffff;
  overflow-x: hidden;
}

img{
  border: 0px;
}

#wrapperAll{
  border: 0px;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

#borderCenter{
  text-align: left;
  margin: 0px auto;
  background-color: white;
  width: 1017px;
}

#wrapperCenter{
  margin-left: 13px;
  margin-right: 13px;
  width: 990px;
}

#leftContentBackground{
  border: 1px solid #cccccc;
  margin-top: 25px;
  width: 372px;
  background-color: #f2f2f2;
}

#leftContentBackground a{
  color: black;
}

#wrapperLeft{
  float: left;
  width: 372px;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
}

.leftContentTitle {display:block;
				   margin-left:26px;
				   margin-top:16px;
				   }

#subLeftContent{
  margin-left: 27px;
  margin-right: 20px;
}

#headLogo{
  height: 99px;
}


#wrapperRight{
  float: right;
  width: 596px;
  border: 1px solid #ccc;
}

#RightTextContainer {padding-left:23px;
                     padding-right: 30px;
                     padding-top:8px;
		     padding-bottom: 30px; }






#wrapperRightContent{
   margin-left:12px;
   margin-top: 10px;
}

#wrapperHead{
  height: 520px;
  width: 990px;
  background: url(../images/menu_bild.jpg) no-repeat;
  margin-bottom: 10px;
}

#pageStartseite #wrapperHead{
  height: 520px;
  width: 990px;
  background: url(../images/menu_bild.jpg) no-repeat;
  margin-bottom: 10px;
}

#pageDreinull #wrapperHead{
  height: 520px;
  width: 990px;
  background: url(../images/pagedreinull-01.jpg) no-repeat;
  margin-bottom: 10px;
}

#pageLeistungen #wrapperHead{
  height: 520px;
  width: 990px;
  background: url(../images/pageleistungen.jpg) no-repeat;
  margin-bottom: 10px;
}

#pageKompetenzen #wrapperHead{
  height: 520px;
  width: 990px;
  background: url(../images/pagekompetenzen.jpg) no-repeat;
  margin-bottom: 10px;
}

#pageWertschoepfung #wrapperHead{
  height: 520px;
  width: 990px;
  background: url(../images/pagewertschoepfung2.jpg) no-repeat;
  margin-bottom: 10px;
}

#pageDialog #wrapperHead{
  height: 732px;
  width: 990px;
  background: url(../images/pagedialog.jpg) no-repeat;
  margin-bottom: 10px;
}

#pageAgentur #wrapperHead{
  height: 520px;
  width: 990px;
  background: url(../images/pageagentur.jpg) no-repeat;
  margin-bottom: 10px;
}

#pageKontakt #wrapperHead{
  height: 520px;
  width: 990px;
  background: url(../images/pagekontakt.jpg) no-repeat;
  margin-bottom: 10px;
}

#mainMenu{
  height: 22px;
  margin-left: 218px;
  margin-top:1px;
  padding-top:0px;
}

#mainMenu div {
  margin: 0px;
  padding: 0px;
  width: 772px;
  z-index: 100;
}

#mainMenu p{
  margin-top: 0px;
  padding-top: 0px;
}

#mainMenu p.n1{
  margin-left: 20px;
  margin-right: 20px;
}


#headFeatures{
  width: 360px;
  height: 140px;
}

#subMenu{
  height: 225px;
  width: 250px;
  margin-top: 26px
}

#subMenuTitle{   
  margin-bottom:10px;
  margin-left:25px;
  display:block;}

#subMenu ul{
  padding: 0;
  margin: 0;
}

#subMenu li{
  list-style-type: none;
  background: url(../images/sm.gif) no-repeat;
  width: 218px;
  height: 24px;
  margin: 0;
  filter: alpha(opacity: 80);
  -moz-opacity: 0.80;
}

#subMenu li:hover{
  background: url(../images/sm.gif) no-repeat;
  filter: alpha(opacity: 100);
  -moz-opacity: 1.0;
}

#subMenu li.submenu-active{
  background: url(../images/sma.gif) no-repeat;
}






/* Kasten oben, absolut und zentriert */
#center_headContent{
  position: absolute;
  top:0px;
  width:992px;
  left: 50%;
  margin-left: -496px;
  z-index:4;
}

#headContent {
  margin-right: 28px;
  margin-top: 180px;
  float: right;
  width: 568px;
  background-color: #e5e5e5;
  -moz-opacity: 0.90;
  height: 194px;
  filter:progid:DXImageTransform.Microsoft.Shadow(Color=#000000, direction=135, strength=5) alpha(opacity:90);
}

#headTXT {  padding-right: 18px;
  padding-left: 23px;  }


#headContent h1 {
 margin: 0;
 padding: 0;
 padding-bottom: 5px;
 font-size: 15px;
 font-family: Arial;
 font-weight: bold;
 font-style: normal;
 line-height: 20px;
 margin-top: 17px;
}

#headInput{
  margin-left: 15px;
  width: 538px;
}

#dummyLinkHome {  position: absolute;
  top: 117px;
  left: 0px;
  z-index:123;}


.contenttable td {padding-right:4px;} 



/* ##########################   SUBSEITE TYP 1 ###################### */
/* SUB-Seiten, */
#center_subHeadContent {
  position: absolute;
  width:992px;
  left: 50%;
  margin-left: -496px;
  z-index:4;
  text-align: left;
}

#center_subHeadContent #headLogo{
  height: 99px !important;
  overflow: hidden;
}

#subContent h1 {
 padding-top:17px;
 margin-top:0px;
}

#subContent h2 {
 padding-top:17px;
 margin-top:0px;
}



#subContent{
  float: right;
  width: 568px;
  position: absolute;
  top: 142px;
  left: 394px;
  width: 595px;
  background-color: #FAFAFA;
  margin-right: 35px;
  border-left: 1px solid #D5D5D5;
  border-right: 1px solid #D5D5D5;
  border-bottom: 1px solid #D5D5D5;
}

#subHeadContent{
  padding-left:23px;
  padding-right: 38px;
  padding-top: 8px;
  padding-bottom: 30px; 
  background: url(../images/bg_subseiten_top.png);
background-repeat:repeat-x;
}


#SubpageLeftWrap {
  clear:left;
  float: left;
}

#SubWrapperCenter{
  margin-left: 13px;
  margin-right: 13px;
  width: 990px;
  height: 105%;
  b*ackground-color:#d6d6d6;
  ba*ckground-color:#d6d6d6;
}

ul.informalNav{
  margin: 0 0 0 42px;
  padding: 0;
}

ul.informalNav li{
  margin-left: 0px;
}

ul.informalNav li a:hover{
  text-decoration: underline !important;
}

/* ############################## END ################################ */




#spryWrapper{
  float: left;
  width: 300px;
  margin-left: 25px;
}

#sprycontainer{
  width: 340px;

}

#sprytitle{
  width: 200px;
  margin-left: 28px;
  margin-bottom: 6px;
}

#spryleft{
  float: left;
  margin-right: 9px;
  margin-top: 5px;
}

#spryright{
  float: right;
  margin-top: 5px;
}

#spryslide{
  height: 105px;
  width: 295px;
  overflow: hidden;
}


#slideContainer a {color:#808080;}

#slideContainer .SlidingPanels {
  position: relative;
  width: 295px;
  height: 95px;
  padding: 0px;
  max-height: 95px;
  height: 95px;
}

#slideContainer .SlidingPanelsContentGroup {
  position: relative;
  margin: 0px;
  padding: 0px;
  border: none;
  height: 95px;
  width: 600px;
}

#slideContainer .SlidingPanelsContent {
  float: left;
  width: 95px;
  height: 105px;
  overflow: hidden;
  margin: 0 2px;
  padding: 0px;
}



#slideContainer .SlidingPanelsContent .slidingPanelImageContainer{
  width: 92px;
  height: 62px;
  background-color: white;
  text-align: center;
  border: 0;
  margin-bottom: 3px;
}

#slideContainer .SlidingPanelsContent .slidingPanelImageContainer img{
  max-width: 92px;
  height:expression(document.body.clientWidth > 62? "62px": "auto" );
  max-height: 62px;
  border: 0;
  margin: 0 auto;
}

.SlidingPanelsAnimating * {
  overflow: hidden !important;
}

.SlidingPanelsCurrentPanel {
}

.SlidingPanelsFocused {
}


#containerLeft{
  margin-top: 15px;
  margin-bottom: 30px;
  margin-left: 23px;
  width: 310px;
}

.rssFeed li{
  margin-left: 15px;
  list-style: url(../images/bulletpoint.gif) outside;
}



#sociableWrapper{
  background: #F2F2F2 none repeat scroll 0% 0%;
  clear: both;
  width: 596px;
  padding: 12px 0;
  margin-top: 10px;
}

.tx-guestbook-result{
  margin-top: 10px;
  background: #D6D6D6 none repeat scroll 0% 0%;
  clear: both;
  width: 596px;
  padding: 12px 0;  
}

.news-single-backlink, .news-single-backlink a, .news-single-backlink a:visited{
  margin-top: 10px;
  background: #D6D6D6 none repeat scroll 0% 0%;
  clear: both;
  width: 596px;
  padding: 12px 0; 
}


.tx-guestbook-resultwrap{
  padding-left: 20px;
}

ol.commentlist li {
  border: 1px solid #B0B0B0;
  margin-bottom: 10px;
  width: 530px;
  background-color: #E8E9EA;
}

.tx-guestbook-itemcontainer{
  margin-top: 10px;
  margin-left: 10px;
}



#l_rsscontainer{
  margin-left: 25px;
  margin-bottom: 30px;
}

.feedcontainer{
  margin-bottom: 50px;
  width: 330px;
}




/* ###################### DROPDOWN ######################## */

#nav{
  margin-left: 20px !important;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	margin-top: 0px;
	list-style: none;
}

#nav a {
	padding: 0;
	margin: 0;
	display: block;
}

#nav li {
	float: left;
	padding: 0;
	margin: 0;
	width: auto;
	height: 24px;
}

#nav li div{
	display: inline;
}







#nav li ul {
	background-color: #8a8a8a;
	position: absolute;
	left: -999em;
	width: 190px;
	margin-top: 4px;
	clear: both;
	z-index: 500;
	font-family: Arial;
}

#nav li ul li{
	clear: both;
	list-style-type: none;
	width: 190px;
	height: 22px;
	margin-bottom: 1px;
	display: block;
	border-bottom: 1px solid #9F9F9F;
}

#nav li ul li:hover, #nav li ul li.sfhover{
	background-color: #9F0100;
}

#nav li ul li p{
	margin-left: 20px;
	margin-right: 20px;
}

table#nav div img{

}

#nav li ul li p a{
	color: white;
	font-family: Arial;
	font-size: 11px;
	line-height: 22px;
	font-weight: normal;
	width: 190px;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}


#SubWrapperCenter .tx-taspryslidingpanels-pi1{
  margin-left: 25px;
}

.slidingPanelImageContainer img {
  height: 62px;
  width: 92px;
  border: 1px solid #999 !important;
}

#indentSubLeft{
  margin-left: 27px;
  margin-right: 20px;
}

#indentSubLeft div.csc-header{
  margin-bottom: 5px;
}

.tx-tatwitterpeople-pi1{
  margin-top: 20px;
}

.tx-tatwitterpeople-pi1-itemwrap{
  width: 540px;
  font-size: 11px;
  padding: 10px 10px 0px 10px;
  border-bottom: 1px solid #AAA;
}

.tx-tatwitterpeople-pi1-image{
  float: left;
  height: 40px;
  margin-right: 10px;
  width: 40px;
}

.tx-tatwitterpeople-pi1 .info-button{
  margin-top: 12px;
  margin-right: 10px;
}

.tx-tatwitterpeople-pi1-information{
  padding-bottom: 10px;
}

.tx-tatwitterpeople-pi1-information h3{
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

.tx-tatwitterpeople-pi1-information h3 a {
  font-size: 14px;
  margin-bottom: 0;
  padding-top: 0;
  color: #9F0100;
  font-weight: bold;
}

.tx-tatwitterpeople-pi1-information p{
  float: left;
  line-height: 14px;
  width: 300px;
}

tx-tatwitterpeople-pi1-left{
  float: left;
  width: 310px;
  height: 78px;
}

tx-tatwitterpeople-pi1-right{
	float: left;
	width: 168px;
	height: 78px;
}

.tx-tatwitterpeople-pi1-lasttweet{
	padding: 2px 5px 2px 5px;
}

.tx-tatwitterpeople-pi1-name, .tx-tatwitterpeople-pi1-location{
	padding: 2px 5px 2px 5px;
	border-bottom: 1px solid grey;
}

.tx-tatwitterpeople-pi1-location{
	height: 14px;
	overflow: hidden;
}

.tx-tatwitterpeople-pi1-followers, .tx-tatwitterpeople-pi1-friends, .tx-tatwitterpeople-pi1-updates{
	padding: 2px 5px 2px 5px;
}

.tx-tatwitterpeople-pi1-description{
	padding: 5px;
}

.tx-tatwitterpeople-pi1-rank {
  color: #AAAAAA;
  float: left;
  font-size: 14px;
  font-weight: bold;
  height: 20px;
  margin-left: 0;
  padding: 10px 5px 10px 0;
  text-align: left;
  width: 30px;
}

.tx-tatwitterpeople-pi1-followers {
  float:right;
  padding-top:10px;
  text-align:center;
  width:90px;
}

.tx-tatwitterpeople-pi1-follower-number {
  -x-system-font: none;
  color: #444444;
  font-family: 'helvetica',arial,sans-serif;
  font-size: 14px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  line-height: normal;
}

.tx-tatwitterpeople-pi1-details{
  display: none;
  border-top: 1px solid #ddd;
  padding-top: 7px;
  padding-bottom: 10px;
}

.tx-tatwitterpeople-pi1-latest-tweet{
  float: left;
  width: 280px;
}

.tx-tatwitterpeople-pi1-other-details{
  float: right;
  width: 250px;
  padding-left: 5px;
  border-left: 1px solid #ddd;
}

.tx-tatwitterpeople-pi1-sorting{
  font-size: 11px;
  color: black;
  border-bottom: 1px solid #AAA;
  padding: 5px 0;
  margin-bottom: 5px;
}

.tx-tatwitterpeople-pi1-sorting a, .tx-tatwitterpeople-pi1-sorting a:visited{
  font-size: 11px;
  color: #A00201;
  text-decoration: none;
}



.a-info{
  cursor: pointer;
}