/* kint_styles_common.css*/

body, html {
	background-color:#e5e5e5;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0e364a;
	background-image:url(../img/background_gradient.gif);
	background-repeat:repeat-x;
	height:100%;
}
body {
	margin:0;
	/*padding:0;*/

}
h1 {
	font-size:19px;
}
h2 {
	font-size:15px;
}
h3 {
	font-size:13px;
}
h4 {
	font-size:12px;
}
h5 {
	font-size:10px;
	margin-bottom:3px;
}

#positionerIndex {
	width: 240px;
	height: 100px;
	position : absolute; 
	top: 35%; 
	left: 50%; 
	margin: -15px 0 0 -120px; /*1034 durch 100 mal 50*/
	padding: 0;
	/*background-color:#fff;*/
	overflow:visible;
	z-index:3;
}
.languageLink {
	margin:20px 0 0 80px;
}
.languageLinkItem {
	margin-right:10px;
}
.languageLinkItem a:link { 
	color: #EE7E00;
	text-decoration:none;
}
.languageLinkItem a:visited { 
	color: #EE7E00;
	text-decoration:none;
}
.languageLinkItem a:hover {
	color: #EE7E00;
	text-decoration:underline;
}
.languageLinkItem a:active {
	color: #EE7E00;
	text-decoration:none;
}
/*-- #positionert positioniert block mittig, indem man 50% bzw. 35% der breite/hoehe als margin setzt ---*/
#positioner {
	width: 868px;
	height: 620px;
	position : absolute; 
	top: 35%; 
	left: 50%; 
	margin: -203px 0 0 -434px; /*1034 durch 100 mal 50*/
	padding: 0;
	/*background-color:#fff;*/
	overflow:visible;
	z-index:3;
}
#header {
	width:868px;
	height:120px;
	
}
.headerLogo {
	position:absolute;
	right:0px;
	top:29px;
}
#naviBox {
	background-color:#7f939f;
	color:#FFFFFF;
	width:868px;
	height:18px;
	position:absolute;
	top:120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
#naviBar {
	margin:1px 0 0 -20px;
}

/*__________________Menu____________________*/
.mainMenu {
	display:inline;	
}
/* Normal state */
.menuItemFirst {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#175fce;
	cursor:pointer;
	background-color:#c0c0c0;
	padding:4px 4px 4px 4px;/**/
	width:130px;
 	border: 1px solid #638aa4;
}
.menuItem {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#175fce;
	cursor:pointer;
	background-color:#c0c0c0;
	padding:4px 4px 4px 4px;
	width:130px;
	border-left: 1px solid #638aa4;
	border-right: 1px solid #638aa4;
	border-bottom: 1px solid #638aa4;
}
.menuItemLast {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#175fce;
	cursor:pointer;
	background-color:#c0c0c0;
	padding:4px 4px 4px 4px;
	width:130px;
	border-left: 1px solid #638aa4;
	border-right: 1px solid #638aa4;
	border-bottom: 1px solid #638aa4;
}

/* On mouse over */
.menuItemFirstOver {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#175fce;
	cursor:pointer;
	background-color:#8fa0ac;
	padding:4px 4px 4px 4px;
	width:130px;
 	border: 1px solid #638aa4;
}
.menuItemOver {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#175fce;
	cursor:pointer;
	background-color:#8fa0ac;
	padding:4px 4px 4px 4px;
	width:130px;
	border-left: 1px solid #638aa4;
	border-right: 1px solid #638aa4;
	border-bottom: 1px solid #638aa4;
}
.menuItemLastOver {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#175fce;
	cursor:pointer;
	background-color:#8fa0ac;
	padding:4px 4px 4px 4px;
	width:130px;
	border-left: 1px solid #638aa4;
	border-right: 1px solid #638aa4;
	border-bottom: 2px solid #638aa4;
}

/* submenus container */
.submenu {
	-moz-opacity:.95;
	filter:alpha(opacity=98);
	width:160px;
}
a:link { 
	color: #ffffff;
	text-decoration:none;
}
a:visited { 
	color: #ffffff;
	text-decoration:none;
}
a:hover {
	color: #000000;
	text-decoration:none;
}
a:active {
	color: #000000;
	text-decoration:none;
}
/*___________________________Menu end____________________________*/

#contentBox {
	position:absolute;
	width:868px;
	height:470px;
	top:138px;
	background-color:#FFFFFF;
	left: -1px;
}
.textBox {
	position:absolute;
	top:40px;
	left:54px;
	width:498px;
	height: 200px;
}
.textBoxScreenshot {
	position:absolute;
	top:40px;
	left:54px;
	width:660px;
}
.textBox h1, .textBoxScreenshot h1 {
	margin:0 0 15px 0;
}
.textBox h2, .textBoxScreenshot h2 {
	margin:0 0 15px 0;
}
.clientList {
	margin-top:30px;
}
.clientDesc {
	position:absolute;
	top:40px;
	left:160px;
}
.clientDescItem {
	padding:5px 0 0 30px;
}

.infoBox {
	position:absolute;
	top:80px;
	right:44px;
	width:159px;
	height:105px;
	background-color:#FFECBA;
	border:1px solid #B0C9DF;
	margin:0 0 30px 0;
}
.infoBoxHeader {
	width:159px;
	height:18px;
	background-color:#7F939F;
}
.infoBoxHeader p {
	padding:1px 0 0 8px;
	margin:0;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}
.infoBoxText {
	padding:3px 0 0 8px;
	margin:0;
	font-size:13px;
	color:#175FCE;
}
.infoBoxText a:link {
	color:#175FCE;
}

.infoBoxText a:hover {
	color:#175FCE;
	text-decoration:underline;
}
a:active {
	color:#175FCE;
	text-decoration:underline;
}
.imageBox {
	position:absolute;
	top:195px;
	right:44px;
	width:161px;
}
.imageBoxWT {
	position:absolute;
	top:85px;
	right:44px;
	width:161px;
}

.consList li {
	margin-bottom:5px;
}
.clientList li {
	list-style-type:none;
	margin-bottom:15px;
	margin-left:-39px;
	padding:0;
}
.contactFields {
	
}
.contactMessage {
	position:absolute;
	top:85px;
	left:270px;
}
.screenshotRow {
	margin:0;
	padding:0;
}
.screenshotRow .screenshotItem {
	display:inline;
}
.screenshotItem {
	margin:0 33px 23px 0;
}