

/* general styleinformation  */
* {
	margin: 0;
}
html, body {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}
.clear {
	clear:both;
}
#page-content {
	margin:0 auto;
	width:1070px;
	text-align:left;
}

a {
	color: #FFFFFF;
	text-decoration:none;
}

li a {display:block;}

.navi a:hover {
	text-decoration:none;
}
.navi:hover {
	background-color:#003543 !important;
	text-decoration:none;
	cursor:pointer;
}
.navi_row_1 {
	background-color: #015d74;
}

/* content styles */
#content {
	position:relative;
	z-index:2;
	float:left;
	width:660px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:1px;
}
#content .teaser {
	background-color: white;
	border-right: 1px solid #CCCCCC;
	border-bottom:  1px solid #CCCCCC;
	margin-top:0px;
	color:#333333;
	font-size:12px;
	line-height:16px;
	min-height:110px;
}
#content .teaser.teaser-news {
	height:200px !important;
}
#content .teaser-content {
	width:190px;
	padding:13px 10px;
}
#content .teaser h1 {
	font-size:18px;
	color:#00A3D8;
	margin-bottom:10px;
}
#content .teaser a {
	font-size:12px;
	color:#00AFD8;
}
#content .teaser a:hover {
	color:#003543;
}
#content .teaser a:active {
	color:#990000;
}
#content .teaser ul {
	list-style-image: url(/images/icons_quadrat3x3_666666.gif);
}
#content .teaser ul#joblist {
	list-style-image: url(/images/icons_quadrat3x3_00afdb.gif);
}
#content p {
	margin-top: 0px; 
}
#content h1, #content h2 {
	font-weight:100;
}
#content h1 {
	margin-bottom: 3px;
}
#content  h2 {
	margin-bottom: 5px;
	padding-top:10px;
	font-size:16px;
	line-height:16px;
	color:#999999;
	
}
#content .theme-picture-small {
	float:left;
	width:243px;
	margin: 0px 1px 0px 1px;
}
#content .article {
	float:left;
	background-color: #ffffff;
	color: #333333;
	font-family: Arial;
	font-size:12px;
	line-height:16px;
	padding: 14px 13px 14px;
	margin: 0px 5px 0 1px;
	width:380px;
	min-height:213px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#content .article h1 {
	font-size:18px;
	line-height:19px;
	color:#00A3D8;
	font-weight:100;
	margin-bottom:10px;
}
#content .article h1.small {
	font-size:12px;
	line-height:16px;
	color:#333333;
	font-weight:bold;
}
.quotation {
	text-indent:10px;
	color:#333333;
	font-style:italic;
}
#content .article p {
	margin-bottom:3px;
}
.leightbox * {
	color:#FFFFFF !important;
}
#form-apply-job-container {
	padding-top:6px;
	padding-right:6px;
}
#form-apply-job-sent-container, #form-apply-job-error-container {
	font-family: Arial;
	font-size: 14px;
	font-weight:normal;
	padding: 6px;
}
.leightbox input.input_text {
	border: 1px solid #98DFF1;
	background-color:#00AFD8;
	margin:5px 0px;
	color:#FFFFFF;
	font-family: Arial;
	width:180px;
}
.leightbox #upload_field {
	margin:10px 0px 5px;
	color:#333333 !important;
}
.leightbox #submit_button {
	margin-top:10px;
}


#content .article a {
	color:#00AFDC;
}
#content #teaser-container {
	float:left;
	margin-left:-5px;
	margin-top:-4px;
	display:block;
}
#form-quick-contact {
	color:#BFBFBF;
	font-size:10px;
}
.form-quick-contact-input {
	font-size:8pt;
	width:140px;
	height:12px;
	border:1px solid #CCCCCC;
}
.form-quick-contact-submit {
	border:1px solid #BFBFBF;
	background-color:#FFFFFF;
	color:#BFBFBF;
}
.form-error {
	border:1px solid #990134 !important;
}
#main-contact-form-table th {
	padding-top:10px;
	font-size:16px;
	line-height:16px;
	color:#999999;
	font-weight:100;
	width:140px;
	vertical-align:top;
}
.contact-form-input {
	width:227px;
	border:1px solid #BFBFBF;
	background-color:#FFFFFF;
	color:#BFBFBF;
}
.contact-form-input {
	color: #333333;
}
.spacer {
	margin-right:20px;
}
.approach_icon {
	margin-right: 3px;
}
#final-border-container {
	position:absolute;
	text-align:right;
	width:100%;
	height:241px;
	top:214px;
}
#final-border {
	z-index:2;
	width: 6px;
	background: url(/images/img_navhelper.gif) no-repeat;
}
.footer-navigation {
	float:left;
	margin-left:1px;
	margin-top:-1px;
	width: 408px;
	font-size:10px;
	height: 21px; /* .push must be the same height as .footer-navigation */
}
.footer-navigation ul {
	margin: 0px;
	padding: 0px;
}

#content-theme {
	position:relative;
	z-index:2;
	float:left;
	clear:left;
	width:1070px;
	height:191px;
}
.top-picture {
	float:left;
	margin-left:365px;
	width:407px;
	height:191px;
}
.solvians-logo {
	float:left;
	margin-top:110px;
	margin-left:30px;
}

/* navigation styles - animation settings  */
.header {
	position:relative;
	float:left;
	clear:left;
	width: 365px;
	margin-top:1px;
	font-size:12px;
	color: #ffffff;
}
.header .hide {
	display:none;
}
.header .show {
	display:block;
}
.header ul, .supplement-navigation ul {
	list-style:none;
	margin:0px;
	padding:0px;
	font-size:10px;
}
.header #navigation li {
	width:121px;
	text-align:center;
	margin-bottom: 1px;
	vertical-align:middle;
}

/* header-teaser */
#header-teaser {
	height:219px;
	width:224px;
	background-color:#FFFFFF;
	position:absolute;
	left:0;
	top:0;
	margin-left:121px;
	padding:13px 10px 10px 10px;
	border-right: 1px solid #CCCCCC;
}
#header-teaser .content {
	font-size:12px;
	line-height:16px;
	color:#333333;
	margin-bottom:10px;
}
#header-teaser h1 {
	font-size:18px;
	color:#00A3D8;
	margin-bottom:10px;
	font-weight:100;
}
#image_url_left_container #information-architecture {
	height:241px;
}
#image_url_left_container #data-management {
	height:241px;
}

a.download-brochure {
	 background:transparent url(/images/icon_broschuere.gif) no-repeat scroll left top; 
	 padding-left:25px;
	 color:#00AFDC;
}
a.download-brochure:hover {
	 color:#333333;
}

/* news */
#content #news-teaser h1 {
	margin-top:-2px;
	margin-bottom:6px;
}
#content .news-article {
	margin-bottom:10px;
	float:left;
	width:378px;
}
#content .news-article-detail {
	float:left;
	width:378px;
}
#content .news-date {
	font-size:10px;
}
#content .news-headline {
	font-weight:bold;
}
#content .news-content {
	margin-top:10px;
}
#content .news-content img {
	width:118px;
	height:79px;
	border:none;
	float:left;
	margin-right:10px;
}
#content p.content-jobs {
	color:#333333;
	font-weight:bold;
}
#content a.link-more {
	 background:transparent url(/images/pfeil.png) no-repeat scroll left 4px; 
	 padding-left:12px;
	 margin-left:8px;
	 font-weight:100;
}
#content a.link-more:hover {
	 color:#333333;
}
#content a.link-mail {
	 background:transparent url(/images/icon_send.gif) no-repeat scroll left -5px; 
	 padding-left:30px;
	 display:block;
	 margin-bottom:5px;
}
#content a.link-download {
	 background:transparent url(/images/icon_fahne.gif) no-repeat scroll left -5px; 
	 padding-left:30px;
}
#content a.link-archive {
	 background:transparent url(/images/icon_news_archive.gif) no-repeat scroll left 2px; 
	 padding-left:30px;
	 display:block;
	 margin-bottom:5px;
}
#content a.link-backward {
	 background:transparent url(/images/pfeil_back.png) no-repeat scroll 3px 4px; 
	 padding-left:20px;
	 display:block;
	 margin:10px 0 0 0;
	 float:left;
}
#content a.link-print {
	 background:transparent url(/images/icon_print.gif) no-repeat scroll left top; 
	 padding-left:23px;
	 display:block;
	 margin:10px 0 0 0;
	 float:right;
}
#content p.short-news {
	margin:0 0 10px 0;
}

/* teaser right login */
#teaser-login {
	background-color:#e8e8e8;
	padding:10px 5px 10px 5px;
}
#teaser-login a {
	color:#333333 !important;
	font-weight:bold;
}
#teaser-login a:hover {
	color:#00A3D8 !important;
}

#teaser-login input[type=text], input[type=password] {
	font-size:8pt;
	color:#666666;
	width:152px;
	height:15px;
	margin-bottom:10px;
	padding-left:3px;
	border:none 0px;
}
#teaser-login input[type=image] {
	position:absolute;
	left:176px;
}

/* */
.nav-indicator {
	background-color: #015d74;
}
.supplement-navigation li, .footer-navigation li {
	background-color: #00afdc;
	width:101px;
	margin: 0px 1px 1px 0px;
	height:21px;
	line-height:21px; 
	text-align:center;
	vertical-align:middle;
	float:left;
	display:inline;
}
.supplement-navigation li a, .footer-navigation li a {
	text-decoration:none;
}
.supplement-navigation li:hover, .footer-navigation li:hover {
	background-color: #003543;
	text-decoration:none;
	cursor:pointer;
	color:#FFFFFF;
}
.supplement-navigation .deactivated:hover, .footer-navigation .deactivated:hover {
	background-color: #00afdc !important;
	cursor: auto;
}
#navigation {
	float:left;
}
.supplement-navigation {
	position: relative;
	z-index:2;
	top:0px;
	left:365px;
	font-size:10px;
	width:705px;
}
ul {
	padding:2px 5px;
	margin:0px 0px 0px 8px;
	list-style-image:url(/images/icons_quadrat5x5_666666.gif);
}
ul#joblist a {
	list-style-image:url(/images/icons_quadrat3x3_00afdb.gif);
}
ul#joblist p {
	margin-top:2px;
}

ul#joblist li h2 {
	font-family: Arial;
	font-size:14px !important;
	color:#666666 !important;
}
/********************************************/
/* navigation colors                        */
/* and positioning                          */
/********************************************/
.navi_row_1 {
	background-color: #007896;
	height:57px;
//	line-height:87px;
	padding-top:30px;
}
.navi_row_2 {
	background-color: #005D74;
	height:87px;
	line-height:87px;
}
.navi_row_3 {
	background-color: #004C5F;
	height:66px;
	line-height:65px; 
}

/* subnavigation */
.subnavigation ul li, .contentnavigation ul li {
	filter:alpha(opacity=90); /* Internet Explorer */
	-moz-opacity: 0.90; /* Mozilla Browser */
	opacity: 0.90; /* Opera */
}
.nav-teaser {
	float:left;
	color: #666666;
	padding: 9px 9px 0px 9px;
	height:78px;
	width:225px;
	overflow:hidden;
}
#information-architektur-teaser {
	height:232px;
	background: url(../images/photos/nav_informationsarchitektur.jpg) no-repeat top left;
}
#data-management-teaser {
	padding-top:95px;
	height:144px;
	background: url(../images/photos/nav_datenmanagement.jpg) no-repeat top left;
}
#marketing-teaser {
	padding-top:187px;
	height:54px;
	background: url(../images/photos/nav_marketing.jpg) no-repeat top left;
}

#usability-nav {
	margin-top:44px;
}

.subnavigation {
	width:243px;
	margin-bottom: 1px;
	position:absolute;
	left:121px;
	z-index:10;
}
#information-architecture {
	height: 87px;
}
#data-management {
	height:87px;
}
#solutions {
	height:65px;
}
#information-architektur-nav, #data-management-nav {
	float:left;
	
}
.navCont{
	width:120px !important;
}
.navi_col_3 {
	width:120px;
	margin-left:1px;
}

.navi_col_1, .navi_col_2 {
	width:121px;
}
.navi_row_1.navi_col_2 {
	height:43px;
	line-height:43px; 
	margin: 0px 0px 1px 1px;
	text-align:center;
	vertical-align:middle;
	padding-top:0px;
}
.navi_row_2.navi_col_2.first {
	height:65px;
	line-height:65px;
}
.navi_row_2.navi_col_2 {
	margin:0px 0px 1px 1px;
	text-align:center;
	vertical-align:middle;
}
.navi_row_2.navi_col_2.second {
	height:21px;
	line-height:21px;
}
.navi_row_1.navi_col_3, .navi_row_2.navi_col_3, .navi_row_3.navi_col_2 {
	height:21px;
	line-height:21px; 
	margin-bottom:1px;
	text-align:center;
	vertical-align:middle;
	padding-top:0px;
}
.navi_col_2 {
	margin-left:1px;
}
#consulting-nav, #usability-nav, .contentnavigation {
	float:left;
	left:121px;
}
#navi-active {
	background-color:#990000;
	filter:alpha(opacity=100); /* Internet Explorer */
	-moz-opacity: 1; /* Mozilla Browser */
	opacity: 1; /* Opera */
}
.error-message {
	color:#990000;
	font-weight:bold;
}
.leightbox {
	color: #FFFFFF;
	display: none;
	position: absolute;
	top: 100px;
	margin-left:60px;
	width: 190px;
	height: 219px;
	padding: 1em;
	background-color: #00AFDB;
	text-align: left;
	z-index:9999;
	overflow:hidden;
	-moz-opacity:1;
	opacity:1;
	border-bottom: 1px solid #007896;
	border-right: 1px solid #007896;
	filter: alpha(opacity=100);
}
.printview-details {
	display:none;
}
.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }
