/*
  Author Name: JAKOTA Design Group GmbH
  Author URI:  http://www.jakota.de/
  Version:     2.0
*/

@font-face {
	font-family: 'DINAlternateMedium';
	src: url('/media/fonts/din-mediumalternate-webfont.eot');
	src: local('☺'), url('/media/fonts/din-mediumalternate-webfont.woff') format('woff'), url('/media/fonts/din-mediumalternate-webfont.ttf') format('truetype'), url('/media/fonts/din-mediumalternate-webfont.svg#webfontmiec3a3e') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body {
	color:											#FFFFFF;
	font-family:								Arial, Helvetica, sans-serif;
	height:											100%;
	margin:											0;
	padding:										0;
	overflow:										hidden;
}

.QOverlay {
	background-color:						#FFFFFF;
	z-index:										9999;
}

.QLoader {
	background-color:						#65fb06;
	height:											3px;
}

div#mainmenu {
	left:												0;
	position:										relative;
	top:												71px;
}
div#mainmenu img.logo {
	border:											0 none;
	margin-left:								2px;
	padding-bottom:							15px;
}
div#mainmenu a.homeLink {
	left:												24px;
	position:										absolute;
	top:												-37px;
}
div#mainmenuBorder {
	background-color:						#65fb06;
	cursor:											pointer;
	height:											170px;
	position:										absolute;
	width:											12px;
	z-index:										11;
}
div#mainmenuContent {
	background:									url("../images/backgroundMainmenu.png") repeat scroll 0 0 transparent;
	left:												12px;
	padding:										14px 12px 14px 11px;
	position:										absolute;
	top:												0;
	z-index:										10;
}
div#mainmenu ul {
	margin:											0;
	padding:										0;
}
div#mainmenu ul li {
	list-style-type:						none;
	margin:											0;
	padding:										0;
}
div#mainmenu ul li a {
	border:											1px solid transparent;
	color:											#FFFFFF;
	display:										block;
	font-family:								Arial, Helvetica, sans-serif;
	line-height:								normal;
	font-size:									16px;
	font-style:									normal;
	font-weight:								normal;
	padding:										4px;
	text-decoration:						none;
	text-indent:								-999px;
}
div#mainmenu ul li a:hover {
	border:											1px solid #65fb06;
}
div#mainmenu ul li.m7,
div#mainmenu ul li.m23,
div#mainmenu ul li.m75,
div#mainmenu ul li.m58,
div#mainmenu ul li.m74,
div#mainmenu ul li.m76 {
	float:											left;
}
div#mainmenu ul li.m75,
div#mainmenu ul li.m74,
div#mainmenu ul li.m76 {
	clear:											left;
}
div#mainmenu ul li.m7 {
	margin:											0px 10px 2px 0px;
}
div#mainmenu ul li.m75 {
	margin:											0 8px 3px 0;
}
div#mainmenu ul li.m74 {
	margin:											0 0 3px 0;
}

div#mainmenu ul li.m7 a {
	background:									url("../images/buttonMainmenuNews.png") no-repeat scroll 4px 4px transparent;
	height:											23px;
	width:											83px;
}
div#mainmenu ul li.m23 a {
	background:									url("../images/buttonMainmenuClients.png") no-repeat scroll 4px 4px transparent;
	height:											23px;
	width:											113px;
}
div#mainmenu ul li.m75 a {
	background:									url("../images/buttonMainmenuGroup.png") no-repeat scroll 4px 5px transparent;
	height:											23px;
	width:											106px;
}
div#mainmenu ul li.m58 a {
	background:									url("../images/buttonMainmenuWork.png") no-repeat scroll 4px 5px transparent;
	height:											23px;
	width:											92px;
}
div#mainmenu ul li.m74 a {
	background:									url("../images/buttonMainmenuCompetence.png") no-repeat scroll 4px 4px transparent;
	height:											24px;
	width:											215px;
}
div#mainmenu ul li.m76 a {
	background:									url("../images/buttonMainmenuContact.png") no-repeat scroll 4px 4px transparent;
	height:											24px;
	width:											153px;
}

div#designAwards {
	left:												28px;
	position:										absolute;
	top:												274px;
}
div#designAwards a img {
	border:											1px solid transparent;
	opacity:										0.5;
}
div#designAwards a img:hover {
	border:											1px solid #65fb06;
	opacity:										1;
}
div#designAwards div.award {
	float:											left;
	margin:											0px 24px 0px 0px;
}

div#submenu {
	background:									url("../images/backgroundMainmenu.png") repeat scroll 0 0 transparent;
	bottom:											40px;
	border-right:								12px solid #65FB06;
	overflow:										hidden;
	padding:										5px 0 5px 0;
	position:										absolute;
	right:											0;
}
div#submenuBorder {
	background-color:						#65fb06;
	bottom:											40px;
	cursor:											pointer;
	height:											38px;
	position:										absolute;
	right:											0px;
	width:											12px;
	z-index:										12;
}
div#submenuContent {
	min-height:									28px;
	width:											0px;
}
a#nav_quicklinks {
	background:									url("../images/buttonSubmenuQuicklinks.png") no-repeat scroll 4px 4px transparent;
	border:											1px solid transparent;
	bottom:											5px;
	cursor:											pointer;
	display:										block;
	height:											25px;
	float:											left;
	left:												7px;
	position:										absolute;
	text-indent:								-9999px;
	width:											132px;
}
a.qulicklink_button_over,
a.qulicklink_button_normal_pressed,
a.qulicklink_button_over_pressed {
	border:											1px solid #65fb06 !important;
}
div#nav_quicklinks_container {
	bottom:											54px;
	left:												6px;
	padding:										0px 0px 0px 6px;
	position:										relative;
	width:											500px;
}
div#nav_quicklinks_container div.subcolumns div.c33l,
div#nav_quicklinks_container div.subcolumns div.c33r {
	float:											left;
	padding-top:								60px;
	width:											33.333%;
}
div#nav_quicklinks_container div.subcolumns h2,
div#nav_quicklinks_container div.subcolumns a,
div#autocomplete_choices h2,
div#autocomplete_choices a {
	color:											#FFFFFF;
	cursor:											default;
	font-family:								'DIN30640NeuzeitGrotesk-LightL', sans-serif;
	line-height:								normal;
	font-size:									21px;
	font-style:									normal;
	font-weight:								normal;
	margin:											10px 0px 10px 0px;
	text-transform:							uppercase;
}
div#nav_quicklinks_container div.subcolumns a {
	border-color:								transparent transparent transparent #65FB06;
	border-style:								solid;
	border-width:								1px;
	cursor:											pointer;
	display:										block;
	/*font-family:								Trebuchet MS,Verdana,Arial,Helvetica, sans-serif;*/
	font-size:									13px;
	margin:											1px 10px 0px 0px;
	padding:										0 3px 0 6px;
	text-decoration:						none;
	text-transform:							none;
}
div#nav_quicklinks_container div.subcolumns a:hover {
	border:											1px solid #65fb06;
}

div#searchform {
	background:									url("../images/buttonSubmenuSearch.png") no-repeat scroll 0 2px transparent;
	bottom:											8px;
	left:												209px;
	position:										absolute;
}
div#searchform input#searchform_field {
	background:									url("../images/backgroundSearchFieldNormal.png") repeat scroll 0 0 transparent;
	border:											1px solid #65fb06;
	color:											#000000;
	/*font-family:								Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;*/
	font-size:									15px;
	height:											19px;
	margin:											0 0 0 92px;
	padding:										0px 2px;
	width:											185px;
}
div#searchform input#searchform_field:hover {
	background:									url("../images/backgroundSearchFieldHover.png") repeat scroll 0 0 transparent;
}
div#searchform input.searchbutton {
	display:										none;
}
div#autocomplete_choices {
	bottom:											50px;
	left:												6px;
	padding:										54px 0px 0px 6px;
	position:										relative;
	width:											500px;
}
div#autocomplete_choices ul {
	margin:											0;
	padding:										0;
}
div#autocomplete_choices ul li {
	border-color:								transparent transparent transparent #65FB06;
	border-style:								solid;
	border-width:								1px;
	list-style-type:						none;
	margin:											1px 10px 0px 0px;
	padding:										0 3px 0 6px;
}
div#autocomplete_choices ul li.active {
	border:											1px solid #65fb06;
}
div#autocomplete_choices a {
	cursor:											pointer;
	display:										block;
	/*font-family:								Trebuchet MS,Verdana,Arial,Helvetica, sans-serif;*/
	font-size:									13px;
	margin:											0;
	text-decoration:						none;
	text-transform:							none;
}

div.tooltip,
div#preloadSlideshowImages,
div#tooltipSlideshow {
	background:									url("../images/backgroundMainmenu.png") repeat scroll 0 0 transparent;
	color:											#FFFFFF;
	cursor:											default;
	position:										absolute;
	/*font-family:								Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;*/
	font-size:									13px;
	padding:										1px;
	text-align:									center;
	opacity:										0;
	filter:											alpha(opacity = 0);
}

div.tooltip span { font-family: 'DINAlternateMedium', sans-serif; }

div.tooltip.mainmenu {
	top:												263px;
	left:												12px;
	width:											260px;
}
div.tooltip.submenu {
	top:												49%;
	left:												43%;
	padding:										3px 6px 3px 5px;
	width:											auto;
}

div#latestNewsBorder {
	background-color:						#65fb06;
	bottom:											40px;
	cursor:											pointer;
	height:											232px !important;
	position:										absolute;
	width:											12px;
	z-index:										11;
}
div#latestNews {
	background:									url("../images/backgroundMainmenu.png") repeat scroll 0 0 transparent;
	bottom:											40px;
	left:												12px;
	padding:										14px 12px 14px 11px;
	position:										absolute;
}
div#latestNews h2 {
	margin:											0px 0px 11px 0px;
}
div#latestNews h2 a {
	border:											1px solid transparent;
	color:											#FFFFFF;
	font-family:								'DIN30640NeuzeitGrotesk-LightL',sans-serif;
	font-size:									21px;
	font-style:									normal;
	font-weight:								normal;
	line-height:								normal;
	padding:										0px 4px 0px 4px;
	text-decoration:						none;
	text-transform:							uppercase;
}
div#latestNews h2 a:hover {
	border:											1px solid #65FB06;
}
div#latestNews .rss_header {
	margin:											4px 0px 4px 5px;
}
div#latestNews .rss_header a {
	border-color:								transparent transparent transparent #65FB06;
	border-left:								1px solid #65FB06;
	border-style:								solid;
	border-width:								1px;
	color:											#FFFFFF;
	/*font-family:								Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;*/
	font-size:									13px;
	font-style:									normal;
	font-weight:								normal;
	line-height:								normal;
	padding:										0px 4px 0px 4px;
	text-decoration:						none;
}
div#latestNews .rss_header a:hover {
	border:											1px solid #65FB06;
}

div#preloadSlideshowImages {
	right:											20px;
	top:												20px;
}

div#backgroundImage img {
	position:										absolute;
	left:												0px;
	top:												0px;
}
div#backgroundImage img.first {
	z-index:										1;
}
div#backgroundImage img.last {
	z-index:										0;
}
div#backgroundImage {
	position:										relative;
}

div#latestNews h2,
div#latestNews h2 a, 
div#latestNews h2 a:hover  {
	border: 0px solid #ffffff;
	width: 300px;
	white-space:nowrap;
}