/************************* body *************************/

html {
	min-height: 101%;
}

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	min-width: 1000px;
	background-color: #D3D2DB;
}

a:link, a:visited {
	color: #422886;
	text-decoration: none;
}

a:hover {
	color: #FF0000;
	text-decoration: none;
}

h1 {
	font-size: 12px;
	color: #422886;
	margin-top: 5px;
	margin-bottom: -10px;
}

ul {
	list-style-image: url('images/bullet.gif');
	margin-left: 18px;
	padding-left: 0px;
}

ul li {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-left: 0px;
}

hr {
	color: #422886;
	background-color: #422886;
	height: 1px;
	border: 0px;
}
/********************** container ***********************/

#wrapper {
	width: 920px;
	margin: 20px auto 20px auto;
}

#main {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	background-image: url('images/1px_main_bg.jpg');
	background-repeat: repeat-y;
}

/************************ header ************************/

#header {
	background-image: url('images/1px_main_bg.jpg');
	background-repeat: repeat-y;
}

#header .headline {
	background-image: url('images/head.jpg');
	background-repeat: no-repeat;
	height: 10px;
}

#header .logo {
	margin: 10px 20px 10px 20px;
}

/********************** navigation **********************/

#navigation {
	float: left;
	width: 190px;
	background-image: url('images/1px_main_bg.jpg');
	background-repeat: repeat-y;
}

#navigation .top {
	margin-left: 11px;
	display: block;
	background-image: url('images/navigation/nav_top_bg.jpg');
	background-repeat: repeat-y;
}

#navigation .sub {
	display: block;
	background-image: url('images/navigation/nav_sub_bg.jpg');
	background-repeat: repeat-y;
}

#navigation .top a {
	color: #FFFFFF;
	font-weight: bold;
	line-height: 22px;
	text-indent: 14px;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #9895A1;
}

#navigation .sub a {
	color: #FFFFFF;
	font-weight: bold;
	line-height: 22px;
	text-indent: 14px;
	text-decoration: none;
	display: block;
	border: none;
}

#navigation .top a:hover {
	color: #FFFFFF;
	background-color: #422886;
	font-weight: bold;
	line-height: 22px;
	text-indent: 14px;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #9895A1;
	background-image: url('images/navigation/nav_top_on.gif');
	background-repeat: no-repeat;
	background-position: 4px 50%;
}

#navigation .sub a:hover {
	color: #FFFFFF;
	background-color: #9895A1;
	font-weight: bold;
	line-height: 22px;
	text-indent: 14px;
	text-decoration: none;
	display: block;
	border: none;
	background-image: url(images/navigation/nav_sub_on.gif);
	background-repeat: no-repeat;
	background-position: 4px 50%;
}

#navigation .top .active {
	color: #FFFFFF;
	background-color: #422886;
	font-weight: bold;
	line-height: 22px;
	text-indent: 14px;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #9895A1;
	background-image: url('images/navigation/nav_sub_on.gif');
	background-repeat: no-repeat;
	background-position: 4px 50%;
}

#navigation .sub .active {
	color: #FFFFFF;
	background-color: #9895A1;
	font-weight: bold;
	line-height: 22px;
	text-indent: 14px;
	text-decoration: none;
	display: block;
	border: none;
	background-image: url(images/navigation/nav_sub_on.gif);
	background-repeat: no-repeat;
	background-position: 4px 50%;
}

#sub_navigation {
	margin: 15px 0px 0px 25px;
	color: #422886;
	line-height: 16px;
}

/******************** kundenbereich *********************/

#kundenbereich {
	margin: 15px 0px 0px 11px;
	width: 179px;
	height: auto;
	left: 0px;
	top: 45px;
	border-style: none none solid none;
	border-width: 0 0 1px 0;
	border-color: #422886;
}

#kundenbereich .headline {
	font-weight: bold;
	color: #FFFFFF;
	line-height: 21px;
	background-image: url('images/navigation/nav_top_bg.jpg');
	background-repeat: repeat-y;
	padding-right: 5px;
	padding-left: 12px;
	position: relative;
	width: auto;
	height: 21px;
}

#kundenbereich .textbox {
	color: #000000;
	position: relative;
	width: auto;
	height: 120px;
	top: 0px;
	padding: 10px 5px 5px 12px;
}

#kundenbereich .textbox p {
	margin-top: 5px;
	margin-bottom: 5px;
}

/*********************** sidebar ************************/

#sidebar {
	float: right;
	padding-right: 30px;
}

#sidebar .headline {
	font-weight: bold;
	color: #FFFFFF;
	line-height: 21px;
	background-color: #422886;
	padding-right: 5px;
	padding-left: 10px;
	width: 155px;
	height: 21px;
}

#sidebar .textbox {
	color: #000000;
	border-style: none solid solid solid;
	border-width: 1px 1px 1px 5px;
	border-color: #D3D2DB;
	padding: 5px;
	width: 154px;
}

#sidebar .textbox p {
	color: #422886;
	margin: 10px 0px 10px 0px;
}

#sidebar .textbox a, #sidebar .textbox .bold {
	font-weight: bold;
}

/*********************** content ************************/

#container {
	margin: 0px 215px 0px 205px;
}

#container .content {
	width: 494px;
}

#container .content .headline {
	font-weight: bold;
	color: #422886;
	line-height: 21px;
	text-indent: 10px;
	background-image: url('images/heading_bg.jpg');
	background-repeat: repeat-x;
	border: 1px solid #D3D2DB;
	height: 21px;
}

#container .content .textbox {
	border-style: none solid solid solid;
	border-width: 1px;
	border-color: #D3D2DB;
	padding: 1px 10px 0px 10px;
}

#container .content .textbox img {
	float: right;
	margin: 10px 0px 0px 0px;
}

/*********************** clearone ***********************/

#clearone {
	clear: both;
	height: 1px;
	background-image: url('images/1px_main_bg.jpg');
	background-repeat: repeat-y;
}

/************************ footer ************************/

#footer {
	clear: both;
}

#footer .bottom {
	background-image: url('images/bottom.jpg');
	background-repeat: no-repeat;
	height: 10px;
}

#footer .footer {
	background-image: url('images/footer.jpg');
	background-repeat: no-repeat;
	height: 50px;
}

* html #footer .footer { /* für IE bis Version 6 */
	margin-top: -9px;
}

#footer .impressum {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	color: #000000;
	text-align: left;
	margin-top: -45px;
	margin-left: 20px;
}

/************************ arrow *************************/

#arrow {
	float: right;
	margin-top: -35px;
	margin-right: 30px;
	position: relative;
}

* html #arrow { /* für IE bis Version 6 */
	margin-right: 15px;
}

#arrow img {
	border: 0px;
}

/*********************** formular ***********************/

.formular_body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	margin: 0px 0px 0px -2px;
	background-color: #FFFFFF;
}

.formular_body h1 {
	margin-bottom: 10px;
}

.formular_sidebar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	margin: 0px 0px 0px -2px;
	background-color: #FFFFFF;
}

.formular_sidebar h1 {
	margin-bottom: 10px;
	font-size: 12px;
}

.formular {
	border: 1px solid silver;
}

.red {
	color: #FF0000;
}

/************************* home *************************/

#info {
	margin: 2px 0px 20px 2px;
	position: absolute;
}

#info img {
	border-width: 0px;
	position: absolute;
}

#clearone_home {
	clear: both;
	height: 0px;
}

.home_img {
	position: absolute;
	margin-top: -10px;
}

.home_img img {
	border-style: none;
	border-width: 0px;
}

.home_text {
	position: absolute;
	margin-top: 100px;
	padding: 10px;
}

#it_training {
	position: relative;
	width: 155px;
	height: 300px;
	margin: 180px 0px 20px 2px;
	padding: 0px 0px 10px 0px;
	
}

#it_services {
	border-left: 1px #422886 solid;
	position: relative;
	width: 155px;
	height: 300px;
	margin: -330px 0px 20px 157px;
	padding: 0px 0px 10px 0px;
}

#tk_services {
	border-left: 1px #422886 solid;
	position: relative;
	width: 155px;
	height: 300px;
	margin: -330px 0px 20px 313px;
	padding: 0px 0px 10px 0px;
}

#mobile_computing {
	position: relative;
	width: 155px;
	height: 300px;
	margin: 20px 0px 20px 2px;
	padding: 0px 0px 10px 0px;
}

#web_services {
	border-left: 1px #422886 solid;
	position: relative;
	width: 155px;
	height: 300px;
	margin: -330px 0px 20px 157px;
	padding: 0px 0px 10px 0px;
}

#mailing_services {
	border-left: 1px #422886 solid;
	position: relative;
	width: 155px;
	height: 300px;
	margin: -330px 0px 20px 313px;
	padding: 0px 0px 10px 0px;
}

/********************* it services **********************/

.aquado_img {
	float: right;
	margin: -3px -3px 0px 0px;
	border: 0px;
}