@charset "utf-8";
/* CSS Document */
/*************************/
/* SECTION 0 - HTML */
/*************************/
html{overflow: -moz-scrollbars-vertical;}

html {  overflow-y: scroll;}
/*************************/
/* SECTION 1 - MAIN BODY */
/*************************/

body {
	background-color: #959595;
	font-size: 62.5%; 
	margin: 0px auto; padding: 0px; 
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: arial, sans-serif;
}


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

.page{
	width: 982px; 
	margin: 0px auto;
   padding: 0px; 
   background-color: #ffffff;	
}

.page-container2{
	border:0px;
	margin:0px;
	padding:0px; 
	background-color: transparent;
}
	
.page-container{
	width: 962px; 
	margin: 0px auto;
	background:url(../imagesystem/bgpage.jpg);
	padding: 0px; 
}

DIV.shadow1, DIV.shadow2, DIV.shadow3, DIV.shadow4, DIV.shadow5 {
	padding: 1px;  
  	border-radius: 10px;
  	-moz-border-radius: 10px;
	z-index: -10;
}

DIV.shadow1 {
   background-color: #7c7c7c;
   border: 1px solid #7e7e7e;
   margin: 0px;
   z-index: -10;
}

DIV.shadow2 {
   background-color: #818181;
   border: 1px solid #828282;
   margin: 0;
   z-index: -9;
}

DIV.shadow3 {
background-color: #858585;
border: 1px solid #888888;
margin: 0;
z-index: -8;
}

DIV.shadow4 {
background-color: #909090;
border: 1px solid #929292;
margin: 0;
z-index: -7;
}

DIV.shadow5 {
	float: left; 
	background-color: #939393;
	border:1px solid #959595;
	margin: 0px;
	z-index: -6;
}

#trailer{
	border:none;
	background-color: white; 
	padding: 0px 0px 0px 0px; 
	margin: 0px 1px 0px 1px; 
	width:960px; 
	height:150px;
}


#left-col{
	margin: 0px;
	padding: 0px;
	width: 167px;
	overflow: hidden; 
	clear: both; 
	float: left; 
	border:none;
}

#partner {
margin: 0px 0px 0px 0px;
clear: both; 
float: left; 
width: 165px;
padding: 0px; 
font-size: 1.0em;
}


/******************************************************************************/
/* SECTION - Portfolio: Container and backgroundimages */
/******************************************************************************/

.content1-portfolio{
	border: none;
	float: left;
	width: 626px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	color: rgb(75,75,75);
}
.content1-container-portfolio{
	border:none;
	vertical-align: top;
	clear: both;
	float: left;
	width: 610px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.portfolio-right{
	border: none; 
	float: right; 
	width: 526px;
}

.class-icon-multimedia-bg{
	border: none; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 13px;
	width: 46px; 
	height: 46px;
	float: left; 
	background:url(../imagesystem/icons_portfolio/multimedia.jpg) no-repeat;
}

.class-icon-consulting-bg{
	border: none; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 13px;
	width: 46px; 
	height: 46px;
	float: left; 
	background:url(../imagesystem/icons_portfolio/beratung_analysen.jpg) no-repeat;
}

.class-icon-server-infratructure-bg{
	border: none; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 13px;
	width: 46px; 
	height: 46px;
	float: left;  
	background:url(../imagesystem/icons_portfolio/server_infrastruktur.jpg) no-repeat;
}

.class-icon-desktop-service-bg{
	border: none; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 13px;
	width: 46px; 
	height: 46px;
	float: left;  
	background:url(../imagesystem/icons_portfolio/desktop_services.jpg) no-repeat;
}

.class-icon-software-bg{
	border: none; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 13px;
	width: 46px; 
	height: 46px;
	float: left; 
	background:url(../imagesystem/icons_portfolio/software_entwicklung.jpg) no-repeat;
}

.class-icon-sap-bg{
	border: none; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 13px;
	width: 46px; 
	height: 46px;
	float: left; 
	background:url(../imagesystem/icons_portfolio/sap_solutions.jpg) no-repeat;
}

.class-icon-cax-bg{
	border: none; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 13px;
	width: 46px; 
	height: 46px;
	float: left;  
	background:url(../imagesystem/icons_portfolio/cax.jpg) no-repeat;
}

.class-icon-it-bg{
	border: none; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 13px;
	width: 46px; 
	height: 46px;
	float: left; 
	background:url(../imagesystem/icons_portfolio/it_training.jpg) no-repeat;
}

.class-icon-management-bg{
	border: none; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 13px;
	width: 46px; 
	height: 46px;
	float: left;  
	background:url(../imagesystem/icons_portfolio/management_services.jpg) no-repeat;
}

/* LASTUPDATE - LINKTIP - PRINT - Layout:  2 Column - PORTFOLIO */
.bottom-container{width:100%; float: left; margin: 0px 0px 0px 0px; padding: 15px 0px 10px 10px; font-size: 110%; }
.bottom-left {border: none; text-align: right; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 110%; }
.bottom-left a{text-decoration: none;}
.bottom-right {text-align: right; float: right; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; font-size: 100%; }
.bottom-right a{text-decoration: none;}


/* LASTUPDATE - LINKTIP - PRINT - Layout:  2 Column - other */
.bottom-container1{width:100%; float: right; margin: 0px 0px 0px 0px; padding: 15px 0px 10px 0px; font-size: 110%; }
.bottom-left1 {border: none; text-align: right; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 110%; }
.bottom-left1 a{text-decoration: none;}
.bottom-right1 {text-align: right; float: right; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; font-size: 100%; }
.bottom-right1 a{text-decoration: none;}


/* Link-Arrows - LINKTIP - PRINT - Layout:  2 Column - other */
.arrow-right{
	border: none; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 16px; 
	height: 16px;
	float: left;  
	background:url(../imagesystem/icons/more.jpg) no-repeat;
}

.headercontainer{
	border: none;
	width: 962px; 
	height: 65px;
	margin: 0px; 
	padding: 0px; 
	background-color: #fff;
}

.headercontainer2{
	width: 256px; 
	height: 60px;
	float:left;
	margin:0px; 
	padding:0px;
	border: none;
	background-color:#fff;
}

.tx-rlmpflashdetection-pi1{
	background-color:white;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	height:150px;
	
	
	
}

.langform{
	border: none; 
	margin:0px;
	width: 550px;
	height: 60px;
	float:right;
}

#searchtext {
	height:16px;
	border: 1px solid #afafaf;
}

.navflag-container {
	border: none;
	width: 540px; 
	float: right; 
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 6px 0px;
	background-color:#FFFFFF;   
}
.navflag {margin: 0px; padding: 0px; font-size: 1.0em;}	
.navflag ul {float: right; margin: 0px; padding: 0px 10px 0px 0px;}
.navflag li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.navflag li a {margin: 0px; padding: 0px 0px 0px 1px;}
.navflag li a img{display: inline; margin: 0px; padding: 0px; border: none;}
.navflag a:hover {color: rgb(0,0,0); text-decoration: none;}

/*----------------------------*/
/* 2.3 - Navigation - Level 1 */

/*----------------------------*/
.nav1-container {border: none; height: 20px; width: 540px; float: right; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.nav1 {border: none; float: left; width:534px; height:20px; margin: 0px; padding: 0px;  font-size: 1.0em;}
.nav1 ul {float: right; margin: 0px; padding: 0px 0px 0px 0px; background-color: rgb(255,255,255); font-weight: bold;}	
.nav1 li { display: block; float: left; margin: 0px; padding: 5px 10px 0px 5px; text-decoration: none; font-size: 10px;}
.nav1 li a {text-decoration: none; font-size: 10px;}

/*---------------------------------------*/
/* Abstand zwischen Kopfbild und Content */
/*---------------------------------------*/
.buffer {
	/* clear: both; */ 
	width: 962px; 
	height: 20px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #fff; 
	/*border: 1px solid red;*/
}
/*----------------------------*/
/* Rootline */
/*----------------------------*/
#rootline {
	/* border: 1px red solid;
	border-bottom: 10px solid #fff; */
	border: none;
	font-size: 1.2em; 
	background-color: #fff; 
	color: Gray;
	margin: 0px 0px 0px 0px;
	padding: 16px 15px 8px 15px;
}

/*--------------------------------*/
/* 2.5 - Navigation - Level 2 & 3 */
/*--------------------------------*/

/******************************************************************************/
/* SECTION 3 - SPECIFIC CLASSES FOR LAYOUT #1 (With navigation, with sidebar )*/
/******************************************************************************/
.content1{border: none; float: left; width: 590px; margin: 0px; padding: 0px 0px 10px 18px; color: rgb(75,75,75);  }
.content1-container{border:none; vertical-align: top; clear: both; float: left; width: 590px; margin: 0px 0px 0px 0px; padding: 0px;  }
.content1-container label {font-size: 1.2em;}
.content1-pagetitle {overflow: hidden; width: 590px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; color: #939393; font-weight: bold; font-size: 180%;}

/*******************************************************************************************/
/* SECTION 3 - SPECIFIC CLASSES FOR LAYOUT #1 [Boxversion] (With navigation, with sidebar )*/
/*******************************************************-***********************************/
.content1-box {float: left; width: 590px; margin: 0px; padding: 0px 0px 10px 20px; color: #fff; }
.content1-box h2{
   font-weight: bold;
   font-size: 1.2em;
   line-height : 20px;
	color:#fff;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right:0px;
          padding:0px 0px 0px 10px;
	background:url(../imagesystem/graue_flaeche_rubriken_mitte.jpg);
	height:21px;
	border-bottom:#ffffff solid 1px;
	border-left:#ffffff solid 1px;
	border-right:#ffffff solid 1px;
}


.content1-box h2 a{
text-decoration:none;
   font-weight: bold;
   font-size: 12px;
   line-height : 20px;
	color:#fff;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right:10px;
   	padding:0px 0px 0px 0px;
	background:url(../imagesystem/mehrlink.jpg);
	background-repeat:no-repeat;
	background-color:transparent;
	height:21px;
	width:600px;
	display:block;
}

.content1-box h2 a:hover{
   font-weight: bold;
   font-size: 12px;
   text-decoration:none;
   line-height : 20px;
	color:#666;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right:10px;
   	padding:0px 0px 0px 0px;
	background:url(../imagesystem/mehrlink.jpg);
	background-repeat:no-repeat;
	background-color:transparent;
	height:21px;
	width:600px;
	display:block;
}



/* IE 6 */
.hr-bottom{
	float: left;
	width:100%;
	color:#9b9b9b;
	background-color:#9b9b9b;
	margin: 5px 0px 5px 0px;
}

.hr-bottom-2{
	float: left;
	width:645px;
	color:#9b9b9b;
	background-color:#9b9b9b;
	margin: 5px 0px 5px 0px;
}
/* other */
/*
html>body .content1-box-container .hr-bottom{float: left; width:100%; color:#9b9b9b;background-color:#9b9b9b;margin: 10px 0px 10px 0px;}
*/
.content1-box {
	float: left;
	width:611px;
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 0px 0px;
	color: rgb(75,75,75);
	overflow: hidden;
}



/* Firefox and other */

html>body .content1-box {
	float: left;
	width:611px;
	margin: 0px 0px 0px 19px;
	padding: 0px 0px 0px 0px;
	color: rgb(75,75,75);
	overflow: hidden;
}




/* IE 6 */
.content1-box-container {
	border-left: 1px solid  #a8a8a8;
	border-right: 1px solid  #a8a8a8;
	border-bottom: 1px solid  #a8a8a8;
	border-top: 1px solid  #a8a8a8;
	overflow: hidden; 
	float: left ! important;  
	width: 282px; 
	height: 220px; 
	min-height: 220px; 
	margin: 0px 20px 20px 0px; 
	padding: 0px 0px 0px 0px; 
	text-align: left; 
	color: rgb(75,75,75);
	background-color:#eee;
}



/* Firefox and other */
html>body .content1-box-container {
	position:relative;
	border-left: 1px solid  #a8a8a8; 
	border-right: 1px solid  #a8a8a8; 
	border-bottom: 1px solid  #a8a8a8; 

	overflow: hidden; 
	float: left; 
	width: 284px; 
	/* height: auto; */
	min-height: 220px; 
	margin: 0px 19px 19px 0px; 
	padding: 0px 0px 0px 0px; 
	text-align: left; 
	color: rgb(75,75,75);
}







.content1-box .csc-textpic {	
	height: 197px;
	border-bottom:1px solid  #fff; 
	border-left:1px solid  #fff; 
	border-right:1px solid  #fff; 
}


.hudlink {
	position:relative;
	top:0px;
	display:block;
	margin: 0px;
	height:20px;
	padding:6px 25px 0px 0px; 
	background-color: #eee; 
	background:url(../imagesystem/icons/more.jpg);
	background-repeat:no-repeat;
	background-position: 257px;
	text-align:right;
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
	z-index:100;
}
  
.hudlink, a:hover{
	color:#000;
}

.content1-box-container p {margin: 0px 0px 0px 0px; padding: 2px 3px 3px 3px; font-size: 1.1em; z-index:8; position:relative;
}
.content1-pagetitle {
 	overflow: hidden;
 	width: 488px;
 	margin: 0px 0px 10px 0px;
 	padding: 0px 0px 0px 0px;
 	color: #939393;
 	font-weight: bold;
	font-size: 180%;
}
/* Content-Boxen */ 

/* Content-Box-Left Startseite*/ 
#content-left{
	width:166px; 
	float: left;
	background-color: #eee;
	margin-left:0px;
	/*border: 1px solid red;*/
}

#content-left H2{
	font-size: 1.1em;
	color:#666666;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:1px;
	padding-top:5px;
	padding-left: 8px;
	font-weight: bold;
	background:url(../imagesystem/graue_flaeche_rubriken.jpg);
	height:21px;
	border-top: #ffffff solid 1px;
	}

.csc-uploads-fileName{width:415px;}

/* TIP-A-FRIEND FORM */
.tx_tipafriend {border: 1px solid black; margin: 20px 0px 0px 50px; width:30em; padding-bottom: 25px; border: 0px;}
#tx_tipafriend_message{border: 1px solid #C0C0C0; width:25em; margin-bottom: 5px; font-family: arial, sans-serif;}
#tx_tipafriend_name{border: 1px solid #C0C0C0; width:25em; margin-bottom: 5px; font-family: arial, sans-serif;}
#tx_tipafriend_email{border: 1px solid #C0C0C0; width:25em; margin-bottom: 5px; font-family: arial, sans-serif;}
#tx_tipafriend_recipient{border: 1px solid #C0C0C0; width:25em; margin-bottom: 5px; font-family: arial, sans-serif;}
#tx_tipafriend_button{border: 1px solid #C0C0C0; width:80px; margin-bottom: 55px; font-family: arial, sans-serif;} 

/* Suchformular */
.tx-indexedsearch{margin-bottom: 25px; font-family: arial, sans-serif;}
.tx-indexedsearch select{border: 1px solid #C0C0C0; font-family: arial, sans-serif;}
.tx-indexedsearch-searchbox-sword{border: 1px solid #C0C0C0; margin-bottom: 5px; font-family: arial, sans-serif;}
.tx-indexedsearch-searchbox-button{border: 1px solid #C0C0C0; margin-bottom: 5px; font-family: arial, sans-serif;} 


/* Bullet Lists */
.odd{font-size: 1.2em;list-style-type:square;}
.even{font-size: 1.2em;list-style-type:square;}

/*********************************/
/* SECTION 6 - COMMON PARAMETERS */
/*********************************/

/* Headings */
h1 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 160%;}
h2 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 130%;}
h3 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 130%;}
h4 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 130%;}
h5 {margin: 0px 0px 0.2em 0px; font-weight: bold; font-size: 130%;}
h6 {font-weight: bold; font-style: italic; font-size: 130%;}

/* Paragraphs */
p {margin: 0px 0px 0.5em 0px; padding: 0px; line-height: 1.3em; font-family: Arial, Helvetica, sans-serif; font-size: 120%; }

/* Tables */
.table {clear: left; margin: 0.5em 0px 0.2em 30px; border: solid 1px rgb(150,150,150); empty-cells: show; border-collapse: collapse; background-color: rgb(233,232,244);}
.table tr {margin: 0px; padding: 0px;}
.table td {padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); text-align: left; font-size: 120%;}
.table th {margin: 0px; padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); empty-cells: show; text-align: left; font-size: 120%; 	}
.table-caption {margin: 0.5em 0px 1.0em 30px; padding: 0px; clear: both; text-align: left; font-size: 120%;}
table td {vertical-align: top;}

/*------------------------*/
/* 6.2 - Sidebar-Box Area */
/*------------------------*/

.sidebar-box {
	overflow: hidden; 
	float: right;
	width: 165px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	color:#666666;
	background:#eee;
	margin-right:1px;
	border: none;
}
.sidebar-box p {
	margin-left: 5px;
	margin-top: 10px;
}

.sidebar-box h2{
	font-size: 1.1em;
	color:#666666;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:0px;
	padding-top:5px;
	padding-left: 5px;
	font-weight: bold;
	background:url(../imagesystem/graue_flaeche_rubriken.jpg);
	height:21px;
	border-top:#ffffff solid 1px;
}

.jobs-item  {
	background-color:#FFFFFF;
	margin-right: 0px;
	padding: 0px;
	border-left:#eee solid 1px;
	border-right:#eee solid 1px;
	border-top:#eee solid 1px;
}

.jobs-item h3{
	background-color:#FFFFFF;
	color:#666666;
	margin: 0px;
	padding:  9px 0px 0px 10px;
	font-size: 1.2em;
	letter-spacing:0.05em;
	font-weight: bold;
}
 
.jobs-item a{
	color:#666666;
	margin: 0px 0px 0px 0px;
	font-size: 1.0em;
	background-color:#FFFFFF;
	color:#666666;
	text-decoration:none;
}

.jobs-item  p{
	margin: 0px;
	padding:  0px 0px 0px 10px;
	font-size: 1.0em;
	background-color:#FFFFFF;
	color:#666666;
}

.jobs-item img{
	border:none;
	clear:right;
	padding-left: 125px;
	margin-bottom:10px;
}

/*--------------------*/
/* 6.3 - Footer Area  */
/*--------------------*/

.footer {
	overflow: hidden; 
	clear: both; width: 962px; 
	height: 3.0em; 
	margin: 0px; 
	padding: 0px 0px 0.5em 0px; 
	border-top: solid 1px #fff; 
	border-bottom: solid 1px #fff; 
	background-color: #b7b7b7; 
	color: #fff;
 	font-size: 0.9em; 	
	background:url(../imagesystem/bgpage2.jpg);
}
.footer p {
	margin: 0px; 
	padding-top: 10px; 
	text-align: center;
	font-weight:normal; 
}

/*-------------------*/
/* 6.4 - Hyperlinks  */
/*-------------------*/

.footer a {color: rgb(255,255,255); text-decoration: underline;}
.footer a:hover {color: rgb(0,0,0); text-decoration: none;}

/*******************************/
/* SECTION 7 - GENERIC CLASSES */
/*******************************/

/*-----------------------------*/
/* 7.2 - Horizontal alignments */
/*-----------------------------*/

.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align: center;}

/*****************************/
/* SECTION 8 - MISCELLANEOUS */
/*****************************/

.showcode {font-family: monospace; font-weight: bold; font-size: 13px; color: rgb(255,0,0);}
.clear {clear: both;}
.hide {display: none;}
 br {clear: none;}

/*****************************/
/* SECTION 9 - SITEMAP */
/*****************************/

.csc-sitemap {float: left; width: 428px; margin: 0px; padding: 0px 0px 50px 20px; }
.csc-sitemap li {display: block; }
.csc-sitemap li a { text-decoration: none; font-size: 1.21em;}
.csc-sitemap a:hover a.selected {text-decoration: none;}

/*****************************/
/* SECTION 10 - CONTACTFORM */
/*****************************/

#mailform-mailform209 {margin: 20px 0px 0px 50px; width:30em; padding-bottom: 25px; border: 0px;}
#mailform209message{border: 1px solid #C0C0C0; width:25em; margin-bottom: 5px; font-family: arial, sans-serif; }
#mailform209company{border: 1px solid #C0C0C0; width:25em; margin-bottom: 5px; font-family: arial, sans-serif;}
#mailform209email{border: 1px solid #C0C0C0; width:25em; margin-bottom: 5px; font-family: arial, sans-serif;}
#mailform209fon{border: 1px solid #C0C0C0; width:25em; margin-bottom: 5px; font-family: arial, sans-serif;}
#mailform209name{border: 1px solid #C0C0C0; width:25em; margin-bottom: 5px; font-family: arial, sans-serif;}
#mailform209formtype_mail{border: 1px solid #C0C0C0; width:80px; margin-bottom: 5px; font-family: arial, sans-serif;} 


#mailform-mailform712{margin: 20px 0px 0px 50px; width:30em; padding-bottom: 25px; border: 0px;}
#mailform712message{border: 1px solid #C0C0C0; width:25em; margin-bottom: 5px; font-family: arial, sans-serif; }
#mailform712company{border: 1px solid #C0C0C0; width:25em; margin-bottom: 5px; font-family: arial, sans-serif;}
#mailform712email{border: 1px solid #C0C0C0; width:25em; margin-bottom: 5px; font-family: arial, sans-serif;}
#mailform712fon{border: 1px solid #C0C0C0; width:25em; margin-bottom: 5px; font-family: arial, sans-serif;}
#mailform712name{border: 1px solid #C0C0C0; width:25em; margin-bottom: 5px; font-family: arial, sans-serif;}
#mailform712formtype_mail{border: 1px solid #C0C0C0; width:80px; margin-bottom: 5px; font-family: arial, sans-serif;} 

/***************************************/
/* SECTION 11 - EXTENSION TIP-A-FRIEND */
/***************************************/

/*************************************/
/* SECTION - EXTENSION TRENNER   */
/*************************************/
.top { vertical-align:bottom; margin-top: 30px; border-bottom: 1px solid #9b9b9b; margin-bottom: 30px; font-family: arial, sans-serif; text-align: right; vertical-align: top; font-size: 110%;}
.top a { text-decoration: none;} 

/* LASTUPDATE - LINKTIP - PRINT - Layout 1 Column */
.bottom-toplink-1 {text-align: right; border: 0px; width: 645px; float: left; margin: 1.1em 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.2em; font-size: 110%; }
.bottom-toplink-1 a{color: rgb(75,75,75); text-decoration: none;}
.bottom-row-1 {border-top: 1px solid #9b9b9b; width: 645px; float: left; margin: 0px 0px 10px 0px; padding: 10px 0px 0px 0px; line-height: 1.2em; font-size: 110%; }

/* LASTUPDATE - LINKTIP - PRINT - Layout 2 Column */
.bottom-toplink-2 {text-align: right; border: 0px; width: 488px; float: left; margin: 1.1em 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.2em; font-size: 110%; }
.bottom-toplink-2 a{text-decoration: none;}
.bottom-row-2 {border-top: 1px solid #9b9b9b; width: 488px; float: left; margin: 0px 0px 10px 0px; padding: 10px 0px 0px 0px; line-height: 1.2em; font-size: 110%; }



.pdflogo{
  float: right;
  border: none;
  width: 16px;
  height: 16px;
  margin: 0px 7px 0px 5px;
  padding: 0px 0px 0px 0px;
}

/* ######################################################################################################
 * ** # Login und Logout##################################################################################
 * ** ######################################################################################################
 * **
 *
 */* ### Login ###################################################################### */

.tx-felogin-pi1 {border: 0px solid green; display: block; font-size: 12px;}
form { border: 0px solid red; margin-top: 15px;}
legend {
      padding: 10px;
}
input {
      margin-top: 10px; margin-bottom: 10px;
}
/* ### Login end ###################################################################### */

/* ### Logout###################################################################### */

#logout p{border: 0px solid green; margin-left: 6px;}
#logout input {margin-left: 6px; width: 154px;}


/*
 *  *Form CSS
 *   */
.form-all {
    list-style: none;
    list-style-position: outside;
    margin: 0px;
    color: Black;
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 100%;
}

.form-captcha {
    border: 1px solid #ccc;
    background: #f5f5f5;
    padding: 6px;
    width: 152px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px;
}

.form-captcha:hover {
    border: 1px solid #aaa;
}

.form-captcha-image {
    border: 1px solid #aaa;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px;
}

.form-collapse-table{
     height:58px;
     border:1px solid #ccc;
     background:#f5f5f5 url(../../images/soft-grad.png) repeat-x;
     position:relative;
}
.form-collapse-left{
}
.form-collapse-mid{
     text-shadow:0px 2px 0px #fff;
     float:left;
     font-size:18px;
     margin:16px 45px 16px 20px;
}

.form-radio, .form-checkbox{
    vertical-align:middle;
    margin:0px;
    padding:0px;
}

.form-radio-item, .form-checkbox-item{
    margin-top:5px;
    float:left;
}
.form-multiple-column, .form-single-column{
    display:inline-block;
}
.form-multiple-column .form-radio-item, .form-multiple-column .form-checkbox-item{
    width:150px;
}

.form-radio-item label, .form-checkbox-item label{
    margin-left:5px;
}
.form-radio-item br, .form-checkbox-item br{
    clear:left;
}

.form-submit-button, .form-submit-reset, .form-submit-print{
    margin:0px;    
    overflow:visible;
    padding:1px 6px;
    width:auto;
}
.form-submit-button::-moz-focus-inner, .form-submit-reset::-moz-focus-inner{
    border: 0px;
    padding:1px 6px;
}
.form-submit-print::-moz-focus-inner{
    padding:0px 6px;
}
.form-submit-print{
    padding:1px 6px;
}

.form-collapse-right{
     position:absolute;
     right:0px;
     height:58px;
     width:40px;
}
.form-collapse-right-show{
     background: url(../../images/arrow-open.png) no-repeat center;
}
.form-collapse-right-hide{
     background: url(../../images/arrow-closed.png) no-repeat center;
}

.form-collapse-hidden {
    display: none;
}

.form-grading-item {
    margin-bottom: 3px;
}

.form-header {
    margin:0px;
}


.form-label {
    width: 150px;
    margin-bottom: 6px;
    display:inline-block;
}

.form-label-top {
    margin-bottom:6px;
    display:inline-block;
       font-size: 110%; 
        font-weight: bold;
        color: #005da3;
}

.form-label-left {
    float:left;
    display:inline-block;
    text-align:left;
    padding:3px;
}

.form-label-right {
    float:left;
    display:inline-block;
    text-align:right;
    margin-right:6px;
    margin-bottom:6px;
    padding:3px;
}



.form-section, .form-section-closed {
    list-style:none;
    list-style-position:outside;
    margin:0px;
    padding:0px;
    position:relative;
    zoom:1;
}


.form-section-closed {
    overflow: hidden;
    height: 60px;
}

.form-input {
   display:inline-block;
}

.form-line {    
      clear:both;
      padding:10px;
      margin:0px;
    display:inline-block;
    width:97%;
    width:-moz-available;
    /* Removed this because it was changing the size of the migrated forms */
      /* border:1px solid transparent ; */
      position:relative;
}

.form-line-column{
    float:left;
    clear:none;
    width:auto;
}

.form-line-column-clear{
    clear:left;
    width:auto;
}

.form-line-active {
    background-color: #cde7fa;
    /*outline: 1px solid #EEEED0;*/
    color:#333;
}

.form-matrix-table {
    border-collapse: collapse;
    font-size: 10px;
}

.form-matrix-column-headers {
    border: 1px solid #ccc;
    background: #ddd;
}

.form-matrix-row-headers {
    border: 1px solid #ccc;
    background: #ddd;
}

.form-matrix-values {
    border: 1px solid #ccc;
    background: #f5f5f5;
}


.form-required {
    margin-left: 5px;
    color: red;
}

.form-scale-table {
    font-size: 12px;
}

.form-scale-table th {
    border-bottom: 1px solid #ccc;
    color: #999;
}


.form-address-table td, .form-address-table th{    
    padding-bottom:10px;
}
.form-button-error{
    color:red;
    display:inline;
}
.form-line-error{
    background:#FFAAAA;
    /*border:1px solid #FFAAAA;*/
    color:#333;
}

.form-validation-error{
    border:2px solid red;
}

.form-line-active .form-error-message {
    display: none; 
}

.form-error-message{
    /*
 *     right:7px;
 *         top:6px;
 *             */
    
    z-index:900;
    position:absolute;
    max-width:130px;
    right:0px;
    top:0px;
    color:#333;
    padding:3px;
    font-size:10px;
    border:4px solid #dd8888;
    -moz-box-shadow:0px 2px 4px #666;
    -webkit-box-shadow:0px 2px 4px #666;
    -moz-border-radius:6px 6px;
    -webkit-border-radius:6px 6px;
    background:#FFCCCC;
}

.form-input .form-error-message, .form-input-wide .form-error-message{
    bottom:-5px;
    font-size:11px;
    position:relative;
    z-index:900;
    right:auto;
    top:auto;
    color:#333;
    padding:3px;
    max-width:100%;
    padding-bottom:3px;
    font-size:12px;
    border:none;
    -moz-box-shadow:0px 2px 4px #666;
    -webkit-box-shadow:0px 2px 4px #666;
    -moz-border-radius:6px 6px;
    -webkit-border-radius:6px 6px;
    background:#FFCCCC;
}

.form-description{
    z-index:1000;
    position:absolute;
    right:7px;
    max-width:150px;
    top:6px;
    -moz-box-shadow:0px 2px 4px #666;
    -webkit-box-shadow:0px 2px 4px #666;
    border:4px solid #ccc;
    -moz-border-radius:6px 6px;
    -webkit-border-radius:6px 6px;
    background:#f5f5f5;
}
    
.form-description-content{
    padding:10px;
    font-size:10px;
    color:#333;
}
    
.form-description-arrow {
    border-color:transparent #CCCCCC transparent transparent;
    border-style:solid;
    border-width:10px;
    height:0;
    width:0;
    left:-24px;
    top:7px;
    position:absolute;
}    
    
.form-description-arrow-small {
    border-color:transparent #F5F5F5 transparent transparent;
    border-style:solid;
    border-width:7px;
    height:0;
    width:0;
    left:-14px;
    top:10px;
    position:absolute;
}

.form-autocomplete-list{
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:12px;
    background:#333;
    background:rgba(26,58,81,0.8);
    border:1px solid #eee;
    border-top:none;
    padding:5px 0;
    -moz-border-radius-bottomright:10px 10px;
    -moz-border-radius-bottomleft:10px 10px;
    -webkit-border-bottom-right-radius:10px 10px;
    -webkit-border-bottom-left-radius:10px 10px;
    -moz-box-shadow:0px 5px 10px rgba(0,0,0,0.6);
}

.form-autocomplete-list-item{
    margin:0 5px;
    border:1px solid transparent;
    color:#fff;
    padding:3px;
    -moz-border-radius:5px 5px;
    -webkit-border-radius:5px;
    text-shadow:1px 1px 3px #000;
    cursor:pointer;
}
.form-autocomplete-list-item-selected, .form-autocomplete-list-item:hover{
    -moz-box-shadow:0 0 4px #333;
    -webkit-box-shadow:0 0 4px #333;
    border:1px solid #1a3a51;
    background:#4295D1;
}
.form-autocomplete-list-item:hover{
    border:1px solid #ccc;
}
.form-sub-label-container{
    display:inline-block;
    margin-right:5px;
}
.form-sub-label{
    color:#999999;
    display:block;
    font-size:9px;
    
}
.form-html{
    padding:3px;
}
.form-radio-other-input{
    margin-left:5px;
}

/*
 *  * TODO: This a fix for column view in IE6 and IE7
 *   * only in single column. After relaxing we have
 *    * to change the HTML code directly to fix column
 *     * problems in IE6 and IE7.
 *      */
.form-single-column .clearfix { display: inline-block; }
.form-single-column .clearfix { display: block; }

/*table th {
 *       width: 00px; 
 *       }*/
.form-label-mail{
       white-space: nowrap;
       float:left;
    display:block;
    text-align:left;
    padding:3px;
}


/* ######################################################################################################
 * ** # Webkongress  ##################################################################################
 * ** ######################################################################################################*/

#webkongress{ display: block; border: 0px solid red; clear: both; height: auto; width: 600px;}
      
#webkongress img {
       border: none;
}
.web-img a {background-image: url(../../images/Grafiken/tuer_zu.jpg); float: left; margin-right: 30px; border: none; background-repeat: no-repeat;}
.web-img a:hover {  background-image: url(../../images/Grafiken/tuer_auf.jpg); float: left; border: none;  background-repeat: no-repeat;}
      
.web-text{border: 0px solid green; float: left;  vertical-align: middle; padding-top: 10px; padding-right: 0px;  }

#webkongress table {border: none; font-size: 11px; width: 500px;}