@charset 'utf-8';
/*-------------------------------------------------------------------------------------
	*
	*	@copyright:_________2008, Siegelwerk
	*	@link:______________http://www.siegelwerk.de
	*	@author:____________Oliver Hook
	*	@function:__________css site settings
	*
	*	@version:___________1.0
	*
--------------------------------------------------
	*
	*	COLOR SCHEME
	*
	*-- GLOBAL ---------------------------
	*	Body Background:____________#FFFFFF

	*-- TEXT -----------------------------
	*	Text Headline:______________#333333
	*	Text Nav:___________________#333333
	*	Text Nav (hover):___________#666666
	*	Text Copy:__________________#666666
	*	Lines (Divider):____________#B2B2B2

	*-- INTERACTION ----------------------
	*	Links:______________________#EC1C24

	*-- GRAFIC ---------------------------
	*	Lines Header Top:___________#999999
	*	Lines Header Bot:___________#B2B2B2
	*	Lines Footer Top:___________#888888
	*	Lines Footer Bot:___________#999999
	*	Lines Headline Top:_________#B2B2B2
	*	Lines Headline Bot:_________#666666
	*
-------------------------------------------------------------------------------------*/
/*------------------------------------------------
	*	reset browser defaults
--------------------------------------------------*/
* { /* resets all predefined values to 0 */
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}
html {
	height:100%;
}
body {
	padding-bottom:10px;
	font-size:62.5%;
	background:#FFF;
}
body#swReferenzenDet {
	height:100%;
	width:100%;
	padding-bottom:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
q:before, q:after {
	content:'';
}
/*------------------------------------------------
	*	predefined styles
--------------------------------------------------*/
.clear { /* clearing floats within html-code about the <br /> tag */
	clear:both;
	height:0;
	font-size:0;
}
.clearfix:after { /* clearfix-method without additional markup. needs surrounding element. */
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:block;
}
hr { /* hr is invisile, but visible in print-view */
	display:none;
}
.divider { /* general dividing line */
	clear:both;
	margin:15px 0;
	height:1px;
	background-color:#B2B2B2;
	/*background:url(images/dcDivider.gif) no-repeat;*/
}
.invisible { /* makes elements invisible but readable */
	position:absolute;
	left:-1000em;
}
/*------------------------------------------------
	*	basic font definitions
--------------------------------------------------*/
* { /* basic font family/groundcolor */
	font-family:Arial, Helvetica, sans-serif;
}
/*------------------------------------------------
	*	specific documents
--------------------------------------------------*/
#swStart #dcSrd { /* homepage */
	background:url(images/dcRapStart.gif) 0 0 repeat-x;
}
#swAgentur #dcSrd { /* agentur */
	background:url(images/grAgentur.gif) center 0 no-repeat;
	min-width:965px;
}
#swMenschen #dcSrd { /* menschen */
	background:url(images/grMenschen.jpg) center 0 no-repeat;
	min-width:965px;
}
#swReferenzen #dcSrd { /* referenzen */
	background:url(images/grReferenzen-100729.jpg) center 0 no-repeat;
	min-width:965px;
}
#swReferenzenDet #dcSrd { /* referenzen detail */
	width:100%;
	height:100%;
	min-width:965px;
	min-height:640px;
}
#swReferenzenDet #dcSrd object { /* fix to make safaris flash min-height work */
	min-height:640px;
}
/*------------------------------------------------
	*	grids
--------------------------------------------------*/
.gr1 { /* colbox 1/12 width */
	float:left;
	margin-right:7px;
	width:74px;
}
.gr2 { /* colbox 2/12 width */
	float:left;
	margin-right:7px;
	width:155px;
}
.gr3 { /* colbox 3/12 width */
	float:left;
	margin-right:7px;
	width:236px;
}
.gr4 { /* colbox 4/12 width */
	float:left;
	margin-right:7px;
	width:317px;
}
.gr5 { /* colbox 5/12 width */
	float:left;
	margin-right:7px;
	width:398px;
}
.gr6 { /* colbox 6/12 width */
	float:left;
	margin-right:7px;
	width:479px;
}
.grLast {
	margin-right:0;
}
/*------------------------------------------------
	*	header
--------------------------------------------------*/
#hdCont { /* header  container */
	width:965px;
	margin:0 auto;
	height:51px;
	border-top:7px solid #999;
	border-bottom:1px solid #B2B2B2;
}
#swStart #hdCont { /* set border to background color to hide it */
	border-bottom:1px solid #FFF;
}
#hdCont #ciLogo { /* logo */
	float:left;	
}
/*-----|| main navigation ||-----*/
#hdCont ul {
	float:right;
}
#hdCont ul li {
	float:left;
}
#hdCont ul a {
	display:block;
	height:50px;
	padding:0 20px;
	text-indent:-9999em;
	background:#fff url(images/nvMain.gif) 20px 0 no-repeat;
}
#hdCont .age a { /* agnetur */
	width:49px;
	background-position:20px 0;
}
#hdCont .age a:hover, #hdCont .age .current {
	background-position:20px -50px;
}
#hdCont .men a { /* menschen */
	width:61px;
	background-position:20px -100px;
}
#hdCont .men a:hover, #hdCont .men a.current {
	background-position:20px -150px;
}
#hdCont .ref a { /* referenzen */
	width:67px;
	background-position:20px -200px;
}
#hdCont .ref a:hover, #hdCont .ref a.current {
	background-position:20px -250px;
}
#hdCont .kon a { /* kontakt */
	width:47px;
	padding-right:0;
	background-position:20px -300px;
}
#hdCont .kon a:hover, #hdCont .kon a.current {
	background-position:20px -350px;
}
/*------------------------------------------------
	*	teaser
--------------------------------------------------*/
#tsCont { /* teaser homepage basic */
	width:965px;
	margin:0 auto;
}
#swStart #tsCont { /* teaser homepage */
	width:965px;
	margin:0 auto;
	padding-bottom:10px;
	border-bottom:1px solid #B2B2B2;
	min-height:446px;
}
#swStart #tsCont div { /* flash teaser homepage (fallback image) */
	min-height:446px;
	background:url(images/tsStartFb.png) 0 0 no-repeat;
}
#swAgentur #tsCont { /* teaser agentur */
	min-height:455px;
}
#swMenschen #tsCont { /* teaser menschen */
	min-height:455px;
}
#swReferenzen #tsCont { /* teaser referenzen */
	min-height:425px;
}
/*------------------------------------------------
	*	content
--------------------------------------------------*/
#ctCont { /* content container basic */
	width:965px;
	margin:0 auto;
	padding-bottom:30px;
}
#swStart #ctCont { /* content container homepage */
	min-height:140px;
}
#sw404 #ctCont { /* content container 404 error */
	padding-top:200px;
	min-height:300px;
	text-align:center;
}
#swAgentur .swPic img { /* image bilder */
	display:block;
}
#swAgentur .swPic .grLast {
	margin-bottom:7px;
}
.imgCont {
	position:relative;
}
.imgCont img {
	display:block;
}
.imgCont a {
	position:absolute;
	text-indent:-9999em;
}
.imgCont a:hover, .imgCont a.jQuery, .imgCont a.jQueryActive {
	border:2px solid #f30;
}
.imgCont .sizeM {
	height:184px;
	width:313px;
}
.imgCont .sizeS {
	height:101px;
	width:151px;
}
.boxSrd {
	position:relative;
}
.wpSrd { /* weitere projekte surround */
	min-height:190px;
	overflow:hidden;
}
.wpSrd img {
	margin-bottom:4px;
}
.wpFlyOut {
	padding-bottom:5px;
	background-color:#FFF;
}
.swJsLoad .wpFlyOut { /* to hide flyout without flickering */
	display:none;
}
.menSrd {
	min-height:155px;
	overflow:hidden;
}
#ggMaps {
	border:1px solid #d6d6d6;
}
.atSign {
	vertical-align:middle;
}
#flashcontent {
	height:100%;
	width:100%;
}
#casestudies_swf {
	display:block;
}
#swJobs .ctBlockSrd {
	padding:0 10px 15px 0;
}
/*-----|| content - font settings ||-----*/
a:active, a:focus {
	outline:none;
}
p a, p a:link, p a:visited {
	color:#EC1C24;
	text-decoration:none;
}
p a:hover {
	text-decoration:underline;
}
h1, h2, h3 {
	text-indent:-9999em;
	font-size:10px;
}
.txtPgList {
	margin-bottom:15px;
}
.txtPgList li {
	padding-left:9px;
	font-size:1.2em;
	line-height:1.335em;
	background:url(images/iconTxtPgList.gif) 0 6px no-repeat;
	color:#666;
}
#tsStart h1 {
	padding-top:70px;
	margin:0 0 20px 488px;
	font-size:22px;
	color:#EC1C24;
	text-indent:0;
}
#swStart #tsStart h2 {
	margin:0 0 20px 488px;
	background:none;
	height:auto;
	color:#FFF;
	border:none;
	font-size:16px;
	text-indent:0;
}
#swStart h2 { /* headlines homepage */
	height:33px;
	border-bottom:2px solid #666;
	background:url(images/hdStart.gif) 0 0 no-repeat;
}
#swStart h2.age {
	background-position:0 7px;
}
#swStart h2.ref {
	background-position:0 -23px;
}
#swStart h2.men {
	background-position:0 -53px;
}
#swStart h2.akt {
	background-position:0 -83px;
}
#swStart h2.news {
	background-position:0 -113px;
}
#swAgentur h1, #swMenschen h1 { /* headlines */
	padding-top:55px;
	margin-bottom:10px;
	height:115px;
	background:url(images/hd1Agentur.gif) 0 55px no-repeat;
}
#swMenschen h1 {
	padding-top:40px;
	margin-bottom:5px;
	height:95px;
	background:url(images/hd1Menschen.gif) 0 40px no-repeat;
}
#swReferenzen h1 {
	padding-top:65px;
	margin-bottom:0;
	height:80px;
	background:url(images/hd1Referenzen-100729.gif) 0 65px no-repeat;
}
#swKontakt h1, #swImpressum h1 {
	padding-top:40px;
	margin-bottom:15px;
	height:145px;
	background:url(images/hd1Kontakt.gif) 0 40px no-repeat;
}
#swJobs h1 {
	padding-top:40px;
	margin-bottom:15px;
	height:60px;
	background:url(images/hd1Jobs.gif) 0 40px no-repeat;
}
#swAgentur h2 {
	height:30px;
	margin-bottom:7px;
	background:url(images/hdAgentur.gif) 0 0 no-repeat;
}
#swAgentur h2.kom {
	background-position:0 0;
}
#swAgentur h2.inn {
	background-position:0 -60px;
}
#swMenschen h2.gf {
	height:45px;
	margin-bottom:11px;
	border-bottom:2px solid #666;
	background:url(images/hdMenschen.gif) 0 -60px no-repeat;
}
#swMenschen h2.noBg {
	background-image:none;
}
#swMenschen #ctCont h2 {
	height:35px;
	margin-bottom:11px;
	background:url(images/hdMenschen.gif) 0 0px no-repeat;
}
#swReferenzen #ctCont h2 {
	height:35px;
	background:url(images/hdReferenzen.gif) 0 0px no-repeat;
}
#swReferenzen #ctCont h2.hdWp {
	background-position:0 -60px;
}
#swKontakt h2 {
	height:30px;
	margin-bottom:0px;
	background:url(images/hdKontakt.gif) 0 0 no-repeat;
}
#swImpressum h2 {
	height:30px;
	margin-bottom:7px;
	background:url(images/hdImpressum.gif) 0 0 no-repeat;
}
#swJobs h2 {
	text-indent:0;
	font-size:1.6em;
	margin-bottom:20px;
}
#swAgentur h3 {
	height:33px;
	/*border-bottom:2px solid #666;*/
	background:url(images/hdAgentur.gif) 0 0 no-repeat;
}
#swAgentur h3.mes {
	background-position:0 -113px;
}
#swAgentur h3.eve {
	background-position:0 -143px;
}
#swAgentur h3.inc {
	background-position:0 -173px;
}
#swAgentur h3.vis {
	background-position:0 -203px;
}
#swAgentur h3.int {
	background-position:0 -233px;
}
#swAgentur h3.fil {
	background-position:0 -263px;
}
#swReferenzen h3 {
	height:25px;
	background:url(images/hdReferenzen.gif) 0 0 no-repeat;
}
#swReferenzen h3.cs1 {
	background-position:0 -120px;
}
#swReferenzen h3.cs2 {
	background-position:0 -150px;
}
#swReferenzen h3.cs3 {
	background-position:0 -180px;
}
#swReferenzen h3.cs4 {
	background-position:0 -240px;
}
#swReferenzen h3.cs5 {
	background-position:0 -210px;
}
#swReferenzen h3.cs6 {
  background-position:0 -270px;
}
#swMenschen h3 {
	height:25px;
	border-top:2px solid #666;
	background:url(images/hdMenschen.gif) 0 0 no-repeat;
}
#swMenschen h3.kon {
	background-position:0 -115px;
}
#swMenschen h3.pro {
	background-position:0 -145px;
}
#swMenschen h3.tec {
	background-position:0 -175px;
}
#swMenschen h3.vis {
	background-position:0 -205px;
}
#swMenschen h3.ind {
	background-position:0 -235px;
}
#swMenschen h3.arc {
	background-position:0 -265px;
}
#swMenschen h3.reg {
	background-position:0 -295px;
}
#swMenschen h3.fil {
	background-position:0 -325px;
}
#swMenschen h3.dmo {
	background-position:0 -355px;
}
#swMenschen h3.int {
	background-position:0 -385px;
}
#swMenschen h3.tex {
	background-position:0 -415px;
}
#swMenschen h3.mus {
	background-position:0 -445px;
}
#swMenschen h3.mac {
	background-position:0 -475px;
	height:50px;
}
#swMenschen h3.jpro {
	background-position:0 -525px;
	height:50px;
}
#swMenschen h3.ina {
  background-position:0 -575px;
}
#swImpressum h3 {
	text-indent:0;
	font-size:1.2em;
	margin-bottom:20px;
}
#swReferenzen h4, #swMenschen h4 {
	font-size:1.2em;
	line-height:1.335em;
	color:#000;
}
p {
	font-size:1.2em;
	line-height:1.335em;
	color:#666;
}
#swStart p { /* paragraphs homepage */
	padding-top:5px;
	font-size:1.4em;
	line-height:1.145em;
}
#swStart #tsStart p { /* paragraphs homepage */
	margin:0 0 20px 488px;
	padding-top:5px;
	font-size:1.4em;
	line-height:1.145em;
	color:#FFF;
}
#swStart #tsStart .pgHigh {
	color:#EC1C24;
}
#swStart .pgGrStart {  /* header paragraphs agentur */
	margin:0 0 0 480px;
	height:105px;
	background:url(images/hdPgStart.png) 0 0 no-repeat;
	text-indent:-9999em;
}
#swStart .lnGrCs {
	display:block;
	margin-left:488px;
	background:url(images/lnGrRf.gif) 0 0 no-repeat;
	text-indent:-9999em;
	height:18px;
}
#swAgentur .pgGrAgentur, #swAgentur .pgGrAgentur2 {  /* header paragraphs agentur */
	height:150px;
	background:url(images/hdPgAgentur.gif) 0 0 no-repeat;
	text-indent:-9999em;
}
#swAgentur .pgGrAgentur2 {
	height:80px;
	background-position:0 -165px;
}
#swMenschen .pgGrMenschen {
	height:85px;
	background:url(images/hdPgMenschen.gif) 0 0 no-repeat;
	text-indent:-9999em;
}
#swReferenzen .pgGrReferenzen {
	height:120px;
	background:url(images/hdPgReferenzen-100729.gif) 0 0 no-repeat;
	text-indent:-9999em;
}
#swReferenzen .lnGrCs {
	display:block;
	margin-top:30px;
	background:url(images/lnGrCs.gif) 0 0 no-repeat;
	text-indent:-9999em;
	height:18px;
}
#swReferenzen .pgCs {
	padding:8px 0 0 0;
	min-height:25px;
	margin-bottom:17px;
	border-bottom:2px solid #666;
}
#swReferenzen .type {
	color:#EC1C24;
}
#swReferenzen .more {
	color:#F30;
	font-weight:bold;
}
#swReferenzen .pgDesc {
	font-size:1.1em;
	font-style:italic;
	margin-bottom:10px;
}
#swReferenzen .pgMit {
	margin-bottom:7px;
}
#swReferenzen .pgMit a, #swReferenzen .pgMit span {
	color:#EC1C24;
}
#swReferenzen .pgMit strong {
	color:#000;
}
#pgRefAgency {
	height:40px;
	background:url(images/pgRefAgentur.gif) 0 0 no-repeat;
}
#pgRefAgency a {
	display:block;
	text-indent:-9999em;
	height:18px;

}
#swImpressum p {
	margin-bottom:15px;
}
#swAgentur ul.grList {
	margin-bottom:15px;
}
#swAgentur li {
	color:#666666;
	font-size:1.2em;
	line-height:20px;
}
#swJobs p {
	margin-bottom:15px;
}
#swJobs .txtList {
	padding:22px 0 30px 0;
}
#swJobs .txtList li {
	font-size:1.2em;
	line-height:1.335em;
	font-weight:bold;
	color:#333;
}
#sw404 #ctCont p {
	padding-top:80px;
	background:url(images/hd404.gif) center 0 no-repeat;
}
/*-----|| content - no flash ||-----*/
#swReferenzenDet #container {
	padding-top:250px;
	min-height:290px;
	text-align:center;
}
#swReferenzenDet #container p {
	padding-top:50px;
	background:url(images/iconFlashPlayer.gif) center 0 no-repeat;
}
/*------------------------------------------------
	*	footer
--------------------------------------------------*/
#ftCont { /* footer container */
	width:955px;
	margin:0 auto;
	padding:13px 5px 15px 5px;
	border-top:8px solid #888;
	border-bottom:1px solid #999;
}
#ftCont img { /* logo */
	float:left;
	margin-right:26px;
}
#ftCont #ftNav { /* navigation */
	float:left;
	width:890px;
}
#ftCont ul li {
	float:left;
}
#ftCont ul li a {
	display:block;
	background:url(images/nvFooter.gif) 0 0 no-repeat;
	text-indent:-9999em;
	min-height:20px;
}
#ftCont ul li.age a {
	width:59px;
	background-position:0 0;
}
#ftCont ul li.age a:hover, #ftCont ul li.age a.current {
	background-position:0 -20px;
}
#ftCont ul li.men a {
	width:80px;
	background-position:8px -40px;
}
#ftCont ul li.men a:hover, #ftCont ul li.men a.current {
	background-position:8px -60px;
}
#ftCont ul li.ref a {
	width:86px;
	background-position:8px -80px;
}
#ftCont ul li.ref a:hover, #ftCont ul li.ref a.current {
	background-position:8px -100px;
}
#ftCont ul li.kon a {
	width:65px;
	background-position:8px -120px;
}
#ftCont ul li.kon a:hover, #ftCont ul li.kon a.current {
	background-position:8px -140px;
}
#ftCont ul li.job a {
	width:46px;
	background-position:8px -160px;
}
#ftCont ul li.job a:hover, #ftCont ul li.job a.current {
	background-position:8px -180px;
}
#ftCont ul li.imp a {
	width:84px;
	background-position:8px -200px;
}
#ftCont ul li.imp a:hover, #ftCont ul li.imp a.current {
	background-position:8px -220px;
}
#ftCont ul li.lang {
	float:right;
}
#ftCont ul li.lang a {
	width:51px;
	background-position:8px -240px;
}
#ftCont ul li.lang a:hover {
	background-position:8px -260px;
}
#ftCont ul li.ext a {
  width:44px;
  background-position:8px -280px;
}
#ftCont ul li.ext a:hover {
  background-position:8px -300px;
}
#ftCont p {
	font-size:1.1em;
	color:#CCC;
}