/** ====================== Allgemeine Typoscript Deklarationen ====================== **/

@import url(typostyle.css);
@import url(zoombox.css);


/** ========================= Allgemeine HTML Deklarationen ========================= **/
html {
	overflow:-moz-scrollbars-vertical;	/* damit das Layout nicht beim Seitenwechsel hüpft */
	overflow-y:scroll;					/* damit das Layout nicht beim Seitenwechsel hüpft */
}

body {
	background:#ffffff;
	margin:0;
	padding:0;
	font-family:Arial,Tahoma,Verdana;
	font-size:12px;
	color:#ffffff;
}

td, p, div { font-family:Arial,Tahoma,Verdana; }

a img { border:none; }


/** ========================= Allgemeine Kurz-Deklarationen ========================= **/
.fl { float:left; }
.fr { float:right; }
.cl { clear:both; }

.tal { text-align:left; }
.tac { text-align:center; }
.tar { text-align:right; }

.vat { vertical-align:top; }
.vam { vertical-align:middle; }
.vab { vertical-align:bottom; }

.rel { position:relative; }
.abs { position:absolute; }

.hand { cursor:pointer; }
.move { cursor:move; }
.help { cursor:help; }

.tlt { text-decoration:line-through; }
.hide { display:none; }

.space-5  { display:block; height:5px;  width:5px;  font-size:0px; overflow:hidden; }
.space-10 { display:block; height:10px; width:10px; font-size:0px; overflow:hidden; }
.space-20 { display:block; height:20px; width:20px; font-size:0px; overflow:hidden; }
.space-30 { display:block; height:30px; width:30px; font-size:0px; overflow:hidden; }
.space-40 { display:block; height:40px; width:40px; font-size:0px; overflow:hidden; }


/** ======================= Allgemeine Formular Deklarationen ======================= **/
form {
	margin:0px;
	padding:0px;
}

textarea {
	overflow:auto;
}

.tfield, .textfeld {
    font-family:Arial;
	font-size:14px;
	width:321px;
	border:none;
	background-color:#fff;
	padding:2px;
	margin:0px;
}

.err { background-color:#fcc; border:none; }
.errText { padding:3px 3px 3px 18px; background:#fccfcc url('../images/t3_warn.gif') no-repeat 3px 4px; color:#990000; }

input.submit {
	background:#b9b6c3 url('../images/submit_bg.gif') repeat-x;
	margin:0px;
	padding:3px 10px 3px 10px;
	border:none;
	font-size:14px;
	color:#666666;
}

input.submit:hover { color:#003c69; }


/** ========================= Allgemeine Link Deklarationen ========================= **/
a:link, a:active, a:visited {
	color:#ffffff;
	text-decoration:underline;
	outline:none;
}

a:hover {
	color:#deecf6;
	text-decoration:underline;
	outline:none;
}

.bodyText a:link, .bodyText a:active, .bodyText a:visited, .bodyText a:hover { position:relative; }

/** ======================== Spezielle Background-Image Deklarationen ======================== **/
html>body #bg {	position:fixed; }
*html #bg { position:absolute; }
#bg {
	z-index:100;
	width:100%;
	height:100%;
	margin:0 auto;
	left:auto;
}

#bg_img {
	background:#ffffff;
	width:100%;
	/* Zwangseinschalten von der bikubischen Interpolation für Internet Explorer */
	-ms-interpolation-mode: bicubic; /* >= IE 7 */
	/**\/*\***/
}

#main_container {
	position:absolute;
	z-index:101;
	width:980px;
	min-width:100%;
	left:0px;
}
*html #main_container { _width:100%; } /* <= IE 6 */

/** ======================== Allgemeine Header Deklarationen ======================== **/
#header {
	margin:0px auto;
	padding:15px 10px 15px 10px;
	width:960px;
	height:180px;
}

.logo {
	margin:0px;
	padding:0px;
	width:193px;
	height:111px;
}

.logo a:link, .logo a:visited, .logo a:active, .logo a:hover {
	margin:0px;
	padding:0px;
	width:218px;
	height:125px;
	display:block;
}

/** ======================== Allgemeine Navi Deklarationen ======================== **/
.navi {
	margin:0px;
	padding:0px;
	width:300px;
}

.navi ul, .navi ul li {
	margin:0px;
	padding:0px;
	list-style: none;
}

html>body .navi ul li { background: transparent url('../images/navigation_bg.png') no-repeat top left; }
*html .navi ul li { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/navigation_bg.png', sizingMethod='image'); }
.navi ul li {
	margin:0px 10px 10px 0px;
	padding:0px;
	width:85px;
	height:85px;
}

.navi ul li a:link,
.navi ul li a:visited, 
.navi ul li a:active, 
.navi ul li a:hover, 
.navi ul li a.on:link, 
.navi ul li a.on:visited, 
.navi ul li a.on:active, 
.navi ul li a.on:hover {
	margin:0px;
	padding:5px 5px 5px 5px;
	width:75px;
	height:75px;
	display:block;
	line-height:75px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
}

.navi ul li a:hover {
	background:url('../images/navigation_bg_ani.gif') no-repeat center center;
	text-decoration:none;
}

html>body .navi ul li a.on:link, html>body .navi ul li a.on:visited, html>body .navi ul li a.on:active, html>body .navi ul li a.on:hover { background: transparent url('../images/navigation_hover.png') no-repeat top left; }
*html .navi ul li a.on:hover { background:none; }
*html .navi ul li a.on:link, *html .navi ul li a.on:visited, *html .navi ul li a.on:active, *html .navi ul li a.on:hover { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/navigation_hover.png', sizingMethod='image'); }
.navi ul li a.on:link, .navi ul li a.on:visited, .navi ul li a.on:active, .navi ul li a.on:hover { text-decoration:none; }

.navi ul li.smileybutton {
	background:transparent;
}
.navi ul li.smileybutton a:link,
.navi ul li.smileybutton a:visited,
.navi ul li.smileybutton a:active,
.navi ul li.smileybutton a:hover,
.navi ul li.smileybutton a.on:link,
.navi ul li.smileybutton a.on:visited,
.navi ul li.smileybutton a.on:active,
.navi ul li.smileybutton a.on:hover {
	padding:0px;
	background:transparent;
	cursor:pointer;
}


/** ======================== Allgemeine Layout Deklarationen ======================== **/
#layout { padding:25px 0px 25px 0px; width:980px; }
html>body #layout { background: transparent url('../images/layout_bg.png') repeat; min-width:100%; }
*html #layout { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/layout_bg.png', sizingMethod='scale'); _width:100%; }

#layout #container {
	margin:0px auto;
	padding:0px 0px 0px 0px;
	width:980px;
	min-height:320px;
	color:#ffffff;
}
*html #layout #container { _height:320px; }

#layout #container .content {
	margin:0px auto;
	padding:0px 10px 0px 10px;
	width:960px;
}


/** ============================ Referenzen Deklarationen =========================== **/
#ref_container {
	margin:0px auto;
	padding:0px 0px 0px 0px;
	width:980px;
}

/* Pfeile zum definierten Scroll */
#ref_container #arrow_l, #ref_container #arrow_r  {
	position:absolute;
	margin:0px auto;
	padding:85px 20px 0px 0px;
	width:68px;
	height:113px;
	display:block;
	top:0px;
	left:0px;
}
#ref_container #arrow_r  { padding:85px 0px 0px 20px; left:auto; right:0px; }

/* Scroll- & Referenzboxen */
#ref_container #mab {
	margin:0px auto;
	padding:0px;
	width:804px;
	height:320px;
	overflow:hidden;
}

#ref_container #mab ul#casb {
	margin:0px;
	padding:0px;
	width:100%;
	display:block;
	list-style: none;
}

ul#casb li.aperture_box {
	margin:0px;
	padding:0px 2px 0px 25px;
	width:777px;
	display:block;
	list-style: none;
}


/* Referenz Item */
ul#casb li.aperture_box .aperture_item {
	margin:0px;
	padding:7px 23px 18px 0px;
	width:365px;
	height:auto;
}

ul#casb li.aperture_box .aperture_item .aperture_img a:link, ul#casb li.aperture_box .aperture_item .aperture_img a:visited, ul#casb li.aperture_box .aperture_item .aperture_img a:active, ul#casb li.aperture_box .aperture_item .aperture_img a:hover { display:block; }

html>body ul#casb li.aperture_box .aperture_item span.reftext { background: transparent url('../images/aperture_item_arrow.png') no-repeat 5px 5px; }
*html ul#casb li.aperture_box .aperture_item span.reftext { background: transparent url('../images/aperture_item_arrow.gif') no-repeat 5px 5px; }
ul#casb li.aperture_box .aperture_item span.reftext {
	margin:0px;
	padding:2px 0px 0px 13px;
	display:block;
	font-size:11px;
	font-weight:bold;
}

ul#casb li.aperture_box .aperture_item span.reftext a:link, ul#casb li.aperture_box .aperture_item span.reftext a:visited, ul#casb li.aperture_box .aperture_item span.reftext a:active, ul#casb li.aperture_box .aperture_item span.reftext a:hover { color:#ffffff; }


/** ============================= Lightbox Deklarationen ============================ **/
#lightbox-div {
	position:absolute;
	margin-top:-150px;
	margin-left:-350px;
	background:#ffffff;
	width:700px;
	height:300px;
	left:50%;
	top:50%;
	z-index:1001;
	border:5px white solid;
	border-radius:5px;
	-moz-border-radius:5px; /* Firefox */
	-khtml-border-radius:5px; /* Safari x.x, Konqueror x.x */
	-webkit-border-radius:5px; /* Safari, Chrome */
	color:#000000;
}

#lightbox-div #lightbox-btn-close {
	display:block;
	position:absolute;
    width:28px;
	height:28px;
	cursor:pointer;
	background-image:url('../images/t3_zoombox.gif');
	background-repeat:no-repeat;
}

#lightbox-div a#lightbox-btn-close {
	top:-16px;
	right:-16px;
    background-position:0px 0px;
}

/* Inline Screens */
.fl.screen {
	margin:0px;
	padding:20px 0px 20px 20px;
	width:216px;
}


	/* Easy Slider */
	#inlineslider { border:1px solid #cccccc; }
	
	#inlineslider, #inlineslider ul, #inlineslider li {
		margin:0;
		padding:0;
		width:210px;
		height:210px;
		display:block;
		overflow:hidden; 
		list-style:none;
	}
	
	#inlineslider ul { clear:both; }
	
	#inlineslider li { float:left; padding:0px 27px 0px 0px; }	
	
	/* numeric controls */	
	ol#controls {
		margin:0;
		padding:5px 0px 0px 0px;
		height:18px;
		width:216px;	
	}
	
	ol#controls li {
		margin:5px 5px 5px 0px; 
		padding:0;
		height:18px;
		float:left;
		list-style:none;
		line-height:18px;
	}
	
	ol#controls li a:link, ol#controls li a:visited, ol#controls li a:active, ol#controls li a:hover {
		background:#ffffff;
		padding:0px 3px 0px 3px;
		width:14px;
		height:18px;
		float:left;
		border:1px solid #cccccc;
		line-height:18px;
		text-decoration:none;
		color:#bbbbbb;
		text-align:center;
	}
	
	ol#controls li a:hover {
		background:#eeeeee;
		color:#999999;
		border:1px solid #bbbbbb;
	} 
	
	ol#controls li.current a:link, ol#controls li.current a:visited, ol#controls li.current a:active, ol#controls li.current a:hover {
		background:#999999;
		border:1px solid #999999;
		color:#ffffff;
	}

.fl.refajaxcontent {
	margin:0px;
	padding:20px 20px 20px 20px;
	width:420px;
}

.fl.refajaxcontent.empty { width:660px; }

.refajaxcontent h3 {
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-size:18px;
}

.refajaxcontent h4 {
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-size:11px;
	color:#cccccc;
}

.refajaxcontent .website, .refajaxcontent .online { color:#999999; }
.refajaxcontent .website a:link, 
.refajaxcontent .website a:visited, 
.refajaxcontent .website a:active, 
.refajaxcontent .website a:hover {
	color:#999999;
}
.refajaxcontent .website a:hover {
	color:#123456;
}

.refajaxcontent .websolution em, .refajaxcontent .job em, .refajaxcontent .technology em { color:#555555; } 


/** ========================= Kontaktformular Deklarationen ========================= **/
.contactform {
	padding:15px 0px 0px 0px;
	width:480px;
	font-size:14px;
}

.contactform table { position:relative; }
.contactform table tr td { padding-bottom:5px; }
.contactmap {
	padding:15px 0px 0px 0px;
	width:400px;
}