@charset "ISO-8859-1";
@import url("../js/lytebox/lytebox.css");


/*
 * Author:	AQIDOS-EasyWeb
 * Date: 	2011-10-28 16:48:44
 */


/**************************************************************
	DEFAULT
 **************************************************************/
* {
	margin:				0;
	padding:			0;
}

body {
	margin:				0;
	font-family:			sans-serif;
}

body, th, td, pre {
	font-size:			14px;
}

#container {
	margin:				1em;
}

h1 { font-size:2.00em; line-height:1.5em; }
h2 { font-size:1.75em; line-height:1.5em; }
h3 { font-size:1.50em; line-height:1.5em; }
h4 { font-size:1.25em; line-height:1.5em; }
h5 { font-size:1.10em; line-height:1.5em; }
h6 { font-size:1.00em; line-height:1.5em; }

p {
	margin:				1em 0em;
}

ul, ol {
	margin:				1em 0em 1em 2em;
}

ul ul, ol ol {
	margin-top:			0em;
	margin-bottom:			0em;
}

li {
	line-height:			1.3em;
}

acronym {
	cursor:				help;
	border-bottom-style:		dotted;
	border-bottom-width:		1px;
}

img {
	border:				0;
}

img.imgleft {
	margin-right:			.7em;
}

img.imgright {
	margin-left:			.7em;
}

div.advcontent {
	margin:				.2em 0em;
	float:				left;
	width:				100%;
}

div.advcontent-end {
	clear:				left;
}

div#bodyend {
	clear:				both;
}

div.browser-note {
	margin:				0px;
	height:				31px;
	font-family:			sans-serif;
	font-size:			12px;
	font-weight:			bold;
}

div.browser-note table {
	margin:				0px;
	width:				100%;
	position:			fixed;
	z-index:			100;
	top:				0px;
	border-collapse:		collapse;
	border-spacing:			0;
	border-bottom:			solid 1px #000;
	color:				#000;
	text-align:			center;
	background-color:		#ff9;
}

div.browser-note table td {
	margin:				0px;
	font-family:			sans-serif;
	font-size:			12px;
	font-weight:			bold;
	text-align:			center;
	padding:			4px 15px;
	height:				22px;
}

div#oldbrowserwarning table {
	background:			#f99 url("../cms/images/warning.gif") no-repeat 10px 50%;
}

div#oldbrowserwarning table td {
	padding-left:			37px;
	text-align:			left;
}

div#oldbrowserwarning a {
	color:				#fff;
}

div#youfoundusnote table {
	text-align:			center;
	background-color:		#ff9;
}

div#youfoundusnote i {
	color:				#00f;
}

div#youfoundusnote a {
	color:				#c00;
}


/**************************************************************
	GALLERY DEFAULT
 **************************************************************/
div.gallery {
	margin:				.2em 0em;
	float:				left;
	width:				100%;
}

div.gallery div.thumbnail {
	float:				left; 
	padding:			0px;
}

div.gallery div.thumbnail a {
	border:				solid 1px gray;
	display:			block;
	margin:				0;
	padding:			0;
}

div.gallery div.thumbnail a img {
	border:				none;
	margin:				0;
	padding:			0;
}

div.gallery div.thumbnail p.desc {
	text-align:			center;
	font-family:			sans-serif;
	font-size:			.8em;
	line-height:			1em;
	padding:			2px;
	margin:				0;
	background-color:		#ccc;
	border-left:			solid 1px gray;
	border-right:			solid 1px gray;
	border-bottom:			solid 1px gray;
}


/**************************************************************
	GENERAL
 **************************************************************/
body {
	background:		url('../files/design/bg.png') repeat-x scroll;
}

body, th, td, pre {
	font:			normal 12px Verdana;
}

/*
#youfoundusnote, #oldbrowserwarning {
	position:		absolute;
	top:			0px;
	width:			100%;
}
*/

div.browser-note {
	height:			0px;
}

#container {
	width:			1014px;
	*width:			1014px;
	margin:			0 auto;
	margin-top:		12px;
	*margin-top:		0px;
	position:		relative;
}

#bodyend {
	clear:			both;
	height:			25px;
}

#content-end {
	clear:			both;
	height:			25px;
}

hr.content-divider {
	display:		none;
}

a {
	color:			#ff0000;
	line-height:		17px;
	text-decoration:	none;
	outline:		none;
}

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

acronym {
	border-bottom:		dotted 1px #3A75C4;
	color:			#3A75C4;
}
h1 {
	font-weight:		bold;
	font-size:		21px;
	color:			#C00;
	lineheight:		24px;
	margin-bottom:		19px;
}
h2 {
	font-weight:		normal;
	font-size:		18px;
	color:			#000;
	lineheight:		20px;
	margin-bottom:		14px;
}
h3 {
	font-weight:		normal;
	font-size:		10px;
	color:			#000;
	lineheight:		20px;
	margin-bottom:		8px;
}

p {
	line-height:		20px;
	font:			normal 12px Verdana;
}

lable,
input {
	font-size:		11px;
	color:			#000;
	line-height:		15px;

}
lable {
	color:			#CCC;
}

img {
	margin:			10px;
}

/**************************************************************
	HEADER
 **************************************************************/
#header {
	height:			360px;
	background:		#FFF url('../files/design/header_aqidos.png') no-repeat top;
	width:			927px;
	margin-top:		-12px;
	*margin-top:		0px;
}
#header h1, #header h2 {
	display:		none;
	
}

body.lexware #header {
	height:			360px;
	background:		url('../files/design/header_lexware.png');
	width:			963px;
}
body.entwicklungen #header {
	height:			360px;
	background:		url('../files/design/header_entwicklung.png');
	width:			963px;
}
body.software #header {
	height:			360px;
	background:		url('../files/design/header_software.png');
	width:			963px;
}
/**************************************************************
	NAVIGATION
 **************************************************************/
#navigation {
	float:			left;
	width:			214px;
	background:		url('../files/design/navibg.png');
	padding-top:		10px;
}

#navigation-end {
	background:		#FFF url('../files/design/naviend.png');
	width:			214px;
	height:			27px;
	margin-top:		20px;
}
#navigation h2 {
	display:		none;
}

#navigation ul {
	margin:			0;
	padding:		0;
}

#navigation ul li {
	list-style-type:	none;
}

/*#navigation ul li.group ul.last {
	border:			0 solid #000;
}*/

#navigation ul li.group {
	display:		none;
}

#navigation ul li.group.active {
	display:	block;
}

#navigation ul li.group a.grouplink {
	display:		none;
}

#navigation ul li.group ul li.group {
	display:		block;
}

#navigation ul li ul li.group.active {
	display:		block;
}

#navigation ul li.group ul li.group a.grouplink {
	font-weight:		bold;
	color:			#E00000;
	cursor:			default;
	display:		block;
	padding-left:		0px;
	text-decoration:	none;
}

#navigation ul li.group li.link {
	padding-left:		0px;
	padding-top:		10px;
}

#navigation ul li.link a:hover {
	background:		url("../files/design/buttons/arrow_hover.png") no-repeat 1px;

}

#navigation ul li.link a.active {
	background:		url("../files/design/buttons/arrow_hover.png") no-repeat 1px;
}

#navigation ul li.link a {
	line-height:		20px;
	text-decoration:	none;
	color:			#000;
	background:		url("../files/design/buttons/arrow.png") no-repeat 1px;
	padding-left:		15px;
}

/**************************************************************
	CONTENT
 **************************************************************/
#content {
	margin-left:		224px;
	width:			650px;
}

#content > h2 {
	display:		none;
}

#content a {
	color:			#ff0000;
}

#content p {
	line-height:		20px;
}

#content li {
	line-height:		20px;
	list-style-type:	disc;
}

#lexware_menu .lexware_menu {
	background: url("../files/images/content/lex_produkte_bg.png") no-repeat;
	width:			273px;
}
#lexware_menu .lexware_menu li {
	color:			#000000;
}
#lexware_menu ul li a {
	color:			#000;
	text-decoration:	none;
}

#lexware_menu ul li a:hover {
	color:			#e50000;
	text-decoration:	none;
}
#lexware_menu .title {
	color:			#e50000;
	margin:			0 10px;
	padding:		10px 0 5px 10px;
	border:			0px;
}
/**************************************************************
	FOOTER
 **************************************************************/
#footer {
	height:			50px;
	background:		#FFF url('../files/design/footer.png') no-repeat top;
	text-align:		center;
}

#footer p {
} 

#footer a {
	color:			#e00000;
}

#impressum {
}

#footer span.separator {
	display:		none;
}

/**************************************************************
	Special Content
 **************************************************************/

#headnav {
	position:		absolute;
	top:			318px;
	height:			30px;
	z-index:		1;
}

#headnav a {
	color:			#FFF;
	font-weight:		bold;
	font-size:		10pt;
	font-family:		Arial, Halvetica, Verdana, Tahoma, Sans-Serif;
}
#headnav ul li {
	float:			left;
	list-style-type:	none;
}

#fernw {
	position:		absolute;
	right:			-190px;
}


.tdVorteil {
	padding:		0 0 0 10px;
}

#clipinc {
	position:		absolute;
	top:			312px;
	margin-left:		800px;
	height:			30px;
}

.cobra td {
	padding:		5px;
}


/**************************************************************
	BACKLINKSELLER
 **************************************************************/
div#adaf {
	margin:			30px auto;
	text-align:		center;
	font-size:		.9em;
}


/**************************************************************
	Kontaktformular
 **************************************************************/
#contact-form {
	float: left;
	width: 650px; 
	margin-top: 25px; }
	
#contact-form input { 
		color: #f7f7f7;
		font-family: Tahoma,sans-serif;
		font-size: 11px; }

#contact-form textarea { 
		color: #f7f7f7;
		font-family: Tahoma,sans-serif;
		font-size: 11px; }
	
#contact-global { 
		float: left;
		width: 340px; }
		

div.contact-w-label {
			float: left;
			width: 340px;
			height: 25px;
			margin-bottom: 10px; }
			

div.contact-w-label span {
				float: left;
				width: 120px;
				line-height: 25px;
				text-align: left; }
		

#contact-global input {
			float: right;
			border: none;
			background: #383838;
			width: 195px;   
			font-size: 11px; 
			*margin-top:		-18px;
			padding: 6px 0 6px 10px; }
	

#contact-message { 
		float: left;
		width: 275px;
		margin-left: 35px; }
		
#contact-message textarea {
			float: left;
			width: 255px;
			height: 110px;
			border: none;
			background: #383838; 
			padding: 10px;
			overflow: auto; }
		
#contact-confirm {
			float: left;
			width: 275px;
			padding: 6px 0;
			margin-top: 6px; } 
			
#contact-confirm label { margin-left:  10px; }
	
	
#contact-send { 
		float: left;
		width: 650px;
		overflow: hidden;
		margin-top: 5px; }
		
#contact-goon {
			*margin-left:  0px;
			margin: 15px 0 0 0px;
			float: left;
			width: 165px; }
			
	
input#senden {
		float: left;
		width: 104px;
		height: 24px;
		background: url(../files/design/buttons/form_button.png) no-repeat 0 0;
		line-height: 10px;
		text-align: center; 
		color: #fff; 
		padding: 0;
		font-size: 12px; 
		border: none; 
		cursor: pointer; }
		
input#senden:hover {
			color: #fff;
			background: url(../files/design/buttons/form_button.png) no-repeat 0 -24px; 
}
#contact-left {
	float: left;
	width: 210px; 
	margin: 25px 0 0 0;  }
	

#contact-left b {
		color: #fff;
		font-weight: lighter; }


#contact-right {
	float: left;
	width: 310px; 
	margin: 54px 0 0 0; }
	


/* Button Fade */
	.fadeThis_aqidos {
		position:relative;
		display:block;
		height: 30px;
		width: 142px;
		background:url("../files/images/button_effect/aqidos_button.png") 0 0 no-repeat;
	}
	
	.fadeThis_aqidos * {
	  display: none;
	}
	
	.fadeThis_aqidos span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 30px;
		width: 142px;
		background:url("../files/images/button_effect/aqidos_button.png") 0 -30px no-repeat;
	}
.fadeThis_lexware{
		position:relative;
		display:block;
		height: 30px;
		width: 142px;
		background:url("../files/images/button_effect/lexware_button.png") 0 0 no-repeat;
	}
	
	.fadeThis_lexware * {
	  display: none;
	}
	
	.fadeThis_lexware span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 30px;
		width: 142px;
		background:url("../files/images/button_effect/lexware_button.png") 0 -30px no-repeat;
	}



.fadeThis_blueoffice{
		position:relative;
		display:block;
		height: 30px;
		width: 142px;
		background:url("../files/images/button_effect/blueoffice_button.png") 0 0 no-repeat;
	}
	
	.fadeThis_blueoffice * {
	  display: none;
	}
	
	.fadeThis_blueoffice span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 30px;
		width: 142px;
		background:url("../files/images/button_effect/blueoffice_button.png") 0 -30px no-repeat;
	}




.fadeThis_software {
		position:relative;
		display:block;
		height: 30px;
		width: 142px;
		background:url("../files/images/button_effect/software_button.png") 0 0 no-repeat;
	}
	
	.fadeThis_software * {
	  display: none;
	}
	
	.fadeThis_software span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 30px;
		width: 142px;
		background:url("../files/images/button_effect/software_button.png") 0 -30px no-repeat;
	}
.fadeThis_entwicklungen {
		position:relative;
		display:block;
		height: 30px;
		width: 142px;
		background:url("../files/images/button_effect/entwicklungen_button.png") 0 0 no-repeat;
	}
	
	.fadeThis_entwicklungen * {
	  display: none;
	}
	
	.fadeThis_entwicklungen span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 30px;
		width: 142px;
		background:url("../files/images/button_effect/entwicklungen_button.png") 0 -30px no-repeat;
	}
.fadeThis_angebote {
		position:relative;
		display:block;
		height: 30px;
		width: 142px;
		background:url("../files/images/button_effect/angebote_button.png") 0 0 no-repeat;
	}
	
	.fadeThis_angebote * {
	  display: none;
	}
	
	.fadeThis_angebote span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 30px;
		width: 142px;
		background:url("../files/images/button_effect/angebote_button.png") 0 -30px no-repeat;
	}

/**************************************************************
	Toggle
 **************************************************************/
.container ul {
	font-size:		10px;
}
h2.trigger {
	background: url(../files/images/toggle/h2_trigger_a.gif) no-repeat;
	height:40px;
	line-height:40px;
	margin:0 0 0;
	padding-left:	45px;
	width: 		605px;
	font-size:	12px;
	cursor:	pointer;
}
h2.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover { color: #ccc; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	font-size: 1.2em;
	width:		650px;
	clear: both;
}
.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
	background: url(toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/
}

/**************************************************************
	Products
 **************************************************************/
#products {
	position:		absolute;
	top:			30px;
	width:			800px;
}

#products img {
	float: 			left;
	margin:			0px;
}
#iconbar			{
	top:			30%;
	left:			45%; 
	text-shadow:		0 1px 0 #eee;
	margin-left:		180px;
}
#iconbar li			{
	float:			left;
	position:		relative;
	margin-right:		10px;
	overflow:		hidden;
}
#iconbar a {
	text-decoration: 	none;
	outline: 		none;
	color:			#d00000;
	display: 		block;
	width: 			24px;
	padding:		10px;
	cursor:			pointer;
}
#iconbar span	{
	width: 			100px;
	height: 		35px;
	position: 		absolute;
	display:		none;
	color:	     		red;
	padding-left: 		10px;
	line-height:		25px;
}
#iconbar img {
	margin: 		0px;
	padding: 		0px;
	vertical-align:		bottom; 
}

#iconbar ol,ul {
	list-style:		none;
}

#unternehmen_logo {
	margin:			0 auto;
}

#sidebar {
	background:url("../files/design/sidebar.png");
	float:			right;
	margin-top:		0px;
	width:			214px;
	position:absolute;
	/* right:	-60px; *//* WTF -60px AND -75px? */
	right:	-75px;
}
#sidebar-end {
	background:		#FFF url('../files/design/sidebarend.png');
	width:			214px;
	height:			27px;
	margin-top:		20px;
}
#sidebar p {
	padding-left:		25px;
	color:			#E00000;
	font-weight:		bold;
}
#sidebar img {
	margin:			0px;
}



/**************************************************************
	WIRKUNGSVOLL
 **************************************************************/
div#adan {
	float:			right;
	margin:			175px -75px 0px 0px;
	width:			200px;
/*
	border:			dotted 2px red;
	height:			300px;
*/
}