@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#ededed url(images/bg.jpg) top repeat-x;}
html { padding:0; margin:0;}

/* Main */
.main {width:100%; padding:0; margin:0 auto; }
.resize { width:955px; margin:0 auto;}

/********** Header **********/
.header {  background: url(images/header_bg.gif) top repeat-x;}
.block_header {margin:0 auto; width:980px; height:140px;}
.top_menu { float:right; padding:4px 10px; font:normal 11px Arial, Helvetica, sans-serif; color:#4e4e4e; line-height:1.6em;}
.top_menu a { font:normal 11px Arial, Helvetica, sans-serif; color:#4e4e4e; text-decoration:none;}
.top_menu a:hover {text-decoration:underline;}
.language {float:right;}

/* Logo */
.logo { float:left; padding:0; margin:43px 0 0 50px; width:178px;}

/* Menu */	
.menue { padding:0; margin:60px 0 0 0; width:680px; float:right; height:32px;}
/********** Slider **********/
.slider { background: url(images/java_bg.gif) top repeat-x;  margin:0 auto; padding:20px 0; height:341px;}
.slider2 { background: url(images/java_bg_2.gif) top repeat-x;  margin:0 auto; padding:20px 0; height:82px;}
.slider2 h2 { width:300px; float:left; font:normal 36px Tahoma, Geneva, sans-serif; color:#4b4b4b; padding:10px 0 0 50px; margin:0;} 
.slider2 p { width:200px; float:right; font: normal 12px Tahoma, Geneva, sans-serif; color:#4b4b4b; padding:15px 0 0 0;}
.slider2 .top {width:980px; margin:0 auto; padding:0;}
.slider3 {height:341px; background: url(images/java_bg.gif) top repeat-x;  margin:0 auto; padding:20px 0;}

#slider { margin:0; padding:1px; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:943px; height:323px; overflow:hidden; }
p#controls { margin:0; position:relative; }
#prevBtn,
#nextBtn { display:block; margin:0; overflow:hidden; width:41px; height:41px; position:absolute; left: -50px; top:-178px; }
#nextBtn { left:965px; }
#prevBtn a { display:block; width:41px; height:41px; background:url(images/left_arrow.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:41px; height:41px; background:url(images/right_arrow.gif) no-repeat 0 0; }


/*Simple Text*/
.simple { width:980px; margin:10px auto; padding:0;}
.simple h2 { width:400px; float:left; font:normal 36px Tahoma, Geneva, sans-serif; color:#4b4b4b; padding:10px 0 0 30px; margin:0;}
.simple .text { font:normal 12px Tahoma, Geneva, sans-serif; color:#858585; width:200px; float: right; margin:10px 0; padding:0;}
.slider div.slice1 { margin:0 auto; width:957px; padding:8px;}
.slider div.slice1 div.slice2 { margin:0 auto; padding:1px; width:943px;}
.slider div div div { margin:0; padding:0px 0 0 45px; width:898px; height:323px; border:0;}
.slider div div div p.img { float:right; padding:0 20px; margin:0;}
.slider div div div h2 {  font:normal 36px Tahoma, Geneva, sans-serif; color:#4b4b4b; margin:0; margin:0; padding:15px 0 10px 0; line-height:1.2em;}
.slider div div div p {font:normal 12px Tahoma, Geneva, sans-serif; color:#858585; margin:0; margin:0; line-height:1.8em;}

/********** block index **********/
.body { background: #eeeeee url(images/body_bg.gif) top repeat-x; padding:0; margin:0 0 30px 0;}
.body h2 { font:normal 24px Tahoma, Geneva, sans-serif; color:#333; border-bottom:1px solid #cccccc; padding:10px;}
.body h4 { font:normal 24px Tahoma, Geneva, sans-serif; color:#333;}
.body h3 { font:normal 18px Tahoma, Geneva, sans-serif; color:#8d8d8d;}
.body p { font:normal 12px Tahoma, Geneva, sans-serif; color:#8d8d8d; line-height:1.9em;}
.body em { font:italic 12px Tahoma, Geneva, sans-serif; color:#797979; line-height:1.9em; padding:10px 0 0 10px;}
.body_resize { width:980px; margin:0 auto; padding:0; background:#fff; border-left:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; border-right:1px solid #d8d8d8;}

/*Welcome*/
.Welcome { width:545px; border-right:1px solid #d8d8d8; border-right:1px solid #d8d8d8; margin:5px auto; padding:10px 20px; float: left;}
.Welcome ul {line-height:1.9em; list-style:none; margin:20px auto 20px auto; padding:10px 10px;}
.Welcome li {line-height:1.9em; background:url(images/body_ul_li.gif) left no-repeat; padding:5px 0 5px 20px; margin:0; font:normal 11px Tahoma, Geneva, sans-serif; color:#333;}
.Welcome li strong { color:#0fadff; font:bold 11px Tahoma, Geneva, sans-serif;}
.Welcome .fount { background:url(images/%27%27.gif) top left no-repeat;}
.Welcome a { font:bold italic 12px Tahoma, Geneva, sans-serif; color:#333; float:right; text-decoration:none;}
.Welcome span { font:bold 14px Tahoma, Geneva, sans-serif; color:#333;}
.Welcome img { float:left; margin:0 10px 5px 0; padding:5px 10px 0 0;}
.Welcome .bloga { width:253px; float:left; margin:2px 2px; padding:2px 2px;}
.Welcome .bloga img { float: left; margin:5px 0; padding:5px 0;}
.Welcome .bloga a { width:80%; float:left; border-top:1px solid #d7d7d7; background:url(images/a_link.gif) left no-repeat; padding:10px 0 0 20px; font:bold  11px Tahoma, Geneva, sans-serif; color:#0fadff;}
.Welcone p .line { border-left:3px solid #666; margin:0; padding:0;}

/*Fotografie*/
.Fotografie { width:545px; border-right:1px solid #d8d8d8; border-right:1px solid #d8d8d8; margin:5px auto; padding:10px 20px; float: left;}
.Fotografie ul {line-height:1.9em; list-style:none; margin:20px auto 20px auto; padding:10px 10px;}
.Fotografie li {line-height:1.9em; background:url(images/body_ul_li.gif) left no-repeat; padding:5px 0 5px 20px; margin:0; font:normal 11px Tahoma, Geneva, sans-serif; color:#333;}
.Fotografie li strong { color:#a63812; font:bold 11px Tahoma, Geneva, sans-serif;}
.Fotografie .fount { background:url(images/%27%27.gif) top left no-repeat;}
.Fotografie a { font:bold italic 12px Tahoma, Geneva, sans-serif; color:#333; float:right; text-decoration:none;}
.Fotografie span { font:bold 14px Tahoma, Geneva, sans-serif; color:#333;}
.Fotografie img { float:left; margin:5px 2px 0 0; padding:5px 0 0 0;}
.Fotografie .bloga { width:253px; float:left; margin:2px 2px; padding:2px 2px;}
.Fotografie .bloga img { float: left; margin:5px 0; padding:5px 0;}
.Fotografie .bloga a { width:80%; float:left; border-top:1px solid #d7d7d7; background:url(images/a_link.gif) left no-repeat; padding:10px 0 0 20px; font:bold  11px Tahoma, Geneva, sans-serif; color:#0fadff;}
.Fotografie p .line { border-left:3px solid #666; margin:0; padding:0;}

/*Services*/
.Services { width:250px; margin:15px 10px; padding:5px 10px; float:left;}
.Services h2 { font:bold 14px Tahoma, Geneva, sans-serif; color:#333; border-bottom:1px solid #dbdbdb; padding:7px 10px; margin:0;}
.Services p { font:normal 11px Tahoma, Geneva, sans-serif; color:#6f6f6f; padding:0; margin:5px 5px;}
.Services img { float:left; padding:0; margin:5px 5px;}

/*Portfolio*/
.Portfolio { width:590px; margin:10px 5px; float:left; padding:5px 10px;}
.Portfolio h2 { font:bold 14px Tahoma, Geneva, sans-serif; color:#333; border-bottom:1px solid #dbdbdb; padding:7px 10px; margin:0 0 10px 0;}
.Portfolio img { margin:5px 5px; padding:0; float:left;}
.Portfolio p { font:normal 11px Tahoma, Geneva, sans-serif; color:#6f6f6f; padding:5px 10px; margin:0 0 0 20px;}
.Portfolio span {font:bold 14px Tahoma, Geneva, sans-serif; color:#6f6f6f; padding:5px 5px; margin:0;}
.Portfolio a { margin:5px 5px; padding:0; float:none;}
.Portfolio_bottom { width:590px; margin:10px 5px; float:left; padding:5px 10px;}
.Portfolio_bottom p { font:bold 12px Tahoma, Geneva, sans-serif; color:#aeaeae; padding:0; margin:0;}
.Portfolio_bottom a { font:bold 12px Tahoma, Geneva, sans-serif; color:#aeaeae; padding:5px 5px; margin:0; float:none;}
.Portfolio_bottom a:hover { font:bold 12px Tahoma, Geneva, sans-serif; color:#333; padding:5px 5px; margin:0;}

/*Box*/
.Box { width:350px;  margin:5px auto; padding:10px 20px; float: right;}
.Box a { float:right; background:url(images/a_link.gif) left no-repeat; padding:0 0 0 20px; font: bold  11px Tahoma, Geneva, sans-serif; color:#0fadff;}
.Box .link { font:bold 11px Tahoma, Geneva, sans-serif; color:#0fadff; text-decoration:underline; float: none; background:none; padding:0;}
.Box .clients { background:url(images/bg_clients.gif) top no-repeat; padding: 5px 40px; margin:10px 0;}
.Box .clients a { background:none; text-decoration:none; font:bold italic 12px Tahoma, Geneva, sans-serif; color:#505050;}
.Box em { font:italic 11px Tahoma, Geneva, sans-serif; color:#505050;}
.Box img { float:left; margin:5px 5px; padding:0;}
.Box strong { color:#333;}
.Box p { font: normal 11px Tahoma, Geneva, sans-serif; color:#545454; line-height:1.9em;}

/*Labels*/
.labels {width:350px;  margin:5px auto; padding:10px 20px; float: right;}
.labels a { float:left; padding:0 2px 2px 0; font: bold  11px Tahoma, Geneva, sans-serif; color:#0fadff;}
.labels .link { font:bold 11px Tahoma, Geneva, sans-serif; color:#0fadff; text-decoration:underline; float: none; background:none; padding:0;}
.labels .clients { background:url(images/bg_clients.gif) top no-repeat; padding: 5px 40px; margin:10px 0;}
.labels .clients a { background:none; text-decoration:none; font:bold italic 12px Tahoma, Geneva, sans-serif; color:#505050;}
.labels em { font:italic 11px Tahoma, Geneva, sans-serif; color:#505050;}
.labels img { float:left; margin:5px 5px; padding:0;}
.labels strong { color:#333;}
.labels p { font: normal 11px Tahoma, Geneva, sans-serif; color:#545454; line-height:1.9em;}

/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#222222;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:210px; display:block; padding:5px 0; font:normal 12px Tahoma, Geneva, sans-serif; color:#333;}
#contactform label span { display:block; font:normal 10px Tahoma, Geneva, sans-serif;}
#contactform input.text { width:440px; border:1px solid #dcdcdc; margin:5px 0; padding:5px 2px; height:16px; background:#f5f5f5;}
#contactform textarea { width:440px; border:1px solid #dcdcdc; margin:10px 0; padding:2px; background:#f5f5f5;}
#contactform li.buttons input { padding:3px 0; margin:0; border:0; color:#FFF;}
p.response { text-align:center; color:#333; font:bold 11px Tahoma, Geneva, sans-serif; line-height:1.9em; width:auto;}

/********** footer **********/
.footer { background: url(images/bg_footer.gif); padding:0; height:79px;}
.footer .resize p.footer_logo { float:left; padding:0; margin:10px;}
.footer .resize div { padding:25px 0 0 0; float:right; width:49%; color:#676767; font:normal 12px Tahoma, Geneva, sans-serif; text-align:right;}
.footer .resize div p { float:left; padding:0; margin:0;}
.footer .resize div img { float:left;}
.footer .resize div a { color:#676767; font:normal 12px Tahoma, Geneva, sans-serif; padding:0 5px;}
.text_left { text-align:right;}
.footer .verlinkungen {text-align:center;}
p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #d9d9d9; padding:0; margin:5px 0; background:none;}



/******** thickbox ********* /
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.Welcome .bloga .thickbox {margin:5px 0; padding:5px 0; background:none; border:none;}
.Welcome .bloga .thickbox a {padding: 0; margin: 0; background:none; text-decoration:none; border:none;}
.Welcome .bloga .thickbox img {padding: 0; margin: 0; background:none; text-decoration:none; border:none;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}


/***** tooltip *****/

/* trigger button */
.download_now {
	background:none;
	cursor:pointer;
}

/* mouseover state */
.download_now:hover {
	background-position:0 -44px ;		
}

/* clicked state */
.download_now:focus {
	background-position:0 -88px;
}

/* tooltip styling */
.tooltip {
	display:none;
	background:url(js/black_arrow_big.png);
	height:163px;
	padding:40px 30px 10px 30px;
	width:310px;
	font-size:11px;
	color:#fff;
	font-family:Tahoma, Geneva, sans-serif;
}

/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	font-weight:bold;
	
}

.tooltip a {
	color:#0fadff;
	font-size:11px;
	font-weight:bold;
	margin-top:24px;
}

/* tooltip styling */
.tooltip2 {
	display:none;
	background:url(js/print_big.png);
	background-repeat:no-repeat;
	height:320px;
	padding:45px 48px 10px 48px;
	width:244px;
	font-size:11px;
	color:#fff;
	font-family:Tahoma, Geneva, sans-serif;
	z-index:1;
}

.tooltip2 .label {
	color:yellow;
	font-weight:bold;
	
}

	#animation { 
    	margin:0 auto; 
		text-align:center;
    	background: url(images/java_bg.gif) bottom repeat-x;  
		height:473px;
   
    } 
	
.small a, .small{
	font-size:14px;
	color:#999;
	font-family:Tahoma, Geneva, sans-serif;
	text-align:center;
	text-decoration:none;
}