/**
 * Screen Stylesheet of eyeworkers.de
 *
 * @author	Moritz Gießmann / eyeworkers interactive
 * @function 	Default screen stylesheet for all browsers
 *
 */

/* IDs have just been used for identifying elements with JavaScript and for anchors.
 * Please do not use them for styling!
 * -------------------------------------------
 * There are some Hacks for IE6 beginning with "_". which are not included in ie6.css.
 * This is because it doesn't make sense to repeat the whole inheritance structure of e.g. the menu
 */

/**
 * @section CSS Reset based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 * -------------------------------------------
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
/*	outline: 0;*/
	font-weight: normal;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1.5;
	height:100%;
	margin:0;
	padding:0;
}

/* prevents the jumping scrollbar in firefox/chrome */
html {
	height:100%;
	overflow-y:scroll;
	margin:0;
	padding:0;
}

ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* removes highlighting border on webkits when focused (mostly Safari and Chrome) */
input, select, textarea {
	outline: none;
}

* {
	text-decoration:none;
}

/**
 * @section Globals and typography
 * -------------------------------------------
 */

@font-face {
	font-family: 'MolengoRegular';
	src: url('/fonts/molengo-regular-webfont.eot');
	src: local('☺'), url('/fonts/molengo-regular-webfont.woff') format('woff'), url('/fonts/molengo-regular-webfont.ttf') format('truetype'), url('/fonts/molengo-regular-webfont.svg#webfont0Eg4hIzP') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	font-family : Tahoma, Arial, sans-serif;
	font-size: 62.5%;
	background:#6f7e05 url(/img/background/bg_content.gif) repeat;
	/*color: #222602;*/
	color:#222602;
}

a {
	text-decoration:none;
}

/*a:active {*/
/*	position:relative;*/
/*	top:1px;*/
/*}*/

label {
	cursor:pointer;
}

abbr, acronym  {
	cursor:help;
}

a acronym, a abbr {
	cursor:pointer;
}

.content h1, .content h2, .sidebar h2, .nav, .breadcrumbNav {
	font-family: 'MolengoRegular', sans-serif;
}

/**
 * @section Misc helperclasses
 * -------------------------------------------
 */
 
.left {
	float: left;
	margin: 0 0.5em 0 0;
}

.right {
	float: right;
	margin: 0 0 0 0.5em;
}

.clear {
	clear:both;
}

/**
 * @section Skiplinks
 * -------------------------------------------
 */

p.skiplinks {
	position: absolute;
	top: 0;
	left: -99999em;
	z-index: 100;
    }
p.skiplinks a:active, p.skiplinks a:focus {
	position: absolute;
	top: 4px;
	left: 99999em;
	display: block;
	text-align: center;
	color: #000;
	padding: 0 24px 4px;
	background-color: #fff;
	text-decoration: none;
	white-space: nowrap;
    }


/**
 * @section Container/Wrapper
 * -------------------------------------------
 */

.headerContainer {
	background:#4d4d3e url(/img/background/bg_header.jpg) top center repeat-x;
}

.header, .contentInner, .footer {
	margin: 0 auto;	
	width: 960px;
}

.mainContainer {
	position:relative;
	padding-bottom:40px;
	/*display:none;*/
	/*margin-bottom:100px;*/
}

.overallContainer {
	min-height:100%;
	position:relative;
}

.contentInner {
	position:relative;
}

.contentInner .shine {
	width:967px;
	height:730px;
	position:absolute;
	top:0;
	left:-412px;
	background:url(/img/background/bg_shine.jpg) no-repeat;
	z-index:0;
}

/**
 * @section Header
 * -------------------------------------------
 */

.header {
	clear: both;
	height:170px;
	position:relative;
}

.header .shine {
	width:500px;
	height:200px;
	background:url(/img/background/bg_shine_top.png)
	no-repeat center;
	position:absolute;
	top:-40px;
	left:-130px;
	opacity:0;
}

.logo {
	background:url(/img/logo_eyeworkers.png) no-repeat;
	width:232px;
	height:58px;
	position:absolute;
	left:-29px;
	top:30px;
}

.logo a {
	display:block;
	text-indent:-99999em;
	overflow:hidden;
	width:210px;
	height:50px;
	position:absolute;
	right:-10px;
	top:-6px;
}

.header a:focus {
	outline-color:#9db300;
	outline-width:thin;
}

/**
 * @subsection Global navigation
 * -------------------------------------------
 */


.globalNav {
	position:absolute;
	right:0;
	top:24px;
	display:inline;
	font-size:12px;
}

.globalNav li {
	float:left;
	width: 43px;
	height: 35px;
	margin-left:10px;
}

/* old global nav with popping up info text */
  
/*.globalNav li a {*/
/*	background: url(/img/icons/sprite_global_nav.png) no-repeat top left;*/
/*	display:block;*/
/*	text-indent:-99999em;*/
/*	width: 43px;*/
/*	height: 35px;*/
/*	overflow:hidden;*/
/*	float:left;*/
/*}*/

.globalNav li a {
	background: url(/img/icons/sprite_global_nav.png) no-repeat top left;
	display:block;
	width: 43px;
	height: 55px;
	overflow:hidden;
	float:left;
	line-height:85px;
	color:#d4d4d4;
	font-size:10px;
	text-align:center;
}

.globalNav li a.current,
.globalNav li a:hover,
.globalNav li a:focus {
	color:#fff;
}

.globalNav .contact a {
	background-position: 0 0;
}

.globalNav .contact a.current,
.globalNav .contact a:hover,
.globalNav .contact a:focus {
	background-position: 0 -85px;
}

.globalNav .twitter a {
	background-position: 0 -170px;
}

.globalNav .twitter a.current,
.globalNav .twitter a:hover,
.globalNav .twitter a:focus {
	background-position: 0 -255px;
}

.globalNav .blog a {
	background-position: 0 -340px;
}

.globalNav .blog a.current,
.globalNav .blog a:hover,
.globalNav .blog a:focus{
	background-position: 0 -425px;
}

.globalNav .jobs a {
	background-position: 0 -510px;
}

.globalNav .jobs a.current,
.globalNav .jobs a:hover,
.globalNav .jobs a:focus {
	background-position: 0 -595px;
}

.globalNav .news a {
	background-position: 0 -680px;
}

.globalNav .news a.current,
.globalNav .news a:hover,
.globalNav .news a:focus {
	background-position: 0 -765px;
} 

.tooltipContainer {
	position:absolute; 
	width:300px;
	right:0;
	top:24px;
	color:#fff;
	background: #666; /* masking unhidable background color in ie. added by mj */
}
	
.tooltipContainer ul {
	margin:0; 
	padding:0; 
	left:0; 
	top:0; 	
}
	
.tooltipContainer .tooltip {
	position:absolute; 
	left:5px; 
	top:40px; 
	padding:3px;	
	margin-left:5px;
	background:#3b3b2d;
	background:rgba(0,0,0,0.2);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	width:245px;
	text-align:center;
	display:none;
}

.tooltipContainer .tooltip .arrow {
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-bottom:5px solid #3b3b2d;
	border-bottom:5px solid rgba(0,0,0,0.2);
	position:absolute;
	top:-80px;
	left:10px;
}

/**
 * @section Navigation
 * -------------------------------------------
 */

.nav {
	background:url(/img/background/bg_nav.png) right top no-repeat;
	_background:url(/img/background/bg_nav.gif) right top no-repeat;
	width:960px;
	height:40px;
	position:absolute;
	bottom:27px;
	left:0;
	font-size:16px;
}

.nav a:focus {
	outline-color:#fff;
	outline-width:thin;
}

.nav li a span {
	text-transform:uppercase;
}

.nav .home {
	width:68px;
}

.nav li.home a {
	display:block;
	background:url(/img/icons/sprite_nav_home.png) 0 0 no-repeat!important;
	_background:url(/img/icons/sprite_nav_home.gif) 0 0 no-repeat!important;
	width:69px;
	height:40px;
	text-indent:-99999em;
	overflow:hidden;
	padding:0;
	margin:0;
}

/* Superfish */

.sf-menu li.home a:hover,
.sf-menu li.home a:focus,
.sf-menu li.home.current a,
.sf-menu li.home:hover {
	background: transparent url(/img/icons/sprite_nav_home.png) 0 -60px no-repeat !important;
	_background: transparent url(/img/icons/sprite_nav_home.gif) 0 -60px no-repeat !important;
}

.sf-menu li a {
	color:#fff;
	padding:8px 0 12px 14px;
	float:left;
	text-shadow:0px -1px 0 #272721;
	font-weight:normal;
	float:left;
	width:208px;
	height:20px;
	line-height:20px;
	display:block;
	/*filter: Shadow(Color=#272721, 	*/
	/*		Direction=0, */
	/*		Strength=1);*/
}

.sf-menu li.last-child a {
	width:210px;
}

.sf-menu li.last-child li a {
	width:208px;
}

.sf-menu li {
	background:transparent;
	position:relative;
	left:2px;
}

.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active,
.sf-menu li li {
	background-color:transparent;
}

.sf-menu li li {
	width:208px;
}

.sf-menu li.sfHover a,
.sf-menu li:hover a,
.sf-menu li a:hover,
.sf-menu li a:focus,
.sf-menu li.current a {
	background:url(/img/background/bg_nav_active_link.png) no-repeat top;
	_background:url(/img/background/bg_nav_active_link.jpg) no-repeat top;
}

.sf-menu li.last-child a {
	width:211px;
}

.sf-menu li.last-child a:hover,
.sf-menu li.last-child a:focus,
.sf-menu li.last-child.current a {
	background:url(/img/background/bg_nav_active_link_last.png) no-repeat top;
	_background:url(/img/background/bg_nav_active_link_last.gif) no-repeat top;
}

.sf-menu li.sfHover li a,
.sf-menu li:hover li a,
.sf-menu li.last-child li a,
.sf-menu li.last-child li a:hover,
.sf-menu li.last-child li a:focus,
.sf-menu li.last-child.current li a {
	background-image:none;
}

.sf-menu ul {
	width:229px;
	background: url(/img/background/bg_subnav_content.png) no-repeat top;
	_background: url(/img/background/bg_subnav_content.gif) no-repeat top;
	font-size:14.5px;
	padding-top:20px;
}

.sf-menu ul li a {
	height:auto;
	line-height:30px;
	position:relative;
	left:1px;
	padding:3px 5px 3px 10px;
	background-image:none;
	width:208px;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:-3px;
	top:40px;
}

.sf-menu li.current li a {
	background-image:none;
}

.sf-menu li.current li.current a {
	background-color:#818177;
}

.sf-menu li.last-child li a:hover,
.sf-menu li.last-child li a:focus,
.sf-menu li.last-child.current li.current a,
.sf-menu ul a:focus,
.sf-menu ul a:hover {
	background-image:none;
	background-color:#686958;
	background-color:rgba(255,255,255,0.1);
}

.sf-menu ul li:hover {
	background:none transparent;
}

.sf-menu ul li.foot {
	background:url(/img/background/bg_subnav_foot.png) no-repeat bottom;
	width:229px;
	height:10px;
	position:absolute;
	left:0px;
	bottom:-10px;
	line-height:0;
}


/**
 * @section Content
 * -------------------------------------------
 */

.content {
	clear: both;
	float: left;
	width: 590px;
	z-index:10;
	font-size:12px;
	padding-top:23px;
	position:relative;
	padding-bottom:285px;
}
.content ul li {
    background: url("/img/icons/arrow_right.png") no-repeat scroll left 5px transparent;
    list-style: none outside none;
    margin-bottom: 5px;
    padding-left: 13px !important;
}
.content .references_list ul li {
    background: none;
    list-style: none outside none;
    padding-left: 0 !important;
    position:relative;
}

.content .references_list ul li a img.hover {
	position:absolute;
	top:0;
	left:0;
	 filter: alpha(opacity=0); /* IE lt 8 */
	 -ms-filter: "alpha(opacity=0)"; /* IE 8 */
	-khtml-opacity: 0; /* Safari 1.x */
	-moz-opacity: 0; /* FF lt 1.5, Netscape */
	opacity: 0; /* Standard: FF gt 1.5, Opera, Safari */
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	transition: opacity 0.4s;
}

.content .references_list ul li a img.active,
.content .references_list ul li a img.hover:hover,
.content .references_list ul li a:focus img.hover{
	filter: alpha(opacity=100); /* IE lt 8 */
	 -ms-filter: "alpha(opacity=100)"; /* IE 8 */
	-khtml-opacity: 1; /* Safari 1.x */
	-moz-opacity: 1; /* FF lt 1.5, Netscape */
	opacity: 1; /* Standard: FF gt 1.5, Opera, Safari */
}

.wide {
	width: 960px;
}

.content h1, .content h2 {
	color:#f7ffbc;
	text-shadow:0 -1px 0 #4a5402;
}

.content h2 {
	font-size:45px;
	line-height:1;
	margin-bottom:15px;
	color:#F7FFBC;
}

.content h3, .h3 {
	font-size: 16px;
	margin-bottom:25px;
}

.content h4, .h4 {
	font-size: 22px;
	color: #222602;
	margin-bottom:5px;
	line-height:1.2;
	color:#F7FFBC;
	font-family:'MolengoRegular',sans-serif;
}

.start .content h4 {
	line-height:1.4;	
}

.content a {
	color:#F7FFBC;
	/*font-weight:bold;*/
	text-shadow:0 1px 0 #4D540A;
	text-decoration:underline;
}

.content a:hover,
.content a:focus {
	text-decoration:none;
	text-shadow:0 -1px 0 #4D540A;
	outline-color:#fff;
	color:#F7FFBC;
}

.content p {
	margin:0 0 15px 0;
	/*text-align: justify;*/
}

.content p.teaser {
	font-size:16px;
}

.content em {
	font-style:italic;
}

.content strong {
	font-weight:bold;
}

.content blockquote {
	margin-left:5px;
	padding-left:10px;
	/*font-style:italic;*/
	border-left:1px solid #dadada;
}

.content code {
	font-family:monospace;
}

.content pre {
	margin-bottom: 10px;
	background-color: white;
}

.content del {
	text-decoration:line-through;
	color:#f00;
}

.content ins {
	text-decoration:underline;
	color:#0a0;
}

/* Box im Content */

.mainbox {
	width: 285px;
	font-size:14px;
	position:relative;
	z-index:10;
	float: left;
	margin: 0 10px 10px 0;
}

.mainboxHead {
	height:10px;
	background:url(/img/background/bg_mainbox_head.png) no-repeat top;
}

.mainboxContent {
	background:url(/img/background/bg_mainbox_content.png) repeat-y;
	padding:1px 10px 10px;
}

.mainboxContent img {
	margin-bottom:8px;
}

.mainboxContent p {
	margin-bottom:0;
}

.mainboxFoot {
	height:10px;
	background:url(/img/background/bg_mainbox_foot.png) no-repeat bottom;
}

/* Listen */


.content ol {
	list-style:decimal;
	margin: 0 0 15px 20px;
}

.content ul {
	margin: 0 0 15px 0;
	list-style:disc inside;
}

.content ul li {
	padding-left:2px;
}

.content dl dt {
	font-weight:bold;
}

.content dl dd {
	padding-left:15px;
	font-style:italic;
}

/* Tabellen */

.content table {
	border-top:1px solid #dadada;
	border-left:1px solid #dadada;
	margin:0 0 15px 0;
}

.content table td, .content table th {
	border-bottom:1px solid #dadada;
	border-right:1px solid #dadada;
	padding:2px;
}

.content table th {
	font-weight:bold;
}

/**
 * @subsection Breadcrumb navigation
 * -------------------------------------------
 */

.content .breadcrumbNav {
	color:#f7ffbc;
	text-shadow:0 -1px 0 #4a5402;
	font-size:16px;
	height:16px;
	margin-bottom:5px;
	line-height:1;
	margin-top:5px;
}

.breadcrumbNav li {
	list-style:none;
	float:left;
	margin-right:2px;
}

.breadcrumbNav a {
	color:#f7ffbc;
}

.breadcrumbNav a:hover,
.breadcrumbNav a:focus {
	text-decoration:underline;
}

/**
 * @subsection Slideshow
 * -------------------------------------------
 */

.content .slideshow {
	margin-top:20px;
	margin-bottom:20px;
}

.content .slideshowHead {
	height:10px;
	background:url(/img/background/bg_slideshow_head.png) top no-repeat;
}

.content .slideshowContent{
	background:url(/img/background/bg_slideshow_content.png) repeat-y;
}

.js .content .slideshowContent {
	height:336px;
	/*overflow:hidden;*/
}

/*.js .content #slide1 img,*/
.js .content #slide2,
.js .content #slide3 {
	display:none;
}

.content .slideshowContent ul li{
	background:url(/img/background/bg_slideshow_content.png) repeat-y;
	background: none; /* removing inherited list style mj */
	padding-left: 0 !important; /* removing inherited padding mj */
}
.content ul.accordion li{
	list-style-type: none !important;
	background: none; /* removing inherited list style mj */
	padding-left: 0 !important; /* removing inherited padding mj */
}

.content .slideshowFoot {
	height:10px;
	background:url(/img/background/bg_slideshow_foot.png) no-repeat bottom;
}

.content .slideshow ul {
	margin:0;
	padding:0 10px;
}

.content .slideshow ul li {
	list-style:none;
	left:0;
	padding-left:0;
}

.content .slideshow li div.caption {
	padding-bottom:25px;
	/*border-bottom:1px solid #000;*/
}

.content .slideshow li:last-child div.caption {
	padding-bottom:0;
}

.js .content .slideshow li div.caption {
	margin-bottom:0;
	padding:0;
	border-bottom:0;
}

.content .slideshow li .teaser {
	width: 570px;
	height: 248px;
}

.content .slideshow li h2 {
	float:left;
	line-height:1;
	margin-left:2px;
	font-size:49px;
	margin-right:10px;
}

.content .slideshow li h3 {
	font-size:22px;
	margin-bottom: 0px;
	margin-top: 5px;
	color:#F7FFBC;
}

.content .slideshow li h4 {
	margin-bottom:0;
	width: 570px;
	font-size: 14px;
	line-height:1.6;
	color:#222602;
	font-family:Tahoma,sans-serif;
}

.content .slideshow li p {
	margin-bottom:0;
	margin-left:2px;
	width: 570px;
}

.jcarousel-clip-horizontal {
	margin:0 10px;
}

.jcarousel-skin.jcarousel-clip-horizontal {
	width:  570px;
	height: 317px;
}

/* Horizontal Buttons */

.jcarousel-skin .jcarousel-next-horizontal {
	position: absolute;
	top: 135px;
	right: -27px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background: transparent url(/img/icons/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin .jcarousel-next-horizontal:hover {
	background-position: -32px 0;
}

.jcarousel-skin .jcarousel-next-horizontal:active {
	background-position: -64px 0;
}

.jcarousel-skin .jcarousel-next-disabled-horizontal,
.jcarousel-skin .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-next-disabled-horizontal:active {
	cursor: default;
	background-position: -96px 0;
}

.jcarousel-skin .jcarousel-prev-horizontal {
	position: absolute;
	top: 135px;
	left: -27px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background: transparent url(/img/icons/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin .jcarousel-prev-horizontal:hover {
	background-position: -32px 0;
}

.jcarousel-skin .jcarousel-prev-horizontal:active {
	background-position: -64px 0;
}

.jcarousel-skin .jcarousel-prev-disabled-horizontal,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:active {
	cursor: default;
	background-position: -96px 0;
}

/**
 * @subsection Accordion
 * -------------------------------------------
 */

.content .accordion li {
	border-bottom:1px solid #4d540a;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
}

.accordion .caption {
	line-height:1;
	padding:20px 0 20px;
}

.accordion .caption h2 {
	font-size:20px;
	text-shadow:none;
	margin-bottom:10px;
	margin-top:4px;
}

.accordion p.teaser {
	font-size:12px;
	margin-right:40px;
	line-height:1.4;
	margin-bottom:5px;
}

.js .accordion div.expander {
	cursor:pointer;
}

.accordion .caption img {
	float:left;
	margin-right:20px;
}

.accordion .expandable {
	padding-left:106px;
	padding-right:40px;
}

.accordion a.expander {
	width:32px;
	height:20px;
	background-image:url(/img/icons/sprite_arrows_small.png);
	background-repeat:no-repeat;
	background-position: 0 -7px;
	position:absolute;
	right:0;
	bottom:0px;
	z-index:10;
	display:none;
}

.accordion .expandable p {
	font-size:12px;
}

.js .accordion a.expander {
	display:block;
}

.js .accordion .expandable {
	display:none;
}

.accordion .active a.expander {
	background-position:0 8px;
}

/**
 * @subsection Newsarchiv Header
 * -------------------------------------------
 */

.archivehead {
	border-bottom:1px solid #4d540a;
	padding: 5px 0 10px 0;
	margin-bottom: 25px;
}

.archivehead li {
	float: left;
	list-style-type: none;
	margin-right: 20px;
	background: none !important;
	margin-left:-13px;
}

.archivehead h2 {
	font-size: 20px;
}

.archivehead  a{
	text-decoration: underline;
	color: white;
}

/**
 * @subsection Galerie
 * -------------------------------------------
 */

.galerie {
	float: left;
	margin: 10px 10px 0px 0px;
}

/**
 * @section Sidebar
 * -------------------------------------------
 */

.sidebar {
	float: right;	
	width: 310px;
	margin-top:90px;
	font-size:12px;
	position:relative;
	color:#F7FFBC;
	padding-bottom:285px;
	/*z-index:10;*/
}

.sidebarHead {
	height:10px;
	background:url(/img/background/bg_sidebar_head.png) no-repeat top;
}

.sidebarContent {
	background:url(/img/background/bg_sidebar_content.png) repeat-y;
	padding:7px 20px 10px;
}

.sidebarFoot {
	height:10px;
	background:url(/img/background/bg_sidebar_foot.png) no-repeat bottom;
	margin-bottom:20px;
}

.sidebar h2, .sidebar .facts span {
	color:#f7ffbc;
	text-shadow:0 -1px 0 #1b1f01;
	font-size:30px;
	line-height:1;
	margin-bottom:10px;
}

.sidebar img {
	margin-bottom: 10px;
}

.sidebar .facts span {
	display:block;
	float:left;
	width:50px;
	text-align:right;
	padding-right:16px;
}

.sidebar ul.facts li {
	background:none;
	padding-left:0;
	clear:both;
	vertical-align:middle;
	line-height:30px;
	font-size:16px;
}

.sidebar h4 {
	font-size: 22px;
	color: #F7FFBC;
	margin-bottom:10px;
	font-family:'MolengoRegular',sans-serif;
}

.sidebar dl.facts {
	margin-bottom:30px;
}

.sidebar .facts dd {
	margin-bottom:15px;
}

.sidebar table.clients {
	width:100%;
	margin-left: -6px;
	margin-bottom: 13px;
}

.sidebar table.clients td,
.sidebar table.clients th {
	padding:5px;
	text-align:center;
}

.textOutside  {
	position:absolute;
	left:-99999em;
}

.sidebar ul {
	margin-bottom:20px;
	font-size:12px;
}

.sidebar ul li,
.references_details ul li{
	background:url(/img/icons/arrow_right.png) left 5px no-repeat;
	padding-left:13px;
	margin-bottom:5px;
	list-style:none;
	/*line-height:15px;*/
}

.sidebar a {
	text-decoration:none;
	color:#F7FFBC;
	text-decoration:underline;
}

.sidebar a:hover,
.sidebar a:focus {
	text-decoration: none; /* changed from underline. mj */
}

.sidebar ul.tagCloud {
	margin-bottom:0;
}

.sidebar ul.tagCloud li {
	list-style:none;
	display:inline;
	background:none;
	padding:0 5px 0 0;
}

.sidebar ul.tagCloud li a {
	text-decoration:none;
}

.sidebar ul.tagCloud li a:hover,
.sidebar ul.tagCloud li a:focus {
	/*text-decoration: underline;*/
	opacity:1;
}

.sidebar ul.tagCloud li.sizeS {
	font-size:13px;
}

.sidebar ul.tagCloud li.sizeM {
	font-size:15px;
}

.sidebar ul.tagCloud li.sizeL{
	font-size:19px;
}

.sidebar ul.tagCloud li.sizeXL {
	font-size:23px;
}

.sidebar ul.tagCloud li.sizeXXL {
	font-size:27px;
}

.sidebarContent :last-child,
.sidebarContent .last-child {
	margin-bottom:0;
}


/**
 * @section Footer
 * -------------------------------------------
 */

.footerContainer {
	background: #4d4d3e url(/img/background/bg_footer.gif) repeat-x top;
	color:#a6a69f;
	position:absolute;
	z-index:11;
	bottom:0;
	left:0;
	width:100%;
}

.footer {
	position:relative;
	padding-top:20px;
	padding-bottom:15px;
}

.footer h2 {
	font-size:18px;
	text-shadow:0px -1px 0 #272721;
}

.footer h2 span {
	text-transform:uppercase;
}

.footer a {
	color:#fff;
	text-decoration:underline;
}

.footer a:hover,
.footer a:focus {
	text-decoration:none;
}

.footNavCol {
	float:left;
	margin-left:75px;
	width:183px;
}

.footNavCol a {
	display:block;
	background:url(/img/background/bg_double_line_footer.gif) repeat-x bottom;
	font-size:12px;
	line-height:1;
	padding:9px 0;
	color:#a6a69f;
	text-decoration:none;
}

.footNavCol li.current a,
.footNavCol a:hover,
.footNavCol a:focus,
.footNavCol a:hover acronym,
.footNavCol a:focus acronym {
	color:#fff;
	font-weight:bold;
}

.footer .first-child {
	margin-left:0;
}

.footer p.copy {
	width:960px;
	margin:0 auto;
	padding:10px 0;
	color:#a6a69f;
	font-size:11px;
	background:transparent url(/img/background/bg_double_line_footer.gif) repeat-x top;
	position:relative;
	top:-2px;
	line-height:23px;
	height:23px;
}

.footer p.copy img {
	margin-right:10px;
	vertical-align:top;
}

.footer .facebook {
	position:absolute;
	top:12px;
	right:0px;
	border:none;
	overflow:hidden;
	width:130px;
	height:21px;
}


/**
 * @section Blog
 * -------------------------------------------
 */

p.readOn {
	margin-top:-15px;
}

/**
 * !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
 * !!! contact form														   !!!
 * !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
 **/

form#contactform
 {
  margin: 1em 0;
  padding: 0;
  }
form#contactform h2
{
  margin: 0 0 1em 0;
  padding: 0;
  }
  
form#contactform em {
	font-style:normal;
}

form#contactform legend {
	margin: 0;
	padding-right: 5px;
	font-size: 20px;
	color: #222602;
}

form#contactform p#required {
	margin-bottom:15px;
}

form#contactform p {
	clear: left;
	margin: 0 0 0.5em 0;
	padding: 0;
	position:relative;
}

form#contactform img {
	margin: 0 0 0 150px; 
}

form#contactform label {
	display: block;
	float: left;
	padding: 5px 10px 15px 0;
	position: relative;
	text-align:left;
	width:100px;
	font-weight:bold;
}
  
form#contactform label.error,
form#contactform label strong {
	width:220px;
	color:#F7FFBC;
	font-weight:bold;
	padding:5px 10px;
	position:absolute;
	left:463px;
	_left:350px;
	top:0px;
	_top:1px;
	background:#800;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 0 7px rgba(0,0,0,.5);
	-webkit-box-shadow:0 0 7px rgba(0,0,0,.5);
	box-shadow:0 0 7px rgba(0,0,0,.5);
	z-index:100;
}

form#contactform label.error:before,
form#contactform label strong:before {
	content:url(/img/icons/arrow_red_left.gif);
	position:absolute;
	left:-5px;
	top:9px;
}

form#contactform label.checked {
	width:16px;
	height:16px;
	background:url(/img/icons/icon_check.png) no-repeat top left;
	display:block;
	left:432px;
	top:6px;
	padding:5px 5px 5px 30px;
	-moz-box-shadow:0 0 0 transparent;
	-webkit-box-shadow:0 0 0 transparent;
	box-shadow:0 0 0 transparent;
}

form#contactform label.checked:before {
	content:"";
}

form#contactform input.input-text {
	width:310px;
	border:1px solid transparent;
	padding:5px 30px 5px 5px;
	color:#F7FFBC;
	font-size:12px;
	background-color:#5f6b05;
	background-color:rgba(0,0,0,0.3);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

form#contactform input[type="text"].error,
form#contactform input.input-text.error,
form#contactform textarea.error {
	border:1px solid #800;
}


form#contactform input.input-text:focus,
form#contactform textarea:focus,
form#contactform input[type="text"]:focus {
	-moz-box-shadow:0 1px 4px rgba(0,0,0,0.8) inset;
	-moz-webkit-shadow:0 1px 4px rgba(0,0,0,0.8) inset;
	box-shadow:0 1px 4px rgba(0,0,0,0.8) inset;
	border:1px solid transparent;
	background-color:#738303;
	background-color:rgba(0,0,0,0.2);
	border:1px solid #5d6814\0/; /* added border for ie8 mj*/
}
  
form#contactform textarea {
	width:310px;
	height: 150px;
	overflow: auto;
	background-color:#5f6b05;
	background-color:rgba(0,0,0,0.3);
	border:none;
	padding:5px 30px 5px 5px;
	-moz-border-radius:3px;
	font-family:Tahoma, sans-serif;
	font-size:12px;
	color:#F7FFBC;
	border:1px solid transparent;
	resize:none;
}

form#contactform select {
	width: 355px;
}

form#contactform input[type="checkbox"] {
	position: relative;
	top: 5px;
}

form#contactform #call-back label,
form#contactform #info-request label {
	float: none;
	display: inline;
	width: auto;
	padding-right: 0;
}

form#contactform input#absenden {
	background: #111 url(/img/background/alert-overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #F7FFBC;
	text-decoration: none;
	/*font-weight: bold;*/
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #000;
	-webkit-box-shadow: 0 1px 3px #000;
	text-shadow: 0 -1px 0 #555;
	border-bottom: 1px solid #222;
	position: relative;
	cursor: pointer;
	border:none;
	position:absolute;
	left:320px;
	*+html left: 280px !important; /* position fix for ie7 */
	left: 333px\0/; /* position fix for ie8 */
	top:3px;
}

form#contactform input#absenden:hover {
	background-color:#26261f;
} 

form#contactform input#absenden:active {
	top:4px;
	-moz-box-shadow: 0 0px 3px #000;
	-webkit-box-shadow: 0 0px 3px #000;
}

form#contactform p.hiddenField, .js form#contactform p.rueckruf {
	display:none;
}



/**
 * !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
 * !!! Ausgabe Referenzen 		                                   !!!
 * !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
 **/
 
.references_list{
 	width: 520px;
 	float: left;
 	overflow:hidden;
	
}

.references_list li a:focus {
	outline:none;
}

/*.references_list li.current img,*/
/*.references_list li a:hover img,*/
/*.references_list li a:focus img {*/
/*	-moz-box-shadow:0 0 5px #000;*/
/*	-webkit-box-shadow:0 0 5px #000;*/
/*	box-shadow:0 0 5px #000;*/
/*	-moz-border-radius:5px;*/
/*	-webkit-border-radius:5px;*/
/*	border-radius:5px;*/
/*}*/

.references_list
.references_sort {
 	list-style-type: none;
 	width: 520px;
 	height: 40px;
 	margin: 0 0 30px 0;
}

.references_list
.references_sort a {
 	display: block;
 	height: 40px;
 	width: 128px;
 	color: #F7FFBC;
 	outline: none;
	font-weight:normal;
	text-decoration:none;
}
 
.references_sort a:hover,
.references_sort a:focus {
	text-decoration:none;
} 
 
.references_list
.references_sort li{
 	list-style-type: none;
 	width: 128px;
 	float: left;
 	height: 40px;
 	line-height: 40px;
 	font-size: 16px;
 	padding: 0;
 	text-indent: 10px;
 }
 /*
.references_list .references_companies{
	float: left;
}
 */
.references_list
.references_companies li{
 	list-style-type: none;
 	width: 120px;
 	height: 80px;
 	float: left;
 	margin-right: 8px;
 	margin-bottom: 10px;
}
/* following !importants added by mj */
.references_list
.references_sort_first{
	background-image: url(/img/background/references_sort_first.png) !important;
	_background-image: none !important;
	_background-color: #606e00 !important;
}

.references_list
.references_sort_middle{
	background-image: url(/img/background/references_sort_middle.png) !important;
	_background-image: none !important;
	_background-color: #606e00 !important;
}
 
.references_sort_last{
	background-image: url(/img/background/references_sort_last.png) !important;
	_background-image: none !important;
	_background-color: #606e00 !important;
}
 
.references_sort_first:hover,
.references_sort_first:focus,
.references_sort_first_active{
	background-image: url(/img/background/references_sort_first_hover.png) !important;
	_background-image: none !important;
	_background-color: #546200 !important;
}

.references_sort_middle:hover,
.references_sort_middle:focus,
.references_sort_middle_active{
	background-image: url(/img/background/references_sort_middle_hover.png) !important;
	_background-image: none !important;
	_background-color:#546200 !important;
}
 
.references_sort_last:hover,
.references_sort_last:focus,
.references_sort_last_active{
	background-image: url(/img/background/references_sort_last_hover.png) !important;
	_background-image: none !important;
	_background-color:#546200 !important;
}
 
.references_details{
 	width: 440px;
 	float: left;
}
 
.references_details
.references_details_head {
 	height: 10px;
 	width: 100%;
 	background-image: url(/img/background/references_details_head.png);
}
 
.references_details
.references_details_content{
 	/*height: 460px;*/
 	width: 100%;
 	background-image: url(/img/background/references_details_content.png);
	padding-bottom:1px;
	color:#F7FFBC;
}

.references_details
.references_details_content :last-child {
	margin-bottom:5px;
}

.references_details
.references_details_content img{
 	height: 250px;
 	width: 420px;
 	padding: 0 10px 10px 10px;
}
 
.references_details
.references_details_description{
 	margin: 0 10px;
 	width: 420px;
 	background-repeat: repeat-y;
}
 
.references_details h1{
 	font-size: 26px;
 	line-height: 22px;
 	margin-bottom: 20px;
 	letter-spacing: 3px;
}
 
.references_details
.references_details_footer{
 	height: 10px;
 	width: 100%;
 	background-image: url(/img/background/references_details_footer.png);
}

/**
 * !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
 * !!! Jquery Stickybox		                                   !!!
 * !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
 **/
 
.references_detailsWrap {
	width: 440px;
	height: 780px;
	float:left;
	position: relative;
}