/* CSS Document */

html, body { width: 100%; text-align: center; }

body {
	font: 12px/1.2 Helvetica, Arial, sans-serif; /* "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",  */
	color: #595959;
	}

body#slideshow, body#impressum { background-color: #D9D9D9; }
body#impressum #impressumCont { height: 398px; margin-left: 25px; }

#impressumCont p { line-height: 2; }

/* globals */
.clear { clear: both; line-height: 0; }

#bodyBgLeft {
	position: absolute;
	width: 50%; height: 573px;
	left: 0;
	background: url(../images/body_bg_left.png) repeat-x top left;
	z-index: 0;
	}
html > body #bodyBgLeft { height: 570px; }

#bodyBgRight {
	position: absolute;
	width: 50%; height: 573px;
	right: 0;
	background: url(../images/body_bg_right.png) repeat-x top left;
	z-index: 0;
	}
html > body #bodyBgRight { height: 570px; }

#container {
	position: relative;
	width: 901px;
	margin: 0 auto;
	z-index: 1;
	background-color: #fff;
	text-align: left;
	}

/* header */
#headerLeft {
	width: 568px;
	height: 150px;
	float: left;
	}

/* menu */
#mainMenu {
	}

#mainMenu ul li {
	display: block;
	float: left;
	position: relative;
	height: 89px;
	}

#mainMenu ul li a {
	display: block;
	position: relative;
	height: 100%;
	}

/* menu items */
#m01 a /* about */ { width: 130px; background: url(../images/m_01.png) no-repeat top left; }
#m01 a:hover /* about */ { background-position: top right; }
.mActive#m01 a:hover { background-position: top left; }
/* .mActive #m01 a img, .mActive #m01 a:hover img { top: 66px; left: 30px; }*/
#m02 a /* serv */ { width: 153px; background: url(../images/m_02.png) no-repeat top left; }
#m02 a:hover /* serv */ { background-position: top right; }
.mActive#m02 a:hover { background-position: top left; }
#m03 a /* gall */ { width: 86px; background: url(../images/m_03.png) no-repeat top left; }
#m03 a:hover /* gall */ { background-position: top right; }
.mActive#m03 a:hover { background-position: top left; }
#m04 a /* part */ { width: 199px; background: url(../images/m_04.png) no-repeat top left; }
#m04 a:hover /* part */ { background-position: top right; }
.mActive#m04 a:hover { background-position: top left; }

#mainMenu ul li img { display: none; }
#mainMenu ul li.mActive img { display: block; width: 13px; height: 10px;  position: absolute; top: 66px; left: 50%; }

/* headline with logo */
#headline {
	background: url(../images/headline_bg.png) repeat-x top left;
	height: 61px;
	}
	
#logo {
	display: block;
	float: left;
	width: 248px; height: 61px;
	}

#slideshow #logo, #impressum #logo { background: url(../images/logo_00.png) no-repeat 0 0; }
#about #logo { background: url(../images/logo_01.png) no-repeat 0 0; }
#servieces #logo { background: url(../images/logo_02.png) no-repeat 0 0; }
#gallery #logo { background: url(../images/logo_03.png) no-repeat 0 0; }
#partners #logo { background: url(../images/logo_04.png) no-repeat 0 0; }

#headline h1 span { margin-left: -100000px; }

#headline h2 {
	font-size: 22px;
	padding: 25px 10px 0 10px;
	color: #929292;
	font-weight: normal;
	}

#headerRight {
	width: 333px;
	height: 150px;
	float: left;
	}

#subtitle {
	position: relative;
	height: 44px;
	background: url(../images/subtitle_bg.png) no-repeat top left;
	}

#subtitle span {
	position: absolute;
	bottom: 1px; left: 35px;
	z-index: 3;
	font-size: 10px;
	padding-right: 5px;
	background-color: #fff;
	}

#subtitle .hr {
	position: absolute;
	bottom: 3px; left: 40px;
	z-index: 2;
	width: 270px; height: 0;
	border: 0;
	border-bottom: 1px solid #595959;
	}

/* footer menu */
#footMenu {
	width: 586px;
	height: 20px;
	padding-top: 3px;
	background: url(../images/footer_menu_bg.png) no-repeat top left;
	text-align: right;
	color: #D9D9D9;
	}

#footMenu ul { margin-right: 15px; }

#footMenu ul li {
	display: inline;
	padding-top: 1px;
	}

#footMenu ul li a {
	font-size: 10px;
	padding: 0 5px;
	border-left: 1px solid #D9D9D9;
	text-decoration: none;
	color: #D9D9D9;
	} #footMenu ul li a:hover { color: #fff; }

#footMenu ul li:first-child a { border-left: 0; }

/* footer */
#footer {
	width: 100%;
	height: 30px;
	background-color: #D9D9D9;
	font-size: 10px;
	color: #606060;
	}

#footer p {
	text-align: left;
	margin: 0 auto;
	padding: 7px 10px;
	width: 881px;
	}

#footer p a { color: #606060; text-decoration: none; }

/* content */
#content {
	}

/* SLIDESHOW */

#ssContainer {
	width: 860px; height: 362px;
	margin: 15px 20px 20px;
	}

#ssImage {
	float: left;
	position: relative;
	width: 722px;
	height: 362px;
	}

#ssImageOverlay {
	position: absolute;
	top: 0; left: 0;
	width: 722px; height: 362px;
	z-index: 11;
	background: url(../images/ss_image_over.gif) no-repeat top left;
	}

html > body #ssImageOverlay {
	background: url(../images/ss_image_over.png) no-repeat top left;
	}

#ssElements {
	position: relative;
	width: 722px; height: 362px;
	}

#ssElements img {
	position: absolute;
	top: 0; left: 0;
	z-index: 8;
	}

#ssElements img.active { z-index: 10; }
#ssElements img.last-active { z-index: 9; }

/* slideshow navigation */
#ssCtrl {
	float: left;
	width: 138px;
	height: 362px;
	background: url(../images/ss_controls_bg.png) no-repeat top left;
	}

#ssNav {
	position: relative;
	padding: 20px 0;
	margin: 0 19px;
	width: 100px;
	border-bottom: 1px solid #DDD;
	}

#inactivate {
	position: absolute;
	top: 0; left: 0;
	z-index: 20;
	width: 100px;
	height: 200px;
	background-color: transparent;
	display: none;
	}

a#ssNext:link, a#ssNext:visited, a#ssNext:hover, a#ssNext:active,
a#ssPrev:link, a#ssPrev:visited, a#ssPrev:hover, a#ssPrev:active {
	display: block;
	width: 80px; height: 80px;
	margin: 10px 10px 0;
	}

a#ssNext:link, a#ssNext:visited, a#ssNext:hover, a#ssNext:active {
	background: url(../images/ss_next.png) no-repeat 0 0;
	}
	a#ssNext:hover { background-position: -80px 0; }
	a#ssNext:active { background-position: -160px 0; }

a#ssPrev:link, a#ssPrev:visited, a#ssPrev:hover, a#ssPrev:active {
	background: url(../images/ss_prev.png) no-repeat 0 0;
	}
	a#ssPrev:hover { background-position: -80px 0; }
	a#ssPrev:active { background-position: -160px 0; }

#ssAuto {
	width: 80px;
	height: 80px;
	margin: 20px 29px;
	background-color: #D7D7D7;
	}

#ssAutoTitle {
	width: 80px;
	height: 42px;
	background: url(../images/ss_autoplay.png) no-repeat 0 0;
	}

#ssAutoOn {
	float: left;
	width: 40px; height: 38px;
	background: url(../images/ss_on.png) no-repeat -40px 0;
	}

#ssAutoOff {
	float: left;
	width: 40px; height: 38px;
	background: url(../images/ss_off.png) no-repeat 0 0;
	cursor: pointer;
	}


/* ** GLOBALS ** */
#sidebar {
	width: 300px;
	float: right;
	margin: 0 0 15px 0;
	*margin-top: 15px;
	}

#mainContent {
	margin: 15px 325px 15px 20px;
	}

#gallery #mainContent { margin-right: 0; width: 575px; }
#partners #mainContent { margin-left: 0; }

.rBox {
	background: #E6E6E6 url(../images/s_rounded_grey_top.png) no-repeat top left;
	padding: 15px 0 0 0;
	width: 280px;
	}

.rBox .rBoxBottom {
	height: 15px; width: 100%;
	background: url(../images/s_rounded_grey_bottom.png) no-repeat bottom left;
	}
	
/* ** ABOUT ** */
h3 {
	font-size: 14px; font-weight: bold;
	color: #4D4D4D;
	text-transform: uppercase;
	padding: 20px 0 15px 0;
	}
#mainContent h3:first-child,
#sidebar h3:first-child { padding-top: 0; }

#map { border: 1px solid #4D4D4D; }

span.sUppercase, span.big, .rBox label {
	display: block;
	margin: 0 15px;
	}

span.sUppercase, .rBox label {
	margin-top: 15px;
	font-size: 10px;
	text-transform: uppercase;
	}
.rBox span.sUppercase:first-child,
.rBox label:first-child { margin-top: 0; }

.rBox a:link, .rBox a:visited, .rBox a:hover, .rBox a:active {
	color: #4D4D4D;
	text-decoration: none;
	}
	
.rBox span.big { font-size: 14px; }

.rBox input, .rBox textarea {
	margin: 5px 15px;
	width: 198px;
	padding: 3px;
	background-color: #F7F7F7;
	border: 1px solid #999;
	font: 10px Arial, Helvetica, sans-serif;
	}

.rBox textarea { width: 244px; height: 102px; }
.errorMsg { margin-left: 15px; color: #FF0000; font-size: 10px; display: none; }

#sendMsg {
	width: 87px; height: 25px;
	margin-top: 5px;
	background: url(../images/btn_send.png) no-repeat top left;
	border: 0;
	cursor: pointer;
	} #sendMsg:hover { background-position: top right; }

/* Co-workers */
#coContainer {
	position: relative;
	height: 410px;
	margin: 20px -10px 20px -20px;
	background: url(../images/bg_co_container.png) no-repeat 0 43px;
	}

#coworkers {
	margin: 15px;
	}

#coworkers li {
	display: block;
	padding: 5px 10px;
	margin-bottom: 5px;
	width: 131px;
	height: 16px;
	cursor: pointer;
	}

#coworkers li:hover {
	background: url(../images/bg_co_name_hover.png) no-repeat top left;
	}

#coworkers li.coActive, #coworkers li.coActive:hover {
	background: url(../images/bg_co_name.png) no-repeat top left;
	}

.coInfo {
	position: absolute;
	top: 60px; left: 175px;
	height: 300px;
	width: 395px;
	background-color: #fff;
	z-index: 8;
	}

.coCurrent { z-index: 15; }

.avatar {
	width: 135px;
	height: 135px;
	position: relative;
	float: left;
	}

.avatar .avatarFrame {
	width: 135px; height: 135px;
	position: absolute;
	top: 0; left: 0;
	z-index: 10;
	background: url(../images/avatar_frame.gif) no-repeat top left;
	}

.avatar img {
	position: absolute;
	top: 0; left: 0;
	z-index: 9;
	}

.coInfo h4, .coInfo small, .coInfo p {
	display: block;
	margin-left: 145px;
	}

.coInfo h4 a:link, .coInfo h4 a:visited,
.coInfo h4 a:hover, .coInfo h4 a:active, .coInfo h4 {
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
	padding-top: 2px;
	color: #595959;
	text-decoration: none;
	} .coInfo h4 a:hover { color: #929292; }

.coInfo small { font-size: 10px; }
.coInfo p { margin-top: 15px; }

/* ** SERVIECES and GALLERY ** */
.rPurple { background: #9F66A9 url(../images/s_rounded_purple_top.png) no-repeat top left; color: #fff; }
.rBox .rPurpleBottom { background: #9F66A9 url(../images/s_rounded_purple_bottom.png) no-repeat bottom left; }
.rRed { background: #E03E30 url(../images/s_rounded_red_top.png) no-repeat top left; color: #fff; }
.rRed .rRedBottom{ background: #E03E30 url(../images/s_rounded_red_bottom.png) no-repeat bottom left; color: #fff; }
.rBlue { background: #00b6f0 url(../images/s_rounded_blue_top.png) no-repeat top left; color: #fff; }
.rBlue .rBlueBottom{ background: #00b6f0 url(../images/s_rounded_blue_bottom.png) no-repeat bottom left; color: #fff; }

#galleryList li { border-bottom: 1px solid #EA766A; }
#serviecesList li { border-bottom: 1px solid #B284B8; }
#partnerList li { border-bottom: 1px solid #17c4f3; }

#serviecesList li ul,
#galleryList li ul { display: none; }

#serviecesList li.first-child { border-top: 1px solid #B284B8; }
#galleryList li.first-child { border-top: 1px solid #EA766A; }
#partnerList li.first-child { border-top: 1px solid #17c4f3; }

#galleryList li ul li.first-child { border-top: 1px solid #EA766A; }
#serviecesList li ul li.first-child { border-top: 1px solid #B284B8; }

#galleryList li ul li.last-child,
#serviecesList li ul li.last-child { border-bottom: 0; }

#serviecesList a, #galleryList a, #partnerList a {
	padding: 6px 15px;
	display: block;
	color: #fff;
	}

#serviecesList li.l1 a { background: transparent url(../images/s_arrow_right_purple.png) no-repeat 5px center; }
#galleryList li.l1 a { background: transparent url(../images/s_arrow_right_red.png) no-repeat 5px center; }
#partnerList li.l1 a { background: transparent url(../images/s_arrow_right_blue.png) no-repeat 5px center; }

#serviecesList li ul a,
#galleryList li ul a {
	background: transparent;
	background-image: none !important;
	}

#galleryList li ul ul li { border: 0; }
#galleryList li ul ul a {
	padding-left: 30px;
	font-style: italic;
	}

#serviecesList li ul a:hover, #serviecesList li a:hover { background-color: #A975B0; }
#galleryList li ul a:hover, #galleryList li a:hover { background-color: #E76257; }
#partnerList li a:hover { background-color: #17c4f3; }

#serviecesList li ul a span { color: #B284B8; padding-right: 5px; }
#galleryList li ul a span { color: #EA766A; padding-right: 5px; }

h5 { font-size: 18px; text-transform: uppercase; font-weight: bold; }
h3.purple { color: #B284B8; }
#partners h5.indent { margin: 40px 0 -5px 20px; }


h3.lc { text-transform: none; }
#servieces #mainContent p { margin-bottom: 14px; }
#servieces #mainContent b { font-weight: bold; }

.jumpToTop {
	padding-right: 10px;
	font-size: 10px;
	line-height: 40px;
	color: #B284B8;
	text-transform: uppercase;
	background: url(../images/arrow_up_purple.png) no-repeat center right;
	} .jumpToTop:hover { text-decoration: none; }

/* ** GALLERY ** */
#gallery #mainContent a {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	width: 176px;
	height: 152px;
	color: #e0e0e0;
	}
	
html > body#gallery #mainContent a {
	margin: 0 15px 15px 0;
	}
	
#gallery #mainContent a img {
	width: 162px; height: 112px;
	padding: 7px 7px 33px 7px;
	background: url(../images/tn_bg.png) no-repeat top left;
	}

#gallery #mainContent hr {
	display: none;
/*	clear: both;
	width: 565px;
	height: 1px;
	margin: 5px 10px 15px 0;
	border: 0;
	border-bottom: 1px dotted #e0e0e0;
	*/
	}

/* ** PARTNERS ** */
#partners h5 {
	margin: 28px 0 14px 0;
	}

#partners h5:first-child { margin-top: 0; }

.clientList span, .clientList a {
	display: block;
	}

.clientList span { padding-left: 20px; font-weight: bold; }
.clientList p { padding-left: 20px; }
.clientList a {
	padding-left: 30px;
	margin-bottom: 14px;
	background: url(../images/arrow_right_blue.png) no-repeat center left;
	color: #00B8F1;
	} .clientList a:hover { text-decoration: none; }