charset "utf-8";
/* CSS Document */

html {
	min-height: 100%;
	margin-bottom: 1px;
	font-size: .8em;
}

html, input, textarea {
	font-family: Verdana, Arial, Sans-Serif;
}

#menu{
	font-family: Arial, Sans-Serif;
}


body {
	color: #5b5b5b;
	line-height: 1.2em;
}

a {
	color: #007b7e;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

input[type="text"], input[type="password"], input[type="file"], select, textarea {
	color: #3f3e3e;
		padding: .1em;
	border: 1px solid #c2c2c2;
	margin-bottom: .5em;
}
.small {font-size: 10px;
line-height: normal;
}

label, input[type="submit"], input[type="image"], button {
	cursor: pointer;
}

label {
	margin-right: .5em;
}

input[type="image"] {
	vertical-align: top;
	padding: 0;
	border: 1px solid #000;
}

select {
	padding-top: .07em;
	padding-bottom: .07em;
	vertical-align: top;
}

hr {
	border: 0;
	border-bottom: 1px solid #f3f3f3;
}

blockquote {
	border-left: 0.3em solid #5b5b5b;
	margin-left: 1em;
	padding-left: .5em;
}

q:lang(de) {
	quotes: "\201E" "\201C" "\201A" "\2018";
}

q:lang(en) {
	quotes: "\201C" "\201D" "\2018" "\2019";
}

q:before {
	content: open-quote;
}

q:after {
	content: close-quote;
}

abbr[title] {
	border-bottom: 1px dotted #888 !important;
	cursor: help;
}

a abbr {
	cursor: pointer !important;
}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */

.hint {
	display: none !important;
}

ul li.last {
	border-right: 0 !important;
}

/* Home page.
------------------------------------------------------------------------------------------------------------------------
*/
#home #content {
	line-height: 1.3em;
}

#home #content a {
	color: #007b7e;
}

#home #content p {
	margin-bottom: .9em;
	font-size: 11px;
}

#home #content p.more {
	text-align: right;
}

#home #content p.more a {
	padding-right: 14px;
	background: url(../images/more_white.gif) no-repeat scroll right ;
	color: #fff;
}

#home #content h2 {
	font-family: Verdana; Helvetica; san-serif;
	font-weight: normal;
	margin: 0;

}

#home #partner, #home #partner2, #home #partner3 {
	background-color: #d9d9d9;
	text-align: center;
}


#home #partner ul li {
	display: inline;
	padding: .3em;
}

#home #events {
	background-color: #d6a81f;
}

#home #events, #home #events a {
	color: #fff;
}

#home #events p.more a {
	background-image: url(../images/more-white.gif);
}

#home #slogan {
	border: 1px solid #c2c2c2;
}

#home #partner, #home #partner2, #home #partner3 {
	border: 1px solid #c2c2c2;
}

#home #news img.category {
	border: 1px solid #c2c2c2;
}

#home #news .item {
	margin: 1em 0;
}

#home #news .item h3 {
	font-size: .85em;
	font-weight: bold;
}

#home #news .item .title {
	display: block;
	font-style: italic;
	font-weight: normal;
}



#home #interact, #home #interact a {
	color: #FFFFFF;
}

#home #interact input[type="text"] {
	width: 45%px;
}

#home #interact p.more a {
	background-image: url(../images/more-white.gif);
}

/* Header.
------------------------------------------------------------------------------------------------------------------------
*/
#logo {
	margin: 1.4em 0;
}

#logo a {
	background: transparent url(../images/logo.gif) no-repeat scroll left top;
	display: block;
	width: 200px;
	height: 48px;
}

/* Site tools.
------------------------------------------------------------------------------------------------------------------------
*/
#site-tools {
	background: #ddddde url(../images/site-tools-background.png) repeat-y scroll center top;
	border: 1px solid #c2c2c2;
}

#site-tools #links ul {
	text-align: center;
	margin: 10px 10px 10px 5px;
	padding-bottom: 8px;
}

#site-tools #links ul li {
	display: inline;
	float: left;
	border-right: 1px solid #000;
	padding: 0 5px;
}

#site-tools ul li a span {
	background: no-repeat left top;
	height: 7px;
	display: block;
}

#site-tools a .homepage, #site-tools a .homepage-selected {
	width: 23px;
	background-image: url(../images/site-tools-home.gif);
}

#site-tools a:hover .homepage, #site-tools a .homepage-selected {
	background-image: url(../images/site-tools-home-selected.gif);
}

#site-tools a .imprint, #site-tools a .imprint-selected {
	width: 49px;
	background-image: url(../images/site-tools-imprint.gif);
}

#site-tools a:hover .imprint, #site-tools a .imprint-selected {
	background-image: url(../images/site-tools-imprint-selected.gif);
}

#site-tools a .newsletter, #site-tools a .newsletter-selected {
	width: 53px;
	background-image: url(../images/site-tools-newsletter.gif);
}

#site-tools a:hover .newsletter, #site-tools a .newsletter-selected {
	background-image: url(../images/site-tools-newsletter-selected.gif);
}

#site-tools a .hilfe, #site-tools a .hilfe-selected {
	width: 23px;
	background-image: url(../images/site-tools-home.gif);
}

#site-tools a .terms, #site-tools a .terms-selected {
	width: 17px;
	background-image: url(../images/site-tools-terms.gif);
}

#site-tools a:hover .terms, #site-tools a .terms-selected {
	background-image: url(../images/site-tools-terms-selected.gif);
}

#site-tools #links a:focus {
	outline: 0;
}

#site-tools #search {
	clear: both;
	margin: 10px;
	margin-bottom: 5px;
}

#site-tools #search h3 {
	background: transparent url(../images/site-tools-search.gif) no-repeat scroll left top;
	width: 40px;
	height: 12px;
}

#site-tools #search input[type="text"] {
	margin-top: 12px;
	margin-right: .2em;
	width: 65%;
height: 17px;
}

#site-tools #search input[type="image"] {
	margin-top: 12px;

}

/* Navigation.
------------------------------------------------------------------------------------------------------------------------
*/
#nav {

	background: #03a0a5 url(../images/bg_navi.jpg) repeat-x scroll left top;
	height: 27px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
}

#nav ul {
	margin: 0px;
}

#nav ul li {
	display: inline;
	float: left;
}

#nav ul li a {
	color: #fff;
}

#nav ul li a span {
	background: no-repeat left 0px;
	height: 27px;
	display: block;
		padding-left: 12px;
	padding-top: 3px;
}

#nav a:hover {

	text-decoration:none;
}
#nav a .it-consulting, #nav a .it-consulting-selected {
	width: 61px;
	height:27px;
	background-image: url(../images/blind.gif);

}

#nav a:hover .it-consulting, #nav a .it-consulting-selected {
	background-image: url(../images/bg_navi_consulting.jpg);
	color:#515050;
}

#nav a .it-loesungen, #nav a .it-loesungen-selected {
	width: 96px;
	height:27px;
	background-image: url(../images/blind.gif);

}

#nav a:hover .it-loesungen, #nav a .it-loesungen-selected {
	background-image: url(../images/bg_navi_loesungen.jpg);
		color:#515050;
}

#nav a .it-beschaffung, #nav a .it-beschaffung-selected {
	width: 110px;
	background-image: url(../images/blind.gif);
}

#nav a:hover .it-beschaffung, #nav a .it-beschaffung-selected {
	background-image: url(../images/bg_navi_beschaffung.jpg);
		color:#515050;
}

#nav a .it-services, #nav a .it-services-selected {
	width: 84px;
	background-image: url(../images/blind.gif);
}

#nav a:hover .it-services, #nav a .it-services-selected {
	background-image: url(../images/bg_navi_services.jpg);
		color:#515050;
}

#nav a .internetagentur, #nav a .internetagentur-selected {
	width: 116px;
	background-image: url(../images/blind.gif);
}

#nav a:hover .internetagentur, #nav a .internetagentur-selected {
	background-image: url(../images/bg_navi_internetagentur.jpg);
		color:#515050;
}

#nav a .unternehmen, #nav a .unternehmen-selected {
	width: 104px;
	background-image: url(../images/blind.gif);
}

#nav a:hover .unternehmen, #nav a .unternehmen-selected {
	background-image: url(../images/bg_navi_unternehmen.jpg);
		color:#515050;
}

#nav a .referenzen, #nav a .referenzen-selected {
	width: 88px;
	background-image: url(../images/blind.gif);
}

#nav a:hover .referenzen, #nav a .referenzen-selected {
	background-image: url(../images/bg_navi_referenzen.jpg);
		color:#515050;
}

#nav a .kontakt, #nav a .kontakt-selected {
	width: 65px;
	background-image: url(../images/blind.gif);
}

#nav a:hover .kontakt, #nav a .kontakt-selected {
	background-image: url(../images/bg_navi_kontakt.jpg);
		color:#515050;
}

#nav a .onlinesupport, #nav a .onlinesupport-selected {
margin-left: 0px;
	width: 140px;
	background-image: url(../images/blind.gif);
font-weight: bold;
font-size: 11px;
}

#nav a:hover .onlinesupport, #nav a .onlinesupport-selected {

		color:#d6a81f;
}

#nav a:focus {
	outline: 0;
}

/* Menu.
------------------------------------------------------------------------------------------------------------------------
*/
#menu {
	background: #f3f3f3 url(../images/menu-background.png) repeat-x scroll left top;
	overflow: hidden;
	font-size: .85em;
	min-height: 598px;
	font-size:11px;
}

#menu a {
	color: #5b5b5b;
	display: block;
	padding: .7em 0;
}

#menu a:hover {
	color: #d6a81f !important;
	text-decoration: none;
}

#menu ul ul {
	margin-left: 8px;
}

#menu ul ul a {
	padding: .5em 0;
}

#menu ul li.selected, #menu ul li:hover {
	background: transparent url(../images/more.gif) no-repeat scroll left 1.1em;
}

#menu ul ul li.selected, #menu ul ul li:hover {
	background: none;
}

#menu ul li {
	padding-left: 17px;
	border-bottom: 1px solid white;
}

#menu ul ul li {
	padding-left: 0;
	border: 0;
	font-weight: normal;
}

#menu ul li.selected {
	font-weight: bold;
}

#menu ul ul li.selected {
	font-weight: normal;
}

#menu li.selected > a {
	color: #d6a81f !important;
}


/* Main content.
------------------------------------------------------------------------------------------------------------------------
*/
#content {
	background: transparent url(../images/menu-background-bottom.png) repeat-y scroll top left;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	line-height: 1.1em;
}

#posts {
	line-height: 1.4em;
	font-size:12px;

}

#posts h1, #posts h2, #posts h3, #posts h4, #posts h5, #posts h6 {
	font-family: Verdana, Helvetica, San-Serif;
	margin: .8em 0;
}

#posts h2 {
	font-size: 24px;

	color: #d6a81f;
}

#posts h3 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom:0px;
}

#posts h4 {
	font-size: 1.7em;
}

#posts h5 {
	font-size: 1.6em;
}

#posts h6 {
	font-size: 1.5em;
}

#posts p, #posts ul {
	margin: .9em 0;
		color: #515050;
	line-height:1.5em;
}

#posts td {
	font-size: 11px;
	line-height:normal; 
}

#posts2 td {
	font-size: 12px;
	line-height:normal; 
vertical-align: middle;
}

#posts ul {
	margin-left: 1.1em;
}

#posts ol {
	margin-left: 1.5em;
}

#posts ul li {
	list-style: square none outside;
}

#posts ol li {
	list-style: decimal none outside;
}

#posts .section {
	clear: both;
	border-top: 1px solid #f3f3f3;
	padding-top: 1.5em;
	margin: 1.5em 0;
min-height: 96px;
}

#posts .section a:hover {
	text-decoration:underline;
}

#posts .section ul.download {
	margin-left: 0;
}

#posts .section ul.download li {
	list-style: none;
}

#posts .section ul.download li a.pdf {
	background: transparent url(../images/download-pdf.gif) no-repeat scroll left bottom;
	margin-left: 0;
	padding-left: 20px;
}

#posts .section {
	padding-top: .9em;
	margin-bottom: .9em;
}

#posts .section h3 {
	line-height: 1.3em;
	font-family: inherit;
	font-size: 12px;
	font-weight: bold;
}

#posts .section h3, #posts .section p {
	margin-left: 108px;
	margin-top: 0;
}

#posts .section img {
	width: 100px;
	height: 100px;
	float: left;
	border: 1px solid #515151;
}


/* Breadcrumb navigation and tools.
------------------------------------------------------------------------------------------------------------------------
*/
#breadcrumbs, #breadcrumbs a, #tools, #tools a {
	color: #aeaead;
}

#breadcrumbs, #tools {
	margin-bottom: 1em;
	font-size: 11px;
}

#tools {
	border-top: 1px solid #f3f3f3;
	padding-top: .4em;
	text-align: right;
}

#tools div a {
	padding-left: 8px;
	background: transparent no-repeat scroll left bottom;
}

#tools div.back {
	float: left;
}

#tools div.back a {
	background-image: url(../images/tools-back.gif);
}

#tools div.top {
	float: right;
}

#tools div.top a {
	background-image: url(../images/tools-top.gif);
}

/* Sidebar.
------------------------------------------------------------------------------------------------------------------------
*/
#related {
	font-size: .85em;
	overflow: hidden;

}

#related .section {
	margin: 36px 0;
		border: 1px solid #c2c2c2;
		padding: 8px;
}

#related .section h2 {
	font-size: 18px;
}

#related .section h4 {
	font-weight: bold;
}

#related .section h4, #related .section p{
	margin: 1em 0;
		color: #515050;
		font-size:11px;
}

#related .section td{
		color: #515050;
		font-size:11px;
		padding:0;
		margin: 0;
}
#related .section img{
		vertical-align:middle;
}


#related ul {
	margin-left: 1.2em;
}

#related ul li {
	list-style: square none outside;
}

#related ul.case-study {
	margin: 0;
	margin-top: 1em;
}

#related ul.case-study li a {
	margin: 0 0 1.2em 0;
	display: block;
	background-color: #e1e1e0;
	padding: .7em 1.2em;
	color: #5b5b5b;
}

#related ul.case-study li a:hover {
	text-decoration: underline;
	background-color: #f3f3f3;
}

#related ul.case-study li a span.title {
	display: block;
	font-weight: bold;
	color: #007b7e;
}


#formularlayer {
	width:748px;
	height:450px;
	z-index:10;
	visibility: hidden;
	background-image: url(../images/bg_formular.gif);
	position:absolute;
	top: 340px;
	left: 242px;

}