/* ####################################################################*/
/* General - Overrides & Handlers #####################################*/
/* ####################################################################*/

* {
	padding:0;
	margin:0;
}

/* Clear Division Handler */
.clear {
 clear:both;
	height:1px;
 overflow:hidden;
}

/* Mozilla Focus Outline Bug */
a:active {
 outline:none;
}

a:focus {
 -moz-outline-style: none;
}

img {
	border:0px;
}

/* ####################################################################*/
/* General - Body, Page, Header, Content, Footer ######################*/
/* ####################################################################*/

#page {
	height:100%;
}

#page[id] {
 height:auto;
	min-height:100%;
}

html {
	height:100%;
}

body {
	height:100%;
	background:#033465;
	background-image:url(../images/body_back.jpg);
	background-repeat:repeat-x;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}

#page {
	width:990px;
	min-height:100%;
	margin:0 auto;
	position:relative;
	background-image:url(../images/page_back.png);
	background-repeat:repeat-y;
}

#header {
	margin:0 0 0 15px;
	width:960px;
	height:134px;
	background-image:url(../images/header_back.jpg);
	background-repeat:no-repeat;
}

#content {
	position:relative;
	margin:0 0 0 15px;
	min-height:454px;
 height:auto !important;
	height:454px;
	width:960px;
	background:#ffffff;
	background-image:url(../images/content_back.jpg);
	background-repeat:no-repeat;
}

#footer {
	position:absolute;
	clear:both; 
	bottom:0px;
	overflow:hidden;
	left:15px;
	width:960px;
	height:69px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	background-image:url(../images/footer_back.jpg);
	background-repeat:no-repeat;
}

/* ####################################################################*/
/* Header - Logo, MS Partner ##########################################*/
/* ####################################################################*/

#header .logo {
	position:absolute;
	width:135px;
	height:66px;
	top:18px;
	left:34px;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
}

#header .logo_over {
	background-image:url(../images/logo_over.png);
}

#header #ms_partner {
	position:absolute;
	width:229px;
	height:64px;
	top:20px;
	right:34px;
	background-image:url(../images/ms_partner.png);
	background-repeat:no-repeat;
}

/* ####################################################################*/
/* Header - Navigation ################################################*/
/* ####################################################################*/

#navigation {
	position:absolute;
	top:98px;
	left:40px;
	width:906px;
	background:#333333;
	border:1px solid #000000;
	background-image:url(../images/navigation_back.gif);
	background-repeat:repeat-x;
	z-index:10000;
}

.jqueryslidemenu {
	font:normal 12px Arial;
	width:700px;
	visibility:hidden;
}

.menu_noscript {
	position:absolute;
	width:700px;
}

.jqueryslidemenu ul,
.menu_noscript ul {
	list-style-type:none;
}

.jqueryslidemenu ul li,
.menu_noscript ul li {
	position:relative;
	display:block;
	float:left;
}

.jqueryslidemenu ul li a,
.menu_noscript ul li a {
	display:block;
	height:20px;
	padding:4px 0px 0px 8px;
	color:#ffffff;
	text-decoration:none;
	border-right:23px solid transparent;
}

.menu_noscript ul li a {
	padding:4px 23px 0px 8px;
	border:none;
}

.jqueryslidemenu ul li a.active {
	background:#004991;
	border-right:23px solid transparent;
	background-image:url(../images/navigation_active.gif);
	background-repeat:repeat-x;
}

.jqueryslidemenu ul li a:hover,
.jqueryslidemenu ul li.hoverfix a,
.jqueryslidemenu ul li.hoverfix a.active {
	color:#000000;
	background:#ffaa33;
	border-right:23px solid #ffaa33;
}

.menu_noscript ul li a:hover {
	color:#000000;
	background:#ffaa33;
}
	
.jqueryslidemenu ul li ul	{
	position:absolute;
	display:block;
	visibility:hidden;
}

.jqueryslidemenu ul li ul li {
	display:list-item;
	float:none;
}

.jqueryslidemenu ul li ul li a,
.jqueryslidemenu ul li.hoverfix ul li a {
	font:normal 12px Arial;
/* Breite der Submenu-Reiter ##########################################*/
	width:202px;
/* ####################################################################*/
	height:21px;
	padding:5px 0px 0px 8px;
	background:#262626;
	color:#ffffff;
	border:1px solid #262626;
	border-bottom:1px solid #474747;
}

.jqueryslidemenu ul li ul li a:hover{
	background:#ffaa33;
	color:#000000;
	border:1px solid #262626;
	border-bottom:1px solid #474747;
}

.jqueryslidemenu ul li ul li a.topic,
.jqueryslidemenu ul li.hoverfix ul li a.topic {
	font:normal 12px Arial;
	color:#cccccc;
	background:none;
	border:1px solid #262626;
	border-bottom:1px solid #474747;
	background-image:url(../images/navigation_back.gif);
	background-repeat:repeat-x;
	cursor:default;
}

.jqueryslidemenu ul li ul li a.topic:hover{
	background:none;
	color:#cccccc;
	background-image:url(../images/navigation_back.gif);
	background-repeat:repeat-x;
	cursor:default;
}

/* ####################################################################*/
/* Header - Language ##################################################*/
/* ####################################################################*/

#language {
	position:absolute;
	top:98px;
	right:42px;
	width:180px;
	z-index:10000;
}

#language img {
	margin:-2px 4px 0 18px;
	float:left;
}

#language a {
	float:left;
	display:block;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
	margin:6px 0 0 0;
}

#language a:hover {
	color:#ffaa33;
}

/* ####################################################################*/
/* Footer - Copyright, Links ##########################################*/
/* ####################################################################*/

#footer #footer_bar {
	position:relative;
	top:28px;
	left:25px;
	width:906px;
	background:#333333;
	border:1px solid #000000;
	background-image:url(../images/footer_bar_back.gif);
	background-repeat:repeat-x;
	font-size:11px;
}

#footer_bar #copyright {
	float:left;
	color:#ffffff;
	width:294px;
	padding:2px 0px 3px 6px;
}

#footer_bar #links {
	float:left;
	color:#ffffff;
	width:606px;
	padding:2px 0px 3px 0px;
	text-align:right;
}

#footer_bar #links a {
	color:#ffffff;
	text-decoration:none;
	padding:0px 8px 0px 8px;
}

#footer_bar #links a:hover {
	color:#ffaa33;
}

/* ####################################################################*/
/* Content - Left column ##############################################*/
/* ####################################################################*/

#left_column {
	position:relative;
	left:25px;
	float:left;
	width:665px;
	margin:20px 54px 0 0px;
	padding:0 0 70px 0;
}

#left_column h1 {
	font-size:24px;
	margin:0 0 2px 0;
}

#left_column h2 {
	font-size:24px;
	font-weight:normal;
	margin:0 0 8px 0;
	color:#444444;
}

#left_column h3 {
	font-size:16px;
	font-weight:bold;
	margin:0 0 4px 0;
}

#left_column h4 {
	font-size:14px;
	font-weight:bold;
	margin:0 0 4px 0;
}

#left_column h5 {
	font-size:14px;
	font-weight:normal;
	margin:0 0 4px 0;
}

#left_column p {
	font-size:13px;
	line-height:18px;
}

#left_column p.small {
	font-size:12px;
	line-height:16px;
}

#left_column a {
	text-decoration:none;
	color:#024188;
}

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

#left_column ul {
	list-style-type:none;
	padding:2px 0 0 0;
	font-size:13px;
}

#left_column li {
	padding:0 0 5px 16px;
	margin:0 0 3px 0;
	background-image:url(../images/list_item_square_blue.gif);
	background-repeat:no-repeat;
	background-position:3px 5px;
}

span.important {
	background:#3269ac;
	color:#ffffff;
	font-weight:bold;
	margin:2px;
	padding:1px 4px 1px 4px;
}

span.reference {
	font-family:verdana;
	font-size:12px;
}

/* ####################################################################*/
/* Content - Left column - Information Box ############################*/
/* ####################################################################*/

#left_column div.info {
	width:644px;
	padding:4px 8px 4px 8px;
	border:1px solid #cccccc;
	background:#efefef;
}

#left_column div.info p {
	font-size:12px;
	line-height:17px;
}

/* ####################################################################*/
/* Content - Left column - Key Visual #################################*/
/* ####################################################################*/

#left_column .key_visual {
	position:relative;
	float:right;
	width:160px;
	height:174px;
	background-image:url(../images/key_visual_back.png);
	background-repeat:no-repeat;
}

#left_column div.about_us {
	background-image:url(../images/key_visual_about.png)
}

#left_column div.referenzen {
	background-image:url(../images/key_visual_referenzen.png)
}

#left_column div.partner {
	background-image:url(../images/key_visual_partner.png)
}

#left_column div.consulting {
	background-image:url(../images/key_visual_consulting.png)
}

#left_column div.entwicklung {
	background-image:url(../images/key_visual_entwicklung.png)
}

#left_column div.training {
	background-image:url(../images/key_visual_training.png)
}

#left_column div.kontakt {
	background-image:url(../images/key_visual_kontakt.png)
}

/* ####################################################################*/
/* Content - Left Column - Slideshow ##################################*/
/* ####################################################################*/

#slideshow {
	margin:20px 0 0 0;
	width:660px;
}

#slideshow table {
 border-collapse:collapse;	
}
#slideshow table td, 
#slideshow table th {
	vertical-align:top;
}

.slide,
.slide_home {
	width:660px;
	height:260px;
	background-image:url(../images/slideshow_back.jpg);
	background-repeat:no-repeat;
}

.slide_home {
	height:290px;
	background-image:url(../images/slideshow_index_back.jpg);
	background-position:0px 20px;
}

#left_column  th.slide_image {
	width:315px;
	height:260px;
	text-align:center;
	vertical-align:middle;
}

.slide .slide_image a img {
	margin:3px;
}

.slide .slide_image a:hover img {
	border:3px solid #ffaa33;
	margin:0px;
}

.slide .slide_text {
	width:315px;
	height:235px;
}

.slide_home .slide_text {
	width:315px;
	height:240px;
}

#left_column td.slide_text {
	padding:0 15px 0 15px;
}

#left_column .slide td.slide_text h3 {
	margin-top:18px;
}

#left_column .slide_home td.slide_text h3 {
	margin-top:38px;
}

.slide .slide_navi {
	width:333px;
	height:25px;
}

.slide_home .slide_navi {
	width:333px;
	height:50px;
	padding:0 12px 0 0;
}

.slide_navi a.next {
	position:relative;
	visibility:hidden;
	display:block;
	left:310px;
	background-image:url(../images/slideshow_next.gif);
	background-repeat:no-repeat;
	width:20px;
	height:15px;
}

.slide_navi a.next:hover {
	background-image:url(../images/slideshow_next_over.gif);
}

#slideshow_nav {
	width:660px;
	height:1px;
	background-image:url(../images/slideshow_back.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	visibility:hidden;
}

#nav {
	width:660px;
	float:left;
	margin:0 0 0 4px;
	padding:0;
}

#nav li {
	float:left;
	margin:8px 2px 8px 8px;
	list-style:none;
	background-image:none;
	padding:0;
}

#nav a img {
	border:1px solid #999999;
	margin:1px;
}

#nav a.activeSlide img {
	border:2px solid #084f94;
	margin:0px;
}

#nav a:hover img {
	border:2px solid #ffaa33;
	margin:0px;
}

/* ####################################################################*/
/* Content - Left column - Overview Table #############################*/
/* ####################################################################*/

#left_column table.overview {
	border-collapse:collapse;
	margin:10px 0 5px 0;
}

#left_column table.overview tr.odd {
 background:#e6e6e6;
}

#left_column table.overview tr.even {
 background:#ffffff;
}

#left_column table.overview td { 
	font-size:12px;
	padding:5px 5px 5px 7px;
}

#left_column table.overview td.center { 
	text-align:center;
}

#left_column table.overview th {
	padding:5px 5px 5px 7px;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	background:#3269ac;
}

/* ####################################################################*/
/* Content - Left column - Overview Link List 3/3 #####################*/
/* ####################################################################*/

#left_column div.overview {
	margin:8px 0 0 0;
}

#left_column ul.overview,
#left_column ul.overview_third,
#left_column ul.overview_half {
	padding:0;
}

#left_column ul.overview li,
#left_column ul.overview_third li,
#left_column ul.overview_half li {
	background-image:none;
	padding:0;
	margin:0 0 2px 0;
}

#left_column ul.overview li a,
#left_column ul.overview_third li a,
#left_column ul.overview_half li a {
	display:block;
	width:650px;
	background:#dcf2fd;
	padding:4px 4px 4px 6px;
}

#left_column ul.overview li a:hover,
#left_column ul.overview_third li a:hover,
#left_column ul.overview_half li a:hover {
	color:#000000;
	background:#ffb144;
}

/* ####################################################################*/
/* Content - Left column - Overview Link List 1/3 #####################*/
/* ####################################################################*/

#left_column div.overview_third {
	float:left;
	width:220px;
}

#left_column ul.overview_third li a {
	font-size:12px;
	width:190px;
}

/* ####################################################################*/
/* Content - Left column - Overview Link List 1/2 #####################*/
/* ####################################################################*/

#left_column div.overview_half {
	float:left;
	width:330px;
}

#left_column ul.overview_half li a {
	font-size:12px;
	width:295px;
}

/* ####################################################################*/
/* Content - Right column #############################################*/
/* ####################################################################*/

#right_column {
	margin:30px 0 50px 0;
	float:right;
	width:240px;
	padding:0 0 70px 0;
}

/* ####################################################################*/
/* Content - Kontakt, Download, Newsletter ############################*/
/* ####################################################################*/

#right_column #newsletter #form {
	float:left;
	width:240px;
}

#form h1 {
	font-size:13px;
	margin:6px 0 0 0;
}

#form fieldset {
	float:left;
	border:none;
}

#form label {
	float:left;
	display:inline;
	padding:0px;
	height:17px;
	margin:12px 0 0 0;
	text-align:left;
	color:#666666;
	width:42px;
}

#form input,
#form textarea,
#form select {
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	clear:right;			
	margin:8px 0 0 5px;
	border:1px solid #999999;
	background:#f0f6fa;
	padding:2px 3px 1px 3px;
	vertical-align:middle;
}

#form input,
#form textarea {
	background-image:url(../images/input_back.gif);
	background-repeat:no-repeat;
	width:158px;
}

#form select {	
	padding:1px;
	height:22px;
	margin:10px 0 0 5px;
	width:105px;
	color:#666666;
}

#form input {
	height:18px;
}

#form input:focus,
#form textarea:focus,
#form select:focus {
	border:1px solid #000000;
	color:#000000;
	background-image:url(../images/input_back_over.gif);
}

#form .submit {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	height:23px;
	background-color:#1c5d9d;
	border:1px solid #1c5d9d;
	padding:0px 0px 3px 0px;
	color:#ffffff;
	margin:8px 0 10px 10px;
	background-image:url(../images/submit_back.gif);
	background-repeat:repeat-x;
}

#form .submit:hover,
#form .submit:focus {
	background:#ffaa33;
	color:#ffffff;
	border:1px solid #000000;
	background-image:url(../images/submit_back_over.gif);
	cursor:pointer;
}

#form label.datenschutz {
	float:left;
	display:inline;
	padding:0px;
	height:24px;
	margin:6px 0 0 48px;
	text-align:left;
	color:#666666;
	width:84px;
	font-size:11px;
	line-height:13px;
}

#form label.datenschutz a {
	color:#999999;
	text-decoration:none;
}

#form label.datenschutz a:hover {
	color:#000000;
}

#form .error {
	border:2px solid #cc0000;
}

#form .error_salutation,
#form .error_daten {
	color:#cc0000;
}

#download #form .error_daten {
	font-weight:bold;
}

#form #hinweis {
	float:left;
	padding:0px;
	height:1px;
	height:auto !important;
	height:1px;
	margin:6px 0 6px 0;
	text-align:left;
	color:#cc0000;
	width:220px;
	font-size:12px;
	line-height:14px;
}

#download #form #hinweis {
	clear:left;
	margin:6px 0 6px 45px;
	width:400px;
}


#download #form input.checkbox {
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	clear:right;			
	margin:0;
	border:none;
	background:none;
	padding:0;
	background-image:none;
}

#kontakt #form label {
	width:85px;
	text-align:right;
}

#kontakt #form input {
	width:250px;
}

#kontakt #form textarea {
	width:375px;
}

#kontakt #form label.datenschutz {
	width:145px;
	margin:10px 5px 0 240px;
}

/* ####################################################################*/
/* Content - Right Column - Callback ##################################*/
/* ####################################################################*/

#right_column #callback  {
	float:left;
	width:240px;
}

#right_column #callback h1 {
	font-size:13px;
	margin:6px 0 3px 0;
}

#right_column #callback p {
	font-size:13px;
}

/* ####################################################################*/
/* Content - Right Column - Address ###################################*/
/* ####################################################################*/

#right_column #address  {
	float:left;
	width:240px;
}

#right_column #address h1 {
	font-size:13px;
	margin:6px 0 3px 0;
}

#right_column #address p {
	font-size:13px;
}

#right_column #address a {
	color:#024188;
	text-decoration:none;
}

#right_column #address a:hover {
	color:#ff6600;
	text-decoration:none;
}