body {
	margin:0;
	background:url(img/background.png) repeat-x top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
img {
	border:0;
}

a {
	color:#368dc9;
	text-decoration:none;
	outline:none;
}
a:hover {
	color:#368dc9;
	text-decoration:underline;
}

h2 {
	font-size:16px;
	font-weight:lighter;
}

#top {
	width:942px;
	height:161px;
	margin:0 auto;
}
#top #logo {
	float:left;
	background:url(img/logo.png) no-repeat;
	width:413px;
	height:108px;
}
#top #logo-en {
	float:left;
	background:url(img-en/logo.png) no-repeat;
	width:413px;
	height:108px;
}
#top #logo-fr {
	float:left;
	background:url(img-fr/logo.png) no-repeat;
	width:433px;
	height:108px;
	margin-right:-20px;
}

#top #globalnavi {
	width:524px;
	height:20px;
	float:right;
	text-align:right;
	padding-top:12px;
}
#top #globalnavi a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#7fa8c4;
	display:block;
	float:right;
	text-decoration:none;
	width:auto;
}
#top #globalnavi a:hover {
	color:#4492c9;
	border-bottom:2px solid #c8dbe8!Important;
}
#top #globalnavi a.active {
	color:#4492c9;
	border-bottom:2px solid #c8dbe8!Important;
}
#top #globalnavi span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#bccfdb;
	float:right;
	width:auto;
}


/*Navi START deutsch*/

/* mainheader */
#level1 { position:relative; top:45px; float:right; width: auto; height:32px; z-index: 9998; }
#level1 #mainnav { margin: 0; padding: 0; }
#level1 #mainnav li { display: inline; }
#level1 #mainnav li a { float: left; width: 117px; height: 0; padding-top: 32px; overflow: hidden; outline:none!Important;}
#level1 #mainnav li a { background-image: url(img/mainnavi.png); _background-image: url(img/mainnavi.gif); background-repeat: no-repeat; }

/* BUTTONS */
#level1 #mainnav li#leistung a { background-position: 0 0; width:92px; }
#level1 #mainnav li#studio a { background-position: -92px 0; width:59px; }
#level1 #mainnav li#unternehmen a { background-position: -151px 0; width:110px; }
#level1 #mainnav li#testpersonen a { background-position: -261px 0; width:109px; }
#level1 #mainnav li#kontakt a { background-position: -370px 0; width:70px; }
#level1 #mainnav li#anfahrt a { background-position: -438px 0; width:70px; }

/* OVER STATES */
#level1 #mainnav li#leistung a:hover { background-position: 0 -32px; }
#level1 #mainnav li#studio a:hover { background-position: -92px -32px; }
#level1 #mainnav li#unternehmen a:hover { background-position: -151px -32px; }
#level1 #mainnav li#testpersonen a:hover { background-position: -261px -32px; }
#level1 #mainnav li#kontakt a:hover { background-position: -370px -32px; }
#level1 #mainnav li#anfahrt a:hover { background-position: -438px -32px; }

/* PRESSED STATES */
#level1 #mainnav li#leistung a:active { background-position: 0 -32px; }
#level1 #mainnav li#studio a:active { background-position: -92px -32px; }
#level1 #mainnav li#unternehmen a:active { background-position: -151px -32px; }
#level1 #mainnav li#testpersonen a:active { background-position: -261px -32px; }
#level1 #mainnav li#kontakt a:active { background-position: -370px -32px; }
#level1 #mainnav li#anfahrt a:active { background-position: -438px -32px; }

/* ON STATES */
#level1.leistung #mainnav li#leistung a { background-position: 0 -32px !important; }
#level1.studio #mainnav li#studio a { background-position: -92px -32px !important; }
#level1.unternehmen #mainnav li#unternehmen a { background-position: -151px -32px !important; }
#level1.testpersonen #mainnav li#testpersonen a { background-position: -261px -32px !important; }
#level1.kontakt #mainnav li#kontakt a { background-position: -370px -32px !important; }
#level1.anfahrt #mainnav li#anfahrt a { background-position: -440px -32px !important; }

/*Navi ENDE deutsch*/

/*Navi START englisch*/

/* mainheader */
#level1-en { position:relative; top:45px; float:right; width: auto; height:32px; z-index: 9998; }
#level1-en #mainnav-en { margin: 0; padding: 0; }
#level1-en #mainnav-en li { display: inline; }
#level1-en #mainnav-en li a { float: left; width: 117px; height: 0; padding-top: 32px; overflow: hidden; }
#level1-en #mainnav-en li a { background-image: url(img-en/mainnavi.png); _background-image: url(img-en/mainnavi.gif); background-repeat: no-repeat; }

/* BUTTONS */
#level1-en #mainnav-en li#benefits a { background-position: 0 0; width:72px; }
#level1-en #mainnav-en li#studio-en a { background-position: -72px 0; width:59px; }
#level1-en #mainnav-en li#business a { background-position: -131px 0; width:78px; }
#level1-en #mainnav-en li#testpersons a { background-position: -209px 0; width:103px; }
#level1-en #mainnav-en li#contact a { background-position: -312px 0; width:67px; }

/* OVER STATES */
#level1-en #mainnav-en li#benefits a:hover { background-position: 0 -32px; }
#level1-en #mainnav-en li#studio-en a:hover { background-position: -72px -32px; }
#level1-en #mainnav-en li#business a:hover { background-position: -131px -32px; }
#level1-en #mainnav-en li#testpersons a:hover { background-position: -209px -32px; }
#level1-en #mainnav-en li#contact a:hover { background-position: -312px -32px; }

/* PRESSED STATES */
#level1-en #mainnav-en li#benefits a:active { background-position: 0 -32px; }
#level1-en #mainnav-en li#studio-en a:active { background-position: -72px -32px; }
#level1-en #mainnav-en li#business a:active { background-position: -131px -32px; }
#level1-en #mainnav-en li#testpersons a:active { background-position: -209px -32px; }
#level1-en #mainnav-en li#contact a:active { background-position: -312px -32px; }

/* ON STATES */
#level1-en.benefits #mainnav-en li#benefits a { background-position: 0 -32px !important; }
#level1-en.studio-en #mainnav-en li#studio-en a { background-position: -72px -32px !important; }
#level1-en.business #mainnav-en li#business a { background-position: -131px -32px !important; }
#level1-en.testpersons #mainnav-en li#testpersons a { background-position: -209px -32px !important; }
#level1-en.contact #mainnav-en li#contact a { background-position: -312px -32px !important; }

/*Navi ENDE englisch*/


/*Navi START französisch*/

/* mainheader */
#level1-fr { position:relative; top:45px; float:right; width: auto; height:32px; z-index: 9998;}
#level1-fr #mainnav-fr { margin: 0; padding: 0; }
#level1-fr #mainnav-fr li { display: inline; }
#level1-fr #mainnav-fr li a { float: left; width: 1px; height: 0; padding-top: 32px; overflow: hidden;}
#level1-fr #mainnav-fr li a { background-image: url(img-fr/mainnavi.png); _background-image: url(img-fr/mainnavi.gif); background-repeat: no-repeat; }

/* BUTTONS */
#level1-fr #mainnav-fr li#leistung a { background-position: 0 0; width:107px; }
#level1-fr #mainnav-fr li#studio a { background-position: -107px 0; width:58px; }
#level1-fr #mainnav-fr li#unternehmen a { background-position: -165px 0; width:88px; }
#level1-fr #mainnav-fr li#testpersonen a { background-position: -253px 0; width:65px; }
#level1-fr #mainnav-fr li#kontakt a { background-position: -318px 0; width:86px; }

/* OVER STATES */
#level1-fr #mainnav-fr li#leistung a:hover { background-position: 0 -32px; }
#level1-fr #mainnav-fr li#studio a:hover { background-position: -107px -32px; }
#level1-fr #mainnav-fr li#unternehmen a:hover { background-position: -165px -32px; }
#level1-fr #mainnav-fr li#testpersonen a:hover { background-position: -253px -32px; }
#level1-fr #mainnav-fr li#kontakt a:hover { background-position: -318px -32px; }

/* PRESSED STATES */
#level1-fr #mainnav-fr li#leistung a:active { background-position: 0 -32px; }
#level1-fr #mainnav-fr li#studio a:active { background-position: -107px -32px; }
#level1-fr #mainnav-fr li#unternehmen a:active { background-position: -165px -32px; }
#level1-fr #mainnav-fr li#testpersonen a:active { background-position: -253px -32px; }
#level1-fr #mainnav-fr li#kontakt a:active { background-position: -318px -32px; }

/* ON STATES */
#level1-fr.leistung #mainnav-fr li#leistung a { background-position: 0 -32px !important; }
#level1-fr.studio #mainnav-fr li#studio a { background-position: -107px -32px !important; }
#level1-fr.unternehmen #mainnav-fr li#unternehmen a { background-position: -165px -32px !important; }
#level1-fr.testpersonen #mainnav-fr li#testpersonen a { background-position: -253px -32px !important; }
#level1-fr.kontakt #mainnav-fr li#kontakt a { background-position: -318px -32px !important; }

/*Navi ENDE französisch*/


#top #level1 li {
	float:left;
	width:auto;
}

#top #level2 {
	float:right;
	width:864px;
	height:54px;
	background:url(img/mainnavi2.png) repeat-x;
	padding-left:3px;
}
#top #level2-start {
	float:right;
	width:864px;
	height:30px;
	background:url(img/mainnavi2.2.png) repeat-x;
	padding-left:3px;
}
#top #level2 ul {
	list-style:none;
	margin:0;
	padding:0;
}
#top #level2 li {
	float:left;
	width:auto;
	margin-right:5px;
}
#top #level2 li a {
	text-decoration:none;
	color:#fff;
	display:block;
	padding:6px;
}
#top #level2 li a:hover {
	color:#5ea6d8;
	background:url(img/level2back.png) repeat-x 0 3px;
	padding-bottom:7px;
}
#top #level2 li .active {
	color:#5ea6d8;
	background:url(img/level2back.png) repeat-x 0 3px;
	padding-bottom:7px;
}
#header {
	width:942px;
	height:174px;
	margin:0 auto;
	position:relative;
	z-index:10000;
	margin-bottom:20px;
	margin-top:-15px;
}
#header #headershadow {
	position:relative;
	z-index:-1;
	top:0;
	float:right;
	width:867px;
	height:174px;
	background:url(img/headershadow.png) no-repeat;
	margin-bottom:-174px;
	*margin-bottom:-174px;
}
.box {
	width:867px;
	float:right;
}
#header .box .left {
	width:655px;
	height:173px;
	float:left;
	background:#fff;
}
#header .box .right {
	width:192px;
	height:153px;
	padding:10px;
	float:left;
	background:url(img/right-header.png) no-repeat #828282;
}
#header .box .right h1 {
	font-size:18px;
	font-weight:bold;
	color:#fff;
	margin:0;
}
#header .box .right p {
	color:#fff;
	margin:13px 0;
}
#header .box .right a {
	width:188px;
	height:24px;
	padding:0px;
	float:left;
	background:url(img/button-akt.gif) no-repeat;
	text-decoration:none;
	color:#fff;
	font-size:14px;
	text-align:center;
	padding-top:6px;
	*margin-bottom:-10px;
}
#header .box .right a:hover {
	background:url(img/button-no.gif) no-repeat;
}
#header .box .right hr {
	width: 100%; 
	color: #AFB5BE; 
	background-color: #AFB5BE; 
	height: 1px;
	border: 0px solid;
	margin-top:20px;
}

#content {
	position:relative;
	z-index:20000;
	width:942px;
	margin:0 auto;
	color:#808080;
	line-height:16px;
	margin-bottom:10px;
	height:auto;
}
/*STARTSEITE TEASER START*/
#content .box .teaser1 {
	width:200px!Important;
	float:left;
	padding:0 10px 0 0;
}
.teaser {
	width:198px!Important;
	float:left;
	border-left:1px solid #c0d2de;
	padding:0 10px 0 10px;
}
#content .box .teaser1 h1, #content .box .teaser h1 {
	font-size:18px;
	font-weight:bold;
	color:#808080;
	padding:0;
	margin:0;
}
#content .box .teaser1 a.button, #content .box .teaser a.button {
	color:#fff;
	background:#8ebddf;
	margin:45px 0 0 0;
	padding:2px 5px 3px 5px;
	display: inline-block;
	text-decoration:none;
	font-weight:bold;
	position:absolute;
	top:185px;
}
#content .box .teaser1 a.button:hover, #content .box .teaser a.button:hover {
	background:#ff4f4f;
	color:#fff;
}
/*STARTSEITE TEASER ENDE*/

/*CONTENTSEITE START*/
#contentheader {
	width:942px;
	height:auto;
	margin:0 auto;
	position:relative;
	z-index:10000;
	margin-top:5px;
}
#contentheader .box h1 {
	font-size:23px;
	font-weight:bold;
	color:#808080;
	margin:0 0 8px 0;
}
#contentheader .box p {
	font-size:20px;
	font-weight:normal;
	color:#989898;
	line-height:26px;
	margin:5px 0 5px 0;
	border-bottom:1px solid #d8d8d8;
	padding-bottom:15px;
}
#contentheader a {
	text-decoration:none;
	color:#73afd9;
}
#contentheader a:hover {
	text-decoration:underline;
}
#content .box .left, #content .box .right {
	width:413px;
	float:left;
	padding-right:10px;
	margin-top:15px;
	line-height:16px;
}
#content .box h1 {
	font-size:19px;
	line-height:23px;
	font-weight:lighter;
	color:#808080;
	margin:0 0 10px 0;
}
#content .box p {
	margin:5px 0 5px 0;
}
#content .box .left img, #content .box .right img {
	float:left;
	margin:5px 8px 5px 0;
	border:4px solid #d4e2ec;
}
#content .box .left p.zitat, #content .box .right p.zitat {
	display:block;
	border-left:3px solid #CCCCCC;
	font-style:italic;
	padding-left:5px;
	padding-right:8px;
	width:50%;
}
#content .box .left p.zitat:hover, #content .box .right p.zitat:hover {
	border-left:3px solid #97c3e1;
	/*color:#73afd9;*/
}
#content .box .left ul, #content .box .right ul {
	padding:0;
	margin:5px 0 0 15px;
	*margin:5px 0 0 18px;
}
#content .box .left li, #content .box .right li {
	list-style:square;
	line-height:22px;
	
}

#content .contentteaser {
	color:#4b88b3;
	padding:5px;
	background:#d5e3ee;
	font-size:14px;
	line-height: inherit;
	line-height:18px;
	margin-bottom:10px;
}
#content .contentteaser:hover {
	color:#fff;
	background:#8cbcde;
}
#content .contentteaser h2 {
	margin:0 0 5px 0;
	font-size:18px;
	font-weight:lighter;
}
#content .contentteaser a.headline  {
	text-decoration: none!Important;
	color:#4b88b3;
}
#content .contentteaser a.headline:hover {
	text-decoration: none!Important;
	color:#fff;
}
.box a.headline {
	color:#808080;
}
.box a.headline:hover {
	text-decoration: none!Important;
	color: #368dc9;
}
#content .contentteaser a.link {
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	color:#4b88b3;
	text-align:right;	
	display: inline-block;
	border-bottom:3px solid #4b88b3;
	border-bottom-style:dotted;
	padding:3px 0;
}
#content .contentteaser a.link:hover {
	color:#fff;
	border-bottom:3px solid #fff;
	border-bottom-style:dotted;
}
#content hr {
	width: 100%; 
	color: #CCCCCC; 
	background-color: #fff; 
	height: 1px;
	border-bottom:0px solid;
	border-style:dotted;
}

/*CONTENTSEITE ENDE*/

/*KONTAKT START*/

.kontaktformular .perskontakt {
	float:left;
}
.kontaktformular .message {
	clear:both;
}

.kontaktformular input {
	width:180px;
	margin-right:15px;
}
.kontaktformular label.empf {
	width:110px;
	margin-right:15px;
	text-align:left;
}
.kontaktformular label.empf input {
	width:auto;
	margin:0 5px 0 0;
}
.kontaktformular textarea {
	height:120px;
	width:380px;
	font-family:Arial, Helvetica, sans-serif;
} 
/*KONTAKT ENDE*/


/*Aktuelle Projekte START*/
#content .box .news-left {
	width:216px;
}
#content .box .news-left ul {
	margin:0;
}
#content .box .news-left li {
	list-style:none!Important;
	margin-bottom:1px;
}
#content .box .news-left a {
	display:block;
	background:#ddebf5;
	text-decoration:none;
	padding-left:5px;
}
#content .box .news-left a:hover {
	background:#8ebddf;
	color:#fff;
}
#content .box .news-right {
	width:610px;
}

/*Aktuelle Projekte ENDE*/

#footer {
	width:942px;
	height:30px;
	margin:0 auto;
	clear:both;
	padding-top:60px;
	
	text-align:center;
	font-size:10px;
	color:#9b9a9a;
}
#footer hr {
	width: 100%; 
	color: #d8d8d8; 
	background-color: #d8d8d8; 
	height: 1px;
	border: 0px solid;
}

.tipp {
	color:#FF0000;
	font-weight:bold;
}



#fb-button {
	width:800px; 
	margin:0 auto; 
	border:1px solid red; 
	clear:both;
}
.fb-like {
	float:left;
	margin-left:74px;
}




/*Einstiegseite START*/
#entry-oben {
	position:relative;
	top:0px;
	*top:-1615px;
	margin: 0px auto 0;
	width:933px;
	height:615px;
}
#logo-link {
	position:relative;
	top:0px;
	margin: 0px auto 0;
	width:407px;
	height:108px;
	display:block;
}
#bild-link {
	position:relative;
	top:0px;
	margin: 0px auto 0;
	width:933px;
	height:465px;
	display:block;
}
#entry-oben #logo-entry {
	background:url(img/logo.png) no-repeat;
	width:413px;
	height:108px;
	margin:0 auto;
}
#entry-oben #entry {
	height:514px;
	width:933px;
	background: url(img/entry.jpg) no-repeat;
	margin:0 auto;
}
.center {
	margin:0 auto;
	width:514px;
	margin-top:-47px;
}
/* mainheader */
#entry-oben #entry-choose1 { width: 244px; height:32px; z-index: 9998; margin:0 auto; color:#fff; position:relative; top:-964px; *top:-216px;}
#entry-oben #entry-choose1 #entry-choose2 { margin: 0; padding: 0; }
#entry-oben #entry-choose1 #entry-choose2 li { display: inline; }
#entry-oben #entry-choose1 #entry-choose2 li a { float: left; width: 198px; height: 0; padding-top: 32px; overflow: hidden; }
#entry-oben #entry-choose1 #entry-choose2 li a { background-image: url(img/entry.png); _background-image: url(img/entry.gif); background-repeat: no-repeat; }

/* BUTTONS */
#entry-oben #entry-choose1 #entry-choose2 li#deutsch a { background-position: 0 0; width:76px; }
#entry-oben #entry-choose1 #entry-choose2 li#english a { background-position: -71px 0; width:68px; }
#entry-oben #entry-choose1 #entry-choose2 li#francaise a { background-position: -139px 0; width:81px; }

/* OVER STATES */
#entry-oben #entry-choose1 #entry-choose2 li#deutsch a:hover { background-position: 0 -32px; }
#entry-oben #entry-choose1 #entry-choose2 li#english a:hover { background-position: -71px -32px; }
#entry-oben #entry-choose1 #entry-choose2 li#francaise a:hover { background-position: -139px -32px; }

/* PRESSED STATES */
#entry-oben #entry-choose1 #entry-choose2 li#deutsch a:active { background-position: 0 -32px; }
#entry-oben #entry-choose1 #entry-choose2 li#english a:active { background-position: -71px -32px; }
#entry-oben #entry-choose1 #entry-choose2 li#francaise a:active { background-position: -139px -32px; }

/* ON STATES */
#entry-oben #entry-choose1.deutsch #entry-choose2 li#deutsch a { background-position: 0 -32px !important; }
#entry-oben #entry-choose1.english #entry-choose2 li#english a { background-position: -71px -32px !important; }
#entry-oben #entry-choose1.english #entry-choose2 li#francaise a { background-position: -139px -32px !important; }

/*Navi ENDE*/


#rou {
	position:relative;
	margin: 0px auto 0;
	top:3000px;
	width:780px;
}

#rou #containervis {
	background:none;
	width:670px;
	height:100%;
	float:left;
}	

#rou #contentmenu {
	float:left;
	height:800px;
	width:100px;
}

#rou #contentmenu a {
	font-size:9px;
	text-decoration:none;
	color:#999999;
	letter-spacing:3px;
}

#rou #contentmenu a:hover {
	text-decoration:underline;
	color: #666666;
}			

#rou #containervis h1 {
	font-size:11px;
	color:#999999;
	margin-top:20px;
	margin-bottom:0px;
}
#rou #containervis h2 {
	font-size:11px;
	color:#999999;
	margin-top:20px;
	margin-bottom:0px;
}

#rou #containervis h3 {
	font-size:11px;
	color:#999999;
	margin-top:20px;
	margin-bottom:0px;
}


#rou #containervis a {
	color:#666666;
}		

#rou #containervis .containervis1, .containervis2, .containervis3, .containervis4, .containervis5, .containervis6 {
	background:none;
	width:210px;
	height:100%;
	float:left;
	margin:0 10px 10px 0;
	color:#999999;
	font-size:9px;
}


/*Einstiegseite Ende*/